@creekjs/web-components 1.0.5 → 1.0.7

package/.turbo/turbo-father$colon$build.log

@@ -1,39 +1,55 @@
 
 
-> @creekjs/web-components@1.0.4 father:build /Users/ernestwang/Documents/code-resoorce/creek/packages/web-components
+> @creekjs/web-components@1.0.7 father:build /Users/ernestwang/Documents/code-resoorce/creek/packages/web-components
 > father build
 
 info  - Clean output directories
 info  - Bundless for src directory to cjs format
 event - Bundless CreekConfigContext.tsx to dist/creek-config-provider/CreekConfigContext.js (with declaration)
+event - Bundless ModalHelper.tsx to dist/creek-hooks/useApp/ModalHelper.js (with declaration)
+event - Bundless index.tsx to dist/creek-config-provider/index.js (with declaration)
 event - Bundless index.ts to dist/creek-hooks/index.js (with declaration)
-event - Bundless DrawerHelper.tsx to dist/creek-hooks/useApp/DrawerHelper.js (with declaration)
 event - Bundless index.tsx to dist/creek-hooks/useApp/index.js (with declaration)
-event - Bundless index.tsx to dist/creek-config-provider/index.js (with declaration)
-event - Bundless index.tsx to dist/creek-icon/index.js (with declaration)
 event - Bundless types.ts to dist/creek-hooks/useApp/types.js (with declaration)
-event - Bundless ModalHelper.tsx to dist/creek-hooks/useApp/ModalHelper.js (with declaration)
+event - Bundless DrawerHelper.tsx to dist/creek-hooks/useApp/DrawerHelper.js (with declaration)
 event - Bundless useViewportHeight.tsx to dist/creek-hooks/useViewportHeight.js (with declaration)
+event - Bundless CreekI18nProvider.tsx to dist/creek-config-provider/CreekI18nProvider.js (with declaration)
+event - Bundless index.tsx to dist/creek-keep-alive/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-icon/index.js (with declaration)
 event - Bundless FullScreen.tsx to dist/creek-layout/ActionRender/FullScreen.js (with declaration)
 event - Bundless CollapseButton.tsx to dist/creek-layout/CollapseButton.js (with declaration)
+event - Bundless NotFoundPage.tsx to dist/creek-layout/Exception/NotFoundPage.js (with declaration)
 event - Bundless index.tsx to dist/creek-layout/Exception/index.js (with declaration)
-event - Bundless index.tsx to dist/creek-keep-alive/index.js (with declaration)
-event - Bundless UserInfo.tsx to dist/creek-layout/ActionRender/UserInfo.js (with declaration)
-event - Bundless index.tsx to dist/creek-layout/ActionRender/index.js (with declaration)
 event - Bundless NotFound.tsx to dist/creek-layout/Exception/NotFound.js (with declaration)
-event - Bundless NotFoundPage.tsx to dist/creek-layout/Exception/NotFoundPage.js (with declaration)
+event - Bundless index.tsx to dist/creek-layout/ActionRender/index.js (with declaration)
+event - Bundless LayoutSettings.tsx to dist/creek-layout/ActionRender/LayoutSettings.js (with declaration)
+event - Bundless UserInfo.tsx to dist/creek-layout/ActionRender/UserInfo.js (with declaration)
 event - Bundless index.tsx to dist/creek-loading/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-locale-button/index.js (with declaration)
+event - Bundless index.ts to dist/creek-style/index.js (with declaration)
 event - Bundless index.tsx to dist/creek-layout/index.js (with declaration)
+event - Bundless scrollbar.ts to dist/creek-style/scrollbar.js (with declaration)
+event - Bundless useLayoutSettingsStore.ts to dist/creek-layout/useLayoutSettingsStore.js (with declaration)
+event - Bundless index.tsx to dist/creek-table/components/index.js (with declaration)
+event - Bundless EllipsisTooltip.tsx to dist/creek-table/components/EllipsisTooltip.js (with declaration)
 event - Bundless index.ts to dist/creek-table/hooks/index.js (with declaration)
-event - Bundless useAutoWidthColumns.tsx to dist/creek-table/hooks/useAutoWidthColumns.js (with declaration)
 event - Bundless useAdaptiveToolBar.tsx to dist/creek-table/hooks/useAdaptiveToolBar.js (with declaration)
+event - Bundless index.tsx to dist/creek-page-container/index.js (with declaration)
+event - Bundless useStatusColumns.tsx to dist/creek-table/hooks/useStatusColumns.js (with declaration)
+event - Bundless useEllipsisColumns.tsx to dist/creek-table/hooks/useEllipsisColumns.js (with declaration)
+event - Bundless useIndexColumn.tsx to dist/creek-table/hooks/useIndexColumn.js (with declaration)
+event - Bundless index.tsx to dist/creek-table/index.js (with declaration)
+event - Bundless useAutoWidthColumns.tsx to dist/creek-table/hooks/useAutoWidthColumns.js (with declaration)
 event - Bundless useElementDistance.tsx to dist/creek-table/hooks/useElementDistance.js (with declaration)
