vxe-pc-ui 4.1.20 → 4.1.21

package/lib/tabs/src/tab-pane.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 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)({
@@ -22,7 +23,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
   emits: [],
   setup(props, context) {
     const {
-      slots
+      slots,
+      emit
     } = context;
     const xID = _xeUtils.default.uniqueId();
     const refElem = (0, _vue.ref)();
@@ -53,6 +55,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const dispatchEvent = (type, params, evnt) => {
+      emit(type, (0, _ui.createEvent)(evnt, {
+        $tabPane: $xeTabPane
+      }, params));
+    };
+    const tabPaneMethods = {
+      dispatchEvent
+    };
+    const tabPanePrivateMethods = {};
+    Object.assign($xeTabPane, tabPaneMethods, tabPanePrivateMethods);
     (0, _vue.watch)(() => props.title, val => {
       tabConfig.title = val;
     });
@@ -66,8 +78,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       tabConfig.permissionCode = val;
     });
     (0, _vue.onMounted)(() => {
-      if ($xeTabs && refElem.value) {
-        (0, _util.assembleAnchorTab)($xeTabs, refElem.value, tabConfig);
+      const elem = refElem.value;
+      if ($xeTabs && elem) {
+        (0, _util.assembleAnchorTab)($xeTabs, elem, tabConfig);
       }
     });
     (0, _vue.onUnmounted)(() => {

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")),_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){var i=t["slots"],r=_xeUtils.default.uniqueId();const u=(0,_vue.ref)(),n=(0,_vue.inject)("$xeTabs",null);var o=(0,_vue.reactive)({});const l=(0,_vue.reactive)({id:r,title:e.title,name:e.name,icon:e.icon,titleWidth:e.titleWidth,titleAlign:e.titleAlign,preload:e.preload,permissionCode:e.permissionCode,slots:{default:i.default}}),a={refElem:u},s={};i={xID:r,props:e,context:t,reactData:o,getRefMaps:()=>a,getComputeMaps:()=>s};(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)(()=>{n&&u.value&&(0,_util.assembleAnchorTab)(n,u.value,l)}),(0,_vue.onUnmounted)(()=>{n&&(0,_util.destroyAnchorTab)(n,l)});return i.renderVN=()=>(0,_vue.h)("div",{ref:u},[]),i},render(){return this.renderVN()}});
+"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:{default:i.default}}),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.assembleAnchorTab)(a,e,l)}),(0,_vue.onUnmounted)(()=>{a&&(0,_util.destroyAnchorTab)(a,l)});return v.renderVN=()=>(0,_vue.h)("div",{ref:u},[]),v},render(){return this.renderVN()}});

package/lib/tabs/src/tabs.js

@@ -49,31 +49,23 @@ var _default = exports.default = (0, _vue.defineComponent)({
       isTabOver: false,
       resizeFlag: 1
     });
+    const internalData = {
+      slTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
-    const handleFilterTab = item => {
-      const {
-        permissionCode
-      } = item;
-      if (permissionCode) {
-        if (!_ui.permission.checkVisible(permissionCode)) {
-          return false;
-        }
-      }
-      return true;
-    };
     const computeTabOptions = (0, _vue.computed)(() => {
       const {
         options
       } = props;
-      return (options || []).filter(handleFilterTab);
+      return (options || []).filter(item => handleFilterTab(item));
     });
     const computeTabStaticOptions = (0, _vue.computed)(() => {
       const {
         staticTabs
       } = reactData;
-      return staticTabs.filter(handleFilterTab);
+      return staticTabs.filter(item => handleFilterTab(item));
     });
     const computeMaps = {};
     const $xeTabs = {
@@ -84,6 +76,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
+    const handleFilterTab = item => {
+      const {
+        permissionCode
+      } = item;
+      if (permissionCode) {
+        if (!_ui.permission.checkVisible(permissionCode)) {
+          return false;
+        }
+      }
+      return true;
+    };
     const callSlot = (slotFunc, params) => {
       if (slotFunc) {
         if (_xeUtils.default.isString(slotFunc)) {
@@ -259,12 +262,17 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }, evnt);
       }
     };
-    let scrollTimeout = null;
     const startScrollAnimation = (offsetPos, offsetSize) => {
+      const {
+        slTimeout
+      } = internalData;
       let offsetLeft = offsetSize;
       let scrollCount = 6;
       let delayNum = 35;
-      clearTimeout(scrollTimeout);
+      if (slTimeout) {
+        clearTimeout(slTimeout);
+        internalData.slTimeout = undefined;
+      }
       const scrollAnimate = () => {
         const headerWrapperEl = refHeadWrapperElem.value;
         if (scrollCount > 0) {
@@ -280,13 +288,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
               if (clientWidth + scrollLeft < scrollWidth) {
                 headerWrapperEl.scrollLeft += offsetLeft;
                 delayNum -= 4;
-                scrollTimeout = setTimeout(scrollAnimate, delayNum);
+                internalData.slTimeout = setTimeout(scrollAnimate, delayNum);
               }
             } else {
               if (scrollLeft > 0) {
                 headerWrapperEl.scrollLeft -= offsetLeft;
                 delayNum -= 4;
-                scrollTimeout = setTimeout(scrollAnimate, delayNum);
+                internalData.slTimeout = setTimeout(scrollAnimate, delayNum);
               }
             }
             updateTabStyle();
@@ -340,42 +348,44 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       });
     };
-    const createHandlePrevNext = isNext => {
-      return () => {
-        const {
-          activeName
-        } = reactData;
-        const tabOptions = computeTabOptions.value;
-        const tabStaticOptions = computeTabStaticOptions.value;
-        const list = tabStaticOptions.length ? tabStaticOptions : tabOptions;
-        const index = _xeUtils.default.findIndexOf(list, item => item.name === activeName);
-        if (index > -1) {
-          let item = null;
-          if (isNext) {
-            if (index < list.length - 1) {
-              item = list[index + 1];
-            }
-          } else {
-            if (index > 0) {
-              item = list[index - 1];
-            }
+    const handlePrevNext = isNext => {
+      const {
+        activeName
+      } = reactData;
+      const tabOptions = computeTabOptions.value;
+      const tabStaticOptions = computeTabStaticOptions.value;
+      const list = tabStaticOptions.length ? tabStaticOptions : tabOptions;
+      const index = _xeUtils.default.findIndexOf(list, item => item.name === activeName);
+      if (index > -1) {
+        let item = null;
+        if (isNext) {
+          if (index < list.length - 1) {
+            item = list[index + 1];
           }
-          if (item) {
-            const name = item.name;
-            const value = name;
-            reactData.activeName = name;
-            emit('update:modelValue', value);
-            addInitName(name, null);
+        } else {
+          if (index > 0) {
+            item = list[index - 1];
           }
         }
-        return (0, _vue.nextTick)();
-      };
+        if (item) {
+          const name = item.name;
+          const value = name;
+          reactData.activeName = name;
+          emit('update:modelValue', value);
+          addInitName(name, null);
+        }
+      }
+      return (0, _vue.nextTick)();
     };
     const tabsMethods = {
       dispatchEvent,
       scrollToTab,
-      prev: createHandlePrevNext(false),
-      next: createHandlePrevNext(true),
+      prev() {
+        return handlePrevNext(false);
+      },
+      next() {
+        return handlePrevNext(true);
+      },
       prevTab() {
         if (process.env.NODE_ENV === 'development') {
           (0, _log.warnLog)('vxe.error.delFunc', ['prevTab', 'prev']);
@@ -506,9 +516,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       } = reactData;
       const activeDefaultTab = tabList.find(item => item.name === activeName);
       if (destroyOnClose) {
-        return activeDefaultTab ? [renderTabPane(activeDefaultTab)] : (0, _vue.createCommentVNode)();
+        return [activeDefaultTab ? renderTabPane(activeDefaultTab) : (0, _vue.createCommentVNode)()];
       }
-      return tabList.map(renderTabPane);
+      return tabList.map(item => renderTabPane(item));
     };
     const renderVN = () => {
       const {
@@ -574,7 +584,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       });
     }
     (0, _vue.watch)(() => reactData.resizeFlag, () => {
-      (0, _vue.nextTick)(updateTabStyle);
+      (0, _vue.nextTick)(() => {
+        updateTabStyle();
+      });
     });
     (0, _vue.nextTick)(() => {
       _ui.globalEvents.on($xeTabs, 'resize', updateTabStyle);
@@ -585,10 +597,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
     (0, _vue.onUnmounted)(() => {
       _ui.globalEvents.off($xeTabs, 'resize');
     });
-    $xeTabs.renderVN = renderVN;
     (0, _vue.provide)('$xeTabs', $xeTabs);
     addInitName(props.modelValue, null);
     initDefaultName(reactData.staticTabs.length ? reactData.staticTabs : props.options);
+    $xeTabs.renderVN = renderVN;
     return $xeTabs;
   },
   render() {

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"),_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,beforeCloseMethod:Function},emits:["update:modelValue","change","tab-change-fail","tab-close","tab-close-fail","tab-click","tab-load"],setup(h,e){const{slots:r,emit:i}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),u=(0,_vue.ref)(),m=(0,_vue.ref)(),_=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1}),l={refElem:u},n=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},o=(0,_vue.computed)(()=>{var e=h["options"];return(e||[]).filter(n)}),v=(0,_vue.computed)(()=>{var e=_["staticTabs"];return e.filter(n)}),s={},c={xID:t,props:h,context:e,reactData:_,getRefMaps:()=>l,getComputeMaps:()=>s},f=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],d=()=>{(0,_vue.nextTick)(()=>{var e=h["type"];const t=_["activeName"];var a,l=o.value,n=v.value,i=m.value;let s=0,r=0,u=!1;i&&(n=_xeUtils.default.findIndexOf(n.length?n:l,e=>e.name===t),{children:l,scrollWidth:i,clientWidth:a}=i,u=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))),_.lintLeft=r,_.lintWidth=s,_.isTabOver=u})},b=(e,t,a)=>{i(e,(0,_ui.createEvent)(a,{$tabs:c},t))},g=(e,t)=>{var a=_["initNames"];return!(!e||a.includes(e)||(b("tab-load",{name:e},t),a.push(e),0))},p=e=>{let a=null;if(e&&e.length){let t=!1;a=h.modelValue,e.forEach(e=>{a===e.name&&(t=!0),e&&e.preload&&g(e.name,null)}),t||(a=e[0].name,g(a,null),i("update:modelValue",a))}_.activeName=a},x=(e,t)=>{var a=h["trigger"],l=h.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod,n=_["activeName"],t=t["name"];"manual"===a?b("tab-click",{name:t},e):(a=t,_.activeName=t,i("update:modelValue",a),b("tab-click",{name:t},e),g(t,e),t!==n&&(!l||l({$tabs:c,name:t,oldName:n,newName:t})?b("change",{value:a,name:t,oldName:n,newName:t},e):b("tab-change-fail",{value:a,name:t,oldName:n,newName:t},e)))},N=(e,t,a,l)=>{e.stopPropagation();var n=_["activeName"],i=h.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod,t=t["name"],s=n;let r=s;n===t&&(n=a<l.length-1?l[a+1]:l[a-1],r=n?n.name:null),!i||i({$tabs:c,value:s,name:t,nextName:r})?b("tab-close",{value:s,name:t,nextName:r},e):b("tab-close-fail",{value:s,name:t,nextName:r},e)};let T=null;const C=e=>{var t=m.value;if(t){t=Math.floor(.75*t.clientWidth);{var r=e;let n=t,i=6,s=35;clearTimeout(T);const u=()=>{var e,t,a,l=m.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,T=setTimeout(u,s)):0<a&&(l.scrollLeft-=n,s-=4,T=setTimeout(u,s)),d())};u()}}},V=()=>{C(-1)},w=()=>{C(1)},k=i=>{const s=o.value,r=v.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,n=m.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),d())})};t=n=>()=>{const t=_["activeName"];var a=o.value,l=v.value,l=l.length?l:a,a=_xeUtils.default.findIndexOf(l,e=>e.name===t);if(-1<a){let e=null;n?a<l.length-1&&(e=l[a+1]):0<a&&(e=l[a-1]),e&&(a=l=e.name,_.activeName=l,i("update:modelValue",a),g(l,null))}return(0,_vue.nextTick)()};const L={dispatchEvent:b,scrollToTab:k,prev:t(!1),next:t(!0),prevTab(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),L.prev()},nextTab(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),L.next()}};Object.assign(c,L,{});const y=e=>{var{initNames:t,activeName:a}=_,{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?f(l,{name:e}):[]):(0,_vue.createCommentVNode)()};(0,_vue.watch)(()=>h.modelValue,e=>{g(e,null),_.activeName=e}),(0,_vue.watch)(()=>_.activeName,e=>{k(e),(0,_vue.nextTick)(()=>{_.resizeFlag++})});const M=(0,_vue.ref)(0),O=((0,_vue.watch)(()=>h.options?h.options.length:-1,()=>{M.value++}),(0,_vue.watch)(()=>h.options,()=>{M.value++}),(0,_vue.watch)(M,()=>{p(h.options),d()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>_.staticTabs?_.staticTabs.length:-1,()=>{O.value++}),(0,_vue.watch)(()=>_.staticTabs,()=>{O.value++}),(0,_vue.watch)(O,()=>{p(_.staticTabs),d()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{_.resizeFlag++}),(0,_vue.watch)(()=>_.resizeFlag,()=>{(0,_vue.nextTick)(d)}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(c,"resize",d)}),(0,_vue.onMounted)(()=>{d()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(c,"resize")}),c.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=h,n=o.value,i=v.value,s=r.default,i=s?i:n;return(0,_vue.h)("div",{ref:u,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({}):[]),(u=>{const{type:e,titleWidth:o,titleAlign:v,showClose:c}=h,{activeName:d,lintLeft:t,lintWidth:a,isTabOver:l}=_;var n=r.extra;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:V},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tabs-header--wrapper"},[(0,_vue.h)("div",{ref:m,class:"vxe-tabs-header--item-wrapper"},u.map((t,a)=>{var{title:e,titleWidth:l,titleAlign:n,icon:i,name:s,slots:r}=t,r=r?r.tab:null,l=l||o,n=n||v;return(0,_vue.h)("div",{key:""+s,class:["vxe-tabs-header--item",n?"align--"+n:"",{"is--active":d===s}],style:l?{width:(0,_dom.toCssUnit)(l)}:null,onClick(e){x(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,_vue.createCommentVNode)(),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},r?f(r,{name:s,title:e}):""+e)]),c?(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){N(e,t,a,u)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})]):(0,_vue.createCommentVNode)()])])}).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:w},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_vue.createCommentVNode)(),n?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(n({}))):(0,_vue.createCommentVNode)()])})(i),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=h["destroyOnClose"];const a=_["activeName"];var l=e.find(e=>e.name===a);return t?l?[y(l)]:(0,_vue.createCommentVNode)():e.map(y)})(i))])},(0,_vue.provide)("$xeTabs",c),g(h.modelValue,null),p(_.staticTabs.length?_.staticTabs:h.options),c},render(){return this.renderVN()}});
+"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"),_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,beforeCloseMethod:Function},emits:["update:modelValue","change","tab-change-fail","tab-close","tab-close-fail","tab-click","tab-load"],setup(m,e){const{slots:r,emit:n}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.inject)("$xeTabs",null),u=(0,_vue.ref)(),h=(0,_vue.ref)(),_=(0,_vue.reactive)({staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintWidth:0,isTabOver:!1,resizeFlag:1}),o={slTimeout:void 0},l={refElem:u},v=(0,_vue.computed)(()=>{var e=m["options"];return(e||[]).filter(e=>s(e))}),c=(0,_vue.computed)(()=>{var e=_["staticTabs"];return e.filter(e=>s(e))}),i={},d={xID:t,props:m,context:e,reactData:_,getRefMaps:()=>l,getComputeMaps:()=>i},s=e=>{e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},f=(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=r[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],b=()=>{(0,_vue.nextTick)(()=>{var e=m["type"];const t=_["activeName"];var a,l=v.value,i=c.value,n=h.value;let s=0,r=0,u=!1;n&&(i=_xeUtils.default.findIndexOf(i.length?i:l,e=>e.name===t),{children:l,scrollWidth:n,clientWidth:a}=n,u=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))),_.lintLeft=r,_.lintWidth=s,_.isTabOver=u})},g=(e,t,a)=>{n(e,(0,_ui.createEvent)(a,{$tabs:d},t))},p=(e,t)=>{var a=_["initNames"];return!(!e||a.includes(e)||(g("tab-load",{name:e},t),a.push(e),0))},x=e=>{let a=null;if(e&&e.length){let t=!1;a=m.modelValue,e.forEach(e=>{a===e.name&&(t=!0),e&&e.preload&&p(e.name,null)}),t||(a=e[0].name,p(a,null),n("update:modelValue",a))}_.activeName=a},N=(e,t)=>{var a=m["trigger"],l=m.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod,i=_["activeName"],t=t["name"];"manual"===a?g("tab-click",{name:t},e):(a=t,_.activeName=t,n("update:modelValue",a),g("tab-click",{name:t},e),p(t,e),t!==i&&(!l||l({$tabs:d,name:t,oldName:i,newName:t})?g("change",{value:a,name:t,oldName:i,newName:t},e):g("tab-change-fail",{value:a,name:t,oldName:i,newName:t},e)))},T=(e,t,a,l)=>{e.stopPropagation();var i=_["activeName"],n=m.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod,t=t["name"],s=i;let r=s;i===t&&(i=a<l.length-1?l[a+1]:l[a-1],r=i?i.name:null),!n||n({$tabs:d,value:s,name:t,nextName:r})?g("tab-close",{value:s,name:t,nextName:r},e):g("tab-close-fail",{value:s,name:t,nextName:r},e)},C=e=>{var t=h.value;if(t){t=Math.floor(.75*t.clientWidth);{var r=e,e=t,t=o["slTimeout"];let i=e,n=6,s=35;t&&(clearTimeout(t),o.slTimeout=void 0);const u=()=>{var e,t,a,l=h.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,o.slTimeout=setTimeout(u,s)):0<a&&(l.scrollLeft-=i,s-=4,o.slTimeout=setTimeout(u,s)),b())};u()}}},V=()=>{C(-1)},w=()=>{C(1)},k=n=>{const s=v.value,r=c.value;return(0,_vue.nextTick)().then(()=>{var e,t,a,l,i=h.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),b())})},L=t=>{const a=_["activeName"];var l=v.value,i=c.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,_.activeName=t,n("update:modelValue",i),p(t,null))}return(0,_vue.nextTick)()},y={dispatchEvent:g,scrollToTab:k,prev(){return L(!1)},next(){return L(!0)},prevTab(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["prevTab","prev"]),y.prev()},nextTab(){return"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.delFunc",["nextTab","next"]),y.next()}};Object.assign(d,y,{});const M=e=>{var{initNames:t,activeName:a}=_,{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?f(l,{name:e}):[]):(0,_vue.createCommentVNode)()};(0,_vue.watch)(()=>m.modelValue,e=>{p(e,null),_.activeName=e}),(0,_vue.watch)(()=>_.activeName,e=>{k(e),(0,_vue.nextTick)(()=>{_.resizeFlag++})});const O=(0,_vue.ref)(0),W=((0,_vue.watch)(()=>m.options?m.options.length:-1,()=>{O.value++}),(0,_vue.watch)(()=>m.options,()=>{O.value++}),(0,_vue.watch)(O,()=>{x(m.options),b()}),(0,_vue.ref)(0));return(0,_vue.watch)(()=>_.staticTabs?_.staticTabs.length:-1,()=>{W.value++}),(0,_vue.watch)(()=>_.staticTabs,()=>{W.value++}),(0,_vue.watch)(W,()=>{x(_.staticTabs),b()}),a&&(0,_vue.watch)(()=>a?a.reactData.resizeFlag:null,()=>{_.resizeFlag++}),(0,_vue.watch)(()=>_.resizeFlag,()=>{(0,_vue.nextTick)(()=>{b()})}),(0,_vue.nextTick)(()=>{_ui.globalEvents.on(d,"resize",b)}),(0,_vue.onMounted)(()=>{b()}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(d,"resize")}),(0,_vue.provide)("$xeTabs",d),p(m.modelValue,null),x(_.staticTabs.length?_.staticTabs:m.options),d.renderVN=()=>{var{type:e,height:t,padding:a,trigger:l}=m,i=v.value,n=c.value,s=r.default,n=s?n:i;return(0,_vue.h)("div",{ref:u,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({}):[]),(u=>{const{type:e,titleWidth:o,titleAlign:v,showClose:c}=m,{activeName:d,lintLeft:t,lintWidth:a,isTabOver:l}=_;var i=r.extra;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:V},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tabs-header--wrapper"},[(0,_vue.h)("div",{ref:h,class:"vxe-tabs-header--item-wrapper"},u.map((t,a)=>{var{title:e,titleWidth:l,titleAlign:i,icon:n,name:s,slots:r}=t,r=r?r.tab:null,l=l||o,i=i||v;return(0,_vue.h)("div",{key:""+s,class:["vxe-tabs-header--item",i?"align--"+i:"",{"is--active":d===s}],style:l?{width:(0,_dom.toCssUnit)(l)}:null,onClick(e){N(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,_vue.createCommentVNode)(),(0,_vue.h)("span",{class:"vxe-tabs-header--item-name"},r?f(r,{name:s,title:e}):""+e)]),c?(0,_vue.h)("div",{class:"vxe-tabs-header--close-btn",onClick(e){T(e,t,a,u)}},[(0,_vue.h)("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})]):(0,_vue.createCommentVNode)()])])}).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:w},[(0,_vue.h)("span",{class:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_vue.createCommentVNode)(),i?(0,_vue.h)("div",{class:"vxe-tabs-header--extra"},(0,_vn.getSlotVNs)(i({}))):(0,_vue.createCommentVNode)()])})(n),(0,_vue.h)("div",{class:"vxe-tabs-pane"},(e=>{var t=m["destroyOnClose"];const a=_["activeName"];var l=e.find(e=>e.name===a);return t?[l?M(l):(0,_vue.createCommentVNode)()]:e.map(e=>M(e))})(n))])},d},render(){return this.renderVN()}});

