vxe-design/lib/form-design/src/default-setting-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.DefaultSettingFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");const DefaultSettingFormComponent=exports.DefaultSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultSettingForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(e){const t=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),n=_core.VxeUI.getComponent("vxe-switch"),r=_core.VxeUI.getComponent("vxe-text");var o=(0,_vue.inject)("$xeFormDesign",null);if(!o)return()=>[];const m=o["props"];return()=>{const o=e["formData"];return(0,_vue.h)(t,{data:o,span:24,vertical:!0,titleBold:!0},{default(){var{showPc:e,showMobile:t}=m;return[(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.formName"),field:"title",itemRender:{name:"VxeInput",props:{placeholder:(0,_core.getI18n)("vxe.formDesign.defFormTitle")}}}),e&&t?(0,_vue.h)(i,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.name")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-pc"},[(0,_vue.h)(r,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc")}),(0,_vue.h)(n,{modelValue:o.pcVisible,openLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.pcVisible=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-mobile"},[(0,_vue.h)(r,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile")}),(0,_vue.h)(n,{modelValue:o.mobileVisible,openLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.mobileVisible=e}})])])]}}):(0,_vue.createCommentVNode)()]}})}}});