UNPKG

vxe-design

Version:

A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms

github.com/x-extends/vxe-design

x-extends/vxe-design

1 lines • 1.14 kB
1
Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeCheckboxGroupViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use");let WidgetVxeCheckboxGroupViewComponent=exports.WidgetVxeCheckboxGroupViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){let u=_core.VxeUI.getComponent("vxe-form-item"),i=_core.VxeUI.getComponent("vxe-checkbox-group"),n=(0,_vue.inject)("$xeFormView",null),a=(0,_use.useWidgetName)(r).computeKebabCaseName,l=()=>{var e,t=r.renderParams,t=t.widget;n&&(e=n?n.getItemValue(t):null,n.updateWidgetStatus(t,e))};return()=>{var e=r.renderParams;let t=e.widget,o=t.options;e=a.value;return(0,_vue.h)(u,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(i,{modelValue:n?n.getItemValue(t):null,options:o.options,optionProps:{label:"value",value:"value"},onChange:l,"onUpdate:modelValue"(e){n&&n.setItemValue(t,e)}})}})}}});