vxe-pc-ui 4.1.19 → 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

@@ -72,6 +72,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         arrowStyle: {}
       }
     });
+    const internalData = {};
     const refElem = (0, _vue.ref)();
     const refMaps = {
       refElem
@@ -81,6 +82,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps
     };
     let tooltipMethods = {};
@@ -200,20 +202,25 @@ var _default = exports.default = (0, _vue.defineComponent)({
       };
       return tooltipMethods.updatePlacement();
     };
-    const showDelayTip = _xeUtils.default.debounce(() => {
-      if (reactData.tipActive) {
-        showTip();
-      }
-    }, props.enterDelay, {
-      leading: false,
-      trailing: true
-    });
+    const handleDelayFn = () => {
+      internalData.showDelayTip = _xeUtils.default.debounce(() => {
+        if (reactData.tipActive) {
+          showTip();
+        }
+      }, props.enterDelay, {
+        leading: false,
+        trailing: true
+      });
+    };
     const handleVisible = (target, content) => {
       const contentSlot = slots.content;
       if (!contentSlot && (content === '' || _xeUtils.default.eqNull(content))) {
         return (0, _vue.nextTick)();
       }
       if (target) {
+        const {
+          showDelayTip
+        } = internalData;
         const {
           trigger,
           enterDelay
@@ -222,7 +229,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         reactData.tipTarget = target;
         reactData.tipContent = content;
         if (enterDelay && trigger === 'hover') {
-          showDelayTip();
+          if (showDelayTip) {
+            showDelayTip();
+          }
         } else {
           return showTip();
         }
@@ -260,94 +269,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
           const el = refElem.value;
           if (tipTarget && el) {
             updateTipStyle();
-            return (0, _vue.nextTick)().then(updateTipStyle);
+            return (0, _vue.nextTick)().then(() => {
+              updateTipStyle();
+            });
           }
         });
       },
       isActived() {
         return reactData.tipActive;
       },
-      setActived(actived) {
-        reactData.tipActive = !!actived;
+      setActived(active) {
+        reactData.tipActive = !!active;
       }
     };
     Object.assign($xeTooltip, tooltipMethods);
-    (0, _vue.watch)(() => props.content, () => {
-      reactData.tipContent = props.content;
-    });
-    (0, _vue.watch)(() => props.modelValue, val => {
-      if (!reactData.isUpdate) {
-        if (val) {
-          handleVisible(reactData.target, props.content);
-        } else {
-          tooltipMethods.close();
-        }
-      }
-      reactData.isUpdate = false;
-    });
-    (0, _vue.onMounted)(() => {
-      (0, _vue.nextTick)(() => {
-        const {
-          trigger,
-          content,
-          modelValue
-        } = props;
-        const wrapperElem = refElem.value;
-        if (wrapperElem) {
-          const parentNode = wrapperElem.parentNode;
-          if (parentNode) {
-            reactData.tipContent = content;
-            reactData.tipZindex = (0, _utils.nextZIndex)();
-            _xeUtils.default.arrayEach(wrapperElem.children, (elem, index) => {
-              if (index > 1) {
-                parentNode.insertBefore(elem, wrapperElem);
-                if (!reactData.target) {
-                  reactData.target = elem;
-                }
-              }
-            });
-            parentNode.removeChild(wrapperElem);
-            const {
-              target
-            } = reactData;
-            if (target) {
-              if (trigger === 'hover') {
-                target.onmouseenter = targetMouseenterEvent;
-                target.onmouseleave = targetMouseleaveEvent;
-              } else if (trigger === 'click') {
-                target.onclick = clickEvent;
-              }
-            }
-            if (modelValue) {
-              handleVisible(target, content);
-            }
-          }
-        }
-      });
-    });
-    (0, _vue.onBeforeUnmount)(() => {
-      const {
-        trigger
-      } = props;
-      const {
-        target
-      } = reactData;
-      const wrapperElem = refElem.value;
-      if (target) {
-        if (trigger === 'hover') {
-          target.onmouseenter = null;
-          target.onmouseleave = null;
-        } else if (trigger === 'click') {
-          target.onclick = null;
-        }
-      }
-      if (wrapperElem) {
-        const parentNode = wrapperElem.parentNode;
-        if (parentNode) {
-          parentNode.removeChild(wrapperElem);
-        }
-      }
-    });
     const renderContent = () => {
       const {
         useHTML
@@ -413,6 +348,79 @@ var _default = exports.default = (0, _vue.defineComponent)({
         style: tipStore.arrowStyle
       }), ...(defaultSlot ? (0, _vn.getSlotVNs)(defaultSlot({})) : [])]);
     };
