@apdesign/web-react 1.0.0 → 1.0.2

package/es/Menu/item.js

@@ -1,84 +1,84 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef, useContext, useEffect, useRef } from 'react';
-import scrollIntoView from 'scroll-into-view-if-needed';
-import cs from '../_util/classNames';
-import Tooltip from '../Tooltip';
-import useIsFirstRender from '../_util/hooks/useIsFirstRender';
-import MenuContext from './context';
-import MenuIndent from './indent';
-import omit from '../_util/omit';
-import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU } from './util';
-import { Enter } from '../_util/keycode';
-function Item(props, ref) {
-    var _a;
-    var _key = props._key, children = props.children, level = props.level, disabled = props.disabled, className = props.className, style = props.style, _b = props.wrapper, WrapperTagName = _b === void 0 ? 'div' : _b, onClick = props.onClick, renderItemInTooltip = props.renderItemInTooltip, rest = __rest(props, ["_key", "children", "level", "disabled", "className", "style", "wrapper", "onClick", "renderItemInTooltip"]);
-    var _c = useContext(MenuContext), prefixCls = _c.prefixCls, mode = _c.mode, collapse = _c.collapse, inDropdown = _c.inDropdown, levelIndent = _c.levelIndent, selectedKeys = _c.selectedKeys, autoScrollIntoView = _c.autoScrollIntoView, scrollConfig = _c.scrollConfig, tooltipProps = _c.tooltipProps, onClickMenuItem = _c.onClickMenuItem;
-    var refElement = useRef(null);
-    var isFirstRender = useIsFirstRender();
-    var needTextIndent = mode === 'vertical' && level > 1;
-    var needTooltip = collapse && !inDropdown && level === 1;
-    var isSelected = selectedKeys && ~selectedKeys.indexOf(_key);
-    useEffect(function () {
-        var shouldScroll = isSelected && autoScrollIntoView;
-        if (refElement.current && shouldScroll) {
-            // 首次渲染需要等待展开动画结束之后滚动
-            setTimeout(function () {
-                refElement.current &&
-                    scrollIntoView(refElement.current, __assign({ behavior: 'smooth', block: 'start', scrollMode: 'if-needed', boundary: document.body }, scrollConfig));
-            }, isFirstRender ? 500 : 0);
-        }
-    }, [isSelected, autoScrollIntoView]);
-    var menuItemClickHandler = function (event) {
-        if (!disabled) {
-            onClickMenuItem(_key, event);
-            onClick && onClick(event);
-        }
-    };
-    var itemElement = (React.createElement(WrapperTagName, __assign({ tabIndex: disabled ? -1 : 0, role: "menuitem", ref: function (_ref) {
-            ref = _ref;
-            refElement.current = ref;
-        }, style: style, className: cs(prefixCls + "-item", (_a = {},
-            _a[prefixCls + "-disabled"] = disabled,
-            _a[prefixCls + "-selected"] = isSelected,
-            // 存在缩进dom
-            _a[prefixCls + "-item-indented"] = needTextIndent && !collapse,
-            _a), className), onClick: menuItemClickHandler, onKeyDown: function (event) {
-            var keyCode = event.keyCode || event.which;
-            if (keyCode === Enter.code) {
-                menuItemClickHandler(event);
-            }
-        } }, omit(rest, ['key', '_key'].concat(PROPS_NEED_TO_BE_PASSED_IN_SUBMENU))),
-        needTextIndent && !collapse ? (React.createElement(React.Fragment, null,
-            React.createElement(MenuIndent, { prefixCls: prefixCls, levelIndent: levelIndent, level: level }),
-            React.createElement("span", { className: prefixCls + "-item-inner", style: {
-                    display: 'block',
-                } }, children))) : (children),
-        isSelected && mode === 'horizontal' ? (React.createElement("div", { className: prefixCls + "-selected-label" })) : null));
-    return needTooltip ? (React.createElement(Tooltip, __assign({ trigger: "hover", position: "right", content: typeof renderItemInTooltip === 'function' ? renderItemInTooltip() : React.createElement("span", null, children), triggerProps: __assign({ className: prefixCls + "-item-tooltip" }, ((tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.triggerProps) || {})) }, omit(tooltipProps, ['triggerProps'])), itemElement)) : (itemElement);
-}
-var ForwardRefItem = forwardRef(Item);
-var ItemComponent = ForwardRefItem;
-ItemComponent.displayName = 'MenuItem';
-ItemComponent.menuType = 'MenuItem';
-export default ItemComponent;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useContext, useEffect, useRef } from 'react';
+import scrollIntoView from 'scroll-into-view-if-needed';
+import cs from '../_util/classNames';
+import Tooltip from '../Tooltip';
+import useIsFirstRender from '../_util/hooks/useIsFirstRender';
+import MenuContext from './context';
+import MenuIndent from './indent';
+import omit from '../_util/omit';
+import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU } from './util';
+import { Enter } from '../_util/keycode';
+function Item(props, ref) {
+    var _a;
+    var _key = props._key, children = props.children, level = props.level, disabled = props.disabled, className = props.className, style = props.style, _b = props.wrapper, WrapperTagName = _b === void 0 ? 'div' : _b, onClick = props.onClick, renderItemInTooltip = props.renderItemInTooltip, rest = __rest(props, ["_key", "children", "level", "disabled", "className", "style", "wrapper", "onClick", "renderItemInTooltip"]);
+    var _c = useContext(MenuContext), prefixCls = _c.prefixCls, mode = _c.mode, collapse = _c.collapse, inDropdown = _c.inDropdown, levelIndent = _c.levelIndent, selectedKeys = _c.selectedKeys, autoScrollIntoView = _c.autoScrollIntoView, scrollConfig = _c.scrollConfig, tooltipProps = _c.tooltipProps, onClickMenuItem = _c.onClickMenuItem;
+    var refElement = useRef(null);
+    var isFirstRender = useIsFirstRender();
+    var needTextIndent = mode === 'vertical' && level > 1;
+    var needTooltip = collapse && !inDropdown && level === 1;
+    var isSelected = selectedKeys && ~selectedKeys.indexOf(_key);
+    useEffect(function () {
+        var shouldScroll = isSelected && autoScrollIntoView;
+        if (refElement.current && shouldScroll) {
+            // 首次渲染需要等待展开动画结束之后滚动
+            setTimeout(function () {
+                refElement.current &&
+                    scrollIntoView(refElement.current, __assign({ behavior: 'smooth', block: 'start', scrollMode: 'if-needed', boundary: document.body }, scrollConfig));
+            }, isFirstRender ? 500 : 0);
+        }
+    }, [isSelected, autoScrollIntoView]);
+    var menuItemClickHandler = function (event) {
+        if (!disabled) {
+            onClickMenuItem(_key, event);
+            onClick && onClick(event);
+        }
+    };
+    var itemElement = (React.createElement(WrapperTagName, __assign({ tabIndex: disabled ? -1 : 0, role: "menuitem", ref: function (_ref) {
+            ref = _ref;
+            refElement.current = ref;
+        }, style: style, className: cs(prefixCls + "-item", (_a = {},
+            _a[prefixCls + "-disabled"] = disabled,
+            _a[prefixCls + "-selected"] = isSelected,
+            // 存在缩进dom
+            _a[prefixCls + "-item-indented"] = needTextIndent && !collapse,
+            _a), className), onClick: menuItemClickHandler, onKeyDown: function (event) {
+            var keyCode = event.keyCode || event.which;
+            if (keyCode === Enter.code) {
+                menuItemClickHandler(event);
+            }
+        } }, omit(rest, ['key', '_key'].concat(PROPS_NEED_TO_BE_PASSED_IN_SUBMENU))),
+        needTextIndent && !collapse ? (React.createElement(React.Fragment, null,
+            React.createElement(MenuIndent, { prefixCls: prefixCls, levelIndent: levelIndent, level: level }),
+            React.createElement("span", { className: prefixCls + "-item-inner", style: {
+                    display: 'block',
+                } }, children))) : (children),
+        isSelected && mode === 'horizontal' ? (React.createElement("div", { className: prefixCls + "-selected-label" })) : null));
+    return needTooltip ? (React.createElement(Tooltip, __assign({ trigger: "hover", position: "right", content: typeof renderItemInTooltip === 'function' ? renderItemInTooltip() : React.createElement("span", null, children), triggerProps: __assign({ className: prefixCls + "-item-tooltip" }, ((tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.triggerProps) || {})) }, omit(tooltipProps, ['triggerProps'])), itemElement)) : (itemElement);
+}
+var ForwardRefItem = forwardRef(Item);
+var ItemComponent = ForwardRefItem;
+ItemComponent.displayName = 'MenuItem';
+ItemComponent.menuType = 'MenuItem';
+export default ItemComponent;

