@yqg/slimfit 0.0.1 → 0.0.2

package/lib/esm/input/input.d.ts

@@ -0,0 +1,16 @@
+import type { InputProps as AntdInputProps } from 'antd';
+import type { PasswordProps } from 'antd/es/input/Password';
+import type { SearchProps } from 'antd/es/input/Search';
+import type { TextAreaProps } from 'antd/es/input/TextArea';
+import React from 'react';
+import type { WithFormModeProps } from '../form-mode/types';
+import './style.css';
+export type InputProps = AntdInputProps & WithFormModeProps;
+declare const InputComponent: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<AntdInputProps & React.RefAttributes<import("antd").InputRef>, "ref"> & React.RefAttributes<any>, "ref"> & React.RefAttributes<any>, "ref"> & React.RefAttributes<any> & WithFormModeProps, "ref"> & React.RefAttributes<any>>;
+type CompoundInput = typeof InputComponent & {
+    TextArea: React.ForwardRefExoticComponent<TextAreaProps & WithFormModeProps & React.RefAttributes<any>>;
+    Password: React.ForwardRefExoticComponent<PasswordProps & WithFormModeProps & React.RefAttributes<any>>;
+    Search: React.ForwardRefExoticComponent<SearchProps & WithFormModeProps & React.RefAttributes<any>>;
+};
+declare const Input: CompoundInput;
+export default Input;

package/lib/esm/input/input.js

@@ -0,0 +1,48 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["iconRender"];
+import { Input as AntdInput } from 'antd';
+import React from 'react';
+import { withFormMode } from "../form-mode";
+import { withCustomClassName, withCustomClearIcon, withDisabledClass } from "../hooks";
+import { IconEye, IconEyeOff } from "../icon";
+import "./style.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+// Input 组件包装器，使用 HOC 添加自定义 clearIcon
+var InputWithClearIcon = withCustomClearIcon(AntdInput, 'InputWithClearIcon');
+
+// 使用 HOC 链式包装：先添加自定义类名，再添加禁用类名，最后添加 FormMode 支持
+var InputComponent = withFormMode(withDisabledClass(withCustomClassName(InputWithClearIcon, 'slimfit-input')), 'input');
+
+// 创建复合组件类型
+
+var Input = InputComponent;
+
+// TextArea 组件包装器，使用 HOC 添加自定义 clearIcon
+var TextAreaWithClearIcon = withCustomClearIcon(AntdInput.TextArea, 'TextAreaWithClearIcon');
+
+// 支持复合组件：为每个子组件添加自定义类名和禁用类名
+Input.TextArea = withFormMode(withDisabledClass(withCustomClassName(TextAreaWithClearIcon, 'slimfit-textarea')), 'textarea');
+
+// Password 组件：先使用 HOC 添加自定义 clearIcon
+var PasswordWithClearIcon = withCustomClearIcon(AntdInput.Password, 'PasswordWithClearIcon');
+
+// Password 组件包装器，只处理自定义 iconRender
+var PasswordWithCustomIcon = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var iconRender = props.iconRender,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var defaultIconRender = function defaultIconRender(visible) {
+    return visible ? /*#__PURE__*/_jsx(IconEye, {}) : /*#__PURE__*/_jsx(IconEyeOff, {});
+  };
+  return /*#__PURE__*/_jsx(PasswordWithClearIcon, _objectSpread({
+    ref: ref,
+    iconRender: iconRender || defaultIconRender
+  }, restProps));
+});
+PasswordWithCustomIcon.displayName = 'PasswordWithCustomIcon';
+Input.Password = withFormMode(withDisabledClass(withCustomClassName(PasswordWithCustomIcon, 'slimfit-password')), 'input-password');
+
+// Search 组件包装器，使用 HOC 添加自定义 clearIcon
+var SearchWithClearIcon = withCustomClearIcon(AntdInput.Search, 'SearchWithClearIcon');
+Input.Search = withFormMode(withDisabledClass(withCustomClassName(SearchWithClearIcon, 'slimfit-search')), 'input');
+export default Input;

package/lib/esm/input/style.css

