@hsu-react/ui 2.0.0 → 2.0.1

package/es/layout/Breadcrumb/index.d.ts

@@ -8,7 +8,7 @@ export interface BreadcrumbType extends Omit<ItemType, "children"> {
     route?: RouteType;
     index?: boolean;
 }
-interface BreadcrumbProps {
+export interface BreadcrumbProps {
     router: RouteType[];
     className?: string;
 }

package/es/layout/Header/index.d.ts

@@ -18,7 +18,7 @@ export interface AccountAction {
     /** 危险动作（退出登录之类），悬浮态用红色区分 */
     danger?: boolean;
 }
-interface HeaderProps {
+export interface HeaderProps {
     router: Parameters<typeof Breadcrumb>[0]["router"];
     collapsed: boolean;
     onToggleCollapsed: () => void;

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

@@ -16,7 +16,7 @@ export type MenuType = ItemType & {
     renderLabel?: (label: string) => ReactNode;
     parent?: MenuType;
 };
-interface MenuProps extends AntdMenuProps {
+export interface MenuProps extends AntdMenuProps {
     router: RouteType[];
     collapsed?: boolean;
     menuItems?: MenuType[];

package/es/layout/index.d.ts

@@ -18,6 +18,17 @@ import Theme from "./Theme";
 import I18nStore from "./I18n/I18nStore";
 import ThemeStore from "./Theme/ThemeStore";
 export type { RouteType, MetaType } from "./types";
+/**
+ * 各组件的公开类型。第一个真实消费方（vita-admin-starter）一上来就需要 `AccountAction`
+ * 与 `MenuType` —— 前者用来声明账号菜单，后者用来存 mixed 布局回传的子项。它们原本只在
+ * 各自模块里导出，消费方只能写 `@hsu-react/ui/es/layout/Header` 这种深路径，等于把内部
+ * 目录结构变成公开契约。统一从这里出。
+ */
+export type { AccountAction, HeaderProps } from "./Header";
+export type { MenuType, MenuProps } from "./Menu";
+export type { TabType, NavTabBarProps } from "./NavTabBar";
+export type { BreadcrumbType, BreadcrumbProps } from "./Breadcrumb";
+export type { InternationalizationProps } from "./I18n";
 export type { ThemeProps } from "./Theme";
 export { default as useSetTabTitle, NavTabBarTitleContent } from "./_hooks/useSetTabTitle";
 export { default as useReload, ReloadContent } from "./_hooks/useReload";

package/es/layout/index.js

@@ -17,6 +17,14 @@ import NavTabBar from "./NavTabBar";
 import Theme from "./Theme";
 import I18nStore from "./I18n/I18nStore";
 import ThemeStore from "./Theme/ThemeStore";
+
+/**
+ * 各组件的公开类型。第一个真实消费方（vita-admin-starter）一上来就需要 `AccountAction`
+ * 与 `MenuType` —— 前者用来声明账号菜单，后者用来存 mixed 布局回传的子项。它们原本只在
+ * 各自模块里导出，消费方只能写 `@hsu-react/ui/es/layout/Header` 这种深路径，等于把内部
+ * 目录结构变成公开契约。统一从这里出。
+ */
+
 export { default as useSetTabTitle, NavTabBarTitleContent } from "./_hooks/useSetTabTitle";
 export { default as useReload, ReloadContent } from "./_hooks/useReload";
 export { default as useDropTab, NavTabBarContent } from "./_hooks/useDropTab";

package/lib/layout/Breadcrumb/index.d.ts

@@ -8,7 +8,7 @@ export interface BreadcrumbType extends Omit<ItemType, "children"> {
     route?: RouteType;
     index?: boolean;
 }
-interface BreadcrumbProps {
+export interface BreadcrumbProps {
     router: RouteType[];
     className?: string;
 }

package/lib/layout/Header/index.d.ts

@@ -18,7 +18,7 @@ export interface AccountAction {
     /** 危险动作（退出登录之类），悬浮态用红色区分 */
     danger?: boolean;
 }
-interface HeaderProps {
+export interface HeaderProps {
     router: Parameters<typeof Breadcrumb>[0]["router"];
     collapsed: boolean;
     onToggleCollapsed: () => void;

package/lib/layout/Menu/index.d.ts

@@ -16,7 +16,7 @@ export type MenuType = ItemType & {
     renderLabel?: (label: string) => ReactNode;
     parent?: MenuType;
 };
-interface MenuProps extends AntdMenuProps {
+export interface MenuProps extends AntdMenuProps {
     router: RouteType[];
     collapsed?: boolean;
     menuItems?: MenuType[];

package/lib/layout/index.d.ts

@@ -18,6 +18,17 @@ import Theme from "./Theme";
 import I18nStore from "./I18n/I18nStore";
 import ThemeStore from "./Theme/ThemeStore";
 export type { RouteType, MetaType } from "./types";
+/**
+ * 各组件的公开类型。第一个真实消费方（vita-admin-starter）一上来就需要 `AccountAction`
+ * 与 `MenuType` —— 前者用来声明账号菜单，后者用来存 mixed 布局回传的子项。它们原本只在
+ * 各自模块里导出，消费方只能写 `@hsu-react/ui/es/layout/Header` 这种深路径，等于把内部
+ * 目录结构变成公开契约。统一从这里出。
+ */
+export type { AccountAction, HeaderProps } from "./Header";
+export type { MenuType, MenuProps } from "./Menu";
+export type { TabType, NavTabBarProps } from "./NavTabBar";
+export type { BreadcrumbType, BreadcrumbProps } from "./Breadcrumb";
+export type { InternationalizationProps } from "./I18n";
 export type { ThemeProps } from "./Theme";
 export { default as useSetTabTitle, NavTabBarTitleContent } from "./_hooks/useSetTabTitle";
 export { default as useReload, ReloadContent } from "./_hooks/useReload";

package/lib/layout/index.js

@@ -66,6 +66,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 只负责外观三态（light / dark / 跟随系统）与侧栏导航的专属配色。
  */
 
+/**
+ * 各组件的公开类型。第一个真实消费方（vita-admin-starter）一上来就需要 `AccountAction`
+ * 与 `MenuType` —— 前者用来声明账号菜单，后者用来存 mixed 布局回传的子项。它们原本只在
+ * 各自模块里导出，消费方只能写 `@hsu-react/ui/es/layout/Header` 这种深路径，等于把内部
+ * 目录结构变成公开契约。统一从这里出。
+ */
+
 /**
  * 显式标注这个命名空间的类型，而不是让 TS 去推断。
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hsu-react/ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "一套基于 React + Ant Design 的中后台业务组件库",
   "license": "MIT",
   "type": "module",

package/src/layout/Breadcrumb/index.tsx

@@ -23,7 +23,7 @@ export interface BreadcrumbType extends Omit<ItemType, "children"> {
   index?: boolean;
 }
 
-interface BreadcrumbProps {
+export interface BreadcrumbProps {
   router: RouteType[];
   className?: string;
 }

package/src/layout/Header/index.md

@@ -79,6 +79,21 @@ import Layout from "@hsu-react/ui/es/layout";
 
 顺序上，`ConfigProvider` 在最外层（它提供令牌与 antd 主题），`Layout.Theme` 在内层（它只管外观三态与侧栏配色，不重复做全局主题）。
 
+## 类型
+
+组件用到的公开类型都从 `@hsu-react/ui/es/layout` 出，不要深路径引到各组件目录里去：
+
+```ts | pure
+import type {
+  RouteType, MetaType,          // 路由与其附加信息
+  AccountAction, HeaderProps,   // 顶栏
+  MenuType, MenuProps,          // 菜单
+  TabType, NavTabBarProps,      // 页签栏
+  BreadcrumbType, BreadcrumbProps,
+  InternationalizationProps, ThemeProps,
+} from "@hsu-react/ui/es/layout";
+```
+
 ## 样式
 
 顶栏的样式是**跟着组件发的**，引入组件即可，不需要在应用里另外准备一份全局 CSS。

package/src/layout/Header/index.tsx

@@ -40,7 +40,7 @@ export interface AccountAction {
   danger?: boolean;
 }
 
-interface HeaderProps {
+export interface HeaderProps {
   router: Parameters<typeof Breadcrumb>[0]["router"];
   collapsed: boolean;
   onToggleCollapsed: () => void;

package/src/layout/Menu/index.tsx

@@ -29,7 +29,7 @@ export type MenuType = ItemType & {
   parent?: MenuType;
 };
 
-interface MenuProps extends AntdMenuProps {
+export interface MenuProps extends AntdMenuProps {
   router: RouteType[];
   collapsed?: boolean;
   menuItems?: MenuType[];

package/src/layout/index.ts

@@ -20,6 +20,18 @@ import I18nStore from "./I18n/I18nStore";
 import ThemeStore from "./Theme/ThemeStore";
 
 export type { RouteType, MetaType } from "./types";
+
+/**
+ * 各组件的公开类型。第一个真实消费方（vita-admin-starter）一上来就需要 `AccountAction`
+ * 与 `MenuType` —— 前者用来声明账号菜单，后者用来存 mixed 布局回传的子项。它们原本只在
+ * 各自模块里导出，消费方只能写 `@hsu-react/ui/es/layout/Header` 这种深路径，等于把内部
+ * 目录结构变成公开契约。统一从这里出。
+ */
+export type { AccountAction, HeaderProps } from "./Header";
+export type { MenuType, MenuProps } from "./Menu";
+export type { TabType, NavTabBarProps } from "./NavTabBar";
+export type { BreadcrumbType, BreadcrumbProps } from "./Breadcrumb";
+export type { InternationalizationProps } from "./I18n";
 export type { ThemeProps } from "./Theme";
 
 export { default as useSetTabTitle, NavTabBarTitleContent } from "./_hooks/useSetTabTitle";