@creekjs/web-components 1.0.13 → 1.0.15

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

@@ -1,54 +1,54 @@
 
 
-> @creekjs/web-components@1.0.11 father:build /Users/ernestwang/Documents/code-resoorce/creek/packages/web-components
+> @creekjs/web-components@1.0.14 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 index.tsx to dist/creek-config-provider/index.js (with declaration)
 event - Bundless CreekConfigContext.tsx to dist/creek-config-provider/CreekConfigContext.js (with declaration)
-event - Bundless index.ts to dist/creek-hooks/index.js (with declaration)
-event - Bundless CreekI18nProvider.tsx to dist/creek-config-provider/CreekI18nProvider.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 ModalHelper.tsx to dist/creek-hooks/useApp/ModalHelper.js (with declaration)
+event - Bundless useViewportHeight.tsx to dist/creek-hooks/useViewportHeight.js (with declaration)
+event - Bundless type.ts to dist/creek-table/type.js (with declaration)
+event - Bundless useIndexColumn.tsx to dist/creek-table/hooks/useIndexColumn.js (with declaration)
+event - Bundless NotFoundPage.tsx to dist/creek-layout/Exception/NotFoundPage.js (with declaration)
+event - Bundless useTableOptions.tsx to dist/creek-table/hooks/useTableOptions.js (with declaration)
 event - Bundless types.ts to dist/creek-hooks/useApp/types.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 index.tsx to dist/creek-keep-alive/index.js (with declaration)
-event - Bundless index.tsx to dist/creek-layout/ActionRender/index.js (with declaration)
+event - Bundless useEllipsisColumns.tsx to dist/creek-table/hooks/useEllipsisColumns.js (with declaration)
+event - Bundless DrawerHelper.tsx to dist/creek-hooks/useApp/DrawerHelper.js (with declaration)
+event - Bundless useElementDistance.tsx to dist/creek-table/hooks/useElementDistance.js (with declaration)
+event - Bundless useLayoutSettingsStore.ts to dist/creek-layout/useLayoutSettingsStore.js (with declaration)
 event - Bundless UserInfo.tsx to dist/creek-layout/ActionRender/UserInfo.js (with declaration)
-event - Bundless LayoutSettings.tsx to dist/creek-layout/ActionRender/LayoutSettings.js (with declaration)
-event - Bundless index.tsx to dist/creek-layout/Exception/index.js (with declaration)
 event - Bundless NotFound.tsx to dist/creek-layout/Exception/NotFound.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/index.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/Exception/index.js (with declaration)
 event - Bundless scrollbar.ts to dist/creek-style/scrollbar.js (with declaration)
-event - Bundless index.tsx to dist/creek-page-container/index.js (with declaration)
-event - Bundless EllipsisTooltip.tsx to dist/creek-table/components/EllipsisTooltip.js (with declaration)
-event - Bundless DensityIcon.tsx to dist/creek-table/components/DensityIcon.js (with declaration)
-event - Bundless index.ts to dist/creek-table/hooks/index.js (with declaration)
 event - Bundless index.tsx to dist/creek-table/components/index.js (with declaration)
+event - Bundless index.ts to dist/creek-style/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-layout/ActionRender/index.js (with declaration)
+event - Bundless useTableScrollHeight.tsx to dist/creek-table/hooks/useTableScrollHeight.js (with declaration)
+event - Bundless DensityIcon.tsx to dist/creek-table/components/DensityIcon.js (with declaration)
+event - Bundless index.tsx to dist/creek-locale-button/index.js (with declaration)
 event - Bundless useAdaptiveToolBar.tsx to dist/creek-table/hooks/useAdaptiveToolBar.js (with declaration)
-event - Bundless useEllipsisColumns.tsx to dist/creek-table/hooks/useEllipsisColumns.js (with declaration)
-event - Bundless useAutoWidthColumns.tsx to dist/creek-table/hooks/useAutoWidthColumns.js (with declaration)
-event - Bundless useIndexColumn.tsx to dist/creek-table/hooks/useIndexColumn.js (with declaration)
-event - Bundless useResizableColumns.tsx to dist/creek-table/hooks/useResizableColumns.js (with declaration)
-event - Bundless useElementDistance.tsx to dist/creek-table/hooks/useElementDistance.js (with declaration)
+event - Bundless CreekI18nProvider.tsx to dist/creek-config-provider/CreekI18nProvider.js (with declaration)
+event - Bundless ModalHelper.tsx to dist/creek-hooks/useApp/ModalHelper.js (with declaration)
 event - Bundless index.tsx to dist/creek-table/index.js (with declaration)
-event - Bundless useTableOptions.tsx to dist/creek-table/hooks/useTableOptions.js (with declaration)
-event - Bundless useTableScrollHeight.tsx to dist/creek-table/hooks/useTableScrollHeight.js (with declaration)
-event - Bundless type.ts to dist/creek-table/type.js (with declaration)
 event - Bundless zh_CN.ts to dist/locales/zh_CN.js (with declaration)
-event - Bundless useViewportHeight.tsx to dist/creek-hooks/useViewportHeight.js (with declaration)
+event - Bundless FullScreen.tsx to dist/creek-layout/ActionRender/FullScreen.js (with declaration)
+event - Bundless index.ts to dist/creek-hooks/index.js (with declaration)
+event - Bundless CollapseButton.tsx to dist/creek-layout/CollapseButton.js (with declaration)
 event - Bundless index.tsx to dist/index.js (with declaration)
-event - Bundless useLayoutSettingsStore.ts to dist/creek-layout/useLayoutSettingsStore.js (with declaration)
 event - Bundless en_US.ts to dist/locales/en_US.js (with declaration)
+event - Bundless index.tsx to dist/creek-page-container/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-config-provider/index.js (with declaration)
+event - Bundless useAutoWidthColumns.tsx to dist/creek-table/hooks/useAutoWidthColumns.js (with declaration)
+event - Bundless index.tsx to dist/creek-hooks/useApp/index.js (with declaration)
+event - Bundless index.tsx to dist/creek-loading/index.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 useStatusColumns.tsx to dist/creek-table/hooks/useStatusColumns.js (with declaration)
 event - Bundless SearchTable.tsx to dist/creek-table/SearchTable.js (with declaration)
+event - Bundless LayoutSettings.tsx to dist/creek-layout/ActionRender/LayoutSettings.js (with declaration)
+event - Bundless index.ts to dist/creek-table/hooks/index.js (with declaration)
+event - Bundless EllipsisTooltip.tsx to dist/creek-table/components/EllipsisTooltip.js (with declaration)
+event - Bundless index.tsx to dist/creek-layout/index.js (with declaration)
+event - Bundless useResizableColumns.tsx to dist/creek-table/hooks/useResizableColumns.js (with declaration)
 event - Generate declaration files...
-event - Transformed successfully in 6572 ms (45 files)
+event - Transformed successfully in 6931 ms (45 files)

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

