vxe-pc-ui 3.0.5 → 3.0.7

package/lib/index.umd.js

@@ -12573,7 +12573,7 @@ function handleBooleanDefaultValue(value) {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.0.5");
+var log_version = "ui v".concat("3.0.7");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -12581,7 +12581,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.0.5";
+var ui_version = "3.0.7";
 core_VxeUI.version = ui_version;
 core_VxeUI.uiVersion = ui_version;
 core_VxeUI.tableVersion = '';
@@ -12976,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',
@@ -20986,7 +20988,11 @@ var allActiveDrawers = [];
         if (lastDrawer) {
           setTimeout(function () {
             if (lastDrawer === $xeDrawer && lastDrawer.escClosable) {
-              $xeDrawer.closeDrawer('exit');
+              var type = 'exit';
+              $xeDrawer.dispatchEvent('close', {
+                type: type
+              }, evnt);
+              $xeDrawer.closeDrawer(type);
             }
           }, 10);
         }
@@ -21096,7 +21102,8 @@ var allActiveDrawers = [];
       var _props$slots4 = props.slots,
         propSlots = _props$slots4 === void 0 ? {} : _props$slots4,
         showCancelButton = props.showCancelButton,
-        showConfirmButton = props.showConfirmButton;
+        showConfirmButton = props.showConfirmButton,
+        loading = props.loading;
       var lfSlot = slots.leftfoot || propSlots.leftfoot;
       var rfSlot = slots.rightfoot || propSlots.rightfoot;
       var btnVNs = [];
@@ -21118,6 +21125,7 @@ var allActiveDrawers = [];
           ref: 'refConfirmBtn',
           props: {
             status: 'primary',
+            loading: loading,
             content: props.confirmButtonText || getI18n('vxe.button.confirm')
           },
           on: {
@@ -29256,6 +29264,10 @@ var es_string_link = __webpack_require__(778);
         $link: $xeLink
       }, params));
     },
+    clickEvent: function clickEvent(evnt) {
+      var $xeLink = this;
+      $xeLink.dispatchEvent('click', {}, evnt);
+    },
     //
     // Render
     //
@@ -29297,6 +29309,9 @@ var es_string_link = __webpack_require__(778);
             title: title,
             target: target,
             to: routerLink
+          },
+          on: {
+            click: $xeLink.clickEvent
           }
         }, $xeLink.renderContent(h));
       }
@@ -29307,6 +29322,9 @@ var es_string_link = __webpack_require__(778);
           href: href,
           target: target,
           title: title
+        },
+        on: {
+          click: $xeLink.clickEvent
         }
       }, $xeLink.renderContent(h));
     }
@@ -31042,7 +31060,11 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         if (lastModal) {
           setTimeout(function () {
             if (lastModal === $xeModal && lastModal.escClosable) {
-              $xeModal.closeModal('exit');
+              var type = 'exit';
+              $xeModal.dispatchEvent('close', {
+                type: type
+              }, evnt);
+              $xeModal.closeModal(type);
             }
           }, 10);
         }
@@ -31495,7 +31517,8 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
         propSlots = _props$slots4 === void 0 ? {} : _props$slots4,
         showCancelButton = props.showCancelButton,
         showConfirmButton = props.showConfirmButton,
-        type = props.type;
+        type = props.type,
+        loading = props.loading;
       var lfSlot = slots.leftfoot || propSlots.leftfoot;
       var rfSlot = slots.rightfoot || propSlots.rightfoot;
       var btnVNs = [];
@@ -31517,6 +31540,7 @@ var lockScrollCssWidthKey = '--vxe-ui-modal-lock-scroll-view-width';
           ref: 'refConfirmBtn',
           props: {
             status: 'primary',
+            loading: loading,
             content: props.confirmButtonText || getI18n('vxe.button.confirm')
           },
           on: {
@@ -37538,6 +37562,10 @@ var TabPane = VxeTabPane;
 
 
 
+
+
+
+
 
 
 /* harmony default export */ var tabs = (defineVxeComponent({
@@ -37559,6 +37587,9 @@ var TabPane = VxeTabPane;
     },
     trigger: String,
     beforeChangeMethod: Function,
+    closeConfig: Object,
+    refreshConfig: Object,
+    // 已废弃
     beforeCloseMethod: Function
   },
   inject: {
@@ -37582,7 +37613,8 @@ var TabPane = VxeTabPane;
       lintLeft: 0,
       lintWidth: 0,
       isTabOver: false,
-      resizeFlag: 1
+      resizeFlag: 1,
+      cacheTabMaps: {}
     };
     var internalData = {
       slTimeout: undefined
@@ -37599,6 +37631,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;
@@ -37736,15 +37778,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) {
@@ -37754,6 +37805,7 @@ var TabPane = VxeTabPane;
         }
       }
       reactData.activeName = activeName;
+      reactData.cacheTabMaps = nameMaps;
     },
     clickEvent: function clickEvent(evnt, item) {
       var $xeTabs = this;
@@ -37781,31 +37833,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;
@@ -37817,7 +37899,8 @@ var TabPane = VxeTabPane;
         $tabs: $xeTabs,
         value: value,
         name: name,
-        nextName: nextName
+        nextName: nextName,
+        option: item
       })) {
         $xeTabs.dispatchEvent('tab-close', {
           value: value,
@@ -37962,12 +38045,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', {
@@ -37992,10 +38082,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)
@@ -38018,7 +38117,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) {
@@ -38218,6 +38326,10 @@ var Tabs = VxeTabs;
         $tag: $xeTag
       }, params));
     },
+    clickEvent: function clickEvent(evnt) {
+      var $xeTag = this;
+      $xeTag.dispatchEvent('click', {}, evnt);
+    },
     //
     // Render
     //
@@ -38248,6 +38360,9 @@ var Tabs = VxeTabs;
         class: ['vxe-tag', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), "theme--".concat(status), status)],
         attrs: {
           title: title
+        },
+        on: {
+          click: $xeTag.clickEvent
         }
       }, $xeTag.renderContent(h));
     }