package/es/Menu/overflow-wrap.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
-import type { MenuProps } from './interface';
-interface OverflowWrapProps {
-    ellipsisText?: ReactNode;
-    children: ReactNode;
-    onEllipsisChange?: MenuProps['onEllipsisChange'];
-}
-declare const OverflowWrap: (props: OverflowWrapProps) => JSX.Element;
-export default OverflowWrap;
+import { ReactNode } from 'react';
+import type { MenuProps } from './interface';
+interface OverflowWrapProps {
+    ellipsisText?: ReactNode;
+    children: ReactNode;
+    onEllipsisChange?: MenuProps['onEllipsisChange'];
+}
+declare const OverflowWrap: (props: OverflowWrapProps) => JSX.Element;
+export default OverflowWrap;

package/es/Menu/overflow-wrap.js

@@ -1,131 +1,131 @@
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useState, useRef, useContext } from 'react';
-import SubMenu from './sub-menu';
-import { getStyle } from '../_util/style';
-import MenuContext from './context';
-import ResizeObserver from '../_util/resizeObserver';
-var OVERFLOW_THRESHOLD = 5;
-function getNodeWidth(node) {
-    // getBoundingClientRect will get a result like 20.45
-    // Use Math.ceil to avoid menu item wrap in specific menu-width
-    return node && Math.ceil(+node.getBoundingClientRect().width);
-}
-function translatePxToNumber(str) {
-    var result = Number(str.replace('px', ''));
-    return isNaN(result) ? 0 : result;
-}
-var OverflowWrap = function (props) {
-    var children = props.children, _a = props.ellipsisText, ellipsisText = _a === void 0 ? '···' : _a, onEllipsisChange = props.onEllipsisChange;
-    var prefixCls = useContext(MenuContext).prefixCls;
-    var refUl = useRef(null);
-    var _b = __read(useState(null), 2), lastVisibleIndex = _b[0], setLastVisibleIndex = _b[1];
-    var overflowSubMenuClass = prefixCls + "-overflow-sub-menu";
-    var overflowMenuItemClass = prefixCls + "-overflow-hidden-menu-item";
-    var overflowSubMenuMirrorClass = prefixCls + "-overflow-sub-menu-mirror";
-    var tryUpdateEllipsisStatus = function (_lastVisibleIndex) {
-        if (_lastVisibleIndex !== lastVisibleIndex) {
-            var childNodes = React.Children.toArray(children);
-            var noOverflow = _lastVisibleIndex === null;
-            onEllipsisChange === null || onEllipsisChange === void 0 ? void 0 : onEllipsisChange({
-                lastVisibleIndex: noOverflow ? childNodes.length - 1 : _lastVisibleIndex,
-                overflowNodes: noOverflow ? [] : childNodes.slice(_lastVisibleIndex + 1),
-            });
-            setLastVisibleIndex(_lastVisibleIndex);
-        }
-    };
-    function computeLastVisibleIndex() {
-        if (!refUl.current) {
-            return;
-        }
-        var ulElement = refUl.current;
-        var maxWidth = getNodeWidth(ulElement) - OVERFLOW_THRESHOLD;
-        var childNodeList = [].slice.call(ulElement.children);
-        var menuItemIndex = 0;
-        var currentItemRight = 0;
-        var overflowSubMenuWidth = 0;
-        // 注意 childrenNodeList.length !== React.Children.count(children) 所以需要用 menuItemIndex 来标记真实的 MenuItem 下标
-        for (var i = 0; i < childNodeList.length; i++) {
-            var node = childNodeList[i];
-            var classNames = node.className.split(' ');
-            var isOverflowSubMenu = classNames.indexOf(overflowSubMenuClass) > -1;
-            var isOverflowSubMenuMirror = classNames.indexOf(overflowSubMenuMirrorClass) > -1;
-            // 忽略 overflowSubMenu 的宽度，其宽度测量交由 overflowSubMenuMirror
-            if (isOverflowSubMenu) {
-                continue;
-            }
-            var nodeWidth = getNodeWidth(node) +
-                translatePxToNumber(getStyle(node, 'marginLeft')) +
-                translatePxToNumber(getStyle(node, 'marginRight'));
-            if (isOverflowSubMenuMirror) {
-                overflowSubMenuWidth = nodeWidth;
-                continue;
-            }
-            currentItemRight += nodeWidth;
-            // 将要溢出的菜单项
-            if (currentItemRight > maxWidth) {
-                tryUpdateEllipsisStatus(
-                // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
-                menuItemIndex - (currentItemRight - nodeWidth + overflowSubMenuWidth <= maxWidth ? 1 : 2));
-                return;
-            }
-            menuItemIndex++;
-        }
-        // 全部可见
-        tryUpdateEllipsisStatus(null);
-    }
-    var renderOverflowSubMenu = function (children, isMirror) {
-        if (isMirror === void 0) { isMirror = false; }
-        return (React.createElement(SubMenu, { title: React.createElement("span", null, ellipsisText), key: "arco-menu-overflow-sub-menu" + (isMirror ? '-mirror' : ''), className: isMirror ? overflowSubMenuMirrorClass : overflowSubMenuClass, children: children }));
-    };
-    var renderChildren = function () {
-        var overflowSubMenu = null;
-        var overflowSubMenuMirror = renderOverflowSubMenu(null, true);
-        var originMenuItems = React.Children.map(children, function (child, index) {
-            var item = child;
-            if (lastVisibleIndex !== null) {
-                if (index > lastVisibleIndex) {
-                    item = React.cloneElement(child, {
-                        className: overflowMenuItemClass,
-                    });
-                }
-                if (index === lastVisibleIndex + 1) {
-                    var overflowedItems = React.Children.toArray(children)
-                        .slice(lastVisibleIndex + 1)
-                        .map(function (child) {
-                        return React.cloneElement(child, { key: child.props._key });
-                    });
-                    overflowSubMenu = renderOverflowSubMenu(overflowedItems);
-                }
-            }
-            return item;
-        });
-        return __spreadArray(__spreadArray([overflowSubMenuMirror], __read(originMenuItems), false), [overflowSubMenu], false);
-    };
-    return (React.createElement(ResizeObserver, { onResize: computeLastVisibleIndex, getTargetDOMNode: function () { return refUl.current; } },
-        React.createElement("div", { className: prefixCls + "-overflow-wrap", ref: refUl }, renderChildren())));
-};
-export default OverflowWrap;
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useState, useRef, useContext } from 'react';
+import SubMenu from './sub-menu';
+import { getStyle } from '../_util/style';
+import MenuContext from './context';
+import ResizeObserver from '../_util/resizeObserver';
+var OVERFLOW_THRESHOLD = 5;
+function getNodeWidth(node) {
+    // getBoundingClientRect will get a result like 20.45
+    // Use Math.ceil to avoid menu item wrap in specific menu-width
+    return node && Math.ceil(+node.getBoundingClientRect().width);
+}
+function translatePxToNumber(str) {
+    var result = Number(str.replace('px', ''));
+    return isNaN(result) ? 0 : result;
+}
+var OverflowWrap = function (props) {
+    var children = props.children, _a = props.ellipsisText, ellipsisText = _a === void 0 ? '···' : _a, onEllipsisChange = props.onEllipsisChange;
+    var prefixCls = useContext(MenuContext).prefixCls;
+    var refUl = useRef(null);
+    var _b = __read(useState(null), 2), lastVisibleIndex = _b[0], setLastVisibleIndex = _b[1];
+    var overflowSubMenuClass = prefixCls + "-overflow-sub-menu";
+    var overflowMenuItemClass = prefixCls + "-overflow-hidden-menu-item";
+    var overflowSubMenuMirrorClass = prefixCls + "-overflow-sub-menu-mirror";
+    var tryUpdateEllipsisStatus = function (_lastVisibleIndex) {
+        if (_lastVisibleIndex !== lastVisibleIndex) {
+            var childNodes = React.Children.toArray(children);
+            var noOverflow = _lastVisibleIndex === null;
+            onEllipsisChange === null || onEllipsisChange === void 0 ? void 0 : onEllipsisChange({
+                lastVisibleIndex: noOverflow ? childNodes.length - 1 : _lastVisibleIndex,
+                overflowNodes: noOverflow ? [] : childNodes.slice(_lastVisibleIndex + 1),
+            });
+            setLastVisibleIndex(_lastVisibleIndex);
+        }
+    };
+    function computeLastVisibleIndex() {
+        if (!refUl.current) {
+            return;
+        }
+        var ulElement = refUl.current;
+        var maxWidth = getNodeWidth(ulElement) - OVERFLOW_THRESHOLD;
+        var childNodeList = [].slice.call(ulElement.children);
+        var menuItemIndex = 0;
+        var currentItemRight = 0;
+        var overflowSubMenuWidth = 0;
+        // 注意 childrenNodeList.length !== React.Children.count(children) 所以需要用 menuItemIndex 来标记真实的 MenuItem 下标
+        for (var i = 0; i < childNodeList.length; i++) {
+            var node = childNodeList[i];
+            var classNames = node.className.split(' ');
+            var isOverflowSubMenu = classNames.indexOf(overflowSubMenuClass) > -1;
+            var isOverflowSubMenuMirror = classNames.indexOf(overflowSubMenuMirrorClass) > -1;
+            // 忽略 overflowSubMenu 的宽度，其宽度测量交由 overflowSubMenuMirror
+            if (isOverflowSubMenu) {
+                continue;
+            }
+            var nodeWidth = getNodeWidth(node) +
+                translatePxToNumber(getStyle(node, 'marginLeft')) +
+                translatePxToNumber(getStyle(node, 'marginRight'));
+            if (isOverflowSubMenuMirror) {
+                overflowSubMenuWidth = nodeWidth;
+                continue;
+            }
+            currentItemRight += nodeWidth;
+            // 将要溢出的菜单项
+            if (currentItemRight > maxWidth) {
+                tryUpdateEllipsisStatus(
+                // 判断如果将最后一个菜单项换为 ... 是否会超出宽度
+                menuItemIndex - (currentItemRight - nodeWidth + overflowSubMenuWidth <= maxWidth ? 1 : 2));
+                return;
+            }
+            menuItemIndex++;
+        }
+        // 全部可见
+        tryUpdateEllipsisStatus(null);
+    }
+    var renderOverflowSubMenu = function (children, isMirror) {
+        if (isMirror === void 0) { isMirror = false; }
+        return (React.createElement(SubMenu, { title: React.createElement("span", null, ellipsisText), key: "arco-menu-overflow-sub-menu" + (isMirror ? '-mirror' : ''), className: isMirror ? overflowSubMenuMirrorClass : overflowSubMenuClass, children: children }));
+    };
+    var renderChildren = function () {
+        var overflowSubMenu = null;
+        var overflowSubMenuMirror = renderOverflowSubMenu(null, true);
+        var originMenuItems = React.Children.map(children, function (child, index) {
+            var item = child;
+            if (lastVisibleIndex !== null) {
+                if (index > lastVisibleIndex) {
+                    item = React.cloneElement(child, {
+                        className: overflowMenuItemClass,
+                    });
+                }
+                if (index === lastVisibleIndex + 1) {
+                    var overflowedItems = React.Children.toArray(children)
+                        .slice(lastVisibleIndex + 1)
+                        .map(function (child) {
+                        return React.cloneElement(child, { key: child.props._key });
+                    });
+                    overflowSubMenu = renderOverflowSubMenu(overflowedItems);
+                }
+            }
+            return item;
+        });
+        return __spreadArray(__spreadArray([overflowSubMenuMirror], __read(originMenuItems), false), [overflowSubMenu], false);
+    };
+    return (React.createElement(ResizeObserver, { onResize: computeLastVisibleIndex, getTargetDOMNode: function () { return refUl.current; } },
+        React.createElement("div", { className: prefixCls + "-overflow-wrap", ref: refUl }, renderChildren())));
+};
+export default OverflowWrap;

