vxe-pc-ui 4.16.9 → 4.16.11

package/lib/menu/src/menu.js

@@ -24,6 +24,10 @@ const {
 } = _ui.VxeUI;
 function createInternalData() {
   return {
+    lastActiveTime: 0,
+    menuInitMaps: {},
+    menuCacheMaps: {},
+    menuKeyMaps: {},
     menuEffectMaps: {}
   };
 }
@@ -44,10 +48,19 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
   props: {
     modelValue: [String, Number],
     expandAll: Boolean,
+    expandKeys: Array,
     accordion: {
       type: Boolean,
       default: () => getConfig().menu.accordion
     },
+    border: {
+      type: [Boolean, String],
+      default: () => getConfig().menu.border
+    },
+    optionProps: {
+      type: Object,
+      default: () => getConfig().menu.optionProps
+    },
     collapsed: {
       type: Boolean,
       default: null
@@ -85,6 +98,38 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const computeMenuOpts = (0, _vue.computed)(() => {
       return Object.assign({}, getConfig().menu.menuConfig, props.menuConfig);
     });
+    const computePropsOpts = (0, _vue.computed)(() => {
+      return Object.assign({}, getConfig().menu.optionProps, props.optionProps);
+    });
+    const computeTitleField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.title || 'title';
+    });
+    const computeKeyField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.name || 'name';
+    });
+    const computeChildrenField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.children || 'children';
+    });
+    const computeLinkUrlField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.linkUrl || 'href';
+    });
+    const computeRouterLinkField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.routerLink || 'routerLink';
+    });
+    const computeCurrBorder = (0, _vue.computed)(() => {
+      const {
+        border
+      } = props;
+      if (border) {
+        return border === true ? 'first-group' : border;
+      }
+      return '';
+    });
     const computeIsCollapsed = (0, _vue.computed)(() => {
       const {
         collapsed
@@ -97,19 +142,15 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       }
       return false;
     });
