@hi-ui/menu 4.3.2 → 5.0.0-alpha.0

package/lib/types/MenuSearch.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+import { MenuDataItem } from './types';
+export declare const MenuSearch: React.ForwardRefExoticComponent<MenuSearchProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface MenuSearchHelper {
+    show: () => void;
+    hide: () => void;
+    focus: () => void;
+}
+export interface MenuSearchProps extends HiBaseHTMLProps<'div'> {
+    innerRef?: React.RefObject<MenuSearchHelper>;
+    clearText?: React.ReactNode;
+    placeholder?: string;
+    notFoundContent?: React.ReactNode;
+    width?: React.CSSProperties['width'];
+    visible?: boolean;
+    data?: MenuDataItem[];
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onSelect?: (id: React.ReactText, item: MenuDataItem) => void;
+    onClear?: () => void;
+    onClose?: () => void;
+    onEsc?: () => void;
+}
+export declare const MenuSearchInput: React.ForwardRefExoticComponent<{
+    prefixCls: string;
+    placeholder?: string | undefined;
+    inputRef?: React.Dispatch<React.SetStateAction<HTMLInputElement | null>> | undefined;
+    width?: React.CSSProperties['width'];
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onClear?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    onKeyDown?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/lib/types/SideMenu.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+import { MenuDataItem } from './types';
+/**
+ * 侧边菜单组件
+ */
+export declare const SideMenu: React.ForwardRefExoticComponent<SideMenuProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface SideMenuProps extends Omit<HiBaseHTMLProps<'div'>, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
+    /**
+     * 侧边菜单宽度
+     */
+    width?: number;
+    /**
+     * 是否为迷你模式
+     */
+    mini?: boolean;
+    /**
+     * 默认激活的菜单项
+     */
+    defaultActiveId?: React.ReactText | null;
+    /**
+     * 激活的菜单项
+     */
+    activeId?: React.ReactText | null;
+    /**
+     * 选中的菜单项
+     */
+    selectedId?: React.ReactText | null;
+    /**
+     * 侧边菜单数据
+     */
+    data: MenuDataItem[];
+    /**
+     * 子菜单容器引用
+     */
+    childrenContainerRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * 点击侧边菜单项
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>, id: React.ReactText, item: MenuDataItem) => void;
+    /**
+     * 鼠标移入侧边菜单项
+     */
+    onMouseEnter?: (event: React.MouseEvent<HTMLDivElement>, id: React.ReactText, item: MenuDataItem) => void;
+    /**
+     * 鼠标移出侧边菜单项
+     */
+    onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>, id: React.ReactText, item: MenuDataItem) => void;
+}
+export declare const useSideMenuCascade: ({ data, selectId, activeId, }: {
+    data: MenuDataItem[];
+    selectId: React.ReactText;
+    activeId: React.ReactText;
+}) => {
+    submenuData: MenuDataItem[];
+    selectParentId: string | number;
+    activeParentId: string | number;
+};

