vxe-pc-ui 3.20.6 → 3.20.7

package/lib/tabs/src/tabs.js

@@ -18,6 +18,14 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var baseUtils = _ui.VxeUI.baseUtils,
+  createEvent = _ui.VxeUI.createEvent,
+  getConfig = _ui.VxeUI.getConfig,
+  getIcon = _ui.VxeUI.getIcon,
+  globalEvents = _ui.VxeUI.globalEvents,
+  permission = _ui.VxeUI.permission,
+  renderEmptyElement = _ui.VxeUI.renderEmptyElement;
+var getDefVal = baseUtils.getDefVal;
 var _createComponentLog = (0, _log.createComponentLog)('tabs'),
   warnLog = _createComponentLog.warnLog,
   errLog = _createComponentLog.errLog;
@@ -33,7 +41,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     destroyOnClose: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.destroyOnClose;
+        return getConfig().tabs.destroyOnClose;
       }
     },
     titleWidth: [String, Number],
@@ -41,13 +49,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     type: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.type;
+        return getConfig().tabs.type;
       }
     },
     position: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.position;
+        return getConfig().tabs.position;
       }
     },
     showClose: Boolean,
@@ -58,7 +66,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     padding: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.padding;
+        return getConfig().tabs.padding;
       }
     },
     trigger: String,
@@ -68,13 +76,13 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     size: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tabs.size || (0, _ui.getConfig)().size;
+        return getConfig().tabs.size || getConfig().size;
       }
     },
     useScrollbar: {
       type: Boolean,
       default: function _default() {
-        return (0, _utils.getDefaultConfig)((0, _ui.getConfig)().tabs.useScrollbar, (0, _ui.getConfig)().useScrollbar);
+        return getDefVal(getConfig().tabs.useScrollbar, getConfig().useScrollbar);
       }
     },
     scrollbarConfig: Object,
@@ -174,12 +182,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeCloseOpts: function computeCloseOpts() {
       var $xeTabs = this;
       var props = $xeTabs;
-      return Object.assign({}, (0, _ui.getConfig)().tabs.closeConfig, props.closeConfig);
+      return Object.assign({}, getConfig().tabs.closeConfig, props.closeConfig);
     },
     computeRefreshOpts: function computeRefreshOpts() {
       var $xeTabs = this;
       var props = $xeTabs;
-      return Object.assign({}, (0, _ui.getConfig)().tabs.refreshConfig, props.refreshConfig);
+      return Object.assign({}, getConfig().tabs.refreshConfig, props.refreshConfig);
     },
     computeTabOptions: function computeTabOptions() {
       var $xeTabs = this;
@@ -200,7 +208,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     computeScrollbarOpts: function computeScrollbarOpts() {
       var $xeTabs = this;
       var props = $xeTabs;
-      return Object.assign({}, (0, _ui.getConfig)().tabs.scrollbarConfig, props.scrollbarConfig);
+      return Object.assign({}, getConfig().tabs.scrollbarConfig, props.scrollbarConfig);
     },
     computeScrollbarProps: function computeScrollbarProps() {
       var $xeTabs = this;
@@ -227,7 +235,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
       var $xeTabs = this;
-      $xeTabs.$emit(type, (0, _ui.createEvent)(evnt, {
+      $xeTabs.$emit(type, createEvent(evnt, {
         $tabs: $xeTabs
       }, params));
     },
@@ -262,7 +270,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     handleFilterTab: function handleFilterTab(item) {
       var permissionCode = item.permissionCode;
       if (permissionCode) {
-        if (!_ui.permission.checkVisible(permissionCode)) {
+        if (!permission.checkVisible(permissionCode)) {
           return false;
         }
       }
@@ -445,7 +453,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var props = $xeTabs;
       var reactData = $xeTabs.reactData;
       var trigger = props.trigger;
-      var beforeMethod = props.beforeChangeMethod || (0, _ui.getConfig)().tabs.beforeChangeMethod;
+      var beforeMethod = props.beforeChangeMethod || getConfig().tabs.beforeChangeMethod;
       var activeName = reactData.activeName;
       var name = item.name;
       var value = name;
@@ -537,7 +545,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       evnt.stopPropagation();
       var activeName = reactData.activeName;
       var closeOpts = $xeTabs.computeCloseOpts;
-      var beforeMethod = closeOpts.beforeMethod || props.beforeCloseMethod || (0, _ui.getConfig)().tabs.beforeCloseMethod;
+      var beforeMethod = closeOpts.beforeMethod || props.beforeCloseMethod || getConfig().tabs.beforeCloseMethod;
       var name = item.name;
       var value = activeName;
       var nextName = value;
@@ -769,15 +777,15 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         class: ['vxe-tabs-header--prefix', "type--".concat(tabType), "pos--".concat(tabPosition)]
       }, $xeTabs.callSlot(tabPrefixSlot, {
         name: activeName
-      }, h)) : (0, _ui.renderEmptyElement)($xeTabs), isTabOver ? h('div', {
+      }, h)) : renderEmptyElement($xeTabs), isTabOver ? h('div', {
         ref: 'refHeadPrevElem',
         class: ['vxe-tabs-header--bar vxe-tabs-header--prev-bar', "type--".concat(tabType), "pos--".concat(tabPosition)],
         on: {
           click: $xeTabs.scrollLeftEvent
         }
       }, [h('span', {
-        class: lrPosition ? (0, _ui.getIcon)().TABS_TAB_BUTTON_TOP : (0, _ui.getIcon)().TABS_TAB_BUTTON_LEFT
-      })]) : (0, _ui.renderEmptyElement)($xeTabs), h('div', {
+        class: lrPosition ? getIcon().TABS_TAB_BUTTON_TOP : getIcon().TABS_TAB_BUTTON_LEFT
+      })]) : renderEmptyElement($xeTabs), h('div', {
         class: ['vxe-tabs-header--wrapper', "type--".concat(tabType), "pos--".concat(tabPosition)]
       }, [h('div', {
         ref: 'refHeadWrapperElem',
@@ -834,12 +842,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           class: 'vxe-tabs-header--item-icon'
         }, [h('i', {
           class: icon
-        })]) : (0, _ui.renderEmptyElement)($xeTabs), titlePrefixSlot ? h('span', {
+        })]) : renderEmptyElement($xeTabs), titlePrefixSlot ? h('span', {
           class: 'vxe-tabs-header--item-prefix'
         }, $xeTabs.callSlot(titlePrefixSlot, {
           name: name,
           title: title
-        }, h)) : (0, _ui.renderEmptyElement)($xeTabs), h('span', {
+        }, h)) : renderEmptyElement($xeTabs), h('span', {
           class: 'vxe-tabs-header--item-name'
         }, titleSlot ? $xeTabs.callSlot(titleSlot, {
           name: name,
@@ -849,7 +857,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }, $xeTabs.callSlot(titleSuffixSlot, {
           name: name,
           title: title
-        }, h)) : (0, _ui.renderEmptyElement)($xeTabs)]), ((0, _utils.isEnableConf)(refreshConfig) || refreshOpts.enabled) && (refreshVisibleMethod ? refreshVisibleMethod(params) : true) ? h('div', {
+        }, h)) : renderEmptyElement($xeTabs)]), ((0, _utils.isEnableConf)(refreshConfig) || refreshOpts.enabled) && (refreshVisibleMethod ? refreshVisibleMethod(params) : true) ? h('div', {
           class: ['vxe-tabs-header--refresh-btn', {
             'is--active': isActive,
             'is--loading': isLoading,
@@ -861,8 +869,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           }
         }, [h('i', {
-          class: isLoading ? (0, _ui.getIcon)().TABS_TAB_REFRESH_LOADING : (0, _ui.getIcon)().TABS_TAB_REFRESH
-        })]) : (0, _ui.renderEmptyElement)($xeTabs), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? h('div', {
+          class: isLoading ? getIcon().TABS_TAB_REFRESH_LOADING : getIcon().TABS_TAB_REFRESH
+        })]) : renderEmptyElement($xeTabs), (showClose || (0, _utils.isEnableConf)(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? h('div', {
           class: ['vxe-tabs-header--close-btn', {
             'is--active': isActive
           }],
@@ -872,8 +880,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
             }
           }
         }, [h('i', {
-          class: (0, _ui.getIcon)().TABS_TAB_CLOSE
-        })]) : (0, _ui.renderEmptyElement)($xeTabs)])]);
+          class: getIcon().TABS_TAB_CLOSE
+        })]) : renderEmptyElement($xeTabs)])]);
       }).concat([h('span', {
         key: 'line',
         class: ['vxe-tabs-header--active-line', "type--".concat(tabType), "pos--".concat(tabPosition)],
@@ -885,12 +893,12 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           click: $xeTabs.scrollRightEvent
         }
       }, [h('span', {
-        class: lrPosition ? (0, _ui.getIcon)().TABS_TAB_BUTTON_BOTTOM : (0, _ui.getIcon)().TABS_TAB_BUTTON_RIGHT
-      })]) : (0, _ui.renderEmptyElement)($xeTabs), tabSuffixSlot ? h('div', {
+        class: lrPosition ? getIcon().TABS_TAB_BUTTON_BOTTOM : getIcon().TABS_TAB_BUTTON_RIGHT
+      })]) : renderEmptyElement($xeTabs), tabSuffixSlot ? h('div', {
         class: ['vxe-tabs-header--suffix', "type--".concat(tabType), "pos--".concat(tabPosition)]
       }, $xeTabs.callSlot(tabSuffixSlot, {
         name: activeName
-      }, h)) : (0, _ui.renderEmptyElement)($xeTabs)]);
+      }, h)) : renderEmptyElement($xeTabs)]);
     },
     renderTabPane: function renderTabPane(h, item) {
       var $xeTabs = this;
@@ -926,7 +934,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           name: name
         }, h) : []);
       }
