<template>
  <div id="checkbox">
    <pl-data-checkbox v-if="bindProps.checkboxType === 'sysData'"
                      v-model='spcpFormData[fieldId]'
                      :width="width"
                      v-bind="bindProps"
                      :control-css="colCss">
    </pl-data-checkbox>

    <pl-checkbox-group v-else
                       v-model='spcpFormData[fieldId]'
                       v-bind="bindProps">

    </pl-checkbox-group>
  </div>
</template>
<script>
import proto from '../spcp-proto.vue';
import plDataCheckbox from "../../tableviewRenderComp/plDataCheckbox";
import plCheckboxGroup from "../../tableviewRenderComp/plCheckboxGroup";
export default {
    name: "spcp-checkbox",
    components: {plDataCheckbox,plCheckboxGroup},
    extends: proto,
    props:{
      checkType: {type:String,default:"sysData"},
      value:{type:Array,default:()=>[]},
      field:{type:String},
      size:{type:String,default:"small"},
      height:{type:String,default:""},
      disabled:{type:Boolean,default:false},
      typeId:{type:String,required:false, default: ""},
      parentId:{type:String,default:""},
      showText:{type:Boolean,default:false},
      checkboxArr:{type:Array,default:function () {return []}},
      on:{type:Object,default: null},
      rememberSysDataObj:{type:Function},
    },
    data(){
        return {

        }
    },
    created() {
    },
}
</script>
<style scoped>

</style>