+event - Bundless DensityIcon.tsx to dist/creek-table/components/DensityIcon.js (with declaration)
+event - Bundless useResizableColumns.tsx to dist/creek-table/hooks/useResizableColumns.js (with declaration)
+event - Bundless useTableScrollHeight.tsx to dist/creek-table/hooks/useTableScrollHeight.js (with declaration)
+event - Bundless useTableOptions.tsx to dist/creek-table/hooks/useTableOptions.js (with declaration)
 event - Bundless SearchTable.tsx to dist/creek-table/SearchTable.js (with declaration)
-event - Bundless TableOptionRender.tsx to dist/creek-table/TableOptionRender.js (with declaration)
-event - Bundless index.tsx to dist/index.js (with declaration)
 event - Bundless type.ts to dist/creek-table/type.js (with declaration)
-event - Bundless useTableScrollHeight.tsx to dist/creek-table/hooks/useTableScrollHeight.js (with declaration)
-event - Bundless index.tsx to dist/creek-table/index.js (with declaration)
-event - Bundless toolBarRender.tsx to dist/creek-table/toolBarRender.js (with declaration)
+event - Bundless i18n.ts to dist/utils/i18n.js (with declaration)
+event - Bundless en-US.ts to dist/locales/en-US.js (with declaration)
+event - Bundless zh-CN.ts to dist/locales/zh-CN.js (with declaration)
+event - Bundless index.tsx to dist/index.js (with declaration)
 event - Generate declaration files...
-event - Transformed successfully in 5787 ms (30 files)
+event - Transformed successfully in 3814 ms (46 files)

package/README.md

@@ -31,19 +31,37 @@ import { CreekLayout } from '@creekjs/web-components';
 
 function App() {
   return (
-    <CreekLayout>
+    <CreekLayout
+      showFullScreen={true}
+      showLocaleButton={true}
+      showSettingsButton={true}
+      keepAlive={true}
+    >
       {/* 你的页面内容 */}
     </CreekLayout>
   );
 }
 ```
 
+**新增 API 属性**:
+| 属性 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| `runtimeConfig` | 运行时布局配置 | `ProLayoutProps` | 必填 |
+| `userConfig` | 用户自定义布局配置 | `ProLayoutProps` | - |
+| `navigate` | 路由跳转方法 | `(path?: string \| number) => void` | - |
+| `showFullScreen` | 是否展示顶部全屏切换按钮 | `boolean` | `false` |
+| `showLocaleButton` | 是否展示顶部国际化切换按钮 | `boolean` | `true` |
+| `showSettingsButton` | 是否展示顶部系统设置按钮 | `boolean` | `true` |
+| `keepAlive` | 是否开启多标签页缓存能力 | `boolean \| CreekKeepAliveProps` | `true` |
+| `initialInfo` | 初始化信息 (如 Umi 的 initialState) | `{ initialState: any; loading: boolean; setInitialState: () => void }` | - |
+| `extraActions` | 顶部右侧额外注入的操作区域节点 | `React.ReactNode[]` | `[]` |
+
 **特性**:
-- 响应式布局
-- 侧边栏折叠
-- 面包屑导航
+- 响应式布局 & 侧边栏折叠
+- 面包屑导航与页面保活 (`CreekKeepAlive`)
 - 异常页面处理
-- 头部内容自定义
+- 内置全屏、国际化、以及**主题配置抽屉 (LayoutSettings)**
+- 支持动态修改主题色并同步影响所有链接和组件 (`colorPrimary` / `colorLink`)
 
 #### BgCenter
 背景居中组件，用于页面背景处理。
@@ -56,58 +74,10 @@ import { BgCenter } from '@creekjs/web-components';
 </BgCenter>
 ```
 
-### 🔍 搜索组件
-
-#### CreekSearch
-高级搜索组件，支持多种搜索条件和筛选器。
-
-```tsx
-import { CreekSearch } from '@creekjs/web-components';
-
-const searchConfig = {
-  fields: [
-    {
-      name: 'keyword',
-      label: '关键词',
-      type: 'input'
-    },
-    {
-      name: 'status',
-      label: '状态',
-      type: 'select',
-      options: [
-        { label: '启用', value: 'active' },
-        { label: '禁用', value: 'inactive' }
-      ]
-    }
-  ]
-};
-
-function SearchDemo() {
-  const handleSearch = (values) => {
-    console.log('搜索条件:', values);
-  };
-
-  return (
-    <CreekSearch
-      config={searchConfig}
-      onSearch={handleSearch}
-    />
-  );
-}
-```
-
-**特性**:
-- 多种搜索字段类型
-- 搜索条件显示
-- 值选择器
-- 搜索输入框
-- 筛选器显示
-
 ### 📊 表格组件
 
 #### CreekTable