package/lib/textarea/src/textarea.js

@@ -214,7 +214,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         value
       }, evnt);
     };
-    const emitUpdate = (value, evnt) => {
+    const handleChange = (value, evnt) => {
       reactData.inputValue = value;
       emit('update:modelValue', value);
       if (_xeUtils.default.toValueString(props.modelValue) !== value) {
@@ -235,7 +235,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const value = textElem.value;
       reactData.inputValue = value;
       if (immediate) {
-        emitUpdate(value, evnt);
+        handleChange(value, evnt);
       }
       $xeTextarea.dispatchEvent('input', {
         value
@@ -249,7 +249,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       if (immediate) {
         triggerEvent(evnt);
       } else {
-        emitUpdate(reactData.inputValue, evnt);
+        handleChange(reactData.inputValue, evnt);
       }
     };
     const blurEvent = evnt => {
@@ -260,7 +260,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         inputValue
       } = reactData;
       if (!immediate) {
-        emitUpdate(inputValue, evnt);
+        handleChange(inputValue, evnt);
       }
       $xeTextarea.dispatchEvent('blur', {
         value: inputValue

package/lib/tooltip/src/tooltip.js

@@ -420,8 +420,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       }
     });
-    $xeTooltip.renderVN = renderVN;
     handleDelayFn();
+    $xeTooltip.renderVN = renderVN;
     return $xeTooltip;
   },
   render() {

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},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},enterable:Boolean,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={},g=(0,_vue.ref)(),i={refElem:g},f={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=g.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,p.content)},_=()=>{S(d.target,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},h=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{d.tipActive||r.close()},i)},y=()=>{var e=d["tipStore"],t=g.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&&y()},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 y();i&&i()}return(0,_vue.nextTick)()};r={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$tooltip:f},t))},open(e,t){return S(e||d.target,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=g.value;if(e&&t)return n(),(0,_vue.nextTick)().then(()=>{n()})})},isActived(){return d.tipActive},setActived(e){d.tipActive=!!e}},Object.assign(f,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,p.content):r.close()),d.isUpdate=!1}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e,{trigger:t,content:i}=p;const l=g.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,i)}})}),(0,_vue.onBeforeUnmount)(()=>{var e=d["target"],t=g.value;e&&(e.onmouseenter=null,e.onmouseleave=null,e.onclick=null),t&&(e=t.parentNode)&&e.removeChild(t)}),f.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:h}),(0,_vue.h)("div",Object.assign({ref:g,class:["vxe-table--tooltip-wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:f}):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-table--tooltip-content"},(0,_vn.getSlotVNs)(u({}))):t?(0,_vue.h)("div",{key:2,class:"vxe-table--tooltip-content",innerHTML:e}):(0,_vue.h)("div",{key:3,class:"vxe-table--tooltip-content"},""+e)),(0,_vue.h)("div",{class:"vxe-table--tooltip-arrow",style:n.arrowStyle}),...a?(0,_vn.getSlotVNs)(a({})):[]])},b(),f},render(){return this.renderVN()}});
+"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},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},enterable:Boolean,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={},g=(0,_vue.ref)(),i={refElem:g},f={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=g.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,p.content)},_=()=>{S(d.target,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},h=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{d.tipActive||r.close()},i)},y=()=>{var e=d["tipStore"],t=g.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&&y()},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 y();i&&i()}return(0,_vue.nextTick)()};r={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$tooltip:f},t))},open(e,t){return S(e||d.target,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=g.value;if(e&&t)return n(),(0,_vue.nextTick)().then(()=>{n()})})},isActived(){return d.tipActive},setActived(e){d.tipActive=!!e}},Object.assign(f,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,p.content):r.close()),d.isUpdate=!1}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e,{trigger:t,content:i}=p;const l=g.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,i)}})}),(0,_vue.onBeforeUnmount)(()=>{var e=d["target"],t=g.value;e&&(e.onmouseenter=null,e.onmouseleave=null,e.onclick=null),t&&(e=t.parentNode)&&e.removeChild(t)}),b(),f.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:h}),(0,_vue.h)("div",Object.assign({ref:g,class:["vxe-table--tooltip-wrapper","theme--"+t,e?_xeUtils.default.isFunction(e)?e({$tooltip:f}):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-table--tooltip-content"},(0,_vn.getSlotVNs)(u({}))):t?(0,_vue.h)("div",{key:2,class:"vxe-table--tooltip-content",innerHTML:e}):(0,_vue.h)("div",{key:3,class:"vxe-table--tooltip-content"},""+e)),(0,_vue.h)("div",{class:"vxe-table--tooltip-arrow",style:n.arrowStyle}),...a?(0,_vn.getSlotVNs)(a({})):[]])},f},render(){return this.renderVN()}});