-      return (0, _ui.renderEmptyElement)($xeTabs);
+      return renderEmptyElement($xeTabs);
     },
     renderTabContent: function renderTabContent(h, tabList) {
       var $xeTabs = this;
@@ -938,7 +946,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         var activeTab = tabList.find(function (item) {
           return item.name === activeName;
         });
-        return [activeTab ? $xeTabs.renderTabPane(h, activeTab) : (0, _ui.renderEmptyElement)($xeTabs)];
+        return [activeTab ? $xeTabs.renderTabPane(h, activeTab) : renderEmptyElement($xeTabs)];
       }
       return tabList.map(function (item) {
         return $xeTabs.renderTabPane(h, item);
@@ -962,7 +970,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var headerpSlot = slots.header;
       var footerSlot = slots.footer;
       if (!showBody) {
-        return (0, _ui.renderEmptyElement)($xeTabs);
+        return renderEmptyElement($xeTabs);
       }
       var cacheItem = activeName ? cacheTabMaps["".concat(activeName)] : null;
       var isLoading = cacheItem ? cacheItem.loading : false;
@@ -976,11 +984,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
         }]
       }, [headerpSlot ? h('div', {
         class: 'vxe-tabs-pane--header'
-      }, $xeTabs.callSlot(headerpSlot, defParams, h)) : (0, _ui.renderEmptyElement)($xeTabs), h('div', {
+      }, $xeTabs.callSlot(headerpSlot, defParams, h)) : renderEmptyElement($xeTabs), h('div', {
         class: ['vxe-tabs-pane--body', "type--".concat(tabType), "pos--".concat(tabPosition), _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--padding', padding), 'is--height', height)]
       }, $xeTabs.renderTabContent(h, tabList)), footerSlot ? h('div', {
         class: 'vxe-tabs-pane--footer'
-      }, $xeTabs.callSlot(footerSlot, defParams, h)) : (0, _ui.renderEmptyElement)($xeTabs), showLoading && isLoading ? (0, _ui.renderEmptyElement)($xeTabs) : h(_loading.default, {
+      }, $xeTabs.callSlot(footerSlot, defParams, h)) : renderEmptyElement($xeTabs), showLoading && isLoading ? renderEmptyElement($xeTabs) : h(_loading.default, {
         class: 'vxe-tabs--loading',
         props: {
           value: isLoading
@@ -1068,11 +1076,11 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
   mounted: function mounted() {
     var $xeTabs = this;
     $xeTabs.updateTabStyle();
-    _ui.globalEvents.on($xeTabs, 'resize', $xeTabs.updateTabStyle);
+    globalEvents.on($xeTabs, 'resize', $xeTabs.updateTabStyle);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeTabs = this;
-    _ui.globalEvents.off($xeTabs, 'resize');
+    globalEvents.off($xeTabs, 'resize');
   },
   render: function render(h) {
     return this.renderVN(h);

package/lib/tabs/src/tabs.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0===i)return("string"===t?String:Number)(e);i=i.call(e,t||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}var _createComponentLog=(0,_log.createComponentLog)("tabs"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,scrollbarOffsetSize=20,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Boolean],options:Array,width:[String,Number],height:[String,Number],destroyOnClose:{type:Boolean,default:function(){return(0,_ui.getConfig)().tabs.destroyOnClose}},titleWidth:[String,Number],titleAlign:[String,Number],type:{type:String,default:function(){return(0,_ui.getConfig)().tabs.type}},position:{type:String,default:function(){return(0,_ui.getConfig)().tabs.position}},showClose:Boolean,showBody:{type:Boolean,default:!0},padding:{type:Boolean,default:function(){return(0,_ui.getConfig)().tabs.padding}},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,size:{type:String,default:function(){return(0,_ui.getConfig)().tabs.size||(0,_ui.getConfig)().size}},useScrollbar:{type:Boolean,default:function(){return(0,_utils.getDefaultConfig)((0,_ui.getConfig)().tabs.useScrollbar,(0,_ui.getConfig)().useScrollbar)}},scrollbarConfig:Object,beforeCloseMethod:Function},inject:{$xeParentTabs:{from:"$xeTabs",default:null}},provide:function(){return{$xeTabs:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintTop:0,lintWidth:0,lintHeight:0,scrollbarWidth:0,scrollbarHeight:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}},internalData:{slTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeParentTabsResizeFlag:function(){var e=this.$xeParentTabs;return e?e.reactData.resizeFlag:null},computeTabType:function(){return this.type||"default"},computeTabPosition:function(){return this.position||"top"},computeLrPosition:function(){var e=this.computeTabPosition;return"left"===e||"right"===e},computeLineStyle:function(){var e=this.reactData,t=e.lintLeft,i=e.lintWidth,a=e.lintHeight;return this.computeLrPosition?{top:"".concat(e.lintTop,"px"),height:"".concat(a,"px")}:{left:"".concat(t,"px"),width:"".concat(i,"px")}},computeWrapperStyle:function(){var e=this.width,t=this.height,i={};return e&&(i.width=(0,_dom.toCssUnit)(e)),t&&(i.height="auto"===t?"100%":(0,_dom.toCssUnit)(t)),i},computeCloseOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.closeConfig,this.closeConfig)},computeRefreshOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.refreshConfig,this.refreshConfig)},computeTabOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterTab(e)})},computeTabStaticOptions:function(){var t=this;return t.reactData.staticTabs.filter(function(e){return t.handleFilterTab(e)})},computeScrollbarOpts:function(){return Object.assign({},(0,_ui.getConfig)().tabs.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-tabs-pane--scrollbar-item-view"+(t?" "+t:""),viewInnerClassName:"vxe-tabs-pane--scrollbar-item-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,i){this.$emit(e,(0,_ui.createEvent)(i,{$tabs:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},prev:function(){return this.handlePrevNext(!1)},next:function(){return this.handlePrevNext(!0)},prevTab:function(){return warnLog("vxe.error.delFunc",["prevTab","prev"]),this.prev()},nextTab:function(){return warnLog("vxe.error.delFunc",["nextTab","next"]),this.next()},handleFilterTab:function(e){e=e.permissionCode;return!(e&&!_ui.permission.checkVisible(e))},callSlot:function(e,t,i){var a=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=a[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,i)):[]},checkScrolling:function(){var e,t,i,a,n,o=this.computeLrPosition,r=this.$refs.refHeadWrapperElem,s=this.$refs.refHeadPrevElem,l=this.$refs.refHeadNextElem;r&&(e=r.scrollLeft,t=r.scrollTop,i=r.clientWidth,a=r.clientHeight,n=r.scrollWidth,r=r.scrollHeight,s&&(0<(o?t:e)?(0,_dom.addClass):(0,_dom.removeClass))(s,"scrolling--middle"),l)&&((o?a<r-Math.ceil(t):i<n-Math.ceil(e))?(0,_dom.addClass):(0,_dom.removeClass))(l,"scrolling--middle")},updateTabStyle:function(){function e(){var e,t,i,a,n=g.activeName,o=v.computeTabType,r=v.computeTabOptions,s=v.computeTabStaticOptions,l=v.$refs.refHeadWrapperElem,c=v.computeLrPosition,u=0,f=0,d=0,p=0,m=0,h=0,b=!1;l&&(s=_xeUtils.default.findIndexOf(s.length?s:r,function(e){return e.name===n}),r=l.children,t=l.offsetWidth,e=l.scrollWidth,i=l.offsetHeight,a=l.scrollHeight,m=t-(t=l.clientWidth),h=i-(i=l.clientHeight),c?(b=a!==i,-1<s&&(l=r[s])&&(c=l.clientHeight,a=l.clientWidth,p="card"===o?(u=a,f=c,l.offsetTop):"border-card"===o?(u=a,f=c,l.offsetTop-1):(f=Math.max(4,Math.floor(.6*c)),l.offsetTop+Math.floor((c-f)/2)))):(b=e!==t,-1<s&&(i=r[s])&&(a=i.clientWidth,d="card"===o?(u=a+1,i.offsetLeft):"border-card"===o?(u=a,i.offsetLeft-1):(u=Math.max(4,Math.floor(.6*a)),i.offsetLeft+Math.floor((a-u)/2))))),g.scrollbarWidth=m,g.scrollbarHeight=h,g.lintLeft=d,g.lintTop=p,g.lintWidth=u,g.lintHeight=f,g.isTabOver=b,v.checkScrolling()}var v=this,g=v.reactData;e(),v.$nextTick(e)},addInitName:function(e,t){var i=this.reactData.initNames;return!(!e||i.includes(e)||(this.dispatchEvent("tab-load",{name:e},t),i.push(e),0))},initDefaultName:function(e){var i,a=this,t=a.reactData,n=null,o={};e&&e.length&&(i=!1,n=a.value,e.forEach(function(e){var e=e||{},t=e.name,e=e.preload;t&&(o["".concat(t)]={loading:!1},n===t&&(i=!0),e)&&a.addInitName(t,null)}),i||(n=e[0].name,a.addInitName(n,null),a.emitModel(n))),t.activeName=n,t.cacheTabMaps=o},clickEvent:function(t,i){var a=this,n=a.reactData,e=a.trigger,o=a.beforeChangeMethod||(0,_ui.getConfig)().tabs.beforeChangeMethod,r=n.activeName,s=i.name,l=s;a.dispatchEvent("tab-click",{name:s},t),"manual"!==e&&s!==r&&Promise.resolve(!o||o({$tabs:a,name:s,oldName:r,newName:s,option:i})).then(function(e){e?(n.activeName=s,a.emitModel(l),a.addInitName(s,t),a.dispatchEvent("change",{value:l,name:s,oldName:r,newName:s,option:i},t),a.dispatchEvent("tab-change",{value:l,name:s,oldName:r,newName:s,option:i},t)):a.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:i},t)}).catch(function(){a.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:i},t)})},handleRefreshTabEvent:function(e,t){var i=this.reactData,e=(e.stopPropagation(),i.activeName),i=i.cacheTabMaps,a=t.name,n=this.computeRefreshOpts.queryMethod,o=a?i["".concat(a)]:null;o&&!o.loading&&(n?(o.loading=!0,Promise.resolve(n({$tabs:this,value:e,name:a,option:t})).finally(function(){o.loading=!1})):errLog("vxe.error.notFunc",["refresh-config.queryMethod"]))},handleCloseTabEvent:function(t,e,i,a){var n=this,o=n,r=n.reactData,r=(t.stopPropagation(),r.activeName),o=n.computeCloseOpts.beforeMethod||o.beforeCloseMethod||(0,_ui.getConfig)().tabs.beforeCloseMethod,s=e.name,l=r,c=l;r===s&&(r=i<a.length-1?a[i+1]:a[i-1],c=r?r.name:null),Promise.resolve(!o||o({$tabs:n,value:l,name:s,nextName:c,option:e})).then(function(e){e?n.dispatchEvent("tab-close",{value:l,name:s,nextName:c},t):n.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)}).catch(function(){n.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)})},startScrollAnimation:function(s,e){var l=this,c=l.internalData,t=c.slTimeout,u=l.computeLrPosition,f=u?0:e,d=u?e:0,p=6,m=35,h=(t&&(clearTimeout(t),c.slTimeout=void 0),function(){var e,t,i,a,n,o,r=l.$refs.refHeadWrapperElem;0<p&&(p--,r)&&(e=r.clientWidth,t=r.clientHeight,i=r.scrollWidth,a=r.scrollHeight,n=r.scrollLeft,o=r.scrollTop,u?(d=Math.floor(d/2),0<s?t+o<a&&(r.scrollTop+=d,m-=4,c.slTimeout=setTimeout(h,m)):0<o&&(r.scrollTop-=d,m-=4,c.slTimeout=setTimeout(h,m))):(f=Math.floor(f/2),0<s?e+n<i&&(r.scrollLeft+=f,m-=4,c.slTimeout=setTimeout(h,m)):0<n&&(r.scrollLeft-=f,m-=4,c.slTimeout=setTimeout(h,m))),l.updateTabStyle())});h()},handleScrollToLeft:function(e){var t,i=this.computeLrPosition,a=this.$refs.refHeadWrapperElem;a&&(t=a.clientWidth,a=a.clientHeight,i=Math.floor(.75*(i?a:t)),this.startScrollAnimation(e,i))},scrollLeftEvent:function(){this.handleScrollToLeft(-1)},scrollRightEvent:function(){this.handleScrollToLeft(1)},scrollToTab:function(s){var l=this,c=l.computeTabOptions,u=l.computeTabStaticOptions,f=l.computeLrPosition;return l.$nextTick().then(function(){var e,t,i,a,n,o,r=l.$refs.refHeadWrapperElem;r&&(-1<(i=_xeUtils.default.findIndexOf(u.length?u:c,function(e){return e.name===s}))&&(e=r.scrollLeft,o=r.scrollTop,t=r.clientWidth,n=r.clientHeight,i=r.children[i])&&(f?(0<(n=(a=i.offsetTop)+i.clientHeight-(o+n))&&(r.scrollTop+=n),a<o&&(r.scrollTop=a)):(0<(o=(n=i.offsetLeft)+i.clientWidth-(e+t))&&(r.scrollLeft+=o),n<e&&(r.scrollLeft=n))),l.updateTabStyle())})},handlePrevNext:function(e){var t,i=this,a=i.reactData,n=a.activeName,o=i.computeTabStaticOptions,o=o.length?o:i.computeTabOptions,r=_xeUtils.default.findIndexOf(o,function(e){return e.name===n});return-1<r&&(t=null,e?r<o.length-1&&(t=o[r+1]):0<r&&(t=o[r-1]),t)&&(e=t.name,a.activeName=e,i.emitModel(e),i.addInitName(e,null)),i.$nextTick()},renderTabHeader:function(p,m){var h=this,e=h.$scopedSlots,t=h.reactData,b=h.titleWidth,v=h.titleAlign,g=h.showClose,T=h.closeConfig,_=h.refreshConfig,y=t.activeName,i=t.scrollbarWidth,a=t.scrollbarHeight,n=t.isTabOver,x=t.cacheTabMaps,S=h.computeTabType,E=h.computeTabPosition,t=h.computeLrPosition,o=h.computeLineStyle,r=e.tabPrefix||e["tab-prefix"]||e.prefix,e=e.tabSuffix||e["tab-suffix"]||e.suffix||e.extra,N=h.computeCloseOpts,C=N.visibleMethod,O=h.computeRefreshOpts,P=O.visibleMethod;return p("div",{key:"th",class:["vxe-tabs-header","type--".concat(S),"pos--".concat(E)]},[r?p("div",{class:["vxe-tabs-header--prefix","type--".concat(S),"pos--".concat(E)]},h.callSlot(r,{name:y},p)):(0,_ui.renderEmptyElement)(h),n?p("div",{ref:"refHeadPrevElem",class:["vxe-tabs-header--bar vxe-tabs-header--prev-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollLeftEvent}},[p("span",{class:t?(0,_ui.getIcon)().TABS_TAB_BUTTON_TOP:(0,_ui.getIcon)().TABS_TAB_BUTTON_LEFT})]):(0,_ui.renderEmptyElement)(h),p("div",{class:["vxe-tabs-header--wrapper","type--".concat(S),"pos--".concat(E)]},[p("div",{ref:"refHeadWrapperElem",class:"vxe-tabs-header--item-wrapper",style:t?{marginRight:"-".concat(i+scrollbarOffsetSize,"px"),paddingRight:"".concat(scrollbarOffsetSize,"px")}:{marginBottom:"-".concat(a+scrollbarOffsetSize,"px"),paddingBottom:"".concat(scrollbarOffsetSize,"px")},on:{scroll:h.checkScrolling}},m.map(function(t,i){var e=t.title,a=t.icon,n=t.name,o=t.slots||{},r=o.title||o.tab,s=o.titlePrefix||o["title-prefix"],o=o.titleSuffix||o["title-suffix"],l=t.titleWidth||b,c=t.titleAlign||v,u={$tabs:h,value:y,name:n,option:t},f=y===n,d=n?x["".concat(n)]:null,d=!!d&&d.loading;return p("div",{key:"".concat(n),class:["vxe-tabs-header--item","type--".concat(S),"pos--".concat(E),c?"align--".concat(c):"",{"is--active":f}],style:l?{width:(0,_dom.toCssUnit)(l)}:void 0,on:{click:function(e){h.clickEvent(e,t)}}},[p("div",{class:"vxe-tabs-header--item-inner"},[p("div",{class:"vxe-tabs-header--item-content"},[a?p("span",{class:"vxe-tabs-header--item-icon"},[p("i",{class:a})]):(0,_ui.renderEmptyElement)(h),s?p("span",{class:"vxe-tabs-header--item-prefix"},h.callSlot(s,{name:n,title:e},p)):(0,_ui.renderEmptyElement)(h),p("span",{class:"vxe-tabs-header--item-name"},r?h.callSlot(r,{name:n,title:e},p):"".concat(e)),o?p("span",{class:"vxe-tabs-header--item-suffix"},h.callSlot(o,{name:n,title:e},p)):(0,_ui.renderEmptyElement)(h)]),!(0,_utils.isEnableConf)(_)&&!O.enabled||P&&!P(u)?(0,_ui.renderEmptyElement)(h):p("div",{class:["vxe-tabs-header--refresh-btn",{"is--active":f,"is--loading":d,"is--disabled":d}],on:{click:function(e){h.handleRefreshTabEvent(e,t)}}},[p("i",{class:d?(0,_ui.getIcon)().TABS_TAB_REFRESH_LOADING:(0,_ui.getIcon)().TABS_TAB_REFRESH})]),!(g||(0,_utils.isEnableConf)(T)||N.enabled)||C&&!C(u)?(0,_ui.renderEmptyElement)(h):p("div",{class:["vxe-tabs-header--close-btn",{"is--active":f}],on:{click:function(e){h.handleCloseTabEvent(e,t,i,m)}}},[p("i",{class:(0,_ui.getIcon)().TABS_TAB_CLOSE})])])])}).concat([p("span",{key:"line",class:["vxe-tabs-header--active-line","type--".concat(S),"pos--".concat(E)],style:o})]))]),n?p("div",{ref:"refHeadNextElem",class:["vxe-tabs-header--bar vxe-tabs-header--next-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollRightEvent}},[p("span",{class:t?(0,_ui.getIcon)().TABS_TAB_BUTTON_BOTTOM:(0,_ui.getIcon)().TABS_TAB_BUTTON_RIGHT})]):(0,_ui.renderEmptyElement)(h),e?p("div",{class:["vxe-tabs-header--suffix","type--".concat(S),"pos--".concat(E)]},h.callSlot(e,{name:y},p)):(0,_ui.renderEmptyElement)(h)])},renderTabPane:function(e,t){var i=this,a=i.reactData,n=i.useScrollbar,o=a.initNames,a=a.activeName,r=t.name,t=t.slots,s=t?t.default:null,t=i.computeScrollbarProps;return r&&o.includes(r)?n?e(_scrollbar.default,{key:"".concat(r),class:["vxe-tabs-pane--scrollbar-item",{"is--visible":a===r}],props:t,scopedSlots:{default:function(){return s?i.callSlot(s,{name:r},e):[]}}}):e("div",{key:"".concat(r),class:["vxe-tabs-pane--item",{"is--visible":a===r}]},s?i.callSlot(s,{name:r},e):[]):(0,_ui.renderEmptyElement)(i)},renderTabContent:function(t,e){var i=this,a=i.reactData,n=i.destroyOnClose,o=a.activeName;return n?[(a=e.find(function(e){return e.name===o}))?i.renderTabPane(t,a):(0,_ui.renderEmptyElement)(i)]:e.map(function(e){return i.renderTabPane(t,e)})},rendetTabBody:function(e,t){var i=this,a=i.$scopedSlots,n=i.reactData,o=i.height,r=i.padding,s=i.showBody,l=n.activeName,c=i.computeSize,u=i.computeTabType,f=i.computeTabPosition,d=i.computeRefreshOpts.showLoading,p=a.header,a=a.footer;return s?(n=!!(n=l?n.cacheTabMaps["".concat(l)]:null)&&n.loading,l={name:l},e("div",{key:"tb",class:["vxe-tabs-pane--wrapper","type--".concat(u),"pos--".concat(f),{"is--content":s}]},[p?e("div",{class:"vxe-tabs-pane--header"},i.callSlot(p,l,e)):(0,_ui.renderEmptyElement)(i),e("div",{class:["vxe-tabs-pane--body","type--".concat(u),"pos--".concat(f),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"is--padding",r),"is--height",o)]},i.renderTabContent(e,t)),a?e("div",{class:"vxe-tabs-pane--footer"},i.callSlot(a,l,e)):(0,_ui.renderEmptyElement)(i),d&&n?(0,_ui.renderEmptyElement)(i):e(_loading.default,{class:"vxe-tabs--loading",props:{value:n}})])):(0,_ui.renderEmptyElement)(i)},renderVN:function(e){var t=this,i=t.$scopedSlots,a=t.height,n=t.padding,o=t.trigger,r=t.reactData.activeName,s=t.computeSize,l=t.computeTabType,c=t.computeTabPosition,u=t.computeWrapperStyle,i=i.default,f=i?t.computeTabStaticOptions:t.computeTabOptions,i=[e("div",{key:"ts",class:"vxe-tabs-slots"},i?i({name:r}):[])];return"right"===c||"bottom"===c?i.push(t.rendetTabBody(e,f),t.renderTabHeader(e,f)):i.push(t.renderTabHeader(e,f),t.rendetTabBody(e,f)),e("div",{ref:"refElem",class:["vxe-tabs","pos--".concat(c),"vxe-tabs--".concat(l),"trigger--".concat("manual"===o?"trigger":"default"),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--padding",n),"is--height",a)],style:u},i)}},watch:{position:function(){this.reactData.resizeFlag++},value:function(e){var t=this.reactData;this.addInitName(e,null),t.activeName=e},"reactData.activeName":function(e){this.scrollToTab(e)},options:function(){var e=this.reactData;this.initDefaultName(this.options),e.resizeFlag++},"reactData.staticTabs":function(){var e=this.reactData;this.initDefaultName(e.staticTabs),e.resizeFlag++},computeParentTabsResizeFlag:function(){var e=this;e.$nextTick(function(){e.updateTabStyle()})}},created:function(){var e=this.reactData;this.addInitName(this.value,null),this.initDefaultName(e.staticTabs.length?e.staticTabs:this.options)},mounted:function(){this.updateTabStyle(),_ui.globalEvents.on(this,"resize",this.updateTabStyle)},beforeDestroy:function(){_ui.globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_vn=require("../../ui/src/vn"),_dom=require("../../ui/src/dom"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_loading=_interopRequireDefault(require("../../loading")),_scrollbar=_interopRequireDefault(require("../../scrollbar"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,a){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}function _toPropertyKey(e){e=_toPrimitive(e,"string");return"symbol"==_typeof(e)?e:e+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var a=e[Symbol.toPrimitive];if(void 0===a)return("string"===t?String:Number)(e);a=a.call(e,t||"default");if("object"!=_typeof(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}var baseUtils=_ui.VxeUI.baseUtils,createEvent=_ui.VxeUI.createEvent,getConfig=_ui.VxeUI.getConfig,getIcon=_ui.VxeUI.getIcon,globalEvents=_ui.VxeUI.globalEvents,permission=_ui.VxeUI.permission,renderEmptyElement=_ui.VxeUI.renderEmptyElement,getDefVal=baseUtils.getDefVal,_createComponentLog=(0,_log.createComponentLog)("tabs"),warnLog=_createComponentLog.warnLog,errLog=_createComponentLog.errLog,scrollbarOffsetSize=20,_default2=exports.default=(0,_comp.defineVxeComponent)({name:"VxeTabs",mixins:[_ui.globalMixins.sizeMixin],props:{value:[String,Number,Boolean],options:Array,width:[String,Number],height:[String,Number],destroyOnClose:{type:Boolean,default:function(){return getConfig().tabs.destroyOnClose}},titleWidth:[String,Number],titleAlign:[String,Number],type:{type:String,default:function(){return getConfig().tabs.type}},position:{type:String,default:function(){return getConfig().tabs.position}},showClose:Boolean,showBody:{type:Boolean,default:!0},padding:{type:Boolean,default:function(){return getConfig().tabs.padding}},trigger:String,beforeChangeMethod:Function,closeConfig:Object,refreshConfig:Object,size:{type:String,default:function(){return getConfig().tabs.size||getConfig().size}},useScrollbar:{type:Boolean,default:function(){return getDefVal(getConfig().tabs.useScrollbar,getConfig().useScrollbar)}},scrollbarConfig:Object,beforeCloseMethod:Function},inject:{$xeParentTabs:{from:"$xeTabs",default:null}},provide:function(){return{$xeTabs:this}},data:function(){return{xID:_xeUtils.default.uniqueId(),reactData:{staticTabs:[],activeName:null,initNames:[],lintLeft:0,lintTop:0,lintWidth:0,lintHeight:0,scrollbarWidth:0,scrollbarHeight:0,isTabOver:!1,resizeFlag:1,cacheTabMaps:{}},internalData:{slTimeout:void 0}}},computed:Object.assign(Object.assign({},{}),{computeParentTabsResizeFlag:function(){var e=this.$xeParentTabs;return e?e.reactData.resizeFlag:null},computeTabType:function(){return this.type||"default"},computeTabPosition:function(){return this.position||"top"},computeLrPosition:function(){var e=this.computeTabPosition;return"left"===e||"right"===e},computeLineStyle:function(){var e=this.reactData,t=e.lintLeft,a=e.lintWidth,n=e.lintHeight;return this.computeLrPosition?{top:"".concat(e.lintTop,"px"),height:"".concat(n,"px")}:{left:"".concat(t,"px"),width:"".concat(a,"px")}},computeWrapperStyle:function(){var e=this.width,t=this.height,a={};return e&&(a.width=(0,_dom.toCssUnit)(e)),t&&(a.height="auto"===t?"100%":(0,_dom.toCssUnit)(t)),a},computeCloseOpts:function(){return Object.assign({},getConfig().tabs.closeConfig,this.closeConfig)},computeRefreshOpts:function(){return Object.assign({},getConfig().tabs.refreshConfig,this.refreshConfig)},computeTabOptions:function(){var t=this;return(t.options||[]).filter(function(e){return t.handleFilterTab(e)})},computeTabStaticOptions:function(){var t=this;return t.reactData.staticTabs.filter(function(e){return t.handleFilterTab(e)})},computeScrollbarOpts:function(){return Object.assign({},getConfig().tabs.scrollbarConfig,this.scrollbarConfig)},computeScrollbarProps:function(){var e=this.computeScrollbarOpts,t=e.viewClassName;return{width:e.width,height:e.height,autoHide:e.autoHide,visible:e.visible,xConfig:e.xConfig,yConfig:e.yConfig,className:e.className,viewAttrs:e.viewAttrs,viewClassName:"vxe-tabs-pane--scrollbar-item-view"+(t?" "+t:""),viewInnerClassName:"vxe-tabs-pane--scrollbar-item-inner"+(t?" "+e.viewInnerClassName:"")}}}),methods:{dispatchEvent:function(e,t,a){this.$emit(e,createEvent(a,{$tabs:this},t))},emitModel:function(e){var t=this._events;this.$emit("input",e),t&&t.modelValue?this.$emit("modelValue",e):this.$emit("model-value",e)},prev:function(){return this.handlePrevNext(!1)},next:function(){return this.handlePrevNext(!0)},prevTab:function(){return warnLog("vxe.error.delFunc",["prevTab","prev"]),this.prev()},nextTab:function(){return warnLog("vxe.error.delFunc",["nextTab","next"]),this.next()},handleFilterTab:function(e){e=e.permissionCode;return!(e&&!permission.checkVisible(e))},callSlot:function(e,t,a){var n=this.$scopedSlots;return e&&(_xeUtils.default.isString(e)&&(e=n[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e.call(this,t,a)):[]},checkScrolling:function(){var e,t,a,n,i,o=this.computeLrPosition,r=this.$refs.refHeadWrapperElem,s=this.$refs.refHeadPrevElem,l=this.$refs.refHeadNextElem;r&&(e=r.scrollLeft,t=r.scrollTop,a=r.clientWidth,n=r.clientHeight,i=r.scrollWidth,r=r.scrollHeight,s&&(0<(o?t:e)?(0,_dom.addClass):(0,_dom.removeClass))(s,"scrolling--middle"),l)&&((o?n<r-Math.ceil(t):a<i-Math.ceil(e))?(0,_dom.addClass):(0,_dom.removeClass))(l,"scrolling--middle")},updateTabStyle:function(){function e(){var e,t,a,n,i=g.activeName,o=v.computeTabType,r=v.computeTabOptions,s=v.computeTabStaticOptions,l=v.$refs.refHeadWrapperElem,c=v.computeLrPosition,u=0,f=0,d=0,p=0,m=0,h=0,b=!1;l&&(s=_xeUtils.default.findIndexOf(s.length?s:r,function(e){return e.name===i}),r=l.children,t=l.offsetWidth,e=l.scrollWidth,a=l.offsetHeight,n=l.scrollHeight,m=t-(t=l.clientWidth),h=a-(a=l.clientHeight),c?(b=n!==a,-1<s&&(l=r[s])&&(c=l.clientHeight,n=l.clientWidth,p="card"===o?(u=n,f=c,l.offsetTop):"border-card"===o?(u=n,f=c,l.offsetTop-1):(f=Math.max(4,Math.floor(.6*c)),l.offsetTop+Math.floor((c-f)/2)))):(b=e!==t,-1<s&&(a=r[s])&&(n=a.clientWidth,d="card"===o?(u=n+1,a.offsetLeft):"border-card"===o?(u=n,a.offsetLeft-1):(u=Math.max(4,Math.floor(.6*n)),a.offsetLeft+Math.floor((n-u)/2))))),g.scrollbarWidth=m,g.scrollbarHeight=h,g.lintLeft=d,g.lintTop=p,g.lintWidth=u,g.lintHeight=f,g.isTabOver=b,v.checkScrolling()}var v=this,g=v.reactData;e(),v.$nextTick(e)},addInitName:function(e,t){var a=this.reactData.initNames;return!(!e||a.includes(e)||(this.dispatchEvent("tab-load",{name:e},t),a.push(e),0))},initDefaultName:function(e){var a,n=this,t=n.reactData,i=null,o={};e&&e.length&&(a=!1,i=n.value,e.forEach(function(e){var e=e||{},t=e.name,e=e.preload;t&&(o["".concat(t)]={loading:!1},i===t&&(a=!0),e)&&n.addInitName(t,null)}),a||(i=e[0].name,n.addInitName(i,null),n.emitModel(i))),t.activeName=i,t.cacheTabMaps=o},clickEvent:function(t,a){var n=this,i=n.reactData,e=n.trigger,o=n.beforeChangeMethod||getConfig().tabs.beforeChangeMethod,r=i.activeName,s=a.name,l=s;n.dispatchEvent("tab-click",{name:s},t),"manual"!==e&&s!==r&&Promise.resolve(!o||o({$tabs:n,name:s,oldName:r,newName:s,option:a})).then(function(e){e?(i.activeName=s,n.emitModel(l),n.addInitName(s,t),n.dispatchEvent("change",{value:l,name:s,oldName:r,newName:s,option:a},t),n.dispatchEvent("tab-change",{value:l,name:s,oldName:r,newName:s,option:a},t)):n.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:a},t)}).catch(function(){n.dispatchEvent("tab-change-fail",{value:l,name:s,oldName:r,newName:s,option:a},t)})},handleRefreshTabEvent:function(e,t){var a=this.reactData,e=(e.stopPropagation(),a.activeName),a=a.cacheTabMaps,n=t.name,i=this.computeRefreshOpts.queryMethod,o=n?a["".concat(n)]:null;o&&!o.loading&&(i?(o.loading=!0,Promise.resolve(i({$tabs:this,value:e,name:n,option:t})).finally(function(){o.loading=!1})):errLog("vxe.error.notFunc",["refresh-config.queryMethod"]))},handleCloseTabEvent:function(t,e,a,n){var i=this,o=i,r=i.reactData,r=(t.stopPropagation(),r.activeName),o=i.computeCloseOpts.beforeMethod||o.beforeCloseMethod||getConfig().tabs.beforeCloseMethod,s=e.name,l=r,c=l;r===s&&(r=a<n.length-1?n[a+1]:n[a-1],c=r?r.name:null),Promise.resolve(!o||o({$tabs:i,value:l,name:s,nextName:c,option:e})).then(function(e){e?i.dispatchEvent("tab-close",{value:l,name:s,nextName:c},t):i.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)}).catch(function(){i.dispatchEvent("tab-close-fail",{value:l,name:s,nextName:c},t)})},startScrollAnimation:function(s,e){var l=this,c=l.internalData,t=c.slTimeout,u=l.computeLrPosition,f=u?0:e,d=u?e:0,p=6,m=35,h=(t&&(clearTimeout(t),c.slTimeout=void 0),function(){var e,t,a,n,i,o,r=l.$refs.refHeadWrapperElem;0<p&&(p--,r)&&(e=r.clientWidth,t=r.clientHeight,a=r.scrollWidth,n=r.scrollHeight,i=r.scrollLeft,o=r.scrollTop,u?(d=Math.floor(d/2),0<s?t+o<n&&(r.scrollTop+=d,m-=4,c.slTimeout=setTimeout(h,m)):0<o&&(r.scrollTop-=d,m-=4,c.slTimeout=setTimeout(h,m))):(f=Math.floor(f/2),0<s?e+i<a&&(r.scrollLeft+=f,m-=4,c.slTimeout=setTimeout(h,m)):0<i&&(r.scrollLeft-=f,m-=4,c.slTimeout=setTimeout(h,m))),l.updateTabStyle())});h()},handleScrollToLeft:function(e){var t,a=this.computeLrPosition,n=this.$refs.refHeadWrapperElem;n&&(t=n.clientWidth,n=n.clientHeight,a=Math.floor(.75*(a?n:t)),this.startScrollAnimation(e,a))},scrollLeftEvent:function(){this.handleScrollToLeft(-1)},scrollRightEvent:function(){this.handleScrollToLeft(1)},scrollToTab:function(s){var l=this,c=l.computeTabOptions,u=l.computeTabStaticOptions,f=l.computeLrPosition;return l.$nextTick().then(function(){var e,t,a,n,i,o,r=l.$refs.refHeadWrapperElem;r&&(-1<(a=_xeUtils.default.findIndexOf(u.length?u:c,function(e){return e.name===s}))&&(e=r.scrollLeft,o=r.scrollTop,t=r.clientWidth,i=r.clientHeight,a=r.children[a])&&(f?(0<(i=(n=a.offsetTop)+a.clientHeight-(o+i))&&(r.scrollTop+=i),n<o&&(r.scrollTop=n)):(0<(o=(i=a.offsetLeft)+a.clientWidth-(e+t))&&(r.scrollLeft+=o),i<e&&(r.scrollLeft=i))),l.updateTabStyle())})},handlePrevNext:function(e){var t,a=this,n=a.reactData,i=n.activeName,o=a.computeTabStaticOptions,o=o.length?o:a.computeTabOptions,r=_xeUtils.default.findIndexOf(o,function(e){return e.name===i});return-1<r&&(t=null,e?r<o.length-1&&(t=o[r+1]):0<r&&(t=o[r-1]),t)&&(e=t.name,n.activeName=e,a.emitModel(e),a.addInitName(e,null)),a.$nextTick()},renderTabHeader:function(p,m){var h=this,e=h.$scopedSlots,t=h.reactData,b=h.titleWidth,v=h.titleAlign,g=h.showClose,T=h.closeConfig,y=h.refreshConfig,x=t.activeName,a=t.scrollbarWidth,n=t.scrollbarHeight,i=t.isTabOver,_=t.cacheTabMaps,S=h.computeTabType,E=h.computeTabPosition,t=h.computeLrPosition,o=h.computeLineStyle,r=e.tabPrefix||e["tab-prefix"]||e.prefix,e=e.tabSuffix||e["tab-suffix"]||e.suffix||e.extra,N=h.computeCloseOpts,C=N.visibleMethod,O=h.computeRefreshOpts,P=O.visibleMethod;return p("div",{key:"th",class:["vxe-tabs-header","type--".concat(S),"pos--".concat(E)]},[r?p("div",{class:["vxe-tabs-header--prefix","type--".concat(S),"pos--".concat(E)]},h.callSlot(r,{name:x},p)):renderEmptyElement(h),i?p("div",{ref:"refHeadPrevElem",class:["vxe-tabs-header--bar vxe-tabs-header--prev-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollLeftEvent}},[p("span",{class:t?getIcon().TABS_TAB_BUTTON_TOP:getIcon().TABS_TAB_BUTTON_LEFT})]):renderEmptyElement(h),p("div",{class:["vxe-tabs-header--wrapper","type--".concat(S),"pos--".concat(E)]},[p("div",{ref:"refHeadWrapperElem",class:"vxe-tabs-header--item-wrapper",style:t?{marginRight:"-".concat(a+scrollbarOffsetSize,"px"),paddingRight:"".concat(scrollbarOffsetSize,"px")}:{marginBottom:"-".concat(n+scrollbarOffsetSize,"px"),paddingBottom:"".concat(scrollbarOffsetSize,"px")},on:{scroll:h.checkScrolling}},m.map(function(t,a){var e=t.title,n=t.icon,i=t.name,o=t.slots||{},r=o.title||o.tab,s=o.titlePrefix||o["title-prefix"],o=o.titleSuffix||o["title-suffix"],l=t.titleWidth||b,c=t.titleAlign||v,u={$tabs:h,value:x,name:i,option:t},f=x===i,d=i?_["".concat(i)]:null,d=!!d&&d.loading;return p("div",{key:"".concat(i),class:["vxe-tabs-header--item","type--".concat(S),"pos--".concat(E),c?"align--".concat(c):"",{"is--active":f}],style:l?{width:(0,_dom.toCssUnit)(l)}:void 0,on:{click:function(e){h.clickEvent(e,t)}}},[p("div",{class:"vxe-tabs-header--item-inner"},[p("div",{class:"vxe-tabs-header--item-content"},[n?p("span",{class:"vxe-tabs-header--item-icon"},[p("i",{class:n})]):renderEmptyElement(h),s?p("span",{class:"vxe-tabs-header--item-prefix"},h.callSlot(s,{name:i,title:e},p)):renderEmptyElement(h),p("span",{class:"vxe-tabs-header--item-name"},r?h.callSlot(r,{name:i,title:e},p):"".concat(e)),o?p("span",{class:"vxe-tabs-header--item-suffix"},h.callSlot(o,{name:i,title:e},p)):renderEmptyElement(h)]),!(0,_utils.isEnableConf)(y)&&!O.enabled||P&&!P(u)?renderEmptyElement(h):p("div",{class:["vxe-tabs-header--refresh-btn",{"is--active":f,"is--loading":d,"is--disabled":d}],on:{click:function(e){h.handleRefreshTabEvent(e,t)}}},[p("i",{class:d?getIcon().TABS_TAB_REFRESH_LOADING:getIcon().TABS_TAB_REFRESH})]),!(g||(0,_utils.isEnableConf)(T)||N.enabled)||C&&!C(u)?renderEmptyElement(h):p("div",{class:["vxe-tabs-header--close-btn",{"is--active":f}],on:{click:function(e){h.handleCloseTabEvent(e,t,a,m)}}},[p("i",{class:getIcon().TABS_TAB_CLOSE})])])])}).concat([p("span",{key:"line",class:["vxe-tabs-header--active-line","type--".concat(S),"pos--".concat(E)],style:o})]))]),i?p("div",{ref:"refHeadNextElem",class:["vxe-tabs-header--bar vxe-tabs-header--next-bar","type--".concat(S),"pos--".concat(E)],on:{click:h.scrollRightEvent}},[p("span",{class:t?getIcon().TABS_TAB_BUTTON_BOTTOM:getIcon().TABS_TAB_BUTTON_RIGHT})]):renderEmptyElement(h),e?p("div",{class:["vxe-tabs-header--suffix","type--".concat(S),"pos--".concat(E)]},h.callSlot(e,{name:x},p)):renderEmptyElement(h)])},renderTabPane:function(e,t){var a=this,n=a.reactData,i=a.useScrollbar,o=n.initNames,n=n.activeName,r=t.name,t=t.slots,s=t?t.default:null,t=a.computeScrollbarProps;return r&&o.includes(r)?i?e(_scrollbar.default,{key:"".concat(r),class:["vxe-tabs-pane--scrollbar-item",{"is--visible":n===r}],props:t,scopedSlots:{default:function(){return s?a.callSlot(s,{name:r},e):[]}}}):e("div",{key:"".concat(r),class:["vxe-tabs-pane--item",{"is--visible":n===r}]},s?a.callSlot(s,{name:r},e):[]):renderEmptyElement(a)},renderTabContent:function(t,e){var a=this,n=a.reactData,i=a.destroyOnClose,o=n.activeName;return i?[(n=e.find(function(e){return e.name===o}))?a.renderTabPane(t,n):renderEmptyElement(a)]:e.map(function(e){return a.renderTabPane(t,e)})},rendetTabBody:function(e,t){var a=this,n=a.$scopedSlots,i=a.reactData,o=a.height,r=a.padding,s=a.showBody,l=i.activeName,c=a.computeSize,u=a.computeTabType,f=a.computeTabPosition,d=a.computeRefreshOpts.showLoading,p=n.header,n=n.footer;return s?(i=!!(i=l?i.cacheTabMaps["".concat(l)]:null)&&i.loading,l={name:l},e("div",{key:"tb",class:["vxe-tabs-pane--wrapper","type--".concat(u),"pos--".concat(f),{"is--content":s}]},[p?e("div",{class:"vxe-tabs-pane--header"},a.callSlot(p,l,e)):renderEmptyElement(a),e("div",{class:["vxe-tabs-pane--body","type--".concat(u),"pos--".concat(f),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(c),c),"is--padding",r),"is--height",o)]},a.renderTabContent(e,t)),n?e("div",{class:"vxe-tabs-pane--footer"},a.callSlot(n,l,e)):renderEmptyElement(a),d&&i?renderEmptyElement(a):e(_loading.default,{class:"vxe-tabs--loading",props:{value:i}})])):renderEmptyElement(a)},renderVN:function(e){var t=this,a=t.$scopedSlots,n=t.height,i=t.padding,o=t.trigger,r=t.reactData.activeName,s=t.computeSize,l=t.computeTabType,c=t.computeTabPosition,u=t.computeWrapperStyle,a=a.default,f=a?t.computeTabStaticOptions:t.computeTabOptions,a=[e("div",{key:"ts",class:"vxe-tabs-slots"},a?a({name:r}):[])];return"right"===c||"bottom"===c?a.push(t.rendetTabBody(e,f),t.renderTabHeader(e,f)):a.push(t.renderTabHeader(e,f),t.rendetTabBody(e,f)),e("div",{ref:"refElem",class:["vxe-tabs","pos--".concat(c),"vxe-tabs--".concat(l),"trigger--".concat("manual"===o?"trigger":"default"),_defineProperty(_defineProperty(_defineProperty({},"size--".concat(s),s),"is--padding",i),"is--height",n)],style:u},a)}},watch:{position:function(){this.reactData.resizeFlag++},value:function(e){var t=this.reactData;this.addInitName(e,null),t.activeName=e},"reactData.activeName":function(e){this.scrollToTab(e)},options:function(){var e=this.reactData;this.initDefaultName(this.options),e.resizeFlag++},"reactData.staticTabs":function(){var e=this.reactData;this.initDefaultName(e.staticTabs),e.resizeFlag++},computeParentTabsResizeFlag:function(){var e=this;e.$nextTick(function(){e.updateTabStyle()})}},created:function(){var e=this.reactData;this.addInitName(this.value,null),this.initDefaultName(e.staticTabs.length?e.staticTabs:this.options)},mounted:function(){this.updateTabStyle(),globalEvents.on(this,"resize",this.updateTabStyle)},beforeDestroy:function(){globalEvents.off(this,"resize")},render:function(e){return this.renderVN(e)}});