-增强型表格组件，基于 Ant Design Pro Table。
+基于 Ant Design ProTable 的增强型业务表格组件。它在 `ProTable` 的基础上解决了高度计算、列宽自适应、表头溢出、列宽拖拽等常见痛点，真正做到开箱即用。
 
 ```tsx
 import { CreekTable } from '@creekjs/web-components';
@@ -117,15 +87,18 @@ const columns = [
     title: '姓名',
     dataIndex: 'name',
     key: 'name',
+    width: 120,
   },
   {
     title: '年龄',
     dataIndex: 'age',
     key: 'age',
+    width: 80,
   },
   {
     title: '操作',
     key: 'action',
+    // 开启自动宽度测量后，无需硬编码固定宽度，系统会自动测量其内部元素宽度
     render: (_, record) => (
       <a onClick={() => handleEdit(record)}>编辑</a>
     ),
@@ -146,22 +119,36 @@ function TableDemo() {
         };
       }}
       rowKey="id"
+      // 增强特性配置：
+      pageFixedBottom={true} // 分页器是否始终固定在底部
+      showIndex={true} // 是否自动展示序号列 (支持翻页连续计算)
+      resizable={true} // 是否支持拖拽调整列宽
     />
   );
 }
 ```
 
-**特性**:
-- 搜索表格集成
-- 工具栏渲染
-- 表格视图内容
-- 表格选项渲染
-- 自定义 hooks 支持
+**新增 API 属性**:
+| 属性 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| `pageFixedBottom` | 是否自动计算高度并将分页器固定在底部 | `boolean` | `true` |
+| `pageFixedBottomConfig` | 固定在底部时的细粒度配置（如额外保留底部空间） | `{ bottomFix?: number }` | - |
+| `showIndex` | 是否自动生成全局连续的序号列 | `boolean` | `true` |
+| `resizable` | 是否支持拖拽调整列宽（需在 column 配置 width） | `boolean` | `true` |
+| `scrollbarColumn` | 是否自动追加一个滚动条占位列，防止滚动条遮挡内容 | `boolean \| number` | `true` (宽度 17px) |
+
+**增强特性**:
+- **自动高度计算 (`useTableScrollHeight`)**：根据页面剩余空间自动计算表格内容区域高度 (`scroll.y`)，确保分页器固定在底部 (`pageFixedBottom: true`)，页面不会出现双滚动条。
+- **自动列宽计算 (`useAutoWidthColumns`)**：智能测量并分配操作列或动态内容列的宽度，防止内容被截断或挤压。
+- **内置拖拽列宽 (`useResizableColumns`)**：开箱即用的列宽拖拽调整能力 (`resizable: true`)。
+- **自动序号列 (`useIndexColumn`)**：一行配置 (`showIndex: true`) 即可生成全局连续的序号列（自动处理翻页逻辑）。
+- **默认截断省略 (`useEllipsisColumns`)**：默认开启所有文本列的溢出省略 (`ellipsis: true`)。
+- **布局优化 (`useTableOptions`)**：自带默认紧凑型布局，没有 HeaderTitle 时操作栏自动左对齐。
 
 ### ⚙️ 配置组件
 
 #### CreekConfigProvider
-全局配置提供者，管理主题和全局设置。
+全局配置提供者，整合了 `antd` 的 `ConfigProvider` 和全局上下文，自动接收并应用 `useLayoutSettingsStore` 中持久化的主题设置。
 
 ```tsx
 import { CreekConfigProvider } from '@creekjs/web-components';
@@ -170,8 +157,9 @@ function App() {
   return (
     <CreekConfigProvider
       theme={{
-        primaryColor: '#1890ff',
-        // 其他主题配置
+        token: {
+          colorPrimary: '#00c07f', // 默认主色调
+        }
       }}
     >
       <YourApp />
@@ -180,6 +168,71 @@ function App() {
 }
 ```
 
