vxe-pc-ui 4.6.22 → 4.6.24

package/lib/list/src/list.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],virtualYConfig:Object,scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:r}=e;var t=_xeUtils.default.uniqueId();const o=_xeUtils.default.browse(),c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,items:[]}),s={resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:s,getRefMaps:()=>l},_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,u.virtualYConfig||u.scrollY)),x=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,{customHeight:l,customMaxHeight:r}=d,i={};return e?i.height=l+"px":t&&(i.height="auto",i.maxHeight=r+"px"),i}),a=(e,t,l)=>{r(e,(0,_ui.createEvent)(l,{$list:f},t))},i=e=>{var t=d["parentHeight"],e=u[e];let l=0;return l=e?"100%"===e||"auto"===e?t:(l=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,l)):l},m=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=s;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},p=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=s;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},S=()=>{p(),m()},b=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=s["scrollYStore"],l=h.value,r=_.value;let i=0,a;(a=l?(a=r.sItem?l.querySelector(r.sItem):a)||l.children[0]:a)&&(i=a.offsetHeight),i=Math.max(12,i),t.rowHeight=i,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/i)),l=r.oSize?_xeUtils.default.toNumber(r.oSize):o.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex+e+l,t.endIndex),S):m)()}),H=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},z=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},T=()=>{const{lastScrollLeft:e,lastScrollTop:t}=s;return H().then(()=>{if(e||t)return s.lastScrollLeft=0,s.lastScrollTop=0,z(e,t)})},Y=()=>{var e=v.value;if(e){var t=e.parentElement;if(d.parentHeight=t?t.clientHeight:0,d.customHeight=i("height"),d.customMaxHeight=i("maxHeight"),e.clientWidth&&e.clientHeight)return b()}return(0,_vue.nextTick)()},I=e=>{var t=s["scrollYStore"],{startIndex:l,endIndex:r,visibleSize:i,offsetSize:a,rowHeight:o}=t,e=e.target.scrollTop,e=Math.floor(e/o),o=Math.max(0,e-1-a),a=e+i+a;!(e<=l||r-i-1<=e)||l===o&&r===a||(t.startIndex=o,t.endIndex=a,S())},L=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,r=t!==s.lastScrollLeft,i=l!==s.lastScrollTop;s.lastScrollTop=l,s.lastScrollLeft=t,d.scrollYLoad&&I(e),a("scroll",{scrollLeft:t,scrollTop:l,isX:r,isY:i},e)},M=e=>{var t=s["scrollYStore"],l=_.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),s.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),p(),b().then(()=>{T()})};t={dispatchEvent:a,loadData:M,reloadData(e){return H(),M(e)},recalculate:Y,scrollTo:z,refreshScroll:T,clearScroll:H};Object.assign(f,t);const y=(0,_vue.ref)(0);(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{y.value++}),(0,_vue.watch)(()=>u.data,()=>{y.value++}),(0,_vue.watch)(y,()=>{M(u.data||[])}),(0,_vue.watch)(()=>u.height,()=>{Y()}),(0,_vue.watch)(()=>u.maxHeight,()=>{Y()}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(Y(),(0,_vue.nextTick)(()=>setTimeout(()=>Y())))}),(0,_vue.onActivated)(()=>{Y().then(()=>T())}),(0,_vue.nextTick)(()=>{M(u.data||[])}),(0,_vue.onMounted)(()=>{var e,t;Y(),u.autoResize&&(e=v.value,(t=_ui.globalResize.create(()=>Y())).observe(e),e&&t.observe(e.parentElement),s.resizeObserver=t),_ui.globalEvents.on(f,"resize",Y)}),(0,_vue.onUnmounted)(()=>{var e=s["resizeObserver"];e&&e.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:r,items:i}=d,a=n.default,o=c.value,s=x.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+o]:o,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:s,onScroll:L},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:r?r+"px":""}},a?a({items:i,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeList",props:{data:Array,height:[Number,String],maxHeight:[Number,String],loading:Boolean,className:[String,Function],size:{type:String,default:()=>(0,_ui.getConfig)().list.size||(0,_ui.getConfig)().size},autoResize:{type:Boolean,default:()=>(0,_ui.getConfig)().list.autoResize},syncResize:[Boolean,String,Number],virtualYConfig:Object,scrollY:Object},emits:["scroll"],setup(u,e){const{slots:n,emit:r}=e;var t=_xeUtils.default.uniqueId();const o=_xeUtils.default.browse(),c=(0,_ui.useSize)(u)["computeSize"],d=(0,_vue.reactive)({scrollYLoad:!1,bodyHeight:0,customHeight:0,customMaxHeight:0,parentHeight:0,topSpaceHeight:0,items:[]}),s={resizeObserver:void 0,fullData:[],lastScrollLeft:0,lastScrollTop:0,scrollYStore:{startIndex:0,endIndex:0,visibleSize:0,offsetSize:0,rowHeight:0}},v=(0,_vue.ref)(),g=(0,_vue.ref)(),h=(0,_vue.ref)(),l={refElem:v},f={xID:t,props:u,context:e,reactData:d,internalData:s,getRefMaps:()=>l},_=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().list.virtualYConfig||(0,_ui.getConfig)().list.scrollY,u.virtualYConfig||u.scrollY)),x=(0,_vue.computed)(()=>{var{height:e,maxHeight:t}=u,{customHeight:l,customMaxHeight:r}=d,i={};return e?i.height=l+"px":t&&(i.height="auto",i.maxHeight=r+"px"),i}),a=(e,t,l)=>{r(e,(0,_ui.createEvent)(l,{$list:f},t))},i=e=>{var t=d["parentHeight"],e=u[e];let l=0;return l=e?"100%"===e||"auto"===e?t:(l=(0,_dom.isScale)(e)?Math.floor((_xeUtils.default.toInteger(e)||1)/100*t):_xeUtils.default.toNumber(e),Math.max(40,l)):l},m=()=>{var e=d["scrollYLoad"],{scrollYStore:t,fullData:l}=s;d.bodyHeight=e?l.length*t.rowHeight:0,d.topSpaceHeight=e?Math.max(t.startIndex*t.rowHeight,0):0},p=()=>{var e=d["scrollYLoad"],{fullData:t,scrollYStore:l}=s;return d.items=e?t.slice(l.startIndex,l.endIndex):t.slice(0),(0,_vue.nextTick)()},S=()=>{p(),m()},b=()=>(0,_vue.nextTick)().then(()=>{var e=d["scrollYLoad"],t=s["scrollYStore"],l=h.value,r=_.value;let i=0,a;(a=l?(a=r.sItem?l.querySelector(r.sItem):a)||l.children[0]:a)&&(i=a.offsetHeight),i=Math.max(12,i),t.rowHeight=i,(e?(l=g.value,e=Math.max(8,Math.ceil(l.clientHeight/i)),l=r.oSize?_xeUtils.default.toNumber(r.oSize):o.edge?10:0,t.offsetSize=l,t.visibleSize=e,t.endIndex=Math.max(t.startIndex+e+l,t.endIndex),S):m)()}),H=()=>{var e=g.value;return e&&(e.scrollTop=0),(0,_vue.nextTick)()},z=(e,t)=>{var l=g.value;return _xeUtils.default.isNumber(e)&&(l.scrollLeft=e),_xeUtils.default.isNumber(t)&&(l.scrollTop=t),d.scrollYLoad?new Promise(e=>{setTimeout(()=>{(0,_vue.nextTick)(()=>{e()})},50)}):(0,_vue.nextTick)()},T=()=>{const{lastScrollLeft:e,lastScrollTop:t}=s;return H().then(()=>{if(e||t)return s.lastScrollLeft=0,s.lastScrollTop=0,z(e,t)})},Y=()=>{var e=v.value;if(e){var t=e.parentElement;if(d.parentHeight=t?t.clientHeight:0,d.customHeight=i("height"),d.customMaxHeight=i("maxHeight"),e.clientWidth&&e.clientHeight)return b()}return(0,_vue.nextTick)()},I=e=>{var t=s["scrollYStore"],{startIndex:l,endIndex:r,visibleSize:i,offsetSize:a,rowHeight:o}=t,e=e.target.scrollTop,e=Math.floor(e/o),o=Math.max(0,e-1-a),a=e+i+a;!(e<=l||r-i-1<=e)||l===o&&r===a||(t.startIndex=o,t.endIndex=a,S())},L=e=>{var t=e.target,l=t.scrollTop,t=t.scrollLeft,r=t!==s.lastScrollLeft,i=l!==s.lastScrollTop;s.lastScrollTop=l,s.lastScrollLeft=t,d.scrollYLoad&&I(e),a("scroll",{scrollLeft:t,scrollTop:l,isX:r,isY:i},e)},M=e=>{var t=s["scrollYStore"],l=_.value,e=e||[];return Object.assign(t,{startIndex:0,endIndex:1,visibleSize:0}),s.fullData=e,d.scrollYLoad=!!l.enabled&&-1<l.gt&&(0===l.gt||l.gt<=e.length),p(),b().then(()=>{T()})};t={dispatchEvent:a,loadData:M,reloadData(e){return H(),M(e)},recalculate:Y,scrollTo:z,refreshScroll:T,clearScroll:H};Object.assign(f,t);const y=(0,_vue.ref)(0);(0,_vue.watch)(()=>u.data?u.data.length:-1,()=>{y.value++}),(0,_vue.watch)(()=>u.data,()=>{y.value++}),(0,_vue.watch)(y,()=>{M(u.data||[])}),(0,_vue.watch)(()=>u.height,()=>{Y()}),(0,_vue.watch)(()=>u.maxHeight,()=>{Y()}),(0,_vue.watch)(()=>u.syncResize,e=>{e&&(Y(),(0,_vue.nextTick)(()=>setTimeout(()=>Y())))}),(0,_vue.onActivated)(()=>{Y().then(()=>T())}),(0,_vue.nextTick)(()=>{M(u.data||[])}),(0,_vue.onMounted)(()=>{var e,t;Y(),u.autoResize&&(e=v.value,(t=_ui.globalResize.create(()=>Y())).observe(e),e&&t.observe(e.parentElement),s.resizeObserver=t),_ui.globalEvents.on(f,"resize",Y)}),(0,_vue.onUnmounted)(()=>{var e=s["resizeObserver"];e&&e.disconnect(),_ui.globalEvents.off(f,"resize")});return f.renderVN=()=>{var{className:e,loading:t}=u,{bodyHeight:l,topSpaceHeight:r,items:i}=d,a=n.default,o=c.value,s=x.value;return(0,_vue.h)("div",{ref:v,class:["vxe-list",e?_xeUtils.default.isFunction(e)?e({$list:f}):e:"",{["size--"+o]:o,"is--loading":t}]},[(0,_vue.h)("div",{ref:g,class:"vxe-list--virtual-wrapper",style:s,onScroll:L},[(0,_vue.h)("div",{class:"vxe-list--y-space",style:{height:l?l+"px":""}}),(0,_vue.h)("div",{ref:h,class:"vxe-list--body",style:{marginTop:r?r+"px":""}},a?a({items:i,$list:f}):[])]),(0,_vue.h)(_loading.default,{class:"vxe-list--loading",modelValue:t})])},f},render(){return this.renderVN()}});

package/lib/list-design/src/default-setting-form.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DefaultParameterSettingFormComponent = exports.DefaultFieldSettingFormComponent = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _util = require("../render/util");
 var _form = _interopRequireDefault(require("../../form/src/form"));
@@ -18,7 +19,7 @@ var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // 控件原始配置信息，带响应
 const refWidgetReactConfigMaps = (0, _vue.ref)({});
-const DefaultFieldSettingFormComponent = exports.DefaultFieldSettingFormComponent = (0, _vue.defineComponent)({
+const DefaultFieldSettingFormComponent = exports.DefaultFieldSettingFormComponent = (0, _comp.defineVxeComponent)({
   name: 'DefaultFieldSettingForm',
   props: {},
   emits: [],
@@ -336,7 +337,7 @@ const DefaultFieldSettingFormComponent = exports.DefaultFieldSettingFormComponen
     };
   }
 });
-const DefaultParameterSettingFormComponent = exports.DefaultParameterSettingFormComponent = (0, _vue.defineComponent)({
+const DefaultParameterSettingFormComponent = exports.DefaultParameterSettingFormComponent = (0, _comp.defineVxeComponent)({
   name: 'DefaultListSettingTabComponent',
   props: {},
   emits: [],

package/lib/list-design/src/default-setting-form.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultParameterSettingFormComponent=exports.DefaultFieldSettingFormComponent=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_util=require("../render/util"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_text=_interopRequireDefault(require("../../text/src/text")),_select=_interopRequireDefault(require("../../select/src/select")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_group=_interopRequireDefault(require("../../radio/src/group")),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const refWidgetReactConfigMaps=(0,_vue.ref)({}),DefaultFieldSettingFormComponent=exports.DefaultFieldSettingFormComponent=(0,_vue.defineComponent)({name:"DefaultFieldSettingForm",props:{},emits:[],setup(){const i=(0,_vue.inject)("$xeListDesign",null);if(!i)return()=>[];const c=i["reactData"],d=(0,_vue.ref)(!1),v=(0,_vue.ref)(!1),o=e=>{e.visible=!e.visible,c.listTableColumns=c.listTableColumns.slice(0)},e=()=>{const{listTableColumns:e,searchFormItems:s}=c,a=refWidgetReactConfigMaps.value,n=[],l=(e.forEach(t=>{var i=t["cellRender"];if(i){var l,o=s.find(e=>e.field===t.field),i=i.name||"";let e=a[i];e||(l=_core.renderer.get(i))&&(l=l.createFormDesignWidgetConfig)&&(e=l({name:i,$formDesign:null})||{},a[i]=e),e.query&&n.push(Object.assign(Object.assign({},t),{checked:!!o,isHalf:!1,folding:!!o&&!!o.folding}))}}),refWidgetReactConfigMaps.value=Object.assign({},a),(0,_vue.ref)(n)),o=()=>{var e=l.value;d.value=e.every(e=>e.checked),v.value=!d.value&&e.some(e=>e.checked||e.isHalf)},r=t=>{var e=l.value,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.isHalf=!e.checked&&e.children.some(e=>e.checked||e.isHalf),r(e))},u=()=>{var e=l.value;const t=!d.value;_xeUtils.default.eachTree(e,e=>{e.checked=t,e.isHalf=!1}),d.value=t,o()};_core.VxeUI.modal.open({title:(0,_core.getI18n)("vxe.listDesign.search.editPopupTitle"),width:680,height:500,showFooter:!0,escClosable:!0,showCancelButton:!0,showConfirmButton:!0,confirmButtonText:(0,_core.getI18n)("vxe.listDesign.searchPopup.saveBtn"),showZoom:!0,resize:!0,onConfirm:()=>{var e=l.value;const t=[];e.forEach(e=>{e.checked&&t.push({field:e.field,title:e.title,folding:e.folding,itemRender:Object.assign({},e.cellRender)})}),i.setSearchItems(t)},slots:{default(){var e=d.value,t=v.value,i=l.value;return(0,_vue.h)("div",{class:"vxe-list-design--field-search-popup"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[(0,_vue.h)("col",{style:{width:"80px"}}),(0,_vue.h)("col")]),(0,_vue.h)("thead",{},[(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-list-design--field-search-checkbox-option",{"is--checked":e,"is--indeterminate":t}],title:(0,_core.getI18n)("vxe.table.allTitle"),onClick:u},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",t?(0,_core.getIcon)().CHECKBOX_INDETERMINATE:e?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_core.getI18n)("vxe.toolbar.customAll"))])]),(0,_vue.h)("th",{},(0,_core.getI18n)("vxe.listDesign.searchPopup.colTitle"))]),(0,_vue.h)("tbody",{},i.map(i=>{var e=i.checked,t=i.isHalf;return(0,_vue.h)("tr",{},[(0,_vue.h)("td",{class:"vxe-list-design--field-search-option-item col--visible"},[(0,_vue.h)("div",{class:["vxe-list-design--field-search-checkbox-option",{"is--checked":e,"is--indeterminate":t}],title:(0,_core.getI18n)("vxe.custom.setting.colVisible"),onClick:()=>{{var e=i;const t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.isHalf=!1}),r(e),o()}}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",t?(0,_core.getIcon)().CHECKBOX_INDETERMINATE:e?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]})])]),(0,_vue.h)("td",{class:"vxe-list-design--field-search-option-item"},""+(i.title||""))])}))])])}}})},t=()=>{var e=c["listTableColumns"];return e.map(e=>{var t,{title:i,visible:l}=e;return(0,_vue.h)("div",{class:"vxe-list-design--field-option"},[(0,_vue.h)("div",{class:"vxe-list-design--field-option-inner"},[(0,_vue.h)("div",{class:["vxe-list-design--field-checkbox-option",{"is--checked":l}],onClick(){o(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},""+i)])]),(l=(t=e).children)&&l.length?(0,_vue.h)("div",{class:"vxe-list-design--field-option-inner"},[(0,_vue.h)("div",{class:"vxe-list-design--field-sub-option",onClick(){o(t)}},l.map(e=>{var{title:t,visible:i}=e;return(0,_vue.h)("div",{class:["vxe-list-design--field-checkbox-option",{"is--checked":i}],onClick(){o(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},""+t)])}))]):(0,_vue.createCommentVNode)()])})};return()=>(0,_vue.h)(_form.default,{span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.listDesign.searchField")},{extra(){return(0,_vue.h)(_button.default,{mode:"text",status:"primary",icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_EDIT,content:(0,_core.getI18n)("vxe.listDesign.search.addBtn"),onClick:e})},default(){var e=c["searchFormItems"];return[e.length?(0,_vue.h)("div",{class:"vxe-list-design--search-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--search-item-list"},e.map(i=>(0,_vue.h)("div",{key:i.field,class:"vxe-list-design--search-item"},[(0,_vue.h)("div",{class:"vxe-list-design--search-item-title"},""+(i.title||"")),(0,_vue.h)("div",{class:"vxe-list-design--search-item-btn"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING_SEARCH_DELETE,mode:"text",status:"error",onClick(){var t,e;t=i,e=c.searchFormItems,c.searchFormItems=e.filter(e=>e.field!==t.field)}})])])))]):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.listDesign.search.emptyText"))])]}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.listDesign.listField")},{default(){return t()}})]}})}}),DefaultParameterSettingFormComponent=exports.DefaultParameterSettingFormComponent=(0,_vue.defineComponent)({name:"DefaultListSettingTabComponent",props:{},emits:[],setup(){var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];const{props:u,reactData:c}=e,d=[],v=[],l=(_core.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?v:d).push(t))}),(0,_vue.ref)([{label:"列表视图",value:"list",isExpand:!1}])),o=(0,_vue.ref)([{label:"显示",value:!0},{label:"隐藏",value:!1}]),s=(0,_vue.ref)([{label:"默认",value:"auto"},{label:"允许",value:!0},{label:"不允许",value:!1}]),a=(0,_vue.computed)(()=>{var e=c["formData"];return[e.listView.enabled,e.ganttView.enabled,e.chartView.enabled].filter(e=>e).length<=1}),n=()=>(0,_vue.h)(_formItem.default,{title:"功能按钮"},{extra(){return(0,_vue.h)(_button.default,{mode:"text",status:"primary",icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_ADD,content:"新增",onClick(){{var t=void 0;const l=c["formData"],o=u["actionCodes"];let e=l.actionButtonList;e=e||[];const s=(0,_vue.reactive)((0,_util.createListDesignActionButton)(t)),a=d.filter(t=>!(o&&o.length&&!o.some(e=>_xeUtils.default.isString(e)?t.code===e:e.code===t.code)||e.some(e=>e.code===t.code)));var t=v.filter(t=>!e.some(e=>e.code===t.code)),i=[];a.length&&(s.type||(s.type=""),i.push({value:"",label:"系统按钮"})),t.length&&(s.type||(s.type="custom"),i.push({value:"custom",label:"自定义按钮"}));const n=(0,_vue.computed)(()=>a.map(e=>{var t=e.name;return{label:_xeUtils.default.toValueString(_xeUtils.default.isFunction(t)?t({name:e.code||""}):t),value:e.code}})),r=(0,_vue.ref)(i);_core.VxeUI.modal.open({title:"添加按钮",width:600,height:400,showFooter:!0,showCancelButton:!0,showConfirmButton:!0,confirmButtonText:"保存",onConfirm(){s.type,e.push(s),l.actionButtonList=[...e]},slots:{default(){return(0,_vue.h)(_form.default,{vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:"按钮类型",span:24},{default(){return(0,_vue.h)(_select.default,{modelValue:s.type,options:r.value,"onUpdate:modelValue"(e){s.type=e}})}}),(0,_vue.h)(_formItem.default,{title:"选择系统按钮",span:24},{default(){return(0,_vue.h)(_select.default,{modelValue:s.code,options:n.value,"onUpdate:modelValue"(e){s.code=e}})}})]}})}}})}}})},default(){const s=c["formData"],a=s.actionButtonList;return a&&a.length?(0,_vue.h)("div",{class:"vxe-list-design--field-configs-wrapper"},a.map(t=>{let e="",i="";var l,o;return"custom"===t.type?(e=t.icon,i=t.name):(l=d.find(e=>e.code===t.code))&&(o=l.name,e=l.icon||"",i=_xeUtils.default.toValueString(_xeUtils.default.isFunction(o)?o({name:l.code||""}):o)),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item"},[e?(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-icon"},[(0,_vue.h)("i",{class:e})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-title"},""+(i||"")),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-btn"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE,mode:"text",status:"error",onClick(){s.actionButtonList=a.filter(e=>e!==t)}})])])})):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},"无操作按钮")])}});return()=>{const{showPc:e,showMobile:t}=u,i=c["formData"];return(0,_vue.h)(_form.default,{span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:"视图配置"},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-render-view"},l.value.map(e=>(0,_vue.h)("div",{key:e.value,class:"vxe-form-design--widget-form-item-render-view-item"},[(0,_vue.h)(_switch.default,{modelValue:i.listView.enabled,disabled:a.value,"onUpdate:modelValue"(e){i.listView.enabled=e}}),(0,_vue.h)(_text.default,{content:e.label,icon:"vxe-icon-table"})])))}}),(0,_vue.h)(_formItem.default,{title:"默认视图"},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[e?(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-item"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-left"},[(0,_vue.h)(_text.default,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc")})]),(0,_vue.h)(_select.default,{modelValue:i.pcDefaultView,className:"vxe-form-design--widget-form-item-devices-select",options:l.value,"onUpdate:modelValue"(e){i.pcDefaultView=e}})]):(0,_vue.createCommentVNode)(),t?(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-item"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-left"},[(0,_vue.h)(_text.default,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile")})]),(0,_vue.h)(_select.default,{modelValue:i.mobileDefaultView,className:"vxe-form-design--widget-form-item-devices-select",options:l.value,"onUpdate:modelValue"(e){i.mobileDefaultView=e}})]):(0,_vue.createCommentVNode)()])]}}),(0,_vue.h)(_formItem.default,{title:"列配置"},{default(){const t=c["formData"];return[(0,_vue.h)("div",{class:"vxe-list-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},"显示序号"),(0,_vue.h)(_group.default,{modelValue:t.showSeq,options:o.value,"onUpdate:modelValue"(e){t.showSeq=e}})]),(0,_vue.h)("div",{class:"vxe-list-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},"表尾统计"),(0,_vue.h)(_group.default,{modelValue:t.showStatistics,options:o.value,"onUpdate:modelValue"(e){t.showStatistics=e}})])]}}),(0,_vue.h)(_formItem.default,{title:"批量操作"},{default(){const t=c["formData"];return(0,_vue.h)(_group.default,{modelValue:t.showCheckbox,options:s.value,"onUpdate:modelValue"(e){t.showCheckbox=e}})}}),(d.length||v.length?n:(0,_vue.createCommentVNode))()]}})}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultParameterSettingFormComponent=exports.DefaultFieldSettingFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_util=require("../render/util"),_form=_interopRequireDefault(require("../../form/src/form")),_formItem=_interopRequireDefault(require("../../form/src/form-item")),_text=_interopRequireDefault(require("../../text/src/text")),_select=_interopRequireDefault(require("../../select/src/select")),_switch=_interopRequireDefault(require("../../switch/src/switch")),_group=_interopRequireDefault(require("../../radio/src/group")),_button=_interopRequireDefault(require("../../button/src/button")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const refWidgetReactConfigMaps=(0,_vue.ref)({}),DefaultFieldSettingFormComponent=exports.DefaultFieldSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultFieldSettingForm",props:{},emits:[],setup(){const i=(0,_vue.inject)("$xeListDesign",null);if(!i)return()=>[];const c=i["reactData"],d=(0,_vue.ref)(!1),v=(0,_vue.ref)(!1),o=e=>{e.visible=!e.visible,c.listTableColumns=c.listTableColumns.slice(0)},e=()=>{const{listTableColumns:e,searchFormItems:s}=c,a=refWidgetReactConfigMaps.value,n=[],l=(e.forEach(t=>{var i=t["cellRender"];if(i){var l,o=s.find(e=>e.field===t.field),i=i.name||"";let e=a[i];e||(l=_core.renderer.get(i))&&(l=l.createFormDesignWidgetConfig)&&(e=l({name:i,$formDesign:null})||{},a[i]=e),e.query&&n.push(Object.assign(Object.assign({},t),{checked:!!o,isHalf:!1,folding:!!o&&!!o.folding}))}}),refWidgetReactConfigMaps.value=Object.assign({},a),(0,_vue.ref)(n)),o=()=>{var e=l.value;d.value=e.every(e=>e.checked),v.value=!d.value&&e.some(e=>e.checked||e.isHalf)},r=t=>{var e=l.value,e=_xeUtils.default.findTree(e,e=>e===t);e&&e.parent&&(e=e["parent"],e.children)&&e.children.length&&(e.checked=e.children.every(e=>e.checked),e.isHalf=!e.checked&&e.children.some(e=>e.checked||e.isHalf),r(e))},u=()=>{var e=l.value;const t=!d.value;_xeUtils.default.eachTree(e,e=>{e.checked=t,e.isHalf=!1}),d.value=t,o()};_core.VxeUI.modal.open({title:(0,_core.getI18n)("vxe.listDesign.search.editPopupTitle"),width:680,height:500,showFooter:!0,escClosable:!0,showCancelButton:!0,showConfirmButton:!0,confirmButtonText:(0,_core.getI18n)("vxe.listDesign.searchPopup.saveBtn"),showZoom:!0,resize:!0,onConfirm:()=>{var e=l.value;const t=[];e.forEach(e=>{e.checked&&t.push({field:e.field,title:e.title,folding:e.folding,itemRender:Object.assign({},e.cellRender)})}),i.setSearchItems(t)},slots:{default(){var e=d.value,t=v.value,i=l.value;return(0,_vue.h)("div",{class:"vxe-list-design--field-search-popup"},[(0,_vue.h)("table",{},[(0,_vue.h)("colgroup",{},[(0,_vue.h)("col",{style:{width:"80px"}}),(0,_vue.h)("col")]),(0,_vue.h)("thead",{},[(0,_vue.h)("th",{},[(0,_vue.h)("div",{class:["vxe-list-design--field-search-checkbox-option",{"is--checked":e,"is--indeterminate":t}],title:(0,_core.getI18n)("vxe.table.allTitle"),onClick:u},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",t?(0,_core.getIcon)().CHECKBOX_INDETERMINATE:e?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_core.getI18n)("vxe.toolbar.customAll"))])]),(0,_vue.h)("th",{},(0,_core.getI18n)("vxe.listDesign.searchPopup.colTitle"))]),(0,_vue.h)("tbody",{},i.map(i=>{var e=i.checked,t=i.isHalf;return(0,_vue.h)("tr",{},[(0,_vue.h)("td",{class:"vxe-list-design--field-search-option-item col--visible"},[(0,_vue.h)("div",{class:["vxe-list-design--field-search-checkbox-option",{"is--checked":e,"is--indeterminate":t}],title:(0,_core.getI18n)("vxe.custom.setting.colVisible"),onClick:()=>{{var e=i;const t=!e.checked;_xeUtils.default.eachTree([e],e=>{e.checked=t,e.isHalf=!1}),r(e),o()}}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",t?(0,_core.getIcon)().CHECKBOX_INDETERMINATE:e?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]})])]),(0,_vue.h)("td",{class:"vxe-list-design--field-search-option-item"},""+(i.title||""))])}))])])}}})},t=()=>{var e=c["listTableColumns"];return e.map(e=>{var t,{title:i,visible:l}=e;return(0,_vue.h)("div",{class:"vxe-list-design--field-option"},[(0,_vue.h)("div",{class:"vxe-list-design--field-option-inner"},[(0,_vue.h)("div",{class:["vxe-list-design--field-checkbox-option",{"is--checked":l}],onClick(){o(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",l?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},""+i)])]),(l=(t=e).children)&&l.length?(0,_vue.h)("div",{class:"vxe-list-design--field-option-inner"},[(0,_vue.h)("div",{class:"vxe-list-design--field-sub-option",onClick(){o(t)}},l.map(e=>{var{title:t,visible:i}=e;return(0,_vue.h)("div",{class:["vxe-list-design--field-checkbox-option",{"is--checked":i}],onClick(){o(e)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",i?(0,_core.getIcon)().CHECKBOX_CHECKED:(0,_core.getIcon)().CHECKBOX_UNCHECKED]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},""+t)])}))]):(0,_vue.createCommentVNode)()])})};return()=>(0,_vue.h)(_form.default,{span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.listDesign.searchField")},{extra(){return(0,_vue.h)(_button.default,{mode:"text",status:"primary",icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_EDIT,content:(0,_core.getI18n)("vxe.listDesign.search.addBtn"),onClick:e})},default(){var e=c["searchFormItems"];return[e.length?(0,_vue.h)("div",{class:"vxe-list-design--search-item-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--search-item-list"},e.map(i=>(0,_vue.h)("div",{key:i.field,class:"vxe-list-design--search-item"},[(0,_vue.h)("div",{class:"vxe-list-design--search-item-title"},""+(i.title||"")),(0,_vue.h)("div",{class:"vxe-list-design--search-item-btn"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING_SEARCH_DELETE,mode:"text",status:"error",onClick(){var t,e;t=i,e=c.searchFormItems,c.searchFormItems=e.filter(e=>e.field!==t.field)}})])])))]):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_core.getI18n)("vxe.listDesign.search.emptyText"))])]}}),(0,_vue.h)(_formItem.default,{title:(0,_core.getI18n)("vxe.listDesign.listField")},{default(){return t()}})]}})}}),DefaultParameterSettingFormComponent=exports.DefaultParameterSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultListSettingTabComponent",props:{},emits:[],setup(){var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];const{props:u,reactData:c}=e,d=[],v=[],l=(_core.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?v:d).push(t))}),(0,_vue.ref)([{label:"列表视图",value:"list",isExpand:!1}])),o=(0,_vue.ref)([{label:"显示",value:!0},{label:"隐藏",value:!1}]),s=(0,_vue.ref)([{label:"默认",value:"auto"},{label:"允许",value:!0},{label:"不允许",value:!1}]),a=(0,_vue.computed)(()=>{var e=c["formData"];return[e.listView.enabled,e.ganttView.enabled,e.chartView.enabled].filter(e=>e).length<=1}),n=()=>(0,_vue.h)(_formItem.default,{title:"功能按钮"},{extra(){return(0,_vue.h)(_button.default,{mode:"text",status:"primary",icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_ADD,content:"新增",onClick(){{var t=void 0;const l=c["formData"],o=u["actionCodes"];let e=l.actionButtonList;e=e||[];const s=(0,_vue.reactive)((0,_util.createListDesignActionButton)(t)),a=d.filter(t=>!(o&&o.length&&!o.some(e=>_xeUtils.default.isString(e)?t.code===e:e.code===t.code)||e.some(e=>e.code===t.code)));var t=v.filter(t=>!e.some(e=>e.code===t.code)),i=[];a.length&&(s.type||(s.type=""),i.push({value:"",label:"系统按钮"})),t.length&&(s.type||(s.type="custom"),i.push({value:"custom",label:"自定义按钮"}));const n=(0,_vue.computed)(()=>a.map(e=>{var t=e.name;return{label:_xeUtils.default.toValueString(_xeUtils.default.isFunction(t)?t({name:e.code||""}):t),value:e.code}})),r=(0,_vue.ref)(i);_core.VxeUI.modal.open({title:"添加按钮",width:600,height:400,showFooter:!0,showCancelButton:!0,showConfirmButton:!0,confirmButtonText:"保存",onConfirm(){s.type,e.push(s),l.actionButtonList=[...e]},slots:{default(){return(0,_vue.h)(_form.default,{vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:"按钮类型",span:24},{default(){return(0,_vue.h)(_select.default,{modelValue:s.type,options:r.value,"onUpdate:modelValue"(e){s.type=e}})}}),(0,_vue.h)(_formItem.default,{title:"选择系统按钮",span:24},{default(){return(0,_vue.h)(_select.default,{modelValue:s.code,options:n.value,"onUpdate:modelValue"(e){s.code=e}})}})]}})}}})}}})},default(){const s=c["formData"],a=s.actionButtonList;return a&&a.length?(0,_vue.h)("div",{class:"vxe-list-design--field-configs-wrapper"},a.map(t=>{let e="",i="";var l,o;return"custom"===t.type?(e=t.icon,i=t.name):(l=d.find(e=>e.code===t.code))&&(o=l.name,e=l.icon||"",i=_xeUtils.default.toValueString(_xeUtils.default.isFunction(o)?o({name:l.code||""}):o)),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item"},[e?(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-icon"},[(0,_vue.h)("i",{class:e})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-title"},""+(i||"")),(0,_vue.h)("div",{class:"vxe-list-design--field-configs-item-btn"},[(0,_vue.h)(_button.default,{icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING_ACTIVE_DELETE,mode:"text",status:"error",onClick(){s.actionButtonList=a.filter(e=>e!==t)}})])])})):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},"无操作按钮")])}});return()=>{const{showPc:e,showMobile:t}=u,i=c["formData"];return(0,_vue.h)(_form.default,{span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(_formItem.default,{title:"视图配置"},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-render-view"},l.value.map(e=>(0,_vue.h)("div",{key:e.value,class:"vxe-form-design--widget-form-item-render-view-item"},[(0,_vue.h)(_switch.default,{modelValue:i.listView.enabled,disabled:a.value,"onUpdate:modelValue"(e){i.listView.enabled=e}}),(0,_vue.h)(_text.default,{content:e.label,icon:"vxe-icon-table"})])))}}),(0,_vue.h)(_formItem.default,{title:"默认视图"},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[e?(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-item"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-left"},[(0,_vue.h)(_text.default,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc")})]),(0,_vue.h)(_select.default,{modelValue:i.pcDefaultView,className:"vxe-form-design--widget-form-item-devices-select",options:l.value,"onUpdate:modelValue"(e){i.pcDefaultView=e}})]):(0,_vue.createCommentVNode)(),t?(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-item"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices-left"},[(0,_vue.h)(_text.default,{icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,content:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile")})]),(0,_vue.h)(_select.default,{modelValue:i.mobileDefaultView,className:"vxe-form-design--widget-form-item-devices-select",options:l.value,"onUpdate:modelValue"(e){i.mobileDefaultView=e}})]):(0,_vue.createCommentVNode)()])]}}),(0,_vue.h)(_formItem.default,{title:"列配置"},{default(){const t=c["formData"];return[(0,_vue.h)("div",{class:"vxe-list-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},"显示序号"),(0,_vue.h)(_group.default,{modelValue:t.showSeq,options:o.value,"onUpdate:modelValue"(e){t.showSeq=e}})]),(0,_vue.h)("div",{class:"vxe-list-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},"表尾统计"),(0,_vue.h)(_group.default,{modelValue:t.showStatistics,options:o.value,"onUpdate:modelValue"(e){t.showStatistics=e}})])]}}),(0,_vue.h)(_formItem.default,{title:"批量操作"},{default(){const t=c["formData"];return(0,_vue.h)(_group.default,{modelValue:t.showCheckbox,options:s.value,"onUpdate:modelValue"(e){t.showCheckbox=e}})}}),(d.length||v.length?n:(0,_vue.createCommentVNode))()]}})}}});