-    const computeCollapseWidth = (0, _vue.computed)(() => {
-      let collapseWidth = '';
-      if ($xeLayoutAside) {
-        collapseWidth = $xeLayoutAside.props.collapseWidth || '';
-      }
-      return collapseWidth;
-    });
-    const computeCollapseEnterWidth = (0, _vue.computed)(() => {
-      let width = '';
+    const computeVarStyle = (0, _vue.computed)(() => {
       if ($xeLayoutAside) {
-        width = $xeLayoutAside.props.width || '';
+        const {
+          computeVarStyle: asideComputeVarStyle
+        } = $xeLayoutAside.getComputeMaps();
+        const asideVarStyle = asideComputeVarStyle.value;
+        return asideVarStyle;
       }
-      return width;
+      return {};
     });
     const computeMaps = {
       computeSize
@@ -119,6 +160,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       props,
       context,
       reactData,
+      internalData,
       getRefMaps: () => refMaps,
       getComputeMaps: () => computeMaps
     };
@@ -134,12 +176,16 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const {
         activeName
       } = reactData;
-      _xeUtils.default.eachTree(reactData.menuList, (item, index, items, path, parent, nodes) => {
+      const {
+        menuInitMaps
+      } = internalData;
+      _xeUtils.default.eachTree(reactData.menuList, (item, index, items, path, parentItem, nodes) => {
         if (item.itemKey === activeName) {
           nodes.forEach(obj => {
             obj.isActive = true;
             if (isDefExpand) {
               obj.isExpand = true;
+              menuInitMaps[obj.itemId] = true;
             }
           });
           item.isExactActive = true;
@@ -154,24 +200,66 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const updateMenuConfig = () => {
       const {
         options,
-        expandAll
+        expandAll,
+        expandKeys
       } = props;
-      reactData.menuList = _xeUtils.default.mapTree(options, (item, index, items, path, parent) => {
-        const objItem = Object.assign(Object.assign({}, item), {
-          parentKey: parent ? parent.name || path.slice(0, path.length - 1).join(',') : '',
+      const muInitMaps = {};
+      const titleField = computeTitleField.value;
+      const keyField = computeKeyField.value;
+      const childrenField = computeChildrenField.value;
+      const linkUrlField = computeLinkUrlField.value;
+      const routerLinkField = computeRouterLinkField.value;
+      const defaultExpandMaps = {};
+      if (expandKeys) {
+        expandKeys.forEach(key => {
+          defaultExpandMaps[key] = true;
+        });
+      }
+      const muCacheMaps = {};
+      const muKeyMaps = {};
+      reactData.menuList = _xeUtils.default.mapTree(options, (item, index, items, path, parentItem) => {
+        const itemId = ++nemuUniqueKey;
+        const itemKey = item[keyField] || path.join(',');
+        const childList = item[childrenField];
+        const hasChild = childList && childList.length > 0;
+        const isExpand = hasChild ? _xeUtils.default.isBoolean(item.expanded) ? item.expanded : defaultExpandMaps[itemKey] || !!expandAll : false;
+        if (isExpand) {
+          muInitMaps[itemId] = true;
+        }
+        const objItem = {
+          itemConf: item,
+          title: item[titleField],
+          name: item[keyField],
+          icon: item.icon,
+          linkUrl: item[linkUrlField],
+          linkTarget: item.linkTarget,
+          routerLink: item[routerLinkField],
+          permissionCode: item.permissionCode,
+          children: childList,
+          slots: item.slots,
+          parentKey: parentItem ? parentItem.name || path.slice(0, path.length - 1).join(',') : '',
           level: path.length,
-          itemId: ++nemuUniqueKey,
-          itemKey: item.name || path.join(','),
+          itemId,
+          itemKey,
           isExactActive: false,
           isActive: false,
-          isExpand: _xeUtils.default.isBoolean(item.expanded) ? item.expanded : !!expandAll,
-          hasChild: item.children && item.children.length > 0
-        });
+          isExpand,
+          hasChild,
+          childList: []
+        };
+        if (muKeyMaps[itemKey]) {
+          errLog('vxe.error.repeatKey', [keyField, item[keyField]]);
+        }
+        muCacheMaps[itemId] = objItem;
+        muKeyMaps[itemKey] = objItem;
         return objItem;
       }, {
         children: 'children',
         mapChildren: 'childList'
       });
+      internalData.menuInitMaps = muInitMaps;
+      internalData.menuCacheMaps = muCacheMaps;
+      internalData.menuKeyMaps = muKeyMaps;
     };
     const updateCollapseStyle = () => {
       const {
@@ -179,12 +267,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = props;
       if (collapseFixed) {
         (0, _vue.nextTick)(() => {
-          const {
-            isEnterCollapse
-          } = reactData;
           const isCollapsed = computeIsCollapsed.value;
-          const collapseEnterWidth = computeCollapseEnterWidth.value;
-          const collapseWidth = computeCollapseWidth.value;
           const el = refElem.value;
           if (el) {
             const clientRect = el.getBoundingClientRect();
@@ -193,7 +276,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
               top: (0, _dom.toCssUnit)(clientRect.top),
               left: (0, _dom.toCssUnit)(clientRect.left),
               height: (0, _dom.toCssUnit)(parentNode.clientHeight),
-              width: isEnterCollapse ? collapseEnterWidth ? (0, _dom.toCssUnit)(collapseEnterWidth) : '' : collapseWidth ? (0, _dom.toCssUnit)(collapseWidth) : '',
               zIndex: reactData.collapseZindex
             } : {};
           }
@@ -212,12 +294,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if (isCollapsed) {
           if (!initialized) {
             reactData.initialized = true;
-            (0, _vue.nextTick)(() => {
-              const collapseEl = refCollapseElem.value;
-              if (collapseEl) {
-                document.body.appendChild(collapseEl);
-              }
-            });
           }
         }
         reactData.isEnterCollapse = false;
@@ -230,7 +306,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         accordion
       } = props;
       const {
-        menuEffectMaps
+        menuEffectMaps,
+        menuInitMaps
       } = internalData;
       const {
         itemId,
@@ -253,6 +330,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           });
         }
         item.isExpand = expanded;
+        menuInitMaps[itemId] = true;
         const wrapperEl = isCollapsed ? refCollapseElem.value : refElem.value;
         if (wrapperEl) {
           const nemuEl = wrapperEl.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${itemId}"]`);
@@ -297,7 +375,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         if (!visibleMethod || visibleMethod({
           $menu: $xeMenu,
           options,
-          currentMenu: item
+          currentMenu: item,
+          currentOption: item.itemConf
         })) {
           if (_ui.VxeUI.contextMenu) {
             _ui.VxeUI.contextMenu.openByEvent(evnt, {
@@ -312,6 +391,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
                   const params = {
                     menu: option,
                     currentMenu: item,
+                    currentOption: item.itemConf,
                     $event: evnt,
                     $menu: $xeMenu
                   };
@@ -332,22 +412,27 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const handleClickMenu = (evnt, item, itemList) => {
       const {
         itemKey,
+        linkUrl,
         routerLink,
         hasChild
       } = item;
-      if (routerLink) {
+      if (linkUrl || routerLink) {
         emitModel(itemKey);
-        handleMenuMouseleave();
+        reactData.isEnterCollapse = false;
+        internalData.lastActiveTime = Date.now();
       } else {
         if (hasChild) {
           handleClickIconCollapse(evnt, item, itemList);
         } else {
           emitModel(itemKey);
-          handleMenuMouseleave();
+          reactData.isEnterCollapse = false;
+          internalData.lastActiveTime = Date.now();
         }
       }
       const params = {
         currentMenu: item,
+        currentOption: item.itemConf,
+        option: item.itemConf,
         // 已废弃
         menu: item
       };
@@ -355,30 +440,13 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     };
     const handleMenuMouseenter = () => {
       const {
-        collapseStyle
-      } = reactData;
-      const collapseEnterWidth = computeCollapseEnterWidth.value;
-      reactData.collapseStyle = Object.assign({}, collapseStyle, {
-        width: collapseEnterWidth ? (0, _dom.toCssUnit)(collapseEnterWidth) : ''
-      });
-      reactData.isEnterCollapse = true;
-    };
-    const handleMenuMouseover = () => {
-      const {
-        isEnterCollapse
-      } = reactData;
-      if (!isEnterCollapse) {
-        handleMenuMouseenter();
+        lastActiveTime
+      } = internalData;
+      if (lastActiveTime < Date.now() - 500) {
+        reactData.isEnterCollapse = true;
       }
     };
     const handleMenuMouseleave = () => {
-      const {
-        collapseStyle
-      } = reactData;
-      const el = refElem.value;
-      reactData.collapseStyle = Object.assign({}, collapseStyle, {
-        width: el ? (0, _dom.toCssUnit)(el.offsetWidth) : ''
-      });
       reactData.isEnterCollapse = false;
     };
     const callSlot = (slotFunc, params) => {
@@ -397,8 +465,84 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         $menu: $xeMenu
       }, params));
     };
+    const handleScrollToView = itemId => {
+      const wrapperEl = refElem.value;
+      const nemuEl = wrapperEl ? wrapperEl.querySelector(`.vxe-menu--item-wrapper[data-menu-id="${itemId}"]`) : null;
+      if (nemuEl) {
+        (0, _dom.scrollToView)(nemuEl);
+        return true;
+      }
+      return false;
+    };
     const menuMethods = {
-      dispatchEvent
+      dispatchEvent,
+      setExpandByMenuKey(menuKeys, expanded) {
+        const {
+          menuKeyMaps,
+          menuInitMaps
+        } = internalData;
+        if (menuKeys) {
+          if (!_xeUtils.default.isArray(menuKeys)) {
+            menuKeys = [menuKeys];
+          }
+          menuKeys.forEach(mKey => {
+            const menuItem = menuKeyMaps[mKey];
+            if (menuItem) {
+              if (expanded) {
+                menuInitMaps[menuItem.itemId] = true;
+              }
+              menuItem.isExpand = !!expanded;
+            }
+          });
+        }
+        return (0, _vue.nextTick)();
+      },
+      clearAllExpandMenu() {
+        const {
+          menuList
+        } = reactData;
+        _xeUtils.default.eachTree(menuList, item => {
+          item.isExpand = false;
+        }, {
+          children: 'childList'
+        });
+        internalData.menuInitMaps = {};
+        return (0, _vue.nextTick)();
+      },
+      scrollToMenuKey(menuKey) {
+        const {
+          menuKeyMaps
+        } = internalData;
+        const menuItem = menuKeyMaps[menuKey];
+        if (!menuItem) {
+          return (0, _vue.nextTick)();
+        }
+        const {
+          itemId
+        } = menuItem;
+        if (handleScrollToView(itemId)) {
+          return (0, _vue.nextTick)();
+        }
+        return (0, _vue.nextTick)().then(() => {
+          handleScrollToView(itemId);
+        });
+      },
+      scrollToActiveMenu() {
+        const {
+          activeName
+        } = reactData;
+        if (activeName) {
+          return $xeMenu.scrollToMenuKey(activeName);
+        }
+        return (0, _vue.nextTick)().then(() => {
+          const {
+            activeName
+          } = reactData;
+          if (activeName) {
+            return $xeMenu.scrollToMenuKey(activeName);
+          }
+        });
+      }
     };
     const menuPrivateMethods = {};
     Object.assign($xeMenu, menuMethods, menuPrivateMethods);
@@ -416,9 +560,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const isCollapsed = computeIsCollapsed.value;
       const params = {
         currentMenu: item,
-        collapsed: isCollapsed,
-        // 已废弃
-        option: item
+        currentOption: item.itemConf,
+        option: item.itemConf,
+        collapsed: isCollapsed
       };
       return [optionSlot ? (0, _ui.renderEmptyElement)($xeMenu) : (0, _vue.h)('div', {
         class: 'vxe-menu--item-link-icon'
@@ -447,48 +591,56 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         isActive,
         isExactActive,
         isExpand,
+        linkUrl,
         routerLink,
+        linkTarget,
         childList
       } = item;
       const {
         isEnterCollapse
       } = reactData;
+      const {
+        menuInitMaps
+      } = internalData;
       const isCollapsed = computeIsCollapsed.value;
       if (item.permissionCode) {
         if (!_ui.permission.checkVisible(item.permissionCode)) {
           return (0, _ui.renderEmptyElement)($xeMenu);
         }
       }
+      const isExpandChild = (!isCollapsed || isEnterCollapse) && isExpand;
+      const linkOns = {
+        onContextmenu(evnt) {
+          handleContextmenuEvent(evnt, item);
+        },
+        onClick(evnt) {
+          handleClickMenu(evnt, item, itemList);
+        }
+      };
       return (0, _vue.h)('div', {
         key: itemKey,
         class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
+          'has--child': hasChild,
           'is--exact-active': isExactActive,
           'is--active': isActive,
-          'is--expand': (!isCollapsed || isEnterCollapse) && isExpand
+          'is--expand': isExpandChild
         }],
         'data-menu-id': itemId
-      }, [routerLink ? (0, _vue.h)((0, _vue.resolveComponent)('router-link'), {
-        class: 'vxe-menu--item-link',
+      }, [linkUrl ? (0, _vue.h)('a', Object.assign({
+        class: 'vxe-menu--item-link is--link',
+        href: linkUrl,
+        target: linkTarget
+      }, linkOns), renderMenuTitle(item, itemList)) : routerLink ? (0, _vue.h)((0, _vue.resolveComponent)('router-link'), Object.assign({
+        class: 'vxe-menu--item-link is--router',
         to: routerLink,
-        onContextmenu(evnt) {
-          handleContextmenuEvent(evnt, item);
-        },
-        onClick(evnt) {
-          handleClickMenu(evnt, item, itemList);
-        }
-      }, {
+        target: linkTarget
+      }, linkOns), {
         default: () => renderMenuTitle(item, itemList)
-      }) : (0, _vue.h)('div', {
-        class: 'vxe-menu--item-link',
-        onContextmenu(evnt) {
-          handleContextmenuEvent(evnt, item);
-        },
-        onClick(evnt) {
-          handleClickMenu(evnt, item, itemList);
-        }
-      }, renderMenuTitle(item, itemList)), hasChild ? (0, _vue.h)('div', {
+      }) : (0, _vue.h)('div', Object.assign({
+        class: 'vxe-menu--item-link is--default'
+      }, linkOns), renderMenuTitle(item, itemList)), hasChild ? (0, _vue.h)('div', {
         class: 'vxe-menu--item-group'
-      }, childList.map(child => renderDefaultChildren(child, childList))) : (0, _ui.renderEmptyElement)($xeMenu)]);
+      }, isExpandChild || menuInitMaps[itemId] ? childList.map(child => renderDefaultChildren(child, childList)) : []) : (0, _ui.renderEmptyElement)($xeMenu)]);
     };
     const renderCollapseChildren = (item, itemList) => {
       const {
@@ -499,6 +651,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         isActive,
         isExactActive,
         routerLink,
+        linkUrl,
+        linkTarget,
         childList
       } = item;
       if (item.permissionCode) {
@@ -506,33 +660,35 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           return (0, _ui.renderEmptyElement)($xeMenu);
         }
       }
+      const linkOns = {
+        onContextmenu(evnt) {
+          handleContextmenuEvent(evnt, item);
+        },
+        onClick(evnt) {
+          handleClickMenu(evnt, item, itemList);
+        }
+      };
       return (0, _vue.h)('div', {
         key: itemKey,
         class: ['vxe-menu--item-wrapper', `vxe-menu--item-level${level}`, {
+          'has--child': hasChild,
           'is--exact-active': isExactActive,
           'is--active': isActive
         }],
         'data-menu-id': itemId
-      }, [routerLink ? (0, _vue.h)((0, _vue.resolveComponent)('router-link'), {
-        class: 'vxe-menu--item-link',
+      }, [linkUrl ? (0, _vue.h)('a', Object.assign({
+        class: 'vxe-menu--item-link is--link',
+        href: linkUrl,
+        target: linkTarget
+      }, linkOns), renderMenuTitle(item, itemList)) : routerLink ? (0, _vue.h)((0, _vue.resolveComponent)('router-link'), Object.assign({
+        class: 'vxe-menu--item-link is--router',
         to: routerLink,
-        onContextmenu(evnt) {
-          handleContextmenuEvent(evnt, item);
-        },
-        onClick(evnt) {
-          handleClickMenu(evnt, item, itemList);
-        }
-      }, {
+        target: linkTarget
+      }, linkOns), {
         default: () => renderMenuTitle(item, itemList)
-      }) : (0, _vue.h)('div', {
-        class: 'vxe-menu--item-link',
-        onContextmenu(evnt) {
-          handleContextmenuEvent(evnt, item);
-        },
-        onClick(evnt) {
-          handleClickMenu(evnt, item, itemList);
-        }
-      }, renderMenuTitle(item, itemList)), hasChild ? (0, _vue.h)('div', {
+      }) : (0, _vue.h)('div', Object.assign({
+        class: 'vxe-menu--item-link is--default'
+      }, linkOns), renderMenuTitle(item, itemList)), hasChild ? (0, _vue.h)('div', {
         class: 'vxe-menu--item-group'
       }, childList.map(child => renderDefaultChildren(child, childList))) : (0, _ui.renderEmptyElement)($xeMenu)]);
     };
@@ -549,24 +705,38 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       } = reactData;
       const vSize = computeSize.value;
       const isCollapsed = computeIsCollapsed.value;
+      const currBorder = computeCurrBorder.value;
+      const varStyle = computeVarStyle.value;
+      const headerSlot = slots.header;
+      const footerSlot = slots.footer;
       let ons = {};
       if (collapseFixed) {
         ons = {
           onMouseenter: handleMenuMouseenter,
-          onMouseover: handleMenuMouseover,
           onMouseleave: handleMenuMouseleave
         };
       }
+      const stParams = {
+        collapsed: isCollapsed
+      };
       return (0, _vue.h)('div', {
         ref: refElem,
         class: ['vxe-menu', {
+          [`border--${currBorder}`]: currBorder,
           [`size--${vSize}`]: vSize,
           'is--collapsed': isCollapsed,
           'is--loading': loading
         }]
-      }, [(0, _vue.h)('div', {
-        class: 'vxe-menu--item-list'
-      }, menuList.map(child => isCollapsed ? renderCollapseChildren(child, menuList) : renderDefaultChildren(child, menuList))), initialized ? (0, _vue.h)('div', Object.assign({
+      }, [headerSlot ? (0, _vue.h)('div', {
+        class: 'vxe-menu--header'
+      }, headerSlot(stParams)) : (0, _ui.renderEmptyElement)($xeMenu), (0, _vue.h)('div', {
+        class: 'vxe-menu--body'
+      }, menuList.map(child => isCollapsed ? renderCollapseChildren(child, menuList) : renderDefaultChildren(child, menuList))), footerSlot ? (0, _vue.h)('div', {
+        class: 'vxe-menu--footer'
+      }, footerSlot(stParams)) : (0, _ui.renderEmptyElement)($xeMenu), (0, _vue.h)(_vue.Teleport, {
+        to: 'body',
+        disabled: !initialized
+      }, [(0, _vue.h)('div', Object.assign({
         ref: refCollapseElem,
         class: ['vxe-menu--collapse-wrapper', {
           [`size--${vSize}`]: vSize,
@@ -574,10 +744,14 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
           'is--enter': isEnterCollapse,
           'is--loading': loading
         }],
-        style: collapseStyle
-      }, ons), [isCollapsed ? (0, _vue.h)('div', {
-        class: 'vxe-menu--item-list'
-      }, menuList.map(child => renderDefaultChildren(child, menuList))) : (0, _ui.renderEmptyElement)($xeMenu)]) : (0, _ui.renderEmptyElement)($xeMenu),
+        style: Object.assign({}, varStyle, collapseStyle)
+      }, ons), isCollapsed ? [headerSlot ? (0, _vue.h)('div', {
+        class: 'vxe-menu--header'
+      }, headerSlot(stParams)) : (0, _ui.renderEmptyElement)($xeMenu), (0, _vue.h)('div', {
+        class: 'vxe-menu--body'
+      }, menuList.map(child => renderDefaultChildren(child, menuList))), footerSlot ? (0, _vue.h)('div', {
+        class: 'vxe-menu--footer'
+      }, footerSlot(stParams)) : (0, _ui.renderEmptyElement)($xeMenu)] : [])]),
       /**
        * 加载中
        */
@@ -618,13 +792,6 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       updateCollapseStyle();
     });
     (0, _vue.onBeforeUnmount)(() => {
-      const collapseEl = refCollapseElem.value;
-      if (collapseEl) {
-        const parentNode = collapseEl.parentNode;
-        if (parentNode) {
-          parentNode.removeChild(collapseEl);
-        }
-      }
       _ui.globalEvents.off($xeMenu, 'resize');
       _xeUtils.default.assign(reactData, createReactData());
       _xeUtils.default.assign(internalData, createInternalData());