@@ -0,0 +1,36 @@
+/* 自定义TextArea右下角的resize图标 */
+textarea::-webkit-resizer {
+  background-image: url('./assets/textarea-resize-icon.svg');
+  background-repeat: no-repeat;
+  background-position: bottom;
+  cursor: se-resize;
+}
+
+/* disabled 状态下的 resize 图标透明度 */
+textarea:disabled::-webkit-resizer {
+  background-image: url('./assets/textarea-resize-icon-disabled.svg');
+  cursor: not-allowed;
+}
+
+.slimfit-password {
+  .ant-input-password-icon {
+    color: var(--color-neutral-800) !important;
+    &:hover {
+      color: var(--color-neutral-800) !important;
+    }
+  }
+}
+.slimfit-input {
+  .ant-input-group-addon {
+    color: var(--ant-color-text) !important;
+    border-color: var(--color-line-100) !important;
+  }
+}
+
+.slimfit-textarea {
+  &.ant-input-textarea-show-count {
+    .ant-input-data-count {
+      bottom: calc(-4px + var(--ant-font-size) * var(--ant-line-height) * -1);
+    }
+  }
+}

package/lib/esm/locale/en_US.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+    Select: {
+        maxTagPlaceholder: string;
+    };
+    Upload: {
+        dragUploadPlaceholder: string;
+        multipleDragUploadPlaceholder: string;
+        clickUpload: string;
+        reUpload: string;
+        cancelUpload: string;
+        selectFile: string;
+        uploadFile: string;
+        delete: string;
+        fileName: string;
+        fileSize: string;
+        fileStatus: string;
+        fileOperation: string;
+        fileSizeLabel: string;
+        fileDateLabel: string;
+        uploadPending: string;
+        uploadSuccess: string;
+        uploadFailed: string;
+        uploading: string;
+    };
+    Image: {
+        preview: {
+            flip: string;
+            rotate: string;
+            zoomIn: string;
+            zoomOut: string;
+            download: string;
+            preview: string;
+        };
+    };
+    Pagination: {
+        pageSize: string;
+        page: string;
+        pageSizeOptionLabel: string;
+        total: string;
+    };
+    SlideMenu: {
+        expand: string;
+        collapse: string;
+    };
+    Drawer: {
+        okText: string;
+        cancelText: string;
+        back: string;
+        prev: string;
+        next: string;
+    };
+};
+export default _default;

package/lib/esm/locale/en_US.js

@@ -0,0 +1,52 @@
+export default {
+  Select: {
+    maxTagPlaceholder: 'More <highlight>({{count}})</highlight>'
+  },
+  Upload: {
+    dragUploadPlaceholder: '<button>Click to upload</button> or Drag files here',
+    multipleDragUploadPlaceholder: 'Click "Select file" or Drag files here',
+    clickUpload: 'Upload',
+    reUpload: 'ReUpload',
+    cancelUpload: 'Cancel',
+    selectFile: 'Select file',
+    uploadFile: 'Upload',
+    delete: 'Delete',
+    fileName: 'Filename',
+    fileSize: 'Size',
+    fileStatus: 'Status',
+    fileOperation: 'Operation',
+    fileSizeLabel: 'Size: {{size}}',
+    fileDateLabel: 'Date: {{date}}',
+    uploadPending: 'Pending',
+    uploadSuccess: 'Success',
+    uploadFailed: 'Failed',
+    uploading: 'Uploading'
+  },
+  Image: {
+    preview: {
+      flip: 'Flip',
+      rotate: 'Rotate',
+      zoomIn: 'Zoom In',
+      zoomOut: 'Zoom Out',
+      download: 'Download',
+      preview: 'Preview'
+    }
+  },
+  Pagination: {
+    pageSize: 'Items per page',
+    page: 'Page',
+    pageSizeOptionLabel: '{{count}} items per page',
+    total: 'Total {{total}} items'
+  },
+  SlideMenu: {
+    expand: 'Expand',
+    collapse: 'Collapse'
+  },
+  Drawer: {
+    okText: 'OK',
+    cancelText: 'Cancel',
+    back: 'Back',
+    prev: 'Previous',
+    next: 'Next'
+  }
+};

