@cloudtower/eagle 0.31.0 → 0.31.2

package/dist/src/coreX/Sider/Sider.type.d.ts

@@ -0,0 +1,42 @@
+import { SiderProps as AntdSiderProps } from "antd5/lib/layout/Sider";
+import { SrcType } from "../../core/BaseIcon";
+export type SiderMenuItem = {
+    icon: {
+        normal: SrcType;
+        active: SrcType;
+    };
+    title: string;
+    hidden?: boolean;
+    onClick?: (key: string) => void;
+    key: string;
+    disabled?: boolean;
+};
+export type SiderMenuItemGroup = {
+    key: string;
+    title: string;
+    hidden?: boolean;
+    /**
+     * 下面是否展示分割线
+     */
+    isShowDivider?: boolean;
+    items: SiderMenuItem[];
+};
+export type SiderProps = {
+    /**
+     * 侧边栏的配置
+     */
+    config: Array<SiderMenuItemGroup | SiderMenuItem>;
+    /**
+     * 选中高亮的 item 的 Key
+     */
+    selectedKeys: string[];
+    /**
+     * 收缩模式
+     */
+    isShrink?: boolean;
+    /**
+     * 点击 item 的回调
+     */
+    onClick?: (key: string) => void;
+    antdSiderProps: AntdSiderProps;
+};

package/dist/src/coreX/Sider/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { SiderProps } from "./Sider.type";
+declare const Sider: React.FC<SiderProps>;
+export default Sider;
+export * from "./Sider.type";

package/dist/src/coreX/index.d.ts

@@ -13,6 +13,7 @@ export * from "./I18nNameTag";
 export * from "./NamesTooltip";
 export * from "./OverflowTooltip";
 export * from "./SidebarSubtitle";
+export * from "./Sider";
 export * from "./SortableList";
 export * from "./SummaryTable";
 export * from "./SwitchWithText";
@@ -32,6 +33,7 @@ export { default as I18nNameTag } from "./I18nNameTag";
 export { default as NamesTooltip } from "./NamesTooltip";
 export { default as OverflowTooltip } from "./OverflowTooltip";
 export { default as SidebarSubtitle } from "./SidebarSubtitle";
+export { default as Sider } from "./Sider";
 export { default as SortableList } from "./SortableList";
 export { default as SummaryTable } from "./SummaryTable";
 export { default as SwitchWithText } from "./SwitchWithText";

package/dist/stories/docs/core/Sider.stories.d.ts

@@ -0,0 +1,21 @@
+import { SiderProps } from "../../../src/coreX/Sider";
+import { Meta, StoryObj } from "@storybook/react";
+/**
+ *
+ * Sider 组件用于展示侧边栏。
+ *
+ */
+declare const meta: Meta<SiderProps>;
+export default meta;
+/**
+ *
+ * Sider 的基本用法
+ *
+ */
+export declare const Default: StoryObj<SiderProps>;
+/**
+ *
+ * Sider 的收缩模式
+ *
+ */
+export declare const Shrink: StoryObj<SiderProps>;