package/lib/tree/src/tree.js

@@ -482,7 +482,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
           nodeMaps
         } = reactData;
         if (!lazy) {
-          return (0, _vue.nextTick)();
+          return Promise.resolve([]);
         }
         const childrenField = computeChildrenField.value;
         const parentNodeItem = nodeMaps[getNodeId(node)];
@@ -1212,7 +1212,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         })
       } : {})]);
     };
-    $xeTree.renderVN = renderVN;
     const dataFlag = (0, _vue.ref)(0);
     (0, _vue.watch)(() => props.data ? props.data.length : 0, () => {
       dataFlag.value++;
@@ -1243,6 +1242,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     });
     updateData(props.data || []);
     updateCheckboxChecked(props.checkNodeKeys || []);
+    $xeTree.renderVN = renderVN;
     return $xeTree;
   },
   render() {

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

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

@@ -84,6 +84,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       visibleAnimate: false,
       isActivated: false
     });
+    const internalData = {
+      hpTimeout: undefined
+    };
     const refMaps = {
       refElem
     };
@@ -181,9 +184,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         fullNodeMaps
       } = reactData;
+      const labelField = computeLabelField.value;
       return (_xeUtils.default.isArray(modelValue) ? modelValue : [modelValue]).map(value => {
         const cacheItem = fullNodeMaps[value];
-        const labelField = computeLabelField.value;
         return cacheItem ? cacheItem.item[labelField] : value;
       }).join(', ');
     });
