vxe-pc-ui 4.6.22 → 4.6.24

package/lib/form-design/widget-row/row-view.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetRowViewComponent = exports.WidgetRowEditComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _util = require("../src/util");
 var _core = require("@vxe-ui/core");
 var _vn = require("../../ui/src/vn");
@@ -15,7 +16,7 @@ var _row = _interopRequireDefault(require("../../row/src/row"));
 var _col = _interopRequireDefault(require("../../row/src/col"));
 var _button = _interopRequireDefault(require("../../button/src/button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ViewColItemComponent = (0, _vue.defineComponent)({
+const ViewColItemComponent = (0, _comp.defineVxeComponent)({
   name: 'ViewColItem',
   props: {
     parentWidget: {
@@ -187,7 +188,7 @@ const ViewColItemComponent = (0, _vue.defineComponent)({
     };
   }
 });
-const WidgetRowEditComponent = exports.WidgetRowEditComponent = (0, _vue.defineComponent)({
+const WidgetRowEditComponent = exports.WidgetRowEditComponent = (0, _comp.defineVxeComponent)({
   name: 'WidgetRowEdit',
   props: {
     renderOpts: {
@@ -244,7 +245,7 @@ const WidgetRowEditComponent = exports.WidgetRowEditComponent = (0, _vue.defineC
     };
   }
 });
-const WidgetRowViewComponent = exports.WidgetRowViewComponent = (0, _vue.defineComponent)({
+const WidgetRowViewComponent = exports.WidgetRowViewComponent = (0, _comp.defineVxeComponent)({
   name: 'WidgetRowView',
   props: {
     renderOpts: {

package/lib/form-design/widget-row/row-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetRowViewComponent=exports.WidgetRowEditComponent=void 0;var _vue=require("vue"),_util=require("../src/util"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils")),_formGroup=_interopRequireDefault(require("../../form/src/form-group")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_row=_interopRequireDefault(require("../../row/src/row")),_col=_interopRequireDefault(require("../../row/src/col")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ViewColItemComponent=(0,_vue.defineComponent)({name:"ViewColItem",props:{parentWidget:{type:Object,default:()=>({})},widget:{type:Object,default:()=>({})},span:Number,colItemIndex:{type:Number,default:0}},emits:[],setup(m){const p=(0,_vue.inject)("$xeFormDesign",null);if(!p)return()=>[];const c=p["reactData"],s=e=>{e.stopPropagation();var t=e.currentTarget,e=e.dataTransfer,t=t.getAttribute("data-widget-id")||"",r=p.getWidgetById(t);e&&e.setData("text/plain",t),c.sortWidget=r,c.dragWidget=null},l=e=>{const{parentWidget:t,colItemIndex:r}=m,{widgetObjList:i,sortWidget:n}=c;var o=t.children[r],d=p.internalData;if(e.stopPropagation(),n&&t&&n.id!==t.id&&!(0,_util.hasFormDesignLayoutType)(n)&&!(0,_util.hasFormDesignLayoutType)(o)){var a=_xeUtils.default.findTree(i,e=>e&&e.id===n.id,{children:"children"});if(a){var{item:a,index:u,items:s,parent:l}=a;if(t.children.length!==t.options.colSize&&(t.children=_xeUtils.default.range(0,t.options.colSize).map(e=>t.children[e]||p.createEmptyWidget())),l&&l.id===t.id)t.children[r]=a,t.children[u]=o;else{if(o&&o.name)return;t.children[r]=a,s.splice(u,1)}e.preventDefault(),d.lastDragTime=Date.now(),p.dispatchEvent("drag-widget",{widget:a},e)}}};return()=>{const{widget:o,span:e}=m,{dragWidget:d,activeWidget:a,sortWidget:u}=c;return(0,_vue.h)(_formItem.default,{span:e,padding:!1},{default(){var e=o?o.name:"",t=_core.renderer.get(e)||{},t=t.renderFormDesignWidgetEdit||t.renderFormDesignWidgetView,e=o||{name:e},r={widget:o,readonly:!1,disabled:!1,isEditMode:!0,isViewMode:!1,$formDesign:p,$formView:null},i=a&&o&&a.id===o.id,n=!t;return(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view","data-widget-id":o.id,draggable:!n,onDragstart:s,onDragenter:l,onClick(e){o&&p.handleClickWidget(e,o)}},[(0,_vue.h)("div",{class:["vxe-form-design--widget-row-view-item-inner",{"is--empty":n,"is--active":i,"is--sort":u&&o&&u.id===o.id,"is--drag":d&&o&&d.id===o.id}]},[t?(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view-item-box vxe-form--item-row"},(0,_vn.getSlotVNs)(t(e,r))),i?(0,_vue.h)("div",{class:"vxe-form-design--preview-item-operate"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_COPY,status:"primary",size:"mini",circle:!0,onClick(e){p.handleCopyWidget(e.$event,o)}}),(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_DELETE,status:"danger",size:"mini",circle:!0,onClick(e){p.handleRemoveWidget(e.$event,o)}})]):(0,_vue.createCommentVNode)()]):(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view-empty"},"控件位置")])])}})}}}),WidgetRowEditComponent=exports.WidgetRowEditComponent=(0,_vue.defineComponent)({name:"WidgetRowEdit",props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const i=(0,_vue.computed)(()=>{var e=t["renderParams"],e=e["widget"],e=e["options"],e=e["colSpan"];return(e?(""+e).split(","):[]).map(e=>Number(e))});return()=>{var e=t["renderParams"];const r=e["widget"];return(0,_vue.h)(_formGroup.default,{field:r.field},{default(){return i.value.map((e,t)=>(0,_vue.h)(ViewColItemComponent,{key:t,parentWidget:r,widget:r.children[t],span:e,colItemIndex:t}))}})}}}),WidgetRowViewComponent=exports.WidgetRowViewComponent=(0,_vue.defineComponent)({name:"WidgetRowView",props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const d=(0,_vue.inject)("$xeFormDesign",null),a=(0,_vue.inject)("$xeFormView",null),i=(0,_vue.computed)(()=>{var e=r["renderParams"],e=e["widget"],e=e["options"],e=e["colSpan"];return(e?(""+e).split(","):[]).map(e=>Number(e))});return()=>{var e=r["renderParams"];const o=e["widget"],t=i.value;return(0,_vue.h)(_row.default,{},{default(){return t.map((e,n)=>(0,_vue.h)(_col.default,{key:n,class:"vxe-form--item-row",span:e},{default(){var e=o.children[n];if(e){var t=e["name"],t=(_core.renderer.get(t)||{}).renderFormDesignWidgetView,r=e,i=!!d,e={widget:e,readonly:!1,disabled:!1,isEditMode:i,isViewMode:!i,$formDesign:d,$formView:a};if(t)return(0,_vn.getSlotVNs)(t(r,e))}return(0,_vue.createCommentVNode)()}}))}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetRowViewComponent=exports.WidgetRowEditComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_util=require("../src/util"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils")),_formGroup=_interopRequireDefault(require("../../form/src/form-group")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_row=_interopRequireDefault(require("../../row/src/row")),_col=_interopRequireDefault(require("../../row/src/col")),_button=_interopRequireDefault(require("../../button/src/button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ViewColItemComponent=(0,_comp.defineVxeComponent)({name:"ViewColItem",props:{parentWidget:{type:Object,default:()=>({})},widget:{type:Object,default:()=>({})},span:Number,colItemIndex:{type:Number,default:0}},emits:[],setup(m){const p=(0,_vue.inject)("$xeFormDesign",null);if(!p)return()=>[];const c=p["reactData"],s=e=>{e.stopPropagation();var t=e.currentTarget,e=e.dataTransfer,t=t.getAttribute("data-widget-id")||"",r=p.getWidgetById(t);e&&e.setData("text/plain",t),c.sortWidget=r,c.dragWidget=null},l=e=>{const{parentWidget:t,colItemIndex:r}=m,{widgetObjList:i,sortWidget:n}=c;var o=t.children[r],d=p.internalData;if(e.stopPropagation(),n&&t&&n.id!==t.id&&!(0,_util.hasFormDesignLayoutType)(n)&&!(0,_util.hasFormDesignLayoutType)(o)){var a=_xeUtils.default.findTree(i,e=>e&&e.id===n.id,{children:"children"});if(a){var{item:a,index:u,items:s,parent:l}=a;if(t.children.length!==t.options.colSize&&(t.children=_xeUtils.default.range(0,t.options.colSize).map(e=>t.children[e]||p.createEmptyWidget())),l&&l.id===t.id)t.children[r]=a,t.children[u]=o;else{if(o&&o.name)return;t.children[r]=a,s.splice(u,1)}e.preventDefault(),d.lastDragTime=Date.now(),p.dispatchEvent("drag-widget",{widget:a},e)}}};return()=>{const{widget:o,span:e}=m,{dragWidget:d,activeWidget:a,sortWidget:u}=c;return(0,_vue.h)(_formItem.default,{span:e,padding:!1},{default(){var e=o?o.name:"",t=_core.renderer.get(e)||{},t=t.renderFormDesignWidgetEdit||t.renderFormDesignWidgetView,e=o||{name:e},r={widget:o,readonly:!1,disabled:!1,isEditMode:!0,isViewMode:!1,$formDesign:p,$formView:null},i=a&&o&&a.id===o.id,n=!t;return(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view","data-widget-id":o.id,draggable:!n,onDragstart:s,onDragenter:l,onClick(e){o&&p.handleClickWidget(e,o)}},[(0,_vue.h)("div",{class:["vxe-form-design--widget-row-view-item-inner",{"is--empty":n,"is--active":i,"is--sort":u&&o&&u.id===o.id,"is--drag":d&&o&&d.id===o.id}]},[t?(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view-item-box vxe-form--item-row"},(0,_vn.getSlotVNs)(t(e,r))),i?(0,_vue.h)("div",{class:"vxe-form-design--preview-item-operate"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_COPY,status:"primary",size:"mini",circle:!0,onClick(e){p.handleCopyWidget(e.$event,o)}}),(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_DELETE,status:"danger",size:"mini",circle:!0,onClick(e){p.handleRemoveWidget(e.$event,o)}})]):(0,_vue.createCommentVNode)()]):(0,_vue.h)("div",{class:"vxe-form-design--widget-row-view-empty"},"控件位置")])])}})}}}),WidgetRowEditComponent=exports.WidgetRowEditComponent=(0,_comp.defineVxeComponent)({name:"WidgetRowEdit",props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const i=(0,_vue.computed)(()=>{var e=t["renderParams"],e=e["widget"],e=e["options"],e=e["colSpan"];return(e?(""+e).split(","):[]).map(e=>Number(e))});return()=>{var e=t["renderParams"];const r=e["widget"];return(0,_vue.h)(_formGroup.default,{field:r.field},{default(){return i.value.map((e,t)=>(0,_vue.h)(ViewColItemComponent,{key:t,parentWidget:r,widget:r.children[t],span:e,colItemIndex:t}))}})}}}),WidgetRowViewComponent=exports.WidgetRowViewComponent=(0,_comp.defineVxeComponent)({name:"WidgetRowView",props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const d=(0,_vue.inject)("$xeFormDesign",null),a=(0,_vue.inject)("$xeFormView",null),i=(0,_vue.computed)(()=>{var e=r["renderParams"],e=e["widget"],e=e["options"],e=e["colSpan"];return(e?(""+e).split(","):[]).map(e=>Number(e))});return()=>{var e=r["renderParams"];const o=e["widget"],t=i.value;return(0,_vue.h)(_row.default,{},{default(){return t.map((e,n)=>(0,_vue.h)(_col.default,{key:n,class:"vxe-form--item-row",span:e},{default(){var e=o.children[n];if(e){var t=e["name"],t=(_core.renderer.get(t)||{}).renderFormDesignWidgetView,r=e,i=!!d,e={widget:e,readonly:!1,disabled:!1,isEditMode:i,isViewMode:!i,$formDesign:d,$formView:a};if(t)return(0,_vn.getSlotVNs)(t(r,e))}return(0,_vue.createCommentVNode)()}}))}})}}});

