vxe-pc-ui 3.16.5 → 3.16.7

package/lib/index.umd.js

@@ -13256,7 +13256,7 @@ var es_array_join = __webpack_require__(8598);
 
 
 var log_log = VxeUI.log;
-var uiVersion = "ui v".concat("3.16.5");
+var uiVersion = "ui v".concat("3.16.7");
 function createComponentLog(name) {
   var tableVersion = VxeUI.tableVersion ? "table v".concat(VxeUI.tableVersion) : '';
   var ganttVersion = VxeUI.ganttVersion ? "gantt v".concat(VxeUI.ganttVersion) : '';
@@ -13274,7 +13274,7 @@ var errLog = log_log.create('error', uiVersion);
 
 
 
-var ui_version = "3.16.5";
+var ui_version = "3.16.7";
 VxeUI.uiVersion = ui_version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -13770,8 +13770,8 @@ setIcon({
   BUTTON_LOADING: iconPrefix + 'spinner roll',
   BUTTON_TOOLTIP_ICON: iconPrefix + 'question-circle-fill',
   // menu
-  MENU_ITEM_EXPAND_OPEN: iconPrefix + 'arrow-down rotate180',
-  MENU_ITEM_EXPAND_CLOSE: iconPrefix + 'arrow-down',
+  MENU_ITEM_EXPAND_OPEN: iconPrefix + 'arrow-right rotate90',
+  MENU_ITEM_EXPAND_CLOSE: iconPrefix + 'arrow-right',
   // select
   SELECT_LOADED: iconPrefix + 'spinner roll',
   SELECT_OPEN: iconPrefix + 'caret-down rotate180',
@@ -22034,7 +22034,12 @@ function list_createInternalData() {
       var el = $xeList.$refs.refElem;
       if (el) {
         var parentEl = el.parentElement;
-        reactData.parentHeight = parentEl ? parentEl.clientHeight : 0;
+        var parentHeight = 0;
+        if (parentEl) {
+          var parentStyle = getComputedStyle(parentEl);
+          parentHeight = parentEl.clientHeight - Math.ceil(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(parentStyle.paddingLeft) + external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(parentStyle.paddingRight));
+        }
+        reactData.parentHeight = parentHeight;
         $xeList.updateHeight();
         if (el.clientWidth && el.clientHeight) {
           return $xeList.computeScrollLoad();
@@ -22277,7 +22282,7 @@ function list_createInternalData() {
       $xeList.emitCheckboxMode(value);
       return $xeList.updateCheckboxStatus();
     },
-    getCheckboxRows: function getCheckboxRows() {
+    getCheckboxRecords: function getCheckboxRecords() {
       var $xeList = this;
       var reactData = $xeList.reactData;
       var internalData = $xeList.internalData;
@@ -22293,6 +22298,10 @@ function list_createInternalData() {
       }
       return rowList;
     },
+    getCheckboxRows: function getCheckboxRows() {
+      var $xeList = this;
+      return $xeList.getCheckboxRecords();
+    },
     getCheckboxRowKeys: function getCheckboxRowKeys() {
       var $xeList = this;
       var reactData = $xeList.reactData;
@@ -23174,6 +23183,13 @@ function list_createInternalData() {
       var rowid = $xeList.getRowId(row);
       return !!reactData.removeRowFlag && !!internalData.removeRowMaps[rowid];
     },
+    getRecordset: function getRecordset() {
+      var $xeList = this;
+      return {
+        insertRecords: $xeList.getInsertRecords(),
+        removeRecords: $xeList.getRemoveRecords()
+      };
+    },
     handleCrossListRowDragCancelEvent: function handleCrossListRowDragCancelEvent() {
       var $xeList = this;
       $xeList.clearRowDragData();
@@ -23573,6 +23589,12 @@ function list_createInternalData() {
         isCheckboxChecked = !!(updateCheckboxFlag && selectCheckboxMaps[rowid]);
       }
       var ctVNs = [];
+      if (showRadio) {
+        ctVNs.push($xeList.renderRadio(h, row, rowid, isRadioChecked));
+      }
+      if (showCheckbox) {
+        ctVNs.push($xeList.renderCheckbox(h, row, rowid, isCheckboxChecked));
+      }
       var isDragDisabled = false;
       if (isDrag && keyField && (!visibleMethod || visibleMethod(rowParams))) {
         var handleOns = {};
@@ -23595,12 +23617,6 @@ function list_createInternalData() {
           class: icon || getIcon().LIST_DRAG
         })])]));
       }
-      if (showRadio) {
-        ctVNs.push($xeList.renderRadio(h, row, rowid, isRadioChecked));
-      }
-      if (showCheckbox) {
-        ctVNs.push($xeList.renderCheckbox(h, row, rowid, isCheckboxChecked));
-      }
       ctVNs.push(h('div', {
         key: 'ct5',
         class: 'vxe-list--row-content'
@@ -47134,6 +47150,23 @@ var menu_createComponentLog = createComponentLog('menu'),
 var menu_menus = VxeUI.menus,
   menu_getConfig = VxeUI.getConfig,
   menu_getIcon = VxeUI.getIcon;
+function menu_createInternalData() {
+  return {
+    menuEffectMaps: {}
+  };
+}
+function menu_createReactData() {
+  return {
+    initialized: false,
+    isEnterCollapse: false,
+    collapseStyle: {},
+    collapseZindex: 0,
+    activeName: '',
+    menuList: [],
+    itemHeight: 1
+  };
+}
+var nemuUniqueKey = 100000000;
 /* harmony default export */ var menu = (/* define-vxe-component start */defineVxeComponent({
   name: 'VxeMenu',
   mixins: [globalMixins.sizeMixin, globalMixins.permissionMixin],
@@ -47172,19 +47205,11 @@ var menu_menus = VxeUI.menus,
     }
   },
   data: function data() {
-    var reactData = {
-      initialized: false,
-      isEnterCollapse: false,
-      collapseStyle: {},
-      collapseZindex: 0,
-      activeName: null,
-      menuList: [],
-      itemHeight: 1
-    };
-    return {
+    var reactData = menu_createReactData();
+    return _objectSpread2(_objectSpread2({}, {}), {}, {
       xID: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId(),
       reactData: reactData
-    };
+    });
   },
   computed: _objectSpread2(_objectSpread2({}, {}), {}, {
     computeMenuOpts: function computeMenuOpts() {
@@ -47299,6 +47324,7 @@ var menu_menus = VxeUI.menus,
         var objItem = _objectSpread2(_objectSpread2({}, item), {}, {
           parentKey: parent ? parent.name || path.slice(0, path.length - 1).join(',') : '',
           level: path.length,
+          itemId: ++nemuUniqueKey,
           itemKey: item.name || path.join(','),
           isExactActive: false,
           isActive: false,
@@ -47364,12 +47390,19 @@ var menu_menus = VxeUI.menus,
     handleClickIconCollapse: function handleClickIconCollapse(evnt, item, itemList) {
       var $xeMenu = this;
       var props = $xeMenu;
+      var internalData = $xeMenu.internalData;
       var accordion = props.accordion;
-      var hasChild = item.hasChild,
+      var menuEffectMaps = internalData.menuEffectMaps;
+      var itemId = item.itemId,
+        hasChild = item.hasChild,
         isExpand = item.isExpand;
+      var expanded = !isExpand;
       if (hasChild) {
         evnt.stopPropagation();
         evnt.preventDefault();
+        if (menuEffectMaps[itemId]) {
+          clearTimeout(menuEffectMaps[itemId]);
+        }
         if (accordion) {
           itemList.forEach(function (obj) {
             if (obj !== item) {
@@ -47377,7 +47410,32 @@ var menu_menus = VxeUI.menus,
             }
           });
         }
-        item.isExpand = !isExpand;
+        item.isExpand = expanded;
+        var el = $xeMenu.$refs.refElem;
+        if (el) {
+          var nemuEl = el.querySelector(".vxe-menu--item-wrapper[data-menu-id=\"".concat(itemId, "\"]"));
+          var groupEl = nemuEl ? nemuEl.querySelector('.vxe-menu--item-group') : null;
+          if (groupEl) {
+            if (expanded) {
+              groupEl.style.height = '0';
+              groupEl.setAttribute('data-effect', 'y');
+              requestAnimationFrame(function () {
+                groupEl.style.height = "".concat(groupEl.scrollHeight, "px");
+              });
+            } else {
+              groupEl.style.height = "".concat(groupEl.scrollHeight, "px");
+              groupEl.setAttribute('data-effect', 'y');
+              requestAnimationFrame(function () {
+                groupEl.style.height = '0';
+              });
+            }
+            menuEffectMaps[itemId] = setTimeout(function () {
+              delete menuEffectMaps[itemId];
+              groupEl.removeAttribute('data-effect');
+              groupEl.style.height = '';
+            }, 350);
+          }
+        }
       }
     },
     handleContextmenuEvent: function handleContextmenuEvent(evnt, item) {
@@ -47464,7 +47522,7 @@ var menu_menus = VxeUI.menus,
       var $xeMenu = this;
       var reactData = $xeMenu.reactData;
       var collapseStyle = reactData.collapseStyle;
-      var el = this.$refs.refElem;
+      var el = $xeMenu.$refs.refElem;
       reactData.collapseStyle = Object.assign({}, collapseStyle, {
         width: el ? toCssUnit(el.offsetWidth) : ''
       });
@@ -47517,7 +47575,8 @@ var menu_menus = VxeUI.menus,
     renderDefaultChildren: function renderDefaultChildren(h, item, itemList) {
       var $xeMenu = this;
       var reactData = $xeMenu.reactData;
-      var itemKey = item.itemKey,
+      var itemId = item.itemId,
+        itemKey = item.itemKey,
         level = item.level,
         hasChild = item.hasChild,
         isActive = item.isActive,
@@ -47538,7 +47597,10 @@ var menu_menus = VxeUI.menus,
           'is--exact-active': isExactActive,
           'is--active': isActive,
           'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
-        }]
+        }],
+        attrs: {
+          'data-menu-id': itemId
+        }
       }, [routerLink ? h('router-link', {
         class: 'vxe-menu--item-link',
         props: {
@@ -47571,7 +47633,8 @@ var menu_menus = VxeUI.menus,
     },
     renderCollapseChildren: function renderCollapseChildren(h, item, itemList) {
       var $xeMenu = this;
-      var itemKey = item.itemKey,
+      var itemId = item.itemId,
+        itemKey = item.itemKey,
         level = item.level,
         hasChild = item.hasChild,
         isActive = item.isActive,
@@ -47588,7 +47651,10 @@ var menu_menus = VxeUI.menus,
         class: ['vxe-menu--item-wrapper', "vxe-menu--item-level".concat(level), {
           'is--exact-active': isExactActive,
           'is--active': isActive
-        }]
+        }],
+        attrs: {
+          'data-menu-id': itemId
+        }
       }, [routerLink ? h('router-link', {
         class: 'vxe-menu--item-link',
         props: {
@@ -47687,6 +47753,16 @@ var menu_menus = VxeUI.menus,
       $xeMenu.handleCollapseMenu();
     }
   },
+  created: function created() {
+    var $xeMenu = this;
+    var props = $xeMenu;
+    $xeMenu.internalData = menu_createInternalData();
+    var reactData = $xeMenu.reactData;
+    reactData.initialized = !!props.collapsed;
+    reactData.activeName = props.value;
+    $xeMenu.updateMenuConfig();
+    $xeMenu.updateActiveMenu(true);
+  },
   mounted: function mounted() {
     var $xeMenu = this;
     var props = $xeMenu;
@@ -47695,12 +47771,13 @@ var menu_menus = VxeUI.menus,
     if (menuConfig && !VxeUIContextMenu) {
       menu_errLog('vxe.error.reqComp', ['vxe-context-menu']);
     }
-    globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
     $xeMenu.updateCollapseStyle();
+    globalEvents.on($xeMenu, 'resize', $xeMenu.updateCollapseStyle);
   },
   beforeDestroy: function beforeDestroy() {
     var $xeMenu = this;
-    globalEvents.off($xeMenu, 'resize');
+    var reactData = $xeMenu.reactData;
+    var internalData = $xeMenu.internalData;
     var collapseEl = $xeMenu.$refs.refCollapseElem;
     if (collapseEl) {
       var parentNode = collapseEl.parentNode;
@@ -47708,15 +47785,9 @@ var menu_menus = VxeUI.menus,
         parentNode.removeChild(collapseEl);
       }
     }
-  },
-  created: function created() {
-    var $xeMenu = this;
-    var props = $xeMenu;
-    var reactData = $xeMenu.reactData;
-    reactData.initialized = !!props.collapsed;
-    reactData.activeName = props.value;
-    $xeMenu.updateMenuConfig();
-    $xeMenu.updateActiveMenu(true);
+    globalEvents.off($xeMenu, 'resize');
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(reactData, menu_createReactData());
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().assign(internalData, menu_createInternalData());
   },
   render: function render(h) {
     return this.renderVN(h);
@@ -64077,6 +64148,13 @@ function tree_createReactData() {
       }
       return $xeTree.$nextTick();
     },
+    getRecordset: function getRecordset() {
+      var $xeTree = this;
+      return {
+        insertRecords: $xeTree.getInsertRecords(),
+        removeRecords: $xeTree.getRemoveRecords()
+      };
+    },
     handleContextmenuEvent: function handleContextmenuEvent(evnt, node) {
       var $xeTree = this;
       var props = $xeTree;
@@ -64633,6 +64711,10 @@ function tree_createReactData() {
       return nodeKeys;
     },
     getCheckboxNodes: function getCheckboxNodes() {
+      var $xeTree = this;
+      return $xeTree.getCheckboxRecords();
+    },
+    getCheckboxRecords: function getCheckboxRecords() {
       var $xeTree = this;
       var internalData = $xeTree.internalData;
       var nodeMaps = internalData.nodeMaps,
@@ -65578,7 +65660,7 @@ function tree_createReactData() {
         }
       }, iconSlot ? vn_getSlotVNs(iconSlot(nParams)) : [h('i', {
         class: isLazyLoading ? iconLoaded || tree_getIcon().TREE_NODE_LOADED : isExpand ? iconOpen || tree_getIcon().TREE_NODE_OPEN : iconClose || tree_getIcon().TREE_NODE_CLOSE
-      })])] : []), $xeTree.renderDragIcon(h, node, nodeid), $xeTree.renderRadio(h, node, nodeid, isExistChild, nLevel, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate), h('div', {
+      })])] : []), $xeTree.renderRadio(h, node, nodeid, isExistChild, nLevel, isRadioChecked), $xeTree.renderCheckbox(h, node, nodeid, isExistChild, nLevel, isCheckboxChecked, isIndeterminate), $xeTree.renderDragIcon(h, node, nodeid), h('div', {
         class: 'vxe-tree--node-item-inner'
       }, [h('div', {
         class: 'vxe-tree--node-item-wrapper'
@@ -65870,6 +65952,7 @@ function tree_createReactData() {
       }
       internalData.resizeObserver = resizeObserver;
     }
+    $xeTree.recalculate();
     globalEvents.on($xeTree, 'resize', $xeTree.handleGlobalResizeEvent);
   },
   beforeDestroy: function beforeDestroy() {