@@ -193,6 +196,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -221,7 +225,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const valueField = computeValueField.value;
       const childrenField = computeChildrenField.value;
       const nodeMaps = {};
-      _xeUtils.default.eachTree(options, (item, index, items, parent, nodes) => {
+      _xeUtils.default.eachTree(options, (item, index, items, path, parent, nodes) => {
         let nodeid = getOptid(item);
         if (!nodeid) {
           nodeid = getOptUniqueId();
@@ -325,14 +329,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
       });
     };
-    let hidePanelTimeout;
     const showOptionPanel = () => {
       const {
         loading
       } = props;
       const isDisabled = computeIsDisabled.value;
       if (!loading && !isDisabled) {
-        clearTimeout(hidePanelTimeout);
+        clearTimeout(internalData.hpTimeout);
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
@@ -347,7 +350,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     };
     const hideOptionPanel = () => {
       reactData.visiblePanel = false;
-      hidePanelTimeout = window.setTimeout(() => {
+      internalData.hpTimeout = window.setTimeout(() => {
         reactData.visibleAnimate = false;
       }, 350);
     };
@@ -355,9 +358,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
       const {
         fullNodeMaps
       } = reactData;
+      emit('update:modelValue', selectValue);
       if (selectValue !== props.modelValue) {
         const cacheItem = fullNodeMaps[selectValue];
-        emit('update:modelValue', selectValue);
         treeSelectMethods.dispatchEvent('change', {
           value: selectValue,
           option: cacheItem ? cacheItem.item : null
@@ -600,7 +603,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         class: 'vxe-tree-select--panel-footer'
       }, footerSlot({})) : (0, _vue.createCommentVNode)()])] : [])])]);
     };