package/lib/list-design/src/layout-preview.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _log = require("../../ui/src/log");
 var _form = _interopRequireDefault(require("../../form/src/form"));
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'ListDesignLayoutView',
   props: {},
   emits: [],

package/lib/list-design/src/layout-preview.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_form=_interopRequireDefault(require("../../form/src/form")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"ListDesignLayoutView",props:{},emits:[],setup(){const s=_ui.VxeUI.getComponent("VxeGrid");var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];const r=e["reactData"],u=(0,_vue.ref)(),n=(0,_vue.ref)([]),o=(0,_vue.computed)(()=>{var e=r["searchFormItems"];return e.length?e.concat([{field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}]):e}),a=(0,_vue.computed)(()=>{var{formData:e,listTableColumns:t}=r,{showSeq:e,actionButtonList:i}=e;const l=[];return e&&l.push({type:"seq",field:"_seq",width:70}),t.forEach(e=>{l.push({field:e.field,title:e.title,visible:e.visible,width:e.width})}),i&&i.length&&l.push({field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto",cellRender:{name:"VxeButtonGroup",options:[]}}),l}),v=({column:t,resizeWidth:e})=>{var i=r["listTableColumns"],i=_xeUtils.default.findTree(i,e=>e.field===t.field,{children:"children"});i&&(i=i["item"],i.width=e)},t=()=>{const e=r["listTableColumns"];var t=[{},{}];t.forEach(t=>{e.forEach(e=>{t[e.field]="-"})}),n.value=t},i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>r.listTableColumns?r.listTableColumns.length:-1,()=>{i.value++}),(0,_vue.watch)(()=>r.listTableColumns,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{t()}),(0,_vue.nextTick)(()=>{s||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),()=>{var{searchFormData:e,searchFormItems:t}=r,i=o.value,l=a.value;return(0,_vue.h)("div",{class:"vxe-list-design--preview"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-search"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_ui.getI18n)("vxe.listDesign.searchTitle")),t.length?(0,_vue.h)(_form.default,{data:e,items:i}):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_ui.getI18n)("vxe.listDesign.search.emptyText"))])]),(0,_vue.h)("div",{class:"vxe-list-design--preview-table"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_ui.getI18n)("vxe.listDesign.listTitle")),s?(0,_vue.h)(s,{ref:u,columns:l,data:n.value,showOverflow:!0,border:!0,columnConfig:{minWidth:"auto",resizable:!0},rowConfig:{isHover:!0},scrollX:{enabled:!1},scrollY:{enabled:!1},onResizableChange:v}):(0,_vue.createCommentVNode)()])])])}}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_form=_interopRequireDefault(require("../../form/src/form")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"ListDesignLayoutView",props:{},emits:[],setup(){const l=_ui.VxeUI.getComponent("VxeGrid");var e=(0,_vue.inject)("$xeListDesign",null);if(!e)return()=>[];const s=e["reactData"],u=(0,_vue.ref)(),o=(0,_vue.ref)([]),n=(0,_vue.computed)(()=>{var e=s["searchFormItems"];return e.length?e.concat([{field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}]):e}),a=(0,_vue.computed)(()=>{var{formData:e,listTableColumns:t}=s,{showSeq:e,actionButtonList:i}=e;const r=[];return e&&r.push({type:"seq",field:"_seq",width:70}),t.forEach(e=>{r.push({field:e.field,title:e.title,visible:e.visible,width:e.width})}),i&&i.length&&r.push({field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto",cellRender:{name:"VxeButtonGroup",options:[]}}),r}),v=({column:t,resizeWidth:e})=>{var i=s["listTableColumns"],i=_xeUtils.default.findTree(i,e=>e.field===t.field,{children:"children"});i&&(i=i["item"],i.width=e)},t=()=>{const e=s["listTableColumns"];var t=[{},{}];t.forEach(t=>{e.forEach(e=>{t[e.field]="-"})}),o.value=t},i=(0,_vue.ref)(0);return(0,_vue.watch)(()=>s.listTableColumns?s.listTableColumns.length:-1,()=>{i.value++}),(0,_vue.watch)(()=>s.listTableColumns,()=>{i.value++}),(0,_vue.watch)(i,()=>{t()}),(0,_vue.onMounted)(()=>{t()}),(0,_vue.nextTick)(()=>{l||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),()=>{var{searchFormData:e,searchFormItems:t}=s,i=n.value,r=a.value;return(0,_vue.h)("div",{class:"vxe-list-design--preview"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-wrapper"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-search"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_ui.getI18n)("vxe.listDesign.searchTitle")),t.length?(0,_vue.h)(_form.default,{data:e,items:i}):(0,_vue.h)("div",{class:"vxe-list-design--field-configs-empty-data"},[(0,_vue.h)("span",{},(0,_ui.getI18n)("vxe.listDesign.search.emptyText"))])]),(0,_vue.h)("div",{class:"vxe-list-design--preview-table"},[(0,_vue.h)("div",{class:"vxe-list-design--preview-title"},(0,_ui.getI18n)("vxe.listDesign.listTitle")),l?(0,_vue.h)(l,{ref:u,columns:r,data:o.value,showOverflow:!0,border:!0,columnConfig:{minWidth:"auto",resizable:!0},rowConfig:{isHover:!0},scrollX:{enabled:!1},scrollY:{enabled:!1},onResizableChange:v}):(0,_vue.createCommentVNode)()])])])}}});

package/lib/list-design/src/layout-setting.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _core = require("@vxe-ui/core");
 var _tabs = _interopRequireDefault(require("../../tabs/src/tabs"));
 var _tabPane = _interopRequireDefault(require("../../tabs/src/tab-pane"));
 var _defaultSettingForm = require("./default-setting-form");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'ListDesignLayoutSetting',
   props: {},
   emits: [],

package/lib/list-design/src/layout-setting.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_core=require("@vxe-ui/core"),_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:"ListDesignLayoutSetting",props:{},emits:[],setup(){const t=(0,_vue.ref)(1);return()=>(0,_vue.h)("div",{class:"vxe-list-design--setting"},[(0,_vue.h)("div",{class:"vxe-list-design--setting-form"},[(0,_vue.h)(_tabs.default,{modelValue:t.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-list-design--setting-form-tabs","onUpdate:modelValue"(e){t.value=e}},{default(){return[(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.listDesign.fieldSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_FIELD_SETTING,name:1},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultFieldSettingFormComponent)}}),(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.listDesign.listSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING,name:2},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultParameterSettingFormComponent)}})]}})])])}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_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,_comp.defineVxeComponent)({name:"ListDesignLayoutSetting",props:{},emits:[],setup(){const t=(0,_vue.ref)(1);return()=>(0,_vue.h)("div",{class:"vxe-list-design--setting"},[(0,_vue.h)("div",{class:"vxe-list-design--setting-form"},[(0,_vue.h)(_tabs.default,{modelValue:t.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-list-design--setting-form-tabs","onUpdate:modelValue"(e){t.value=e}},{default(){return[(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.listDesign.fieldSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_FIELD_SETTING,name:1},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultFieldSettingFormComponent)}}),(0,_vue.h)(_tabPane.default,{title:(0,_core.getI18n)("vxe.listDesign.listSettingTab"),icon:(0,_core.getIcon)().LIST_DESIGN_LIST_SETTING,name:2},{default(){return(0,_vue.h)(_defaultSettingForm.DefaultParameterSettingFormComponent)}})]}})])])}});