package/lib/form-design/widget-select/select-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetSelectFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _form = _interopRequireDefault(require("../../form/src/form"));
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
@@ -12,7 +13,7 @@ var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 var _use = require("../../form-design/src/use");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetSelectFormComponent = exports.WidgetSelectFormComponent = (0, _vue.defineComponent)({
+const WidgetSelectFormComponent = exports.WidgetSelectFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-select/select-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSelectFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetSelectFormComponent=exports.WidgetSelectFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetPropDataSource)(t,{isSubOption:!0})["renderDataSourceFormItem"],o=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=o.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}}),u()]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSelectFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetSelectFormComponent=exports.WidgetSelectFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetPropDataSource)(t,{isSubOption:!0})["renderDataSourceFormItem"],o=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=o.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}}),u()]}})}}});

package/lib/form-design/widget-select/select-view.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetSelectViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _use = require("../../form-design/src/use");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetSelectViewComponent = exports.WidgetSelectViewComponent = (0, _vue.defineComponent)({
+const WidgetSelectViewComponent = exports.WidgetSelectViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-select/select-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSelectViewComponent=void 0;var _vue=require("vue"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetSelectViewComponent=exports.WidgetSelectViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const o=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(u)["computeKebabCaseName"],a=()=>{var e,t=u["renderParams"],t=t["widget"];o&&(e=o?o.getItemValue(t):null,o.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const{widget:t,isViewMode:r}=e;e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],field:t.field,title:t.title,itemRender:{}},{default(){return(0,_vue.h)("select",{class:"vxe-default-select",value:o?o.getItemValue(t):null,onChange:a},r&&(e=(e=(e=u.renderParams).widget).options.options)?e.map(e=>e.options?(0,_vue.h)("optgroup",{label:e.value},e.options.map(e=>(0,_vue.h)("option",{value:e.value},e.value))):(0,_vue.h)("option",{},e.value)):[]);var e}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSelectViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetSelectViewComponent=exports.WidgetSelectViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const o=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(u)["computeKebabCaseName"],a=()=>{var e,t=u["renderParams"],t=t["widget"];o&&(e=o?o.getItemValue(t):null,o.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const{widget:t,isViewMode:r}=e;e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],field:t.field,title:t.title,itemRender:{}},{default(){return(0,_vue.h)("select",{class:"vxe-default-select",value:o?o.getItemValue(t):null,onChange:a},r&&(e=(e=(e=u.renderParams).widget).options.options)?e.map(e=>e.options?(0,_vue.h)("optgroup",{label:e.value},e.options.map(e=>(0,_vue.h)("option",{value:e.value},e.value))):(0,_vue.h)("option",{},e.value)):[]);var e}})}}});

