vxe-pc-ui 4.6.23 → 4.6.24

package/lib/switch/src/switch.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 _utils = require("../../ui/src/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: 'VxeSwitch',
   props: {
     modelValue: [String, Number, Boolean],

package/lib/switch/src/switch.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"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeSwitch",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},readonly:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().switch.size||(0,_ui.getConfig)().size},openLabel:String,closeLabel:String,openValue:{type:[String,Number,Boolean],default:!0},closeValue:{type:[String,Number,Boolean],default:!1},openIcon:String,closeIcon:String,openActiveIcon:String,closeActiveIcon:String},emits:["update:modelValue","change","focus","blur"],setup(c,e){const l=e["emit"],i=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(c)["computeSize"],d=(0,_vue.reactive)({isActivated:!1,hasAnimat:!1,offsetLeft:0}),n={},p={xID:t,props:c,context:e,reactData:d,internalData:n},_=(0,_vue.ref)();let o={};const m=(0,_vue.computed)(()=>{var e=c["disabled"];return null===e?!!i&&(i.props.readonly||i.props.disabled):e}),f=(0,_vue.computed)(()=>{var e=c["readonly"];return null===e?!!i&&(i.props.readonly||i.props.disabled):e}),h=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.openLabel)),b=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.closeLabel)),x=(0,_vue.computed)(()=>c.modelValue===c.openValue),s=e=>{l("update:modelValue",e)},g=e=>{var t=m.value,u=f.value;t||u||(t=x.value,clearTimeout(n.atTimeout),u=t?c.closeValue:c.openValue,d.hasAnimat=!0,s(u),o.dispatchEvent("change",{value:u},e),i&&a&&i.triggerItemEvent(e,a.itemConfig.field,u),n.atTimeout=setTimeout(()=>{d.hasAnimat=!1,n.atTimeout=void 0},400))};const y=e=>{d.isActivated=!0,o.dispatchEvent("focus",{value:c.modelValue},e)},V=e=>{d.isActivated=!1,o.dispatchEvent("blur",{value:c.modelValue},e)};o={dispatchEvent:(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$switch:p},t))},focus(){var e=_.value;return d.isActivated=!0,e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=_.value;return e&&e.blur(),(d.isActivated=!1,_vue.nextTick)()}},Object.assign(p,o);return p.renderVN=()=>{var{openIcon:e,closeIcon:t,openActiveIcon:u,closeActiveIcon:l}=c,i=v.value,a=x.value,n=h.value,o=b.value,s=m.value,r=f.value;return(0,_vue.h)("div",{class:["vxe-switch",a?"is--on":"is--off",{["size--"+i]:i,"is--disabled":s,"is--readonly":r,"is--animat":d.hasAnimat}]},[(0,_vue.h)("button",{ref:_,class:"vxe-switch--button",type:"button",disabled:s||r,onClick:g,onFocus:y,onBlur:V},[(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-on"},[e?(0,_vue.h)("i",{class:["vxe-switch--label-icon",e]}):(0,_ui.renderEmptyElement)(p),n]),(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-off"},[t?(0,_vue.h)("i",{class:["vxe-switch--label-icon",t]}):(0,_ui.renderEmptyElement)(p),o]),(0,_vue.h)("span",{class:["vxe-switch--icon"]},u||l?[(0,_vue.h)("i",{class:a?u:l})]:[])])])},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"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeSwitch",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},readonly:{type:Boolean,default:null},size:{type:String,default:()=>(0,_ui.getConfig)().switch.size||(0,_ui.getConfig)().size},openLabel:String,closeLabel:String,openValue:{type:[String,Number,Boolean],default:!0},closeValue:{type:[String,Number,Boolean],default:!1},openIcon:String,closeIcon:String,openActiveIcon:String,closeActiveIcon:String},emits:["update:modelValue","change","focus","blur"],setup(c,e){const l=e["emit"],i=(0,_vue.inject)("$xeForm",null),a=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(c)["computeSize"],d=(0,_vue.reactive)({isActivated:!1,hasAnimat:!1,offsetLeft:0}),n={},p={xID:t,props:c,context:e,reactData:d,internalData:n},m=(0,_vue.ref)();let o={};const _=(0,_vue.computed)(()=>{var e=c["disabled"];return null===e?!!i&&(i.props.readonly||i.props.disabled):e}),f=(0,_vue.computed)(()=>{var e=c["readonly"];return null===e?!!i&&(i.props.readonly||i.props.disabled):e}),h=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.openLabel)),b=(0,_vue.computed)(()=>(0,_utils.getFuncText)(c.closeLabel)),x=(0,_vue.computed)(()=>c.modelValue===c.openValue),s=e=>{l("update:modelValue",e)},g=e=>{var t=_.value,u=f.value;t||u||(t=x.value,clearTimeout(n.atTimeout),u=t?c.closeValue:c.openValue,d.hasAnimat=!0,s(u),o.dispatchEvent("change",{value:u},e),i&&a&&i.triggerItemEvent(e,a.itemConfig.field,u),n.atTimeout=setTimeout(()=>{d.hasAnimat=!1,n.atTimeout=void 0},400))};const V=e=>{d.isActivated=!0,o.dispatchEvent("focus",{value:c.modelValue},e)},y=e=>{d.isActivated=!1,o.dispatchEvent("blur",{value:c.modelValue},e)};o={dispatchEvent:(e,t,u)=>{l(e,(0,_ui.createEvent)(u,{$switch:p},t))},focus(){var e=m.value;return d.isActivated=!0,e&&e.focus(),(0,_vue.nextTick)()},blur(){var e=m.value;return e&&e.blur(),(d.isActivated=!1,_vue.nextTick)()}},Object.assign(p,o);return p.renderVN=()=>{var{openIcon:e,closeIcon:t,openActiveIcon:u,closeActiveIcon:l}=c,i=v.value,a=x.value,n=h.value,o=b.value,s=_.value,r=f.value;return(0,_vue.h)("div",{class:["vxe-switch",a?"is--on":"is--off",{["size--"+i]:i,"is--disabled":s,"is--readonly":r,"is--animat":d.hasAnimat}]},[(0,_vue.h)("button",{ref:m,class:"vxe-switch--button",type:"button",disabled:s||r,onClick:g,onFocus:V,onBlur:y},[(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-on"},[e?(0,_vue.h)("i",{class:["vxe-switch--label-icon",e]}):(0,_ui.renderEmptyElement)(p),n]),(0,_vue.h)("span",{class:"vxe-switch--label vxe-switch--label-off"},[t?(0,_vue.h)("i",{class:["vxe-switch--label-icon",t]}):(0,_ui.renderEmptyElement)(p),o]),(0,_vue.h)("span",{class:["vxe-switch--icon"]},u||l?[(0,_vue.h)("i",{class:a?u:l})]:[])])])},p},render(){return this.renderVN()}});

package/lib/table-select/src/table-select.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getRowUniqueId = getRowUniqueId;
 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");
@@ -17,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function getRowUniqueId() {
   return _xeUtils.default.uniqueId('row_');
 }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeTableSelect',
   props: {
     modelValue: [String, Number, Array],

package/lib/table-select/src/table-select.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(h,e){const{emit:i,slots:C}=e,T=_ui.VxeUI.getComponent("VxeGrid"),t=(0,_vue.inject)("$xeModal",null),a=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),n=(0,_vue.inject)("$xeForm",null),o=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const L=(0,_ui.useSize)(h)["computeSize"],E=(0,_vue.ref)(),k=(0,_vue.ref)(),z=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),I=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],fullRowMaps:{},panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),r={},N={refElem:E},$=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!n&&n.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!n&&n.props.disabled:e}),P=(0,_vue.computed)(()=>{var e=h["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(u||t||a||n)return!0}return e}),s=(0,_vue.computed)(()=>h.optionProps||{}),R=(0,_vue.computed)(()=>{var e=q.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>{return R.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return s.value.label||"label"}),c=(0,_vue.computed)(()=>{return s.value.value||"value"}),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),q=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0,columns:void 0})),B=(0,_vue.computed)(()=>{var e=h["modelValue"];const t=I["fullRowMaps"],a=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var l=t[e];return l?l.item[a]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:l}=U.value,t={};return l&&(t.width=(0,_dom.toCssUnit)(l)),e&&(t.height=(0,_dom.toCssUnit)(e)),t}),D={},A={xID:l,props:h,context:e,reactData:I,getRefMaps:()=>N,getComputeMaps:()=>D};const O={},d=(["form-submit","form-reset","form-collapse","page-change"].forEach(l=>{O[(0,_vn.getOnName)(_xeUtils.default.camelCase(l))]=e=>{d(l,e,e.$event)}}),(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$tableSelect:A},l))});l={dispatchEvent:d};const K=e=>{const l=I["fullRowMaps"],t=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=l[e];e&&t.push(e.item)}),t},p=t=>{const a=h["multiple"];(0,_vue.nextTick)(()=>{var e,l=w.value;l&&(e=K(t)).length&&(a?l.setCheckboxRow(e,!0):l.setRadioRow(e[0]))})},_=e=>{var l=h["multiple"],t=[];t.push(l?{type:"checkbox",width:70}:{type:"radio",width:70}),I.tableColumns=t.concat(e||[])},m=()=>{var e=h["options"];const u=v.value,n=c.value;var l=q.value["treeConfig"];const o={},r={};l||_xeUtils.default.arrayEach(e||[],(e,l,t)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),r[a]&&(0,_log.errLog)("vxe.error.repeatKey",[u,a]),r[a]=!0;var i=e[n];o[i]&&(0,_log.errLog)("vxe.error.repeatKey",[n,i]),o[i]={item:e,index:l,items:t,parent:null,nodes:[]}}),I.fullOptionList=e||[],I.fullRowMaps=o,p(h.modelValue)},g=()=>{const t=h["placement"],a=I["panelIndex"],i=E.value,u=y.value,n=P.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:t,teleportTo:n}),l=Object.assign(e.style,{zIndex:a});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},f=()=>{var e=h["loading"],l=S.value;e||l||(r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,r.vpTimeout=setTimeout(()=>{I.visiblePanel=!0,p(h.modelValue),r.vpTimeout=void 0},10),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),g())},b=()=>{I.visiblePanel=!1,r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),r.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,r.hpTimeout=void 0},350)},x=(e,l)=>{var t,a=I["fullRowMaps"];t=l,i("update:modelValue",t),l!==h.modelValue&&(t=a[l],d("change",{value:l,row:t?t.item:null},e),n)&&o&&n.triggerItemEvent(e,o.itemConfig.field,l)},Z=(e,l)=>{x(e,l),d("clear",{value:l},e)},G=(e,l)=>{Z(l,null),b()},W=e=>{var l=I["visiblePanel"];S.value||l&&(l=y.value,((0,_dom.getEventTargetNode)(e,l).flag?g:b)())},X=e=>{var l,t,a=I["visiblePanel"];S.value||(l=E.value,t=y.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,a&&!I.isActivated&&b())},Y=()=>{b()},H=e=>{S.value||I.visiblePanel||(I.triggerFocusPanel=!0,f(),setTimeout(()=>{I.triggerFocusPanel=!1},150)),d("focus",{},e)},J=e=>{j(e),d("click",{},e)},Q=e=>{I.isActivated=!1,d("blur",{},e)},j=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?b:f)()},ee=e=>{var{$event:e,row:l}=e,l=l[c.value];x(e,l),b()},V=e=>{var{$grid:e,$event:l}=e;const t=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[t]),x(l,e))},le=e=>{V(e)};Object.assign(A,l,{});return(0,_vue.watch)(()=>h.options,()=>{m()}),(0,_vue.watch)(()=>h.columns,e=>{_(e||[])}),(0,_vue.watch)(()=>h.modelValue,e=>{p(e)}),_(h.columns||[]),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(A,"mousewheel",W),_ui.globalEvents.on(A,"mousedown",X),_ui.globalEvents.on(A,"blur",Y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(A,"mousewheel"),_ui.globalEvents.off(A,"mousedown"),_ui.globalEvents.off(A,"blur")}),(0,_vue.nextTick)(()=>{T||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",A),A.renderVN=()=>{var{className:e,options:l,loading:t}=h,{initialized:a,isActivated:i,isAniVisible:u,visiblePanel:n,tableColumns:o}=I,r=L.value,s=S.value,v=B.value,c=P.value,d=$.value,p=U.value["className"],_=q.value,m=R.value,g=M.value,f=C.header,b=C.footer;const x=C.prefix;return d?(0,_vue.h)("div",{ref:E,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:E,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:A}):e:"",{["size--"+r]:r,"is--visible":n,"is--disabled":s,"is--loading":t,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:k,clearable:h.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TABLE_SELECT_LOADED:n?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:t?"":v,onClear:G,onClick:J,onFocus:H,onBlur:Q,onSuffixClick:j},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:A}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!t&&u,"ani--enter":!t&&n}],placement:I.panelPlacement,style:I.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},f({})):(0,_ui.renderEmptyElement)(A),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:z,class:"vxe-table-select-grid--wrapper",style:g},[T?(0,_vue.h)(T,Object.assign(Object.assign(Object.assign({},_),O),{class:"vxe-table-select--grid",ref:w,rowConfig:m,data:l,columns:o,height:"100%",autoResize:!0,onRadioChange:ee,onCheckboxChange:V,onCheckboxAll:le}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(A)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(A)])]:[])])])},A},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0,exports.getRowUniqueId=getRowUniqueId;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_input=_interopRequireDefault(require("../../input/src/input"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getRowUniqueId(){return _xeUtils.default.uniqueId("row_")}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTableSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().tableSelect.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().tableSelect.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],prefixIcon:String,placement:String,columns:Array,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},popupConfig:Object,gridConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","form-submit","form-reset","form-collapse","page-change"],setup(h,e){const{emit:i,slots:C}=e,T=_ui.VxeUI.getComponent("VxeGrid"),t=(0,_vue.inject)("$xeModal",null),a=(0,_vue.inject)("$xeDrawer",null),u=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),n=(0,_vue.inject)("xeFormItemInfo",null);var l=_xeUtils.default.uniqueId();const L=(0,_ui.useSize)(h)["computeSize"],E=(0,_vue.ref)(),k=(0,_vue.ref)(),z=(0,_vue.ref)(),y=(0,_vue.ref)(),w=(0,_vue.ref)(),I=(0,_vue.reactive)({initialized:!1,tableColumns:[],fullOptionList:[],fullRowMaps:{},panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,isAniVisible:!1,isActivated:!1}),r={},N={refElem:E},$=(0,_vue.computed)(()=>{var e=h["readonly"];return null===e?!!o&&o.props.readonly:e}),S=(0,_vue.computed)(()=>{var e=h["disabled"];return null===e?!!o&&o.props.disabled:e}),P=(0,_vue.computed)(()=>{var e=h["transfer"];if(null===e){var l=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(l))return l;if(u||t||a||o)return!0}return e}),s=(0,_vue.computed)(()=>h.optionProps||{}),q=(0,_vue.computed)(()=>{var e=U.value;return Object.assign({},e.rowConfig,{isCurrent:!0})}),v=(0,_vue.computed)(()=>{return q.value.keyField||"_X_ROW_KEY"}),F=(0,_vue.computed)(()=>{return s.value.label||"label"}),c=(0,_vue.computed)(()=>{return s.value.value||"value"}),R=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.popupConfig,h.popupConfig)),U=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tableSelect.gridConfig,h.gridConfig,{data:void 0,columns:void 0})),B=(0,_vue.computed)(()=>{var e=h["modelValue"];const t=I["fullRowMaps"],a=F.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var l=t[e];return l?l.item[a]:e}).join(", ")}),M=(0,_vue.computed)(()=>{var{height:e,width:l}=R.value,t={};return l&&(t.width=(0,_dom.toCssUnit)(l)),e&&(t.height=(0,_dom.toCssUnit)(e)),t}),D={},A={xID:l,props:h,context:e,reactData:I,getRefMaps:()=>N,getComputeMaps:()=>D};const O={},d=(["form-submit","form-reset","form-collapse","page-change"].forEach(l=>{O[(0,_vn.getOnName)(_xeUtils.default.camelCase(l))]=e=>{d(l,e,e.$event)}}),(e,l,t)=>{i(e,(0,_ui.createEvent)(t,{$tableSelect:A},l))});l={dispatchEvent:d};const K=e=>{const l=I["fullRowMaps"],t=[];return(_xeUtils.default.eqNull(e)?[]:_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=l[e];e&&t.push(e.item)}),t},p=t=>{const a=h["multiple"];(0,_vue.nextTick)(()=>{var e,l=w.value;l&&(e=K(t)).length&&(a?l.setCheckboxRow(e,!0):l.setRadioRow(e[0]))})},_=e=>{var l=h["multiple"],t=[];t.push(l?{type:"checkbox",width:70}:{type:"radio",width:70}),I.tableColumns=t.concat(e||[])},m=()=>{var e=h["options"];const u=v.value,o=c.value;var l=U.value["treeConfig"];const n={},r={};l||_xeUtils.default.arrayEach(e||[],(e,l,t)=>{let a=(e=>{e=e[v.value];return e?encodeURIComponent(e):""})(e);a=a||getRowUniqueId(),r[a]&&(0,_log.errLog)("vxe.error.repeatKey",[u,a]),r[a]=!0;var i=e[o];n[i]&&(0,_log.errLog)("vxe.error.repeatKey",[o,i]),n[i]={item:e,index:l,items:t,parent:null,nodes:[]}}),I.fullOptionList=e||[],I.fullRowMaps=n,p(h.modelValue)},g=()=>{const t=h["placement"],a=I["panelIndex"],i=E.value,u=y.value,o=P.value;var e=()=>{var e=(0,_dom.updatePanelPlacement)(i,u,{placement:t,teleportTo:o}),l=Object.assign(e.style,{zIndex:a});I.panelStyle=l,I.panelPlacement=e.placement};return e(),(0,_vue.nextTick)().then(e)},f=()=>{var e=h["loading"],l=S.value;e||l||(r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),I.initialized||(I.initialized=!0),I.isActivated=!0,I.isAniVisible=!0,r.vpTimeout=setTimeout(()=>{I.visiblePanel=!0,p(h.modelValue),r.vpTimeout=void 0},10),I.panelIndex<(0,_utils.getLastZIndex)()&&(I.panelIndex=(0,_utils.nextZIndex)()),g())},b=()=>{I.visiblePanel=!1,r.vpTimeout&&clearTimeout(r.vpTimeout),r.hpTimeout&&clearTimeout(r.hpTimeout),r.hpTimeout=setTimeout(()=>{I.isAniVisible=!1,r.hpTimeout=void 0},350)},x=(e,l)=>{var t,a=I["fullRowMaps"];t=l,i("update:modelValue",t),l!==h.modelValue&&(t=a[l],d("change",{value:l,row:t?t.item:null},e),o)&&n&&o.triggerItemEvent(e,n.itemConfig.field,l)},Z=(e,l)=>{x(e,l),d("clear",{value:l},e)},G=(e,l)=>{Z(l,null),b()},W=e=>{var l=I["visiblePanel"];S.value||l&&(l=y.value,((0,_dom.getEventTargetNode)(e,l).flag?g:b)())},X=e=>{var l,t,a=I["visiblePanel"];S.value||(l=E.value,t=y.value,I.isActivated=(0,_dom.getEventTargetNode)(e,l).flag||(0,_dom.getEventTargetNode)(e,t).flag,a&&!I.isActivated&&b())},Y=()=>{b()},H=e=>{S.value||I.visiblePanel||(I.triggerFocusPanel=!0,f(),setTimeout(()=>{I.triggerFocusPanel=!1},150)),d("focus",{},e)},J=e=>{j(e),d("click",{},e)},Q=e=>{I.isActivated=!1,d("blur",{},e)},j=e=>{e=e.$event;e.preventDefault(),I.triggerFocusPanel?I.triggerFocusPanel=!1:(I.visiblePanel?b:f)()},ee=e=>{var{$event:e,row:l}=e,l=l[c.value];x(e,l),b()},V=e=>{var{$grid:e,$event:l}=e;const t=c.value;e&&(e=e.getCheckboxRecords().map(e=>e[t]),x(l,e))},le=e=>{V(e)};Object.assign(A,l,{});return(0,_vue.watch)(()=>h.options,()=>{m()}),(0,_vue.watch)(()=>h.columns,e=>{_(e||[])}),(0,_vue.watch)(()=>h.modelValue,e=>{p(e)}),_(h.columns||[]),m(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(A,"mousewheel",W),_ui.globalEvents.on(A,"mousedown",X),_ui.globalEvents.on(A,"blur",Y)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(A,"mousewheel"),_ui.globalEvents.off(A,"mousedown"),_ui.globalEvents.off(A,"blur")}),(0,_vue.nextTick)(()=>{T||(0,_log.errLog)("vxe.error.reqComp",["vxe-grid"])}),(0,_vue.provide)("$xeTableSelect",A),A.renderVN=()=>{var{className:e,options:l,loading:t}=h,{initialized:a,isActivated:i,isAniVisible:u,visiblePanel:o,tableColumns:n}=I,r=L.value,s=S.value,v=B.value,c=P.value,d=$.value,p=R.value["className"],_=U.value,m=q.value,g=M.value,f=C.header,b=C.footer;const x=C.prefix;return d?(0,_vue.h)("div",{ref:E,class:["vxe-table-select--readonly",e]},[(0,_vue.h)("span",{class:"vxe-table-select-label"},v)]):(0,_vue.h)("div",{ref:E,class:["vxe-table-select",e?_xeUtils.default.isFunction(e)?e({$tableSelect:A}):e:"",{["size--"+r]:r,"is--visible":o,"is--disabled":s,"is--loading":t,"is--active":i}]},[(0,_vue.h)(_input.default,{ref:k,clearable:h.clearable,placeholder:t?(0,_ui.getI18n)("vxe.select.loadingText"):h.placeholder,readonly:!0,disabled:s,type:"text",prefixIcon:h.prefixIcon,suffixIcon:t?(0,_ui.getIcon)().TABLE_SELECT_LOADED:o?(0,_ui.getIcon)().TABLE_SELECT_OPEN:(0,_ui.getIcon)().TABLE_SELECT_CLOSE,modelValue:t?"":v,onClear:G,onClick:J,onFocus:H,onBlur:Q,onSuffixClick:j},x?{prefix:()=>x({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!a},[(0,_vue.h)("div",{ref:y,class:["vxe-table--ignore-clear vxe-table-select--panel",p?_xeUtils.default.isFunction(p)?p({$tableSelect:A}):p:"",{["size--"+r]:r,"is--transfer":c,"ani--leave":!t&&u,"ani--enter":!t&&o}],placement:I.panelPlacement,style:I.panelStyle},a?[(0,_vue.h)("div",{class:"vxe-table-select--panel-wrapper"},[f?(0,_vue.h)("div",{class:"vxe-table-select--panel-header"},f({})):(0,_ui.renderEmptyElement)(A),(0,_vue.h)("div",{class:"vxe-table-select--panel-body"},[(0,_vue.h)("div",{ref:z,class:"vxe-table-select-grid--wrapper",style:g},[T?(0,_vue.h)(T,Object.assign(Object.assign(Object.assign({},_),O),{class:"vxe-table-select--grid",ref:w,rowConfig:m,data:l,columns:n,height:"100%",autoResize:!0,onRadioChange:ee,onCheckboxChange:V,onCheckboxAll:le}),Object.assign({},C,{header:void 0,footer:void 0,prefixSlot:void 0})):(0,_ui.renderEmptyElement)(A)])]),b?(0,_vue.h)("div",{class:"vxe-table-select--panel-footer"},b({})):(0,_ui.renderEmptyElement)(A)])]:[])])])},A},render(){return this.renderVN()}});