package/lib/tooltip/src/tooltip.js

@@ -10,6 +10,7 @@ var _ui = require("../../ui");
 var _utils = require("../../ui/src/utils");
 var _dom = require("../../ui/src/dom");
 var _vn = require("../../ui/src/vn");
+var _scrollbar = _interopRequireDefault(require("../../scrollbar"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -21,6 +22,11 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var baseUtils = _ui.VxeUI.baseUtils,
+  getConfig = _ui.VxeUI.getConfig,
+  createEvent = _ui.VxeUI.createEvent,
+  globalEvents = _ui.VxeUI.globalEvents;
+var getDefVal = baseUtils.getDefVal;
 function createReactData() {
   return {
     target: null,
@@ -40,6 +46,7 @@ function createReactData() {
 }
 function createInternalData() {
   return {
+    // scrollbarViewEl: undefined,
     // showDelayTip: undefined
   };
 }
@@ -51,20 +58,20 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     size: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.size || (0, _ui.getConfig)().size;
+        return getConfig().tooltip.size || getConfig().size;
       }
     },
     selector: [String, Element],
     trigger: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.trigger || 'hover';
+        return getConfig().tooltip.trigger || 'hover';
       }
     },
     theme: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.theme || 'dark';
+        return getConfig().tooltip.theme || 'dark';
       }
     },
     content: {
@@ -74,14 +81,14 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     useHtml: {
       type: Boolean,
       default: function _default() {
-        return _xeUtils.default.isBoolean((0, _ui.getConfig)().tooltip.useHtml) ? (0, _ui.getConfig)().tooltip.useHtml : null;
+        return _xeUtils.default.isBoolean(getConfig().tooltip.useHtml) ? getConfig().tooltip.useHtml : null;
       }
     },
     // 已废弃，请使用 useHtml
     useHTML: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.useHTML;
+        return getConfig().tooltip.useHTML;
       }
     },
     zIndex: [String, Number],