package/lib/types/context.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 import { MenuDataItem } from './types';
 declare const MenuContext: React.Context<{
-    placement?: "vertical" | "horizontal" | undefined;
+    placement?: "horizontal" | "vertical" | undefined;
     expandedType?: "collapse" | "pop" | undefined;
     showAllSubMenus?: boolean | undefined;
     mini?: boolean | undefined;
+    showTitleOnMini?: boolean | undefined;
     expandedIds?: React.ReactText[] | undefined;
     activeId?: React.ReactText | undefined;
     activeParents?: React.ReactText[] | undefined;

package/lib/types/index.d.ts

@@ -2,5 +2,8 @@ import './styles/index.scss';
 export * from './Menu';
 export { Menu as default } from './Menu';
 export * from './Sidebar';
+export * from './MenuSearch';
+export * from './GroupMenu';
+export * from './SideMenu';
 export { filterTreeData, getParentId, getAncestorIds } from './util';
 export * from './types';

package/lib/types/util.d.ts

@@ -6,3 +6,19 @@ export declare const getAncestorIds: (id: string | number, data: Record<string,
 export declare const getIdsWithChildren: (treeData: MenuDataItem[]) => React.ReactText[];
 export declare const filterTreeData: (treeData: MenuDataItem[], searchKey: string, activeId: string | number) => MenuDataItem[];
 export declare const transformTreeData: (data: MenuDataItem[], fieldNames?: HiBaseFieldNames | undefined) => MenuDataItem[];
+/**
+ * 根据关键字匹配菜单数据的算法
+ * @param data 菜单数据数组
+ * @param keyword 搜索关键字
+ * @returns 匹配结果数组
+ */
+export declare function searchMenuByKeyword(data: MenuDataItem[], keyword: string): MenuDataItem[];
+export interface MenuSearchResult {
+    node: MenuDataItem;
+    path: MenuDataItem[];
+    level: number;
+}
+/**
+ * 增强版搜索函数，返回包含路径信息的结果
+ */
+export declare function searchMenuWithPath(data: MenuDataItem[], keyword: string): MenuSearchResult[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/menu",
-  "version": "4.3.2",
+  "version": "5.0.0-alpha.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -19,6 +19,7 @@
   "typings": "lib/types/index.d.ts",
   "exports": {
     ".": {
+      "types": "./lib/types/index.d.ts",
       "require": "./lib/cjs/index.js",
       "default": "./lib/esm/index.js"
     }
@@ -43,31 +44,38 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/array-utils": "^4.0.5",
-    "@hi-ui/classname": "^4.0.5",
-    "@hi-ui/env": "^4.0.5",
-    "@hi-ui/icons": "^4.0.19",
-    "@hi-ui/popper": "^4.1.5",
-    "@hi-ui/scrollbar": "^4.1.1",
-    "@hi-ui/times": "^4.0.4",
-    "@hi-ui/tooltip": "^4.0.11",
-    "@hi-ui/tree-utils": "^4.1.5",
-    "@hi-ui/type-assertion": "^4.0.4",
-    "@hi-ui/use-id": "^4.0.4",
-    "@hi-ui/use-merge-refs": "^4.0.4",
-    "@hi-ui/use-resize-observer": "^4.0.4",
-    "@hi-ui/use-toggle": "^4.0.4",
-    "@hi-ui/use-uncontrolled-state": "^4.0.4",
+    "@hi-ui/array-utils": "^5.0.0-alpha.0",
+    "@hi-ui/classname": "^5.0.0-alpha.0",
+    "@hi-ui/ellipsis-tooltip": "^5.0.0-alpha.0",
+    "@hi-ui/env": "^5.0.0-alpha.0",
+    "@hi-ui/highlighter": "^5.0.0-alpha.0",
+    "@hi-ui/icon-button": "^5.0.0-alpha.0",
+    "@hi-ui/icons": "^5.0.0-alpha.0",
+    "@hi-ui/input": "^5.0.0-alpha.0",
+    "@hi-ui/picker": "^5.0.0-alpha.0",
+    "@hi-ui/popper": "^5.0.0-alpha.0",
+    "@hi-ui/scrollbar": "^5.0.0-alpha.0",
+    "@hi-ui/times": "^5.0.0-alpha.0",
+    "@hi-ui/tooltip": "^5.0.0-alpha.0",
+    "@hi-ui/tree-utils": "^5.0.0-alpha.0",
+    "@hi-ui/type-assertion": "^5.0.0-alpha.0",
+    "@hi-ui/use-id": "^5.0.0-alpha.0",
+    "@hi-ui/use-latest": "^5.0.0-alpha.0",
+    "@hi-ui/use-merge-refs": "^5.0.0-alpha.0",
+    "@hi-ui/use-outside-click": "^5.0.0-alpha.0",
+    "@hi-ui/use-resize-observer": "^5.0.0-alpha.0",
+    "@hi-ui/use-toggle": "^5.0.0-alpha.0",
+    "@hi-ui/use-uncontrolled-state": "^5.0.0-alpha.0",
     "react-transition-group": "^4.4.2"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.8",
+    "@hi-ui/core": ">=5.0.0-alpha.0",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.8",
-    "@hi-ui/core-css": "^4.1.5",
+    "@hi-ui/core": "^5.0.0-alpha.0",
+    "@hi-ui/core-css": "^5.0.0-alpha.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }