vxe-design/lib/form-design/widget-input/input-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.WidgetInputFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use");const WidgetInputFormComponent=exports.WidgetInputFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const o=_core.VxeUI.getComponent("vxe-form"),n=_core.VxeUI.getComponent("vxe-form-item"),u=_core.VxeUI.getComponent("vxe-input"),i=_core.VxeUI.getComponent("vxe-switch"),d=(0,_use.useWidgetName)(r)["computeKebabCaseName"];return()=>{var e=r["renderParams"];const t=e["widget"];e=d.value;return(0,_vue.h)(o,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:t.options},{default(){return[(0,_vue.h)(n,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(u,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(n,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(n,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(i,{modelValue:t.required,"onUpdate:modelValue"(e){t.required=e}})}})]}})}}});