@next-bricks/nav 0.9.2 → 0.9.3

package/dist/types.json

@@ -4,6 +4,244 @@
     "events": [],
     "methods": []
   },
+  "eo-app-bar-wrapper": {
+    "properties": [
+      {
+        "name": "isFixed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "position",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "static"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "fixed"
+            }
+          ]
+        }
+      },
+      {
+        "name": "displayCenter",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "extraAppBarContentStyle",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "qualifiedName",
+            "left": {
+              "type": "identifier",
+              "name": "React"
+            },
+            "right": {
+              "type": "identifier",
+              "name": "CSSProperties"
+            }
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "eo-frame-breadcrumb": {
+    "properties": [
+      {
+        "name": "breadcrumb",
+        "annotation": {
+          "type": "array",
+          "elementType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "BreadcrumbItemConf"
+            }
+          }
+        }
+      },
+      {
+        "name": "noCurrentApp",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "menu",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "Menu"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": [],
+    "types": [
+      {
+        "type": "interface",
+        "name": "Menu",
+        "body": [
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "title"
+            },
+            "annotation": {
+              "type": "keyword",
+              "value": "string"
+            },
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "icon"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "GeneralIconProps"
+              }
+            },
+            "optional": true,
+            "computed": false
+          },
+          {
+            "type": "propertySignature",
+            "key": {
+              "type": "identifier",
+              "name": "link"
+            },
+            "annotation": {
+              "type": "reference",
+              "typeName": {
+                "type": "identifier",
+                "name": "ExtendedLocationDescriptor"
+              }
+            },
+            "optional": true,
+            "computed": false
+          }
+        ]
+      }
+    ]
+  },
+  "eo-sidebar-menu-item": {
+    "properties": [
+      {
+        "name": "url",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "LinkProps"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "url"
+          }
+        }
+      },
+      {
+        "name": "href",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "LinkProps"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "href"
+          }
+        }
+      },
+      {
+        "name": "target",
+        "annotation": {
+          "type": "indexedAccess",
+          "objectType": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "LinkProps"
+            }
+          },
+          "indexType": {
+            "type": "jsLiteral",
+            "value": "target"
+          }
+        }
+      },
+      {
+        "name": "icon",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "GeneralIconProps"
+          }
+        }
+      },
+      {
+        "name": "selected",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "menuCollapsed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "eo-sidebar-sub-menu": {
+    "properties": [
+      {
+        "name": "menu",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "SidebarMenu"
+          }
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
   "eo-search-launchpad": {
     "properties": [],
     "events": [],
@@ -14,6 +252,202 @@
     "events": [],
     "methods": []
   },
+  "eo-sidebar-menu-group": {
+    "properties": [
+      {
+        "name": "collapsable",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "collapsed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "selected",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "menuCollapsed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "eo-sidebar-menu-submenu": {
+    "properties": [
+      {
+        "name": "icon",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "GeneralIconProps"
+          }
+        }
+      },
+      {
+        "name": "selected",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "collapsed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "menuCollapsed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "eo-sidebar-menu": {
+    "properties": [
+      {
+        "name": "menuCollapsed",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      }
+    ],
+    "events": [],
+    "methods": []
+  },
+  "eo-sidebar": {
+    "properties": [
+      {
+        "name": "menu",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "SidebarMenuType"
+          }
+        }
+      },
+      {
+        "name": "hiddenFixedIcon",
+        "annotation": {
+          "type": "keyword",
+          "value": "boolean"
+        }
+      },
+      {
+        "name": "expandedState",
+        "annotation": {
+          "type": "reference",
+          "typeName": {
+            "type": "identifier",
+            "name": "ExpandedState"
+          }
+        }
+      },
+      {
+        "name": "position",
+        "annotation": {
+          "type": "union",
+          "types": [
+            {
+              "type": "jsLiteral",
+              "value": "static"
+            },
+            {
+              "type": "jsLiteral",
+              "value": "fixed"
+            }
+          ]
+        }
+      }
+    ],
+    "events": [
+      {
+        "name": "actual.width.change",
+        "detail": {
+          "annotation": {
+            "type": "keyword",
+            "value": "number"
+          }
+        }
+      },
+      {
+        "name": "expanded.state.change",
+        "detail": {
+          "annotation": {
+            "type": "reference",
+            "typeName": {
+              "type": "identifier",
+              "name": "ExpandedState"
+            }
+          }
+        }
+      }
+    ],
+    "methods": [],
+    "types": [
+      {
+        "type": "enum",
+        "name": "ExpandedState",
+        "members": [
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "Collapsed"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "collapsed"
+            }
+          },
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "Hovered"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "hovered"
+            }
+          },
+          {
+            "type": "enumMember",
+            "id": {
+              "type": "identifier",
+              "name": "Expanded"
+            },
+            "initializer": {
+              "type": "jsLiteral",
+              "value": "expanded"
+            }
+          }
+        ]
+      }
+    ]
+  },
   "eo-launchpad-quick-access": {
     "properties": [],
     "events": [],

package/dist-types/app-bar-wrapper/index.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+export interface AppBarWrapperProps {
+    isFixed?: boolean;
+    position?: "static" | "fixed";
+    displayCenter?: boolean;
+    extraAppBarContentStyle?: React.CSSProperties;
+}
+/**
+ * 应用顶部容器
+ * @slot left - 左侧内容区
+ * @slot right - 右侧内容区
+ */
+export declare class EoAppBarWrapper extends ReactNextElement implements AppBarWrapperProps {
+    /**
+     * 是否固定定位。
+     *
+     * @default true
+     * @deprecated 使用 `position` 属性代替
+     */
+    accessor isFixed: boolean | undefined;
+    /**
+     * 设置定位方式：静态定位或固定定位。
+     *
+     * 设置时优先级高于 `isFixed`。
+     *
+     * @default "fixed"
+     */
+    accessor position: "static" | "fixed" | undefined;
+    /**
+     * 居中显示
+     * @default false
+     */
+    accessor displayCenter: boolean | undefined;
+    /** 自定义样式 */
+    accessor extraAppBarContentStyle: React.CSSProperties | undefined;
+    render(): React.JSX.Element;
+}
+export declare function EoAppBarWrapperComponent({ isFixed, position, displayCenter, extraAppBarContentStyle, }: AppBarWrapperProps): React.JSX.Element;

package/dist-types/app-bar-wrapper/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/bootstrap.d.ts

@@ -6,3 +6,11 @@ import "./easyops-navbar-alerts/index.js";
 import "./launchpad-quick-access/index.js";
 import "./search-launchpad/index.js";
 import "./launchpad-recent-visits/index.js";
+import "./app-bar-wrapper/index.js";
+import "./frame-breadcrumb/index.js";
+import "./sidebar/index.js";
+import "./sidebar/sidebar-menu-item/index.js";
+import "./sidebar/sidebar-menu-group/index.js";
+import "./sidebar/sidebar-menu-submenu/index.js";
+import "./sidebar/sidebar-menu/index.js";
+import "./sidebar-sub-menu/index.js";

package/dist-types/frame-breadcrumb/index.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import { BreadcrumbItemConf } from "@next-core/types";
+import "@next-core/theme";
+import type { GeneralIconProps } from "@next-bricks/icons/general-icon";
+import type { ExtendedLocationDescriptor } from "@next-bricks/basic/link";
+export interface Menu {
+    title: string;
+    icon?: GeneralIconProps;
+    link?: ExtendedLocationDescriptor;
+}
+export interface EoFrameBreadcrumbProps {
+    breadcrumb?: BreadcrumbItemConf[];
+    noCurrentApp?: boolean;
+    menu?: Menu;
+}
+/**
+ * 面包屑
+ */
+export declare class EoFrameBreadcrumb extends ReactNextElement implements EoFrameBreadcrumbProps {
+    /**
+     * 面包屑配置
+     */
+    accessor breadcrumb: BreadcrumbItemConf[] | undefined;
+    /**
+     * 是否隐藏当前应用名称
+     */
+    accessor noCurrentApp: boolean | undefined;
+    /**
+     * 菜单配置
+     */
+    accessor menu: Menu | undefined;
+    render(): React.JSX.Element;
+}
+export declare function EoFrameBreadcrumbComponent(props: EoFrameBreadcrumbProps): React.JSX.Element;

package/dist-types/frame-breadcrumb/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/sidebar/i18n.d.ts

@@ -0,0 +1,14 @@
+export declare enum K {
+    CLICK_TO_FIX_NAVIGATION = "CLICK_TO_FIX_NAVIGATION",
+    UNPIN_NAVIGATION = "UNPIN_NAVIGATION",
+    FIXED_NAVIGATION = "FIXED_NAVIGATION"
+}
+export declare const NS = "bricks/nav/eo-sidebar";
+export declare const locales: {
+    en: Locale;
+    zh: Locale;
+};
+type Locale = {
+    [key in K]: string;
+};
+export {};

package/dist-types/sidebar/index.d.ts

@@ -0,0 +1,52 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import type { SidebarMenu as SidebarMenuType } from "@next-shared/general/types";
+import "@next-core/theme";
+import { ExpandedState } from "./utils.js";
+export interface EoSidebarProps {
+    menu: SidebarMenuType;
+    expandedState?: ExpandedState;
+    hiddenFixedIcon?: boolean;
+    position?: "static" | "fixed";
+}
+export interface EoSidebarEvents {
+    "actual.width.change": CustomEvent<number>;
+    "expanded.state.change": CustomEvent<ExpandedState>;
+}
+export interface EoSidebarEventsMapping {
+    onActualWidthChange: "actual.width.change";
+    onExpandedStateChange: "expanded.state.change";
+}
+/**
+ * 侧边栏
+ *
+ * @category navigation
+ */
+export declare class EoSidebar extends ReactNextElement implements EoSidebarProps {
+    #private;
+    /**
+     * 菜单数据
+     */
+    accessor menu: SidebarMenuType;
+    /**
+     * 是否隐藏固定按钮
+     */
+    accessor hiddenFixedIcon: boolean | undefined;
+    /**
+     * 侧栏状态
+     */
+    accessor expandedState: ExpandedState | undefined;
+    /**
+     * 设置定位方式：静态定位或固定定位。
+     *
+     * @default "fixed"
+     */
+    accessor position: "static" | "fixed" | undefined;
+    render(): React.JSX.Element;
+}
+interface EoSidebarComponentProps extends EoSidebarProps {
+    onActualWidthChange?: (actualWidth: number) => void;
+    onExpandedStateChange?: (state: ExpandedState) => void;
+}
+export declare function EoSidebarComponent(props: EoSidebarComponentProps): React.JSX.Element;
+export {};

package/dist-types/sidebar/index.spec.d.ts

@@ -0,0 +1,5 @@
+import "./";
+import "./sidebar-menu";
+import "./sidebar-menu-group";
+import "./sidebar-menu-submenu";
+import "./sidebar-menu-item";

package/dist-types/sidebar/sidebar-menu/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+export interface EoSidebarMenuProps {
+    menuCollapsed?: boolean;
+}
+/**
+ * 侧栏菜单
+ *
+ * @category navigation
+ */
+export declare class EoSidebarMenu extends ReactNextElement implements EoSidebarMenuProps {
+    /**
+     * 菜单整体是否收起状态
+     */
+    accessor menuCollapsed: boolean | undefined;
+    render(): React.JSX.Element;
+}
+export declare function EoSidebarMenuComponent(props: EoSidebarMenuProps): React.JSX.Element;

package/dist-types/sidebar/sidebar-menu/index.spec.d.ts

@@ -0,0 +1 @@
+import "./index.jsx";

package/dist-types/sidebar/sidebar-menu-group/index.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { ReactNextElement } from "@next-core/react-element";
+import "@next-core/theme";
+export interface EoSidebarMenuGroupProps {
+    selected?: boolean;
+    collapsable?: boolean;
+    collapsed?: boolean;
+    menuCollapsed?: boolean;
+}
+/**
+ * 侧栏菜单分组
+ * @slot title - 分组标题
+ * @category navigation
+ */
+export declare class EoSidebarMenuGroup extends ReactNextElement implements EoSidebarMenuGroupProps {
+    #private;
+    /**
+     * 是否允许折叠
+     */
+    accessor collapsable: boolean;
+    /**
+     * 是否折叠
+     */
+    accessor collapsed: boolean | undefined;
+    /**
+     * 是否选中
+     * */
+    accessor selected: boolean | undefined;
+    /**
+     * 菜单整体是否收起状态
+     */
+    accessor menuCollapsed: boolean | undefined;
+    render(): React.JSX.Element;
+}
+interface EoSidebarMenuGroupComponentProps extends EoSidebarMenuGroupProps {
+    onCollapseChange?: (collapsed: boolean) => void;
+}
+export declare function EoSidebarMenuGroupComponent(props: EoSidebarMenuGroupComponentProps): React.JSX.Element;
+export {};

package/dist-types/sidebar/sidebar-menu-group/index.spec.d.ts

@@ -0,0 +1 @@
+import "./index.jsx";