package/lib/form-design/widget-subtable/subtable-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetSubtableFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _use = require("../../form-design/src/use");
 var _form = _interopRequireDefault(require("../../form/src/form"));
@@ -12,7 +13,7 @@ var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetSubtableFormComponent = exports.WidgetSubtableFormComponent = (0, _vue.defineComponent)({
+const WidgetSubtableFormComponent = exports.WidgetSubtableFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSubtableFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetSubtableFormComponent=exports.WidgetSubtableFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){if(!(0,_vue.inject)("$xeFormDesign",null))return()=>[];const o=(0,_use.useWidgetName)(u)["computeKebabCaseName"];return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=o.value;return(0,_vue.h)(_form.default,{class:`vxe-form-design--widget-${e}-form`,vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.showCheckbox"),field:"showCheckbox"},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.showCheckbox,"onUpdate:modelValue"(e){r.showCheckbox=e}})}})]}})}}});
+"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"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetSubtableFormComponent=exports.WidgetSubtableFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){if(!(0,_vue.inject)("$xeFormDesign",null))return()=>[];const u=(0,_use.useWidgetName)(o)["computeKebabCaseName"];return()=>{var e=o["renderParams"];const t=e["widget"],r=t["options"];e=u.value;return(0,_vue.h)(_form.default,{class:`vxe-form-design--widget-${e}-form`,vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.showCheckbox"),field:"showCheckbox"},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.showCheckbox,"onUpdate:modelValue"(e){r.showCheckbox=e}})}})]}})}}});

package/lib/form-design/widget-subtable/subtable-view.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetSubtableViewComponent = exports.WidgetSubtableEditComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _util = require("../src/util");
@@ -14,7 +15,7 @@ var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _button = _interopRequireDefault(require("../../button/src/button"));
 var _checkbox = _interopRequireDefault(require("../../checkbox/src/checkbox"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ViewSubItemComponent = (0, _vue.defineComponent)({
+const ViewSubItemComponent = (0, _comp.defineVxeComponent)({
   props: {
     parentWidget: {
       type: Object,
@@ -213,7 +214,7 @@ const ViewSubItemComponent = (0, _vue.defineComponent)({
     };
   }
 });
-const WidgetSubtableEditComponent = exports.WidgetSubtableEditComponent = (0, _vue.defineComponent)({
+const WidgetSubtableEditComponent = exports.WidgetSubtableEditComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,
@@ -346,7 +347,7 @@ const WidgetSubtableEditComponent = exports.WidgetSubtableEditComponent = (0, _v
     };
   }
 });
-const WidgetSubtableViewComponent = exports.WidgetSubtableViewComponent = (0, _vue.defineComponent)({
+const WidgetSubtableViewComponent = exports.WidgetSubtableViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-subtable/subtable-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSubtableViewComponent=exports.WidgetSubtableEditComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("../src/util"),_vn=require("../../ui/src/vn"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_button=_interopRequireDefault(require("../../button/src/button")),_checkbox=_interopRequireDefault(require("../../checkbox/src/checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ViewSubItemComponent=(0,_vue.defineComponent)({props:{parentWidget:{type:Object,default:()=>({})},widget:{type:Object,default:()=>({})},childIndex:{type:Number,default:0}},emits:[],setup(g){const c=(0,_vue.inject)("$xeFormDesign",null),m=(0,_vue.inject)("$xeFormView",null);if(!c)return()=>[];const v=c["reactData"],b=e=>{e.stopPropagation();var t=e.currentTarget,e=e.dataTransfer,t=t.getAttribute("data-widget-id")||"",i=c.getWidgetById(t);e&&e.setData("text/plain",t),v.sortWidget=i,v.dragWidget=null},f=e=>{var{parentWidget:t,childIndex:i}=g;const{widgetObjList:r,sortWidget:d}=v;var n,o,a,s=t.children[i],l=c.internalData,u=l["lastDragTime"];e.stopPropagation(),u&&u>Date.now()-300?e.preventDefault():d&&s&&t&&(d.id===t.id||d.id===s.id||(0,_util.hasFormDesignLayoutType)(d)||s&&!(0,_util.hasFormDesignLayoutType)(s)&&(u=_xeUtils.default.findTree(r,e=>e.id===d.id,{children:"children"}))&&({item:u,index:n,items:o,parent:a}=u,a&&a.id===t.id?(t.children[i]=u,t.children[n]=s):(t.children.splice(i,0,u),o.splice(n,1)),l.lastDragTime=Date.now(),c.dispatchEvent("drag-widget",{widget:u},e)))};return()=>{const t=g["widget"];var{dragWidget:e,activeWidget:i,sortWidget:r}=v,d=t?t.name:"",n=_core.renderer.get(d)||{};const o=n.renderFormDesignWidgetSubtableEditView||n.renderFormDesignWidgetSubtableCellView||n.renderFormDesignWidgetSubtableDefaultView;var n=n.renderFormDesignWidgetEdit||n.renderFormDesignWidgetView,a=t||{name:d},s=!!c,s={widget:t,readonly:!1,disabled:!1,isEditMode:s,isViewMode:!s,$formDesign:c,$formView:m},i=i&&t&&i.id===t.id;const l={name:d},u={$table:null,$grid:null,seq:"",column:{field:t.field,title:t.title},columnIndex:0,$columnIndex:0,_columnIndex:0,rowid:"",row:{},rowIndex:0,$rowIndex:0,_rowIndex:0,isEdit:!1,isHidden:!1,fixed:null,type:"",level:1,visibleData:[],items:[],data:[],widget:t};return(0,_vue.h)("div",{class:["vxe-form-design--widget-subtable-view-item",{"is--active":i,"is--sort":r&&t&&r.id===t.id,"is--drag":e&&t&&e.id===t.id}],draggable:!0,"data-widget-id":t.id,onDragstart:b,onDragenter:f,onClick(e){t&&c.handleClickWidget(e,t)}},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-item-box vxe-form--item-row"},o?(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item"],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vn.getSlotVNs)(o(l,u))}}):n?(0,_vn.getSlotVNs)(n(a,s)):[]),i?(0,_vue.h)("div",{class:"vxe-form-design--preview-item-operate"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_COPY,status:"primary",size:"mini",circle:!0,onClick(e){c.handleCopyWidget(e.$event,t)}}),(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_DELETE,status:"danger",size:"mini",circle:!0,onClick(e){c.handleRemoveWidget(e.$event,t)}})]):(0,_vue.createCommentVNode)()])])}}}),WidgetSubtableEditComponent=exports.WidgetSubtableEditComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){var e=(0,_vue.inject)("$xeFormDesign",null);if(!e)return()=>[];const a=e["reactData"],s=e=>{const{sortWidget:t,widgetObjList:i}=a;var r,d,n=o["renderParams"],n=n["widget"];e.stopPropagation(),t&&n&&n.id!==t.id&&((0,_util.hasFormDesignLayoutType)(t)?_core.VxeUI.modal&&_core.VxeUI.modal.message({content:(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.errSubDrag"),status:"error",id:"errSubDrag"}):n.name&&!n.children.some(e=>e.id===t.id)&&(e=_xeUtils.default.findTree(i,e=>e.id===t.id,{children:"children"}))&&({item:e,index:r,items:d}=e,a.sortWidget=null,a.activeWidget=e,n.children.push(e),d.splice(r,1),a.sortWidget=e))},l=e=>{e.stopPropagation()};return()=>{var e=o["renderParams"];const i=e["widget"],{title:t,children:r,options:d}=i,n=d["showCheckbox"];return(0,_vue.h)(_formItem.default,{title:t,className:"vxe-form-design--widget-subtable-form-item"},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view",onDragenter:l,onDragover:s},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-left"},[n?(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-col"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-head"},[(0,_vue.h)(_checkbox.default)]),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-body"},[(0,_vue.h)(_checkbox.default)])]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-col"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-head"},(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.seqTitle")),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-body"},"1")])]),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-right"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-wrapper"},[(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-form-design--widget-subtable-view-list",tag:"div",name:"vxe-form-design--widget-subtable-view-list"},{default:()=>r?r.map((e,t)=>(0,_vue.h)(ViewSubItemComponent,{key:e.id,parentWidget:i,widget:e,childIndex:t})):[]}),(0,_vue.h)("div",{key:"empty",class:"vxe-form-design--widget-subtable-view-empty"},(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.colPlace"))])])])}})}}}),WidgetSubtableViewComponent=exports.WidgetSubtableViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(d){const n=_core.VxeUI.getComponent("VxeGrid"),l=(0,_vue.inject)("$xeFormView",null),o=(0,_use.useWidgetName)(d)["computeKebabCaseName"],a=(0,_vue.ref)(),s=(0,_vue.ref)([{}]),u=(0,_vue.computed)(()=>!!l&&l.props.readonly),g=(0,_vue.computed)(()=>{var e=d["renderParams"],e=e["widget"],{children:e,options:t}=e;const a=u.value,s=[];return t.showCheckbox&&s.push({type:"checkbox",width:60,fixed:"left"}),s.push({type:"seq",width:60,fixed:"left"}),e&&e.forEach(d=>{var e=d["name"],e=_core.renderer.get(e)||{},t=e.parseFormDesignWidgetSubtableColumn;let i={field:d.field,title:d.title};t?i=Object.assign(i,t({$formView:l,name:d.name,widget:d,readonly:!!a})):a?i.cellRender={name:d.name,props:d.options}:i.editRender={name:d.name,props:d.options};const n=e.renderFormDesignWidgetSubtableDefaultView,o=e.renderFormDesignWidgetSubtableCellView||n,r=e.renderFormDesignWidgetSubtableEditView;t={};(n||o)&&(t.default=e=>{var{isEdit:t,column:i}=e,{editRender:i,cellRender:r}=i,e=Object.assign({widget:d},e);return t&&i&&o?(0,_vn.getSlotVNs)(o(i,e)):n?(0,_vn.getSlotVNs)(n(r||{},e)):[]}),r&&(t.edit=e=>{var t=e["column"],t=t["editRender"],e=Object.assign({widget:d},e);return(0,_vn.getSlotVNs)(r(t,e))}),i.slots=t,s.push(i)}),a||s.push({field:"action",title:"操作",fixed:"right",width:80,slots:{default({row:e}){return(0,_vue.h)(_button.default,{mode:"text",icon:"vxe-icon-delete",status:"error",onClick(){i(e)}})}}}),s}),c=(0,_vue.computed)(()=>{var e=d["renderParams"],{widget:e,isEditMode:t}=e,i=g.value,r=u.value,t={border:!0,showOverflow:!0,height:300,columnConfig:{resizable:!0,minWidth:140},rowConfig:{keyField:"_id"},data:t?s.value:l?l.getItemValue(e):null,columns:i,toolbarConfig:{zoom:!0,custom:!1,slots:{buttons:"toolbarButtons"}}};return r||(t.keepSource=!0,t.editConfig={mode:"row",trigger:"click",showStatus:!0}),t}),m=()=>{var t=d["renderParams"],t=t["widget"];if(l){let e=l.getItemValue(t);_xeUtils.default.isArray(e)||(e=[]);const i=(()=>{var e=d["renderParams"],e=e["widget"];const t={_id:Date.now()};return _xeUtils.default.each(e.children,e=>{t[e.field]=null}),t})();e.unshift(i),l.setItemValue(t,e.slice(0)).then(()=>(0,_vue.nextTick)().then(()=>{var e=a.value;e&&e.setEditRow(i)}))}},i=t=>{var e,i=d["renderParams"],i=i["widget"];l&&(e=l.getItemValue(i))&&l.setItemValue(i,e.filter(e=>e._id!==t._id))};return()=>{var e=d["renderParams"],e=e["widget"],t=o.value;const i=c.value,r=u.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+t],title:e.title,field:e.field,span:24},{default(){return n?(0,_vue.h)(n,Object.assign(Object.assign({},i),{ref:a}),{toolbarButtons(){return r?[]:[(0,_vue.h)(_button.default,{content:"新增",icon:"vxe-icon-add",status:"primary",onClick:m})]}}):(0,_vue.createCommentVNode)()}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetSubtableViewComponent=exports.WidgetSubtableEditComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("../src/util"),_vn=require("../../ui/src/vn"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_button=_interopRequireDefault(require("../../button/src/button")),_checkbox=_interopRequireDefault(require("../../checkbox/src/checkbox"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ViewSubItemComponent=(0,_comp.defineVxeComponent)({props:{parentWidget:{type:Object,default:()=>({})},widget:{type:Object,default:()=>({})},childIndex:{type:Number,default:0}},emits:[],setup(g){const c=(0,_vue.inject)("$xeFormDesign",null),m=(0,_vue.inject)("$xeFormView",null);if(!c)return()=>[];const v=c["reactData"],b=e=>{e.stopPropagation();var t=e.currentTarget,e=e.dataTransfer,t=t.getAttribute("data-widget-id")||"",i=c.getWidgetById(t);e&&e.setData("text/plain",t),v.sortWidget=i,v.dragWidget=null},f=e=>{var{parentWidget:t,childIndex:i}=g;const{widgetObjList:r,sortWidget:d}=v;var n,o,a,s=t.children[i],l=c.internalData,u=l["lastDragTime"];e.stopPropagation(),u&&u>Date.now()-300?e.preventDefault():d&&s&&t&&(d.id===t.id||d.id===s.id||(0,_util.hasFormDesignLayoutType)(d)||s&&!(0,_util.hasFormDesignLayoutType)(s)&&(u=_xeUtils.default.findTree(r,e=>e.id===d.id,{children:"children"}))&&({item:u,index:n,items:o,parent:a}=u,a&&a.id===t.id?(t.children[i]=u,t.children[n]=s):(t.children.splice(i,0,u),o.splice(n,1)),l.lastDragTime=Date.now(),c.dispatchEvent("drag-widget",{widget:u},e)))};return()=>{const t=g["widget"];var{dragWidget:e,activeWidget:i,sortWidget:r}=v,d=t?t.name:"",n=_core.renderer.get(d)||{};const o=n.renderFormDesignWidgetSubtableEditView||n.renderFormDesignWidgetSubtableCellView||n.renderFormDesignWidgetSubtableDefaultView;var n=n.renderFormDesignWidgetEdit||n.renderFormDesignWidgetView,a=t||{name:d},s=!!c,s={widget:t,readonly:!1,disabled:!1,isEditMode:s,isViewMode:!s,$formDesign:c,$formView:m},i=i&&t&&i.id===t.id;const l={name:d},u={$table:null,$grid:null,seq:"",column:{field:t.field,title:t.title},columnIndex:0,$columnIndex:0,_columnIndex:0,rowid:"",row:{},rowIndex:0,$rowIndex:0,_rowIndex:0,isEdit:!1,isHidden:!1,fixed:null,type:"",level:1,visibleData:[],items:[],data:[],widget:t};return(0,_vue.h)("div",{class:["vxe-form-design--widget-subtable-view-item",{"is--active":i,"is--sort":r&&t&&r.id===t.id,"is--drag":e&&t&&e.id===t.id}],draggable:!0,"data-widget-id":t.id,onDragstart:b,onDragenter:f,onClick(e){t&&c.handleClickWidget(e,t)}},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-item-box vxe-form--item-row"},o?(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item"],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vn.getSlotVNs)(o(l,u))}}):n?(0,_vn.getSlotVNs)(n(a,s)):[]),i?(0,_vue.h)("div",{class:"vxe-form-design--preview-item-operate"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_COPY,status:"primary",size:"mini",circle:!0,onClick(e){c.handleCopyWidget(e.$event,t)}}),(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_DELETE,status:"danger",size:"mini",circle:!0,onClick(e){c.handleRemoveWidget(e.$event,t)}})]):(0,_vue.createCommentVNode)()])])}}}),WidgetSubtableEditComponent=exports.WidgetSubtableEditComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){var e=(0,_vue.inject)("$xeFormDesign",null);if(!e)return()=>[];const a=e["reactData"],s=e=>{const{sortWidget:t,widgetObjList:i}=a;var r,d,n=o["renderParams"],n=n["widget"];e.stopPropagation(),t&&n&&n.id!==t.id&&((0,_util.hasFormDesignLayoutType)(t)?_core.VxeUI.modal&&_core.VxeUI.modal.message({content:(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.errSubDrag"),status:"error",id:"errSubDrag"}):n.name&&!n.children.some(e=>e.id===t.id)&&(e=_xeUtils.default.findTree(i,e=>e.id===t.id,{children:"children"}))&&({item:e,index:r,items:d}=e,a.sortWidget=null,a.activeWidget=e,n.children.push(e),d.splice(r,1),a.sortWidget=e))},l=e=>{e.stopPropagation()};return()=>{var e=o["renderParams"];const i=e["widget"],{title:t,children:r,options:d}=i,n=d["showCheckbox"];return(0,_vue.h)(_formItem.default,{title:t,className:"vxe-form-design--widget-subtable-form-item"},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view",onDragenter:l,onDragover:s},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-left"},[n?(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-col"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-head"},[(0,_vue.h)(_checkbox.default)]),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-body"},[(0,_vue.h)(_checkbox.default)])]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-col"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-head"},(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.seqTitle")),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-body"},"1")])]),(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-right"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-subtable-view-wrapper"},[(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-form-design--widget-subtable-view-list",tag:"div",name:"vxe-form-design--widget-subtable-view-list"},{default:()=>r?r.map((e,t)=>(0,_vue.h)(ViewSubItemComponent,{key:e.id,parentWidget:i,widget:e,childIndex:t})):[]}),(0,_vue.h)("div",{key:"empty",class:"vxe-form-design--widget-subtable-view-empty"},(0,_core.getI18n)("vxe.formDesign.widgetProp.subtableProp.colPlace"))])])])}})}}}),WidgetSubtableViewComponent=exports.WidgetSubtableViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(d){const n=_core.VxeUI.getComponent("VxeGrid"),l=(0,_vue.inject)("$xeFormView",null),o=(0,_use.useWidgetName)(d)["computeKebabCaseName"],a=(0,_vue.ref)(),s=(0,_vue.ref)([{}]),u=(0,_vue.computed)(()=>!!l&&l.props.readonly),g=(0,_vue.computed)(()=>{var e=d["renderParams"],e=e["widget"],{children:e,options:t}=e;const a=u.value,s=[];return t.showCheckbox&&s.push({type:"checkbox",width:60,fixed:"left"}),s.push({type:"seq",width:60,fixed:"left"}),e&&e.forEach(d=>{var e=d["name"],e=_core.renderer.get(e)||{},t=e.parseFormDesignWidgetSubtableColumn;let i={field:d.field,title:d.title};t?i=Object.assign(i,t({$formView:l,name:d.name,widget:d,readonly:!!a})):a?i.cellRender={name:d.name,props:d.options}:i.editRender={name:d.name,props:d.options};const n=e.renderFormDesignWidgetSubtableDefaultView,o=e.renderFormDesignWidgetSubtableCellView||n,r=e.renderFormDesignWidgetSubtableEditView;t={};(n||o)&&(t.default=e=>{var{isEdit:t,column:i}=e,{editRender:i,cellRender:r}=i,e=Object.assign({widget:d},e);return t&&i&&o?(0,_vn.getSlotVNs)(o(i,e)):n?(0,_vn.getSlotVNs)(n(r||{},e)):[]}),r&&(t.edit=e=>{var t=e["column"],t=t["editRender"],e=Object.assign({widget:d},e);return(0,_vn.getSlotVNs)(r(t,e))}),i.slots=t,s.push(i)}),a||s.push({field:"action",title:"操作",fixed:"right",width:80,slots:{default({row:e}){return(0,_vue.h)(_button.default,{mode:"text",icon:"vxe-icon-delete",status:"error",onClick(){i(e)}})}}}),s}),c=(0,_vue.computed)(()=>{var e=d["renderParams"],{widget:e,isEditMode:t}=e,i=g.value,r=u.value,t={border:!0,showOverflow:!0,height:300,columnConfig:{resizable:!0,minWidth:140},rowConfig:{keyField:"_id"},data:t?s.value:l?l.getItemValue(e):null,columns:i,toolbarConfig:{zoom:!0,custom:!1,slots:{buttons:"toolbarButtons"}}};return r||(t.keepSource=!0,t.editConfig={mode:"row",trigger:"click",showStatus:!0}),t}),m=()=>{var t=d["renderParams"],t=t["widget"];if(l){let e=l.getItemValue(t);_xeUtils.default.isArray(e)||(e=[]);const i=(()=>{var e=d["renderParams"],e=e["widget"];const t={_id:Date.now()};return _xeUtils.default.each(e.children,e=>{t[e.field]=null}),t})();e.unshift(i),l.setItemValue(t,e.slice(0)).then(()=>(0,_vue.nextTick)().then(()=>{var e=a.value;e&&e.setEditRow(i)}))}},i=t=>{var e,i=d["renderParams"],i=i["widget"];l&&(e=l.getItemValue(i))&&l.setItemValue(i,e.filter(e=>e._id!==t._id))};return()=>{var e=d["renderParams"],e=e["widget"],t=o.value;const i=c.value,r=u.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+t],title:e.title,field:e.field,span:24},{default(){return n?(0,_vue.h)(n,Object.assign(Object.assign({},i),{ref:a}),{toolbarButtons(){return r?[]:[(0,_vue.h)(_button.default,{content:"新增",icon:"vxe-icon-add",status:"primary",onClick:m})]}}):(0,_vue.createCommentVNode)()}})}}});

package/lib/form-design/widget-text/text-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetTextFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _core = require("@vxe-ui/core");
 var _use = require("../../form-design/src/use");
@@ -41,7 +42,7 @@ const getBoldOptions = () => {
     value: true
   }];
 };
-const WidgetTextFormComponent = exports.WidgetTextFormComponent = (0, _vue.defineComponent)({
+const WidgetTextFormComponent = exports.WidgetTextFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-text/text-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextFormComponent=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_input=_interopRequireDefault(require("../../input/src/input")),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getFontSizeOptions=()=>_xeUtils.default.range(12,27).map(e=>({label:e+"px",value:e+"px"})),getAlignOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignLeft"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignCenter"),value:"center"},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignRight"),value:"right"}],getBoldOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.fontNormal"),value:!1},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.fontBold"),value:!0}],WidgetTextFormComponent=exports.WidgetTextFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const o=(0,_use.useWidgetName)(r)["computeKebabCaseName"],i=(0,_vue.ref)(getAlignOptions()),n=(0,_vue.ref)(getBoldOptions()),l=(0,_vue.ref)(getFontSizeOptions());return()=>{var e=r["renderParams"];const t=e["widget"];e=o.value;return(0,_vue.h)(_form.default,{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)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.boldTitle"),field:"bold",itemRender:{name:"VxeRadioGroup",options:n.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignTitle"),field:"align",itemRender:{name:"VxeRadioGroup",options:i.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.sizeTitle"),field:"fontSize",itemRender:{name:"VxeSelect",options:l.value}})]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_input=_interopRequireDefault(require("../../input/src/input")),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getFontSizeOptions=()=>_xeUtils.default.range(12,27).map(e=>({label:e+"px",value:e+"px"})),getAlignOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignLeft"),value:""},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignCenter"),value:"center"},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignRight"),value:"right"}],getBoldOptions=()=>[{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.fontNormal"),value:!1},{label:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.fontBold"),value:!0}],WidgetTextFormComponent=exports.WidgetTextFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const o=(0,_use.useWidgetName)(r)["computeKebabCaseName"],i=(0,_vue.ref)(getAlignOptions()),n=(0,_vue.ref)(getBoldOptions()),l=(0,_vue.ref)(getFontSizeOptions());return()=>{var e=r["renderParams"];const t=e["widget"];e=o.value;return(0,_vue.h)(_form.default,{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)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.boldTitle"),field:"bold",itemRender:{name:"VxeRadioGroup",options:n.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.alignTitle"),field:"align",itemRender:{name:"VxeRadioGroup",options:i.value}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.textProp.sizeTitle"),field:"fontSize",itemRender:{name:"VxeSelect",options:l.value}})]}})}}});