package/lib/tabs/src/tab-pane.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 _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: 'VxeTabPane',
   props: {
     title: [String, Number],

package/lib/tabs/src/tab-pane.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"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTabPane",props:{title:[String,Number],name:[String,Number],icon:String,titleWidth:[String,Number],titleAlign:[String,Number],preload:Boolean,permissionCode:[String,Number]},emits:[],setup(e,t){const{slots:i,emit:r}=t;var n=_xeUtils.default.uniqueId();const u=(0,_vue.ref)(),a=(0,_vue.inject)("$xeTabs",null);var o=(0,_vue.reactive)({});const l=(0,_vue.reactive)({id:n,title:e.title,name:e.name,icon:e.icon,titleWidth:e.titleWidth,titleAlign:e.titleAlign,preload:e.preload,permissionCode:e.permissionCode,slots:i}),s={refElem:u},d={},v={xID:n,props:e,context:t,reactData:o,getRefMaps:()=>s,getComputeMaps:()=>d};Object.assign(v,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$tabPane:v},t))}},{}),(0,_vue.watch)(()=>e.title,e=>{l.title=e}),(0,_vue.watch)(()=>e.name,e=>{l.name=e}),(0,_vue.watch)(()=>e.icon,e=>{l.icon=e}),(0,_vue.watch)(()=>e.permissionCode,e=>{l.permissionCode=e}),(0,_vue.onMounted)(()=>{var e=u.value;a&&e&&(0,_util.assembleTabItem)(a,e,l)}),(0,_vue.onUnmounted)(()=>{a&&(0,_util.destroyTabItem)(a,l)});return v.renderVN=()=>(0,_vue.h)("div",{ref:u},[]),v},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"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabPane",props:{title:[String,Number],name:[String,Number],icon:String,titleWidth:[String,Number],titleAlign:[String,Number],preload:Boolean,permissionCode:[String,Number]},emits:[],setup(e,t){const{slots:i,emit:r}=t;var n=_xeUtils.default.uniqueId();const u=(0,_vue.ref)(),o=(0,_vue.inject)("$xeTabs",null);var a=(0,_vue.reactive)({});const l=(0,_vue.reactive)({id:n,title:e.title,name:e.name,icon:e.icon,titleWidth:e.titleWidth,titleAlign:e.titleAlign,preload:e.preload,permissionCode:e.permissionCode,slots:i}),s={refElem:u},d={},m={xID:n,props:e,context:t,reactData:a,getRefMaps:()=>s,getComputeMaps:()=>d};Object.assign(m,{dispatchEvent:(e,t,i)=>{r(e,(0,_ui.createEvent)(i,{$tabPane:m},t))}},{}),(0,_vue.watch)(()=>e.title,e=>{l.title=e}),(0,_vue.watch)(()=>e.name,e=>{l.name=e}),(0,_vue.watch)(()=>e.icon,e=>{l.icon=e}),(0,_vue.watch)(()=>e.permissionCode,e=>{l.permissionCode=e}),(0,_vue.onMounted)(()=>{var e=u.value;o&&e&&(0,_util.assembleTabItem)(o,e,l)}),(0,_vue.onUnmounted)(()=>{o&&(0,_util.destroyTabItem)(o,l)});return m.renderVN=()=>(0,_vue.h)("div",{ref:u},[]),m},render(){return this.renderVN()}});

package/lib/tabs/src/tabs.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 _vn = require("../../ui/src/vn");
 var _dom = require("../../ui/src/dom");