+**特性**:
+- 内置 `useApp` 机制，提供命令式弹窗/抽屉（`drawer.open` / `modal.open`）
+- 内置 `CreekI18nProvider` 处理多语言
+- 自动合并用户在设置抽屉中修改的 `colorPrimary`（并将其同步为 `colorLink` 的颜色）
+
+### 🛠️ Hook 扩展
+
+#### useApp (弹窗/抽屉快捷调用)
+提供了一套基于上下文的快捷方法，用于在应用任何地方命令式地调起 `Modal` 或 `Drawer`，并特别支持了针对 `@ant-design/pro-components` 的 `ModalForm` 和 `DrawerForm` 的无缝集成。
+
+**核心优势**：
+- **告别 `visible` / `open` state**：不再需要在父组件中维护一堆开关状态和冗长的 JSX 标签。
+- **自动上下文继承**：基于 `CreekConfigProvider` 内部包裹的 `AppProvider`，弹出的弹窗/抽屉天然继承 Redux/Zustand、React Router、以及 i18n 等所有上下文（不像传统的 `Modal.confirm` 会丢失上下文）。
+- **原生支持 ProForm**：提供了 `openForm` 方法，专门用于挂载 `ModalForm` / `DrawerForm`，表单的 `onFinish` 等逻辑均可正常运作。
+
+**使用示例：**
+
+```tsx
+import { useApp } from '@creekjs/web-components';
+import { Button, Form, Input } from 'antd';
+import { ModalForm, ProFormText } from '@ant-design/pro-components';
+
+export default function Demo() {
+  const { modal, drawer } = useApp();
+
+  // 1. 打开普通弹窗
+  const handleOpenNormalModal = () => {
+    modal.open({
+      title: '普通弹窗',
+      content: <div>这里是弹窗内容</div>,
+      onOk: () => {
+        console.log('点击了确定');
+        modal.close();
+      }
+    });
+  };
+
+  // 2. 打开表单抽屉 (DrawerForm)
+  const handleOpenFormDrawer = () => {
+    drawer.openForm({
+      title: '新建用户',
+      width: 400,
+      content: (
+        <>
+          <ProFormText name="username" label="用户名" rules={[{ required: true }]} />
+          <ProFormText name="email" label="邮箱" />
+        </>
+      ),
+      onFinish: async (values) => {
+        console.log('表单提交:', values);
+        // 返回 true 会自动关闭抽屉
+        return true; 
+      }
+    });
+  };
+
+  return (
+    <div style={{ display: 'flex', gap: 16 }}>
+      <Button onClick={handleOpenNormalModal}>打开弹窗</Button>
+      <Button type="primary" onClick={handleOpenFormDrawer}>打开表单抽屉</Button>
+    </div>
+  );
+}
+```
+
 ### 🎯 工具组件
 
 #### CreekIcon
@@ -289,6 +342,4 @@ pnpm run father:build
 2. **文件结构**：每个组件一个文件夹
 3. **类型定义**：使用 TypeScript 严格模式
 4. **样式方案**：使用 `antd-style`
-5. **状态管理**：使用 `zustand`
-
-### 组件结构示例
+5. **状态管理**：使用 `zustand`

package/dist/creek-config-provider/CreekConfigContext.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 export type CreekConfigContextProps = {
     iconFontCNs?: string[];
+    /**
+     * 国际化语言包
+     */
+    locale?: Record<string, string>;
 };
 export declare const CreekConfigContext: import("react").Context<CreekConfigContextProps>;

package/dist/creek-config-provider/CreekConfigContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-config-provider/CreekConfigContext.tsx"],
-  "sourcesContent": ["import { createContext } from 'react';\n\nexport type CreekConfigContextProps = {\n  iconFontCNs?: string[]\n};\n\nexport const CreekConfigContext = createContext<CreekConfigContextProps>({});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAMvB,IAAM,yBAAqB,4BAAuC,CAAC,CAAC;",
+  "sourcesContent": ["import { createContext } from 'react';\n\nexport type CreekConfigContextProps = {\n  iconFontCNs?: string[];\n  /**\n   * 国际化语言包\n   */\n  locale?: Record<string, string>;\n};\n\nexport const CreekConfigContext = createContext<CreekConfigContextProps>({});\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAUvB,IAAM,yBAAqB,4BAAuC,CAAC,CAAC;",
   "names": []
 }

package/dist/creek-config-provider/CreekI18nProvider.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+export interface CreekI18nProviderProps {
+    children?: ReactNode;
+    /**
+     * 语言标识
+     * @default 'zh-CN'
+     */
+    locale?: string;
+    /**
+     * 国际化语言包，透传给 react-intl
+     */
+    messages?: Record<string, string>;
+}
+export declare const LocaleContext: import("react").Context<{
+    locale: string;
+    changeLocale: (lang: string) => void;
+}>;
+export declare const useAppLocale: () => {
+    locale: string;
+    changeLocale: (lang: string) => void;
+};
+export declare const CreekI18nProvider: (props: CreekI18nProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-config-provider/CreekI18nProvider.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-config-provider/CreekI18nProvider.tsx
+var CreekI18nProvider_exports = {};
+__export(CreekI18nProvider_exports, {
+  CreekI18nProvider: () => CreekI18nProvider,
+  LocaleContext: () => LocaleContext,
+  useAppLocale: () => useAppLocale
+});
+module.exports = __toCommonJS(CreekI18nProvider_exports);
+var import_react = require("react");
+var import_react2 = require("@creekjs/i18n/react");
+var import_en_US = __toESM(require("../locales/en-US"));
+var import_zh_CN = __toESM(require("../locales/zh-CN"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_LOCALE = "zh-CN";
+var MESSAGES_MAP = {
+  [DEFAULT_LOCALE]: import_zh_CN.default,
+  "en-US": import_en_US.default
+};
+var LocaleContext = (0, import_react.createContext)({
+  locale: (0, import_react2.getLocale)() || DEFAULT_LOCALE,
+  changeLocale: (lang) => {
+  }
+});
+var useAppLocale = () => (0, import_react.useContext)(LocaleContext);
+var CreekI18nProvider = (props) => {
+  var _a;
+  const { children, locale, messages } = props;
+  const parentIntl = (0, import_react.useContext)(import_react2.IntlContext);
+  const [intl, setIntl] = (0, import_react.useState)(() => (0, import_react2.getIntl)());
+  const changeLocale = (0, import_react.useCallback)((lang) => {
+    (0, import_react2.setLocale)(lang, false);
+    setIntl((0, import_react2.getIntl)());
+  }, []);
+  const currentLocale = (intl == null ? void 0 : intl.locale) || locale || (parentIntl == null ? void 0 : parentIntl.locale) || DEFAULT_LOCALE;
+  const intlConfig = parentIntl || intl || {};
+  const safeConfig = {
+    formats: intlConfig.formats,
+    defaultLocale: intlConfig.defaultLocale,
+    defaultFormats: intlConfig.defaultFormats,
+    onError: intlConfig.onError
+  };
+  let baseMessages = {};
+  if (parentIntl && parentIntl.locale === currentLocale) {
+    baseMessages = parentIntl.messages;
+  } else {
+    baseMessages = ((_a = (0, import_react2.getIntl)()) == null ? void 0 : _a.messages) || {};
+  }
+  const finalMessages = {
+    ...baseMessages,
+    ...MESSAGES_MAP[currentLocale] || import_zh_CN.default,
+    ...messages || {}
+  };
+  (0, import_react.useEffect)(() => {
+    (0, import_react2.setLocaleMessages)(currentLocale, finalMessages);
+  }, [currentLocale, finalMessages]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.IntlProvider, { ...safeConfig, locale: currentLocale, messages: finalMessages, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LocaleContext.Provider, { value: { locale: currentLocale, changeLocale }, children }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekI18nProvider,
+  LocaleContext,
+  useAppLocale
+});
+//# sourceMappingURL=CreekI18nProvider.js.map

package/dist/creek-config-provider/CreekI18nProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-config-provider/CreekI18nProvider.tsx"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useState } from 'react';\n\nimport { IntlContext, IntlProvider, getIntl, getLocale, setLocale, setLocaleMessages } from '@creekjs/i18n/react';\n\nimport enUS from '../locales/en-US';\nimport zhCN from '../locales/zh-CN';\n\nconst DEFAULT_LOCALE = 'zh-CN';\n\nexport interface CreekI18nProviderProps {\n  children?: ReactNode;\n  /**\n   * 语言标识\n   * @default 'zh-CN'\n   */\n  locale?: string;\n  /**\n   * 国际化语言包，透传给 react-intl\n   */\n  messages?: Record<string, string>;\n}\n\nconst MESSAGES_MAP: Record<string, Record<string, string>> = {\n  [DEFAULT_LOCALE]: zhCN,\n  'en-US': enUS,\n};\n\nexport const LocaleContext = createContext({\n  locale: getLocale() || DEFAULT_LOCALE,\n  changeLocale: (lang: string) => {},\n});\n\nexport const useAppLocale = () => useContext(LocaleContext);\n\nexport const CreekI18nProvider = (props: CreekI18nProviderProps) => {\n  const { children, locale, messages } = props;\n\n  // Try to get parent intl context\n  const parentIntl = useContext(IntlContext);\n\n  const [intl, setIntl] = useState(() => getIntl());\n\n  const changeLocale = useCallback((lang: string) => {\n    setLocale(lang, false);\n    setIntl(getIntl());\n  }, []);\n\n  // 1. 确定最终生效的 locale\n  // 优先级：当前组件内部的 state > props.locale > parentIntl.locale > 全局默认\n  const currentLocale = intl?.locale || locale || parentIntl?.locale || DEFAULT_LOCALE;\n\n  // 2. 提取父级上下文的安全配置 (避免将 IntlShape 的内部方法直接传给 IntlProvider)\n  const intlConfig = parentIntl || intl || {};\n  const safeConfig = {\n    formats: intlConfig.formats,\n    defaultLocale: intlConfig.defaultLocale,\n    defaultFormats: intlConfig.defaultFormats,\n    onError: intlConfig.onError,\n  };\n\n  // 3. 确定最终的 messages\n  // 避免使用 stale 的 parentIntl.messages\n  let baseMessages = {};\n  if (parentIntl && parentIntl.locale === currentLocale) {\n    baseMessages = parentIntl.messages;\n  } else {\n    baseMessages = getIntl()?.messages || {};\n  }\n\n  const finalMessages = {\n    ...baseMessages,\n    ...(MESSAGES_MAP[currentLocale] || zhCN),\n    ...(messages || {}),\n  };\n\n  // 4. 同步给全局 globalIntl，确保非 React 组件能够拿到\n  useEffect(() => {\n    setLocaleMessages(currentLocale, finalMessages);\n  }, [currentLocale, finalMessages]);\n\n  return (\n    <IntlProvider {...safeConfig} locale={currentLocale} messages={finalMessages}>\n      <LocaleContext.Provider value={{ locale: currentLocale, changeLocale }}>{children}</LocaleContext.Provider>\n    </IntlProvider>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA4E;AAE5E,IAAAA,gBAA4F;AAE5F,mBAAiB;AACjB,mBAAiB;AA6EX;AA3EN,IAAM,iBAAiB;AAevB,IAAM,eAAuD;AAAA,EAC3D,CAAC,cAAc,GAAG,aAAAC;AAAA,EAClB,SAAS,aAAAC;AACX;AAEO,IAAM,oBAAgB,4BAAc;AAAA,EACzC,YAAQ,yBAAU,KAAK;AAAA,EACvB,cAAc,CAAC,SAAiB;AAAA,EAAC;AACnC,CAAC;AAEM,IAAM,eAAe,UAAM,yBAAW,aAAa;AAEnD,IAAM,oBAAoB,CAAC,UAAkC;AAnCpE;AAoCE,QAAM,EAAE,UAAU,QAAQ,SAAS,IAAI;AAGvC,QAAM,iBAAa,yBAAW,yBAAW;AAEzC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,UAAM,uBAAQ,CAAC;AAEhD,QAAM,mBAAe,0BAAY,CAAC,SAAiB;AACjD,iCAAU,MAAM,KAAK;AACrB,gBAAQ,uBAAQ,CAAC;AAAA,EACnB,GAAG,CAAC,CAAC;AAIL,QAAM,iBAAgB,6BAAM,WAAU,WAAU,yCAAY,WAAU;AAGtE,QAAM,aAAa,cAAc,QAAQ,CAAC;AAC1C,QAAM,aAAa;AAAA,IACjB,SAAS,WAAW;AAAA,IACpB,eAAe,WAAW;AAAA,IAC1B,gBAAgB,WAAW;AAAA,IAC3B,SAAS,WAAW;AAAA,EACtB;AAIA,MAAI,eAAe,CAAC;AACpB,MAAI,cAAc,WAAW,WAAW,eAAe;AACrD,mBAAe,WAAW;AAAA,EAC5B,OAAO;AACL,qBAAe,gCAAQ,MAAR,mBAAW,aAAY,CAAC;AAAA,EACzC;AAEA,QAAM,gBAAgB;AAAA,IACpB,GAAG;AAAA,IACH,GAAI,aAAa,aAAa,KAAK,aAAAD;AAAA,IACnC,GAAI,YAAY,CAAC;AAAA,EACnB;AAGA,8BAAU,MAAM;AACd,yCAAkB,eAAe,aAAa;AAAA,EAChD,GAAG,CAAC,eAAe,aAAa,CAAC;AAEjC,SACE,4CAAC,8BAAc,GAAG,YAAY,QAAQ,eAAe,UAAU,eAC7D,sDAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,QAAQ,eAAe,aAAa,GAAI,UAAS,GACpF;AAEJ;",
+  "names": ["import_react", "zhCN", "enUS"]
+}

package/dist/creek-config-provider/index.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+import type { ConfigProviderProps } from 'antd';
 import { CreekConfigContextProps } from './CreekConfigContext';
-export type CreekConfigProviderProps = CreekConfigContextProps & {
-    children?: React.ReactNode;
-};
+import { CreekI18nProvider, CreekI18nProviderProps, LocaleContext, useAppLocale } from './CreekI18nProvider';
+export type CreekConfigProviderProps = CreekConfigContextProps & Omit<ConfigProviderProps, 'locale'> & CreekI18nProviderProps;
+export { CreekI18nProvider, LocaleContext, useAppLocale };
+export type { CreekI18nProviderProps };
 export declare const CreekConfigProvider: {
     (props: CreekConfigProviderProps): import("react/jsx-runtime").JSX.Element;
     CreekConfigContext: import("react").Context<CreekConfigContextProps>;

package/dist/creek-config-provider/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,23 +16,64 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/creek-config-provider/index.tsx
 var creek_config_provider_exports = {};
 __export(creek_config_provider_exports, {
-  CreekConfigProvider: () => CreekConfigProvider
+  CreekConfigProvider: () => CreekConfigProvider,
+  CreekI18nProvider: () => import_CreekI18nProvider.CreekI18nProvider,
+  LocaleContext: () => import_CreekI18nProvider.LocaleContext,
+  useAppLocale: () => import_CreekI18nProvider.useAppLocale
 });
 module.exports = __toCommonJS(creek_config_provider_exports);
+var import_antd = require("antd");
+var import_en_US = __toESM(require("antd/locale/en_US"));
+var import_zh_CN = __toESM(require("antd/locale/zh_CN"));
+var import_merge = __toESM(require("lodash/merge"));
+var import_creek_hooks = require("../creek-hooks");
+var import_useLayoutSettingsStore = require("../creek-layout/useLayoutSettingsStore");
 var import_CreekConfigContext = require("./CreekConfigContext");
+var import_CreekI18nProvider = require("./CreekI18nProvider");
 var import_jsx_runtime = require("react/jsx-runtime");
+var InnerConfigProvider = (props) => {
+  var _a;
+  const { children, theme, ...more } = props;
+  const { locale } = (0, import_CreekI18nProvider.useAppLocale)();
+  const settingsStore = (0, import_useLayoutSettingsStore.useLayoutSettingsStore)();
+  const activeColorPrimary = settingsStore.colorPrimary || ((_a = theme == null ? void 0 : theme.token) == null ? void 0 : _a.colorPrimary);
+  let finalTheme = (0, import_merge.default)(
+    {},
+    theme,
+    activeColorPrimary ? {
+      token: {
+        colorPrimary: activeColorPrimary,
+        colorLink: activeColorPrimary,
+        colorLinkHover: activeColorPrimary,
+        colorLinkActive: activeColorPrimary
+      }
+    } : {}
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: locale === "en-US" ? import_en_US.default : import_zh_CN.default, theme: finalTheme, ...more, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CreekConfigContext.CreekConfigContext.Provider, { value: more, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.App, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_creek_hooks.AppProvider, { children }) }) }) });
+};
 var CreekConfigProvider = (props) => {
-  const { children, ...more } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CreekConfigContext.CreekConfigContext.Provider, { value: more, children });
+  const { children, locale, messages, ...more } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CreekI18nProvider.CreekI18nProvider, { locale, messages, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerConfigProvider, { ...more, children }) });
 };
 CreekConfigProvider.CreekConfigContext = import_CreekConfigContext.CreekConfigContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CreekConfigProvider