package/lib/form-design/widget-text/text-view.js

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetTextViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _use = require("../../form-design/src/use");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetTextViewComponent = exports.WidgetTextViewComponent = (0, _vue.defineComponent)({
+const WidgetTextViewComponent = exports.WidgetTextViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-text/text-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextViewComponent=void 0;var _vue=require("vue"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetTextViewComponent=exports.WidgetTextViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){const i=(0,_use.useWidgetName)(o)["computeKebabCaseName"];return()=>{var e=o["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],align:r.align},{default(){return(0,_vue.h)("div",{style:{fontSize:r.fontSize,fontWeight:r.bold?"bold":""}},t.title)}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetTextViewComponent=exports.WidgetTextViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){const i=(0,_use.useWidgetName)(o)["computeKebabCaseName"];return()=>{var e=o["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],align:r.align},{default(){return(0,_vue.h)("div",{style:{fontSize:r.fontSize,fontWeight:r.bold?"bold":""}},t.title)}})}}});

package/lib/form-design/widget-textarea/textarea-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetTextareaFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _use = require("../../form-design/src/use");
 var _form = _interopRequireDefault(require("../../form/src/form"));
@@ -12,7 +13,7 @@ var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetTextareaFormComponent = exports.WidgetTextareaFormComponent = (0, _vue.defineComponent)({
+const WidgetTextareaFormComponent = exports.WidgetTextareaFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-textarea/textarea-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextareaFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetTextareaFormComponent=exports.WidgetTextareaFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextareaFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetTextareaFormComponent=exports.WidgetTextareaFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});