@@ -12,7 +13,7 @@ var _utils = require("../../ui/src/utils");
 var _log = require("../../ui/src/log");
 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: 'VxeTabs',
   props: {
     modelValue: [String, Number, Boolean],

package/lib/tabs/src/tabs.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"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTabs",props:{modelValue:[String,Number,Boolean],options:Array,height:[String,Number],destroyOnClose:Boolean,titleWidth:[String,Number],titleAlign:[String,Number],type:String,showClose:Boolean,padding:{type:Boolean,default:()=>(0,_ui.getConfig)().tabs.padding},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,beforeCloseMethod:Function},emits:["update:modelValue","change","tab-change","tab-change-fail","tab-close","tab-close-fail","tab-click","tab-load"],setup(u,e){const{slots:o,emit:r}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),v=(0,_vue.ref)(),C=(0,_vue.ref)(),E=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}}),c={slTimeout:void 0},l={refElem:v},y=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,u.closeConfig)),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,u.refreshConfig)),d=(0,_vue.computed)(()=>{var e=u["options"];return(e||[]).filter(e=>i(e))}),h=(0,_vue.computed)(()=>{var e=E["staticTabs"];return e.filter(e=>i(e))}),n={},w={xID:t,props:u,context:e,reactData:E,getRefMaps:()=>l,getComputeMaps:()=>n},i=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},L=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=o[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],m=()=>{(0,_vue.nextTick)(()=>{var e=u["type"];const t=E["activeName"];var a,l=d.value,n=h.value,i=C.value;let s=0,r=0,o=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:l,e=>e.name===t),{children:l,scrollWidth:i,clientWidth:a}=i,o=i!==a,-1<n)&&(a=(i=l[n]).clientWidth,e?"card"===e?(s=a+2,r=i.offsetLeft):"border-card"===e&&(s=a+2,r=i.offsetLeft-1):(s=Math.max(4,Math.floor(.6*a)),r=i.offsetLeft+Math.floor((a-s)/2))),E.lintLeft=r,E.lintWidth=s,E.isTabOver=o})},_=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$tabs:w},t))},f=(e,t)=>{var a=E["initNames"];return!(!e||a.includes(e)||(_("tab-load",{name:e},t),a.push(e),0))},s=e=>{let l=null;const n={};if(e&&e.length){let a=!1;l=u.modelValue,e.forEach(e=>{var{name:e,preload:t}=e||{};e&&(n[""+e]={loading:!1},l===e&&(a=!0),t)&&f(e,null)}),a||(l=e[0].name,f(l,null),r("update:modelValue",l))}E.activeName=l,E.cacheTabMaps=n},O=(t,a)=>{var e=u["trigger"],l=u.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod;const n=E["activeName"],i=a["name"],s=i;_("tab-click",{name:i},t),"manual"!==e&&i!==n&&Promise.resolve(!l||l({$tabs:w,name:i,oldName:n,newName:i,option:a})).then(e=>{e?(E.activeName=i,r("update:modelValue",s),f(i,t),_("change",{value:s,name:i,oldName:n,newName:i,option:a},t),_("tab-change",{value:s,name:i,oldName:n,newName:i,option:a},t)):_("tab-change-fail",{value:s,name:i,oldName:n,newName:i,option:a},t)}).catch(()=>{_("tab-change-fail",{value:s,name:i,oldName:n,newName:i,option:a},t)})},S=(e,t)=>{e.stopPropagation();var{activeName:e,cacheTabMaps:a}=E,l=t["name"],n=M.value["queryMethod"];const i=l?a[""+l]:null;i&&(n?(i.loading=!0,Promise.resolve(n({$tabs:w,value:e,name:l,option:t})).finally(()=>{i.loading=!1})):(0,_log.errLog)("vxe.error.notFunc",["refresh-config.queryMethod"]))},k=(t,e,a,l)=>{t.stopPropagation();var n=E["activeName"],i=y.value.beforeMethod||u.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod;const s=e["name"],r=n;let o=r;n===s&&(n=a<l.length-1?l[a+1]:l[a-1],o=n?n.name:null),Promise.resolve(!i||i({$tabs:w,value:r,name:s,nextName:o,option:e})).then(e=>{e?_("tab-close",{value:r,name:s,nextName:o},t):_("tab-close-fail",{value:r,name:s,nextName:o},t)}).catch(()=>{_("tab-close-fail",{value:r,name:s,nextName:o},t)})},b=e=>{var t=C.value;if(t){t=Math.floor(.75*t.clientWidth);{var r=e,e=t,t=c["slTimeout"];let n=e,i=6,s=35;t&&(clearTimeout(t),c.slTimeout=void 0);const o=()=>{var e,t,a,l=C.value;0<i&&(i--,l)&&({clientWidth:e,scrollWidth:t,scrollLeft:a}=l,n=Math.floor(n/2),0<r?e+a<t&&(l.scrollLeft+=n,s-=4,c.slTimeout=setTimeout(o,s)):0<a&&(l.scrollLeft-=n,s-=4,c.slTimeout=setTimeout(o,s)),m())};o()}}},B=()=>{b(-1)},A=()=>{b(1)},g=i=>{const s=d.value,r=h.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,n=C.value;n&&(-1<(a=_xeUtils.default.findIndexOf(r.length?r:s,e=>e.name===i))&&({scrollLeft:e,clientWidth:t,children:l}=n,l=l[a])&&(0<(l=(a=l.offsetLeft)+l.clientWidth-(e+t))&&(n.scrollLeft+=l),a<e)&&(n.scrollLeft=a),m())})},p=t=>{const a=E["activeName"];var l=d.value,n=h.value,n=n.length?n:l,l=_xeUtils.default.findIndexOf(n,e=>e.name===a);if(-1<l){let e=null;t?l<n.length-1&&(e=n[l+1]):0<l&&(e=n[l-1]),e&&(n=t=e.name,E.activeName=t,r("update:modelValue",n),f(t,null))}return(0,_vue.nextTick)()},x={dispatchEvent:_,scrollToTab:g,prev(){return p(!1)},next(){return p(!0)},prevTab(){return(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),x.prev()},nextTab(){return(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),x.next()}};Object.assign(w,x,{});const T=e=>{var{initNames:t,activeName:a}=E,{name:e,slots:l}=e,l=l?l.default:null;return e&&t.includes(e)?(0,_vue.h)("div",{key:""+e,class:["vxe-tabs-pane--item",{"is--visible":a===e,"has--content":!!l}]},l?L(l,{name:e}):[]):(0,_ui.renderEmptyElement)(w)};(0,_vue.watch)(()=>u.modelValue,e=>{f(e,null),E.activeName=e}),(0,_vue.watch)(()=>E.activeName,e=>{g(e),(0,_vue.nextTick)(()=>{E.resizeFlag++})});const N=(0,_vue.ref)(0),F=((0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>u.options,()=>{N.value++}),(0,_vue.watch)(N,()=>{s(u.options),m()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>E.staticTabs?E.staticTabs.length:-1,()=>{F.value++}),(0,_vue.watch)(()=>E.staticTabs,()=>{F.value++}),(0,_vue.watch)(F,()=>{s(E.staticTabs),m()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{E.resizeFlag++}),(0,_vue.watch)(()=>E.resizeFlag,()=>{(0,_vue.nextTick)(()=>{m()})}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(w,"resize",m),m()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(w,"resize")}),(0,_vue.provide)("$xeTabs",w),f(u.modelValue,null),s(E.staticTabs.length?E.staticTabs:u.options),w.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=u,n=d.value,i=h.value,s=o.default,r=o.footer,i=s?i:n;return(0,_vue.h)("div",{ref:v,class:["vxe-tabs","vxe-tabs--"+(e||"default"),"trigger--"+("manual"===l?"trigger":"default"),{"is--padding":a,"is--height":t}],style:t?{height:(0,_dom.toCssUnit)(t)}:null},[(0,_vue.h)("div",{class:"vxe-tabs-slots"},s?s({}):[]),(c=>{const{type:e,titleWidth:d,titleAlign:h,showClose:m,closeConfig:_,refreshConfig:f}=u,{activeName:b,lintLeft:t,lintWidth:a,isTabOver:l,cacheTabMaps:g}=E;var n=o.extra;const p=y.value,x=p.visibleMethod,T=M.value,N=T.visibleMethod;return(0,_vue.h)("div",{class:"vxe-tabs-header"},[l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--left-bar",onClick:B},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-tabs-header--wrapper"},[(0,_vue.h)("div",{ref:C,class:"vxe-tabs-header--item-wrapper"},c.map((t,a)=>{var{title:e,titleWidth:l,titleAlign:n,icon:i,name:s,slots:r}=t,r=r?r.title||r.tab:null,l=l||d,n=n||h,o={$tabs:w,value:b,name:s,option:t},u=b===s,v=s?g[""+s]:null,v=!!v&&v.loading;return(0,_vue.h)("div",{key:""+s,class:["vxe-tabs-header--item",n?"align--"+n:"",{"is--active":u}],style:l?{width:(0,_dom.toCssUnit)(l)}:null,onClick(e){O(e,t)}},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-inner"},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-content"},[i?(0,_vue.h)("span",{class:"vxe-tabs-header--item-icon"},[(0,_vue.h)("i",{class:i})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},r?L(r,{name:s,title:e}):""+e)]),((0,_utils.isEnableConf)(f)||T.enabled)&&(N?N(o):u)?(0,_vue.h)("div",{class:"vxe-tabs-header--refresh-btn",onClick(e){S(e,t)}},[(0,_vue.h)("i",{class:v?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]):(0,_ui.renderEmptyElement)(w),!(m||(0,_utils.isEnableConf)(_)||p.enabled)||x&&!x(o)?(0,_ui.renderEmptyElement)(w):(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){k(e,t,a,c)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([(0,_vue.h)("span",{key:"line",class:"vxe-tabs-header--active-line type--"+(e||"default"),style:{left:t+"px",width:a+"px"}})]))]),l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--right-bar",onClick:A},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(w),n?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(n({}))):(0,_ui.renderEmptyElement)(w)])})(i),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=u["destroyOnClose"];const a=E["activeName"];var l=e.find(e=>e.name===a);return t?[l?T(l):(0,_ui.renderEmptyElement)(w)]:e.map(e=>T(e))})(i)),r?(0,_vue.h)("div",{class:"vxe-tabs-footer"},L(r,{})):(0,_ui.renderEmptyElement)(w)])},w},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"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",props:{modelValue:[String,Number,Boolean],options:Array,height:[String,Number],destroyOnClose:Boolean,titleWidth:[String,Number],titleAlign:[String,Number],type:String,showClose:Boolean,padding:{type:Boolean,default:()=>(0,_ui.getConfig)().tabs.padding},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,beforeCloseMethod:Function},emits:["update:modelValue","change","tab-change","tab-change-fail","tab-close","tab-close-fail","tab-click","tab-load"],setup(u,e){const{slots:o,emit:r}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),v=(0,_vue.ref)(),C=(0,_vue.ref)(),E=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}}),c={slTimeout:void 0},l={refElem:v},y=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,u.closeConfig)),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,u.refreshConfig)),d=(0,_vue.computed)(()=>{var e=u["options"];return(e||[]).filter(e=>n(e))}),h=(0,_vue.computed)(()=>{var e=E["staticTabs"];return e.filter(e=>n(e))}),i={},w={xID:t,props:u,context:e,reactData:E,getRefMaps:()=>l,getComputeMaps:()=>i},n=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},L=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=o[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],m=()=>{(0,_vue.nextTick)(()=>{var e=u["type"];const t=E["activeName"];var a,l=d.value,i=h.value,n=C.value;let s=0,r=0,o=!1;n&&(i=_xeUtils.default.findIndexOf(i.length?i:l,e=>e.name===t),{children:l,scrollWidth:n,clientWidth:a}=n,o=n!==a,-1<i)&&(a=(n=l[i]).clientWidth,e?"card"===e?(s=a+2,r=n.offsetLeft):"border-card"===e&&(s=a+2,r=n.offsetLeft-1):(s=Math.max(4,Math.floor(.6*a)),r=n.offsetLeft+Math.floor((a-s)/2))),E.lintLeft=r,E.lintWidth=s,E.isTabOver=o})},_=(e,t,a)=>{r(e,(0,_ui.createEvent)(a,{$tabs:w},t))},f=(e,t)=>{var a=E["initNames"];return!(!e||a.includes(e)||(_("tab-load",{name:e},t),a.push(e),0))},s=e=>{let l=null;const i={};if(e&&e.length){let a=!1;l=u.modelValue,e.forEach(e=>{var{name:e,preload:t}=e||{};e&&(i[""+e]={loading:!1},l===e&&(a=!0),t)&&f(e,null)}),a||(l=e[0].name,f(l,null),r("update:modelValue",l))}E.activeName=l,E.cacheTabMaps=i},O=(t,a)=>{var e=u["trigger"],l=u.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod;const i=E["activeName"],n=a["name"],s=n;_("tab-click",{name:n},t),"manual"!==e&&n!==i&&Promise.resolve(!l||l({$tabs:w,name:n,oldName:i,newName:n,option:a})).then(e=>{e?(E.activeName=n,r("update:modelValue",s),f(n,t),_("change",{value:s,name:n,oldName:i,newName:n,option:a},t),_("tab-change",{value:s,name:n,oldName:i,newName:n,option:a},t)):_("tab-change-fail",{value:s,name:n,oldName:i,newName:n,option:a},t)}).catch(()=>{_("tab-change-fail",{value:s,name:n,oldName:i,newName:n,option:a},t)})},S=(e,t)=>{e.stopPropagation();var{activeName:e,cacheTabMaps:a}=E,l=t["name"],i=M.value["queryMethod"];const n=l?a[""+l]:null;n&&(i?(n.loading=!0,Promise.resolve(i({$tabs:w,value:e,name:l,option:t})).finally(()=>{n.loading=!1})):(0,_log.errLog)("vxe.error.notFunc",["refresh-config.queryMethod"]))},k=(t,e,a,l)=>{t.stopPropagation();var i=E["activeName"],n=y.value.beforeMethod||u.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod;const s=e["name"],r=i;let o=r;i===s&&(i=a<l.length-1?l[a+1]:l[a-1],o=i?i.name:null),Promise.resolve(!n||n({$tabs:w,value:r,name:s,nextName:o,option:e})).then(e=>{e?_("tab-close",{value:r,name:s,nextName:o},t):_("tab-close-fail",{value:r,name:s,nextName:o},t)}).catch(()=>{_("tab-close-fail",{value:r,name:s,nextName:o},t)})},b=e=>{var t=C.value;if(t){t=Math.floor(.75*t.clientWidth);{var r=e,e=t,t=c["slTimeout"];let i=e,n=6,s=35;t&&(clearTimeout(t),c.slTimeout=void 0);const o=()=>{var e,t,a,l=C.value;0<n&&(n--,l)&&({clientWidth:e,scrollWidth:t,scrollLeft:a}=l,i=Math.floor(i/2),0<r?e+a<t&&(l.scrollLeft+=i,s-=4,c.slTimeout=setTimeout(o,s)):0<a&&(l.scrollLeft-=i,s-=4,c.slTimeout=setTimeout(o,s)),m())};o()}}},B=()=>{b(-1)},A=()=>{b(1)},g=n=>{const s=d.value,r=h.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,i=C.value;i&&(-1<(a=_xeUtils.default.findIndexOf(r.length?r:s,e=>e.name===n))&&({scrollLeft:e,clientWidth:t,children:l}=i,l=l[a])&&(0<(l=(a=l.offsetLeft)+l.clientWidth-(e+t))&&(i.scrollLeft+=l),a<e)&&(i.scrollLeft=a),m())})},p=t=>{const a=E["activeName"];var l=d.value,i=h.value,i=i.length?i:l,l=_xeUtils.default.findIndexOf(i,e=>e.name===a);if(-1<l){let e=null;t?l<i.length-1&&(e=i[l+1]):0<l&&(e=i[l-1]),e&&(i=t=e.name,E.activeName=t,r("update:modelValue",i),f(t,null))}return(0,_vue.nextTick)()},x={dispatchEvent:_,scrollToTab:g,prev(){return p(!1)},next(){return p(!0)},prevTab(){return(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),x.prev()},nextTab(){return(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),x.next()}};Object.assign(w,x,{});const T=e=>{var{initNames:t,activeName:a}=E,{name:e,slots:l}=e,l=l?l.default:null;return e&&t.includes(e)?(0,_vue.h)("div",{key:""+e,class:["vxe-tabs-pane--item",{"is--visible":a===e,"has--content":!!l}]},l?L(l,{name:e}):[]):(0,_ui.renderEmptyElement)(w)};(0,_vue.watch)(()=>u.modelValue,e=>{f(e,null),E.activeName=e}),(0,_vue.watch)(()=>E.activeName,e=>{g(e),(0,_vue.nextTick)(()=>{E.resizeFlag++})});const N=(0,_vue.ref)(0),V=((0,_vue.watch)(()=>u.options?u.options.length:-1,()=>{N.value++}),(0,_vue.watch)(()=>u.options,()=>{N.value++}),(0,_vue.watch)(N,()=>{s(u.options),m()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>E.staticTabs?E.staticTabs.length:-1,()=>{V.value++}),(0,_vue.watch)(()=>E.staticTabs,()=>{V.value++}),(0,_vue.watch)(V,()=>{s(E.staticTabs),m()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{E.resizeFlag++}),(0,_vue.watch)(()=>E.resizeFlag,()=>{(0,_vue.nextTick)(()=>{m()})}),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(w,"resize",m),m()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(w,"resize")}),(0,_vue.provide)("$xeTabs",w),f(u.modelValue,null),s(E.staticTabs.length?E.staticTabs:u.options),w.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=u,i=d.value,n=h.value,s=o.default,r=o.footer,n=s?n:i;return(0,_vue.h)("div",{ref:v,class:["vxe-tabs","vxe-tabs--"+(e||"default"),"trigger--"+("manual"===l?"trigger":"default"),{"is--padding":a,"is--height":t}],style:t?{height:(0,_dom.toCssUnit)(t)}:null},[(0,_vue.h)("div",{class:"vxe-tabs-slots"},s?s({}):[]),(c=>{const{type:e,titleWidth:d,titleAlign:h,showClose:m,closeConfig:_,refreshConfig:f}=u,{activeName:b,lintLeft:t,lintWidth:a,isTabOver:l,cacheTabMaps:g}=E;var i=o.extra;const p=y.value,x=p.visibleMethod,T=M.value,N=T.visibleMethod;return(0,_vue.h)("div",{class:"vxe-tabs-header"},[l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--left-bar",onClick:B},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("div",{class:"vxe-tabs-header--wrapper"},[(0,_vue.h)("div",{ref:C,class:"vxe-tabs-header--item-wrapper"},c.map((t,a)=>{var{title:e,titleWidth:l,titleAlign:i,icon:n,name:s,slots:r}=t,r=r?r.title||r.tab:null,l=l||d,i=i||h,o={$tabs:w,value:b,name:s,option:t},u=b===s,v=s?g[""+s]:null,v=!!v&&v.loading;return(0,_vue.h)("div",{key:""+s,class:["vxe-tabs-header--item",i?"align--"+i:"",{"is--active":u}],style:l?{width:(0,_dom.toCssUnit)(l)}:null,onClick(e){O(e,t)}},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-inner"},[(0,_vue.h)("div",{class:"vxe-tabs-header--item-content"},[n?(0,_vue.h)("span",{class:"vxe-tabs-header--item-icon"},[(0,_vue.h)("i",{class:n})]):(0,_ui.renderEmptyElement)(w),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},r?L(r,{name:s,title:e}):""+e)]),((0,_utils.isEnableConf)(f)||T.enabled)&&(N?N(o):u)?(0,_vue.h)("div",{class:"vxe-tabs-header--refresh-btn",onClick(e){S(e,t)}},[(0,_vue.h)("i",{class:v?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]):(0,_ui.renderEmptyElement)(w),!(m||(0,_utils.isEnableConf)(_)||p.enabled)||x&&!x(o)?(0,_ui.renderEmptyElement)(w):(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){k(e,t,a,c)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([(0,_vue.h)("span",{key:"line",class:"vxe-tabs-header--active-line type--"+(e||"default"),style:{left:t+"px",width:a+"px"}})]))]),l?(0,_vue.h)("div",{class:"vxe-tabs-header--bar vxe-tabs-header--right-bar",onClick:A},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(w),i?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(i({}))):(0,_ui.renderEmptyElement)(w)])})(n),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=u["destroyOnClose"];const a=E["activeName"];var l=e.find(e=>e.name===a);return t?[l?T(l):(0,_ui.renderEmptyElement)(w)]:e.map(e=>T(e))})(n)),r?(0,_vue.h)("div",{class:"vxe-tabs-footer"},L(r,{})):(0,_ui.renderEmptyElement)(w)])},w},render(){return this.renderVN()}});

package/lib/tag/src/tag.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 _vn = require("../../ui/src/vn");
 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: 'VxeTag',
   props: {
     status: String,

package/lib/tag/src/tag.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"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTag",props:{status:String,title:[String,Number],icon:String,content:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tag.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const{slots:n,emit:i}=e;var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(u)["computeSize"],a=(0,_vue.ref)();var r=(0,_vue.reactive)({});const o={refElem:a},l={},c={xID:t,props:u,context:e,reactData:r,getRefMaps:()=>o,getComputeMaps:()=>l},v=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$tag:c},t))};t={dispatchEvent:v};const _=e=>{v("click",{},e)};Object.assign(c,t,{});return c.renderVN=()=>{var{status:e,title:t}=u,r=s.value;return(0,_vue.h)("span",{ref:a,class:["vxe-tag",{["size--"+r]:r,["theme--"+e]:e}],title:t,onClick:_},(()=>{var{icon:e,content:t}=u,r=n.default,i=n.icon;return[i||e?(0,_vue.h)("span",{class:"vxe-tag--icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("span",{class:"vxe-tag--content"},r?r({}):_xeUtils.default.toValueString(t))]})())},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"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTag",props:{status:String,title:[String,Number],icon:String,content:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tag.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const{slots:n,emit:i}=e;var t=_xeUtils.default.uniqueId();const s=(0,_ui.useSize)(u)["computeSize"],a=(0,_vue.ref)();var r=(0,_vue.reactive)({});const o={refElem:a},c={},l={xID:t,props:u,context:e,reactData:r,getRefMaps:()=>o,getComputeMaps:()=>c},_=(e,t,r)=>{i(e,(0,_ui.createEvent)(r,{$tag:l},t))};t={dispatchEvent:_};const v=e=>{_("click",{},e)};Object.assign(l,t,{});return l.renderVN=()=>{var{status:e,title:t}=u,r=s.value;return(0,_vue.h)("span",{ref:a,class:["vxe-tag",{["size--"+r]:r,["theme--"+e]:e}],title:t,onClick:v},(()=>{var{icon:e,content:t}=u,r=n.default,i=n.icon;return[i||e?(0,_vue.h)("span",{class:"vxe-tag--icon"},i?(0,_vn.getSlotVNs)(i({})):[(0,_vue.h)("i",{class:e})]):(0,_ui.renderEmptyElement)(l),(0,_vue.h)("span",{class:"vxe-tag--content"},r?r({}):_xeUtils.default.toValueString(t))]})())},l},render(){return this.renderVN()}});

package/lib/text/src/text.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 _vn = require("../../ui/src/vn");
 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: 'VxeText',
   props: {
     status: String,

package/lib/text/src/text.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"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeText",props:{status:String,title:[String,Number],icon:String,loading:Boolean,content:[String,Number],clickToCopy:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().text.size||(0,_ui.getConfig)().size}},emits:["click"],setup(r,e){const{emit:n,slots:s}=e;var t=_xeUtils.default.uniqueId();const o=(0,_ui.useSize)(r)["computeSize"],a=(0,_vue.ref)(),c=(0,_vue.ref)();var i=(0,_vue.reactive)({});const u={refElem:a},l={},_=()=>{var{content:e,clickToCopy:t}=r;t&&(t=((t=c.value)?t.textContent:"")||e)&&(_ui.VxeUI.clipboard.copy(t)?_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.text.copySuccess"),status:"success"}):_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.text.copyError"),status:"error"}))},v={xID:t,props:r,context:e,reactData:i,getRefMaps:()=>u,getComputeMaps:()=>l},p=(e,t,i)=>{n(e,(0,_ui.createEvent)(i,{$text:v},t))};t={dispatchEvent:p};const x=e=>{var t=r["loading"];t||p("click",{},e)};Object.assign(v,t,{});return v.renderVN=()=>{var{loading:e,status:t,title:i,clickToCopy:n}=r,u=o.value;return(0,_vue.h)("span",{ref:a,title:i,class:["vxe-text",{["size--"+u]:u,["theme--"+t]:t,"is--copy":n,"is--loading":e}],onClick:x},(()=>{var{loading:e,icon:t,content:i,clickToCopy:n}=r,u=s.default,o=s.icon;return[e?(0,_vue.h)("span",{class:"vxe-text--loading"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TEXT_LOADING})]):o||t||n?(0,_vue.h)("span",{class:"vxe-text--icon",onClick:_},o?(0,_vn.getSlotVNs)(o({})):[(0,_vue.h)("i",{class:t||(0,_ui.getIcon)().TEXT_COPY})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("span",{ref:c,class:"vxe-text--content"},u?u({}):_xeUtils.default.toValueString(i))]})())},v},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"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeText",props:{status:String,title:[String,Number],icon:String,loading:Boolean,content:[String,Number],clickToCopy:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().text.size||(0,_ui.getConfig)().size}},emits:["click"],setup(r,e){const{emit:o,slots:s}=e;var t=_xeUtils.default.uniqueId();const u=(0,_ui.useSize)(r)["computeSize"],a=(0,_vue.ref)(),c=(0,_vue.ref)();var i=(0,_vue.reactive)({});const n={refElem:a},l={},_=()=>{var{content:e,clickToCopy:t}=r;t&&(t=((t=c.value)?t.textContent:"")||e)&&(_ui.VxeUI.clipboard.copy(t)?_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.text.copySuccess"),status:"success"}):_ui.VxeUI.modal&&_ui.VxeUI.modal.message({content:(0,_ui.getI18n)("vxe.text.copyError"),status:"error"}))},v={xID:t,props:r,context:e,reactData:i,getRefMaps:()=>n,getComputeMaps:()=>l},p=(e,t,i)=>{o(e,(0,_ui.createEvent)(i,{$text:v},t))};t={dispatchEvent:p};const x=e=>{var t=r["loading"];t||p("click",{},e)};Object.assign(v,t,{});return v.renderVN=()=>{var{loading:e,status:t,title:i,clickToCopy:o}=r,n=u.value;return(0,_vue.h)("span",{ref:a,title:i,class:["vxe-text",{["size--"+n]:n,["theme--"+t]:t,"is--copy":o,"is--loading":e}],onClick:x},(()=>{var{loading:e,icon:t,content:i,clickToCopy:o}=r,n=s.default,u=s.icon;return[e?(0,_vue.h)("span",{class:"vxe-text--loading"},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TEXT_LOADING})]):u||t||o?(0,_vue.h)("span",{class:"vxe-text--icon",onClick:_},u?(0,_vn.getSlotVNs)(u({})):[(0,_vue.h)("i",{class:t||(0,_ui.getIcon)().TEXT_COPY})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("span",{ref:c,class:"vxe-text--content"},n?n({}):_xeUtils.default.toValueString(i))]})())},v},render(){return this.renderVN()}});

package/lib/text-ellipsis/src/text-ellipsis.js

@@ -5,10 +5,11 @@ 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");
 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: 'VxeTextEllipsis',
   props: {
     href: String,

package/lib/text-ellipsis/src/text-ellipsis.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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTextEllipsis",props:{href:String,target:String,content:[String,Number],lineClamp:[String,Number],status:String,title:[String,Number],loading:Boolean,offsetLength:[String,Number],routerLink:Object,underline:{type:Boolean,default:()=>(0,_ui.getConfig)().textEllipsis.underline},permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().textEllipsis.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const l=e["emit"];var t=_xeUtils.default.uniqueId();const a=(0,_ui.useSize)(u)["computeSize"],o=(0,_ui.usePermission)(u)["computePermissionInfo"],v=(0,_vue.ref)(),f=(0,_vue.ref)(),p=(0,_vue.reactive)({resizeObserver:null,visibleLen:0}),i={refElem:v},d=(0,_vue.computed)(()=>_xeUtils.default.toNumber(u.lineClamp)),c=(0,_vue.computed)(()=>_xeUtils.default.toValueString(u.content)),r=(0,_vue.computed)(()=>u.offsetLength?_xeUtils.default.toNumber(u.offsetLength):0),n=(0,_vue.computed)(()=>{var e=p["visibleLen"],t=d.value,i=c.value,l=r.value;return 1<t&&i.length>e?i.slice(0,Math.max(1,e-3+l))+"...":i}),s={},_={xID:t,props:u,context:e,reactData:p,getRefMaps:()=>i,getComputeMaps:()=>s};const g=()=>{var e=v.value,t=f.value,i=c.value,l=d.value;if(e&&t){e=e.clientWidth,t=(t.style.display="block",t.style.position="absolute",t.style.top="-3000px",t.style.left="-3000px",t.textContent=i,t.offsetWidth),e=Math.floor(e*l);if(t<e)p.visibleLen=i.length;else{var r=e,l=v.value,n=f.value;if(l&&n){let e=12;try{e=Math.max(10,_xeUtils.default.toNumber(getComputedStyle(n).fontSize))}catch(e){}var s=c.value;let t=Math.floor(r/e);var u=s.slice(0,t);n.textContent=u,p.visibleLen=u.length;let i=0;for(;r>n.clientWidth&&i<30;){i++;var a=Math.floor((r-n.clientWidth)/e);if(!a)break;t+=a,u=s.slice(0,t),n.textContent=u,p.visibleLen=u.length}n.textContent="",n.style.display="",n.style.position="",n.style.top="",n.style.left=""}}}else p.visibleLen=i.length},x=()=>{l("click",{})},m=()=>{var e=p["resizeObserver"],t=d.value;e||(e=v.value)&&1<t&&window.ResizeObserver&&((t=new window.ResizeObserver(_xeUtils.default.throttle(()=>{g()},300,{leading:!0,trailing:!0}))).observe(e),p.resizeObserver=t)};Object.assign(_,{dispatchEvent:(e,t,i)=>{l(e,(0,_ui.createEvent)(i,{$textEllipsis:_},t))}},{});const h=()=>{var{routerLink:e,href:t,target:i,title:l}=u,r=n.value;return e?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-text-ellipsis--link",title:l,target:i,to:e},{default(){return h()}}):t?(0,_vue.h)("a",{class:"vxe-text-ellipsis--link",href:t,target:i,title:l},r):(0,_vue.h)("span",{class:"vxe-text-ellipsis--content"},r)};return(0,_vue.watch)(()=>u.content,()=>{g()}),(0,_vue.watch)(()=>u.lineClamp,()=>{m(),g()}),(0,_vue.onMounted)(()=>{m(),g()}),(0,_vue.onBeforeUnmount)(()=>{var e=p["resizeObserver"],t=v.value,i=f.value;i&&(i.textContent=""),e&&(t&&e.unobserve(t),e.disconnect(),p.resizeObserver=null)}),_.renderVN=()=>{var{loading:e,status:t,title:i,underline:l}=u,r=o.value,n=a.value,s=d.value;return r.visible?(0,_vue.h)("div",{ref:v,class:["vxe-text-ellipsis",1<s?"is--multi":"is--single",{["size--"+n]:n,["theme--"+t]:t,"is--underline":l,"is--loading":e}],title:i,onClick:x},[(0,_vue.h)("span",{ref:f,class:"vxe-text-ellipsis--reality"}),h()]):(0,_ui.renderEmptyElement)(_)},_},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");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTextEllipsis",props:{href:String,target:String,content:[String,Number],lineClamp:[String,Number],status:String,title:[String,Number],loading:Boolean,offsetLength:[String,Number],routerLink:Object,underline:{type:Boolean,default:()=>(0,_ui.getConfig)().textEllipsis.underline},permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().textEllipsis.size||(0,_ui.getConfig)().size}},emits:["click"],setup(u,e){const l=e["emit"];var t=_xeUtils.default.uniqueId();const a=(0,_ui.useSize)(u)["computeSize"],o=(0,_ui.usePermission)(u)["computePermissionInfo"],v=(0,_vue.ref)(),p=(0,_vue.ref)(),c=(0,_vue.reactive)({resizeObserver:null,visibleLen:0}),i={refElem:v},f=(0,_vue.computed)(()=>_xeUtils.default.toNumber(u.lineClamp)),d=(0,_vue.computed)(()=>_xeUtils.default.toValueString(u.content)),r=(0,_vue.computed)(()=>u.offsetLength?_xeUtils.default.toNumber(u.offsetLength):0),s=(0,_vue.computed)(()=>{var e=c["visibleLen"],t=f.value,i=d.value,l=r.value;return 1<t&&i.length>e?i.slice(0,Math.max(1,e-3+l))+"...":i}),n={},_={xID:t,props:u,context:e,reactData:c,getRefMaps:()=>i,getComputeMaps:()=>n};const g=()=>{var e=v.value,t=p.value,i=d.value,l=f.value;if(e&&t){e=e.clientWidth,t=(t.style.display="block",t.style.position="absolute",t.style.top="-3000px",t.style.left="-3000px",t.textContent=i,t.offsetWidth),e=Math.floor(e*l);if(t<e)c.visibleLen=i.length;else{var r=e,l=v.value,s=p.value;if(l&&s){let e=12;try{e=Math.max(10,_xeUtils.default.toNumber(getComputedStyle(s).fontSize))}catch(e){}var n=d.value;let t=Math.floor(r/e);var u=n.slice(0,t);s.textContent=u,c.visibleLen=u.length;let i=0;for(;r>s.clientWidth&&i<30;){i++;var a=Math.floor((r-s.clientWidth)/e);if(!a)break;t+=a,u=n.slice(0,t),s.textContent=u,c.visibleLen=u.length}s.textContent="",s.style.display="",s.style.position="",s.style.top="",s.style.left=""}}}else c.visibleLen=i.length},m=()=>{l("click",{})},x=()=>{var e=c["resizeObserver"],t=f.value;e||(e=v.value)&&1<t&&window.ResizeObserver&&((t=new window.ResizeObserver(_xeUtils.default.throttle(()=>{g()},300,{leading:!0,trailing:!0}))).observe(e),c.resizeObserver=t)};Object.assign(_,{dispatchEvent:(e,t,i)=>{l(e,(0,_ui.createEvent)(i,{$textEllipsis:_},t))}},{});const h=()=>{var{routerLink:e,href:t,target:i,title:l}=u,r=s.value;return e?(0,_vue.h)((0,_vue.resolveComponent)("router-link"),{class:"vxe-text-ellipsis--link",title:l,target:i,to:e},{default(){return h()}}):t?(0,_vue.h)("a",{class:"vxe-text-ellipsis--link",href:t,target:i,title:l},r):(0,_vue.h)("span",{class:"vxe-text-ellipsis--content"},r)};return(0,_vue.watch)(()=>u.content,()=>{g()}),(0,_vue.watch)(()=>u.lineClamp,()=>{x(),g()}),(0,_vue.onMounted)(()=>{x(),g()}),(0,_vue.onBeforeUnmount)(()=>{var e=c["resizeObserver"],t=v.value,i=p.value;i&&(i.textContent=""),e&&(t&&e.unobserve(t),e.disconnect(),c.resizeObserver=null)}),_.renderVN=()=>{var{loading:e,status:t,title:i,underline:l}=u,r=o.value,s=a.value,n=f.value;return r.visible?(0,_vue.h)("div",{ref:v,class:["vxe-text-ellipsis",1<n?"is--multi":"is--single",{["size--"+s]:s,["theme--"+t]:t,"is--underline":l,"is--loading":e}],title:i,onClick:m},[(0,_vue.h)("span",{ref:p,class:"vxe-text-ellipsis--reality"}),h()]):(0,_ui.renderEmptyElement)(_)},_},render(){return this.renderVN()}});

package/lib/textarea/src/textarea.js

@@ -5,12 +5,13 @@ 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");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 let autoTxtElem;
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeTextarea',
   props: {
     modelValue: [String, Number],

package/lib/textarea/src/textarea.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"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let autoTxtElem;var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTextarea",props:{modelValue:[String,Number],className:String,immediate:{type:Boolean,default:!0},name:String,readonly:{type:Boolean,default:null},editable:{type:Boolean,default:!0},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],rows:{type:[String,Number],default:null},cols:{type:[String,Number],default:null},showWordCount:Boolean,countMethod:Function,autosize:[Boolean,Object],form:String,resize:{type:String,default:()=>(0,_ui.getConfig)().textarea.resize},size:{type:String,default:()=>(0,_ui.getConfig)().textarea.size||(0,_ui.getConfig)().size},maxlength:[String,Number]},emits:["update:modelValue","input","keydown","keyup","click","change","focus","blur"],setup(_,e){const a=e["emit"],u=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const f=(0,_ui.useSize)(_)["computeSize"],g=(0,_vue.reactive)({inputValue:_.modelValue}),h=(0,_vue.ref)(),b=(0,_vue.ref)(),i={refElem:h,refTextarea:b},r={xID:t,props:_,context:e,reactData:g,getRefMaps:()=>i};let n;const y=(0,_vue.computed)(()=>{var e=_["readonly"];return null===e?!!u&&u.props.readonly:e}),z=(0,_vue.computed)(()=>{var e=_["disabled"];return null===e?!!u&&u.props.disabled:e}),V=(0,_vue.computed)(()=>{var e=_["editable"];return y.value||!e}),N=(0,_vue.computed)(()=>{var e=_["placeholder"];return(e=e||(0,_ui.getConfig)().textarea.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),T=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=_;return e||t}),E=(0,_vue.computed)(()=>_xeUtils.default.getSize(g.inputValue)),S=(0,_vue.computed)(()=>{var e=E.value,t=T.value;return t&&e>_xeUtils.default.toNumber(t)}),o=(0,_vue.computed)(()=>Object.assign({minRows:1,maxRows:10},(0,_ui.getConfig)().textarea.autosize,_.autosize)),s=()=>{var e,{size:t,autosize:u}=_,a=g["inputValue"];u&&((autoTxtElem=autoTxtElem||document.createElement("div")).parentNode||document.body.appendChild(autoTxtElem),u=b.value)&&(e=getComputedStyle(u),autoTxtElem.className=["vxe-textarea--autosize",t?"size--"+t:""].join(" "),autoTxtElem.style.width=u.clientWidth+"px",autoTxtElem.style.padding=e.padding,autoTxtElem.innerText=(""+(a||"　")).replace(/\n$/,"\n　"))},d=()=>{_.autosize&&(0,_vue.nextTick)(()=>{var{minRows:t,maxRows:u}=o.value,a=b.value;if(a){var l=autoTxtElem.clientHeight,i=getComputedStyle(a),r=_xeUtils.default.toNumber(i.lineHeight),i=_xeUtils.default.toNumber(i.paddingTop)+_xeUtils.default.toNumber(i.paddingBottom)+_xeUtils.default.toNumber(i.borderTopWidth)+_xeUtils.default.toNumber(i.borderBottomWidth),l=(l-i)/r,l=l&&/[0-9]/.test(""+l)?l:Math.floor(l)+1;let e=l;l<t?e=t:u<l&&(e=u),a.style.height=e*r+i+"px"}})},w=e=>{var t=g.inputValue;r.dispatchEvent(e.type,{value:t},e)},v=(e,t)=>{g.inputValue=e,a("update:modelValue",e),_xeUtils.default.toValueString(_.modelValue)!==e&&(n.dispatchEvent("change",{value:e},t),u)&&l&&u.triggerItemEvent(t,l.itemConfig.field,e)},C=e=>{var t=_["immediate"],u=e.target.value;g.inputValue=u,t&&v(u,e),r.dispatchEvent("input",{value:u},e),d()},U=e=>{var t=_["immediate"];t?w(e):v(g.inputValue,e)},k=e=>{var t=_["immediate"],u=g["inputValue"];t||v(u,e),r.dispatchEvent("blur",{value:u},e)};n={dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$textarea:r},t))},focus(){return b.value.focus(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(0,_vue.nextTick)()}},Object.assign(r,n),(0,_vue.watch)(()=>_.modelValue,e=>{g.inputValue=e,s()}),(0,_vue.watch)(o,()=>{s(),d()}),(0,_vue.nextTick)(()=>{var e=_["autosize"];e&&(s(),d())});return r.renderVN=()=>{var{className:e,resize:t,autosize:u,showWordCount:a,countMethod:l,rows:i,cols:r}=_,n=g["inputValue"],o=f.value,s=z.value,d=S.value,v=E.value,p=V.value,m=y.value,c=N.value,x=T.value;return m?(0,_vue.h)("div",{ref:h,class:["vxe-textarea--readonly",e]},n):(0,_vue.h)("div",{ref:h,class:["vxe-textarea",e,{["size--"+o]:o,"is--autosize":u,"is--count":a,"is--disabled":s,"is--rows":!_xeUtils.default.eqNull(i),"is--cols":!_xeUtils.default.eqNull(r)}],spellcheck:!1},[(0,_vue.h)("textarea",{ref:b,class:"vxe-textarea--inner",value:n,name:_.name,placeholder:c,maxlength:x,readonly:p,disabled:s,rows:i,cols:r,style:t?{resize:t}:null,onInput:C,onChange:U,onKeydown:w,onKeyup:w,onClick:w,onFocus:w,onBlur:k}),a?(0,_vue.h)("span",{class:["vxe-textarea--count",{"is--error":d}]},l?""+l({value:n}):v+(x?"/"+x:"")):null])},r},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"),_utils=require("../../ui/src/utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let autoTxtElem;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTextarea",props:{modelValue:[String,Number],className:String,immediate:{type:Boolean,default:!0},name:String,readonly:{type:Boolean,default:null},editable:{type:Boolean,default:!0},disabled:{type:Boolean,default:null},placeholder:String,maxLength:[String,Number],rows:{type:[String,Number],default:null},cols:{type:[String,Number],default:null},showWordCount:Boolean,countMethod:Function,autosize:[Boolean,Object],form:String,resize:{type:String,default:()=>(0,_ui.getConfig)().textarea.resize},size:{type:String,default:()=>(0,_ui.getConfig)().textarea.size||(0,_ui.getConfig)().size},maxlength:[String,Number]},emits:["update:modelValue","input","keydown","keyup","click","change","focus","blur"],setup(_,e){const a=e["emit"],u=(0,_vue.inject)("$xeForm",null),l=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const f=(0,_ui.useSize)(_)["computeSize"],g=(0,_vue.reactive)({inputValue:_.modelValue}),h=(0,_vue.ref)(),b=(0,_vue.ref)(),i={refElem:h,refTextarea:b},r={xID:t,props:_,context:e,reactData:g,getRefMaps:()=>i};let n;const y=(0,_vue.computed)(()=>{var e=_["readonly"];return null===e?!!u&&u.props.readonly:e}),z=(0,_vue.computed)(()=>{var e=_["disabled"];return null===e?!!u&&u.props.disabled:e}),V=(0,_vue.computed)(()=>{var e=_["editable"];return y.value||!e}),N=(0,_vue.computed)(()=>{var e=_["placeholder"];return(e=e||(0,_ui.getConfig)().textarea.placeholder)?(0,_utils.getFuncText)(e):(0,_ui.getI18n)("vxe.base.pleaseInput")}),T=(0,_vue.computed)(()=>{var{maxLength:e,maxlength:t}=_;return e||t}),E=(0,_vue.computed)(()=>_xeUtils.default.getSize(g.inputValue)),S=(0,_vue.computed)(()=>{var e=E.value,t=T.value;return t&&e>_xeUtils.default.toNumber(t)}),o=(0,_vue.computed)(()=>Object.assign({minRows:1,maxRows:10},(0,_ui.getConfig)().textarea.autosize,_.autosize)),s=()=>{var e,{size:t,autosize:u}=_,a=g["inputValue"];u&&((autoTxtElem=autoTxtElem||document.createElement("div")).parentNode||document.body.appendChild(autoTxtElem),u=b.value)&&(e=getComputedStyle(u),autoTxtElem.className=["vxe-textarea--autosize",t?"size--"+t:""].join(" "),autoTxtElem.style.width=u.clientWidth+"px",autoTxtElem.style.padding=e.padding,autoTxtElem.innerText=(""+(a||"　")).replace(/\n$/,"\n　"))},d=()=>{_.autosize&&(0,_vue.nextTick)(()=>{var{minRows:t,maxRows:u}=o.value,a=b.value;if(a){var l=autoTxtElem.clientHeight,i=getComputedStyle(a),r=_xeUtils.default.toNumber(i.lineHeight),i=_xeUtils.default.toNumber(i.paddingTop)+_xeUtils.default.toNumber(i.paddingBottom)+_xeUtils.default.toNumber(i.borderTopWidth)+_xeUtils.default.toNumber(i.borderBottomWidth),l=(l-i)/r,l=l&&/[0-9]/.test(""+l)?l:Math.floor(l)+1;let e=l;l<t?e=t:u<l&&(e=u),a.style.height=e*r+i+"px"}})},w=e=>{var t=g.inputValue;r.dispatchEvent(e.type,{value:t},e)},v=(e,t)=>{g.inputValue=e,a("update:modelValue",e),_xeUtils.default.toValueString(_.modelValue)!==e&&(n.dispatchEvent("change",{value:e},t),u)&&l&&u.triggerItemEvent(t,l.itemConfig.field,e)},C=e=>{var t=_["immediate"],u=e.target.value;g.inputValue=u,t&&v(u,e),r.dispatchEvent("input",{value:u},e),d()},U=e=>{var t=_["immediate"];t?w(e):v(g.inputValue,e)},q=e=>{var t=_["immediate"],u=g["inputValue"];t||v(u,e),r.dispatchEvent("blur",{value:u},e)};n={dispatchEvent(e,t,u){a(e,(0,_ui.createEvent)(u,{$textarea:r},t))},focus(){return b.value.focus(),(0,_vue.nextTick)()},blur(){return b.value.blur(),(0,_vue.nextTick)()}},Object.assign(r,n),(0,_vue.watch)(()=>_.modelValue,e=>{g.inputValue=e,s()}),(0,_vue.watch)(o,()=>{s(),d()}),(0,_vue.nextTick)(()=>{var e=_["autosize"];e&&(s(),d())});return r.renderVN=()=>{var{className:e,resize:t,autosize:u,showWordCount:a,countMethod:l,rows:i,cols:r}=_,n=g["inputValue"],o=f.value,s=z.value,d=S.value,v=E.value,p=V.value,m=y.value,c=N.value,x=T.value;return m?(0,_vue.h)("div",{ref:h,class:["vxe-textarea--readonly",e]},n):(0,_vue.h)("div",{ref:h,class:["vxe-textarea",e,{["size--"+o]:o,"is--autosize":u,"is--count":a,"is--disabled":s,"is--rows":!_xeUtils.default.eqNull(i),"is--cols":!_xeUtils.default.eqNull(r)}],spellcheck:!1},[(0,_vue.h)("textarea",{ref:b,class:"vxe-textarea--inner",value:n,name:_.name,placeholder:c,maxlength:x,readonly:p,disabled:s,rows:i,cols:r,style:t?{resize:t}:null,onInput:C,onChange:U,onKeydown:w,onKeyup:w,onClick:w,onFocus:w,onBlur:q}),a?(0,_vue.h)("span",{class:["vxe-textarea--count",{"is--error":d}]},l?""+l({value:n}):v+(x?"/"+x:"")):null])},r},render(){return this.renderVN()}});

package/lib/tip/src/tip.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 _vn = require("../../ui/src/vn");
 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: 'VxeTip',
   props: {
     title: {

package/lib/tip/src/tip.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"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTip",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().tip.title},content:[String,Number],status:String,icon:{type:String,default:()=>(0,_ui.getConfig)().tip.icon},permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tip.size||(0,_ui.getConfig)().size}},emits:[],setup(a,e){const{slots:v,emit:u}=e;var t=_xeUtils.default.uniqueId();const _=(0,_ui.useSize)(a)["computeSize"],p=(0,_ui.usePermission)(a)["computePermissionInfo"],d=(0,_vue.ref)();var i=(0,_vue.reactive)({});const r={refElem:d},n={},c={xID:t,props:a,context:e,reactData:i,getRefMaps:()=>r,getComputeMaps:()=>n};Object.assign(c,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$tip:c},t))}},{});return c.renderVN=()=>{var{status:e,content:t,icon:i,title:u}=a,r=v.default,n=v.title,s=v.icon,l=p.value,o=_.value;return l.visible?(0,_vue.h)("div",{ref:d,class:["vxe-tip",{["size--"+o]:o,["theme--"+e]:e,"has--title":!(!n&&!u)}]},[s||i?(0,_vue.h)("div",{class:"vxe-tip--icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:i})]):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("div",{class:"vxe-tip--body"},[n||u?(0,_vue.h)("div",{class:"vxe-tip--title"},n?(0,_vn.getSlotVNs)(n({})):_xeUtils.default.toValueString(u)):(0,_ui.renderEmptyElement)(c),(0,_vue.h)("div",{class:"vxe-tip--content"},r?(0,_vn.getSlotVNs)(r({})):_xeUtils.default.toValueString(t))])]):(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"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTip",props:{title:{type:[String,Number],default:()=>(0,_ui.getConfig)().tip.title},content:[String,Number],status:String,icon:{type:String,default:()=>(0,_ui.getConfig)().tip.icon},permissionCode:[String,Number],size:{type:String,default:()=>(0,_ui.getConfig)().tip.size||(0,_ui.getConfig)().size}},emits:[],setup(a,e){const{slots:p,emit:u}=e;var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(a)["computeSize"],_=(0,_ui.usePermission)(a)["computePermissionInfo"],c=(0,_vue.ref)();var i=(0,_vue.reactive)({});const r={refElem:c},n={},d={xID:t,props:a,context:e,reactData:i,getRefMaps:()=>r,getComputeMaps:()=>n};Object.assign(d,{dispatchEvent:(e,t,i)=>{u(e,(0,_ui.createEvent)(i,{$tip:d},t))}},{});return d.renderVN=()=>{var{status:e,content:t,icon:i,title:u}=a,r=p.default,n=p.title,s=p.icon,o=_.value,l=v.value;return o.visible?(0,_vue.h)("div",{ref:c,class:["vxe-tip",{["size--"+l]:l,["theme--"+e]:e,"has--title":!(!n&&!u)}]},[s||i?(0,_vue.h)("div",{class:"vxe-tip--icon"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("i",{class:i})]):(0,_ui.renderEmptyElement)(d),(0,_vue.h)("div",{class:"vxe-tip--body"},[n||u?(0,_vue.h)("div",{class:"vxe-tip--title"},n?(0,_vn.getSlotVNs)(n({})):_xeUtils.default.toValueString(u)):(0,_ui.renderEmptyElement)(d),(0,_vue.h)("div",{class:"vxe-tip--content"},r?(0,_vn.getSlotVNs)(r({})):_xeUtils.default.toValueString(t))])]):(0,_ui.renderEmptyElement)(d)},d},render(){return this.renderVN()}});

package/lib/tooltip/src/tooltip.js

@@ -5,13 +5,14 @@ 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");
 var _dom = require("../../ui/src/dom");
 var _vn = require("../../ui/src/vn");
 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: 'VxeTooltip',
   props: {
     modelValue: Boolean,

package/lib/tooltip/src/tooltip.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"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().tooltip.size||(0,_ui.getConfig)().size},selector:String,trigger:{type:String,default:()=>(0,_ui.getConfig)().tooltip.trigger||"hover"},theme:{type:String,default:()=>(0,_ui.getConfig)().tooltip.theme||"dark"},content:{type:[String,Number],default:null},useHTML:Boolean,zIndex:[String,Number],popupClassName:[String,Function],isArrow:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.isArrow},enterable:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.enterable},enterDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.enterDelay},leaveDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.leaveDelay}},emits:["update:modelValue"],setup(p,e){const{slots:v,emit:l}=e;var t=_xeUtils.default.uniqueId();const c=(0,_ui.useSize)(p)["computeSize"],d=(0,_vue.reactive)({target:null,isUpdate:!1,visible:!1,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}),o={},f=(0,_vue.ref)(),i={refElem:f},g={xID:t,props:p,context:e,reactData:d,internalData:o,getRefMaps:()=>i};let r={};const n=()=>{var{tipTarget:i,tipStore:l}=d;if(i){var{scrollTop:r,scrollLeft:o,visibleWidth:n}=(0,_dom.getDomNode)(),{top:a,left:u}=(0,_dom.getAbsolutePos)(i),s=f.value,p=s.offsetHeight,s=s.offsetWidth;let e=u,t=a-p-6;(e=Math.max(6,u+Math.floor((i.offsetWidth-s)/2)))+s+6>o+n&&(e=o+n-s-6),a-p<r+6&&(l.placement="bottom",t=a+i.offsetHeight+6),l.style.top=t+"px",l.style.left=e+"px",l.arrowStyle.left=u-e+i.offsetWidth/2+"px"}},a=e=>{e!==d.visible&&(d.visible=e,d.isUpdate=!0,l("update:modelValue",e))},u=()=>{d.tipZindex<(0,_utils.getLastZIndex)()&&(d.tipZindex=(0,_utils.nextZIndex)())},s=()=>{d.visible?r.close():S(d.target||C(),p.content)},_=()=>{S(d.target||C(),p.content)},m=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e?setTimeout(()=>{d.tipActive||r.close()},i):r.close()},x=()=>{d.tipActive=!0},y=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{d.tipActive||r.close()},i)},h=()=>{var e=d["tipStore"],t=f.value;return t&&!t.parentNode&&document.body.appendChild(t),a(!0),u(),e.placement="top",e.style={width:"auto",left:0,top:0,zIndex:p.zIndex||d.tipZindex},e.arrowStyle={left:"50%"},r.updatePlacement()},b=()=>{o.showDelayTip=_xeUtils.default.debounce(()=>{d.tipActive&&h()},p.enterDelay,{leading:!1,trailing:!0})},S=(e,t)=>{var i=v.content;if((i||""!==t&&!_xeUtils.default.eqNull(t))&&e){var i=o["showDelayTip"],{trigger:l,enterDelay:r}=p;if(d.tipActive=!0,d.tipTarget=e,d.tipContent=t,!r||"hover"!==l)return h();i&&i()}return(0,_vue.nextTick)()},C=()=>{var e=p["selector"];if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e)}return null};r={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$tooltip:g},t))},open(e,t){return S(e||d.target||C(),t)},close(){return d.tipTarget=null,d.tipActive=!1,Object.assign(d.tipStore,{style:{},placement:"",arrowStyle:null}),a(!1),(0,_vue.nextTick)()},toVisible(e,t){return S(e,t)},updatePlacement(){return(0,_vue.nextTick)().then(()=>{var e=d["tipTarget"],t=f.value;if(e&&t)return n(),(0,_vue.nextTick)().then(()=>{n()})})},isActived(){return d.tipActive},setActived(e){d.tipActive=!!e}},Object.assign(g,r);return(0,_vue.watch)(()=>p.enterDelay,()=>{b()}),(0,_vue.watch)(()=>p.content,e=>{d.tipContent=e}),(0,_vue.watch)(()=>p.modelValue,e=>{d.isUpdate||(e?S(d.target||C(),p.content):r.close()),d.isUpdate=!1}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e,{trigger:t,content:i}=p;const l=f.value;if(l){const r=l.parentNode;r&&(d.tipContent=i,d.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(l.children,(e,t)=>{1<t&&(r.insertBefore(e,l),d.target||(d.target=e))}),r.removeChild(l),e=d["target"],e&&("hover"===t?(e.onmouseenter=_,e.onmouseleave=m):"click"===t&&(e.onclick=s)),p.modelValue)&&S(e||C(),i)}})}),(0,_vue.onBeforeUnmount)(()=>{var e=d["target"],t=f.value;e&&(e.onmouseenter=null,e.onmouseleave=null,e.onclick=null),t&&(e=t.parentNode)&&e.removeChild(t)}),b(),g.renderVN=()=>{var{popupClassName:e,theme:t,isArrow:i,enterable:l}=p,{tipActive:r,visible:o,tipStore:n}=d,a=v.default,u=c.value;let s;return l&&(s={onMouseenter:x,onMouseleave:y}),(0,_vue.h)("div",Object.assign({ref:f,class:["vxe-tooltip--wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:g}):e:"",{["size--"+u]:u,["placement--"+n.placement]:n.placement,"is--enterable":l,"is--visible":o,"is--arrow":i,"is--active":r}],style:n.style},s),[(t=p.useHTML,e=d.tipContent,(u=v.content)?(0,_vue.h)("div",{key:1,class:"vxe-tooltip--content"},(0,_vn.getSlotVNs)(u({}))):t?(0,_vue.h)("div",{key:2,class:"vxe-tooltip--content",innerHTML:e}):(0,_vue.h)("div",{key:3,class:"vxe-tooltip--content"},""+e)),(0,_vue.h)("div",{class:"vxe-tooltip--arrow",style:n.arrowStyle}),...a?(0,_vn.getSlotVNs)(a({})):[]])},g},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"),_utils=require("../../ui/src/utils"),_dom=require("../../ui/src/dom"),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTooltip",props:{modelValue:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().tooltip.size||(0,_ui.getConfig)().size},selector:String,trigger:{type:String,default:()=>(0,_ui.getConfig)().tooltip.trigger||"hover"},theme:{type:String,default:()=>(0,_ui.getConfig)().tooltip.theme||"dark"},content:{type:[String,Number],default:null},useHTML:Boolean,zIndex:[String,Number],popupClassName:[String,Function],isArrow:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.isArrow},enterable:{type:Boolean,default:()=>(0,_ui.getConfig)().tooltip.enterable},enterDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.enterDelay},leaveDelay:{type:Number,default:()=>(0,_ui.getConfig)().tooltip.leaveDelay}},emits:["update:modelValue"],setup(p,e){const{slots:c,emit:r}=e;var t=_xeUtils.default.uniqueId();const v=(0,_ui.useSize)(p)["computeSize"],d=(0,_vue.reactive)({target:null,isUpdate:!1,visible:!1,tipContent:"",tipActive:!1,tipTarget:null,tipZindex:0,tipStore:{style:{},placement:"",arrowStyle:{}}}),o={},f=(0,_vue.ref)(),i={refElem:f},g={xID:t,props:p,context:e,reactData:d,internalData:o,getRefMaps:()=>i};let l={};const n=()=>{var{tipTarget:i,tipStore:r}=d;if(i){var{scrollTop:l,scrollLeft:o,visibleWidth:n}=(0,_dom.getDomNode)(),{top:a,left:u}=(0,_dom.getAbsolutePos)(i),s=f.value,p=s.offsetHeight,s=s.offsetWidth;let e=u,t=a-p-6;(e=Math.max(6,u+Math.floor((i.offsetWidth-s)/2)))+s+6>o+n&&(e=o+n-s-6),a-p<l+6&&(r.placement="bottom",t=a+i.offsetHeight+6),r.style.top=t+"px",r.style.left=e+"px",r.arrowStyle.left=u-e+i.offsetWidth/2+"px"}},a=e=>{e!==d.visible&&(d.visible=e,d.isUpdate=!0,r("update:modelValue",e))},u=()=>{d.tipZindex<(0,_utils.getLastZIndex)()&&(d.tipZindex=(0,_utils.nextZIndex)())},s=()=>{d.visible?l.close():S(d.target||C(),p.content)},_=()=>{S(d.target||C(),p.content)},m=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e?setTimeout(()=>{d.tipActive||l.close()},i):l.close()},x=()=>{d.tipActive=!0},y=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{d.tipActive||l.close()},i)},h=()=>{var e=d["tipStore"],t=f.value;return t&&!t.parentNode&&document.body.appendChild(t),a(!0),u(),e.placement="top",e.style={width:"auto",left:0,top:0,zIndex:p.zIndex||d.tipZindex},e.arrowStyle={left:"50%"},l.updatePlacement()},b=()=>{o.showDelayTip=_xeUtils.default.debounce(()=>{d.tipActive&&h()},p.enterDelay,{leading:!1,trailing:!0})},S=(e,t)=>{var i=c.content;if((i||""!==t&&!_xeUtils.default.eqNull(t))&&e){var i=o["showDelayTip"],{trigger:r,enterDelay:l}=p;if(d.tipActive=!0,d.tipTarget=e,d.tipContent=t,!l||"hover"!==r)return h();i&&i()}return(0,_vue.nextTick)()},C=()=>{var e=p["selector"];if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e)}return null};l={dispatchEvent(e,t,i){r(e,(0,_ui.createEvent)(i,{$tooltip:g},t))},open(e,t){return S(e||d.target||C(),t)},close(){return d.tipTarget=null,d.tipActive=!1,Object.assign(d.tipStore,{style:{},placement:"",arrowStyle:null}),a(!1),(0,_vue.nextTick)()},toVisible(e,t){return S(e,t)},updatePlacement(){return(0,_vue.nextTick)().then(()=>{var e=d["tipTarget"],t=f.value;if(e&&t)return n(),(0,_vue.nextTick)().then(()=>{n()})})},isActived(){return d.tipActive},setActived(e){d.tipActive=!!e}},Object.assign(g,l);return(0,_vue.watch)(()=>p.enterDelay,()=>{b()}),(0,_vue.watch)(()=>p.content,e=>{d.tipContent=e}),(0,_vue.watch)(()=>p.modelValue,e=>{d.isUpdate||(e?S(d.target||C(),p.content):l.close()),d.isUpdate=!1}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e,{trigger:t,content:i}=p;const r=f.value;if(r){const l=r.parentNode;l&&(d.tipContent=i,d.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(r.children,(e,t)=>{1<t&&(l.insertBefore(e,r),d.target||(d.target=e))}),l.removeChild(r),e=d["target"],e&&("hover"===t?(e.onmouseenter=_,e.onmouseleave=m):"click"===t&&(e.onclick=s)),p.modelValue)&&S(e||C(),i)}})}),(0,_vue.onBeforeUnmount)(()=>{var e=d["target"],t=f.value;e&&(e.onmouseenter=null,e.onmouseleave=null,e.onclick=null),t&&(e=t.parentNode)&&e.removeChild(t)}),b(),g.renderVN=()=>{var{popupClassName:e,theme:t,isArrow:i,enterable:r}=p,{tipActive:l,visible:o,tipStore:n}=d,a=c.default,u=v.value;let s;return r&&(s={onMouseenter:x,onMouseleave:y}),(0,_vue.h)("div",Object.assign({ref:f,class:["vxe-tooltip--wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:g}):e:"",{["size--"+u]:u,["placement--"+n.placement]:n.placement,"is--enterable":r,"is--visible":o,"is--arrow":i,"is--active":l}],style:n.style},s),[(t=p.useHTML,e=d.tipContent,(u=c.content)?(0,_vue.h)("div",{key:1,class:"vxe-tooltip--content"},(0,_vn.getSlotVNs)(u({}))):t?(0,_vue.h)("div",{key:2,class:"vxe-tooltip--content",innerHTML:e}):(0,_vue.h)("div",{key:3,class:"vxe-tooltip--content"},""+e)),(0,_vue.h)("div",{class:"vxe-tooltip--arrow",style:n.arrowStyle}),...a?(0,_vn.getSlotVNs)(a({})):[]])},g},render(){return this.renderVN()}});

package/lib/tree/src/tree.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 _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _vn = require("../../ui/src/vn");
@@ -17,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function getNodeUniqueId() {
   return _xeUtils.default.uniqueId('node_');
 }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeTree',
   props: {
     data: Array,

package/lib/tree/src/tree.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getNodeUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTree",props:{data:Array,height:[String,Number],minHeight:{type:[String,Number],default:()=>(0,_ui.getConfig)().tree.minHeight},loading:Boolean,loadingConfig:Object,accordion:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.accordion},childrenField:{type:String,default:()=>(0,_ui.getConfig)().tree.childrenField},valueField:{type:String,default:()=>(0,_ui.getConfig)().tree.valueField},keyField:{type:String,default:()=>(0,_ui.getConfig)().tree.keyField},parentField:{type:String,default:()=>(0,_ui.getConfig)().tree.parentField},titleField:{type:String,default:()=>(0,_ui.getConfig)().tree.titleField},hasChildField:{type:String,default:()=>(0,_ui.getConfig)().tree.hasChildField},mapChildrenField:{type:String,default:()=>(0,_ui.getConfig)().tree.mapChildrenField},transform:Boolean,isCurrent:Boolean,isHover:Boolean,expandAll:Boolean,showLine:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.showLine},trigger:String,indent:{type:Number,default:()=>(0,_ui.getConfig)().tree.indent},showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.showRadio},checkNodeKey:{type:[String,Number],default:()=>(0,_ui.getConfig)().tree.checkNodeKey},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.showCheckbox},checkNodeKeys:{type:Array,default:()=>(0,_ui.getConfig)().tree.checkNodeKeys},checkboxConfig:Object,nodeConfig:Object,lazy:Boolean,toggleMethod:Function,loadMethod:Function,showIcon:{type:Boolean,default:!0},iconOpen:{type:String,default:()=>(0,_ui.getConfig)().tree.iconOpen},iconClose:{type:String,default:()=>(0,_ui.getConfig)().tree.iconClose},iconLoaded:{type:String,default:()=>(0,_ui.getConfig)().tree.iconLoaded},size:{type:String,default:()=>(0,_ui.getConfig)().tree.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","update:checkNodeKey","update:checkNodeKeys","node-click","node-dblclick","current-change","radio-change","checkbox-change","load-success","load-error"],setup(L,e){const{emit:d,slots:w}=e;var C=_xeUtils.default.uniqueId();const k=(0,_ui.useSize)(L)["computeSize"],c=(0,_vue.ref)(),R=(0,_vue.reactive)({currentNode:null,selectRadioKey:L.checkNodeKey,treeList:[],updateExpandedFlag:1,updateCheckboxFlag:1}),T={nodeMaps:{},selectCheckboxMaps:{},indeterminateRowMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{}},E={refElem:c},X=(0,_vue.computed)(()=>L.titleField||"title"),u=(0,_vue.computed)(()=>L.keyField||"id"),s=(0,_vue.computed)(()=>{var e=u.value;return L.valueField||e}),y=(0,_vue.computed)(()=>L.parentField||"parentId"),K=(0,_vue.computed)(()=>L.childrenField||"children"),h=(0,_vue.computed)(()=>L.mapChildrenField||"mapChildren"),O=(0,_vue.computed)(()=>L.hasChildField||"hasChild"),m=(0,_vue.computed)(()=>{var e=p.value["isCurrent"];return _xeUtils.default.isBoolean(e)?e:L.isCurrent}),N=(0,_vue.computed)(()=>{var e=p.value["isHover"];return _xeUtils.default.isBoolean(e)?e:L.isHover}),B=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.radioConfig,L.radioConfig)),S=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.checkboxConfig,L.checkboxConfig)),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tree.nodeConfig,L.nodeConfig)),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tree.loadingConfig,L.loadingConfig)),b=(0,_vue.computed)(()=>{var{height:e,minHeight:t}=L,a={};return e&&(a.height=(0,_dom.toCssUnit)(e)),t&&(a.minHeight=(0,_dom.toCssUnit)(t)),a}),U={computeRadioOpts:B,computeCheckboxOpts:S,computeNodeOpts:p},z={xID:C,props:L,context:e,internalData:T,reactData:R,getRefMaps:()=>E,getComputeMaps:()=>U},A=e=>{var t=s.value,e=_xeUtils.default.get(e,t);return _xeUtils.default.eqNull(e)?"":encodeURIComponent(e)};const t=e=>{var t=R["selectRadioKey"];return t===e};const D=e=>{var t=R["updateCheckboxFlag"],a=T["selectCheckboxMaps"];return!(!t||!a[e])};const q=e=>{var t=R["updateCheckboxFlag"],a=T["indeterminateRowMaps"];return!(!t||!a[e])};const I=e=>{d("update:checkNodeKeys",e)},F=e=>{d("update:checkNodeKey",e)};const a=(e,t)=>{const a=T["nodeMaps"];if(e){_xeUtils.default.isArray(e)||(e=[e]);const d=[];e.forEach(e=>{e=a[e];e&&d.push(e.item)}),i(d,t)}return(0,_vue.nextTick)()},i=(e,a)=>{var t=L["transform"];const d=T["selectCheckboxMaps"];var n=h.value,o=K.value,r=S.value["checkStrictly"],i=e=>{var t=A(e);a?d[t]||(d[t]=e):d[t]&&delete d[t]};r?e.forEach(i):_xeUtils.default.eachTree(e,i,{children:t?n:o}),R.updateCheckboxFlag++,x()},n=(e,t,a)=>{t?a[e]||(a[e]=!0):a[e]&&delete a[e]},H=(e,t,a)=>{d(e,(0,_ui.createEvent)(a,{$tree:z},t))},o={dispatchEvent:H,clearCurrentNode(){return(R.currentNode=null,_vue.nextTick)()},getCurrentNodeId(){var e=R["currentNode"];return e?A(e):null},getCurrentNode(){var e=R["currentNode"],t=T["nodeMaps"];if(e){t=t[A(e)];if(t)return t.item}return null},setCurrentNodeId(e){var t=T["nodeMaps"],t=t[e];return R.currentNode=t?t.item:null,(0,_vue.nextTick)()},setCurrentNode(e){return R.currentNode=e,(0,_vue.nextTick)()},clearRadioNode(){return(R.selectRadioKey=null,_vue.nextTick)()},getRadioNodeId(){return R.selectRadioKey||null},getRadioNode(){var e=R["selectRadioKey"],t=T["nodeMaps"];if(e){t=t[e];if(t)return t.item}return null},setRadioNodeId(e){return R.selectRadioKey=e,(0,_vue.nextTick)()},setRadioNode:e=>(e&&(R.selectRadioKey=A(e)),(0,_vue.nextTick)()),setCheckboxNode:(e,t)=>(e&&(_xeUtils.default.isArray(e)||(e=[e]),i(e,t)),(0,_vue.nextTick)()),setCheckboxByNodeId:a,getCheckboxNodeIds(){var e=T["selectCheckboxMaps"];return Object.keys(e)},getCheckboxNodes(){const{nodeMaps:a,selectCheckboxMaps:e}=T,d=[];return _xeUtils.default.each(e,(e,t)=>{t=a[t];t&&d.push(t.item)}),d},clearCheckboxNode(){return T.selectCheckboxMaps={},R.updateCheckboxFlag++,(0,_vue.nextTick)()},setAllCheckboxNode(e){var t=L["transform"];const a={};var d=K.value,n=h.value;return e&&_xeUtils.default.eachTree(R.treeList,e=>{e=A(e);a[e]=!0},{children:t?n:d}),T.selectCheckboxMaps=a,R.updateCheckboxFlag++,(0,_vue.nextTick)()},clearExpandNode(){return o.clearAllExpandNode()},clearAllExpandNode(){var e=T["nodeMaps"];return _xeUtils.default.each(e,e=>{e.treeLoaded=!1}),T.treeExpandedMaps={},R.updateExpandedFlag++,(0,_vue.nextTick)()},setExpandByNodeId(e,t){const a=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{n(e,t,a)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},getExpandNodeIds(){var e=T["treeExpandedMaps"];return _xeUtils.default.keys(e)},getExpandNodes(){const{nodeMaps:a,treeExpandedMaps:e}=T,d=[];return _xeUtils.default.each(e,(e,t)=>{t=a[t];t&&d.push(t.item)}),d},setExpandNode(e,t){const a=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=A(e);n(e,t,a)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},toggleExpandByNodeId(e){const t=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{n(e,!t[e],t)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},toggleExpandNode(e){const t=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=A(e);n(e,!t[e],t)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},setAllExpandNode(e){var t=L["transform"];const a=T["treeExpandedMaps"],d=K.value;var n=h.value;return e?_xeUtils.default.eachTree(R.treeList,e=>{var t=_xeUtils.default.get(e,d);t&&t.length&&(t=A(e),a[t]=!0)},{children:t?n:d}):T.treeExpandedMaps={},R.updateExpandedFlag++,(0,_vue.nextTick)()},reloadExpandNode(e){var t=L["lazy"];return t?(o.clearExpandLoaded(e),g(e)):(0,_vue.nextTick)()},clearExpandLoaded(e){var t=L["lazy"],a=T["nodeMaps"];return t&&(t=a[A(e)])&&(t.treeLoaded=!1),(0,_vue.nextTick)()},loadChildrenNode(r,e){const{lazy:t,transform:a}=L,i=T["nodeMaps"];if(!t)return Promise.resolve([]);const d=K.value,l=i[A(r)],u=l?l.level:0,c=l?l.nodes:[];return(e=>{const a=s.value;return Promise.resolve(e.map(e=>{var t,e=Object.assign({},e);return A(e)||(t=getNodeUniqueId(),_xeUtils.default.set(e,a,t)),e}))})(e).then(e=>(_xeUtils.default.eachTree(e,(e,t,a,d,n,o)=>{e=A(e);i[e]={item:r,itemIndex:-1,items:a,parent:n||l.item,nodes:c.concat(o),level:u+o.length,lineCount:0,treeLoaded:!1}},{children:d}),r[d]=e,a&&(r[d]=e),v(r),e))},isExpandByNode:e=>{var t=R["updateExpandedFlag"],a=T["treeExpandedMaps"],e=A(e);return!(!t||!a[e])},isCheckedByRadioNodeId:t,isCheckedByRadioNode:e=>t(A(e)),isCheckedByCheckboxNodeId:D,isIndeterminateByCheckboxNode:e=>q(A(e)),isCheckedByCheckboxNode:e=>D(A(e)),getCheckboxIndeterminateNodes(){const{nodeMaps:a,indeterminateRowMaps:e}=T,d=[];return _xeUtils.default.each(e,(e,t)=>{t=a[t];t&&d.push(t.item)}),d}},r=e=>{var{expandAll:t,transform:a}=L,d=T["initialized"],n=u.value,o=y.value,r=h.value;R.treeList=a?_xeUtils.default.toArrayTree(e,{key:n,parentKey:o,mapChildren:r}):e?e.slice(0):[];{a=L.transform,n=R.treeList;const i=s.value,l=(o=K.value,r=h.value,{});_xeUtils.default.eachTree(n,(e,t,a,d,n,o)=>{let r=A(e);r||(r=getNodeUniqueId(),_xeUtils.default.set(e,i,r)),l[r]={item:e,itemIndex:t,items:a,parent:n,nodes:o,level:o.length,lineCount:0,treeLoaded:!1}},{children:a?r:o}),T.nodeMaps=l}d||e&&e.length&&(T.initialized=!0,t&&z.setAllExpandNode(!0),z.setCheckboxByNodeId(L.checkNodeKeys||[],!0))},l=(e,d,n)=>{var t=T["treeExpandedMaps"],a=K.value,o=A(e);n.lineCount++,t[o]&&_xeUtils.default.arrayEach(e[a],(e,t,a)=>{(!d||t<a.length-1)&&l(e,!1,n)})},v=e=>{const a=T["nodeMaps"];e&&(e=A(e),e=a[e])&&_xeUtils.default.lastArrayEach(e.nodes,e=>{var t=A(e),t=a[t];t&&(t.lineCount=0,l(e,!0,t))})},G=(e,t)=>{var{showRadio:a,showCheckbox:d,trigger:n}=L,o=B.value,r=S.value;let i=!1,l=!1,u=!1,c=!1;m.value?(i=!0,((e,t)=>{e.preventDefault();const a=p.value,{currentMethod:d,trigger:n}=a,o=K.value,r=_xeUtils.default.get(t,o),i=r&&r.length;let l=!!d;if(n==="child"){if(i)return}else if(n==="parent")if(!i)return;if(d)l=!d({node:t});var u;l||(u=!0,R.currentNode=t,H("current-change",{node:t,checked:!0},e))})(e,t)):R.currentNode&&(R.currentNode=null),"node"===n&&(c=!0,j(e,t)),a&&"node"===o.trigger&&(l=!0,V(e,t)),d&&"node"===r.trigger&&(u=!0,P(e,t)),H("node-click",{node:t,triggerCurrent:i,triggerRadio:l,triggerCheckbox:u,triggerExpand:c},e)},g=o=>{var e=S.value;const a=L["loadMethod"],r=e["checkStrictly"];return new Promise(e=>{if(a){var t=T["nodeMaps"];const d=A(o),n=t[d];T.treeExpandLazyLoadedMaps[d]=!0,Promise.resolve(a({$tree:z,node:o})).then(a=>{var e=T["treeExpandLazyLoadedMaps"];if(n.treeLoaded=!0,e[d]&&(e[d]=!1),a=_xeUtils.default.isArray(a)?a:[])return z.loadChildrenNode(o,a).then(e=>{var t=T["treeExpandedMaps"];return e.length&&!t[d]&&(t[d]=!0),R.updateExpandedFlag++,!r&&z.isCheckedByCheckboxNodeId(d)&&i(e,!0),v(o),H("load-success",{node:o,data:a},new Event("load-success")),(0,_vue.nextTick)()});v(o),H("load-success",{node:o,data:a},new Event("load-success"))}).catch(e=>{var t=T["treeExpandLazyLoadedMaps"];n.treeLoaded=!1,t[d]&&(t[d]=!1),v(o),H("load-error",{node:o,data:e},new Event("load-error"))}).finally(()=>(0,_vue.nextTick)())}else e()})},J=(e,t)=>{const{lazy:d,accordion:a,toggleMethod:n}=L,{treeExpandLazyLoadedMaps:o,treeExpandedMaps:r}=T,i=T["nodeMaps"],l=K.value,u=O.value,c=[];let s=n?e.filter(e=>n({$tree:z,expanded:t,node:e})):e;a&&(s=s.length?[s[s.length-1]]:[],e=A(s[0]),e=i[e])&&e.items.forEach(e=>{e=A(e);r[e]&&delete r[e]});const h=[];return t?s.forEach(e=>{var t,a=A(e);r[a]||(t=i[a],d&&e[u]&&!t.treeLoaded&&!o[a]?c.push(g(e)):e[l]&&e[l].length&&(r[a]=!0,h.push(e)))}):s.forEach(e=>{var t=A(e);r[t]&&(delete r[t],h.push(e))}),R.updateExpandedFlag++,h.forEach(v),Promise.all(c)},j=(e,t)=>{var a=L["lazy"],{treeExpandedMaps:d,treeExpandLazyLoadedMaps:n}=T,o=A(t),d=!d[o];e.stopPropagation(),a&&n[o]||J([t],d)},x=()=>{var e=L["transform"],t=R["treeList"];const{selectCheckboxMaps:i,indeterminateRowMaps:l}=T,d=K.value;var a=h.value;const{checkStrictly:n,checkMethod:u}=S.value;if(!n){const o={},r=[];_xeUtils.default.eachTree(t,e=>{var t=A(e),a=e[d];a&&a.length&&!o[t]&&(o[t]=1,r.unshift([e,t,a]))},{children:e?a:d}),r.forEach(e=>{var t=e[0],a=e[1],e=e[2];let d=0,n=0,o=0;e.forEach(u?e=>{var t=A(e),a=i[t];u({node:e})?(a?d++:l[t]&&n++,o++):a?d++:l[t]&&n++}:e=>{e=A(e);i[e]?d++:l[e]&&n++,o++});var e=d>=o,r=!e&&(1<=d||1<=n);e?(i[a]=t,l[a]&&delete l[a]):(i[a]&&delete i[a],r?l[a]=t:l[a]&&delete l[a])}),R.updateCheckboxFlag++}},P=(e,a)=>{e.preventDefault(),e.stopPropagation();var d=L["transform"];const n=T["selectCheckboxMaps"];var o=K.value,r=h.value,{checkStrictly:i,checkMethod:l}=S.value;let t=!!l;if(!(t=l?!l({node:a}):t)){l=A(a);let t=!1;n[l]?delete n[l]:(t=!0,n[l]=a),i||_xeUtils.default.eachTree(_xeUtils.default.get(a,o),e=>{e=A(e);t?n[e]||(n[e]=!0):n[e]&&delete n[e]},{children:d?r:o}),R.updateCheckboxFlag++,x();l=_xeUtils.default.keys(n);I(l),H("checkbox-change",{node:a,value:l,checked:t},e)}},V=(e,t)=>{e.preventDefault(),e.stopPropagation();var a=B.value["checkMethod"];let d=!!a;(d=a?!a({node:t}):d)||(a=A(t),R.selectRadioKey=a,F(a),H("radio-change",{node:t,value:a,checked:!0},e))};Object.assign(z,o,{});const $=a=>{var{lazy:e,showRadio:t,showCheckbox:d,showLine:n,indent:o,iconOpen:r,iconClose:i,iconLoaded:l,showIcon:u}=L,{currentNode:c,selectRadioKey:s,updateExpandedFlag:h}=R,{nodeMaps:p,treeExpandedMaps:v,treeExpandLazyLoadedMaps:g}=T,x=K.value,_=X.value,f=O.value,x=_xeUtils.default.get(a,x),C=x&&x.length,k=w.icon,E=w.title,y=w.extra,m=A(a),h=h&&v[m],p=p[m],_=_xeUtils.default.get(a,_);const N=[];C&&v[m]&&(n&&N.push((0,_vue.h)("div",{key:"line",class:"vxe-tree--node-child-line",style:{height:`calc(${p.lineCount} * var(--vxe-ui-tree-node-height) - var(--vxe-ui-tree-node-height) / 2)`,left:(p.level+1)*(o||1)+"px"}})),x.forEach(e=>{N.push($(e))}));let M=!1,b=(t&&(M=m==s),!1),U=(d&&(b=D(m)),!1),I=!1,F=!1;return e&&(I=!!g[m],U=a[f],F=!!p.treeLoaded),(0,_vue.h)("div",{class:["vxe-tree--node-wrapper","node--level-"+p.level],nodeid:m},[(0,_vue.h)("div",{class:["vxe-tree--node-item",{"is--current":c&&m===A(c),"is-radio--checked":M,"is-checkbox--checked":b}],style:{paddingLeft:(p.level-1)*(o||1)+"px"},onClick(e){G(e,a)},onDblclick(e){var t;e=e,t=a,H("node-dblclick",{node:t},e)}},[u||n?(0,_vue.h)("div",{class:"vxe-tree--node-item-switcher"},u&&(!e||F?C:U)?[(0,_vue.h)("div",{class:"vxe-tree--node-item-icon",onClick(e){j(e,a)}},k?k({node:a,isExpand:h}):[(0,_vue.h)("i",{class:I?l||(0,_ui.getIcon)().TREE_NODE_LOADED:h?r||(0,_ui.getIcon)().TREE_NODE_OPEN:i||(0,_ui.getIcon)().TREE_NODE_CLOSE})])]:[]):(0,_ui.renderEmptyElement)(z),((t,e)=>{var a=L["showRadio"],{showIcon:d,checkMethod:n,visibleMethod:o}=B.value,o=!o||o({node:t});let r=!!n;return a&&d&&o?(n&&(r=!n({node:t})),(0,_vue.h)("div",{class:["vxe-tree--radio-option",{"is--checked":e,"is--disabled":r}],onClick:e=>{r||V(e,t)}},[(0,_vue.h)("span",{class:["vxe-radio--icon",e?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})])):(0,_ui.renderEmptyElement)(z)})(a,M),((t,e,a)=>{var d=L["showCheckbox"],{showIcon:n,checkMethod:o,visibleMethod:r}=S.value,e=q(e),r=!r||r({node:t});let i=!!o;return d&&n&&r?(o&&(i=!o({node:t})),(0,_vue.h)("div",{class:["vxe-tree--checkbox-option",{"is--checked":a,"is--indeterminate":e,"is--disabled":i}],onClick:e=>{i||P(e,t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:a?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})])):(0,_ui.renderEmptyElement)(z)})(a,m,b),(0,_vue.h)("div",{class:"vxe-tree--node-item-inner"},[(0,_vue.h)("div",{class:"vxe-tree--node-item-title"},E?(0,_vn.getSlotVNs)(E({node:a,isExpand:h})):""+_),y?(0,_vue.h)("div",{class:"vxe-tree--node-item-extra"},(0,_vn.getSlotVNs)(y({node:a,isExpand:h}))):(0,_ui.renderEmptyElement)(z)])]),C&&v[m]?(0,_vue.h)("div",{class:"vxe-tree--node-child-wrapper"},N):(0,_ui.renderEmptyElement)(z)])};const _=(0,_vue.ref)(0),f=((0,_vue.watch)(()=>L.data?L.data.length:0,()=>{_.value++}),(0,_vue.watch)(()=>L.data,()=>{_.value++}),(0,_vue.watch)(_,()=>{r(L.data||[])}),(0,_vue.watch)(()=>L.checkNodeKey,e=>{R.selectRadioKey=e}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>L.checkNodeKeys?L.checkNodeKeys.length:0,()=>{f.value++}),(0,_vue.watch)(()=>L.checkNodeKeys,()=>{f.value++}),(0,_vue.watch)(f,()=>{var e;e=L.checkNodeKeys||[],a(e,!0)}),(0,_vue.onUnmounted)(()=>{R.treeList=[],T.treeExpandedMaps={},T.indeterminateRowMaps={},T.nodeMaps={}}),r(L.data||[]),z.renderVN=()=>{var{loading:e,trigger:t,showLine:a}=L,d=k.value,n=B.value,o=S.value,r=b.value,i=M.value,l=N.value;const u=w.loading;return(0,_vue.h)("div",{ref:c,class:["vxe-tree",{["size--"+d]:d,"show--line":a,"checkbox--highlight":o.highlight,"radio--highlight":n.highlight,"node--hover":l,"node--trigger":"node"===t,"is--loading":e}],style:r},[(d=R.treeList,(0,_vue.h)("div",{class:"vxe-tree--node-list-wrapper"},d.map(e=>$(e)))),(0,_vue.h)(_loading.default,{class:"vxe-tree--loading",modelValue:e,icon:i.icon,text:i.text},u?{default:()=>u({$tree:z})}:{})])},z},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"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getNodeUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTree",props:{data:Array,height:[String,Number],minHeight:{type:[String,Number],default:()=>(0,_ui.getConfig)().tree.minHeight},loading:Boolean,loadingConfig:Object,accordion:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.accordion},childrenField:{type:String,default:()=>(0,_ui.getConfig)().tree.childrenField},valueField:{type:String,default:()=>(0,_ui.getConfig)().tree.valueField},keyField:{type:String,default:()=>(0,_ui.getConfig)().tree.keyField},parentField:{type:String,default:()=>(0,_ui.getConfig)().tree.parentField},titleField:{type:String,default:()=>(0,_ui.getConfig)().tree.titleField},hasChildField:{type:String,default:()=>(0,_ui.getConfig)().tree.hasChildField},mapChildrenField:{type:String,default:()=>(0,_ui.getConfig)().tree.mapChildrenField},transform:Boolean,isCurrent:Boolean,isHover:Boolean,expandAll:Boolean,showLine:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.showLine},trigger:String,indent:{type:Number,default:()=>(0,_ui.getConfig)().tree.indent},showRadio:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.showRadio},checkNodeKey:{type:[String,Number],default:()=>(0,_ui.getConfig)().tree.checkNodeKey},radioConfig:Object,showCheckbox:{type:Boolean,default:()=>(0,_ui.getConfig)().tree.showCheckbox},checkNodeKeys:{type:Array,default:()=>(0,_ui.getConfig)().tree.checkNodeKeys},checkboxConfig:Object,nodeConfig:Object,lazy:Boolean,toggleMethod:Function,loadMethod:Function,showIcon:{type:Boolean,default:!0},iconOpen:{type:String,default:()=>(0,_ui.getConfig)().tree.iconOpen},iconClose:{type:String,default:()=>(0,_ui.getConfig)().tree.iconClose},iconLoaded:{type:String,default:()=>(0,_ui.getConfig)().tree.iconLoaded},size:{type:String,default:()=>(0,_ui.getConfig)().tree.size||(0,_ui.getConfig)().size}},emits:["update:modelValue","update:checkNodeKey","update:checkNodeKeys","node-click","node-dblclick","current-change","radio-change","checkbox-change","load-success","load-error"],setup(L,e){const{emit:d,slots:w}=e;var C=_xeUtils.default.uniqueId();const k=(0,_ui.useSize)(L)["computeSize"],c=(0,_vue.ref)(),R=(0,_vue.reactive)({currentNode:null,selectRadioKey:L.checkNodeKey,treeList:[],updateExpandedFlag:1,updateCheckboxFlag:1}),T={nodeMaps:{},selectCheckboxMaps:{},indeterminateRowMaps:{},treeExpandedMaps:{},treeExpandLazyLoadedMaps:{}},E={refElem:c},X=(0,_vue.computed)(()=>L.titleField||"title"),u=(0,_vue.computed)(()=>L.keyField||"id"),s=(0,_vue.computed)(()=>{var e=u.value;return L.valueField||e}),y=(0,_vue.computed)(()=>L.parentField||"parentId"),K=(0,_vue.computed)(()=>L.childrenField||"children"),h=(0,_vue.computed)(()=>L.mapChildrenField||"mapChildren"),O=(0,_vue.computed)(()=>L.hasChildField||"hasChild"),m=(0,_vue.computed)(()=>{var e=p.value["isCurrent"];return _xeUtils.default.isBoolean(e)?e:L.isCurrent}),N=(0,_vue.computed)(()=>{var e=p.value["isHover"];return _xeUtils.default.isBoolean(e)?e:L.isHover}),B=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.radioConfig,L.radioConfig)),S=(0,_vue.computed)(()=>Object.assign({showIcon:!0},(0,_ui.getConfig)().tree.checkboxConfig,L.checkboxConfig)),p=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tree.nodeConfig,L.nodeConfig)),M=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().tree.loadingConfig,L.loadingConfig)),b=(0,_vue.computed)(()=>{var{height:e,minHeight:t}=L,a={};return e&&(a.height=(0,_dom.toCssUnit)(e)),t&&(a.minHeight=(0,_dom.toCssUnit)(t)),a}),U={computeRadioOpts:B,computeCheckboxOpts:S,computeNodeOpts:p},z={xID:C,props:L,context:e,internalData:T,reactData:R,getRefMaps:()=>E,getComputeMaps:()=>U},A=e=>{var t=s.value,e=_xeUtils.default.get(e,t);return _xeUtils.default.eqNull(e)?"":encodeURIComponent(e)};const t=e=>{var t=R["selectRadioKey"];return t===e};const D=e=>{var t=R["updateCheckboxFlag"],a=T["selectCheckboxMaps"];return!(!t||!a[e])};const q=e=>{var t=R["updateCheckboxFlag"],a=T["indeterminateRowMaps"];return!(!t||!a[e])};const I=e=>{d("update:checkNodeKeys",e)},F=e=>{d("update:checkNodeKey",e)};const a=(e,t)=>{const a=T["nodeMaps"];if(e){_xeUtils.default.isArray(e)||(e=[e]);const d=[];e.forEach(e=>{e=a[e];e&&d.push(e.item)}),i(d,t)}return(0,_vue.nextTick)()},i=(e,a)=>{var t=L["transform"];const d=T["selectCheckboxMaps"];var n=h.value,o=K.value,r=S.value["checkStrictly"],i=e=>{var t=A(e);a?d[t]||(d[t]=e):d[t]&&delete d[t]};r?e.forEach(i):_xeUtils.default.eachTree(e,i,{children:t?n:o}),R.updateCheckboxFlag++,x()},n=(e,t,a)=>{t?a[e]||(a[e]=!0):a[e]&&delete a[e]},H=(e,t,a)=>{d(e,(0,_ui.createEvent)(a,{$tree:z},t))},o={dispatchEvent:H,clearCurrentNode(){return(R.currentNode=null,_vue.nextTick)()},getCurrentNodeId(){var e=R["currentNode"];return e?A(e):null},getCurrentNode(){var e=R["currentNode"],t=T["nodeMaps"];if(e){t=t[A(e)];if(t)return t.item}return null},setCurrentNodeId(e){var t=T["nodeMaps"],t=t[e];return R.currentNode=t?t.item:null,(0,_vue.nextTick)()},setCurrentNode(e){return R.currentNode=e,(0,_vue.nextTick)()},clearRadioNode(){return(R.selectRadioKey=null,_vue.nextTick)()},getRadioNodeId(){return R.selectRadioKey||null},getRadioNode(){var e=R["selectRadioKey"],t=T["nodeMaps"];if(e){t=t[e];if(t)return t.item}return null},setRadioNodeId(e){return R.selectRadioKey=e,(0,_vue.nextTick)()},setRadioNode:e=>(e&&(R.selectRadioKey=A(e)),(0,_vue.nextTick)()),setCheckboxNode:(e,t)=>(e&&(_xeUtils.default.isArray(e)||(e=[e]),i(e,t)),(0,_vue.nextTick)()),setCheckboxByNodeId:a,getCheckboxNodeIds(){var e=T["selectCheckboxMaps"];return Object.keys(e)},getCheckboxNodes(){const{nodeMaps:a,selectCheckboxMaps:e}=T,d=[];return _xeUtils.default.each(e,(e,t)=>{t=a[t];t&&d.push(t.item)}),d},clearCheckboxNode(){return T.selectCheckboxMaps={},R.updateCheckboxFlag++,(0,_vue.nextTick)()},setAllCheckboxNode(e){var t=L["transform"];const a={};var d=K.value,n=h.value;return e&&_xeUtils.default.eachTree(R.treeList,e=>{e=A(e);a[e]=!0},{children:t?n:d}),T.selectCheckboxMaps=a,R.updateCheckboxFlag++,(0,_vue.nextTick)()},clearExpandNode(){return o.clearAllExpandNode()},clearAllExpandNode(){var e=T["nodeMaps"];return _xeUtils.default.each(e,e=>{e.treeLoaded=!1}),T.treeExpandedMaps={},R.updateExpandedFlag++,(0,_vue.nextTick)()},setExpandByNodeId(e,t){const a=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{n(e,t,a)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},getExpandNodeIds(){var e=T["treeExpandedMaps"];return _xeUtils.default.keys(e)},getExpandNodes(){const{nodeMaps:a,treeExpandedMaps:e}=T,d=[];return _xeUtils.default.each(e,(e,t)=>{t=a[t];t&&d.push(t.item)}),d},setExpandNode(e,t){const a=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=A(e);n(e,t,a)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},toggleExpandByNodeId(e){const t=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{n(e,!t[e],t)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},toggleExpandNode(e){const t=T["treeExpandedMaps"];return e&&((e=_xeUtils.default.isArray(e)?e:[e]).forEach(e=>{e=A(e);n(e,!t[e],t)}),R.updateExpandedFlag++),(0,_vue.nextTick)()},setAllExpandNode(e){var t=L["transform"];const a=T["treeExpandedMaps"],d=K.value;var n=h.value;return e?_xeUtils.default.eachTree(R.treeList,e=>{var t=_xeUtils.default.get(e,d);t&&t.length&&(t=A(e),a[t]=!0)},{children:t?n:d}):T.treeExpandedMaps={},R.updateExpandedFlag++,(0,_vue.nextTick)()},reloadExpandNode(e){var t=L["lazy"];return t?(o.clearExpandLoaded(e),g(e)):(0,_vue.nextTick)()},clearExpandLoaded(e){var t=L["lazy"],a=T["nodeMaps"];return t&&(t=a[A(e)])&&(t.treeLoaded=!1),(0,_vue.nextTick)()},loadChildrenNode(r,e){const{lazy:t,transform:a}=L,i=T["nodeMaps"];if(!t)return Promise.resolve([]);const d=K.value,l=i[A(r)],u=l?l.level:0,c=l?l.nodes:[];return(e=>{const a=s.value;return Promise.resolve(e.map(e=>{var t,e=Object.assign({},e);return A(e)||(t=getNodeUniqueId(),_xeUtils.default.set(e,a,t)),e}))})(e).then(e=>(_xeUtils.default.eachTree(e,(e,t,a,d,n,o)=>{e=A(e);i[e]={item:r,itemIndex:-1,items:a,parent:n||l.item,nodes:c.concat(o),level:u+o.length,lineCount:0,treeLoaded:!1}},{children:d}),r[d]=e,a&&(r[d]=e),v(r),e))},isExpandByNode:e=>{var t=R["updateExpandedFlag"],a=T["treeExpandedMaps"],e=A(e);return!(!t||!a[e])},isCheckedByRadioNodeId:t,isCheckedByRadioNode:e=>t(A(e)),isCheckedByCheckboxNodeId:D,isIndeterminateByCheckboxNode:e=>q(A(e)),isCheckedByCheckboxNode:e=>D(A(e)),getCheckboxIndeterminateNodes(){const{nodeMaps:a,indeterminateRowMaps:e}=T,d=[];return _xeUtils.default.each(e,(e,t)=>{t=a[t];t&&d.push(t.item)}),d}},r=e=>{var{expandAll:t,transform:a}=L,d=T["initialized"],n=u.value,o=y.value,r=h.value;R.treeList=a?_xeUtils.default.toArrayTree(e,{key:n,parentKey:o,mapChildren:r}):e?e.slice(0):[];{a=L.transform,n=R.treeList;const i=s.value,l=(o=K.value,r=h.value,{});_xeUtils.default.eachTree(n,(e,t,a,d,n,o)=>{let r=A(e);r||(r=getNodeUniqueId(),_xeUtils.default.set(e,i,r)),l[r]={item:e,itemIndex:t,items:a,parent:n,nodes:o,level:o.length,lineCount:0,treeLoaded:!1}},{children:a?r:o}),T.nodeMaps=l}d||e&&e.length&&(T.initialized=!0,t&&z.setAllExpandNode(!0),z.setCheckboxByNodeId(L.checkNodeKeys||[],!0))},l=(e,d,n)=>{var t=T["treeExpandedMaps"],a=K.value,o=A(e);n.lineCount++,t[o]&&_xeUtils.default.arrayEach(e[a],(e,t,a)=>{(!d||t<a.length-1)&&l(e,!1,n)})},v=e=>{const a=T["nodeMaps"];e&&(e=A(e),e=a[e])&&_xeUtils.default.lastArrayEach(e.nodes,e=>{var t=A(e),t=a[t];t&&(t.lineCount=0,l(e,!0,t))})},G=(e,t)=>{var{showRadio:a,showCheckbox:d,trigger:n}=L,o=B.value,r=S.value;let i=!1,l=!1,u=!1,c=!1;m.value?(i=!0,((e,t)=>{e.preventDefault();const a=p.value,{currentMethod:d,trigger:n}=a,o=K.value,r=_xeUtils.default.get(t,o),i=r&&r.length;let l=!!d;if(n==="child"){if(i)return}else if(n==="parent")if(!i)return;if(d)l=!d({node:t});var u;l||(u=!0,R.currentNode=t,H("current-change",{node:t,checked:!0},e))})(e,t)):R.currentNode&&(R.currentNode=null),"node"===n&&(c=!0,j(e,t)),a&&"node"===o.trigger&&(l=!0,V(e,t)),d&&"node"===r.trigger&&(u=!0,P(e,t)),H("node-click",{node:t,triggerCurrent:i,triggerRadio:l,triggerCheckbox:u,triggerExpand:c},e)},g=o=>{var e=S.value;const a=L["loadMethod"],r=e["checkStrictly"];return new Promise(e=>{if(a){var t=T["nodeMaps"];const d=A(o),n=t[d];T.treeExpandLazyLoadedMaps[d]=!0,Promise.resolve(a({$tree:z,node:o})).then(a=>{var e=T["treeExpandLazyLoadedMaps"];if(n.treeLoaded=!0,e[d]&&(e[d]=!1),a=_xeUtils.default.isArray(a)?a:[])return z.loadChildrenNode(o,a).then(e=>{var t=T["treeExpandedMaps"];return e.length&&!t[d]&&(t[d]=!0),R.updateExpandedFlag++,!r&&z.isCheckedByCheckboxNodeId(d)&&i(e,!0),v(o),H("load-success",{node:o,data:a},new Event("load-success")),(0,_vue.nextTick)()});v(o),H("load-success",{node:o,data:a},new Event("load-success"))}).catch(e=>{var t=T["treeExpandLazyLoadedMaps"];n.treeLoaded=!1,t[d]&&(t[d]=!1),v(o),H("load-error",{node:o,data:e},new Event("load-error"))}).finally(()=>(0,_vue.nextTick)())}else e()})},J=(e,t)=>{const{lazy:d,accordion:a,toggleMethod:n}=L,{treeExpandLazyLoadedMaps:o,treeExpandedMaps:r}=T,i=T["nodeMaps"],l=K.value,u=O.value,c=[];let s=n?e.filter(e=>n({$tree:z,expanded:t,node:e})):e;a&&(s=s.length?[s[s.length-1]]:[],e=A(s[0]),e=i[e])&&e.items.forEach(e=>{e=A(e);r[e]&&delete r[e]});const h=[];return t?s.forEach(e=>{var t,a=A(e);r[a]||(t=i[a],d&&e[u]&&!t.treeLoaded&&!o[a]?c.push(g(e)):e[l]&&e[l].length&&(r[a]=!0,h.push(e)))}):s.forEach(e=>{var t=A(e);r[t]&&(delete r[t],h.push(e))}),R.updateExpandedFlag++,h.forEach(v),Promise.all(c)},j=(e,t)=>{var a=L["lazy"],{treeExpandedMaps:d,treeExpandLazyLoadedMaps:n}=T,o=A(t),d=!d[o];e.stopPropagation(),a&&n[o]||J([t],d)},x=()=>{var e=L["transform"],t=R["treeList"];const{selectCheckboxMaps:i,indeterminateRowMaps:l}=T,d=K.value;var a=h.value;const{checkStrictly:n,checkMethod:u}=S.value;if(!n){const o={},r=[];_xeUtils.default.eachTree(t,e=>{var t=A(e),a=e[d];a&&a.length&&!o[t]&&(o[t]=1,r.unshift([e,t,a]))},{children:e?a:d}),r.forEach(e=>{var t=e[0],a=e[1],e=e[2];let d=0,n=0,o=0;e.forEach(u?e=>{var t=A(e),a=i[t];u({node:e})?(a?d++:l[t]&&n++,o++):a?d++:l[t]&&n++}:e=>{e=A(e);i[e]?d++:l[e]&&n++,o++});var e=d>=o,r=!e&&(1<=d||1<=n);e?(i[a]=t,l[a]&&delete l[a]):(i[a]&&delete i[a],r?l[a]=t:l[a]&&delete l[a])}),R.updateCheckboxFlag++}},P=(e,a)=>{e.preventDefault(),e.stopPropagation();var d=L["transform"];const n=T["selectCheckboxMaps"];var o=K.value,r=h.value,{checkStrictly:i,checkMethod:l}=S.value;let t=!!l;if(!(t=l?!l({node:a}):t)){l=A(a);let t=!1;n[l]?delete n[l]:(t=!0,n[l]=a),i||_xeUtils.default.eachTree(_xeUtils.default.get(a,o),e=>{e=A(e);t?n[e]||(n[e]=!0):n[e]&&delete n[e]},{children:d?r:o}),R.updateCheckboxFlag++,x();l=_xeUtils.default.keys(n);I(l),H("checkbox-change",{node:a,value:l,checked:t},e)}},V=(e,t)=>{e.preventDefault(),e.stopPropagation();var a=B.value["checkMethod"];let d=!!a;(d=a?!a({node:t}):d)||(a=A(t),R.selectRadioKey=a,F(a),H("radio-change",{node:t,value:a,checked:!0},e))};Object.assign(z,o,{});const $=a=>{var{lazy:e,showRadio:t,showCheckbox:d,showLine:n,indent:o,iconOpen:r,iconClose:i,iconLoaded:l,showIcon:u}=L,{currentNode:c,selectRadioKey:s,updateExpandedFlag:h}=R,{nodeMaps:p,treeExpandedMaps:v,treeExpandLazyLoadedMaps:g}=T,x=K.value,_=X.value,f=O.value,x=_xeUtils.default.get(a,x),C=x&&x.length,k=w.icon,E=w.title,y=w.extra,m=A(a),h=h&&v[m],p=p[m],_=_xeUtils.default.get(a,_);const N=[];C&&v[m]&&(n&&N.push((0,_vue.h)("div",{key:"line",class:"vxe-tree--node-child-line",style:{height:`calc(${p.lineCount} * var(--vxe-ui-tree-node-height) - var(--vxe-ui-tree-node-height) / 2)`,left:(p.level+1)*(o||1)+"px"}})),x.forEach(e=>{N.push($(e))}));let M=!1,b=(t&&(M=m==s),!1),U=(d&&(b=D(m)),!1),I=!1,F=!1;return e&&(I=!!g[m],U=a[f],F=!!p.treeLoaded),(0,_vue.h)("div",{class:["vxe-tree--node-wrapper","node--level-"+p.level],nodeid:m},[(0,_vue.h)("div",{class:["vxe-tree--node-item",{"is--current":c&&m===A(c),"is-radio--checked":M,"is-checkbox--checked":b}],style:{paddingLeft:(p.level-1)*(o||1)+"px"},onClick(e){G(e,a)},onDblclick(e){var t;e=e,t=a,H("node-dblclick",{node:t},e)}},[u||n?(0,_vue.h)("div",{class:"vxe-tree--node-item-switcher"},u&&(!e||F?C:U)?[(0,_vue.h)("div",{class:"vxe-tree--node-item-icon",onClick(e){j(e,a)}},k?k({node:a,isExpand:h}):[(0,_vue.h)("i",{class:I?l||(0,_ui.getIcon)().TREE_NODE_LOADED:h?r||(0,_ui.getIcon)().TREE_NODE_OPEN:i||(0,_ui.getIcon)().TREE_NODE_CLOSE})])]:[]):(0,_ui.renderEmptyElement)(z),((t,e)=>{var a=L["showRadio"],{showIcon:d,checkMethod:n,visibleMethod:o}=B.value,o=!o||o({node:t});let r=!!n;return a&&d&&o?(n&&(r=!n({node:t})),(0,_vue.h)("div",{class:["vxe-tree--radio-option",{"is--checked":e,"is--disabled":r}],onClick:e=>{r||V(e,t)}},[(0,_vue.h)("span",{class:["vxe-radio--icon",e?(0,_ui.getIcon)().RADIO_CHECKED:(0,_ui.getIcon)().RADIO_UNCHECKED]})])):(0,_ui.renderEmptyElement)(z)})(a,M),((t,e,a)=>{var d=L["showCheckbox"],{showIcon:n,checkMethod:o,visibleMethod:r}=S.value,e=q(e),r=!r||r({node:t});let i=!!o;return d&&n&&r?(o&&(i=!o({node:t})),(0,_vue.h)("div",{class:["vxe-tree--checkbox-option",{"is--checked":a,"is--indeterminate":e,"is--disabled":i}],onClick:e=>{i||P(e,t)}},[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?(0,_ui.getIcon)().CHECKBOX_INDETERMINATE:a?(0,_ui.getIcon)().CHECKBOX_CHECKED:(0,_ui.getIcon)().CHECKBOX_UNCHECKED]})])):(0,_ui.renderEmptyElement)(z)})(a,m,b),(0,_vue.h)("div",{class:"vxe-tree--node-item-inner"},[(0,_vue.h)("div",{class:"vxe-tree--node-item-title"},E?(0,_vn.getSlotVNs)(E({node:a,isExpand:h})):""+_),y?(0,_vue.h)("div",{class:"vxe-tree--node-item-extra"},(0,_vn.getSlotVNs)(y({node:a,isExpand:h}))):(0,_ui.renderEmptyElement)(z)])]),C&&v[m]?(0,_vue.h)("div",{class:"vxe-tree--node-child-wrapper"},N):(0,_ui.renderEmptyElement)(z)])};const _=(0,_vue.ref)(0),f=((0,_vue.watch)(()=>L.data?L.data.length:0,()=>{_.value++}),(0,_vue.watch)(()=>L.data,()=>{_.value++}),(0,_vue.watch)(_,()=>{r(L.data||[])}),(0,_vue.watch)(()=>L.checkNodeKey,e=>{R.selectRadioKey=e}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>L.checkNodeKeys?L.checkNodeKeys.length:0,()=>{f.value++}),(0,_vue.watch)(()=>L.checkNodeKeys,()=>{f.value++}),(0,_vue.watch)(f,()=>{var e;e=L.checkNodeKeys||[],a(e,!0)}),(0,_vue.onUnmounted)(()=>{R.treeList=[],T.treeExpandedMaps={},T.indeterminateRowMaps={},T.nodeMaps={}}),r(L.data||[]),z.renderVN=()=>{var{loading:e,trigger:t,showLine:a}=L,d=k.value,n=B.value,o=S.value,r=b.value,i=M.value,l=N.value;const u=w.loading;return(0,_vue.h)("div",{ref:c,class:["vxe-tree",{["size--"+d]:d,"show--line":a,"checkbox--highlight":o.highlight,"radio--highlight":n.highlight,"node--hover":l,"node--trigger":"node"===t,"is--loading":e}],style:r},[(d=R.treeList,(0,_vue.h)("div",{class:"vxe-tree--node-list-wrapper"},d.map(e=>$(e)))),(0,_vue.h)(_loading.default,{class:"vxe-tree--loading",modelValue:e,icon:i.icon,text:i.text},u?{default:()=>u({$tree:z})}:{})])},z},render(){return this.renderVN()}});

package/lib/tree-select/src/tree-select.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 _dom = require("../../ui/src/dom");
 var _utils = require("../../ui/src/utils");
@@ -16,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function getOptUniqueId() {
   return _xeUtils.default.uniqueId('node_');
 }
-var _default = exports.default = (0, _vue.defineComponent)({
+var _default = exports.default = (0, _comp.defineVxeComponent)({
   name: 'VxeTreeSelect',
   props: {
     modelValue: [String, Number, Array],