@@ -89,81 +96,88 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     width: {
       type: [String, Number],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.Width;
+        return getConfig().tooltip.Width;
       }
     },
     height: {
       type: [String, Number],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.height;
+        return getConfig().tooltip.height;
       }
     },
     minWidth: {
       type: [String, Number],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.minWidth;
+        return getConfig().tooltip.minWidth;
       }
     },
     minHeight: {
       type: [String, Number],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.minHeight;
+        return getConfig().tooltip.minHeight;
       }
     },
     maxWidth: {
       type: [String, Number],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.maxWidth;
+        return getConfig().tooltip.maxWidth;
       }
     },
     maxHeight: {
       type: [String, Number],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.maxHeight;
+        return getConfig().tooltip.maxHeight;
       }
     },
     placement: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.placement;
+        return getConfig().tooltip.placement;
       }
     },
     defaultPlacement: {
       type: String,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.defaultPlacement;
+        return getConfig().tooltip.defaultPlacement;
       }
     },
     isArrow: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.isArrow;
+        return getConfig().tooltip.isArrow;
       }
     },
     enterable: {
       type: Boolean,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.enterable;
+        return getConfig().tooltip.enterable;
       }
     },
     enterDelay: {
       type: Number,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.enterDelay;
+        return getConfig().tooltip.enterDelay;
       }
     },
     leaveDelay: {
       type: Number,
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.leaveDelay;
+        return getConfig().tooltip.leaveDelay;
       }
     },
     appendTo: {
       type: [String, Function],
       default: function _default() {
-        return (0, _ui.getConfig)().tooltip.appendTo;
+        return getConfig().tooltip.appendTo;
       }
-    }
+    },
+    useScrollbar: {
+      type: Boolean,
+      default: function _default() {
+        return getDefVal(getConfig().tooltip.useScrollbar, getConfig().useScrollbar);
+      }
+    },
+    scrollbarConfig: Object
   },
   data: function data() {
     var xID = _xeUtils.default.uniqueId();
@@ -211,7 +225,7 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     //
     dispatchEvent: function dispatchEvent(type, params, evnt) {
       var $xeTooltip = this;
-      $xeTooltip.$emit(type, (0, _ui.createEvent)(evnt, {
+      $xeTooltip.$emit(type, createEvent(evnt, {
         $tooltip: $xeTooltip
       }, params));
     },
@@ -436,7 +450,9 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       tipStore.arrowStyle = {
         left: '50%'
       };
-      return $xeTooltip.updatePlacement();
+      return $xeTooltip.updatePlacement().then(function () {
+        return $xeTooltip.updatePlacement();
+      });
     },
     handleDelayFn: function handleDelayFn() {
       var $xeTooltip = this;
@@ -523,6 +539,8 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
       var slots = $xeTooltip.$scopedSlots;
       var reactData = $xeTooltip.reactData;
       var useHtml = props.useHtml,
+        theme = props.theme,
+        useScrollbar = props.useScrollbar,
         useHTML = props.useHTML;
       var tipContent = reactData.tipContent;
       var wrapperStyle = $xeTooltip.computeWrapperStyle;
@@ -544,9 +562,27 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
           key: 'cd'
         }, "".concat(tipContent)));
       }