package/lib/esm/locale/index.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/lib/esm/locale/index.js

@@ -0,0 +1,29 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import enUS from "./en_US";
+import zhCN from "./zh_CN";
+
+// 初始化 i18next
+if (!i18n.isInitialized) {
+  i18n.use(initReactI18next).init({
+    resources: {
+      zh: {
+        translation: zhCN
+      },
+      en: {
+        translation: enUS
+      }
+    },
+    lng: 'en',
+    // 默认语言
+    fallbackLng: 'en',
+    // 回退语言
+    interpolation: {
+      escapeValue: false // React 已经处理了 XSS
+    },
+    react: {
+      useSuspense: false // 禁用 Suspense，避免异步问题
+    }
+  });
+}
+export default i18n;

package/lib/esm/locale/zh_CN.d.ts

@@ -0,0 +1,53 @@
+declare const _default: {
+    Select: {
+        maxTagPlaceholder: string;
+    };
+    Upload: {
+        dragUploadPlaceholder: string;
+        multipleDragUploadPlaceholder: string;
+        clickUpload: string;
+        reUpload: string;
+        cancelUpload: string;
+        selectFile: string;
+        uploadFile: string;
+        delete: string;
+        fileName: string;
+        fileSize: string;
+        fileStatus: string;
+        fileOperation: string;
+        fileSizeLabel: string;
+        fileDateLabel: string;
+        uploadPending: string;
+        uploadSuccess: string;
+        uploadFailed: string;
+        uploading: string;
+    };
+    Image: {
+        preview: {
+            flip: string;
+            rotate: string;
+            zoomIn: string;
+            zoomOut: string;
+            download: string;
+            preview: string;
+        };
+    };
+    Pagination: {
+        pageSize: string;
+        page: string;
+        pageSizeOptionLabel: string;
+        total: string;
+    };
+    SlideMenu: {
+        expand: string;
+        collapse: string;
+    };
+    Drawer: {
+        okText: string;
+        cancelText: string;
+        back: string;
+        prev: string;
+        next: string;
+    };
+};
+export default _default;

package/lib/esm/locale/zh_CN.js

@@ -0,0 +1,52 @@
+export default {
+  Select: {
+    maxTagPlaceholder: '更多<highlight>({{count}})</highlight>'
+  },
+  Upload: {
+    dragUploadPlaceholder: '<button>点击上传</button> / 拖拽文件至此区域',
+    multipleDragUploadPlaceholder: '点击上方"选择文件"或将文件拖拽到此区域',
+    clickUpload: '点击上传',
+    reUpload: '重新上传',
+    cancelUpload: '取消上传',
+    selectFile: '选择文件',
+    uploadFile: '上传文件',
+    delete: '删除',
+    fileName: '文件名',
+    fileSize: '大小',
+    fileStatus: '状态',
+    fileOperation: '操作',
+    fileSizeLabel: '文件大小：{{size}}',
+    fileDateLabel: '上传日期：{{date}}',
+    uploadPending: '待上传',
+    uploadSuccess: '上传成功',
+    uploadFailed: '上传失败',
+    uploading: '上传中'
+  },
+  Image: {
+    preview: {
+      flip: '镜像',
+      rotate: '旋转',
+      zoomIn: '放大',
+      zoomOut: '缩小',
+      download: '下载',
+      preview: '预览'
+    }
+  },
+  Pagination: {
+    pageSize: '每页显示行',
+    page: '页',
+    pageSizeOptionLabel: '{{count}} 条/页',
+    total: '共 {{total}} 条'
+  },
+  SlideMenu: {
+    expand: '展开',
+    collapse: '折叠'
+  },
+  Drawer: {
+    okText: '确定',
+    cancelText: '取消',
+    back: '返回',
+    prev: '上一步',
+    next: '下一步'
+  }
+};

package/lib/esm/menu/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-inline';
+export * from './use-inline-items';

package/lib/esm/menu/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./use-inline";
+export * from "./use-inline-items";

package/lib/esm/menu/hooks/use-inline-items.d.ts