package/lib/form-design/widget-textarea/textarea-view.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetTextareaViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _use = require("../../form-design/src/use");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetTextareaViewComponent = exports.WidgetTextareaViewComponent = (0, _vue.defineComponent)({
+const WidgetTextareaViewComponent = exports.WidgetTextareaViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-textarea/textarea-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextareaViewComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetTextareaViewComponent=exports.WidgetTextareaViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const a=(0,_vue.inject)("$xeFormView",null),n=(0,_use.useWidgetName)(u)["computeKebabCaseName"],o=()=>{var e,t=u["renderParams"],t=t["widget"];a&&(e=a?a.getItemValue(t):null,a.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=n.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)("textarea",{class:"vxe-default-textarea",placeholder:r.placeholder||(0,_core.getI18n)("vxe.base.pleaseInput"),value:a?a.getItemValue(t):null,onChange:o,onInput(e){a&&a.setItemValue(t,e.target.value)}})}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetTextareaViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetTextareaViewComponent=exports.WidgetTextareaViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const a=(0,_vue.inject)("$xeFormView",null),o=(0,_use.useWidgetName)(u)["computeKebabCaseName"],i=()=>{var e,t=u["renderParams"],t=t["widget"];a&&(e=a?a.getItemValue(t):null,a.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=o.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)("textarea",{class:"vxe-default-textarea",placeholder:r.placeholder||(0,_core.getI18n)("vxe.base.pleaseInput"),value:a?a.getItemValue(t):null,onChange:i,onInput(e){a&&a.setItemValue(t,e.target.value)}})}})}}});