-    $xeTreeSelect.renderVN = renderVN;
     (0, _vue.watch)(() => props.options, () => {
       cacheItemMap();
     });
@@ -615,6 +617,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
       _ui.globalEvents.off($xeTreeSelect, 'mousedown');
       _ui.globalEvents.off($xeTreeSelect, 'blur');
     });
+    (0, _vue.provide)('$xeTreeSelect', $xeTreeSelect);
+    $xeTreeSelect.renderVN = renderVN;
     return $xeTreeSelect;
   },
   render() {

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().select.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().select.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","node-click"],setup(N,e){const{emit:i,slots:P}=e,l=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const T=(0,_ui.useSize)(N)["computeSize"],w=(0,_vue.ref)(),O=(0,_vue.ref)(),k=(0,_vue.ref)(),q=(0,_vue.ref)(),j=(0,_vue.reactive)({initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1}),r={refElem:w},A=(0,_vue.computed)(()=>{var e=N["readonly"];return null===e?!!o&&o.props.readonly:e}),M=(0,_vue.computed)(()=>{var e=N["disabled"];return null===e?!!o&&o.props.disabled:e}),z=(0,_vue.computed)(()=>{var e=N["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(a||l||n||o)return!0}return e}),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,N.treeConfig)),U=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({isHover:!0},e.nodeConfig)}),R=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),W=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),s=(0,_vue.computed)(()=>N.optionProps||{}),V=(0,_vue.computed)(()=>{return s.value.label||"label"}),$=(0,_vue.computed)(()=>{return s.value.value||"value"}),D=(0,_vue.computed)(()=>{return s.value.children||"children"}),K=(0,_vue.computed)(()=>{return s.value.parent||"parentField"}),Z=(0,_vue.computed)(()=>{return s.value.hasChild||"hasChild"}),G=(0,_vue.computed)(()=>{var e=N["modelValue"];const i=j["fullNodeMaps"];return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=i[e],l=V.value;return t?t.item[l]:e}).join(", ")}),m={},B={xID:t,props:N,context:e,reactData:j,getRefMaps:()=>r,getComputeMaps:()=>m},d={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$treeSelect:B},t))}},v=()=>{var e=N["options"];const o=$.value;var t=D.value;const u={};_xeUtils.default.eachTree(e,(e,t,l,i,n)=>{let a=(e=>{e=e[$.value];return e?encodeURIComponent(e):""})(e);a||(a=getOptUniqueId(),e[o]=a),u[a]={item:e,index:t,items:l,parent:i,nodes:n}},{children:t}),j.fullOptionList=e||[],j.fullNodeMaps=u,(0,_vue.nextTick)()},c=()=>(0,_vue.nextTick)().then(()=>{var i=N["placement"],n=j["panelIndex"],a=w.value,o=q.value,e=z.value;if(o&&a){var u=a.offsetHeight,r=a.offsetWidth,s=o.offsetHeight,o=o.offsetWidth,n={zIndex:n},{boundingTop:a,boundingLeft:d,visibleHeight:v,visibleWidth:c}=(0,_dom.getAbsolutePos)(a);let l="bottom";if(e){let e=d,t=a+u;"top"===i?(l="top",t=a-s):i||(t+s+5>v&&(l="top",t=a-s),t<5&&(l="bottom",t=a+u)),e+o+5>c&&(e-=e+o+5-c),e<5&&(e=5),Object.assign(n,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===i?(l="top",n.bottom=u+"px"):i||v<a+u+s&&5<a-u-s&&(l="top",n.bottom=u+"px");return j.panelStyle=n,j.panelPlacement=l,(0,_vue.nextTick)()}});let p;const f=()=>{var e=N["loading"],t=M.value;e||t||(clearTimeout(p),j.initialized||(j.initialized=!0),j.isActivated=!0,j.visibleAnimate=!0,setTimeout(()=>{j.visiblePanel=!0},10),j.panelIndex<(0,_utils.getLastZIndex)()&&(j.panelIndex=(0,_utils.nextZIndex)()),c())},_=()=>{j.visiblePanel=!1,p=window.setTimeout(()=>{j.visibleAnimate=!1},350)},g=(e,t)=>{var l=j["fullNodeMaps"];t!==N.modelValue&&(l=l[t],i("update:modelValue",t),d.dispatchEvent("change",{value:t,option:l?l.item:null},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},h=(e,t)=>{g(e,t),d.dispatchEvent("clear",{value:t},e)},J=(e,t)=>{h(t,null),_()},b=e=>{var t=j["visiblePanel"];M.value||t&&(t=q.value,((0,_dom.getEventTargetNode)(e,t).flag?c:_)())},x=e=>{var t,l,i=j["visiblePanel"];M.value||(t=w.value,l=q.value,j.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!j.isActivated&&_())},C=()=>{_()},Q=e=>{M.value||j.visiblePanel||(j.triggerFocusPanel=!0,f(),setTimeout(()=>{j.triggerFocusPanel=!1},150)),d.dispatchEvent("focus",{},e)},X=e=>{H(e),d.dispatchEvent("click",{},e)},Y=e=>{j.isActivated=!1,d.dispatchEvent("blur",{},e)},H=e=>{e=e.$event;e.preventDefault(),j.triggerFocusPanel?j.triggerFocusPanel=!1:(j.visiblePanel?_:f)()},ee=e=>{var t=e["$event"];d.dispatchEvent("node-click",e,t)},te=e=>{var{value:e,$event:t}=e;g(t,e),_()},le=e=>{var{value:e,$event:t}=e;g(t,e)};Object.assign(B,d,{});return B.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:i,popupClassName:n,loading:a}=N,{initialized:o,isActivated:u,visiblePanel:r}=j,s=T.value,d=M.value,v=G.value,c=z.value,p=A.value,f=P.default,_=P.header,g=P.footer;const m=P.prefix;var h=L.value,b=U.value,x=R.value,C=W.value,E=V.value,I=$.value,y=D.value,F=K.value,S=Z.value;return p?(0,_vue.h)("div",{ref:w,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-tree-select-slots",ref:"hideOption"},f?f({}):[]),(0,_vue.h)("span",{class:"vxe-tree-select-label"},v)]):(0,_vue.h)("div",{ref:w,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:B}):e:"",{["size--"+s]:s,"is--visible":r,"is--disabled":d,"is--loading":a,"is--active":u}]},[(0,_vue.h)(_input.default,{ref:O,clearable:N.clearable,placeholder:N.placeholder,readonly:!0,disabled:d,type:"text",prefixIcon:N.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().TREE_SELECT_LOADED:r?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:v,onClear:J,onClick:X,onFocus:Q,onBlur:Y,onSuffixClick:H},m?{prefix:()=>m({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!o},[(0,_vue.h)("div",{ref:q,class:["vxe-table--ignore-clear vxe-tree-select--panel",n?_xeUtils.default.isFunction(n)?n({$treeSelect:B}):n:"",{["size--"+s]:s,"is--transfer":c,"ani--leave":!a&&j.visibleAnimate,"ani--enter":!a&&r}],placement:j.panelPlacement,style:j.panelStyle},o?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[_?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},_({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:k,class:"vxe-tree-select-option--wrapper"},[(0,_vue.h)(_tree.default,{class:"vxe-tree-select--tree",data:i,indent:h.indent,showRadio:!l,radioConfig:C,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:x,titleField:E,valueField:I,keyField:h.keyField,childrenField:h.childrenField||y,parentField:h.parentField||F,hasChildField:h.hasChildField||S,accordion:h.accordion,nodeConfig:b,lazy:h.lazy,loadMethod:h.loadMethod,toggleMethod:h.toggleMethod,transform:h.transform,trigger:h.trigger,showIcon:h.showIcon,showLine:h.showLine,iconOpen:h.iconOpen,iconLoaded:h.iconLoaded,iconClose:h.iconClose,onNodeClick:ee,onRadioChange:te,onCheckboxChange:le})])]),g?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},g({})):(0,_vue.createCommentVNode)()])]:[])])])},(0,_vue.watch)(()=>N.options,()=>{v()}),v(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(B,"mousewheel",b),_ui.globalEvents.on(B,"mousedown",x),_ui.globalEvents.on(B,"blur",C)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(B,"mousewheel"),_ui.globalEvents.off(B,"mousedown"),_ui.globalEvents.off(B,"blur")}),B},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_ui=require("../../ui"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_xeUtils=_interopRequireDefault(require("xe-utils")),_input=_interopRequireDefault(require("../../input/src/input")),_tree=_interopRequireDefault(require("../../tree/src/tree"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getOptUniqueId(){return _xeUtils.default.uniqueId("node_")}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeTreeSelect",props:{modelValue:[String,Number,Array],clearable:Boolean,placeholder:{type:String,default:()=>_xeUtils.default.eqNull((0,_ui.getConfig)().select.placeholder)?(0,_ui.getI18n)("vxe.base.pleaseSelect"):(0,_ui.getConfig)().select.placeholder},readonly:{type:Boolean,default:null},loading:Boolean,disabled:{type:Boolean,default:null},multiple:Boolean,className:[String,Function],popupClassName:[String,Function],prefixIcon:String,placement:String,options:Array,optionProps:Object,size:{type:String,default:()=>(0,_ui.getConfig)().select.size||(0,_ui.getConfig)().size},remote:Boolean,remoteMethod:Function,treeConfig:Object,transfer:{type:Boolean,default:null}},emits:["update:modelValue","change","clear","blur","focus","click","node-click"],setup(S,e){const{emit:i,slots:N}=e,l=(0,_vue.inject)("$xeModal",null),n=(0,_vue.inject)("$xeDrawer",null),a=(0,_vue.inject)("$xeTable",null),o=(0,_vue.inject)("$xeForm",null),u=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();const P=(0,_ui.useSize)(S)["computeSize"],w=(0,_vue.ref)(),O=(0,_vue.ref)(),k=(0,_vue.ref)(),q=(0,_vue.ref)(),j=(0,_vue.reactive)({initialized:!1,fullOptionList:[],fullNodeMaps:{},visibleOptionList:[],panelIndex:0,panelStyle:{},panelPlacement:null,triggerFocusPanel:!1,visiblePanel:!1,visibleAnimate:!1,isActivated:!1}),r={hpTimeout:void 0},s={refElem:w},A=(0,_vue.computed)(()=>{var e=S["readonly"];return null===e?!!o&&o.props.readonly:e}),M=(0,_vue.computed)(()=>{var e=S["disabled"];return null===e?!!o&&o.props.disabled:e}),z=(0,_vue.computed)(()=>{var e=S["transfer"];if(null===e){var t=(0,_ui.getConfig)().select.transfer;if(_xeUtils.default.isBoolean(t))return t;if(a||l||n||o)return!0}return e}),L=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().treeSelect.treeConfig,S.treeConfig)),U=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({isHover:!0},e.nodeConfig)}),R=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showCheckbox},e.checkboxConfig,{trigger:"node"})}),W=(0,_vue.computed)(()=>{var e=L.value;return Object.assign({showIcon:!!e.showRadio},e.radioConfig,{trigger:"node"})}),d=(0,_vue.computed)(()=>S.optionProps||{}),V=(0,_vue.computed)(()=>{return d.value.label||"label"}),$=(0,_vue.computed)(()=>{return d.value.value||"value"}),D=(0,_vue.computed)(()=>{return d.value.children||"children"}),K=(0,_vue.computed)(()=>{return d.value.parent||"parentField"}),Z=(0,_vue.computed)(()=>{return d.value.hasChild||"hasChild"}),G=(0,_vue.computed)(()=>{var e=S["modelValue"];const l=j["fullNodeMaps"],i=V.value;return(_xeUtils.default.isArray(e)?e:[e]).map(e=>{var t=l[e];return t?t.item[i]:e}).join(", ")}),m={},B={xID:t,props:S,context:e,reactData:j,internalData:r,getRefMaps:()=>s,getComputeMaps:()=>m},v={dispatchEvent(e,t,l){i(e,(0,_ui.createEvent)(l,{$treeSelect:B},t))}},c=()=>{var e=S["options"];const u=$.value;var t=D.value;const r={};_xeUtils.default.eachTree(e,(e,t,l,i,n,a)=>{let o=(e=>{e=e[$.value];return e?encodeURIComponent(e):""})(e);o||(o=getOptUniqueId(),e[u]=o),r[o]={item:e,index:t,items:l,parent:n,nodes:a}},{children:t}),j.fullOptionList=e||[],j.fullNodeMaps=r,(0,_vue.nextTick)()},p=()=>(0,_vue.nextTick)().then(()=>{var i=S["placement"],n=j["panelIndex"],a=w.value,o=q.value,e=z.value;if(o&&a){var u=a.offsetHeight,r=a.offsetWidth,s=o.offsetHeight,o=o.offsetWidth,n={zIndex:n},{boundingTop:a,boundingLeft:d,visibleHeight:v,visibleWidth:c}=(0,_dom.getAbsolutePos)(a);let l="bottom";if(e){let e=d,t=a+u;"top"===i?(l="top",t=a-s):i||(t+s+5>v&&(l="top",t=a-s),t<5&&(l="bottom",t=a+u)),e+o+5>c&&(e-=e+o+5-c),e<5&&(e=5),Object.assign(n,{left:e+"px",top:t+"px",minWidth:r+"px"})}else"top"===i?(l="top",n.bottom=u+"px"):i||v<a+u+s&&5<a-u-s&&(l="top",n.bottom=u+"px");return j.panelStyle=n,j.panelPlacement=l,(0,_vue.nextTick)()}}),f=()=>{var e=S["loading"],t=M.value;e||t||(clearTimeout(r.hpTimeout),j.initialized||(j.initialized=!0),j.isActivated=!0,j.visibleAnimate=!0,setTimeout(()=>{j.visiblePanel=!0},10),j.panelIndex<(0,_utils.getLastZIndex)()&&(j.panelIndex=(0,_utils.nextZIndex)()),p())},_=()=>{j.visiblePanel=!1,r.hpTimeout=window.setTimeout(()=>{j.visibleAnimate=!1},350)},g=(e,t)=>{var l=j["fullNodeMaps"];i("update:modelValue",t),t!==S.modelValue&&(l=l[t],v.dispatchEvent("change",{value:t,option:l?l.item:null},e),o)&&u&&o.triggerItemEvent(e,u.itemConfig.field,t)},h=(e,t)=>{g(e,t),v.dispatchEvent("clear",{value:t},e)},J=(e,t)=>{h(t,null),_()},b=e=>{var t=j["visiblePanel"];M.value||t&&(t=q.value,((0,_dom.getEventTargetNode)(e,t).flag?p:_)())},x=e=>{var t,l,i=j["visiblePanel"];M.value||(t=w.value,l=q.value,j.isActivated=(0,_dom.getEventTargetNode)(e,t).flag||(0,_dom.getEventTargetNode)(e,l).flag,i&&!j.isActivated&&_())},C=()=>{_()},Q=e=>{M.value||j.visiblePanel||(j.triggerFocusPanel=!0,f(),setTimeout(()=>{j.triggerFocusPanel=!1},150)),v.dispatchEvent("focus",{},e)},X=e=>{H(e),v.dispatchEvent("click",{},e)},Y=e=>{j.isActivated=!1,v.dispatchEvent("blur",{},e)},H=e=>{e=e.$event;e.preventDefault(),j.triggerFocusPanel?j.triggerFocusPanel=!1:(j.visiblePanel?_:f)()},ee=e=>{var t=e["$event"];v.dispatchEvent("node-click",e,t)},te=e=>{var{value:e,$event:t}=e;g(t,e),_()},le=e=>{var{value:e,$event:t}=e;g(t,e)};Object.assign(B,v,{});return(0,_vue.watch)(()=>S.options,()=>{c()}),c(),(0,_vue.onMounted)(()=>{_ui.globalEvents.on(B,"mousewheel",b),_ui.globalEvents.on(B,"mousedown",x),_ui.globalEvents.on(B,"blur",C)}),(0,_vue.onUnmounted)(()=>{_ui.globalEvents.off(B,"mousewheel"),_ui.globalEvents.off(B,"mousedown"),_ui.globalEvents.off(B,"blur")}),(0,_vue.provide)("$xeTreeSelect",B),B.renderVN=()=>{var{className:e,modelValue:t,multiple:l,options:i,popupClassName:n,loading:a}=S,{initialized:o,isActivated:u,visiblePanel:r}=j,s=P.value,d=M.value,v=G.value,c=z.value,p=A.value,f=N.default,_=N.header,g=N.footer;const m=N.prefix;var h=L.value,b=U.value,x=R.value,C=W.value,E=V.value,I=$.value,y=D.value,T=K.value,F=Z.value;return p?(0,_vue.h)("div",{ref:w,class:["vxe-tree-select--readonly",e]},[(0,_vue.h)("div",{class:"vxe-tree-select-slots",ref:"hideOption"},f?f({}):[]),(0,_vue.h)("span",{class:"vxe-tree-select-label"},v)]):(0,_vue.h)("div",{ref:w,class:["vxe-tree-select",e?_xeUtils.default.isFunction(e)?e({$treeSelect:B}):e:"",{["size--"+s]:s,"is--visible":r,"is--disabled":d,"is--loading":a,"is--active":u}]},[(0,_vue.h)(_input.default,{ref:O,clearable:S.clearable,placeholder:S.placeholder,readonly:!0,disabled:d,type:"text",prefixIcon:S.prefixIcon,suffixIcon:a?(0,_ui.getIcon)().TREE_SELECT_LOADED:r?(0,_ui.getIcon)().TREE_SELECT_OPEN:(0,_ui.getIcon)().TREE_SELECT_CLOSE,modelValue:v,onClear:J,onClick:X,onFocus:Q,onBlur:Y,onSuffixClick:H},m?{prefix:()=>m({})}:{}),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!c||!o},[(0,_vue.h)("div",{ref:q,class:["vxe-table--ignore-clear vxe-tree-select--panel",n?_xeUtils.default.isFunction(n)?n({$treeSelect:B}):n:"",{["size--"+s]:s,"is--transfer":c,"ani--leave":!a&&j.visibleAnimate,"ani--enter":!a&&r}],placement:j.panelPlacement,style:j.panelStyle},o?[(0,_vue.h)("div",{class:"vxe-tree-select--panel-wrapper"},[_?(0,_vue.h)("div",{class:"vxe-tree-select--panel-header"},_({})):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-tree-select--panel-body"},[(0,_vue.h)("div",{ref:k,class:"vxe-tree-select-option--wrapper"},[(0,_vue.h)(_tree.default,{class:"vxe-tree-select--tree",data:i,indent:h.indent,showRadio:!l,radioConfig:C,checkNodeKey:l?null:t,showCheckbox:!!l,checkNodeKeys:l?t:null,checkboxConfig:x,titleField:E,valueField:I,keyField:h.keyField,childrenField:h.childrenField||y,parentField:h.parentField||T,hasChildField:h.hasChildField||F,accordion:h.accordion,nodeConfig:b,lazy:h.lazy,loadMethod:h.loadMethod,toggleMethod:h.toggleMethod,transform:h.transform,trigger:h.trigger,showIcon:h.showIcon,showLine:h.showLine,iconOpen:h.iconOpen,iconLoaded:h.iconLoaded,iconClose:h.iconClose,onNodeClick:ee,onRadioChange:te,onCheckboxChange:le})])]),g?(0,_vue.h)("div",{class:"vxe-tree-select--panel-footer"},g({})):(0,_vue.createCommentVNode)()])]:[])])])},B},render(){return this.renderVN()}});