vxe-design/lib/form-design/widget-subtable/subtable-form.min.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSubtableFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use");const WidgetSubtableFormComponent=exports.WidgetSubtableFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const n=_core.VxeUI.getComponent("vxe-form"),u=_core.VxeUI.getComponent("vxe-form-item"),i=_core.VxeUI.getComponent("vxe-input"),s=_core.VxeUI.getComponent("vxe-switch");if(!(0,_vue.inject)("$xeFormDesign",null))return()=>[];const m=(0,_use.useWidgetName)(r)["computeKebabCaseName"];return()=>{var e=r["renderParams"];const t=e["widget"],o=t["options"];e=m.value;return(0,_vue.h)(n,{class:`vxe-form-design--widget-${e}-form`,vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:o},{default(){return[(0,_vue.h)(u,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(i,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(u,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.showCheckbox"),field:"showCheckbox"},{default(){return(0,_vue.h)(s,{modelValue:o.showCheckbox,"onUpdate:modelValue"(e){o.showCheckbox=e}})}})]}})}}});