package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeCheckboxGroupFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _form = _interopRequireDefault(require("../../form/src/form"));
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
@@ -12,7 +13,7 @@ var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 var _use = require("../../form-design/src/use");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeCheckboxGroupFormComponent = exports.WidgetVxeCheckboxGroupFormComponent = (0, _vue.defineComponent)({
+const WidgetVxeCheckboxGroupFormComponent = exports.WidgetVxeCheckboxGroupFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeCheckboxGroupFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeCheckboxGroupFormComponent=exports.WidgetVxeCheckboxGroupFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetPropDataSource)(t,{isSubOption:!1})["renderDataSourceFormItem"],o=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=o.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}}),u()]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeCheckboxGroupFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeCheckboxGroupFormComponent=exports.WidgetVxeCheckboxGroupFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const o=(0,_use.useWidgetPropDataSource)(t,{isSubOption:!1})["renderDataSourceFormItem"],u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}}),o()]}})}}});

package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-view.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeCheckboxGroupViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _use = require("../../form-design/src/use");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _group = _interopRequireDefault(require("../../checkbox/src/group"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeCheckboxGroupViewComponent = exports.WidgetVxeCheckboxGroupViewComponent = (0, _vue.defineComponent)({
+const WidgetVxeCheckboxGroupViewComponent = exports.WidgetVxeCheckboxGroupViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeCheckboxGroupViewComponent=void 0;var _vue=require("vue"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_group=_interopRequireDefault(require("../../checkbox/src/group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeCheckboxGroupViewComponent=exports.WidgetVxeCheckboxGroupViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const o=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(u)["computeKebabCaseName"],n=()=>{var e,t=u["renderParams"],t=t["widget"];o&&(e=o?o.getItemValue(t):null,o.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(_group.default,{modelValue:o?o.getItemValue(t):null,options:r.options,optionProps:{label:"value",value:"value"},onChange:n,"onUpdate:modelValue"(e){o&&o.setItemValue(t,e)}})}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeCheckboxGroupViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_group=_interopRequireDefault(require("../../checkbox/src/group"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeCheckboxGroupViewComponent=exports.WidgetVxeCheckboxGroupViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(o){const u=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(o)["computeKebabCaseName"],n=()=>{var e,t=o["renderParams"],t=t["widget"];u&&(e=u?u.getItemValue(t):null,u.updateWidgetStatus(t,e))};return()=>{var e=o["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(_group.default,{modelValue:u?u.getItemValue(t):null,options:r.options,optionProps:{label:"value",value:"value"},onChange:n,"onUpdate:modelValue"(e){u&&u.setItemValue(t,e)}})}})}}});

package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeDatePickerFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _use = require("../../form-design/src/use");
 var _form = _interopRequireDefault(require("../../form/src/form"));
@@ -12,7 +13,7 @@ var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeDatePickerFormComponent = exports.WidgetVxeDatePickerFormComponent = (0, _vue.defineComponent)({
+const WidgetVxeDatePickerFormComponent = exports.WidgetVxeDatePickerFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeDatePickerFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeDatePickerFormComponent=exports.WidgetVxeDatePickerFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeDatePickerFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeDatePickerFormComponent=exports.WidgetVxeDatePickerFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});