@@ -0,0 +1,11 @@
+import type { AntdMenuProps } from '../typings';
+type Options = {
+    items: AntdMenuProps['items'];
+    inlineCollapsed: AntdMenuProps['inlineCollapsed'];
+    setInlineSelectedKeys: (selectedKeys: string[]) => void;
+    inlineSelectedKeys: string[];
+    onSelect: AntdMenuProps['onSelect'];
+    onClick: AntdMenuProps['onClick'];
+};
+export declare const useInlineItems: ({ items, inlineCollapsed, inlineSelectedKeys, setInlineSelectedKeys, onSelect, onClick, }: Options) => AntdMenuProps['items'];
+export {};

package/lib/esm/menu/hooks/use-inline-items.js

@@ -0,0 +1,199 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["label", "children", "extra", "icon", "title"];
+import { Dropdown } from 'antd';
+import classnames from 'classnames';
+import React, { useMemo, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Wrapper = function Wrapper(_ref) {
+  var children = _ref.children,
+    item = _ref.item,
+    inlineCollapsed = _ref.inlineCollapsed,
+    onSelect = _ref.onSelect,
+    onClick = _ref.onClick,
+    setInlineSelectedKeys = _ref.setInlineSelectedKeys,
+    inlineSelectedKeys = _ref.inlineSelectedKeys;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var itemChildren = item.children,
+    label = item.label,
+    disabled = item.disabled;
+  var clickDropdownItemHandler = function clickDropdownItemHandler(event, childItem) {
+    setInlineSelectedKeys([childItem.key]);
+    onClick === null || onClick === void 0 || onClick({
+      domEvent: event,
+      key: childItem.key,
+      keyPath: [childItem.key, item.key],
+      item: childItem
+    });
+    onSelect === null || onSelect === void 0 || onSelect({
+      domEvent: event,
+      key: childItem.key,
+      keyPath: [childItem.key, item.key],
+      selectedKeys: [childItem.key],
+      item: childItem
+    });
+  };
+  var renderDropdownTitle = function renderDropdownTitle(label) {
+    var className = classnames('slimfit-menu-inline-dropdown-title', 'slimfit-menu-inline-dropdown-item');
+    return /*#__PURE__*/_jsx("div", {
+      className: className,
+      children: label
+    });
+  };
+  var renderDropdownItem = function renderDropdownItem(childItem) {
+    var label = childItem.label,
+      disabled = childItem.disabled;
+    var selected = inlineSelectedKeys.includes(childItem.key);
+    var className = classnames('slimfit-menu-inline-dropdown-item', disabled && 'slimfit-no-theme-disabled slimfit-menu-inline-dropdown-item-disabled', selected && 'slimfit-menu-inline-dropdown-item-selected');
+    return /*#__PURE__*/_jsxs("div", {
+      className: className,
+      onClick: function onClick(event) {
+        return clickDropdownItemHandler(event, childItem);
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "slimfit-menu-inline-dropdown-item-indent"
+      }), /*#__PURE__*/_jsx("div", {
+        className: "slimfit-menu-inline-dropdown-item-label",
+        children: label
+      })]
+    });
+  };
+  var menus = [{
+    key: 'slimfit-menu-inline-dropdown-title',
+    label: renderDropdownTitle(label)
+  }].concat(_toConsumableArray((itemChildren || []).map(function (child) {
+    return {
+      key: child.key,
+      label: renderDropdownItem(child)
+    };
+  })));
+  var updateOpen = function updateOpen() {
+    if (!inlineCollapsed || !(itemChildren !== null && itemChildren !== void 0 && itemChildren.length) || disabled) return;
+    setOpen(!open);
+  };
+  var select = function select() {
+    if (itemChildren !== null && itemChildren !== void 0 && itemChildren.length || disabled) return;
+    setInlineSelectedKeys([item.key]);
+  };
+  var clickHandler = function clickHandler() {
+    updateOpen();
+    select();
+  };
+  var onOpenChangeHandler = function onOpenChangeHandler(open) {
+    if (open) return;
+    setOpen(false);
+  };
+  return /*#__PURE__*/_jsx(Dropdown, {
+    menu: {
+      items: menus
+    },
+    overlayClassName: "slimfit-menu-inline-dropdown",
+    placement: "bottom",
+    align: {
+      offset: [20, 10]
+    },
+    trigger: ['click'],
+    open: open,
+    onOpenChange: onOpenChangeHandler,
+    children: /*#__PURE__*/_jsx("span", {
+      onClick: clickHandler,
+      children: children
+    })
+  });
+};
+export var useInlineItems = function useInlineItems(_ref2) {
+  var items = _ref2.items,
+    inlineCollapsed = _ref2.inlineCollapsed,
+    inlineSelectedKeys = _ref2.inlineSelectedKeys,
+    setInlineSelectedKeys = _ref2.setInlineSelectedKeys,
+    onSelect = _ref2.onSelect,
+    onClick = _ref2.onClick;
+  var renderIcon = function renderIcon(item, level) {
+    var itemIcon = item.icon,
+      label = item.label,
+      title = item.title;
+    var icon = itemIcon;
+    var content = title || (label && typeof label === 'string' ? label : undefined);
+    var defaultIcon = content ? content[0] : '';
+    if (level > 0) {
+      icon = /*#__PURE__*/_jsx("span", {
+        className: "slimfit-menu-item-icon-indent"
+      });
+    } else if (inlineCollapsed) {
+      icon = icon || defaultIcon;
+    }
+    return /*#__PURE__*/_jsx("span", {
+      className: "slimfit-menu-item-icon",
+      children: icon
+    });
+  };
+  var renderContent = function renderContent(item, level) {
+    var _item$children;
+    var label = item.label,
+      extra = item.extra,
+      disabled = item.disabled;
+    var leaf = !((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length);
+    return /*#__PURE__*/_jsxs("span", {
+      className: classnames('slimfit-menu-item-content', disabled && 'slimfit-no-theme-disabled slimfit-menu-item-content-disabled', level > 0 && 'slimfit-menu-item-content-indent'),
+      children: [/*#__PURE__*/_jsxs("span", {
+        className: "slimfit-menu-item-box",
+        children: [renderIcon(item, level), label && /*#__PURE__*/_jsx("div", {
+          className: "slimfit-menu-item-label",
+          children: label
+        })]
+      }), extra && leaf && !inlineCollapsed && /*#__PURE__*/_jsx("div", {
+        className: "slimfit-menu-item-content-extra",
+        children: extra
+      })]
+    });
+  };
+  var renderItem = function renderItem(item) {
+    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    var renderItemContent = function renderItemContent() {
+      var className = inlineCollapsed ? 'slimfit-menu-item-collapsed-wrapper' : 'slimfit-menu-item-expanded-wrapper';
+      return /*#__PURE__*/_jsx("span", {
+        className: className,
+        children: renderContent(item, level)
+      });
+    };
+    return /*#__PURE__*/_jsx(Wrapper, {
+      item: item,
+      inlineCollapsed: inlineCollapsed,
+      onSelect: onSelect,
+      onClick: onClick,
+      inlineSelectedKeys: inlineSelectedKeys,
+      setInlineSelectedKeys: setInlineSelectedKeys,
+      children: renderItemContent()
+    });
+  };
+  var handleItemRender = function handleItemRender(item) {
+    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    // 这里取消 antd 默认的 extra 和 icon, 使用 label 实现完整的 menuItem 功能
+    var label = item.label,
+      children = item.children,
+      extra = item.extra,
+      icon = item.icon,
+      title = item.title,
+      rest = _objectWithoutProperties(item, _excluded);
+    return _objectSpread(_objectSpread({}, rest), {}, {
+      label: renderItem(item, level),
+      title: title || (label && typeof label === 'string' ? label : undefined),
+      children: children === null || children === void 0 ? void 0 : children.map(function (child) {
+        return handleItemRender(child, level + 1);
+      })
+    });
+  };
+  var inlineItems = useMemo(function () {
+    if (!items) return [];
+    return items.map(function (item) {
+      return handleItemRender(item);
+    });
+  }, [items, inlineCollapsed, inlineSelectedKeys, onSelect, onClick]);
+  return inlineItems;
+};

package/lib/esm/menu/hooks/use-inline.d.ts

@@ -0,0 +1,10 @@
+import type { AntdMenuProps } from '../typings';
+type Options = {
+    inlineClassName: string;
+    inlineTriggerSubMenuAction: AntdMenuProps['triggerSubMenuAction'];
+    inlineExpandIcon: AntdMenuProps['expandIcon'];
+    inlineItems: AntdMenuProps['items'];
+    inlineSelectedKeys: AntdMenuProps['openKeys'];
+};
+export declare const useInline: (options: AntdMenuProps) => Options;
+export {};

package/lib/esm/menu/hooks/use-inline.js

@@ -0,0 +1,66 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import classnames from 'classnames';
+import { useEffect, useState } from 'react';
+import { useInlineItems } from '.';
+import { IconDropdown, IconExpand2 } from "../../icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var useInline = function useInline(options) {
+  var _options$mode = options.mode,
+    mode = _options$mode === void 0 ? 'inline' : _options$mode,
+    triggerSubMenuAction = options.triggerSubMenuAction,
+    expandIcon = options.expandIcon,
+    inlineCollapsed = options.inlineCollapsed,
+    items = options.items,
+    selectedKeys = options.selectedKeys,
+    defaultSelectedKeys = options.defaultSelectedKeys,
+    onSelect = options.onSelect,
+    onClick = options.onClick;
+  var _useState = useState(selectedKeys || defaultSelectedKeys || []),
+    _useState2 = _slicedToArray(_useState, 2),
+    inlineSelectedKeys = _useState2[0],
+    setInlineSelectedKeys = _useState2[1];
+  useEffect(function () {
+    if (!selectedKeys) return;
+    setInlineSelectedKeys(selectedKeys || []);
+  }, [selectedKeys]);
+  var inline = mode === 'inline';
+  if (!inline) {
+    return {
+      inlineClassName: '',
+      inlineTriggerSubMenuAction: triggerSubMenuAction,
+      inlineExpandIcon: expandIcon,
+      inlineItems: items,
+      inlineSelectedKeys: selectedKeys
+    };
+  }
+  var inlineClassName = classnames('slimfit-menu-inline', inlineCollapsed ? 'slimfit-menu-collapsed' : 'slimfit-menu-expanded');
+
+  // 禁用 antd 折叠时展开子菜单的逻辑，我们自己实现（设计稿和 antd 的功能有冲突）
+  var inlineTriggerSubMenuAction = inline ? 'none' : triggerSubMenuAction;
+  var inlineExpandIcon = function inlineExpandIcon(props) {
+    if (inlineCollapsed) return null;
+    var Arrow = props.isOpen ? IconExpand2 : IconDropdown;
+    return /*#__PURE__*/_jsx(Arrow, {
+      className: "slimfit-menu-expand-icon",
+      style: {
+        fontSize: 16,
+        color: 'var(--color-neutral-800)'
+      }
+    });
+  };
+  var inlineItems = useInlineItems({
+    items: items,
+    inlineCollapsed: inlineCollapsed,
+    setInlineSelectedKeys: setInlineSelectedKeys,
+    inlineSelectedKeys: inlineSelectedKeys,
+    onSelect: onSelect,
+    onClick: onClick
+  });
+  return {
+    inlineClassName: inlineClassName,
+    inlineTriggerSubMenuAction: inlineTriggerSubMenuAction,
+    inlineExpandIcon: inlineExpandIcon,
+    inlineItems: inlineItems,
+    inlineSelectedKeys: inlineSelectedKeys
+  };
+};

package/lib/esm/menu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Menu } from './menu';
+export { default as SlideMenu } from './slide-menu';
+export type { AntdMenuProps as MenuProps } from './typings';

package/lib/esm/menu/index.js

@@ -0,0 +1,2 @@
+export { default as Menu } from "./menu";
+export { default as SlideMenu } from "./slide-menu";

package/lib/esm/menu/menu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './style.less';
+import type { MenuProps } from './typings';
+declare const Menu: React.FC<MenuProps>;
+export default Menu;