@@ -38,7 +38,6 @@ 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");
@@ -54,18 +53,19 @@ var InnerConfigProvider = (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
-      }
-    } : {}
-  );
+  const colorPrimaryToken = activeColorPrimary ? {
+    colorPrimary: activeColorPrimary,
+    colorLink: activeColorPrimary,
+    colorLinkHover: activeColorPrimary,
+    colorLinkActive: activeColorPrimary
+  } : {};
+  let finalTheme = {
+    ...theme,
+    token: {
+      ...theme == null ? void 0 : theme.token,
+      ...colorPrimaryToken
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.ConfigProvider, { locale: ANTD_LOCALE_MAP[locale] || 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) => {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-config-provider/index.tsx"],
-  "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, LocaleCode, LocaleContext, useAppLocale } from './CreekI18nProvider';\n\nconst ANTD_LOCALE_MAP: Record<LocaleCode, any> = {\n  zh_CN: zhCN_antd,\n  en_US: enUS_antd,\n};\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  return (\n    <ConfigProvider locale={ANTD_LOCALE_MAP[locale] || 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,+BAAmG;AAsCzF;AApCV,IAAM,kBAA2C;AAAA,EAC/C,OAAO,aAAAA;AAAA,EACP,OAAO,aAAAC;AACT;AAOA,IAAM,sBAAsB,CAAC,UAAiE;AArB9F;AAsBE,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,aAAAC;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;AAEA,SACE,4CAAC,8BAAe,QAAQ,gBAAgB,MAAM,KAAK,aAAAC,SAAW,OAAO,YAAa,GAAG,MACnF,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": ["zhCN_antd", "enUS_antd", "merge", "zhCN_antd"]
+  "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';\n\nimport { AppProvider } from '../creek-hooks';\nimport { useLayoutSettingsStore } from '../creek-layout/useLayoutSettingsStore';\nimport { CreekConfigContext, CreekConfigContextProps } from './CreekConfigContext';\nimport { CreekI18nProvider, CreekI18nProviderProps, LocaleCode, LocaleContext, useAppLocale } from './CreekI18nProvider';\n\nconst ANTD_LOCALE_MAP: Record<LocaleCode, any> = {\n  zh_CN: zhCN_antd,\n  en_US: enUS_antd,\n};\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  const colorPrimaryToken = activeColorPrimary\n    ? {\n        colorPrimary: activeColorPrimary,\n        colorLink: activeColorPrimary,\n        colorLinkHover: activeColorPrimary,\n        colorLinkActive: activeColorPrimary,\n      }\n    : {};\n\n  let finalTheme: ConfigProviderProps['theme'] = {\n    ...theme,\n    token: {\n      ...theme?.token,\n      ...colorPrimaryToken,\n    },\n  };\n\n  return (\n    <ConfigProvider locale={ANTD_LOCALE_MAP[locale] || 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;AAEtB,yBAA4B;AAC5B,oCAAuC;AACvC,gCAA4D;AAC5D,+BAAmG;AAwCzF;AAtCV,IAAM,kBAA2C;AAAA,EAC/C,OAAO,aAAAA;AAAA,EACP,OAAO,aAAAC;AACT;AAOA,IAAM,sBAAsB,CAAC,UAAiE;AApB9F;AAqBE,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,QAAM,oBAAoB,qBACtB;AAAA,IACE,cAAc;AAAA,IACd,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EACnB,IACA,CAAC;AAEL,MAAI,aAA2C;AAAA,IAC7C,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,+BAAO;AAAA,MACV,GAAG;AAAA,IACL;AAAA,EACF;AAEA,SACE,4CAAC,8BAAe,QAAQ,gBAAgB,MAAM,KAAK,aAAAC,SAAW,OAAO,YAAa,GAAG,MACnF,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": ["zhCN_antd", "enUS_antd", "zhCN_antd"]
 }

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

@@ -8,10 +8,6 @@ export interface CreekKeepAliveProps {
      * 自定义Tab标题获取方法
      */
     getTabTitle?: (pathname: string) => React.ReactNode;
-    /**
-     * 默认首页路径
-     */
-    homePath?: string;
     /**
      * Tabs的样式
      */

package/dist/creek-keep-alive/index.js

@@ -30,7 +30,7 @@ var import_react_router_dom = require("react-router-dom");
 var import_react2 = require("@creekjs/i18n/react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var CreekKeepAlive = (props) => {
-  const { exclude = [], getTabTitle, homePath = "/", tabBarStyle, maxTabCount = 20 } = props;
+  const { exclude = [], getTabTitle, tabBarStyle, maxTabCount = 20 } = props;
   const t = (0, import_react2.useT)();
   const outlet = (0, import_react_router_dom.useOutlet)();
   const location = (0, import_react_router_dom.useLocation)();
@@ -63,10 +63,14 @@ var CreekKeepAlive = (props) => {
     });
     setTabItems((prev) => {
       if (prev.find((i) => i.key === currentPath)) {
-        return prev;
+        const updated = prev.map((i) => ({ ...i, closable: prev.length > 1 }));
+        return updated;
       }
       const title = (getTabTitle == null ? void 0 : getTabTitle(currentPath)) || currentPath;
-      const newItems = [...prev, { key: currentPath, label: title, closable: currentPath !== homePath }];
+      const newItems = [...prev, { key: currentPath, label: title, closable: prev.length > 0 }];
+      if (newItems.length === 1) {
+        newItems[0].closable = false;
+      }
       if (newItems.length > maxTabCount) {
         const indexToRemove = newItems.findIndex((item) => item.closable && item.key !== currentPath);
         if (indexToRemove !== -1) {
@@ -77,7 +81,7 @@ var CreekKeepAlive = (props) => {
       }
       return newItems;
     });
-  }, [location.pathname, outlet, getTabTitle, homePath, maxTabCount]);
+  }, [location.pathname, outlet, getTabTitle, maxTabCount]);
   (0, import_react.useEffect)(() => {
   }, []);
   const closeTab = (0, import_ahooks.useMemoizedFn)((targetKey) => {
@@ -90,13 +94,14 @@ var CreekKeepAlive = (props) => {
         const nextIndex = targetIndex >= newTabItems.length ? newTabItems.length - 1 : targetIndex;
         const nextKey = newTabItems[nextIndex].key;
         navigate(nextKey);
-      } else {
-        navigate(homePath);
       }
     }
   });
   const closeOtherTabs = (0, import_ahooks.useMemoizedFn)((currentKey) => {
-    const newTabItems = tabItems.filter((item) => item.key === currentKey || item.key === homePath);
+    const currentTab = tabItems.find((item) => item.key === currentKey);
+    if (!currentTab)
+      return;
+    const newTabItems = [{ ...currentTab, closable: false }];
     setTabItems(newTabItems);
     const keepKeys = newTabItems.map((i) => i.key);
     setCachedPages((prev) => {
@@ -135,7 +140,7 @@ var CreekKeepAlive = (props) => {
       {
         key: "close",
         label: t("creek-keep-alive.index.guanBiDangQian", "关闭当前"),
-        disabled: item.key === homePath,
+        disabled: tabItems.length <= 1,
         onClick: () => closeTab(item.key)
       },
       {

package/dist/creek-keep-alive/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-keep-alive/index.tsx"],
-  "sourcesContent": ["import { useMemoizedFn } from 'ahooks';\nimport { Dropdown, MenuProps, Tabs } from 'antd';\nimport { isRegExp, isString, omit } from 'lodash';\nimport React, { useEffect, useState } from 'react';\nimport { useLocation, useNavigate, useOutlet } from 'react-router-dom';\n\nimport { useT } from '@creekjs/i18n/react';\n\nexport interface CreekKeepAliveProps {\n  /**\n   * 不需要缓存的路径\n   */\n  exclude?: (string | RegExp)[];\n  /**\n   * 自定义Tab标题获取方法\n   */\n  getTabTitle?: (pathname: string) => React.ReactNode;\n  /**\n   * 默认首页路径\n   */\n  homePath?: string;\n  /**\n   * Tabs的样式\n   */\n  tabBarStyle?: React.CSSProperties;\n  /**\n   * 最大缓存数量，默认为 20\n   */\n  maxTabCount?: number;\n}\n\ninterface TabItem {\n  key: string;\n  label: React.ReactNode;\n  closable?: boolean;\n}\n\nexport const CreekKeepAlive: React.FC<CreekKeepAliveProps> = (props) => {\n  const { exclude = [], getTabTitle, homePath = '/', tabBarStyle, maxTabCount = 20 } = props;\n\n  const t = useT();\n  const outlet = useOutlet();\n  const location = useLocation();\n  const navigate = useNavigate();\n\n  const [tabItems, setTabItems] = useState<TabItem[]>([]);\n  const [activeKey, setActiveKey] = useState<string>('');\n  const [cachedPages, setCachedPages] = useState<Record<string, React.ReactNode>>({});\n\n  // 判断是否不需要缓存\n  const isPathExcluded = (path: string) => {\n    return exclude.some((item) => {\n      if (isString(item)) {\n        return item === path;\n      }\n      if (isRegExp(item)) {\n        return item.test(path);\n      }\n      return false;\n    });\n  };\n\n  // 初始化或路由变化时更新\n  useEffect(() => {\n    const currentPath = location.pathname;\n    setActiveKey(currentPath);\n\n    // 更新页面内容缓存\n    setCachedPages((prev) => {\n      if (prev[currentPath]) {\n        return prev;\n      }\n      return {\n        ...prev,\n        [currentPath]: outlet,\n      };\n    });\n\n    // 更新 Tab 列表\n    setTabItems((prev) => {\n      if (prev.find((i) => i.key === currentPath)) {\n        return prev;\n      }\n      const title = getTabTitle?.(currentPath) || currentPath;\n      const newItems = [...prev, { key: currentPath, label: title, closable: currentPath !== homePath }];\n\n      // 超过最大数量限制\n      if (newItems.length > maxTabCount) {\n        // 找到第一个可以关闭的 Tab（非首页、非当前页）\n        // 这里策略是移除最早加入的那个可关闭 Tab。prev[0] 是最早的。\n        // 但要注意不要移除当前页（currentPath），虽然 currentPath 是刚加进去的，但在极端情况下（比如 max=1）\n        // 简单策略：移除第一个 closable 且 key !== currentPath 的 item\n        const indexToRemove = newItems.findIndex((item) => item.closable && item.key !== currentPath);\n        if (indexToRemove !== -1) {\n          const itemToRemove = newItems[indexToRemove];\n          // 顺便移除缓存\n          setCachedPages((currentCached) => omit(currentCached, [itemToRemove.key]));\n          newItems.splice(indexToRemove, 1);\n        }\n      }\n      return newItems;\n    });\n  }, [location.pathname, outlet, getTabTitle, homePath, maxTabCount]);\n\n  // 清理不需要缓存的页面\n  useEffect(() => {\n    // 监听路由离开\n    // 这里比较 tricky，因为 useEffect 拿到的 activeKey 已经是新的了\n    // 我们需要知道\"上一个\"路径\n    // 简化处理：每次 render 时，检查 pages 里哪些是不需要缓存且不处于 active 状态的，将其移除？\n    // 但如果在 setState 里做会导致死循环。\n    // 另一种策略：不缓存 = 离开时销毁。\n    // 我们可以在 pages 渲染时控制。\n  }, []);\n\n  const closeTab = useMemoizedFn((targetKey: string) => {\n    const targetIndex = tabItems.findIndex((item) => item.key === targetKey);\n    const newTabItems = tabItems.filter((item) => item.key !== targetKey);\n\n    // 移除缓存\n    setCachedPages((prev) => omit(prev, [targetKey]));\n    setTabItems(newTabItems);\n\n    // 如果关闭的是当前页，跳转到临近页\n    if (targetKey === activeKey) {\n      if (newTabItems.length > 0) {\n        // 尝试跳到右边，没有则左边\n        const nextIndex = targetIndex >= newTabItems.length ? newTabItems.length - 1 : targetIndex;\n        const nextKey = newTabItems[nextIndex].key;\n        navigate(nextKey);\n      } else {\n        navigate(homePath);\n      }\n    }\n  });\n\n  const closeOtherTabs = useMemoizedFn((currentKey: string) => {\n    const newTabItems = tabItems.filter((item) => item.key === currentKey || item.key === homePath);\n    setTabItems(newTabItems);\n\n    const keepKeys = newTabItems.map((i) => i.key);\n    setCachedPages((prev) => {\n      const newCachedPages: Record<string, React.ReactNode> = {};\n      keepKeys.forEach((k) => {\n        if (prev[k]) newCachedPages[k] = prev[k];\n      });\n      return newCachedPages;\n    });\n\n    if (activeKey !== currentKey) {\n      navigate(currentKey);\n    }\n  });\n\n  const closeRightTabs = useMemoizedFn((currentKey: string) => {\n    const currentIndex = tabItems.findIndex((i) => i.key === currentKey);\n    const rightItems = tabItems.slice(currentIndex + 1);\n    const rightKeys = rightItems.map((i) => i.key);\n\n    const newTabItems = tabItems.filter((i) => !rightKeys.includes(i.key));\n    setTabItems(newTabItems);\n\n    setCachedPages((prev) => omit(prev, rightKeys));\n\n    if (rightKeys.includes(activeKey)) {\n      navigate(currentKey);\n    }\n  });\n\n  const handleTabEdit = (targetKey: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => {\n    if (action === 'remove' && isString(targetKey)) {\n      closeTab(targetKey);\n    }\n  };\n\n  const handleTabClick = (key: string) => {\n    navigate(key);\n  };\n\n  const renderTabLabel = (item: TabItem) => {\n    const menuItems: MenuProps['items'] = [\n      {\n        key: 'close',\n        label: t('creek-keep-alive.index.guanBiDangQian', '关闭当前'),\n        disabled: item.key === homePath,\n        onClick: () => closeTab(item.key),\n      },\n      {\n        key: 'closeOthers',\n        label: t('creek-keep-alive.index.guanBiQiTa', '关闭其他'),\n        onClick: () => closeOtherTabs(item.key),\n      },\n      {\n        key: 'closeRight',\n        label: t('creek-keep-alive.index.guanBiYouCe', '关闭右侧'),\n        onClick: () => closeRightTabs(item.key),\n      },\n    ];\n\n    return (\n      <Dropdown menu={{ items: menuItems }} trigger={['contextMenu']}>\n        <span>{item.label}</span>\n      </Dropdown>\n    );\n  };\n\n  return (\n    <div className=\"creek-keep-alive\">\n      <Tabs\n        activeKey={activeKey}\n        type=\"editable-card\"\n        hideAdd\n        onChange={handleTabClick}\n        onEdit={handleTabEdit}\n        tabBarStyle={{ margin: 0, ...tabBarStyle }}\n        items={tabItems.map((item) => ({\n          ...item,\n          label: renderTabLabel(item),\n          children: (\n            <div key={item.key} style={{ height: '100%', display: activeKey === item.key ? 'block' : 'none' }}>\n              {/* 如果是不缓存的页面，且不是当前页，则不渲染(销毁) */}\n              {/* 如果是缓存页面，或者是当前页，则渲染 */}\n              {!isPathExcluded(item.key) || activeKey === item.key ? cachedPages[item.key] : null}\n            </div>\n          ),\n        }))}\n      />\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useMemoizedFn } from 'ahooks';\nimport { Dropdown, MenuProps, Tabs } from 'antd';\nimport { isRegExp, isString, omit } from 'lodash';\nimport React, { useEffect, useState } from 'react';\nimport { useLocation, useNavigate, useOutlet } from 'react-router-dom';\n\nimport { useT } from '@creekjs/i18n/react';\n\nexport interface CreekKeepAliveProps {\n  /**\n   * 不需要缓存的路径\n   */\n  exclude?: (string | RegExp)[];\n  /**\n   * 自定义Tab标题获取方法\n   */\n  getTabTitle?: (pathname: string) => React.ReactNode;\n  /**\n   * Tabs的样式\n   */\n  tabBarStyle?: React.CSSProperties;\n  /**\n   * 最大缓存数量，默认为 20\n   */\n  maxTabCount?: number;\n}\n\ninterface TabItem {\n  key: string;\n  label: React.ReactNode;\n  closable?: boolean;\n}\n\nexport const CreekKeepAlive: React.FC<CreekKeepAliveProps> = (props) => {\n  const { exclude = [], getTabTitle, tabBarStyle, maxTabCount = 20 } = props;\n\n  const t = useT();\n  const outlet = useOutlet();\n  const location = useLocation();\n  const navigate = useNavigate();\n\n  const [tabItems, setTabItems] = useState<TabItem[]>([]);\n  const [activeKey, setActiveKey] = useState<string>('');\n  const [cachedPages, setCachedPages] = useState<Record<string, React.ReactNode>>({});\n\n  // 判断是否不需要缓存\n  const isPathExcluded = (path: string) => {\n    return exclude.some((item) => {\n      if (isString(item)) {\n        return item === path;\n      }\n      if (isRegExp(item)) {\n        return item.test(path);\n      }\n      return false;\n    });\n  };\n\n  // 初始化或路由变化时更新\n  useEffect(() => {\n    const currentPath = location.pathname;\n    setActiveKey(currentPath);\n\n    // 更新页面内容缓存\n    setCachedPages((prev) => {\n      if (prev[currentPath]) {\n        return prev;\n      }\n      return {\n        ...prev,\n        [currentPath]: outlet,\n      };\n    });\n\n    // 更新 Tab 列表\n    setTabItems((prev) => {\n      if (prev.find((i) => i.key === currentPath)) {\n        // 更新现有 tab 的 closable 状态（只有最后一个 tab 时不可关闭）\n        const updated = prev.map((i) => ({ ...i, closable: prev.length > 1 }));\n        return updated;\n      }\n      const title = getTabTitle?.(currentPath) || currentPath;\n      const newItems = [...prev, { key: currentPath, label: title, closable: prev.length > 0 }];\n\n      // 更新所有 tab 的 closable 状态：只有1个 tab 时全部不可关闭\n      if (newItems.length === 1) {\n        newItems[0].closable = false;\n      }\n\n      // 超过最大数量限制\n      if (newItems.length > maxTabCount) {\n        // 找到第一个可以关闭的 Tab（非首页、非当前页）\n        // 这里策略是移除最早加入的那个可关闭 Tab。prev[0] 是最早的。\n        // 但要注意不要移除当前页（currentPath），虽然 currentPath 是刚加进去的，但在极端情况下（比如 max=1）\n        // 简单策略：移除第一个 closable 且 key !== currentPath 的 item\n        const indexToRemove = newItems.findIndex((item) => item.closable && item.key !== currentPath);\n        if (indexToRemove !== -1) {\n          const itemToRemove = newItems[indexToRemove];\n          // 顺便移除缓存\n          setCachedPages((currentCached) => omit(currentCached, [itemToRemove.key]));\n          newItems.splice(indexToRemove, 1);\n        }\n      }\n      return newItems;\n    });\n  }, [location.pathname, outlet, getTabTitle, maxTabCount]);\n\n  // 清理不需要缓存的页面\n  useEffect(() => {\n    // 监听路由离开\n    // 这里比较 tricky，因为 useEffect 拿到的 activeKey 已经是新的了\n    // 我们需要知道\"上一个\"路径\n    // 简化处理：每次 render 时，检查 pages 里哪些是不需要缓存且不处于 active 状态的，将其移除？\n    // 但如果在 setState 里做会导致死循环。\n    // 另一种策略：不缓存 = 离开时销毁。\n    // 我们可以在 pages 渲染时控制。\n  }, []);\n\n  const closeTab = useMemoizedFn((targetKey: string) => {\n    const targetIndex = tabItems.findIndex((item) => item.key === targetKey);\n    const newTabItems = tabItems.filter((item) => item.key !== targetKey);\n\n    // 移除缓存\n    setCachedPages((prev) => omit(prev, [targetKey]));\n    setTabItems(newTabItems);\n\n    // 如果关闭的是当前页，跳转到临近页\n    if (targetKey === activeKey) {\n      if (newTabItems.length > 0) {\n        // 尝试跳到右边，没有则左边\n        const nextIndex = targetIndex >= newTabItems.length ? newTabItems.length - 1 : targetIndex;\n        const nextKey = newTabItems[nextIndex].key;\n        navigate(nextKey);\n      }\n    }\n  });\n\n  const closeOtherTabs = useMemoizedFn((currentKey: string) => {\n    const currentTab = tabItems.find((item) => item.key === currentKey);\n    if (!currentTab) return;\n    const newTabItems = [{ ...currentTab, closable: false }];\n    setTabItems(newTabItems);\n\n    const keepKeys = newTabItems.map((i) => i.key);\n    setCachedPages((prev) => {\n      const newCachedPages: Record<string, React.ReactNode> = {};\n      keepKeys.forEach((k) => {\n        if (prev[k]) newCachedPages[k] = prev[k];\n      });\n      return newCachedPages;\n    });\n\n    if (activeKey !== currentKey) {\n      navigate(currentKey);\n    }\n  });\n\n  const closeRightTabs = useMemoizedFn((currentKey: string) => {\n    const currentIndex = tabItems.findIndex((i) => i.key === currentKey);\n    const rightItems = tabItems.slice(currentIndex + 1);\n    const rightKeys = rightItems.map((i) => i.key);\n\n    const newTabItems = tabItems.filter((i) => !rightKeys.includes(i.key));\n    setTabItems(newTabItems);\n\n    setCachedPages((prev) => omit(prev, rightKeys));\n\n    if (rightKeys.includes(activeKey)) {\n      navigate(currentKey);\n    }\n  });\n\n  const handleTabEdit = (targetKey: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => {\n    if (action === 'remove' && isString(targetKey)) {\n      closeTab(targetKey);\n    }\n  };\n\n  const handleTabClick = (key: string) => {\n    navigate(key);\n  };\n\n  const renderTabLabel = (item: TabItem) => {\n    const menuItems: MenuProps['items'] = [\n      {\n        key: 'close',\n        label: t('creek-keep-alive.index.guanBiDangQian', '关闭当前'),\n        disabled: tabItems.length <= 1,\n        onClick: () => closeTab(item.key),\n      },\n      {\n        key: 'closeOthers',\n        label: t('creek-keep-alive.index.guanBiQiTa', '关闭其他'),\n        onClick: () => closeOtherTabs(item.key),\n      },\n      {\n        key: 'closeRight',\n        label: t('creek-keep-alive.index.guanBiYouCe', '关闭右侧'),\n        onClick: () => closeRightTabs(item.key),\n      },\n    ];\n\n    return (\n      <Dropdown menu={{ items: menuItems }} trigger={['contextMenu']}>\n        <span>{item.label}</span>\n      </Dropdown>\n    );\n  };\n\n  return (\n    <div className=\"creek-keep-alive\">\n      <Tabs\n        activeKey={activeKey}\n        type=\"editable-card\"\n        hideAdd\n        onChange={handleTabClick}\n        onEdit={handleTabEdit}\n        tabBarStyle={{ margin: 0, ...tabBarStyle }}\n        items={tabItems.map((item) => ({\n          ...item,\n          label: renderTabLabel(item),\n          children: (\n            <div key={item.key} style={{ height: '100%', display: activeKey === item.key ? 'block' : 'none' }}>\n              {/* 如果是不缓存的页面，且不是当前页，则不渲染(销毁) */}\n              {/* 如果是缓存页面，或者是当前页，则渲染 */}\n              {!isPathExcluded(item.key) || activeKey === item.key ? cachedPages[item.key] : null}\n            </div>\n          ),\n        }))}\n      />\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["import_react"]
 }

package/dist/creek-layout/ActionRender/LayoutSettings.d.ts

@@ -1,5 +1,6 @@
-export declare const LayoutSettings: ({ defaultShowFullScreen, defaultShowLocaleButton, defaultKeepAlive, }: {
+export declare const LayoutSettings: ({ defaultShowFullScreen, defaultShowLocaleButton, defaultShowThemeColor, defaultKeepAlive, }: {
     defaultShowFullScreen?: boolean | undefined;
     defaultShowLocaleButton?: boolean | undefined;
+    defaultShowThemeColor?: boolean | undefined;
     defaultKeepAlive?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/creek-layout/ActionRender/LayoutSettings.js

@@ -28,14 +28,14 @@ var import_react = require("@creekjs/i18n/react");
 var import_creek_hooks = require("../../creek-hooks");
 var import_useLayoutSettingsStore = require("../useLayoutSettingsStore");
 var import_jsx_runtime = require("react/jsx-runtime");
-var SettingsForm = ({ defaultShowFullScreen, defaultShowLocaleButton, defaultKeepAlive }) => {
+var SettingsForm = ({ defaultShowFullScreen, defaultShowLocaleButton, defaultShowThemeColor, defaultKeepAlive }) => {
   const t = (0, import_react.useT)();
   const { colorPrimary, showFullScreen, showLocaleButton, keepAlive, setSettings } = (0, import_useLayoutSettingsStore.useLayoutSettingsStore)();
   const currentShowFullScreen = showFullScreen ?? defaultShowFullScreen ?? false;
   const currentShowLocaleButton = showLocaleButton ?? defaultShowLocaleButton ?? true;
   const currentKeepAlive = keepAlive ?? defaultKeepAlive ?? true;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Form, { layout: "vertical", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.themeColor", "主题色"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    defaultShowThemeColor && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.themeColor", "主题色"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.ColorPicker,
       {
         value: colorPrimary,
@@ -45,14 +45,15 @@ var SettingsForm = ({ defaultShowFullScreen, defaultShowLocaleButton, defaultKee
         allowClear: true
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.showFullScreen", "展示全屏按钮"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { checked: currentShowFullScreen, onChange: (checked) => setSettings({ showFullScreen: checked }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.showLocaleButton", "展示国际化按钮"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { checked: currentShowLocaleButton, onChange: (checked) => setSettings({ showLocaleButton: checked }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.keepAlive", "开启页面缓存 (Keep Alive)"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { checked: currentKeepAlive, onChange: (checked) => setSettings({ keepAlive: checked }) }) })
+    defaultShowFullScreen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.showFullScreen", "展示全屏按钮"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { checked: currentShowFullScreen, onChange: (checked) => setSettings({ showFullScreen: checked }) }) }),
+    defaultShowLocaleButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.showLocaleButton", "展示国际化按钮"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { checked: currentShowLocaleButton, onChange: (checked) => setSettings({ showLocaleButton: checked }) }) }),
+    defaultKeepAlive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { label: t("creek-layout.ActionRender.LayoutSettings.keepAlive", "开启页面缓存 (Keep Alive)"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Switch, { checked: currentKeepAlive, onChange: (checked) => setSettings({ keepAlive: checked }) }) })
   ] });
 };
 var LayoutSettings = ({
   defaultShowFullScreen,
   defaultShowLocaleButton,
+  defaultShowThemeColor,
   defaultKeepAlive
 }) => {
   const t = (0, import_react.useT)();
@@ -61,7 +62,7 @@ var LayoutSettings = ({
     drawer.open({
       title: t("creek-layout.ActionRender.LayoutSettings.title", "系统设置"),
       placement: "right",
-      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsForm, { defaultShowFullScreen, defaultShowLocaleButton, defaultKeepAlive })
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsForm, { defaultShowFullScreen, defaultShowLocaleButton, defaultShowThemeColor, defaultKeepAlive })
     });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: t("creek-layout.ActionRender.LayoutSettings.title", "系统设置"), placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SettingOutlined, { onClick: handleOpenSettings }) });

package/dist/creek-layout/ActionRender/LayoutSettings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-layout/ActionRender/LayoutSettings.tsx"],
-  "sourcesContent": ["import { SettingOutlined } from '@ant-design/icons';\nimport { ColorPicker, Form, Switch, Tooltip } from 'antd';\n\nimport { useT } from '@creekjs/i18n/react';\n\nimport { useApp } from '../../creek-hooks';\nimport { useLayoutSettingsStore } from '../useLayoutSettingsStore';\n\nconst SettingsForm = ({ defaultShowFullScreen, defaultShowLocaleButton, defaultKeepAlive }: { defaultShowFullScreen?: boolean; defaultShowLocaleButton?: boolean; defaultKeepAlive?: boolean }) => {\n  const t = useT();\n  const { colorPrimary, showFullScreen, showLocaleButton, keepAlive, setSettings } = useLayoutSettingsStore();\n\n  const currentShowFullScreen = showFullScreen ?? defaultShowFullScreen ?? false;\n  const currentShowLocaleButton = showLocaleButton ?? defaultShowLocaleButton ?? true;\n  const currentKeepAlive = keepAlive ?? defaultKeepAlive ?? true;\n\n  return (\n    <Form layout=\"vertical\">\n      <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.themeColor', '主题色')}>\n        <ColorPicker\n          value={colorPrimary}\n          onChange={(color, hex) => {\n            setSettings({ colorPrimary: hex || undefined });\n          }}\n          allowClear\n        />\n      </Form.Item>\n      <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.showFullScreen', '展示全屏按钮')}>\n        <Switch checked={currentShowFullScreen} onChange={(checked) => setSettings({ showFullScreen: checked })} />\n      </Form.Item>\n      <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.showLocaleButton', '展示国际化按钮')}>\n        <Switch checked={currentShowLocaleButton} onChange={(checked) => setSettings({ showLocaleButton: checked })} />\n      </Form.Item>\n      <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.keepAlive', '开启页面缓存 (Keep Alive)')}>\n        <Switch checked={currentKeepAlive} onChange={(checked) => setSettings({ keepAlive: checked })} />\n      </Form.Item>\n    </Form>\n  );\n};\n\nexport const LayoutSettings = ({\n  defaultShowFullScreen,\n  defaultShowLocaleButton,\n  defaultKeepAlive,\n}: {\n  defaultShowFullScreen?: boolean;\n  defaultShowLocaleButton?: boolean;\n  defaultKeepAlive?: boolean;\n}) => {\n  const t = useT();\n  const { drawer } = useApp();\n\n  const handleOpenSettings = () => {\n    drawer.open({\n      title: t('creek-layout.ActionRender.LayoutSettings.title', '系统设置'),\n      placement: 'right',\n\n      content: <SettingsForm defaultShowFullScreen={defaultShowFullScreen} defaultShowLocaleButton={defaultShowLocaleButton} defaultKeepAlive={defaultKeepAlive} />,\n    });\n  };\n\n  return (\n    <Tooltip title={t('creek-layout.ActionRender.LayoutSettings.title', '系统设置')} placement=\"top\">\n      <SettingOutlined onClick={handleOpenSettings} />\n    </Tooltip>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,kBAAmD;AAEnD,mBAAqB;AAErB,yBAAuB;AACvB,oCAAuC;AAWnC;AATJ,IAAM,eAAe,CAAC,EAAE,uBAAuB,yBAAyB,iBAAiB,MAA0G;AACjM,QAAM,QAAI,mBAAK;AACf,QAAM,EAAE,cAAc,gBAAgB,kBAAkB,WAAW,YAAY,QAAI,sDAAuB;AAE1G,QAAM,wBAAwB,kBAAkB,yBAAyB;AACzE,QAAM,0BAA0B,oBAAoB,2BAA2B;AAC/E,QAAM,mBAAmB,aAAa,oBAAoB;AAE1D,SACE,6CAAC,oBAAK,QAAO,YACX;AAAA,gDAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,uDAAuD,KAAK,GAC9E;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,OAAO,QAAQ;AACxB,sBAAY,EAAE,cAAc,OAAO,OAAU,CAAC;AAAA,QAChD;AAAA,QACA,YAAU;AAAA;AAAA,IACZ,GACF;AAAA,IACA,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,2DAA2D,QAAQ,GACrF,sDAAC,sBAAO,SAAS,uBAAuB,UAAU,CAAC,YAAY,YAAY,EAAE,gBAAgB,QAAQ,CAAC,GAAG,GAC3G;AAAA,IACA,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,6DAA6D,SAAS,GACxF,sDAAC,sBAAO,SAAS,yBAAyB,UAAU,CAAC,YAAY,YAAY,EAAE,kBAAkB,QAAQ,CAAC,GAAG,GAC/G;AAAA,IACA,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,sDAAsD,qBAAqB,GAC7F,sDAAC,sBAAO,SAAS,kBAAkB,UAAU,CAAC,YAAY,YAAY,EAAE,WAAW,QAAQ,CAAC,GAAG,GACjG;AAAA,KACF;AAEJ;AAEO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,QAAI,mBAAK;AACf,QAAM,EAAE,OAAO,QAAI,2BAAO;AAE1B,QAAM,qBAAqB,MAAM;AAC/B,WAAO,KAAK;AAAA,MACV,OAAO,EAAE,kDAAkD,MAAM;AAAA,MACjE,WAAW;AAAA,MAEX,SAAS,4CAAC,gBAAa,uBAA8C,yBAAkD,kBAAoC;AAAA,IAC7J,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,uBAAQ,OAAO,EAAE,kDAAkD,MAAM,GAAG,WAAU,OACrF,sDAAC,gCAAgB,SAAS,oBAAoB,GAChD;AAEJ;",
+  "sourcesContent": ["import { SettingOutlined } from '@ant-design/icons';\nimport { ColorPicker, Form, Switch, Tooltip } from 'antd';\n\nimport { useT } from '@creekjs/i18n/react';\n\nimport { useApp } from '../../creek-hooks';\nimport { useLayoutSettingsStore } from '../useLayoutSettingsStore';\n\nconst SettingsForm = ({ defaultShowFullScreen, defaultShowLocaleButton, defaultShowThemeColor, defaultKeepAlive }: { defaultShowFullScreen?: boolean; defaultShowLocaleButton?: boolean; defaultShowThemeColor?: boolean; defaultKeepAlive?: boolean }) => {\n  const t = useT();\n  const { colorPrimary, showFullScreen, showLocaleButton, keepAlive, setSettings } = useLayoutSettingsStore();\n\n  const currentShowFullScreen = showFullScreen ?? defaultShowFullScreen ?? false;\n  const currentShowLocaleButton = showLocaleButton ?? defaultShowLocaleButton ?? true;\n  const currentKeepAlive = keepAlive ?? defaultKeepAlive ?? true;\n\n  return (\n    <Form layout=\"vertical\">\n      {defaultShowThemeColor && (\n        <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.themeColor', '主题色')}>\n          <ColorPicker\n            value={colorPrimary}\n            onChange={(color, hex) => {\n              setSettings({ colorPrimary: hex || undefined });\n            }}\n            allowClear\n          />\n        </Form.Item>\n      )}\n      {defaultShowFullScreen && (\n        <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.showFullScreen', '展示全屏按钮')}>\n          <Switch checked={currentShowFullScreen} onChange={(checked) => setSettings({ showFullScreen: checked })} />\n        </Form.Item>\n      )}\n      {defaultShowLocaleButton && (\n        <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.showLocaleButton', '展示国际化按钮')}>\n          <Switch checked={currentShowLocaleButton} onChange={(checked) => setSettings({ showLocaleButton: checked })} />\n        </Form.Item>\n      )}\n      {defaultKeepAlive && (\n        <Form.Item label={t('creek-layout.ActionRender.LayoutSettings.keepAlive', '开启页面缓存 (Keep Alive)')}>\n          <Switch checked={currentKeepAlive} onChange={(checked) => setSettings({ keepAlive: checked })} />\n        </Form.Item>\n      )}\n    </Form>\n  );\n};\n\nexport const LayoutSettings = ({\n  defaultShowFullScreen,\n  defaultShowLocaleButton,\n  defaultShowThemeColor,\n  defaultKeepAlive,\n}: {\n  defaultShowFullScreen?: boolean;\n  defaultShowLocaleButton?: boolean;\n  defaultShowThemeColor?: boolean;\n  defaultKeepAlive?: boolean;\n}) => {\n  const t = useT();\n  const { drawer } = useApp();\n\n  const handleOpenSettings = () => {\n    drawer.open({\n      title: t('creek-layout.ActionRender.LayoutSettings.title', '系统设置'),\n      placement: 'right',\n\n      content: <SettingsForm defaultShowFullScreen={defaultShowFullScreen} defaultShowLocaleButton={defaultShowLocaleButton} defaultShowThemeColor={defaultShowThemeColor} defaultKeepAlive={defaultKeepAlive} />,\n    });\n  };\n\n  return (\n    <Tooltip title={t('creek-layout.ActionRender.LayoutSettings.title', '系统设置')} placement=\"top\">\n      <SettingOutlined onClick={handleOpenSettings} />\n    </Tooltip>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,kBAAmD;AAEnD,mBAAqB;AAErB,yBAAuB;AACvB,oCAAuC;AAWnC;AATJ,IAAM,eAAe,CAAC,EAAE,uBAAuB,yBAAyB,uBAAuB,iBAAiB,MAA2I;AACzP,QAAM,QAAI,mBAAK;AACf,QAAM,EAAE,cAAc,gBAAgB,kBAAkB,WAAW,YAAY,QAAI,sDAAuB;AAE1G,QAAM,wBAAwB,kBAAkB,yBAAyB;AACzE,QAAM,0BAA0B,oBAAoB,2BAA2B;AAC/E,QAAM,mBAAmB,aAAa,oBAAoB;AAE1D,SACE,6CAAC,oBAAK,QAAO,YACV;AAAA,6BACC,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,uDAAuD,KAAK,GAC9E;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU,CAAC,OAAO,QAAQ;AACxB,sBAAY,EAAE,cAAc,OAAO,OAAU,CAAC;AAAA,QAChD;AAAA,QACA,YAAU;AAAA;AAAA,IACZ,GACF;AAAA,IAED,yBACC,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,2DAA2D,QAAQ,GACrF,sDAAC,sBAAO,SAAS,uBAAuB,UAAU,CAAC,YAAY,YAAY,EAAE,gBAAgB,QAAQ,CAAC,GAAG,GAC3G;AAAA,IAED,2BACC,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,6DAA6D,SAAS,GACxF,sDAAC,sBAAO,SAAS,yBAAyB,UAAU,CAAC,YAAY,YAAY,EAAE,kBAAkB,QAAQ,CAAC,GAAG,GAC/G;AAAA,IAED,oBACC,4CAAC,iBAAK,MAAL,EAAU,OAAO,EAAE,sDAAsD,qBAAqB,GAC7F,sDAAC,sBAAO,SAAS,kBAAkB,UAAU,CAAC,YAAY,YAAY,EAAE,WAAW,QAAQ,CAAC,GAAG,GACjG;AAAA,KAEJ;AAEJ;AAEO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,QAAI,mBAAK;AACf,QAAM,EAAE,OAAO,QAAI,2BAAO;AAE1B,QAAM,qBAAqB,MAAM;AAC/B,WAAO,KAAK;AAAA,MACV,OAAO,EAAE,kDAAkD,MAAM;AAAA,MACjE,WAAW;AAAA,MAEX,SAAS,4CAAC,gBAAa,uBAA8C,yBAAkD,uBAA8C,kBAAoC;AAAA,IAC3M,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,uBAAQ,OAAO,EAAE,kDAAkD,MAAM,GAAG,WAAU,OACrF,sDAAC,gCAAgB,SAAS,oBAAoB,GAChD;AAEJ;",
   "names": []
 }

package/dist/creek-layout/index.d.ts

@@ -8,6 +8,7 @@ export type LayoutProps = ProLayoutProps & {
     showFullScreen?: boolean;
     showLocaleButton?: boolean;
     showSettingsButton?: boolean;
+    showThemeColor?: boolean;
     initialInfo?: {
         initialState: any;
         loading: boolean;

package/dist/creek-layout/index.js

@@ -65,6 +65,7 @@ var CreekLayout = (props) => {
     showFullScreen = false,
     showLocaleButton = false,
     showSettingsButton = false,
+    showThemeColor = true,
     keepAlive = false,
     extraActions = [],
     ...more
@@ -73,10 +74,10 @@ var CreekLayout = (props) => {
   const { token } = useToken();
   const { collapsed } = (0, import_CollapseButton.useCollapsedStore)();
   const settingsStore = (0, import_useLayoutSettingsStore.useLayoutSettingsStore)();
-  const actualShowFullScreen = settingsStore.showFullScreen ?? showFullScreen;
-  const actualShowLocaleButton = settingsStore.showLocaleButton ?? showLocaleButton;
+  const actualShowFullScreen = showFullScreen && (settingsStore.showFullScreen ?? true);
+  const actualShowLocaleButton = showLocaleButton && (settingsStore.showLocaleButton ?? true);
   const colorPrimary = settingsStore.colorPrimary || token.colorPrimary;
-  const actualKeepAlive = settingsStore.keepAlive ?? keepAlive;
+  const actualKeepAlive = keepAlive && (settingsStore.keepAlive ?? true);
   const _userConfig = { ...userConfig, ...runtimeConfig };
   const intlContext = (0, import_react.useContext)(import_react2.IntlContext);
   const hasI18n = !!intlContext && actualShowLocaleButton;
@@ -130,7 +131,7 @@ var CreekLayout = (props) => {
     actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_creek_locale_button.CreekLocaleButton, {}, "locale-button"));
   }
   if (showSettingsButton) {
-    actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionRender.LayoutSettings, { defaultShowFullScreen: showFullScreen, defaultShowLocaleButton: showLocaleButton, defaultKeepAlive: import_lodash.default.isBoolean(keepAlive) ? keepAlive : true }, "settings"));
+    actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionRender.LayoutSettings, { defaultShowFullScreen: showFullScreen, defaultShowLocaleButton: showLocaleButton, defaultShowThemeColor: showThemeColor, defaultKeepAlive: import_lodash.default.isBoolean(keepAlive) ? keepAlive : true }, "settings"));
   }
   const keepAliveProps = import_lodash.default.isBoolean(keepAlive) ? {} : keepAlive;
   const layoutContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/creek-layout/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-layout/index.tsx"],
-  "sourcesContent": ["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { theme } from 'antd';\nimport _ from 'lodash';\nimport { useContext } from 'react';\n\nimport classnames from 'classnames';\n\nimport { IntlContext, useT } from '@creekjs/i18n/react';\n\nimport { CreekKeepAlive, CreekKeepAliveProps } from '../creek-keep-alive';\nimport { CreekLocaleButton } from '../creek-locale-button';\nimport { GlobalScrollbarStyle } from '../creek-style/scrollbar';\nimport { FullScreen, LayoutSettings } from './ActionRender';\nimport { CollapsedButton, useCollapsedStore } from './CollapseButton';\nimport { Exception } from './Exception';\nimport { useLayoutSettingsStore } from './useLayoutSettingsStore';\n\nexport type LayoutProps = ProLayoutProps & {\n  runtimeConfig: ProLayoutProps;\n  userConfig?: ProLayoutProps;\n  navigate?: (path?: string | number) => void;\n  showFullScreen?: boolean;\n  showLocaleButton?: boolean;\n  showSettingsButton?: boolean;\n  initialInfo?: {\n    initialState: any;\n    loading: boolean;\n    setInitialState: () => void;\n  };\n  keepAlive?: boolean | CreekKeepAliveProps;\n  extraActions?: React.ReactNode[];\n};\n\nconst MenuName = ({ name, path }: { name?: string; path?: string }) => {\n  const t = useT();\n  const key = !path || path === '/' ? 'menu.home' : `menu${path.replace(/\\//g, '.')}`;\n  return t(key, name);\n};\n\nexport const CreekLayout = (props: LayoutProps) => {\n  const {\n    route,\n    userConfig,\n    runtimeConfig,\n    children,\n    location,\n    navigate,\n    showFullScreen = false,\n    showLocaleButton = false,\n    showSettingsButton = false,\n    keepAlive = false,\n    extraActions = [],\n    ...more\n  } = props;\n\n  const { useToken } = theme;\n  const { token } = useToken();\n\n  const { collapsed } = useCollapsedStore();\n  const settingsStore = useLayoutSettingsStore();\n\n  const actualShowFullScreen = settingsStore.showFullScreen ?? showFullScreen;\n  const actualShowLocaleButton = settingsStore.showLocaleButton ?? showLocaleButton;\n  const colorPrimary = settingsStore.colorPrimary || token.colorPrimary;\n  const actualKeepAlive = settingsStore.keepAlive ?? keepAlive;\n\n  const _userConfig = { ...userConfig, ...runtimeConfig };\n\n  const intlContext = useContext(IntlContext);\n  const hasI18n = !!intlContext && actualShowLocaleButton;\n\n  const menuDataRender = useMemoizedFn((menuData: MenuDataItem[]) => {\n    // 根据当前是否开启了国际化（上下文是否存在）以及用户配置来判断是否包裹菜单翻译\n    const isLocaleEnabled = hasI18n;\n\n    const mapMenu = (items: MenuDataItem[]): MenuDataItem[] => {\n      return items.map((item) => {\n        return {\n          ...item,\n          name: (isLocaleEnabled ? <MenuName name={item.name} path={item.path} /> : item.name) as string,\n          children: item.children ? mapMenu(item.children) : undefined,\n        };\n      });\n    };\n    return mapMenu(menuData);\n  });\n\n  const menuItemRender: ProLayoutProps['menuItemRender'] = useMemoizedFn((itemProps, defaultDom) => {\n    return (\n      <span\n        onClick={() => {\n          if (navigate) {\n            navigate(itemProps.path);\n          }\n        }}\n      >\n        {defaultDom}\n      </span>\n    );\n  });\n\n  const getTabTitle = useMemoizedFn((pathname: string): string | React.ReactNode => {\n    const routes = (route?.routes ?? []) as MenuDataItem[];\n\n    const findTitle = (items: MenuDataItem[]): string | undefined => {\n      for (const item of items) {\n        if (item.path === pathname) return item.name ?? item.title;\n        if (item.children) {\n          const found = findTitle(item.children);\n          if (found) return found;\n        }\n      }\n    };\n\n    const title = findTitle(routes) ?? pathname;\n\n    return hasI18n ? <MenuName name={title} path={pathname} /> : title;\n  });\n\n  const actions: React.ReactNode[] = [...extraActions];\n\n  if (actualShowFullScreen) {\n    actions.push(<FullScreen key=\"full-screen\" />);\n  }\n\n  if (actualShowLocaleButton) {\n    actions.push(<CreekLocaleButton key=\"locale-button\" />);\n  }\n\n  if (showSettingsButton) {\n    actions.push(<LayoutSettings key=\"settings\" defaultShowFullScreen={showFullScreen} defaultShowLocaleButton={showLocaleButton} defaultKeepAlive={_.isBoolean(keepAlive) ? keepAlive : true} />);\n  }\n\n  const keepAliveProps = _.isBoolean(keepAlive) ? {} : keepAlive;\n\n  const layoutContent = (\n    <ProLayout\n      className={classnames('creek-layout-container', _userConfig?.className)}\n      route={route}\n      title={_userConfig?.title}\n      siderWidth={200}\n      location={location}\n      menuDataRender={menuDataRender}\n      menuItemRender={menuItemRender}\n      actionsRender={() => actions}\n      token={{\n        header: {\n          colorBgHeader: '#fff',\n          colorHeaderTitle: 'rgba(0, 0, 0, 0.80);',\n          colorTextMenuSelected: colorPrimary,\n          heightLayoutHeader: 48,\n        },\n        sider: {\n          colorMenuBackground: '#f7f8fa',\n          colorBgMenuItemSelected: 'transparent',\n          colorTextMenuActive: colorPrimary,\n          colorTextMenuSelected: colorPrimary,\n          colorTextMenuItemHover: colorPrimary,\n          colorTextMenu: '#333',\n        },\n        pageContainer: {\n          paddingBlockPageContainerContent: 0,\n          paddingInlinePageContainerContent: 0,\n          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);',\n        },\n      }}\n      fixSiderbar\n      fixedHeader\n      collapsed={collapsed}\n      collapsedButtonRender={(collapsed) => {\n        return <CollapsedButton collapsed={collapsed} />;\n      }}\n      {...more}\n    >\n      <GlobalScrollbarStyle />\n      <Exception>{actualKeepAlive ? <CreekKeepAlive getTabTitle={getTabTitle} {...keepAliveProps} /> : children}</Exception>\n    </ProLayout>\n  );\n\n  return layoutContent;\n};\n\nexport * from './Exception';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { theme } from 'antd';\nimport _ from 'lodash';\nimport { useContext } from 'react';\n\nimport classnames from 'classnames';\n\nimport { IntlContext, useT } from '@creekjs/i18n/react';\n\nimport { CreekKeepAlive, CreekKeepAliveProps } from '../creek-keep-alive';\nimport { CreekLocaleButton } from '../creek-locale-button';\nimport { GlobalScrollbarStyle } from '../creek-style/scrollbar';\nimport { FullScreen, LayoutSettings } from './ActionRender';\nimport { CollapsedButton, useCollapsedStore } from './CollapseButton';\nimport { Exception } from './Exception';\nimport { useLayoutSettingsStore } from './useLayoutSettingsStore';\n\nexport type LayoutProps = ProLayoutProps & {\n  runtimeConfig: ProLayoutProps;\n  userConfig?: ProLayoutProps;\n  navigate?: (path?: string | number) => void;\n  showFullScreen?: boolean;\n  showLocaleButton?: boolean;\n  showSettingsButton?: boolean;\n  showThemeColor?: boolean;\n  initialInfo?: {\n    initialState: any;\n    loading: boolean;\n    setInitialState: () => void;\n  };\n  keepAlive?: boolean | CreekKeepAliveProps;\n  extraActions?: React.ReactNode[];\n};\n\nconst MenuName = ({ name, path }: { name?: string; path?: string }) => {\n  const t = useT();\n  const key = !path || path === '/' ? 'menu.home' : `menu${path.replace(/\\//g, '.')}`;\n  return t(key, name);\n};\n\nexport const CreekLayout = (props: LayoutProps) => {\n  const {\n    route,\n    userConfig,\n    runtimeConfig,\n    children,\n    location,\n    navigate,\n    showFullScreen = false,\n    showLocaleButton = false,\n    showSettingsButton = false,\n    showThemeColor = true,\n    keepAlive = false,\n    extraActions = [],\n    ...more\n  } = props;\n\n  const { useToken } = theme;\n  const { token } = useToken();\n\n  const { collapsed } = useCollapsedStore();\n  const settingsStore = useLayoutSettingsStore();\n\n  const actualShowFullScreen = showFullScreen && (settingsStore.showFullScreen ?? true);\n  const actualShowLocaleButton = showLocaleButton && (settingsStore.showLocaleButton ?? true);\n  const colorPrimary = settingsStore.colorPrimary || token.colorPrimary;\n  const actualKeepAlive = keepAlive && (settingsStore.keepAlive ?? true);\n\n  const _userConfig = { ...userConfig, ...runtimeConfig };\n\n  const intlContext = useContext(IntlContext);\n  const hasI18n = !!intlContext && actualShowLocaleButton;\n\n  const menuDataRender = useMemoizedFn((menuData: MenuDataItem[]) => {\n    // 根据当前是否开启了国际化（上下文是否存在）以及用户配置来判断是否包裹菜单翻译\n    const isLocaleEnabled = hasI18n;\n\n    const mapMenu = (items: MenuDataItem[]): MenuDataItem[] => {\n      return items.map((item) => {\n        return {\n          ...item,\n          name: (isLocaleEnabled ? <MenuName name={item.name} path={item.path} /> : item.name) as string,\n          children: item.children ? mapMenu(item.children) : undefined,\n        };\n      });\n    };\n    return mapMenu(menuData);\n  });\n\n  const menuItemRender: ProLayoutProps['menuItemRender'] = useMemoizedFn((itemProps, defaultDom) => {\n    return (\n      <span\n        onClick={() => {\n          if (navigate) {\n            navigate(itemProps.path);\n          }\n        }}\n      >\n        {defaultDom}\n      </span>\n    );\n  });\n\n  const getTabTitle = useMemoizedFn((pathname: string): string | React.ReactNode => {\n    const routes = (route?.routes ?? []) as MenuDataItem[];\n\n    const findTitle = (items: MenuDataItem[]): string | undefined => {\n      for (const item of items) {\n        if (item.path === pathname) return item.name ?? item.title;\n        if (item.children) {\n          const found = findTitle(item.children);\n          if (found) return found;\n        }\n      }\n    };\n\n    const title = findTitle(routes) ?? pathname;\n\n    return hasI18n ? <MenuName name={title} path={pathname} /> : title;\n  });\n\n  const actions: React.ReactNode[] = [...extraActions];\n\n  if (actualShowFullScreen) {\n    actions.push(<FullScreen key=\"full-screen\" />);\n  }\n\n  if (actualShowLocaleButton) {\n    actions.push(<CreekLocaleButton key=\"locale-button\" />);\n  }\n\n  if (showSettingsButton) {\n    actions.push(<LayoutSettings key=\"settings\" defaultShowFullScreen={showFullScreen} defaultShowLocaleButton={showLocaleButton} defaultShowThemeColor={showThemeColor} defaultKeepAlive={_.isBoolean(keepAlive) ? keepAlive : true} />);\n  }\n\n  const keepAliveProps = _.isBoolean(keepAlive) ? {} : keepAlive;\n\n  const layoutContent = (\n    <ProLayout\n      className={classnames('creek-layout-container', _userConfig?.className)}\n      route={route}\n      title={_userConfig?.title}\n      siderWidth={200}\n      location={location}\n      menuDataRender={menuDataRender}\n      menuItemRender={menuItemRender}\n      actionsRender={() => actions}\n      token={{\n        header: {\n          colorBgHeader: '#fff',\n          colorHeaderTitle: 'rgba(0, 0, 0, 0.80);',\n          colorTextMenuSelected: colorPrimary,\n          heightLayoutHeader: 48,\n        },\n        sider: {\n          colorMenuBackground: '#f7f8fa',\n          colorBgMenuItemSelected: 'transparent',\n          colorTextMenuActive: colorPrimary,\n          colorTextMenuSelected: colorPrimary,\n          colorTextMenuItemHover: colorPrimary,\n          colorTextMenu: '#333',\n        },\n        pageContainer: {\n          paddingBlockPageContainerContent: 0,\n          paddingInlinePageContainerContent: 0,\n          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);',\n        },\n      }}\n      fixSiderbar\n      fixedHeader\n      collapsed={collapsed}\n      collapsedButtonRender={(collapsed) => {\n        return <CollapsedButton collapsed={collapsed} />;\n      }}\n      {...more}\n    >\n      <GlobalScrollbarStyle />\n      <Exception>{actualKeepAlive ? <CreekKeepAlive getTabTitle={getTabTitle} {...keepAliveProps} /> : children}</Exception>\n    </ProLayout>\n  );\n\n  return layoutContent;\n};\n\nexport * from './Exception';\n"],
+  "mappings": "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",
   "names": ["import_react", "_", "classnames", "collapsed"]
 }

package/dist/creek-layout/useLayoutSettingsStore.d.ts

@@ -9,12 +9,12 @@ export declare const useLayoutSettingsStore: import("zustand").UseBoundStore<Omi
     setState(partial: LayoutSettingsStore | Partial<LayoutSettingsStore> | ((state: LayoutSettingsStore) => LayoutSettingsStore | Partial<LayoutSettingsStore>), replace?: false | undefined): unknown;
     setState(state: LayoutSettingsStore | ((state: LayoutSettingsStore) => LayoutSettingsStore), replace: true): unknown;
     persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<LayoutSettingsStore, LayoutSettingsStore, unknown>>) => void;
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<LayoutSettingsStore, any, unknown>>) => void;
         clearStorage: () => void;
         rehydrate: () => void | Promise<void>;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: LayoutSettingsStore) => void) => () => void;
         onFinishHydration: (fn: (state: LayoutSettingsStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<LayoutSettingsStore, LayoutSettingsStore, unknown>>;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<LayoutSettingsStore, any, unknown>>;
     };
 }>;

package/dist/creek-layout/useLayoutSettingsStore.js

@@ -28,13 +28,20 @@ var useLayoutSettingsStore = (0, import_zustand.create)()(
   (0, import_middleware.persist)(
     (set) => ({
       colorPrimary: void 0,
-      showFullScreen: false,
-      showLocaleButton: false,
-      keepAlive: false,
+      showFullScreen: void 0,
+      showLocaleButton: void 0,
+      keepAlive: void 0,
       setSettings: (settings) => set((state) => ({ ...state, ...settings }))
     }),
     {
-      name: "creek-layout-settings"
+      name: "creek-layout-settings",
+      version: 2,
+      migrate: (persistedState, version) => {
+        if (version < 2) {
+          return { ...persistedState, showFullScreen: void 0, showLocaleButton: void 0, keepAlive: void 0 };
+        }
+        return persistedState;
+      }
     }
   )
 );

package/dist/creek-layout/useLayoutSettingsStore.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-layout/useLayoutSettingsStore.ts"],
-  "sourcesContent": ["import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\nexport type LayoutSettingsStore = {\n  colorPrimary?: string;\n  showFullScreen?: boolean;\n  showLocaleButton?: boolean;\n  keepAlive?: boolean;\n  setSettings: (settings: Partial<LayoutSettingsStore>) => void;\n};\n\nexport const useLayoutSettingsStore = create<LayoutSettingsStore>()(\n  persist(\n    (set) => ({\n      colorPrimary: undefined,\n      showFullScreen: false,\n      showLocaleButton: false,\n      keepAlive: false,\n      setSettings: (settings) => set((state) => ({ ...state, ...settings })),\n    }),\n    {\n      name: 'creek-layout-settings',\n    }\n  )\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuB;AACvB,wBAAwB;AAUjB,IAAM,6BAAyB,uBAA4B;AAAA,MAChE;AAAA,IACE,CAAC,SAAS;AAAA,MACR,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,GAAG,OAAO,GAAG,SAAS,EAAE;AAAA,IACvE;AAAA,IACA;AAAA,MACE,MAAM;AAAA,IACR;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { create } from 'zustand';\nimport { persist } from 'zustand/middleware';\n\nexport type LayoutSettingsStore = {\n  colorPrimary?: string;\n  showFullScreen?: boolean;\n  showLocaleButton?: boolean;\n  keepAlive?: boolean;\n  setSettings: (settings: Partial<LayoutSettingsStore>) => void;\n};\n\nexport const useLayoutSettingsStore = create<LayoutSettingsStore>()(\n  persist(\n    (set) => ({\n      colorPrimary: undefined,\n      showFullScreen: undefined,\n      showLocaleButton: undefined,\n      keepAlive: undefined,\n      setSettings: (settings) => set((state) => ({ ...state, ...settings })),\n    }),\n    {\n      name: 'creek-layout-settings',\n      version: 2,\n      migrate: (persistedState: any, version: number) => {\n        if (version < 2) {\n          // 旧版本布尔默认值为 false，新版本改为 undefined\n          // 清除旧版本的布尔类型字段，让外层配置优先生效\n          return { ...persistedState, showFullScreen: undefined, showLocaleButton: undefined, keepAlive: undefined };\n        }\n        return persistedState;\n      },\n    }\n  )\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuB;AACvB,wBAAwB;AAUjB,IAAM,6BAAyB,uBAA4B;AAAA,MAChE;AAAA,IACE,CAAC,SAAS;AAAA,MACR,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,WAAW;AAAA,MACX,aAAa,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,GAAG,OAAO,GAAG,SAAS,EAAE;AAAA,IACvE;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS,CAAC,gBAAqB,YAAoB;AACjD,YAAI,UAAU,GAAG;AAGf,iBAAO,EAAE,GAAG,gBAAgB,gBAAgB,QAAW,kBAAkB,QAAW,WAAW,OAAU;AAAA,QAC3G;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/creek-table/SearchTable.js

@@ -92,6 +92,11 @@ var useStyles = (0, import_antd_style.createStyles)(({ token }, options) => {
           padding: token.paddingXS
         }
       },
+      // 树形数据展开图标样式
+      [`.${prefixCls}-table-row-expand-icon`]: {
+        marginInlineEnd: 4,
+        flexShrink: 0
+      },
       // 如果没有 headerTitle，toolbar 展示在 headerTitle 的区域
       [`.${prefixCls}-pro-table-list-toolbar-right`]: !hasHeaderTitle ? {
         flex: 1
@@ -119,8 +124,19 @@ var SearchProTable = (props) => {
     size,
     headerTitle,
     showIndex = true,
+    expandable,
     ...restProps
   } = props;
+  const finalExpandable = (0, import_react.useMemo)(() => {
+    if (!showIndex)
+      return expandable;
+    if (!expandable)
+      return { columnPos: 1 };
+    if (expandable.columnPos === void 0) {
+      return { ...expandable, columnPos: 1 };
+    }
+    return expandable;
+  }, [expandable, showIndex]);
   const proTableRef = (0, import_react.useRef)(null);
   const [resizedWidths, setResizedWidths] = (0, import_ahooks.useSafeState)({});
   const { finalOptions, tableSize, finalOptionsRender } = (0, import_hooks.useTableOptions)(options, size, optionsRender);
@@ -141,6 +157,8 @@ var SearchProTable = (props) => {
         optionsRender: finalOptionsRender,
         size: tableSize,
         ...restProps,
+        pagination,
+        expandable: finalExpandable,
         className: (0, import_classnames.default)(styles["creek-table-container"], className),
         columns: resizableColumns,
         bordered,