+      if (useScrollbar) {
+        return h(_scrollbar.default, {
+          key: 5,
+          ref: 'contentScrollbar',
+          class: 'vxe-tooltip--scrollbar-content',
+          props: {
+            theme: theme,
+            viewClassName: 'vxe-tooltip--scrollbar-content-view',
+            viewInnerClassName: 'vxe-tooltip--scrollbar-content-inner',
+            viewStyle: wrapperStyle
+          },
+          scopedSlots: {
+            default: function _default() {
+              return contVNs;
+            }
+          }
+        });
+      }
       return h('div', {
         key: 3,
-        ref: 'contentWrapperfElem',
+        ref: 'contentWrapperElem',
         class: 'vxe-tooltip--content',
         style: wrapperStyle
       }, contVNs);
@@ -616,14 +652,25 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var $xeTooltip = this;
     $xeTooltip.internalData = createInternalData();
     $xeTooltip.handleDelayFn();
-    _ui.globalEvents.on($xeTooltip, 'blur', $xeTooltip.handleGlobalBlurEvent);
-    _ui.globalEvents.on($xeTooltip, 'scroll', $xeTooltip.handleGlobalScrollEvent);
+    globalEvents.on($xeTooltip, 'blur', $xeTooltip.handleGlobalBlurEvent);
+    globalEvents.on($xeTooltip, 'scroll', $xeTooltip.handleGlobalScrollEvent);
   },
   mounted: function mounted() {
     var $xeTooltip = this;
     var props = $xeTooltip;
     var reactData = $xeTooltip.reactData;
-    var contentWrapperfEl = $xeTooltip.$refs.contentWrapperfElem;
+    var internalData = $xeTooltip.internalData;
+    var $scrollbar = $xeTooltip.$refs.contentScrollbar;
+    if ($scrollbar) {
+      var viewEl = $scrollbar.getViewElem();
+      if (viewEl) {
+        viewEl.addEventListener('wheel', $xeTooltip.wheelEvent, {
+          passive: false
+        });
+        internalData.scrollbarViewEl = viewEl;
+      }
+    }
+    var contentWrapperfEl = $xeTooltip.$refs.contentWrapperElem;
     if (contentWrapperfEl) {
       contentWrapperfEl.addEventListener('wheel', $xeTooltip.wheelEvent, {
         passive: false
@@ -668,24 +715,28 @@ var _default2 = exports.default = /* define-vxe-component start */(0, _comp.defi
     var reactData = $xeTooltip.reactData;
     var internalData = $xeTooltip.internalData;
     var target = reactData.target;
+    var scrollbarViewEl = internalData.scrollbarViewEl;
     var panelElem = $xeTooltip.$refs.refElem;
     if (target) {
       target.onmouseenter = null;
       target.onmouseleave = null;
       target.onclick = null;
     }
-    var contentWrapperfEl = $xeTooltip.$refs.contentWrapperfElem;
+    var contentWrapperfEl = $xeTooltip.$refs.contentWrapperElem;
     if (contentWrapperfEl) {
       contentWrapperfEl.removeEventListener('wheel', $xeTooltip.wheelEvent);
     }
+    if (scrollbarViewEl) {
+      scrollbarViewEl.removeEventListener('wheel', $xeTooltip.wheelEvent);
+    }
     if (panelElem) {
       var parentNode = panelElem.parentNode;
       if (parentNode) {
         parentNode.removeChild(panelElem);
       }
     }
-    _ui.globalEvents.off($xeTooltip, 'blur');
-    _ui.globalEvents.off($xeTooltip, 'scroll');
+    globalEvents.off($xeTooltip, 'blur');
+    globalEvents.off($xeTooltip, 'scroll');
     _xeUtils.default.assign(reactData, createReactData());
     _xeUtils.default.assign(internalData, createInternalData());
   },