+    (0, _vue.watch)(() => props.enterDelay, () => {
+      handleDelayFn();
+    });
+    (0, _vue.watch)(() => props.content, val => {
+      reactData.tipContent = val;
+    });
+    (0, _vue.watch)(() => props.modelValue, val => {
+      if (!reactData.isUpdate) {
+        if (val) {
+          handleVisible(reactData.target, props.content);
+        } else {
+          tooltipMethods.close();
+        }
+      }
+      reactData.isUpdate = false;
+    });
+    (0, _vue.onMounted)(() => {
+      (0, _vue.nextTick)(() => {
+        const {
+          trigger,
+          content
+        } = props;
+        const wrapperElem = refElem.value;
+        if (wrapperElem) {
+          const parentNode = wrapperElem.parentNode;
+          if (parentNode) {
+            reactData.tipContent = content;
+            reactData.tipZindex = (0, _utils.nextZIndex)();
+            _xeUtils.default.arrayEach(wrapperElem.children, (elem, index) => {
+              if (index > 1) {
+                parentNode.insertBefore(elem, wrapperElem);
+                if (!reactData.target) {
+                  reactData.target = elem;
+                }
+              }
+            });
+            parentNode.removeChild(wrapperElem);
+            const {
+              target
+            } = reactData;
+            if (target) {
+              if (trigger === 'hover') {
+                target.onmouseenter = targetMouseenterEvent;
+                target.onmouseleave = targetMouseleaveEvent;
+              } else if (trigger === 'click') {
+                target.onclick = clickEvent;
+              }
+            }
+            if (props.modelValue) {
+              handleVisible(target, content);
+            }
+          }
+        }
+      });
+    });
+    (0, _vue.onBeforeUnmount)(() => {
+      const {
+        target
+      } = reactData;
+      const wrapperElem = refElem.value;
+      if (target) {
+        target.onmouseenter = null;
+        target.onmouseleave = null;
+        target.onclick = null;
+      }
+      if (wrapperElem) {
+        const parentNode = wrapperElem.parentNode;
+        if (parentNode) {
+          parentNode.removeChild(wrapperElem);
+        }
+      }
+    });
+    handleDelayFn();
     $xeTooltip.renderVN = renderVN;
     return $xeTooltip;
   },

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:{}}}),g=(0,_vue.ref)(),i={refElem:g},f={xID:t,props:p,context:e,reactData:d,getRefMaps:()=>i};let r={};const o=()=>{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"}},n=e=>{e!==d.visible&&(d.visible=e,d.isUpdate=!0,l("update:modelValue",e))},a=()=>{d.visible?r.close():y(d.target,p.content)},u=()=>{y(d.target,p.content)},s=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e?setTimeout(()=>{d.tipActive||r.close()},i):r.close()},_=()=>{d.tipActive=!0},m=()=>{var{trigger:e,enterable:t,leaveDelay:i}=p;d.tipActive=!1,t&&"hover"===e&&setTimeout(()=>{d.tipActive||r.close()},i)},x=()=>{var e=d["tipStore"],t=g.value;return t&&!t.parentNode&&document.body.appendChild(t),n(!0),d.tipZindex<(0,_utils.getLastZIndex)()&&(d.tipZindex=(0,_utils.nextZIndex)()),e.placement="top",e.style={width:"auto",left:0,top:0,zIndex:p.zIndex||d.tipZindex},e.arrowStyle={left:"50%"},r.updatePlacement()},h=_xeUtils.default.debounce(()=>{d.tipActive&&x()},p.enterDelay,{leading:!1,trailing:!0}),y=(e,t)=>{var i=v.content;if((i||""!==t&&!_xeUtils.default.eqNull(t))&&e){var{trigger:i,enterDelay:l}=p;if(d.tipActive=!0,d.tipTarget=e,d.tipContent=t,!l||"hover"!==i)return x();h()}return(0,_vue.nextTick)()};r={dispatchEvent(e,t,i){l(e,(0,_ui.createEvent)(i,{$tooltip:f},t))},open(e,t){return y(e||d.target,t)},close(){return d.tipTarget=null,d.tipActive=!1,Object.assign(d.tipStore,{style:{},placement:"",arrowStyle:null}),n(!1),(0,_vue.nextTick)()},toVisible(e,t){return y(e,t)},updatePlacement(){return(0,_vue.nextTick)().then(()=>{var e=d["tipTarget"],t=g.value;if(e&&t)return o(),(0,_vue.nextTick)().then(o)})},isActived(){return d.tipActive},setActived(e){d.tipActive=!!e}},Object.assign(f,r),(0,_vue.watch)(()=>p.content,()=>{d.tipContent=p.content}),(0,_vue.watch)(()=>p.modelValue,e=>{d.isUpdate||(e?y(d.target,p.content):r.close()),d.isUpdate=!1}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e,{trigger:t,content:i,modelValue:l}=p;const r=g.value;if(r){const o=r.parentNode;o&&(d.tipContent=i,d.tipZindex=(0,_utils.nextZIndex)(),_xeUtils.default.arrayEach(r.children,(e,t)=>{1<t&&(o.insertBefore(e,r),d.target||(d.target=e))}),o.removeChild(r),e=d["target"],e&&("hover"===t?(e.onmouseenter=u,e.onmouseleave=s):"click"===t&&(e.onclick=a)),l)&&y(e,i)}})}),(0,_vue.onBeforeUnmount)(()=>{var e=p["trigger"],t=d["target"],i=g.value;t&&("hover"===e?(t.onmouseenter=null,t.onmouseleave=null):"click"===e&&(t.onclick=null)),i&&(e=i.parentNode)&&e.removeChild(i)});return 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:_,onMouseleave:m}),(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()}});
+"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() {