vxe-pc-ui 3.0.4 → 3.0.6

package/lib/index.umd.js

@@ -10576,6 +10576,8 @@ var es_regexp_test = __webpack_require__(906);
 
 
 
+var winDom = null;
+var bodyEl = null;
 var storeEl = null;
 var storeId = 'z-index-manage';
 var styleEl = null;
@@ -10586,19 +10588,34 @@ var storeData = {
   m: 1000,
   s: 1000
 };
-function isDocument() {
-  return typeof document !== 'undefined';
+function getDocument() {
+  if (!winDom) {
+    if (typeof document !== 'undefined') {
+      winDom = document;
+    }
+  }
+  return winDom;
+}
+function getBody() {
+  if (winDom && !bodyEl) {
+    bodyEl = winDom.body || winDom.getElementsByTagName('body')[0];
+  }
+  return bodyEl;
 }
 function getDomMaxZIndex() {
   var max = 0;
-  if (isDocument()) {
-    var allElem = document.body.getElementsByTagName('*');
-    for (var i = 0; i < allElem.length; i++) {
-      var elem = allElem[i];
-      if (elem && elem.style && elem.nodeType === 1) {
-        var zIndex = elem.style.zIndex;
-        if (zIndex && /^\d+$/.test(zIndex)) {
-          max = Math.max(max, Number(zIndex));
+  var dom = getDocument();
+  if (dom) {
+    var body = getBody();
+    if (body) {
+      var allElem = body.getElementsByTagName('*');
+      for (var i = 0; i < allElem.length; i++) {
+        var elem = allElem[i];
+        if (elem && elem.style && elem.nodeType === 1) {
+          var zIndex = elem.style.zIndex;
+          if (zIndex && /^\d+$/.test(zIndex)) {
+            max = Math.max(max, Number(zIndex));
+          }
         }
       }
     }
@@ -10607,12 +10624,13 @@ function getDomMaxZIndex() {
 }
 function getStyle() {
   if (!styleEl) {
-    if (isDocument()) {
-      styleEl = document.getElementById(styleId);
+    var dom = getDocument();
+    if (dom) {
+      styleEl = dom.getElementById(styleId);
       if (!styleEl) {
-        styleEl = document.createElement('style');
+        styleEl = dom.createElement('style');
         styleEl.id = styleId;
-        document.getElementsByTagName('head')[0].appendChild(styleEl);
+        dom.getElementsByTagName('head')[0].appendChild(styleEl);
       }
     }
   }
@@ -10626,17 +10644,21 @@ function updateVar() {
     styEl.innerHTML = ':root{' + prefixes + 'main' + propKey + ':' + getCurrent() + ';' + prefixes + 'sub' + propKey + ':' + getSubCurrent() + '}';
   }
 }
-function getDom() {
+function getStoreDom() {
   if (!storeEl) {
-    if (isDocument()) {
-      storeEl = document.getElementById(storeId);
+    var dom = getDocument();
+    if (dom) {
+      storeEl = dom.getElementById(storeId);
       if (!storeEl) {
-        storeEl = document.createElement('div');
-        storeEl.id = storeId;
-        storeEl.style.display = 'none';
-        document.body.appendChild(storeEl);
-        setCurrent(storeData.m);
-        setSubCurrent(storeData.s);
+        var body = getBody();
+        if (body) {
+          storeEl = dom.createElement('div');
+          storeEl.id = storeId;
+          storeEl.style.display = 'none';
+          body.appendChild(storeEl);
+          setCurrent(storeData.m);
+          setSubCurrent(storeData.s);
+        }
       }
     }
   }
@@ -10647,12 +10669,12 @@ function createSetHandle(key) {
     if (value) {
       value = Number(value);
       storeData[key] = value;
-      var doc = getDom();
-      if (doc) {
-        if (doc.dataset) {
-          doc.dataset[key] = value + '';
+      var el = getStoreDom();
+      if (el) {
+        if (el.dataset) {
+          el.dataset[key] = value + '';
         } else {
-          doc.setAttribute('data-' + key, value + '');
+          el.setAttribute('data-' + key, value + '');
         }
       }
     }
@@ -10664,9 +10686,9 @@ var setCurrent = createSetHandle(storeMainKey);
 function createGetHandle(key, nextMethod) {
   return function getCurrent(currZindex) {
     var zIndex;
-    var doc = getDom();
-    if (doc) {
-      var domVal = doc.dataset ? doc.dataset[key] : doc.getAttribute('data-' + key);
+    var el = getStoreDom();
+    if (el) {
+      var domVal = el.dataset ? el.dataset[key] : el.getAttribute('data-' + key);
       if (domVal) {
         zIndex = Number(domVal);
       }
@@ -11077,7 +11099,7 @@ function createLog(type, name) {
     return msg;
   };
 }
-var version = "3.0.3";
+var version = "3.0.4";
 var log = {
   create: createLog,
   warn: createLog('warn', "v".concat(version)),
@@ -11694,7 +11716,7 @@ function setIcon(options) {
 function getIcon(key) {
   return arguments.length ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(iconConfigStore, key) : iconConfigStore;
 }
-var coreVersion = "3.0.3";
+var coreVersion = "3.0.4";
 var installedPlugins = [];
 function use(Plugin, options) {
   if (Plugin && Plugin.install) {
@@ -12551,7 +12573,7 @@ function handleBooleanDefaultValue(value) {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.0.4");
+var log_version = "ui v".concat("3.0.6");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -12559,7 +12581,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.0.4";
+var ui_version = "3.0.6";
 core_VxeUI.version = ui_version;
 core_VxeUI.uiVersion = ui_version;
 core_VxeUI.tableVersion = '';
@@ -12954,6 +12976,8 @@ setIcon({
   TABS_TAB_BUTTON_LEFT: iconPrefix + 'arrow-left',
   TABS_TAB_BUTTON_RIGHT: iconPrefix + 'arrow-right',
   TABS_TAB_CLOSE: iconPrefix + 'close',
+  TABS_TAB_REFRESH: iconPrefix + 'refresh',
+  TABS_TAB_REFRESH_LOADING: iconPrefix + 'refresh roll',
   // text
   TEXT_COPY: iconPrefix + 'copy',
   TEXT_LOADING: iconPrefix + 'spinner roll',
@@ -37516,6 +37540,10 @@ var TabPane = VxeTabPane;
 
 
 
+
+
+
+
 
 
 /* harmony default export */ var tabs = (defineVxeComponent({
@@ -37537,6 +37565,9 @@ var TabPane = VxeTabPane;
     },
     trigger: String,
     beforeChangeMethod: Function,
+    closeConfig: Object,
+    refreshConfig: Object,
+    // 已废弃
     beforeCloseMethod: Function
   },
   inject: {
@@ -37560,7 +37591,8 @@ var TabPane = VxeTabPane;
       lintLeft: 0,
       lintWidth: 0,
       isTabOver: false,
-      resizeFlag: 1
+      resizeFlag: 1,
+      cacheTabMaps: {}
     };
     var internalData = {
       slTimeout: undefined
@@ -37577,6 +37609,16 @@ var TabPane = VxeTabPane;
       var $xeParentTabs = $xeTabs.$xeParentTabs;
       return $xeParentTabs ? $xeParentTabs.reactData.resizeFlag : null;
     },
+    computeCloseOpts: function computeCloseOpts() {
+      var $xeTabs = this;
+      var props = $xeTabs;
+      return Object.assign({}, getConfig().tabs.closeConfig, props.closeConfig);
+    },
+    computeRefreshOpts: function computeRefreshOpts() {
+      var $xeTabs = this;
+      var props = $xeTabs;
+      return Object.assign({}, getConfig().tabs.refreshConfig, props.refreshConfig);
+    },
     computeTabOptions: function computeTabOptions() {
       var $xeTabs = this;
       var props = $xeTabs;
@@ -37714,15 +37756,24 @@ var TabPane = VxeTabPane;
       var props = $xeTabs;
       var reactData = $xeTabs.reactData;
       var activeName = null;
+      var nameMaps = {};
       if (list && list.length) {
         var validVal = false;
         activeName = props.value;
         list.forEach(function (item) {
-          if (activeName === item.name) {
-            validVal = true;
-          }
-          if (item && item.preload) {
-            $xeTabs.addInitName(item.name, null);
+          var _ref = item || {},
+            name = _ref.name,
+            preload = _ref.preload;
+          if (name) {
+            nameMaps[name] = {
+              loading: false
+            };
+            if (activeName === name) {
+              validVal = true;
+            }
+            if (preload) {
+              $xeTabs.addInitName(name, null);
+            }
           }
         });
         if (!validVal) {
@@ -37732,6 +37783,7 @@ var TabPane = VxeTabPane;
         }
       }
       reactData.activeName = activeName;
+      reactData.cacheTabMaps = nameMaps;
     },
     clickEvent: function clickEvent(evnt, item) {
       var $xeTabs = this;
@@ -37759,31 +37811,61 @@ var TabPane = VxeTabPane;
           $tabs: $xeTabs,
           name: name,
           oldName: activeName,
-          newName: name
+          newName: name,
+          option: item
         })) {
           $xeTabs.dispatchEvent('change', {
             value: value,
             name: name,
             oldName: activeName,
-            newName: name
+            newName: name,
+            option: item
           }, evnt);
         } else {
           $xeTabs.dispatchEvent('tab-change-fail', {
             value: value,
             name: name,
             oldName: activeName,
-            newName: name
+            newName: name,
+            option: item
           }, evnt);
         }
       }
     },
+    handleRefreshTabEvent: function handleRefreshTabEvent(evnt, item) {
+      var $xeTabs = this;
+      var reactData = $xeTabs.reactData;
+      evnt.stopPropagation();
+      var activeName = reactData.activeName,
+        cacheTabMaps = reactData.cacheTabMaps;
+      var name = item.name;
+      var refreshOpts = $xeTabs.computeRefreshOpts;
+      var queryMethod = refreshOpts.queryMethod;
+      var cacheItem = name ? cacheTabMaps[name] : null;
+      if (cacheItem) {
+        if (queryMethod) {
+          cacheItem.loading = true;
+          Promise.resolve(queryMethod({
+            $tabs: $xeTabs,
+            value: activeName,
+            name: name,
+            option: item
+          })).finally(function () {
+            cacheItem.loading = false;
+          });
+        } else {
+          errLog('vxe.error.notFunc', ['refresh-config.queryMethod']);
+        }
+      }
+    },
     handleCloseTabEvent: function handleCloseTabEvent(evnt, item, index, list) {
       var $xeTabs = this;
       var props = $xeTabs;
       var reactData = $xeTabs.reactData;
       evnt.stopPropagation();
       var activeName = reactData.activeName;
-      var beforeMethod = props.beforeCloseMethod || getConfig().tabs.beforeCloseMethod;
+      var closeOpts = $xeTabs.computeCloseOpts;
+      var beforeMethod = closeOpts.beforeMethod || props.beforeCloseMethod || getConfig().tabs.beforeCloseMethod;
       var name = item.name;
       var value = activeName;
       var nextName = value;
@@ -37795,7 +37877,8 @@ var TabPane = VxeTabPane;
         $tabs: $xeTabs,
         value: value,
         name: name,
-        nextName: nextName
+        nextName: nextName,
+        option: item
       })) {
         $xeTabs.dispatchEvent('tab-close', {
           value: value,
@@ -37940,12 +38023,19 @@ var TabPane = VxeTabPane;
       var type = props.type,
         allTitleWidth = props.titleWidth,
         allTitleAlign = props.titleAlign,
-        showClose = props.showClose;
+        showClose = props.showClose,
+        closeConfig = props.closeConfig,
+        refreshConfig = props.refreshConfig;
       var activeName = reactData.activeName,
         lintLeft = reactData.lintLeft,
         lintWidth = reactData.lintWidth,
-        isTabOver = reactData.isTabOver;
+        isTabOver = reactData.isTabOver,
+        cacheTabMaps = reactData.cacheTabMaps;
       var extraSlot = slots.extra;
+      var closeOpts = $xeTabs.computeCloseOpts;
+      var closeVisibleMethod = closeOpts.visibleMethod;
+      var refreshOpts = $xeTabs.computeRefreshOpts;
+      var refreshVisibleMethod = refreshOpts.visibleMethod;
       return h('div', {
         class: 'vxe-tabs-header'
       }, [isTabOver ? h('div', {
@@ -37970,10 +38060,19 @@ var TabPane = VxeTabPane;
         var tabSlot = slots ? slots.tab : null;
         var itemWidth = titleWidth || allTitleWidth;
         var itemAlign = titleAlign || allTitleAlign;
+        var params = {
+          $tabs: $xeTabs,
+          value: activeName,
+          name: name,
+          option: item
+        };
+        var isActive = activeName === name;
+        var cacheItem = name ? cacheTabMaps[name] : null;
+        var isLoading = cacheItem ? cacheItem.loading : false;
         return h('div', {
           key: "".concat(name),
           class: ['vxe-tabs-header--item', itemAlign ? "align--".concat(itemAlign) : '', {
-            'is--active': activeName === name
+            'is--active': isActive
           }],
           style: itemWidth ? {
             width: toCssUnit(itemWidth)
@@ -37996,7 +38095,16 @@ var TabPane = VxeTabPane;
         }, tabSlot ? $xeTabs.callSlot(tabSlot, {
           name: name,
           title: title
-        }) : "".concat(title))]), showClose ? h('div', {
+        }) : "".concat(title))]), (isEnableConf(refreshConfig) || refreshOpts.enabled) && (refreshVisibleMethod ? refreshVisibleMethod(params) : isActive) ? h('div', {
+          class: 'vxe-tabs-header--refresh-btn',
+          on: {
+            click: function click(evnt) {
+              $xeTabs.handleRefreshTabEvent(evnt, item);
+            }
+          }
+        }, [h('i', {
+          class: isLoading ? getIcon().TABS_TAB_REFRESH_LOADING : getIcon().TABS_TAB_REFRESH
+        })]) : renderEmptyElement($xeTabs), (showClose || isEnableConf(closeConfig) || closeOpts.enabled) && (!closeVisibleMethod || closeVisibleMethod(params)) ? h('div', {
           class: 'vxe-tabs-header--close-btn',
           on: {
             click: function click(evnt) {