+  CreekConfigProvider,
+  CreekI18nProvider,
+  LocaleContext,
+  useAppLocale
 });
 //# sourceMappingURL=index.js.map

package/dist/creek-config-provider/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-config-provider/index.tsx"],
-  "sourcesContent": ["import { CreekConfigContext, CreekConfigContextProps } from './CreekConfigContext';\n\nexport type CreekConfigProviderProps = CreekConfigContextProps & {\n  children?: React.ReactNode;\n};\n\nexport const CreekConfigProvider = (props: CreekConfigProviderProps) => {\n  const { children, ...more } = props;\n  return <CreekConfigContext.Provider value={more}>{children}</CreekConfigContext.Provider>;\n};\n\nCreekConfigProvider.CreekConfigContext = CreekConfigContext;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA4D;AAQnD;AAFF,IAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,SAAO,4CAAC,6CAAmB,UAAnB,EAA4B,OAAO,MAAO,UAAS;AAC7D;AAEA,oBAAoB,qBAAqB;",
-  "names": []
+  "sourcesContent": ["import type { ConfigProviderProps } from 'antd';\nimport { App, ConfigProvider } from 'antd';\nimport enUS_antd from 'antd/locale/en_US';\nimport zhCN_antd from 'antd/locale/zh_CN';\nimport merge from 'lodash/merge';\n\nimport { AppProvider } from '../creek-hooks';\nimport { useLayoutSettingsStore } from '../creek-layout/useLayoutSettingsStore';\nimport { CreekConfigContext, CreekConfigContextProps } from './CreekConfigContext';\nimport { CreekI18nProvider, CreekI18nProviderProps, LocaleContext, useAppLocale } from './CreekI18nProvider';\n\nexport type CreekConfigProviderProps = CreekConfigContextProps & Omit<ConfigProviderProps, 'locale'> & CreekI18nProviderProps;\n\nexport { CreekI18nProvider, LocaleContext, useAppLocale };\nexport type { CreekI18nProviderProps };\n\nconst InnerConfigProvider = (props: Omit<CreekConfigProviderProps, 'locale' | 'messages'>) => {\n  const { children, theme, ...more } = props;\n  const { locale } = useAppLocale();\n  const settingsStore = useLayoutSettingsStore();\n\n  const activeColorPrimary = settingsStore.colorPrimary || theme?.token?.colorPrimary;\n\n  let finalTheme = merge(\n    {},\n    theme,\n    activeColorPrimary\n      ? {\n          token: {\n            colorPrimary: activeColorPrimary,\n            colorLink: activeColorPrimary,\n            colorLinkHover: activeColorPrimary,\n            colorLinkActive: activeColorPrimary,\n          },\n        }\n      : {}\n  );\n\n\n  return (\n    <ConfigProvider locale={locale === 'en-US' ? enUS_antd : zhCN_antd} theme={finalTheme} {...more}>\n      <CreekConfigContext.Provider value={more as any}>\n        <App>\n          <AppProvider>{children}</AppProvider>\n        </App>\n      </CreekConfigContext.Provider>\n    </ConfigProvider>\n  );\n};\n\nexport const CreekConfigProvider = (props: CreekConfigProviderProps) => {\n  const { children, locale, messages, ...more } = props;\n\n  return (\n    <CreekI18nProvider locale={locale} messages={messages}>\n      <InnerConfigProvider {...more}>{children}</InnerConfigProvider>\n    </CreekI18nProvider>\n  );\n};\n\nCreekConfigProvider.CreekConfigContext = CreekConfigContext;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAoC;AACpC,mBAAsB;AACtB,mBAAsB;AACtB,mBAAkB;AAElB,yBAA4B;AAC5B,oCAAuC;AACvC,gCAA4D;AAC5D,+BAAuF;AAkC7E;AA3BV,IAAM,sBAAsB,CAAC,UAAiE;AAhB9F;AAiBE,QAAM,EAAE,UAAU,OAAO,GAAG,KAAK,IAAI;AACrC,QAAM,EAAE,OAAO,QAAI,uCAAa;AAChC,QAAM,oBAAgB,sDAAuB;AAE7C,QAAM,qBAAqB,cAAc,kBAAgB,oCAAO,UAAP,mBAAc;AAEvE,MAAI,iBAAa,aAAAA;AAAA,IACf,CAAC;AAAA,IACD;AAAA,IACA,qBACI;AAAA,MACE,OAAO;AAAA,QACL,cAAc;AAAA,QACd,WAAW;AAAA,QACX,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,MACnB;AAAA,IACF,IACA,CAAC;AAAA,EACP;AAGA,SACE,4CAAC,8BAAe,QAAQ,WAAW,UAAU,aAAAC,UAAY,aAAAC,SAAW,OAAO,YAAa,GAAG,MACzF,sDAAC,6CAAmB,UAAnB,EAA4B,OAAO,MAClC,sDAAC,mBACC,sDAAC,kCAAa,UAAS,GACzB,GACF,GACF;AAEJ;AAEO,IAAM,sBAAsB,CAAC,UAAoC;AACtE,QAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,KAAK,IAAI;AAEhD,SACE,4CAAC,8CAAkB,QAAgB,UACjC,sDAAC,uBAAqB,GAAG,MAAO,UAAS,GAC3C;AAEJ;AAEA,oBAAoB,qBAAqB;",
+  "names": ["merge", "enUS_antd", "zhCN_antd"]
 }

package/dist/creek-hooks/useApp/index.d.ts

@@ -13,10 +13,10 @@ export declare const useApp: () => {
         open: (config: NormalModalConfig) => void;
         openForm: (config: Omit<FormModalConfig, "type">) => void;
         close: () => void;
-        info: import("antd/es/modal/useModal").ModalFuncWithPromise;
-        success: import("antd/es/modal/useModal").ModalFuncWithPromise;
-        error: import("antd/es/modal/useModal").ModalFuncWithPromise;
         warning: import("antd/es/modal/useModal").ModalFuncWithPromise;
+        error: import("antd/es/modal/useModal").ModalFuncWithPromise;
+        success: import("antd/es/modal/useModal").ModalFuncWithPromise;
+        info: import("antd/es/modal/useModal").ModalFuncWithPromise;
         confirm: import("antd/es/modal/useModal").ModalFuncWithPromise;
     };
     message: import("antd/es/message/interface").MessageInstance;

package/dist/creek-keep-alive/index.d.ts

@@ -1 +1,24 @@
-export declare const CreekKeepAlive: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export interface CreekKeepAliveProps {
+    /**
+     * 不需要缓存的路径
+     */
+    exclude?: (string | RegExp)[];
+    /**
+     * 自定义Tab标题获取方法
+     */
+    getTabTitle?: (pathname: string) => React.ReactNode;
+    /**
+     * 默认首页路径
+     */
+    homePath?: string;
+    /**
+     * Tabs的样式
+     */
+    tabBarStyle?: React.CSSProperties;
+    /**
+     * 最大缓存数量，默认为 20
+     */
+    maxTabCount?: number;
+}
+export declare const CreekKeepAlive: React.FC<CreekKeepAliveProps>;