vxe-pc-ui/lib/form-design/src/layout-setting.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_tabs=_interopRequireDefault(require("../../tabs/src/tabs")),_tabPane=_interopRequireDefault(require("../../tabs/src/tab-pane")),_defaultSettingForm=require("./default-setting-form");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"FormDesignLayoutSetting",props:{},emits:[],setup(){const r=(0,_vue.inject)("$xeFormDesign",null);if(!r)return()=>[];const{props:i,reactData:n}=r,t=(0,_vue.ref)(1);return(0,_vue.watch)(()=>n.activeWidget,()=>{t.value=1}),()=>(0,_vue.h)("div",{class:"vxe-form-design--setting"},[(0,_vue.h)("div",{class:"vxe-form-design--setting-form"},[(0,_vue.h)(_tabs.default,{modelValue:t.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-form-design--setting-form-tabs","onUpdate:modelValue"(e){t.value=e}},{default(){return[(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetPropTab"),name:1},{default(){var e=n["activeWidget"];if(e){var t=_core.renderer.get(e.name),t=t?t.renderFormDesignWidgetFormView:null;if(t)return(0,_vue.h)("div",{class:"vxe-form-design--custom-widget-form-view"},(0,_vn.getSlotVNs)(t(e,{isEditMode:!0,isViewMode:!1,widget:e,$formDesign:r,$formView:null})))}return(0,_vue.createCommentVNode)()}}),(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetFormTab"),name:2},{default(){var e=i["formRender"],t=n["formData"];if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignSettingFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:r})))}return(0,_vue.h)(_defaultSettingForm.DefaultSettingFormComponent,{formData:t})}})]}})])])}});