package/lib/list-design/src/list-design.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _dom = require("../../ui/src/dom");
 var _ui = require("../../ui");
@@ -13,7 +14,7 @@ var _defaultSettingData = require("./default-setting-data");
 var _layoutPreview = _interopRequireDefault(require("./layout-preview"));
 var _layoutSetting = _interopRequireDefault(require("./layout-setting"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeListDesign',
   props: {
     size: {

package/lib/list-design/src/list-design.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_util=require("../render/util"),_defaultSettingData=require("./default-setting-data"),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListDesign",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listDesign.size||(0,_ui.getConfig)().size},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listDesign.height},config:Object,showPc:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showPc},showMobile:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showMobile},actionCodes:Array,formRender:Object},emits:[],setup(r,e){const{emit:n,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(r)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:r,context:e,reactData:o,getRefMaps:()=>i,getComputeMaps:()=>u},c=[],f=[],g=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?f:c).push(t))}),e=>({title:e.title,field:e.field,visible:!e.hidden,width:"",cellRender:{name:e.name,props:e.options}})),m=e=>{const i=[];return e&&(e=e["widgetData"],e)&&e.forEach(e=>{var t=e["name"];t&&("row"===t?e.children.forEach(e=>{e.name&&i.push(g(e))}):"subtable"!==t&&i.push(g(e)))}),i},h=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[],_=e=>{var{formConfig:e,searchItems:t,listColumns:i}=e;return e&&(e=e,o.formData=Object.assign({},b(),e),(0,_vue.nextTick)()),t&&C(t),i&&(o.listTableColumns=v(i)),(0,_vue.nextTick)()},v=e=>h(e),p=()=>o.searchFormItems,C=e=>{var{data:e,items:t}=(e=>{if(e){const t={};return{items:e.map(e=>(t[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender})),data:t}}return{items:[],data:{}}})(e);return o.searchFormData=e,o.searchFormItems=t,(0,_vue.nextTick)()},D=()=>o.listTableColumns;const b=()=>{var{actionCodes:e,formRender:t}=r;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const n=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&n.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=n}return t&&t.name&&(e=(e=_ui.renderer.get(t.name))?e.createListDesignSettingFormConfig:null,t={name:t.name},i=(e?e(t):{})||{}),i},x=()=>{o.formData=b()},y=()=>(_({searchItems:[],listColumns:[]}),x(),(0,_vue.nextTick)());t={dispatchEvent(e,t,i){n(e,(0,_ui.createEvent)(i,{$listDesign:d},t))},loadFormDesignConfig(e){var t=o["listTableColumns"];const i={};_xeUtils.default.eachTree(t,e=>{i[e.field]=e},{children:"children"});t=m(e);return _xeUtils.default.eachTree(t,e=>{var t=i[e.field];t&&(t.width&&(e.width=t.width),e.visible=t.visible)},{children:"children"}),o.listTableColumns=t,(0,_vue.nextTick)()},reloadFormDesignConfig(e){return o.listTableColumns=m(e),(0,_vue.nextTick)()},getSearchItems:p,setSearchItems:C,getListColumns:D,setListColumns:e=>(o.listTableColumns=v(e),(0,_vue.nextTick)()),getConfig(){return{formConfig:o.formData,searchItems:p(),listColumns:D()}},loadConfig:_,reloadConfig(e){return y(),_(e)},clearConfig:y};Object.assign(d,t,{});return(0,_vue.provide)("$xeListDesign",d),(0,_vue.watch)(()=>r.config,e=>{_(e||{})}),x(),r.config&&_(r.config),d.renderVN=()=>{var e=r["height"],t=l.value,i=s.header;return(0,_vue.h)("div",{ref:a,class:["vxe-list-design",{["size--"+t]:t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-design--header"},i?i({}):[]),(0,_vue.h)("div",{class:"vxe-list-design--body"},[(0,_vue.h)(_layoutPreview.default),(0,_vue.h)(_layoutSetting.default)])])},d},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_ui=require("../../ui"),_util=require("../render/util"),_defaultSettingData=require("./default-setting-data"),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeListDesign",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listDesign.size||(0,_ui.getConfig)().size},height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listDesign.height},config:Object,showPc:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showPc},showMobile:{type:Boolean,default:()=>(0,_ui.getConfig)().listDesign.showMobile},actionCodes:Array,formRender:Object},emits:[],setup(n,e){const{emit:r,slots:s}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),l=(0,_ui.useSize)(n)["computeSize"],o=(0,_vue.reactive)({formData:{},searchFormData:{},searchFormItems:[],listTableColumns:[]}),i={refElem:a},u={computeSize:l},d={xID:t,props:n,context:e,reactData:o,getRefMaps:()=>i,getComputeMaps:()=>u},c=[],f=[],g=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?f:c).push(t))}),e=>({title:e.title,field:e.field,visible:!e.hidden,width:"",cellRender:{name:e.name,props:e.options}})),m=e=>{const i=[];return e&&(e=e["widgetData"],e)&&e.forEach(e=>{var t=e["name"];t&&("row"===t?e.children.forEach(e=>{e.name&&i.push(g(e))}):"subtable"!==t&&i.push(g(e)))}),i},h=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[],_=e=>{var{formConfig:e,searchItems:t,listColumns:i}=e;return e&&(e=e,o.formData=Object.assign({},b(),e),(0,_vue.nextTick)()),t&&C(t),i&&(o.listTableColumns=v(i)),(0,_vue.nextTick)()},v=e=>h(e),p=()=>o.searchFormItems,C=e=>{var{data:e,items:t}=(e=>{if(e){const t={};return{items:e.map(e=>(t[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender})),data:t}}return{items:[],data:{}}})(e);return o.searchFormData=e,o.searchFormItems=t,(0,_vue.nextTick)()},D=()=>o.listTableColumns;const b=()=>{var{actionCodes:e,formRender:t}=n;let i=(0,_defaultSettingData.getDefaultSettingFormData)();if(e&&e.length&&(!i.actionButtonList||!i.actionButtonList.length)){const r=[];e.forEach(t=>{var e;_xeUtils.default.isObject(t)&&t.default&&(e=c.find(e=>e.code===t.code))&&r.push((0,_util.createListDesignActionButton)({type:e.type,code:e.code}))}),i.actionButtonList=r}return t&&t.name&&(e=(e=_ui.renderer.get(t.name))?e.createListDesignSettingFormConfig:null,t={name:t.name},i=(e?e(t):{})||{}),i},x=()=>{o.formData=b()},y=()=>(_({searchItems:[],listColumns:[]}),x(),(0,_vue.nextTick)());t={dispatchEvent(e,t,i){r(e,(0,_ui.createEvent)(i,{$listDesign:d},t))},loadFormDesignConfig(e){var t=o["listTableColumns"];const i={};_xeUtils.default.eachTree(t,e=>{i[e.field]=e},{children:"children"});t=m(e);return _xeUtils.default.eachTree(t,e=>{var t=i[e.field];t&&(t.width&&(e.width=t.width),e.visible=t.visible)},{children:"children"}),o.listTableColumns=t,(0,_vue.nextTick)()},reloadFormDesignConfig(e){return o.listTableColumns=m(e),(0,_vue.nextTick)()},getSearchItems:p,setSearchItems:C,getListColumns:D,setListColumns:e=>(o.listTableColumns=v(e),(0,_vue.nextTick)()),getConfig(){return{formConfig:o.formData,searchItems:p(),listColumns:D()}},loadConfig:_,reloadConfig(e){return y(),_(e)},clearConfig:y};Object.assign(d,t,{});return(0,_vue.provide)("$xeListDesign",d),(0,_vue.watch)(()=>n.config,e=>{_(e||{})}),x(),n.config&&_(n.config),d.renderVN=()=>{var e=n["height"],t=l.value,i=s.header;return(0,_vue.h)("div",{ref:a,class:["vxe-list-design",{["size--"+t]:t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-design--header"},i?i({}):[]),(0,_vue.h)("div",{class:"vxe-list-design--body"},[(0,_vue.h)(_layoutPreview.default),(0,_vue.h)(_layoutSetting.default)])])},d},render(){return this.renderVN()}});

package/lib/list-design/src/list-view.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _log = require("../../ui/src/log");
 var _dom = require("../../ui/src/dom");
