UNPKG

vxe-design

Version:

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

1 lines 1.18 kB
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_defaultSettingForm=require("./default-setting-form"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"ListDesignLayoutSetting",props:{},emits:[],setup(){let e=_core.VxeUI.getComponent("vxe-tabs"),t=_core.VxeUI.getComponent("vxe-tab-pane"),i=(0,_vue.ref)(1);return()=>(0,_vue.h)("div",{class:"vxe-list-design--setting"},[(0,_vue.h)("div",{class:"vxe-list-design--setting-form"},[(0,_vue.h)(e,{modelValue:i.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-list-design--setting-form-tabs","onUpdate:modelValue"(e){i.value=e}},{default(){return[(0,_vue.h)(t,{title:(0,_core.getI18n)("vxe.listDesign.fieldSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_FIELD_SETTING,name:1},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultFieldSettingFormComponent)}}),(0,_vue.h)(t,{title:(0,_core.getI18n)("vxe.listDesign.listSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING,name:2},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultParameterSettingFormComponent)}})]}})])])}});