package/es/Menu/style/index.d.ts

@@ -1,4 +1,4 @@
-import '../../style/index.less';
-import '../../Dropdown/style';
-import '../../Tooltip/style';
-import './index.less';
+import '../../style/index.less';
+import '../../Dropdown/style';
+import '../../Tooltip/style';
+import './index.less';

package/es/Menu/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/index.less';
-import '../../Dropdown/style';
-import '../../Tooltip/style';
-import './index.less';
+import '../../style/index.less';
+import '../../Dropdown/style';
+import '../../Tooltip/style';
+import './index.less';

package/es/Menu/sub-menu/index.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { MenuSubMenuProps } from '../interface';
-declare const SubMenuComponent: React.ForwardRefExoticComponent<MenuSubMenuProps & React.RefAttributes<unknown>> & {
-    menuType: string;
-};
-export default SubMenuComponent;
+import React from 'react';
+import { MenuSubMenuProps } from '../interface';
+declare const SubMenuComponent: React.ForwardRefExoticComponent<MenuSubMenuProps & React.RefAttributes<unknown>> & {
+    menuType: string;
+};
+export default SubMenuComponent;

package/es/Menu/sub-menu/index.js

@@ -1,34 +1,34 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React, { forwardRef, useContext, useEffect } from 'react';
-import SubMenuInline from './inline';
-import SubMenuPop from './pop';
-import MenuContext from '../context';
-function SubMenu(props, ref) {
-    var children = props.children, popup = props.popup, level = props.level;
-    var _a = useContext(MenuContext), mode = _a.mode, collapse = _a.collapse, inDropdown = _a.inDropdown, collectInlineMenuKeys = _a.collectInlineMenuKeys;
-    var forcePopup = !!(typeof popup === 'function' ? popup(level) : popup);
-    var mergedPopup = forcePopup || collapse || inDropdown || mode !== 'vertical';
-    var MergedMenu = mergedPopup ? SubMenuPop : SubMenuInline;
-    useEffect(function () {
-        collectInlineMenuKeys(props._key);
-        return function () {
-            collectInlineMenuKeys(props._key, true);
-        };
-    }, []);
-    return (React.createElement(MergedMenu, __assign({ forwardedRef: ref }, props), children));
-}
-var ForwardRefSubMenu = forwardRef(SubMenu);
-var SubMenuComponent = ForwardRefSubMenu;
-SubMenuComponent.displayName = 'SubMenu';
-SubMenuComponent.menuType = 'SubMenu';
-export default SubMenuComponent;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { forwardRef, useContext, useEffect } from 'react';
+import SubMenuInline from './inline';
+import SubMenuPop from './pop';
+import MenuContext from '../context';
+function SubMenu(props, ref) {
+    var children = props.children, popup = props.popup, level = props.level;
+    var _a = useContext(MenuContext), mode = _a.mode, collapse = _a.collapse, inDropdown = _a.inDropdown, collectInlineMenuKeys = _a.collectInlineMenuKeys;
+    var forcePopup = !!(typeof popup === 'function' ? popup(level) : popup);
+    var mergedPopup = forcePopup || collapse || inDropdown || mode !== 'vertical';
+    var MergedMenu = mergedPopup ? SubMenuPop : SubMenuInline;
+    useEffect(function () {
+        collectInlineMenuKeys(props._key);
+        return function () {
+            collectInlineMenuKeys(props._key, true);
+        };
+    }, []);
+    return (React.createElement(MergedMenu, __assign({ forwardedRef: ref }, props), children));
+}
+var ForwardRefSubMenu = forwardRef(SubMenu);
+var SubMenuComponent = ForwardRefSubMenu;
+SubMenuComponent.displayName = 'SubMenu';
+SubMenuComponent.menuType = 'SubMenu';
+export default SubMenuComponent;

package/es/Menu/sub-menu/inline.d.ts

@@ -1,5 +1,5 @@
-import { MenuSubMenuProps } from '../interface';
-declare const SubMenuInline: (props: MenuSubMenuProps & {
-    forwardedRef: any;
-}) => JSX.Element;
-export default SubMenuInline;
+import { MenuSubMenuProps } from '../interface';
+declare const SubMenuInline: (props: MenuSubMenuProps & {
+    forwardedRef: any;
+}) => JSX.Element;
+export default SubMenuInline;