package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-view.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeDatePickerViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _use = require("../../form-design/src/use");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _datePicker = _interopRequireDefault(require("../../date-picker/src/date-picker"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeDatePickerViewComponent = exports.WidgetVxeDatePickerViewComponent = (0, _vue.defineComponent)({
+const WidgetVxeDatePickerViewComponent = exports.WidgetVxeDatePickerViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeDatePickerViewComponent=void 0;var _vue=require("vue"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_datePicker=_interopRequireDefault(require("../../date-picker/src/date-picker"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeDatePickerViewComponent=exports.WidgetVxeDatePickerViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const i=(0,_vue.inject)("$xeFormView",null),a=(0,_use.useWidgetName)(u)["computeKebabCaseName"],d=()=>{var e,t=u["renderParams"],t=t["widget"];i&&(e=i?i.getItemValue(t):null,i.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=a.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(_datePicker.default,{modelValue:i?i.getItemValue(t):null,placeholder:r.placeholder,onChange:d,"onUpdate:modelValue"(e){i&&i.setItemValue(t,e)}})}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeDatePickerViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_datePicker=_interopRequireDefault(require("../../date-picker/src/date-picker"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeDatePickerViewComponent=exports.WidgetVxeDatePickerViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(i){const u=(0,_vue.inject)("$xeFormView",null),a=(0,_use.useWidgetName)(i)["computeKebabCaseName"],o=()=>{var e,t=i["renderParams"],t=t["widget"];u&&(e=u?u.getItemValue(t):null,u.updateWidgetStatus(t,e))};return()=>{var e=i["renderParams"];const t=e["widget"],r=t["options"];e=a.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(_datePicker.default,{modelValue:u?u.getItemValue(t):null,placeholder:r.placeholder,onChange:o,"onUpdate:modelValue"(e){u&&u.setItemValue(t,e)}})}})}}});

package/lib/form-design/widget-vxe-input/vxe-input-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeInputFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _form = _interopRequireDefault(require("../../form/src/form"));
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
@@ -12,7 +13,7 @@ var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 var _use = require("../../form-design/src/use");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeInputFormComponent = exports.WidgetVxeInputFormComponent = (0, _vue.defineComponent)({
+const WidgetVxeInputFormComponent = exports.WidgetVxeInputFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-input/vxe-input-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeInputFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeInputFormComponent=exports.WidgetVxeInputFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(r){const u=(0,_use.useWidgetName)(r)["computeKebabCaseName"];return()=>{var e=r["renderParams"];const t=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{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)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:t.title,"onUpdate:modelValue"(e){t.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:t.required,"onUpdate:modelValue"(e){t.required=e}})}})]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeInputFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_use=require("../../form-design/src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeInputFormComponent=exports.WidgetVxeInputFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,titleOverflow:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});

package/lib/form-design/widget-vxe-input/vxe-input-view.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeInputViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _use = require("../../form-design/src/use");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _input = _interopRequireDefault(require("../../input/src/input"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeInputViewComponent = exports.WidgetVxeInputViewComponent = (0, _vue.defineComponent)({
+const WidgetVxeInputViewComponent = exports.WidgetVxeInputViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-input/vxe-input-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeInputViewComponent=void 0;var _vue=require("vue"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeInputViewComponent=exports.WidgetVxeInputViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const n=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(u)["computeKebabCaseName"],o=()=>{var e,t=u["renderParams"],t=t["widget"];n&&(e=n?n.getItemValue(t):null,n.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],field:t.field,title:t.title,itemRender:{}},{default(){return(0,_vue.h)(_input.default,{modelValue:n?n.getItemValue(t):null,placeholder:r.placeholder,onChange:o,"onUpdate:modelValue"(e){n&&n.setItemValue(t,e)}})}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeInputViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeInputViewComponent=exports.WidgetVxeInputViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const i=(0,_vue.inject)("$xeFormView",null),n=(0,_use.useWidgetName)(u)["computeKebabCaseName"],o=()=>{var e,t=u["renderParams"],t=t["widget"];i&&(e=i?i.getItemValue(t):null,i.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=n.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],field:t.field,title:t.title,itemRender:{}},{default(){return(0,_vue.h)(_input.default,{modelValue:i?i.getItemValue(t):null,placeholder:r.placeholder,onChange:o,"onUpdate:modelValue"(e){i&&i.setItemValue(t,e)}})}})}}});

package/lib/form-design/widget-vxe-number-input/vxe-number-input-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeNumberInputFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _use = require("../../form-design/src/use");
 var _form = _interopRequireDefault(require("../../form/src/form"));
@@ -12,7 +13,7 @@ var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeNumberInputFormComponent = exports.WidgetVxeNumberInputFormComponent = (0, _vue.defineComponent)({
+const WidgetVxeNumberInputFormComponent = exports.WidgetVxeNumberInputFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-number-input/vxe-number-input-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeNumberInputFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeNumberInputFormComponent=exports.WidgetVxeNumberInputFormComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeNumberInputFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_use=require("../../form-design/src/use"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_input=_interopRequireDefault(require("../../input/src/input")),_switch=_interopRequireDefault(require("../../switch/src/switch"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeNumberInputFormComponent=exports.WidgetVxeNumberInputFormComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(t){const u=(0,_use.useWidgetName)(t)["computeKebabCaseName"];return()=>{var e=t["renderParams"];const r=e["widget"];e=u.value;return(0,_vue.h)(_form.default,{class:["vxe-form-design--widget-render-form-wrapper","widget-"+e],vertical:!0,span:24,titleBold:!0,data:r.options},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.name")},{default(){return(0,_vue.h)(_input.default,{modelValue:r.title,"onUpdate:modelValue"(e){r.title=e}})}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.placeholder"),field:"placeholder",itemRender:{name:"VxeInput"}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.required")},{default(){return(0,_vue.h)(_switch.default,{modelValue:r.required,"onUpdate:modelValue"(e){r.required=e}})}})]}})}}});

package/lib/form-design/widget-vxe-number-input/vxe-number-input-view.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeNumberInputViewComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _use = require("../../form-design/src/use");
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
 var _numberInput = _interopRequireDefault(require("../../number-input/src/number-input"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeNumberInputViewComponent = exports.WidgetVxeNumberInputViewComponent = (0, _vue.defineComponent)({
+const WidgetVxeNumberInputViewComponent = exports.WidgetVxeNumberInputViewComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,

package/lib/form-design/widget-vxe-number-input/vxe-number-input-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeNumberInputViewComponent=void 0;var _vue=require("vue"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_numberInput=_interopRequireDefault(require("../../number-input/src/number-input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeNumberInputViewComponent=exports.WidgetVxeNumberInputViewComponent=(0,_vue.defineComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const n=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(u)["computeKebabCaseName"],o=()=>{var e,t=u["renderParams"],t=t["widget"];n&&(e=n?n.getItemValue(t):null,n.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(_numberInput.default,{modelValue:n?n.getItemValue(t):null,placeholder:r.placeholder,onChange:o,"onUpdate:modelValue"(e){n&&n.setItemValue(t,e)}})}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WidgetVxeNumberInputViewComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_use=require("../../form-design/src/use"),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_numberInput=_interopRequireDefault(require("../../number-input/src/number-input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const WidgetVxeNumberInputViewComponent=exports.WidgetVxeNumberInputViewComponent=(0,_comp.defineVxeComponent)({props:{renderOpts:{type:Object,default:()=>({})},renderParams:{type:Object,default:()=>({})}},emits:[],setup(u){const n=(0,_vue.inject)("$xeFormView",null),i=(0,_use.useWidgetName)(u)["computeKebabCaseName"],o=()=>{var e,t=u["renderParams"],t=t["widget"];n&&(e=n?n.getItemValue(t):null,n.updateWidgetStatus(t,e))};return()=>{var e=u["renderParams"];const t=e["widget"],r=t["options"];e=i.value;return(0,_vue.h)(_formItem.default,{class:["vxe-form-design--widget-render-form-item","widget-"+e],title:t.title,field:t.field,itemRender:{}},{default(){return(0,_vue.h)(_numberInput.default,{modelValue:n?n.getItemValue(t):null,placeholder:r.placeholder,onChange:o,"onUpdate:modelValue"(e){n&&n.setItemValue(t,e)}})}})}}});

package/lib/form-design/widget-vxe-radio-group/vxe-radio-group-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.WidgetVxeRadioGroupFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _form = _interopRequireDefault(require("../../form/src/form"));
 var _formItem = _interopRequireDefault(require("../../form/src/form-item"));
@@ -12,7 +13,7 @@ var _input = _interopRequireDefault(require("../../input/src/input"));
 var _switch = _interopRequireDefault(require("../../switch/src/switch"));
 var _use = require("../../form-design/src/use");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const WidgetVxeRadioGroupFormComponent = exports.WidgetVxeRadioGroupFormComponent = (0, _vue.defineComponent)({
+const WidgetVxeRadioGroupFormComponent = exports.WidgetVxeRadioGroupFormComponent = (0, _comp.defineVxeComponent)({
   props: {
     renderOpts: {
       type: Object,