@@ -13,7 +14,7 @@ var _util = require("../render/util");
 var _loading = _interopRequireDefault(require("../../loading/src/loading"));
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeListView',
   props: {
     size: {

package/lib/list-design/src/list-view.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../render/util"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeListView",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listView.size||(0,_ui.getConfig)().size},config:Object,height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listView.height},loading:Boolean,formData:Object,actionButtons:Array,gridOptions:Object,gridEvents:Object,viewRender:Object},emits:["cell-action","update:formData","update:actionButtons"],setup(l,e){const s=_ui.VxeUI.getComponent("VxeGrid"),{emit:u,slots:c}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_ui.useSize)(l)["computeSize"],m=(0,_vue.reactive)({formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),g=(0,_vue.computed)(()=>{var e=l["gridOptions"],{formConfig:t,tableColumns:i,searchFormData:o,searchFormItems:n,footerData:r}=m,t=t["showStatistics"],e=e||{},s=Object.assign({minWidth:120},e.columnConfig);let a;return e.proxyConfig&&(a=Object.assign({autoLoad:!1},e.proxyConfig)),Object.assign({},e,{columns:i,columnConfig:s,showFooter:t,footerData:t?r:null,formConfig:{data:o,items:n},proxyConfig:a})}),v=(0,_vue.computed)(()=>{var e=l["gridEvents"];const i={};return _xeUtils.default.each(e,(e,t)=>{i[_xeUtils.default.camelCase("on-"+t)]=e}),i}),i={refElem:a,refGrid:d},o={computeSize:f},p={xID:t,props:l,context:e,reactData:m,getRefMaps:()=>i,getComputeMaps:()=>o},_=[],n=[],h=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?n:_).push(t))}),e=>{if(e&&e.length){const i={};var t=e.map(e=>(i[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender}));return t.push({field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}),{items:t,data:i}}return{items:[],data:{}}}),C=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[];const r=e=>{if(e){var{formConfig:e,searchItems:t,listColumns:i}=e;m.formConfig=e||{};{e=t||[];const{data:o,items:n}=h(e);m.searchFormData=o,m.searchFormItems=n,u("update:formData",o),(0,_vue.nextTick)()}{t=i||[];const r=m["formConfig"],s=t||[],{columns:a,actionButtons:l}=x(s,r);m.listTableColumns=s,m.tableColumns=a,u("update:actionButtons",l),(0,_vue.nextTick)(()=>{const e=g.value;if(e.proxyConfig)b("reload")})}}return(0,_vue.nextTick)()},x=(e,t)=>{const i=Object.assign({},t);var{showSeq:t,actionButtonList:o}=i;const n=[],r={},s=c.cellAction,a=c.footerCell;if(t&&n.push({type:"seq",field:"_seq",fixed:"left",width:70}),C(e||[]).forEach(e=>{e=Object.assign({},e);i.showStatistics&&a&&(e.slots={footer:e=>a(Object.assign({},e))}),e.field&&(r[e.field]=null),n.push(e)}),o&&o.length){t={field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto"};const l=[];o.forEach(t=>{if("custom"===t.type)return{content:t.name,name:t.code,icon:t.icon};var e,i=_.find(e=>e.code===t.code);let o=t.name,n=t.icon,r=t.status,s=t.permissionCode,a=t.classify;i&&(e=i.name,n=i.icon||"",r=i.status||"",s=i.permissionCode||"",a=i.classify||"",o=_xeUtils.default.toValueString(_xeUtils.default.isFunction(e)?e({name:i.code||""}):e)),a&&"cellButton"!==a||l.push({content:o,name:t.code,icon:n,status:r,permissionCode:s})}),s?t.slots={default(e){return s(Object.assign(Object.assign({},e),{buttons:l}))}}:t.cellRender={name:"VxeButtonGroup",props:{mode:"text"},options:l,events:{click(e,t){var i=t["option"];y("cell-action",Object.assign(Object.assign({},e),{button:i}),t.$event)}}},n.push(t)}return{rowRecord:r,columns:n,actionButtons:o}};const b=(e,...t)=>{var i=d.value;return i?i.commitProxy(e,...t):Promise.resolve()},y=(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$listView:p},t))};t={dispatchEvent:y,clearConfig:()=>(u("update:formData",{}),Object.assign(m,{formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),(0,_vue.nextTick)()),loadConfig:r,parseConfig:e=>{var{formConfig:e,searchItems:t,listColumns:i}=e||{},{columns:i,rowRecord:e,actionButtons:o}=x(i||[],e||m.formConfig),{data:t,items:n}=(t=t||[],h(t||[]));return{formData:t,formItems:n,tableColumns:i,tableRecord:e,actionButtons:o}},getTableRecord:e=>{var t;return _xeUtils.default.isArray(e)?(t=x(e,m.formConfig)["rowRecord"],t):e?({formConfig:t,listColumns:e}=e,e=x(e||[],t||m.formConfig)["rowRecord"],e):{}},getQueryFilter:()=>{const{searchFormData:o,searchFormItems:e}=m,n=[];var t={items:n,type:"and"};return d.value&&e.forEach(e=>{var t,e=e["field"],i=o[e];i&&((t=[]).push({field:e,value:i,match:"exact",type:_xeUtils.default.isArray(i)?"array":""}),n.push({condition:t,type:"and"}))}),t},commitProxy:b};Object.assign(p,t,{});return(0,_vue.watch)(()=>l.config,e=>{r(e||{})}),l.config&&r(l.config),(0,_vue.provide)("$xeListView",p),(0,_vue.nextTick)(()=>{s||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),p.renderVN=()=>{var{height:e,loading:t}=l,i=f.value,o=c.grid,n=g.value,r=v.value;return(0,_vue.h)("div",{ref:a,class:["vxe-list-view",{["size--"+i]:i,"is--loading":t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-view--body"},[o?(0,_vue.h)("div",{class:"vxe-list-view--grid-wrapper"},(0,_vn.getSlotVNs)(o({$listView:p}))):s?(0,_vue.h)(s,Object.assign({},n,r,{ref:d}),Object.assign({},c,{default:void 0})):(0,_ui.renderEmptyElement)(p)]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:t})])},p},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_util=require("../render/util"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeListView",props:{size:{type:String,default:()=>(0,_ui.getConfig)().listView.size||(0,_ui.getConfig)().size},config:Object,height:{type:[String,Number],default:()=>(0,_ui.getConfig)().listView.height},loading:Boolean,formData:Object,actionButtons:Array,gridOptions:Object,gridEvents:Object,viewRender:Object},emits:["cell-action","update:formData","update:actionButtons"],setup(l,e){const s=_ui.VxeUI.getComponent("VxeGrid"),{emit:u,slots:c}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),d=(0,_vue.ref)(),f=(0,_ui.useSize)(l)["computeSize"],m=(0,_vue.reactive)({formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),g=(0,_vue.computed)(()=>{var e=l["gridOptions"],{formConfig:t,tableColumns:i,searchFormData:o,searchFormItems:r,footerData:n}=m,t=t["showStatistics"],e=e||{},s=Object.assign({minWidth:120},e.columnConfig);let a;return e.proxyConfig&&(a=Object.assign({autoLoad:!1},e.proxyConfig)),Object.assign({},e,{columns:i,columnConfig:s,showFooter:t,footerData:t?n:null,formConfig:{data:o,items:r},proxyConfig:a})}),v=(0,_vue.computed)(()=>{var e=l["gridEvents"];const i={};return _xeUtils.default.each(e,(e,t)=>{i[_xeUtils.default.camelCase("on-"+t)]=e}),i}),i={refElem:a,refGrid:d},o={computeSize:f},p={xID:t,props:l,context:e,reactData:m,getRefMaps:()=>i,getComputeMaps:()=>o},_=[],r=[],h=(_ui.renderer.forEach((e,t)=>{var i,e=e["createListDesignSettingActionButtonConfig"];e&&(i={name:t},("custom"===(t=Object.assign((0,_util.createListDesignActionButton)({code:t}),e(i))).type?r:_).push(t))}),e=>{if(e&&e.length){const i={};var t=e.map(e=>(i[e.field]=null,{field:e.field,title:e.title,folding:e.folding,itemRender:e.itemRender}));return t.push({field:"active",title:"",folding:!1,collapseNode:e.some(e=>e.folding),itemRender:{name:"VxeButtonGroup",options:[{content:"查询",icon:"vxe-icon-search",status:"primary",type:"submit"},{content:"重置",icon:"vxe-icon-repeat",type:"reset"}]}}),{items:t,data:i}}return{items:[],data:{}}}),x=e=>e?e.map(e=>({field:e.field,title:e.title,visible:!!e.visible,width:e.width,cellRender:_xeUtils.default.clone(e.cellRender)})):[];const n=e=>{if(e){var{formConfig:e,searchItems:t,listColumns:i}=e;m.formConfig=e||{};{e=t||[];const{data:o,items:r}=h(e);m.searchFormData=o,m.searchFormItems=r,u("update:formData",o),(0,_vue.nextTick)()}{t=i||[];const n=m["formConfig"],s=t||[],{columns:a,actionButtons:l}=C(s,n);m.listTableColumns=s,m.tableColumns=a,u("update:actionButtons",l),(0,_vue.nextTick)(()=>{const e=g.value;if(e.proxyConfig)b("reload")})}}return(0,_vue.nextTick)()},C=(e,t)=>{const i=Object.assign({},t);var{showSeq:t,actionButtonList:o}=i;const r=[],n={},s=c.cellAction,a=c.footerCell;if(t&&r.push({type:"seq",field:"_seq",fixed:"left",width:70}),x(e||[]).forEach(e=>{e=Object.assign({},e);i.showStatistics&&a&&(e.slots={footer:e=>a(Object.assign({},e))}),e.field&&(n[e.field]=null),r.push(e)}),o&&o.length){t={field:"_active",title:(0,_ui.getI18n)("vxe.table.actionTitle"),fixed:"right",width:"auto"};const l=[];o.forEach(t=>{if("custom"===t.type)return{content:t.name,name:t.code,icon:t.icon};var e,i=_.find(e=>e.code===t.code);let o=t.name,r=t.icon,n=t.status,s=t.permissionCode,a=t.classify;i&&(e=i.name,r=i.icon||"",n=i.status||"",s=i.permissionCode||"",a=i.classify||"",o=_xeUtils.default.toValueString(_xeUtils.default.isFunction(e)?e({name:i.code||""}):e)),a&&"cellButton"!==a||l.push({content:o,name:t.code,icon:r,status:n,permissionCode:s})}),s?t.slots={default(e){return s(Object.assign(Object.assign({},e),{buttons:l}))}}:t.cellRender={name:"VxeButtonGroup",props:{mode:"text"},options:l,events:{click(e,t){var i=t["option"];y("cell-action",Object.assign(Object.assign({},e),{button:i}),t.$event)}}},r.push(t)}return{rowRecord:n,columns:r,actionButtons:o}};const b=(e,...t)=>{var i=d.value;return i?i.commitProxy(e,...t):Promise.resolve()},y=(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$listView:p},t))};t={dispatchEvent:y,clearConfig:()=>(u("update:formData",{}),Object.assign(m,{formConfig:{},searchFormData:{},searchFormItems:[],listTableColumns:[],tableColumns:[],footerData:[{}]}),(0,_vue.nextTick)()),loadConfig:n,parseConfig:e=>{var{formConfig:e,searchItems:t,listColumns:i}=e||{},{columns:i,rowRecord:e,actionButtons:o}=C(i||[],e||m.formConfig),{data:t,items:r}=(t=t||[],h(t||[]));return{formData:t,formItems:r,tableColumns:i,tableRecord:e,actionButtons:o}},getTableRecord:e=>{var t;return _xeUtils.default.isArray(e)?(t=C(e,m.formConfig)["rowRecord"],t):e?({formConfig:t,listColumns:e}=e,e=C(e||[],t||m.formConfig)["rowRecord"],e):{}},getQueryFilter:()=>{const{searchFormData:o,searchFormItems:e}=m,r=[];var t={items:r,type:"and"};return d.value&&e.forEach(e=>{var t,e=e["field"],i=o[e];i&&((t=[]).push({field:e,value:i,match:"exact",type:_xeUtils.default.isArray(i)?"array":""}),r.push({condition:t,type:"and"}))}),t},commitProxy:b};Object.assign(p,t,{});return(0,_vue.watch)(()=>l.config,e=>{n(e||{})}),l.config&&n(l.config),(0,_vue.provide)("$xeListView",p),(0,_vue.nextTick)(()=>{s||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),p.renderVN=()=>{var{height:e,loading:t}=l,i=f.value,o=c.grid,r=g.value,n=v.value;return(0,_vue.h)("div",{ref:a,class:["vxe-list-view",{["size--"+i]:i,"is--loading":t}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[(0,_vue.h)("div",{class:"vxe-list-view--body"},[o?(0,_vue.h)("div",{class:"vxe-list-view--grid-wrapper"},(0,_vn.getSlotVNs)(o({$listView:p}))):s?(0,_vue.h)(s,Object.assign({},r,n,{ref:d}),Object.assign({},c,{default:void 0})):(0,_ui.renderEmptyElement)(p)]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:t})])},p},render(){return this.renderVN()}});

package/lib/loading/src/loading.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _ui = require("../../ui");
 var _vn = require("../../ui/src/vn");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeLoading',
   props: {
     modelValue: Boolean,

package/lib/loading/src/loading.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeLoading",props:{modelValue:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().loading.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showIcon},text:{type:String,default:()=>(0,_ui.getConfig)().loading.text},showText:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showText},status:String,size:{type:String,default:()=>(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}},setup(d,e){const{slots:v,emit:n}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(d)["computeSize"],g=(0,_vue.reactive)({initialized:!1}),i={computeSize:_},c={xID:t,props:d,context:e,reactData:g,getComputeMaps:()=>i},p=(0,_vue.computed)(()=>d.icon||(0,_ui.getIcon)().LOADING),x=(0,_vue.computed)(()=>{var e=d["text"];return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}),u=()=>{g.initialized||(g.initialized=!!g.initialized)};Object.assign(c,{dispatchEvent:(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$loading:c},t))}},{});return(0,_vue.watch)(()=>d.modelValue,()=>{u()}),u(),c.renderVN=()=>{var{modelValue:e,showIcon:t,status:i}=d,n=g["initialized"],u=_.value,o=v.default,a=v.text,l=v.icon,s=p.value,r=x.value;return n||e?(0,_vue.h)("div",{class:["vxe-loading",{["size--"+u]:u,["theme--"+i]:i,"is--visible":e}]},o?[(0,_vue.h)("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(o({})))]:[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[t&&(l||s)?(0,_vue.h)("div",{class:"vxe-loading--icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:s})]):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),a||r?(0,_vue.h)("div",{class:"vxe-loading--text"},a?(0,_vn.getSlotVNs)(a({})):""+r):null])]):(0,_ui.renderEmptyElement)(c)},c},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLoading",props:{modelValue:Boolean,icon:{type:String,default:()=>(0,_ui.getConfig)().loading.icon},showIcon:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showIcon},text:{type:String,default:()=>(0,_ui.getConfig)().loading.text},showText:{type:Boolean,default:()=>(0,_ui.getConfig)().loading.showText},status:String,size:{type:String,default:()=>(0,_ui.getConfig)().loading.size||(0,_ui.getConfig)().size}},setup(d,e){const{slots:v,emit:u}=e;var i=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(d)["computeSize"],c=(0,_vue.reactive)({initialized:!1}),t={computeSize:_},g={xID:i,props:d,context:e,reactData:c,getComputeMaps:()=>t},p=(0,_vue.computed)(()=>d.icon||(0,_ui.getIcon)().LOADING),x=(0,_vue.computed)(()=>{var e=d["text"];return _xeUtils.default.isString(e)?e:(0,_ui.getI18n)("vxe.loading.text")}),n=()=>{c.initialized||(c.initialized=!!c.initialized)};Object.assign(g,{dispatchEvent:(e,i,t)=>{u(e,(0,_ui.createEvent)(t,{$loading:g},i))}},{});return(0,_vue.watch)(()=>d.modelValue,()=>{n()}),n(),g.renderVN=()=>{var{modelValue:e,showIcon:i,status:t}=d,u=c["initialized"],n=_.value,o=v.default,a=v.text,l=v.icon,s=p.value,r=x.value;return u||e?(0,_vue.h)("div",{class:["vxe-loading",{["size--"+n]:n,["theme--"+t]:t,"is--visible":e}]},o?[(0,_vue.h)("div",{class:"vxe-loading--wrapper"},(0,_vn.getSlotVNs)(o({})))]:[(0,_vue.h)("div",{class:"vxe-loading--chunk"},[i&&(l||s)?(0,_vue.h)("div",{class:"vxe-loading--icon"},l?(0,_vn.getSlotVNs)(l({})):[(0,_vue.h)("i",{class:s})]):(0,_vue.h)("div",{class:"vxe-loading--spinner"}),a||r?(0,_vue.h)("div",{class:"vxe-loading--text"},a?(0,_vn.getSlotVNs)(a({})):""+r):null])]):(0,_ui.renderEmptyElement)(g)},g},render(){return this.renderVN()}});

package/lib/menu/src/menu.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
@@ -12,7 +13,7 @@ var _utils = require("../../ui/src/utils");
 var _vn = require("../../ui/src/vn");
 var _loading = _interopRequireDefault(require("../../loading/src/loading"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeMenu',
   props: {
     modelValue: [String, Number],

package/lib/menu/src/menu.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","click"],setup(u,e){const{emit:l,slots:o}=e;var i=_xeUtils.default.uniqueId();const t=(0,_vue.inject)("$xeLayoutAside",null),r=(0,_vue.ref)(),d=(0,_vue.ref)(),v=(0,_ui.useSize)(u)["computeSize"],c=(0,_vue.reactive)({initialized:!!u.collapsed,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:u.modelValue,menuList:[],itemHeight:1}),s={refElem:r},p=(0,_vue.computed)(()=>{var e=u["collapsed"];return _xeUtils.default.isBoolean(e)?e:!!t&&!!t.props.collapsed}),a=(0,_vue.computed)(()=>{let e="";return e=t?t.props.collapseWidth||"":e}),m=(0,_vue.computed)(()=>{let e="";return e=t?t.props.width||"":e}),n={computeSize:v},_={xID:i,props:u,context:e,reactData:c,getRefMaps:()=>s,getComputeMaps:()=>n},h=a=>{const u=c["activeName"];_xeUtils.default.eachTree(c.menuList,(e,i,t,l,s,n)=>{e.itemKey===u?(n.forEach(e=>{e.isActive=!0,a&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},x=()=>{const{options:e,expandAll:n}=u;c.menuList=_xeUtils.default.mapTree(e,(e,i,t,l,s)=>{return Object.assign(Object.assign({},e),{parentKey:s?s.name||l.slice(0,l.length-1).join(","):"",level:l.length,itemKey:e.name||l.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!n,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},E=()=>{var e=u["collapseFixed"];e&&(0,_vue.nextTick)(()=>{var e,i=c["isEnterCollapse"],t=p.value,l=m.value,s=a.value,n=r.value;n&&(e=n.getBoundingClientRect(),n=n.parentNode,c.collapseStyle=t?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(n.clientHeight),width:i?l?(0,_dom.toCssUnit)(l):"":s?(0,_dom.toCssUnit)(s):"",zIndex:c.collapseZindex}:{})})},f=()=>{var e=u["collapseFixed"];e&&(e=c["initialized"],p.value&&!e&&(c.initialized=!0,(0,_vue.nextTick)(()=>{var e=d.value;e&&document.body.appendChild(e)})),c.isEnterCollapse=!1,c.collapseZindex<(0,_utils.getLastZIndex)()&&(c.collapseZindex=(0,_utils.nextZIndex)()),E())},g=(e,i)=>{var{hasChild:t,isExpand:l}=i;t&&(e.stopPropagation(),e.preventDefault(),i.isExpand=!l)},C=e=>{c.activeName=e,l("update:modelValue",e)},y=(e,i)=>{var{itemKey:t,routerLink:l,hasChild:s}=i;!l&&s?g(e,i):(C(t),U()),A("click",{menu:i},e)},k=()=>{var e=c["collapseStyle"],i=m.value;c.collapseStyle=Object.assign({},e,{width:i?(0,_dom.toCssUnit)(i):""}),c.isEnterCollapse=!0},U=()=>{var e=c["collapseStyle"],i=r.value;c.collapseStyle=Object.assign({},e,{width:i?(0,_dom.toCssUnit)(i.offsetWidth):""}),c.isEnterCollapse=!1},A=(e,i,t)=>{l(e,(0,_ui.createEvent)(t,{$menu:_},i))};i={dispatchEvent:A};Object.assign(_,i,{});const N=i=>{var{icon:e,isExpand:t,hasChild:l,slots:s}=i,s=s?s.default:o.option,n=""+((n=i).title||n.name),a=p.value;return[(0,_vue.h)("div",{class:"vxe-menu--item-link-icon"},e?[(0,_vue.h)("i",{class:e})]:[]),s?(0,_vue.h)("div",{class:"vxe-menu--item-custom-title"},(e={option:i,collapsed:a},(a=s)&&(_xeUtils.default.isString(a)&&(a=o[a]||null),_xeUtils.default.isFunction(a))?(0,_vn.getSlotVNs)(a(e)):[])):(0,_vue.h)("div",{class:"vxe-menu--item-link-title",title:n},n),l?(0,_vue.h)("div",{class:"vxe-menu--item-link-collapse",onClick(e){g(e,i)}},[(0,_vue.h)("i",{class:t?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(_)]},z=i=>{var{itemKey:e,level:t,hasChild:l,isActive:s,isExactActive:n,isExpand:a,routerLink:u,childList:o}=i,r=c["isEnterCollapse"],d=p.value;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(_):(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":s,"is--expand":(!d||r)&&a}]},[u?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:u,onClick(e){y(e,i)}},{default:()=>N(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){y(e,i)}},N(i)),l?(0,_vue.h)("div",{class:"vxe-menu--item-group"},o.map(e=>z(e))):(0,_ui.renderEmptyElement)(_)])};const S=(0,_vue.ref)(0);return(0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{S.value++}),(0,_vue.watch)(()=>u.options,()=>{S.value++}),(0,_vue.watch)(S,()=>{x(),h(!0)}),(0,_vue.watch)(()=>u.modelValue,e=>{c.activeName=e}),(0,_vue.watch)(()=>c.activeName,()=>{h(!0)}),(0,_vue.watch)(p,()=>{f()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(_,"resize",E),E()}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(_,"resize");var e,i=d.value;i&&(e=i.parentNode)&&e.removeChild(i)}),x(),h(!0),_.renderVN=()=>{var e=u["loading"],{initialized:i,menuList:t,collapseStyle:l,isEnterCollapse:s}=c,n=v.value;const a=p.value;return(0,_vue.h)("div",{ref:r,class:["vxe-menu",{["size--"+n]:n,"is--collapsed":a,"is--loading":e}]},[(0,_vue.h)("div",{class:"vxe-menu--item-list"},t.map(e=>(a?i=>{var{itemKey:e,level:t,hasChild:l,isActive:s,isExactActive:n,routerLink:a,childList:u}=i;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(_):(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":s}]},[a?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:a,onClick(e){y(e,i)}},{default:()=>N(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){y(e,i)}},N(i)),l?(0,_vue.h)("div",{class:"vxe-menu--item-group"},u.map(e=>z(e))):(0,_ui.renderEmptyElement)(_)])}:z)(e))),i?(0,_vue.h)("div",{ref:d,class:["vxe-menu--collapse-wrapper",{["size--"+n]:n,"is--collapsed":a,"is--enter":s,"is--loading":e}],style:l,onMouseenter:k,onMouseleave:U},[a?(0,_vue.h)("div",{class:"vxe-menu--item-list"},t.map(e=>z(e))):(0,_ui.renderEmptyElement)(_)]):(0,_ui.renderEmptyElement)(_),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e})])},_},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeMenu",props:{modelValue:[String,Number],expandAll:Boolean,collapsed:{type:Boolean,default:null},collapseFixed:Boolean,loading:Boolean,options:{type:Array,default:()=>[]},size:{type:String,default:()=>(0,_ui.getConfig)().image.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","click"],setup(u,e){const{emit:l,slots:o}=e;var i=_xeUtils.default.uniqueId();const t=(0,_vue.inject)("$xeLayoutAside",null),r=(0,_vue.ref)(),d=(0,_vue.ref)(),v=(0,_ui.useSize)(u)["computeSize"],c=(0,_vue.reactive)({initialized:!!u.collapsed,isEnterCollapse:!1,collapseStyle:{},collapseZindex:0,activeName:u.modelValue,menuList:[],itemHeight:1}),s={refElem:r},p=(0,_vue.computed)(()=>{var e=u["collapsed"];return _xeUtils.default.isBoolean(e)?e:!!t&&!!t.props.collapsed}),a=(0,_vue.computed)(()=>{let e="";return e=t?t.props.collapseWidth||"":e}),m=(0,_vue.computed)(()=>{let e="";return e=t?t.props.width||"":e}),n={computeSize:v},_={xID:i,props:u,context:e,reactData:c,getRefMaps:()=>s,getComputeMaps:()=>n},h=a=>{const u=c["activeName"];_xeUtils.default.eachTree(c.menuList,(e,i,t,l,s,n)=>{e.itemKey===u?(n.forEach(e=>{e.isActive=!0,a&&(e.isExpand=!0)}),e.isExactActive=!0):(e.isExactActive=!1,e.isActive=!1)},{children:"childList"})},x=()=>{const{options:e,expandAll:n}=u;c.menuList=_xeUtils.default.mapTree(e,(e,i,t,l,s)=>{return Object.assign(Object.assign({},e),{parentKey:s?s.name||l.slice(0,l.length-1).join(","):"",level:l.length,itemKey:e.name||l.join(","),isExactActive:!1,isActive:!1,isExpand:_xeUtils.default.isBoolean(e.expanded)?e.expanded:!!n,hasChild:e.children&&0<e.children.length})},{children:"children",mapChildren:"childList"})},E=()=>{var e=u["collapseFixed"];e&&(0,_vue.nextTick)(()=>{var e,i=c["isEnterCollapse"],t=p.value,l=m.value,s=a.value,n=r.value;n&&(e=n.getBoundingClientRect(),n=n.parentNode,c.collapseStyle=t?{top:(0,_dom.toCssUnit)(e.top),left:(0,_dom.toCssUnit)(e.left),height:(0,_dom.toCssUnit)(n.clientHeight),width:i?l?(0,_dom.toCssUnit)(l):"":s?(0,_dom.toCssUnit)(s):"",zIndex:c.collapseZindex}:{})})},f=()=>{var e=u["collapseFixed"];e&&(e=c["initialized"],p.value&&!e&&(c.initialized=!0,(0,_vue.nextTick)(()=>{var e=d.value;e&&document.body.appendChild(e)})),c.isEnterCollapse=!1,c.collapseZindex<(0,_utils.getLastZIndex)()&&(c.collapseZindex=(0,_utils.nextZIndex)()),E())},g=(e,i)=>{var{hasChild:t,isExpand:l}=i;t&&(e.stopPropagation(),e.preventDefault(),i.isExpand=!l)},C=e=>{c.activeName=e,l("update:modelValue",e)},y=(e,i)=>{var{itemKey:t,routerLink:l,hasChild:s}=i;!l&&s?g(e,i):(C(t),U()),A("click",{menu:i},e)},k=()=>{var e=c["collapseStyle"],i=m.value;c.collapseStyle=Object.assign({},e,{width:i?(0,_dom.toCssUnit)(i):""}),c.isEnterCollapse=!0},U=()=>{var e=c["collapseStyle"],i=r.value;c.collapseStyle=Object.assign({},e,{width:i?(0,_dom.toCssUnit)(i.offsetWidth):""}),c.isEnterCollapse=!1},A=(e,i,t)=>{l(e,(0,_ui.createEvent)(t,{$menu:_},i))};i={dispatchEvent:A};Object.assign(_,i,{});const N=i=>{var{icon:e,isExpand:t,hasChild:l,slots:s}=i,s=s?s.default:o.option,n=""+((n=i).title||n.name),a=p.value;return[(0,_vue.h)("div",{class:"vxe-menu--item-link-icon"},e?[(0,_vue.h)("i",{class:e})]:[]),s?(0,_vue.h)("div",{class:"vxe-menu--item-custom-title"},(e={option:i,collapsed:a},(a=s)&&(_xeUtils.default.isString(a)&&(a=o[a]||null),_xeUtils.default.isFunction(a))?(0,_vn.getSlotVNs)(a(e)):[])):(0,_vue.h)("div",{class:"vxe-menu--item-link-title",title:n},n),l?(0,_vue.h)("div",{class:"vxe-menu--item-link-collapse",onClick(e){g(e,i)}},[(0,_vue.h)("i",{class:t?(0,_ui.getIcon)().MENU_ITEM_EXPAND_OPEN:(0,_ui.getIcon)().MENU_ITEM_EXPAND_CLOSE})]):(0,_ui.renderEmptyElement)(_)]},z=i=>{var{itemKey:e,level:t,hasChild:l,isActive:s,isExactActive:n,isExpand:a,routerLink:u,childList:o}=i,r=c["isEnterCollapse"],d=p.value;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(_):(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":s,"is--expand":(!d||r)&&a}]},[u?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:u,onClick(e){y(e,i)}},{default:()=>N(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){y(e,i)}},N(i)),l?(0,_vue.h)("div",{class:"vxe-menu--item-group"},o.map(e=>z(e))):(0,_ui.renderEmptyElement)(_)])};const S=(0,_vue.ref)(0);return(0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{S.value++}),(0,_vue.watch)(()=>u.options,()=>{S.value++}),(0,_vue.watch)(S,()=>{x(),h(!0)}),(0,_vue.watch)(()=>u.modelValue,e=>{c.activeName=e}),(0,_vue.watch)(()=>c.activeName,()=>{h(!0)}),(0,_vue.watch)(p,()=>{f()}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(_,"resize",E),E()}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(_,"resize");var e,i=d.value;i&&(e=i.parentNode)&&e.removeChild(i)}),x(),h(!0),_.renderVN=()=>{var e=u["loading"],{initialized:i,menuList:t,collapseStyle:l,isEnterCollapse:s}=c,n=v.value;const a=p.value;return(0,_vue.h)("div",{ref:r,class:["vxe-menu",{["size--"+n]:n,"is--collapsed":a,"is--loading":e}]},[(0,_vue.h)("div",{class:"vxe-menu--item-list"},t.map(e=>(a?i=>{var{itemKey:e,level:t,hasChild:l,isActive:s,isExactActive:n,routerLink:a,childList:u}=i;return i.permissionCode&&!_ui.permission.checkVisible(i.permissionCode)?(0,_ui.renderEmptyElement)(_):(0,_vue.h)("div",{key:e,class:["vxe-menu--item-wrapper","vxe-menu--item-level"+t,{"is--exact-active":n,"is--active":s}]},[a?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-menu--item-link",to:a,onClick(e){y(e,i)}},{default:()=>N(i)}):(0,_vue.h)("div",{class:"vxe-menu--item-link",onClick(e){y(e,i)}},N(i)),l?(0,_vue.h)("div",{class:"vxe-menu--item-group"},u.map(e=>z(e))):(0,_ui.renderEmptyElement)(_)])}:z)(e))),i?(0,_vue.h)("div",{ref:d,class:["vxe-menu--collapse-wrapper",{["size--"+n]:n,"is--collapsed":a,"is--enter":s,"is--loading":e}],style:l,onMouseenter:k,onMouseleave:U},[a?(0,_vue.h)("div",{class:"vxe-menu--item-list"},t.map(e=>z(e))):(0,_ui.renderEmptyElement)(_)]):(0,_ui.renderEmptyElement)(_),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e})])},_},render(){return this.renderVN()}});

package/lib/modal/src/modal.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.allActiveModals = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _dom = require("../../ui/src/dom");
 var _utils = require("../../ui/src/utils");
@@ -19,7 +20,7 @@ const msgQueue = [];
 const notifyQueue = [];
 const lockScrollAttrKey = 'data-vxe-lock-scroll';
 const lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeModal',
   props: {
     modelValue: Boolean,

package/lib/modal/src/modal.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.allActiveModals=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const allActiveModals=exports.allActiveModals=[],msgQueue=[],notifyQueue=[],lockScrollAttrKey="data-vxe-lock-scroll",lockScrollCssWidthKey="--vxe-ui-modal-lock-scroll-view-width";var _default=exports.default=(0,_vue.defineComponent)({name:"VxeModal",props:{modelValue:Boolean,id:String,type:{type:String,default:"modal"},loading:{type:Boolean,default:null},status:String,iconStatus:String,className:String,top:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.top},position:[String,Object],title:String,duration:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.duration},content:[Number,String],showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.cancelButtonText},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showConfirmButton},confirmButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.confirmButtonText},lockView:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.lockView},lockScroll:Boolean,mask:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.mask},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.maskClosable},escClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.escClosable},cancelClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.cancelClosable},confirmClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.confirmClosable},resize:Boolean,showHeader:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showHeader},showFooter:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showFooter},showZoom:Boolean,zoomConfig:Object,showMaximize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMaximize)},showMinimize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMinimize)},showClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showClose},dblclickZoom:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.dblclickZoom},width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minWidth},minHeight:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minHeight},zIndex:Number,marginSize:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.marginSize},fullscreen:Boolean,draggable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.draggable},remember:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.remember},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.destroyOnClose},showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showTitleOverflow},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.transfer},storage:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.storage},storageKey:{type:String,default:()=>(0,_ui.getConfig)().modal.storageKey},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.padding},size:{type:String,default:()=>(0,_ui.getConfig)().modal.size||(0,_ui.getConfig)().size},beforeHideMethod:Function,slots:Object,message:[Number,String],animat:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.animat}},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","zoom","resize","move"],setup(C,e){const{slots:k,emit:s}=e,a=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xeModal",null),I=(0,_vue.inject)("$xeDrawer",null),L=(0,_vue.inject)("$xeTable",null),Z=(0,_vue.inject)("$xeForm",null),N=(0,_ui.useSize)(C)["computeSize"],B=(0,_vue.reactive)({initialized:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,prevZoomStatus:"",zoomStatus:"",revertLocat:null,prevLocat:null,firstOpen:!0,resizeFlag:1}),t={msgTimeout:void 0},M=(0,_vue.ref)(),T=(0,_vue.ref)(),O=(0,_vue.ref)(),n=(0,_vue.ref)(),u=(0,_vue.ref)(),A={refElem:M},$=(0,_vue.computed)(()=>{var e=C["transfer"];if(null===e){var t=(0,_ui.getConfig)().modal.transfer;if(_xeUtils.default.isBoolean(t))return t;if(L||o||I||Z)return!0}return e}),E=(0,_vue.computed)(()=>"message"===C.type||"notification"===C.type),U=(0,_vue.computed)(()=>"minimize"===B.zoomStatus),H=(0,_vue.computed)(()=>"maximize"===B.zoomStatus),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().modal.zoomConfig,C.zoomConfig)),j={computeSize:N,computeZoomOpts:l},V={xID:a,props:C,context:e,reactData:B,internalData:t,getRefMaps:()=>A,getComputeMaps:()=>j};const z=()=>{return T.value},d=()=>{var{width:e,height:t}=C,o=z();return o&&(o.style.width=e?(0,_dom.toCssUnit)(e):"",o.style.height=t?(0,_dom.toCssUnit)(t):""),(0,_vue.nextTick)()},r=()=>{var e=C["zIndex"],t=B["modalZindex"];e?B.modalZindex=e:E.value?t<(0,_utils.getSubLastZIndex)()&&(B.modalZindex=(0,_utils.nextSubZIndex)()):t<(0,_utils.getLastZIndex)()&&(B.modalZindex=(0,_utils.nextZIndex)())},c=()=>(0,_vue.nextTick)().then(()=>{var o=C["position"],i=_xeUtils.default.toNumber(C.marginSize),l=z();if(l){var a=document.documentElement.clientWidth||document.body.clientWidth,s=document.documentElement.clientHeight||document.body.clientHeight,n="center"===o,{top:o,left:u}=_xeUtils.default.isString(o)?{top:o,left:o}:Object.assign({},o),r=n||"center"===o;let e="",t="";t=u&&!(n||"center"===u)?isNaN(u)?u:u+"px":Math.max(i,a/2-l.offsetWidth/2)+"px",e=o&&!r?isNaN(o)?o:o+"px":Math.max(i,s/2-l.offsetHeight/2)+"px",l.style.top=e,l.style.left=t}}),v=()=>{(0,_vue.nextTick)(()=>{var e=C["type"],e="notification"===e?notifyQueue:msgQueue;let o=0;e.forEach(e=>{var t=e.getBox();t&&(o+=_xeUtils.default.toNumber(e.props.top),e.reactData.modalTop=o,o+=t.clientHeight)})})},m=()=>{var e=C["type"],e="notification"===e?notifyQueue:msgQueue;-1<e.indexOf(V)&&_xeUtils.default.remove(e,e=>e===V),v()},i=e=>{const t=C["remember"];var o=B["visible"];const i=E.value;var l=C.beforeHideMethod||(0,_ui.getConfig)().modal.beforeHideMethod;const a={type:e};return o&&Promise.resolve(l?l(a):null).then(e=>{_xeUtils.default.isError(e)||(i&&m(),B.contentVisible=!1,t||y(),_xeUtils.default.remove(allActiveModals,e=>e===V),w("before-hide",a,null),setTimeout(()=>{B.visible=!1,s("update:modelValue",!1),w("hide",a,null)},200),h())}).catch(e=>e),(0,_vue.nextTick)()},W=e=>{var t="close";w(t,{type:t},e),i(t)},K=e=>{var t=C["confirmClosable"],o="confirm";w(o,{type:o},e),t&&i(o)},q=e=>{var t=C["cancelClosable"],o="cancel";w(o,{type:o},e),t&&i(o)},f=e=>{var t=(0,_ui.getConfig)().version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},S=()=>{var{id:e,storage:t,storageKey:o}=C,{zoomStatus:i,revertLocat:l}=B;i||e&&t&&(i=z())&&((t=f(o))[e]=[i.style.left,i.style.top,i.style.width,i.style.height].concat(l?[l.left,l.top,l.width,l.height]:[]).map(e=>e?_xeUtils.default.toNumber(e):"").join(","),localStorage.setItem(o,_xeUtils.default.toJSONString(t)))},g=()=>{const{minimizeLayout:e,minimizeMaxSize:t,minimizeHorizontalOffset:s,minimizeVerticalOffset:n,minimizeOffsetMethod:u}=l.value,r="horizontal"===e,m=B.zoomStatus,o=[],i=[],d=(allActiveModals.forEach(e=>{e.xID!==V.xID&&"modal"===e.props.type&&"minimize"===e.reactData.zoomStatus&&("horizontal"===e.getComputeMaps().computeZoomOpts.value.minimizeLayout?o:i).push(e)}),r?o:i);return t&&d.length>=t?(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:(0,_ui.getI18n)("vxe.modal.miniMaxSize",[t])}),Promise.resolve({status:!1})):(B.prevZoomStatus=m,B.zoomStatus="minimize",(0,_vue.nextTick)().then(()=>{var e=z();if(!e)return{status:!1};var t=O.value;if(!t)return{status:!1};var o=(0,_dom.getDomNode)()["visibleHeight"],i=(m||(B.revertLocat={top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth+(e.style.width?0:1),height:e.offsetHeight+(e.style.height?0:1)}),_xeUtils.default[r?"max":"min"](d,e=>{e=e.getBox();return e?_xeUtils.default.toNumber(e.style[r?"left":"top"]):0}));let l=o-t.offsetHeight-16,a=16;if(i){o=i.getBox();if(o){i=_xeUtils.default.toNumber(o.style.left),o=_xeUtils.default.toNumber(o.style.top);let e={};e=r?Object.assign({},s):Object.assign({},n),a=i+_xeUtils.default.toNumber(e.left),l=o+_xeUtils.default.toNumber(e.top),u&&(e=u({$modal:V,left:a,top:l}),a=_xeUtils.default.toNumber(e.left),l=_xeUtils.default.toNumber(e.top))}}return Object.assign(e.style,{top:l+"px",left:a+"px",width:"200px",height:t.offsetHeight+"px"}),S(),{status:!0}}))},p=()=>{const l=B.zoomStatus;return B.prevZoomStatus=l,B.zoomStatus="maximize",(0,_vue.nextTick)().then(()=>{var e,t,o,i=z();return i&&(l||(e=_xeUtils.default.toNumber(C.marginSize),t=document.documentElement.clientWidth||document.body.clientWidth,o=document.documentElement.clientHeight||document.body.clientHeight,B.revertLocat={top:Math.max(e,o/2-i.offsetHeight/2),left:Math.max(e,t/2-i.offsetWidth/2),width:i.offsetWidth+(i.style.width?0:1),height:i.offsetHeight+(i.style.height?0:1)}),Object.assign(i.style,{top:"0",left:"0",width:"100%",height:"100%"})),S(),{status:!0}})},_=()=>{var e=C["duration"];-1!==e&&(t.msgTimeout=setTimeout(()=>i("close"),_xeUtils.default.toNumber(e)))},h=()=>{var e=document.documentElement,t=e.getAttribute(lockScrollAttrKey);t&&((t=t.split(",").filter(e=>e!==a)).length?e.setAttribute(lockScrollAttrKey,t.join(",")):(e.removeAttribute(lockScrollAttrKey),e.style.removeProperty(lockScrollCssWidthKey)))},x=()=>{const{remember:m,showFooter:o}=C;var e,{initialized:t,visible:i}=B,l=E.value;return t||(B.initialized=!0),i||(t=C.lockScroll,i=E.value,t&&!i&&(t=document.documentElement,i=document.body.clientWidth,(e=(e=t.getAttribute(lockScrollAttrKey))?e.split(","):[]).includes(a)||(e.push(a),t.setAttribute(lockScrollAttrKey,e.join(","))),t.style.setProperty(lockScrollCssWidthKey,i+"px")),B.visible=!0,B.contentVisible=!1,r(),allActiveModals.push(V),setTimeout(()=>{B.contentVisible=!0,(0,_vue.nextTick)(()=>{o&&(e=n.value,t=u.value,e=e||t)&&e.focus();var e,t={type:""};s("update:modelValue",!0),w("show",t,null)})},10),l?(-1===(e="notification"===(e=C.type)?notifyQueue:msgQueue).indexOf(V)&&e.push(V),v(),_()):(0,_vue.nextTick)(()=>{var e,t,o,i,l,a,s,n,u=C["fullscreen"],r=B["firstOpen"];r?(B.firstOpen=!1,(()=>{var{id:e,storage:t,storageKey:o}=C;return!!(e&&t&&f(o)[e])})()?({id:r,storage:s,storageKey:n}=C,r&&s&&(s=f(n)[r])&&(n=z(),[r,s,e,t,o,i,l,a]=s.split(","),n&&(r&&(n.style.left=r+"px"),s&&(n.style.top=s+"px"),e&&(n.style.width=e+"px"),t)&&(n.style.height=t+"px"),o)&&i&&(B.revertLocat={left:o,top:i,width:l,height:a})):u?(0,_vue.nextTick)(()=>p()):(d(),c().then(()=>{setTimeout(()=>c(),20)}))):m||(d(),c().then(()=>{setTimeout(()=>c(),20)}))})),(0,_vue.nextTick)()},P=e=>{var t=M.value;C.maskClosable&&e.target===t&&i("mask")},F=()=>{var e=t["msgTimeout"];e&&E.value&&(clearTimeout(e),t.msgTimeout=void 0)},Y=()=>{var e=t["msgTimeout"];e||E.value&&_()},X=e=>{if(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)){const t=_xeUtils.default.max(allActiveModals,e=>e.reactData.modalZindex);t&&setTimeout(()=>{t===V&&t.props.escClosable&&(w("close",{type:"exit"},e),i("exit"))},10)}};const y=()=>(B.prevZoomStatus=B.zoomStatus,(B.zoomStatus="",_vue.nextTick)().then(()=>{var e,t=B["revertLocat"];return t?(e=z(),B.revertLocat=null,e&&Object.assign(e.style,{top:t.top+"px",left:t.left+"px",width:t.width+"px",height:t.height+"px"}),S(),(0,_vue.nextTick)().then(()=>({status:!0}))):{status:!1}})),b=t=>{const o=B["zoomStatus"];return new Promise(e=>{if(t)return"maximize"===t?void e(p()):"minimize"===t?void e(g()):void e(y());e((o?y:p)())}).then(()=>B.zoomStatus||"revert")},Q=t=>{var{zoomStatus:e,prevZoomStatus:o}=B;return b("minimize"===e?o||"revert":"minimize").then(e=>{e={type:e};w("zoom",e,t)})},D=t=>b().then(e=>{e={type:e};w("zoom",e,t)});const R=()=>{const t=B["modalZindex"];allActiveModals.some(e=>e.reactData.visible&&e.reactData.modalZindex>t)&&r()},J=e=>{const t=C["storage"];var o=B["zoomStatus"];const n=_xeUtils.default.toNumber(C.marginSize),u=z();if(u&&"maximize"!==o&&0===e.button&&!(0,_dom.getEventTargetNode)(e,u,"trigger--btn").flag){e.preventDefault();const r=e.clientX-u.offsetLeft,m=e.clientY-u.offsetTop,{visibleHeight:d,visibleWidth:c}=(0,_dom.getDomNode)();document.onmousemove=e=>{e.preventDefault();var t=u.offsetWidth,o=u.offsetHeight,i=n,t=c-t-n-1,l=n,o=d-o-n-1;let a=e.clientX-r,s=e.clientY-m;(a=a>t?t:a)<i&&(a=i),(s=s>o?o:s)<l&&(s=l),u.style.left=a+"px",u.style.top=s+"px",u.className=u.className.replace(/\s?is--drag/,"")+" is--drag",w("move",{type:"move"},e),B.resizeFlag++},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,t&&(0,_vue.nextTick)(()=>{S()}),B.resizeFlag++,setTimeout(()=>{u.className=u.className.replace(/\s?is--drag/,"")},50)}}},G=e=>{e.preventDefault();const a=C["storage"],{visibleHeight:s,visibleWidth:n}=(0,_dom.getDomNode)(),u=_xeUtils.default.toNumber(C.marginSize);const r=e.target.getAttribute("type"),m=_xeUtils.default.toNumber(C.minWidth),d=_xeUtils.default.toNumber(C.minHeight),c=n,v=s,f=z(),g=f.clientWidth,p=f.clientHeight,_=e.clientX,h=e.clientY,x=f.offsetTop,y=f.offsetLeft,b={type:"resize"};document.onmousemove=e=>{e.preventDefault();let t,o,i,l;switch(r){case"wl":t=_-e.clientX,i=t+g,y-t>u&&i>m&&(f.style.width=`${i<c?i:c}px`,f.style.left=y-t+"px");break;case"swst":t=_-e.clientX,o=h-e.clientY,i=t+g,l=o+p,y-t>u&&i>m&&(f.style.width=`${i<c?i:c}px`,f.style.left=y-t+"px"),x-o>u&&l>d&&(f.style.height=`${l<v?l:v}px`,f.style.top=x-o+"px");break;case"swlb":t=_-e.clientX,o=e.clientY-h,i=t+g,l=o+p,y-t>u&&i>m&&(f.style.width=`${i<c?i:c}px`,f.style.left=y-t+"px"),x+l+u<s&&l>d&&(f.style.height=`${l<v?l:v}px`);break;case"st":o=h-e.clientY,l=p+o,x-o>u&&l>d&&(f.style.height=`${l<v?l:v}px`,f.style.top=x-o+"px");break;case"wr":t=e.clientX-_,i=t+g,y+i+u<n&&i>m&&(f.style.width=`${i<c?i:c}px`);break;case"sest":t=e.clientX-_,o=h-e.clientY,i=t+g,l=o+p,y+i+u<n&&i>m&&(f.style.width=`${i<c?i:c}px`),x-o>u&&l>d&&(f.style.height=`${l<v?l:v}px`,f.style.top=x-o+"px");break;case"selb":t=e.clientX-_,o=e.clientY-h,i=t+g,l=o+p,y+i+u<n&&i>m&&(f.style.width=`${i<c?i:c}px`),x+l+u<s&&l>d&&(f.style.height=`${l<v?l:v}px`);break;case"sb":o=e.clientY-h,l=o+p,x+l+u<s&&l>d&&(f.style.height=`${l<v?l:v}px`)}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",a&&S(),w("resize",b,e)},document.onmouseup=()=>{B.revertLocat=null,document.onmousemove=null,document.onmouseup=null,setTimeout(()=>{f.className=f.className.replace(/\s?is--drag/,"")},50)}},w=(e,t,o)=>{s(e,(0,_ui.createEvent)(o,{$modal:V},t))},ee=(e={dispatchEvent:w,open:x,close(){return i("close")},getBox:z,getPosition:()=>{if(!E.value){var e=z();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:(e,t)=>{var o;return E.value||(o=z())&&(_xeUtils.default.isNumber(e)&&(o.style.top=e+"px"),_xeUtils.default.isNumber(t))&&(o.style.left=t+"px"),(0,_vue.nextTick)()},isMinimized:()=>"minimize"===B.zoomStatus,isMaximized:()=>"maximize"===B.zoomStatus,zoom(){return b()},minimize(){return B.visible?g():Promise.resolve({status:!1})},maximize(){return B.visible?p():Promise.resolve({status:!1})},revert(){return B.visible?y():Promise.resolve({status:!1})}},Object.assign(V,e),()=>{var{slots:e={},showClose:t,showZoom:o,showMaximize:i,showMinimize:l,title:a}=C,s=B["zoomStatus"],n=k.title||e.title,e=k.corner||e.corner,u=U.value,r=H.value;return[(0,_vue.h)("div",{class:"vxe-modal--header-title"},n?(0,_vn.getSlotVNs)(n({$modal:V,minimized:u,maximized:r})):a?(0,_utils.getFuncText)(a):(0,_ui.getI18n)("vxe.alert.title")),(0,_vue.h)("div",{class:"vxe-modal--header-right"},[e&&!u?(0,_vue.h)("div",{class:"vxe-modal--corner-wrapper"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(l)?l:o)?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("minimize"===s?"Out":"Min")),onClick:Q},[(0,_vue.h)("i",{class:"minimize"===s?(0,_ui.getIcon)().MODAL_ZOOM_REVERT:(0,_ui.getIcon)().MODAL_ZOOM_MIN})]):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(i)?i:o)&&"minimize"!==s?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("maximize"===s?"Out":"In")),onClick:D},[(0,_vue.h)("i",{class:"maximize"===s?(0,_ui.getIcon)().MODAL_ZOOM_OUT:(0,_ui.getIcon)().MODAL_ZOOM_IN})]):(0,_ui.renderEmptyElement)(V),t?(0,_vue.h)("div",{class:["vxe-modal--close-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.close"),onClick:W},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().MODAL_CLOSE})]):(0,_ui.renderEmptyElement)(V)])]}),te=()=>{var{slots:e={},showCancelButton:t,showConfirmButton:o,type:i,loading:l}=C,a=k.leftfoot||e.leftfoot,e=k.rightfoot||e.rightfoot,s=[];return(_xeUtils.default.isBoolean(t)?t:"confirm"===i)&&s.push((0,_vue.h)(_button.default,{key:1,ref:u,content:C.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel"),onClick:q})),(_xeUtils.default.isBoolean(o)?o:"confirm"===i||"alert"===i)&&s.push((0,_vue.h)(_button.default,{key:2,ref:n,loading:l,status:"primary",content:C.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm"),onClick:K})),(0,_vue.h)("div",{class:"vxe-modal--footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-modal--footer-left"},a?(0,_vn.getSlotVNs)(a({$modal:V})):[]),(0,_vue.h)("div",{class:"vxe-modal--footer-right"},e?(0,_vn.getSlotVNs)(e({$modal:V})):s)])};return V.renderVN=()=>{var{slots:e={},className:t,type:o,animat:i,draggable:l,iconStatus:a,position:s,loading:n,destroyOnClose:u,status:r,lockScroll:m,padding:d,lockView:c,mask:v,resize:f}=C,{initialized:g,modalTop:p,contentVisible:_,visible:h,zoomStatus:x}=B,e=k.aside||e.aside,y=N.value,b=E.value,z=U.value,S=$.value,w={};return b&&(w.onMouseover=F,w.onMouseout=Y),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!S||!g},[(0,_vue.h)("div",Object.assign({ref:M,class:["vxe-modal--wrapper","type--"+o,"zoom--"+(x||"revert"),t||"",s?"pos--"+s:"",{["size--"+y]:y,["status--"+r]:r,"is--padding":d,"is--animat":i,"lock--scroll":m,"lock--view":c,"is--draggable":l,"is--resize":f,"is--mask":v,"is--visible":_,"is--active":h,"is--loading":n}],style:{zIndex:B.modalZindex,top:p?p+"px":null},onClick:P},w),[(0,_vue.h)("div",{ref:T,class:"vxe-modal--box",onMousedown:R},[!b&&!e||z?(0,_ui.renderEmptyElement)(V):(0,_vue.h)("div",{class:"vxe-modal--aside"},e?(0,_vn.getSlotVNs)(e({$modal:V})):[r||a?(0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",a||(0,_ui.getIcon)()[("MODAL_"+r).toLocaleUpperCase()]]})]):(0,_ui.renderEmptyElement)(V)]),(0,_vue.h)("div",{class:"vxe-modal--container"},!B.initialized||u&&!B.visible?[]:[(()=>{var e,{slots:t={},showZoom:o,showMaximize:i,draggable:l}=C,t=k.header||t.header;return C.showHeader?(e={},l&&(e.onMousedown=J),(_xeUtils.default.isBoolean(i)?i:o)&&C.dblclickZoom&&"modal"===C.type&&(e.onDblclick=D),(0,_vue.h)("div",Object.assign({ref:O,class:["vxe-modal--header",{"is--ellipsis":C.showTitleOverflow}]},e),t?(0,_vn.getSlotVNs)(t({$modal:V})):ee())):(0,_ui.renderEmptyElement)(V)})(),(()=>{var{slots:e={},status:t,message:o,iconStatus:i}=C,o=C.content||o,l=E.value,a=k.default||e.default,s=k.left||e.left,e=k.right||e.right,n=[];return l||!t&&!i||n.push((0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",i||(0,_ui.getIcon)()[("MODAL_"+t).toLocaleUpperCase()]]})])),n.push((0,_vue.h)("div",{class:"vxe-modal--content"},a?(0,_vn.getSlotVNs)(a({$modal:V})):(0,_utils.getFuncText)(o))),(0,_vue.h)("div",{class:"vxe-modal--body"},[s?(0,_vue.h)("div",{class:"vxe-modal--body-left"},(0,_vn.getSlotVNs)(s({$modal:V}))):(0,_ui.renderEmptyElement)(V),(0,_vue.h)("div",{class:"vxe-modal--body-default"},n),e?(0,_vue.h)("div",{class:"vxe-modal--body-right"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),l?(0,_ui.renderEmptyElement)(V):(0,_vue.h)(_index.default,{class:"vxe-modal--loading",modelValue:C.loading})])})(),(()=>{var{slots:e={}}=C,e=k.footer||e.footer;return C.showFooter?(0,_vue.h)("div",{class:"vxe-modal--footer"},e?(0,_vn.getSlotVNs)(e({$modal:V})):[te()]):(0,_ui.renderEmptyElement)(V)})(),!b&&f?(0,_vue.h)("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(e=>(0,_vue.h)("span",{class:e+"-resize",type:e,onMousedown:G}))):(0,_ui.renderEmptyElement)(V)])])])])},(0,_vue.watch)(()=>C.width,d),(0,_vue.watch)(()=>C.height,d),(0,_vue.watch)(()=>C.modelValue,e=>{e?x():i("model")}),(0,_vue.onMounted)(()=>{"modal"===C.type&&C.showFooter&&!(C.showConfirmButton||C.showCancelButton||k.footer)&&(0,_log.warnLog)("vxe.modal.footPropErr"),(0,_vue.nextTick)(()=>{C.storage&&!C.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),C.modelValue&&x(),d()}),C.escClosable&&_ui.globalEvents.on(V,"keydown",X)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"keydown"),m(),h()}),(0,_vue.provide)("$xeModal",V),V},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.allActiveModals=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_ui=require("../../ui"),_button=_interopRequireDefault(require("../../button/src/button")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../ui/src/vn"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const allActiveModals=exports.allActiveModals=[],msgQueue=[],notifyQueue=[],lockScrollAttrKey="data-vxe-lock-scroll",lockScrollCssWidthKey="--vxe-ui-modal-lock-scroll-view-width";var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeModal",props:{modelValue:Boolean,id:String,type:{type:String,default:"modal"},loading:{type:Boolean,default:null},status:String,iconStatus:String,className:String,top:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.top},position:[String,Object],title:String,duration:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.duration},content:[Number,String],showCancelButton:{type:Boolean,default:null},cancelButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.cancelButtonText},showConfirmButton:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showConfirmButton},confirmButtonText:{type:String,default:()=>(0,_ui.getConfig)().modal.confirmButtonText},lockView:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.lockView},lockScroll:Boolean,mask:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.mask},maskClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.maskClosable},escClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.escClosable},cancelClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.cancelClosable},confirmClosable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.confirmClosable},resize:Boolean,showHeader:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showHeader},showFooter:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showFooter},showZoom:Boolean,zoomConfig:Object,showMaximize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMaximize)},showMinimize:{type:Boolean,default:()=>(0,_utils.handleBooleanDefaultValue)((0,_ui.getConfig)().modal.showMinimize)},showClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showClose},dblclickZoom:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.dblclickZoom},width:[Number,String],height:[Number,String],minWidth:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minWidth},minHeight:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.minHeight},zIndex:Number,marginSize:{type:[Number,String],default:()=>(0,_ui.getConfig)().modal.marginSize},fullscreen:Boolean,draggable:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.draggable},remember:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.remember},destroyOnClose:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.destroyOnClose},showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.showTitleOverflow},transfer:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.transfer},storage:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.storage},storageKey:{type:String,default:()=>(0,_ui.getConfig)().modal.storageKey},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.padding},size:{type:String,default:()=>(0,_ui.getConfig)().modal.size||(0,_ui.getConfig)().size},beforeHideMethod:Function,slots:Object,message:[Number,String],animat:{type:Boolean,default:()=>(0,_ui.getConfig)().modal.animat}},emits:["update:modelValue","show","hide","before-hide","close","confirm","cancel","zoom","resize","move"],setup(C,e){const{slots:k,emit:s}=e,a=_xeUtils.default.uniqueId(),o=(0,_vue.inject)("$xeModal",null),I=(0,_vue.inject)("$xeDrawer",null),L=(0,_vue.inject)("$xeTable",null),Z=(0,_vue.inject)("$xeForm",null),N=(0,_ui.useSize)(C)["computeSize"],B=(0,_vue.reactive)({initialized:!1,visible:!1,contentVisible:!1,modalTop:0,modalZindex:0,prevZoomStatus:"",zoomStatus:"",revertLocat:null,prevLocat:null,firstOpen:!0,resizeFlag:1}),t={msgTimeout:void 0},M=(0,_vue.ref)(),T=(0,_vue.ref)(),O=(0,_vue.ref)(),n=(0,_vue.ref)(),u=(0,_vue.ref)(),A={refElem:M},$=(0,_vue.computed)(()=>{var e=C["transfer"];if(null===e){var t=(0,_ui.getConfig)().modal.transfer;if(_xeUtils.default.isBoolean(t))return t;if(L||o||I||Z)return!0}return e}),E=(0,_vue.computed)(()=>"message"===C.type||"notification"===C.type),U=(0,_vue.computed)(()=>"minimize"===B.zoomStatus),H=(0,_vue.computed)(()=>"maximize"===B.zoomStatus),l=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().modal.zoomConfig,C.zoomConfig)),j={computeSize:N,computeZoomOpts:l},V={xID:a,props:C,context:e,reactData:B,internalData:t,getRefMaps:()=>A,getComputeMaps:()=>j};const z=()=>{return T.value},d=()=>{var{width:e,height:t}=C,o=z();return o&&(o.style.width=e?(0,_dom.toCssUnit)(e):"",o.style.height=t?(0,_dom.toCssUnit)(t):""),(0,_vue.nextTick)()},r=()=>{var e=C["zIndex"],t=B["modalZindex"];e?B.modalZindex=e:E.value?t<(0,_utils.getSubLastZIndex)()&&(B.modalZindex=(0,_utils.nextSubZIndex)()):t<(0,_utils.getLastZIndex)()&&(B.modalZindex=(0,_utils.nextZIndex)())},c=()=>(0,_vue.nextTick)().then(()=>{var o=C["position"],i=_xeUtils.default.toNumber(C.marginSize),l=z();if(l){var a=document.documentElement.clientWidth||document.body.clientWidth,s=document.documentElement.clientHeight||document.body.clientHeight,n="center"===o,{top:o,left:u}=_xeUtils.default.isString(o)?{top:o,left:o}:Object.assign({},o),r=n||"center"===o;let e="",t="";t=u&&!(n||"center"===u)?isNaN(u)?u:u+"px":Math.max(i,a/2-l.offsetWidth/2)+"px",e=o&&!r?isNaN(o)?o:o+"px":Math.max(i,s/2-l.offsetHeight/2)+"px",l.style.top=e,l.style.left=t}}),v=()=>{(0,_vue.nextTick)(()=>{var e=C["type"],e="notification"===e?notifyQueue:msgQueue;let o=0;e.forEach(e=>{var t=e.getBox();t&&(o+=_xeUtils.default.toNumber(e.props.top),e.reactData.modalTop=o,o+=t.clientHeight)})})},m=()=>{var e=C["type"],e="notification"===e?notifyQueue:msgQueue;-1<e.indexOf(V)&&_xeUtils.default.remove(e,e=>e===V),v()},i=e=>{const t=C["remember"];var o=B["visible"];const i=E.value;var l=C.beforeHideMethod||(0,_ui.getConfig)().modal.beforeHideMethod;const a={type:e};return o&&Promise.resolve(l?l(a):null).then(e=>{_xeUtils.default.isError(e)||(i&&m(),B.contentVisible=!1,t||y(),_xeUtils.default.remove(allActiveModals,e=>e===V),w("before-hide",a,null),setTimeout(()=>{B.visible=!1,s("update:modelValue",!1),w("hide",a,null)},200),h())}).catch(e=>e),(0,_vue.nextTick)()},W=e=>{var t="close";w(t,{type:t},e),i(t)},q=e=>{var t=C["confirmClosable"],o="confirm";w(o,{type:o},e),t&&i(o)},K=e=>{var t=C["cancelClosable"],o="cancel";w(o,{type:o},e),t&&i(o)},f=e=>{var t=(0,_ui.getConfig)().version,e=_xeUtils.default.toStringJSON(localStorage.getItem(e)||"");return e&&e._v===t?e:{_v:t}},S=()=>{var{id:e,storage:t,storageKey:o}=C,{zoomStatus:i,revertLocat:l}=B;i||e&&t&&(i=z())&&((t=f(o))[e]=[i.style.left,i.style.top,i.style.width,i.style.height].concat(l?[l.left,l.top,l.width,l.height]:[]).map(e=>e?_xeUtils.default.toNumber(e):"").join(","),localStorage.setItem(o,_xeUtils.default.toJSONString(t)))},g=()=>{const{minimizeLayout:e,minimizeMaxSize:t,minimizeHorizontalOffset:s,minimizeVerticalOffset:n,minimizeOffsetMethod:u}=l.value,r="horizontal"===e,m=B.zoomStatus,o=[],i=[],d=(allActiveModals.forEach(e=>{e.xID!==V.xID&&"modal"===e.props.type&&"minimize"===e.reactData.zoomStatus&&("horizontal"===e.getComputeMaps().computeZoomOpts.value.minimizeLayout?o:i).push(e)}),r?o:i);return t&&d.length>=t?(_ui.VxeUI.modal&&_ui.VxeUI.modal.message({status:"error",content:(0,_ui.getI18n)("vxe.modal.miniMaxSize",[t])}),Promise.resolve({status:!1})):(B.prevZoomStatus=m,B.zoomStatus="minimize",(0,_vue.nextTick)().then(()=>{var e=z();if(!e)return{status:!1};var t=O.value;if(!t)return{status:!1};var o=(0,_dom.getDomNode)()["visibleHeight"],i=(m||(B.revertLocat={top:e.offsetTop,left:e.offsetLeft,width:e.offsetWidth+(e.style.width?0:1),height:e.offsetHeight+(e.style.height?0:1)}),_xeUtils.default[r?"max":"min"](d,e=>{e=e.getBox();return e?_xeUtils.default.toNumber(e.style[r?"left":"top"]):0}));let l=o-t.offsetHeight-16,a=16;if(i){o=i.getBox();if(o){i=_xeUtils.default.toNumber(o.style.left),o=_xeUtils.default.toNumber(o.style.top);let e={};e=r?Object.assign({},s):Object.assign({},n),a=i+_xeUtils.default.toNumber(e.left),l=o+_xeUtils.default.toNumber(e.top),u&&(e=u({$modal:V,left:a,top:l}),a=_xeUtils.default.toNumber(e.left),l=_xeUtils.default.toNumber(e.top))}}return Object.assign(e.style,{top:l+"px",left:a+"px",width:"200px",height:t.offsetHeight+"px"}),S(),{status:!0}}))},p=()=>{const l=B.zoomStatus;return B.prevZoomStatus=l,B.zoomStatus="maximize",(0,_vue.nextTick)().then(()=>{var e,t,o,i=z();return i&&(l||(e=_xeUtils.default.toNumber(C.marginSize),t=document.documentElement.clientWidth||document.body.clientWidth,o=document.documentElement.clientHeight||document.body.clientHeight,B.revertLocat={top:Math.max(e,o/2-i.offsetHeight/2),left:Math.max(e,t/2-i.offsetWidth/2),width:i.offsetWidth+(i.style.width?0:1),height:i.offsetHeight+(i.style.height?0:1)}),Object.assign(i.style,{top:"0",left:"0",width:"100%",height:"100%"})),S(),{status:!0}})},_=()=>{var e=C["duration"];-1!==e&&(t.msgTimeout=setTimeout(()=>i("close"),_xeUtils.default.toNumber(e)))},h=()=>{var e=document.documentElement,t=e.getAttribute(lockScrollAttrKey);t&&((t=t.split(",").filter(e=>e!==a)).length?e.setAttribute(lockScrollAttrKey,t.join(",")):(e.removeAttribute(lockScrollAttrKey),e.style.removeProperty(lockScrollCssWidthKey)))},x=()=>{const{remember:m,showFooter:o}=C;var e,{initialized:t,visible:i}=B,l=E.value;return t||(B.initialized=!0),i||(t=C.lockScroll,i=E.value,t&&!i&&(t=document.documentElement,i=document.body.clientWidth,(e=(e=t.getAttribute(lockScrollAttrKey))?e.split(","):[]).includes(a)||(e.push(a),t.setAttribute(lockScrollAttrKey,e.join(","))),t.style.setProperty(lockScrollCssWidthKey,i+"px")),B.visible=!0,B.contentVisible=!1,r(),allActiveModals.push(V),setTimeout(()=>{B.contentVisible=!0,(0,_vue.nextTick)(()=>{o&&(e=n.value,t=u.value,e=e||t)&&e.focus();var e,t={type:""};s("update:modelValue",!0),w("show",t,null)})},10),l?(-1===(e="notification"===(e=C.type)?notifyQueue:msgQueue).indexOf(V)&&e.push(V),v(),_()):(0,_vue.nextTick)(()=>{var e,t,o,i,l,a,s,n,u=C["fullscreen"],r=B["firstOpen"];r?(B.firstOpen=!1,(()=>{var{id:e,storage:t,storageKey:o}=C;return!!(e&&t&&f(o)[e])})()?({id:r,storage:s,storageKey:n}=C,r&&s&&(s=f(n)[r])&&(n=z(),[r,s,e,t,o,i,l,a]=s.split(","),n&&(r&&(n.style.left=r+"px"),s&&(n.style.top=s+"px"),e&&(n.style.width=e+"px"),t)&&(n.style.height=t+"px"),o)&&i&&(B.revertLocat={left:o,top:i,width:l,height:a})):u?(0,_vue.nextTick)(()=>p()):(d(),c().then(()=>{setTimeout(()=>c(),20)}))):m||(d(),c().then(()=>{setTimeout(()=>c(),20)}))})),(0,_vue.nextTick)()},P=e=>{var t=M.value;C.maskClosable&&e.target===t&&i("mask")},F=()=>{var e=t["msgTimeout"];e&&E.value&&(clearTimeout(e),t.msgTimeout=void 0)},Y=()=>{var e=t["msgTimeout"];e||E.value&&_()},X=e=>{if(_ui.globalEvents.hasKey(e,_ui.GLOBAL_EVENT_KEYS.ESCAPE)){const t=_xeUtils.default.max(allActiveModals,e=>e.reactData.modalZindex);t&&setTimeout(()=>{t===V&&t.props.escClosable&&(w("close",{type:"exit"},e),i("exit"))},10)}};const y=()=>(B.prevZoomStatus=B.zoomStatus,(B.zoomStatus="",_vue.nextTick)().then(()=>{var e,t=B["revertLocat"];return t?(e=z(),B.revertLocat=null,e&&Object.assign(e.style,{top:t.top+"px",left:t.left+"px",width:t.width+"px",height:t.height+"px"}),S(),(0,_vue.nextTick)().then(()=>({status:!0}))):{status:!1}})),b=t=>{const o=B["zoomStatus"];return new Promise(e=>{if(t)return"maximize"===t?void e(p()):"minimize"===t?void e(g()):void e(y());e((o?y:p)())}).then(()=>B.zoomStatus||"revert")},Q=t=>{var{zoomStatus:e,prevZoomStatus:o}=B;return b("minimize"===e?o||"revert":"minimize").then(e=>{e={type:e};w("zoom",e,t)})},D=t=>b().then(e=>{e={type:e};w("zoom",e,t)});const R=()=>{const t=B["modalZindex"];allActiveModals.some(e=>e.reactData.visible&&e.reactData.modalZindex>t)&&r()},J=e=>{const t=C["storage"];var o=B["zoomStatus"];const n=_xeUtils.default.toNumber(C.marginSize),u=z();if(u&&"maximize"!==o&&0===e.button&&!(0,_dom.getEventTargetNode)(e,u,"trigger--btn").flag){e.preventDefault();const r=e.clientX-u.offsetLeft,m=e.clientY-u.offsetTop,{visibleHeight:d,visibleWidth:c}=(0,_dom.getDomNode)();document.onmousemove=e=>{e.preventDefault();var t=u.offsetWidth,o=u.offsetHeight,i=n,t=c-t-n-1,l=n,o=d-o-n-1;let a=e.clientX-r,s=e.clientY-m;(a=a>t?t:a)<i&&(a=i),(s=s>o?o:s)<l&&(s=l),u.style.left=a+"px",u.style.top=s+"px",u.className=u.className.replace(/\s?is--drag/,"")+" is--drag",w("move",{type:"move"},e),B.resizeFlag++},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,t&&(0,_vue.nextTick)(()=>{S()}),B.resizeFlag++,setTimeout(()=>{u.className=u.className.replace(/\s?is--drag/,"")},50)}}},G=e=>{e.preventDefault();const a=C["storage"],{visibleHeight:s,visibleWidth:n}=(0,_dom.getDomNode)(),u=_xeUtils.default.toNumber(C.marginSize);const r=e.target.getAttribute("type"),m=_xeUtils.default.toNumber(C.minWidth),d=_xeUtils.default.toNumber(C.minHeight),c=n,v=s,f=z(),g=f.clientWidth,p=f.clientHeight,_=e.clientX,h=e.clientY,x=f.offsetTop,y=f.offsetLeft,b={type:"resize"};document.onmousemove=e=>{e.preventDefault();let t,o,i,l;switch(r){case"wl":t=_-e.clientX,i=t+g,y-t>u&&i>m&&(f.style.width=`${i<c?i:c}px`,f.style.left=y-t+"px");break;case"swst":t=_-e.clientX,o=h-e.clientY,i=t+g,l=o+p,y-t>u&&i>m&&(f.style.width=`${i<c?i:c}px`,f.style.left=y-t+"px"),x-o>u&&l>d&&(f.style.height=`${l<v?l:v}px`,f.style.top=x-o+"px");break;case"swlb":t=_-e.clientX,o=e.clientY-h,i=t+g,l=o+p,y-t>u&&i>m&&(f.style.width=`${i<c?i:c}px`,f.style.left=y-t+"px"),x+l+u<s&&l>d&&(f.style.height=`${l<v?l:v}px`);break;case"st":o=h-e.clientY,l=p+o,x-o>u&&l>d&&(f.style.height=`${l<v?l:v}px`,f.style.top=x-o+"px");break;case"wr":t=e.clientX-_,i=t+g,y+i+u<n&&i>m&&(f.style.width=`${i<c?i:c}px`);break;case"sest":t=e.clientX-_,o=h-e.clientY,i=t+g,l=o+p,y+i+u<n&&i>m&&(f.style.width=`${i<c?i:c}px`),x-o>u&&l>d&&(f.style.height=`${l<v?l:v}px`,f.style.top=x-o+"px");break;case"selb":t=e.clientX-_,o=e.clientY-h,i=t+g,l=o+p,y+i+u<n&&i>m&&(f.style.width=`${i<c?i:c}px`),x+l+u<s&&l>d&&(f.style.height=`${l<v?l:v}px`);break;case"sb":o=e.clientY-h,l=o+p,x+l+u<s&&l>d&&(f.style.height=`${l<v?l:v}px`)}f.className=f.className.replace(/\s?is--drag/,"")+" is--drag",a&&S(),w("resize",b,e)},document.onmouseup=()=>{B.revertLocat=null,document.onmousemove=null,document.onmouseup=null,setTimeout(()=>{f.className=f.className.replace(/\s?is--drag/,"")},50)}},w=(e,t,o)=>{s(e,(0,_ui.createEvent)(o,{$modal:V},t))},ee=(e={dispatchEvent:w,open:x,close(){return i("close")},getBox:z,getPosition:()=>{if(!E.value){var e=z();if(e)return{top:e.offsetTop,left:e.offsetLeft}}return null},setPosition:(e,t)=>{var o;return E.value||(o=z())&&(_xeUtils.default.isNumber(e)&&(o.style.top=e+"px"),_xeUtils.default.isNumber(t))&&(o.style.left=t+"px"),(0,_vue.nextTick)()},isMinimized:()=>"minimize"===B.zoomStatus,isMaximized:()=>"maximize"===B.zoomStatus,zoom(){return b()},minimize(){return B.visible?g():Promise.resolve({status:!1})},maximize(){return B.visible?p():Promise.resolve({status:!1})},revert(){return B.visible?y():Promise.resolve({status:!1})}},Object.assign(V,e),()=>{var{slots:e={},showClose:t,showZoom:o,showMaximize:i,showMinimize:l,title:a}=C,s=B["zoomStatus"],n=k.title||e.title,e=k.corner||e.corner,u=U.value,r=H.value;return[(0,_vue.h)("div",{class:"vxe-modal--header-title"},n?(0,_vn.getSlotVNs)(n({$modal:V,minimized:u,maximized:r})):a?(0,_utils.getFuncText)(a):(0,_ui.getI18n)("vxe.alert.title")),(0,_vue.h)("div",{class:"vxe-modal--header-right"},[e&&!u?(0,_vue.h)("div",{class:"vxe-modal--corner-wrapper"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(l)?l:o)?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("minimize"===s?"Out":"Min")),onClick:Q},[(0,_vue.h)("i",{class:"minimize"===s?(0,_ui.getIcon)().MODAL_ZOOM_REVERT:(0,_ui.getIcon)().MODAL_ZOOM_MIN})]):(0,_ui.renderEmptyElement)(V),(_xeUtils.default.isBoolean(i)?i:o)&&"minimize"!==s?(0,_vue.h)("div",{class:["vxe-modal--zoom-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.zoom"+("maximize"===s?"Out":"In")),onClick:D},[(0,_vue.h)("i",{class:"maximize"===s?(0,_ui.getIcon)().MODAL_ZOOM_OUT:(0,_ui.getIcon)().MODAL_ZOOM_IN})]):(0,_ui.renderEmptyElement)(V),t?(0,_vue.h)("div",{class:["vxe-modal--close-btn","trigger--btn"],title:(0,_ui.getI18n)("vxe.modal.close"),onClick:W},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().MODAL_CLOSE})]):(0,_ui.renderEmptyElement)(V)])]}),te=()=>{var{slots:e={},showCancelButton:t,showConfirmButton:o,type:i,loading:l}=C,a=k.leftfoot||e.leftfoot,e=k.rightfoot||e.rightfoot,s=[];return(_xeUtils.default.isBoolean(t)?t:"confirm"===i)&&s.push((0,_vue.h)(_button.default,{key:1,ref:u,content:C.cancelButtonText||(0,_ui.getI18n)("vxe.button.cancel"),onClick:K})),(_xeUtils.default.isBoolean(o)?o:"confirm"===i||"alert"===i)&&s.push((0,_vue.h)(_button.default,{key:2,ref:n,loading:l,status:"primary",content:C.confirmButtonText||(0,_ui.getI18n)("vxe.button.confirm"),onClick:q})),(0,_vue.h)("div",{class:"vxe-modal--footer-wrapper"},[(0,_vue.h)("div",{class:"vxe-modal--footer-left"},a?(0,_vn.getSlotVNs)(a({$modal:V})):[]),(0,_vue.h)("div",{class:"vxe-modal--footer-right"},e?(0,_vn.getSlotVNs)(e({$modal:V})):s)])};return V.renderVN=()=>{var{slots:e={},className:t,type:o,animat:i,draggable:l,iconStatus:a,position:s,loading:n,destroyOnClose:u,status:r,lockScroll:m,padding:d,lockView:c,mask:v,resize:f}=C,{initialized:g,modalTop:p,contentVisible:_,visible:h,zoomStatus:x}=B,e=k.aside||e.aside,y=N.value,b=E.value,z=U.value,S=$.value,w={};return b&&(w.onMouseover=F,w.onMouseout=Y),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!S||!g},[(0,_vue.h)("div",Object.assign({ref:M,class:["vxe-modal--wrapper","type--"+o,"zoom--"+(x||"revert"),t||"",s?"pos--"+s:"",{["size--"+y]:y,["status--"+r]:r,"is--padding":d,"is--animat":i,"lock--scroll":m,"lock--view":c,"is--draggable":l,"is--resize":f,"is--mask":v,"is--visible":_,"is--active":h,"is--loading":n}],style:{zIndex:B.modalZindex,top:p?p+"px":null},onClick:P},w),[(0,_vue.h)("div",{ref:T,class:"vxe-modal--box",onMousedown:R},[!b&&!e||z?(0,_ui.renderEmptyElement)(V):(0,_vue.h)("div",{class:"vxe-modal--aside"},e?(0,_vn.getSlotVNs)(e({$modal:V})):[r||a?(0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",a||(0,_ui.getIcon)()[("MODAL_"+r).toLocaleUpperCase()]]})]):(0,_ui.renderEmptyElement)(V)]),(0,_vue.h)("div",{class:"vxe-modal--container"},!B.initialized||u&&!B.visible?[]:[(()=>{var e,{slots:t={},showZoom:o,showMaximize:i,draggable:l}=C,t=k.header||t.header;return C.showHeader?(e={},l&&(e.onMousedown=J),(_xeUtils.default.isBoolean(i)?i:o)&&C.dblclickZoom&&"modal"===C.type&&(e.onDblclick=D),(0,_vue.h)("div",Object.assign({ref:O,class:["vxe-modal--header",{"is--ellipsis":C.showTitleOverflow}]},e),t?(0,_vn.getSlotVNs)(t({$modal:V})):ee())):(0,_ui.renderEmptyElement)(V)})(),(()=>{var{slots:e={},status:t,message:o,iconStatus:i}=C,o=C.content||o,l=E.value,a=k.default||e.default,s=k.left||e.left,e=k.right||e.right,n=[];return l||!t&&!i||n.push((0,_vue.h)("div",{class:"vxe-modal--status-wrapper"},[(0,_vue.h)("i",{class:["vxe-modal--status-icon",i||(0,_ui.getIcon)()[("MODAL_"+t).toLocaleUpperCase()]]})])),n.push((0,_vue.h)("div",{class:"vxe-modal--content"},a?(0,_vn.getSlotVNs)(a({$modal:V})):(0,_utils.getFuncText)(o))),(0,_vue.h)("div",{class:"vxe-modal--body"},[s?(0,_vue.h)("div",{class:"vxe-modal--body-left"},(0,_vn.getSlotVNs)(s({$modal:V}))):(0,_ui.renderEmptyElement)(V),(0,_vue.h)("div",{class:"vxe-modal--body-default"},n),e?(0,_vue.h)("div",{class:"vxe-modal--body-right"},(0,_vn.getSlotVNs)(e({$modal:V}))):(0,_ui.renderEmptyElement)(V),l?(0,_ui.renderEmptyElement)(V):(0,_vue.h)(_index.default,{class:"vxe-modal--loading",modelValue:C.loading})])})(),(()=>{var{slots:e={}}=C,e=k.footer||e.footer;return C.showFooter?(0,_vue.h)("div",{class:"vxe-modal--footer"},e?(0,_vn.getSlotVNs)(e({$modal:V})):[te()]):(0,_ui.renderEmptyElement)(V)})(),!b&&f?(0,_vue.h)("span",{class:"vxe-modal--resize"},["wl","wr","swst","sest","st","swlb","selb","sb"].map(e=>(0,_vue.h)("span",{class:e+"-resize",type:e,onMousedown:G}))):(0,_ui.renderEmptyElement)(V)])])])])},(0,_vue.watch)(()=>C.width,d),(0,_vue.watch)(()=>C.height,d),(0,_vue.watch)(()=>C.modelValue,e=>{e?x():i("model")}),(0,_vue.onMounted)(()=>{"modal"===C.type&&C.showFooter&&!(C.showConfirmButton||C.showCancelButton||k.footer)&&(0,_log.warnLog)("vxe.modal.footPropErr"),(0,_vue.nextTick)(()=>{C.storage&&!C.id&&(0,_log.errLog)("vxe.error.reqProp",["modal.id"]),C.modelValue&&x(),d()}),C.escClosable&&_ui.globalEvents.on(V,"keydown",X)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(V,"keydown"),m(),h()}),(0,_vue.provide)("$xeModal",V),V},render(){return this.renderVN()}});

package/lib/notice-bar/src/notice-bar.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _dom = require("../../ui/src/dom");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeNoticeBar',
   props: {
     duration: [String, Number],

package/lib/notice-bar/src/notice-bar.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeNoticeBar",props:{duration:[String,Number],direction:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.direction},speed:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.speed},content:String,vertical:Boolean,loop:{type:Boolean},size:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.size||(0,_ui.getConfig)().size}},emits:[],setup(l,e){const{slots:v,emit:r}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(l)["computeSize"],d=(0,_vue.ref)(),f=(0,_vue.ref)(),_=(0,_vue.reactive)({animationDuration:0}),i={refElem:d},p=(0,_vue.computed)(()=>{var e=l["content"];return""+(e||"")}),n={},m={xID:t,props:l,context:e,reactData:_,getRefMaps:()=>i,getComputeMaps:()=>n};const u=()=>{var t=l["speed"],i=f.value;if(i){let e=46;"fast"===t?e=118:"slow"===t&&(e=18),_.animationDuration=Math.ceil(i.scrollWidth/e)}};Object.assign(m,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$noticeBar:m},t))}},{});return m.renderVN=()=>{var{vertical:e,duration:t,direction:i}=l,r=_["animationDuration"],n=c.value,u=p.value,o=v.default,a=v.prefix,s=v.suffix;return(0,_vue.h)("div",{ref:d,class:["vxe-notice-bar","is--"+(e?"vertical":"horizontal"),"dir--"+(i||"left"),{["size--"+n]:n}]},[a?(0,_vue.h)("div",{class:"vxe-notice-bar--prefix"},a({})):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-notice-bar--content"},[(0,_vue.h)("div",{ref:f,class:"vxe-notice-bar--inner"},[(0,_vue.h)("div",{class:"vxe-notice-bar--wrapper",style:{animationDuration:`${t?(0,_dom.toCssUnit)(t,"s"):r}s`}},o?o({}):u)])]),s?(0,_vue.h)("div",{class:"vxe-notice-bar--suffix"},s({})):(0,_ui.renderEmptyElement)(m)])},(0,_vue.onMounted)(()=>{_ui.globalEvents.on(m,"resize",u),u()}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(m,"resize")}),m},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeNoticeBar",props:{duration:[String,Number],direction:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.direction},speed:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.speed},content:String,vertical:Boolean,loop:{type:Boolean},size:{type:String,default:()=>(0,_ui.getConfig)().noticeBar.size||(0,_ui.getConfig)().size}},emits:[],setup(l,e){const{slots:c,emit:r}=e;var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(l)["computeSize"],d=(0,_vue.ref)(),_=(0,_vue.ref)(),f=(0,_vue.reactive)({animationDuration:0}),i={refElem:d},p=(0,_vue.computed)(()=>{var e=l["content"];return""+(e||"")}),n={},m={xID:t,props:l,context:e,reactData:f,getRefMaps:()=>i,getComputeMaps:()=>n};const o=()=>{var t=l["speed"],i=_.value;if(i){let e=46;"fast"===t?e=118:"slow"===t&&(e=18),f.animationDuration=Math.ceil(i.scrollWidth/e)}};Object.assign(m,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$noticeBar:m},t))}},{});return m.renderVN=()=>{var{vertical:e,duration:t,direction:i}=l,r=f["animationDuration"],n=v.value,o=p.value,u=c.default,a=c.prefix,s=c.suffix;return(0,_vue.h)("div",{ref:d,class:["vxe-notice-bar","is--"+(e?"vertical":"horizontal"),"dir--"+(i||"left"),{["size--"+n]:n}]},[a?(0,_vue.h)("div",{class:"vxe-notice-bar--prefix"},a({})):(0,_ui.renderEmptyElement)(m),(0,_vue.h)("div",{class:"vxe-notice-bar--content"},[(0,_vue.h)("div",{ref:_,class:"vxe-notice-bar--inner"},[(0,_vue.h)("div",{class:"vxe-notice-bar--wrapper",style:{animationDuration:`${t?(0,_dom.toCssUnit)(t,"s"):r}s`}},u?u({}):o)])]),s?(0,_vue.h)("div",{class:"vxe-notice-bar--suffix"},s({})):(0,_ui.renderEmptyElement)(m)])},(0,_vue.onMounted)(()=>{_ui.globalEvents.on(m,"resize",o),o()}),(0,_vue.onBeforeUnmount)(()=>{_ui.globalEvents.off(m,"resize")}),m},render(){return this.renderVN()}});

package/lib/number-input/src/number-input.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
+var _comp = require("../../ui/src/comp");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../ui");
 var _utils = require("../../ui/src/utils");
@@ -12,7 +13,7 @@ var _dom = require("../../ui/src/dom");
 var _vn = require("../../ui/src/vn");
 var _util = require("./util");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeNumberInput',
   props: {
     modelValue: [String, Number],