@creekjs/web-components 1.0.5 → 1.0.7

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

@@ -22,14 +22,151 @@ __export(creek_keep_alive_exports, {
   CreekKeepAlive: () => CreekKeepAlive
 });
 module.exports = __toCommonJS(creek_keep_alive_exports);
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_lodash = require("lodash");
 var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+var import_i18n = require("../utils/i18n");
 var import_jsx_runtime = require("react/jsx-runtime");
-var CreekKeepAlive = () => {
-  const [isMounted, setIsMounted] = (0, import_react.useState)(false);
+var CreekKeepAlive = (props) => {
+  const { exclude = [], getTabTitle, homePath = "/", tabBarStyle, maxTabCount = 20 } = props;
+  const t = (0, import_i18n.useT)();
+  const outlet = (0, import_react_router_dom.useOutlet)();
+  const location = (0, import_react_router_dom.useLocation)();
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const [tabItems, setTabItems] = (0, import_react.useState)([]);
+  const [activeKey, setActiveKey] = (0, import_react.useState)("");
+  const [cachedPages, setCachedPages] = (0, import_react.useState)({});
+  const isPathExcluded = (path) => {
+    return exclude.some((item) => {
+      if ((0, import_lodash.isString)(item)) {
+        return item === path;
+      }
+      if ((0, import_lodash.isRegExp)(item)) {
+        return item.test(path);
+      }
+      return false;
+    });
+  };
+  (0, import_react.useEffect)(() => {
+    const currentPath = location.pathname;
+    setActiveKey(currentPath);
+    setCachedPages((prev) => {
+      if (prev[currentPath]) {
+        return prev;
+      }
+      return {
+        ...prev,
+        [currentPath]: outlet
+      };
+    });
+    setTabItems((prev) => {
+      if (prev.find((i) => i.key === currentPath)) {
+        return prev;
+      }
+      const title = (getTabTitle == null ? void 0 : getTabTitle(currentPath)) || currentPath;
+      const newItems = [...prev, { key: currentPath, label: title, closable: currentPath !== homePath }];
+      if (newItems.length > maxTabCount) {
+        const indexToRemove = newItems.findIndex((item) => item.closable && item.key !== currentPath);
+        if (indexToRemove !== -1) {
+          const itemToRemove = newItems[indexToRemove];
+          setCachedPages((currentCached) => (0, import_lodash.omit)(currentCached, [itemToRemove.key]));
+          newItems.splice(indexToRemove, 1);
+        }
+      }
+      return newItems;
+    });
+  }, [location.pathname, outlet, getTabTitle, homePath, maxTabCount]);
   (0, import_react.useEffect)(() => {
-    setIsMounted(true);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "KeepAlive" });
+  const closeTab = (0, import_ahooks.useMemoizedFn)((targetKey) => {
+    const targetIndex = tabItems.findIndex((item) => item.key === targetKey);
+    const newTabItems = tabItems.filter((item) => item.key !== targetKey);
+    setCachedPages((prev) => (0, import_lodash.omit)(prev, [targetKey]));
+    setTabItems(newTabItems);
+    if (targetKey === activeKey) {
+      if (newTabItems.length > 0) {
+        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);
+    setTabItems(newTabItems);
+    const keepKeys = newTabItems.map((i) => i.key);
+    setCachedPages((prev) => {
+      const newCachedPages = {};
+      keepKeys.forEach((k) => {
+        if (prev[k])
+          newCachedPages[k] = prev[k];
+      });
+      return newCachedPages;
+    });
+    if (activeKey !== currentKey) {
+      navigate(currentKey);
+    }
+  });
+  const closeRightTabs = (0, import_ahooks.useMemoizedFn)((currentKey) => {
+    const currentIndex = tabItems.findIndex((i) => i.key === currentKey);
+    const rightItems = tabItems.slice(currentIndex + 1);
+    const rightKeys = rightItems.map((i) => i.key);
+    const newTabItems = tabItems.filter((i) => !rightKeys.includes(i.key));
+    setTabItems(newTabItems);
+    setCachedPages((prev) => (0, import_lodash.omit)(prev, rightKeys));
+    if (rightKeys.includes(activeKey)) {
+      navigate(currentKey);
+    }
+  });
+  const handleTabEdit = (targetKey, action) => {
+    if (action === "remove" && (0, import_lodash.isString)(targetKey)) {
+      closeTab(targetKey);
+    }
+  };
+  const handleTabClick = (key) => {
+    navigate(key);
+  };
+  const renderTabLabel = (item) => {
+    const menuItems = [
+      {
+        key: "close",
+        label: t("creek-keep-alive.index.guanBiDangQian", "关闭当前"),
+        disabled: item.key === homePath,
+        onClick: () => closeTab(item.key)
+      },
+      {
+        key: "closeOthers",
+        label: t("creek-keep-alive.index.guanBiQiTa", "关闭其他"),
+        onClick: () => closeOtherTabs(item.key)
+      },
+      {
+        key: "closeRight",
+        label: t("creek-keep-alive.index.guanBiYouCe", "关闭右侧"),
+        onClick: () => closeRightTabs(item.key)
+      }
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Dropdown, { menu: { items: menuItems }, trigger: ["contextMenu"], children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.label }) });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "creek-keep-alive", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Tabs,
+    {
+      activeKey,
+      type: "editable-card",
+      hideAdd: true,
+      onChange: handleTabClick,
+      onEdit: handleTabEdit,
+      tabBarStyle: { margin: 0, ...tabBarStyle },
+      items: tabItems.map((item) => ({
+        ...item,
+        label: renderTabLabel(item),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: "100%", display: activeKey === item.key ? "block" : "none" }, children: !isPathExcluded(item.key) || activeKey === item.key ? cachedPages[item.key] : null }, item.key)
+      }))
+    }
+  ) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-keep-alive/index.tsx"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nexport const CreekKeepAlive = () => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return <div>KeepAlive</div>;\n};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAS3B;AAPF,IAAM,iBAAiB,MAAM;AAClC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,8BAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SAAO,4CAAC,SAAI,uBAAS;AACvB;",
+  "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 '@/utils/i18n';\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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",
   "names": []
 }

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

@@ -27,6 +27,7 @@ var import_icons = require("@ant-design/icons");
 var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_zustand = require("zustand");
+var import_i18n = require("../../utils/i18n");
 var import_jsx_runtime = require("react/jsx-runtime");
 var useFullScreenStore = (0, import_zustand.create)((set, get) => {
   return {
@@ -40,13 +41,14 @@ var useFullScreenStore = (0, import_zustand.create)((set, get) => {
   };
 });
 var FullScreen = () => {
+  const t = (0, import_i18n.useT)();
   const [, { toggleFullscreen }] = (0, import_ahooks.useFullscreen)(document.body);
   const { isFullScreen, changeFullScreen } = useFullScreenStore.getState();
   const handleFullScreen = (0, import_ahooks.useMemoizedFn)(() => {
     toggleFullscreen();
     changeFullScreen();
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "退出全屏", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenExitOutlined, { onClick: handleFullScreen }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "全屏", placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenOutlined, { onClick: handleFullScreen }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: t("creek-layout.ActionRender.FullScreen.tuiChuQuanPing", "退出全屏"), placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenExitOutlined, { onClick: handleFullScreen }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: t("creek-layout.ActionRender.FullScreen.quanPing", "全屏"), placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FullscreenOutlined, { onClick: handleFullScreen }) }) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-layout/ActionRender/FullScreen.tsx"],
-  "sourcesContent": ["import { FullscreenExitOutlined, FullscreenOutlined } from \"@ant-design/icons\";\nimport { useFullscreen, useMemoizedFn } from \"ahooks\";\nimport { Tooltip } from \"antd\";\nimport { create } from \"zustand\";\n\nexport type FullScreenStore = {\n  isFullScreen: boolean;\n  changeFullScreen: () => void;\n};\n\nexport const useFullScreenStore = create<FullScreenStore>((set, get) => {\n  return {\n    isFullScreen: false,\n    changeFullScreen: () => {\n      const _isFullScreen = get().isFullScreen;\n      set({\n        isFullScreen: !_isFullScreen,\n      });\n    },\n  };\n});\n\nexport const FullScreen = () => {\n  const [, { toggleFullscreen }] = useFullscreen(document.body);\n\n  const { isFullScreen, changeFullScreen } = useFullScreenStore.getState();\n\n  const handleFullScreen = useMemoizedFn(() => {\n    toggleFullscreen();\n    changeFullScreen();\n  });\n\n  return (\n    <>\n      {isFullScreen ? (\n        <Tooltip title=\"退出全屏\" placement=\"top\">\n          <FullscreenExitOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      ) : (\n        <Tooltip title=\"全屏\" placement=\"top\">\n          <FullscreenOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2D;AAC3D,oBAA6C;AAC7C,kBAAwB;AACxB,qBAAuB;AA8BnB;AAvBG,IAAM,yBAAqB,uBAAwB,CAAC,KAAK,QAAQ;AACtE,SAAO;AAAA,IACL,cAAc;AAAA,IACd,kBAAkB,MAAM;AACtB,YAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAI;AAAA,QACF,cAAc,CAAC;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAEM,IAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,QAAI,6BAAc,SAAS,IAAI;AAE5D,QAAM,EAAE,cAAc,iBAAiB,IAAI,mBAAmB,SAAS;AAEvE,QAAM,uBAAmB,6BAAc,MAAM;AAC3C,qBAAiB;AACjB,qBAAiB;AAAA,EACnB,CAAC;AAED,SACE,2EACG,yBACC,4CAAC,uBAAQ,OAAM,QAAO,WAAU,OAC9B,sDAAC,uCAAuB,SAAS,kBAAkB,GACrD,IAEA,4CAAC,uBAAQ,OAAM,MAAK,WAAU,OAC5B,sDAAC,mCAAmB,SAAS,kBAAkB,GACjD,GAEJ;AAEJ;",
+  "sourcesContent": ["import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons';\nimport { useFullscreen, useMemoizedFn } from 'ahooks';\nimport { Tooltip } from 'antd';\n\nimport { create } from 'zustand';\n\nimport { useT } from '@/utils/i18n';\n\nexport type FullScreenStore = {\n  isFullScreen: boolean;\n  changeFullScreen: () => void;\n};\n\nexport const useFullScreenStore = create<FullScreenStore>((set, get) => {\n  return {\n    isFullScreen: false,\n    changeFullScreen: () => {\n      const _isFullScreen = get().isFullScreen;\n      set({\n        isFullScreen: !_isFullScreen,\n      });\n    },\n  };\n});\n\nexport const FullScreen = () => {\n  const t = useT();\n  const [, { toggleFullscreen }] = useFullscreen(document.body);\n\n  const { isFullScreen, changeFullScreen } = useFullScreenStore.getState();\n\n  const handleFullScreen = useMemoizedFn(() => {\n    toggleFullscreen();\n    changeFullScreen();\n  });\n\n  return (\n    <>\n      {isFullScreen ? (\n        <Tooltip title={t('creek-layout.ActionRender.FullScreen.tuiChuQuanPing', '退出全屏')} placement=\"top\">\n          <FullscreenExitOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      ) : (\n        <Tooltip title={t('creek-layout.ActionRender.FullScreen.quanPing', '全屏')} placement=\"top\">\n          <FullscreenOutlined onClick={handleFullScreen} />\n        </Tooltip>\n      )}\n    </>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2D;AAC3D,oBAA6C;AAC7C,kBAAwB;AAExB,qBAAuB;AAEvB,kBAAqB;AA+BjB;AAxBG,IAAM,yBAAqB,uBAAwB,CAAC,KAAK,QAAQ;AACtE,SAAO;AAAA,IACL,cAAc;AAAA,IACd,kBAAkB,MAAM;AACtB,YAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAI;AAAA,QACF,cAAc,CAAC;AAAA,MACjB,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAEM,IAAM,aAAa,MAAM;AAC9B,QAAM,QAAI,kBAAK;AACf,QAAM,CAAC,EAAE,EAAE,iBAAiB,CAAC,QAAI,6BAAc,SAAS,IAAI;AAE5D,QAAM,EAAE,cAAc,iBAAiB,IAAI,mBAAmB,SAAS;AAEvE,QAAM,uBAAmB,6BAAc,MAAM;AAC3C,qBAAiB;AACjB,qBAAiB;AAAA,EACnB,CAAC;AAED,SACE,2EACG,yBACC,4CAAC,uBAAQ,OAAO,EAAE,uDAAuD,MAAM,GAAG,WAAU,OAC1F,sDAAC,uCAAuB,SAAS,kBAAkB,GACrD,IAEA,4CAAC,uBAAQ,OAAO,EAAE,iDAAiD,IAAI,GAAG,WAAU,OAClF,sDAAC,mCAAmB,SAAS,kBAAkB,GACjD,GAEJ;AAEJ;",
   "names": []
 }

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

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

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

@@ -0,0 +1,73 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-layout/ActionRender/LayoutSettings.tsx
+var LayoutSettings_exports = {};
+__export(LayoutSettings_exports, {
+  LayoutSettings: () => LayoutSettings
+});
+module.exports = __toCommonJS(LayoutSettings_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+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 }) => {
+  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)(
+      import_antd.ColorPicker,
+      {
+        value: colorPrimary,
+        onChange: (color, hex) => {
+          setSettings({ colorPrimary: hex || void 0 });
+        },
+        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 }) }) })
+  ] });
+};
+var LayoutSettings = ({
+  defaultShowFullScreen,
+  defaultShowLocaleButton,
+  defaultKeepAlive
+}) => {
+  const t = (0, import_react.useT)();
+  const { drawer } = (0, import_creek_hooks.useApp)();
+  const handleOpenSettings = () => {
+    drawer.open({
+      title: t("creek-layout.ActionRender.LayoutSettings.title", "系统设置"),
+      placement: "right",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsForm, { defaultShowFullScreen, defaultShowLocaleButton, 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 }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LayoutSettings
+});
+//# sourceMappingURL=LayoutSettings.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-layout/ActionRender/UserInfo.tsx"],
-  "sourcesContent": ["import { Avatar, Dropdown, DropDownProps, Space } from \"antd\";\nimport { createStyles } from \"antd-style\";\n\nconst useStyles = createStyles(({ token }) => ({\n  avatarContainer: {\n    backgroundColor: token.colorPrimary,\n    width: 24,\n    height: 24,\n  },\n  userInfoDropdownOverlay: {\n    \".ant-dropdown-menu\": {\n      padding: \"8px 0\",\n    },\n    \".ant-dropdown-menu-item\": {\n      \".ant-dropdown-menu-item-icon\": {\n        fontSize: \"18px\",\n        marginRight: \"8px\",\n      },\n    },\n  },\n}));\n\nexport interface UserInfoProps {\n  name?: React.ReactNode;\n  avatar?: string;\n  menu?: DropDownProps['menu'];\n}\n\nexport const UserInfo = (props: UserInfoProps) => {\n  const { styles } = useStyles();\n  const { name, avatar, menu } = props;\n\n  return (\n    <Dropdown arrow placement=\"bottom\" overlayClassName={styles.userInfoDropdownOverlay} menu={menu}>\n      <Space size={4} align=\"center\">\n        <Avatar className={styles.avatarContainer} src={avatar}>\n          {name}\n        </Avatar>\n        <span>{name}</span>\n      </Space>\n    </Dropdown>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuD;AACvD,wBAA6B;AAiCvB;AA/BN,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAM,OAAO;AAAA,EAC7C,iBAAiB;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,sBAAsB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzB,gCAAgC;AAAA,QAC9B,UAAU;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,EAAE;AAQK,IAAM,WAAW,CAAC,UAAyB;AAChD,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,MAAM,QAAQ,KAAK,IAAI;AAE/B,SACE,4CAAC,wBAAS,OAAK,MAAC,WAAU,UAAS,kBAAkB,OAAO,yBAAyB,MACnF,uDAAC,qBAAM,MAAM,GAAG,OAAM,UACpB;AAAA,gDAAC,sBAAO,WAAW,OAAO,iBAAiB,KAAK,QAC7C,gBACH;AAAA,IACA,4CAAC,UAAM,gBAAK;AAAA,KACd,GACF;AAEJ;",
+  "sourcesContent": ["import { Avatar, Dropdown, DropDownProps, Space } from \"antd\";\nimport { createStyles } from \"antd-style\";\n\nconst useStyles = createStyles(({ token}) => ({\n  avatarContainer: {\n    backgroundColor: token.colorPrimary,\n    width: 24,\n    height: 24,\n  },\n  userInfoDropdownOverlay: {\n    \".ant-dropdown-menu\": {\n      padding: \"8px 0\",\n    },\n    \".ant-dropdown-menu-item\": {\n      \".ant-dropdown-menu-item-icon\": {\n        fontSize: \"18px\",\n        marginRight: \"8px\",\n      },\n    },\n  },\n}));\n\nexport interface UserInfoProps {\n  name?: React.ReactNode;\n  avatar?: string;\n  menu?: DropDownProps['menu'];\n}\n\nexport const UserInfo = (props: UserInfoProps) => {\n  const { styles } = useStyles();\n  const { name, avatar, menu } = props;\n\n  return (\n    <Dropdown arrow placement=\"bottom\" overlayClassName={styles.userInfoDropdownOverlay} menu={menu}>\n      <Space size={4} align=\"center\">\n        <Avatar className={styles.avatarContainer} src={avatar}>\n          {name}\n        </Avatar>\n        <span>{name}</span>\n      </Space>\n    </Dropdown>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuD;AACvD,wBAA6B;AAiCvB;AA/BN,IAAM,gBAAY,gCAAa,CAAC,EAAE,MAAK,OAAO;AAAA,EAC5C,iBAAiB;AAAA,IACf,iBAAiB,MAAM;AAAA,IACvB,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,yBAAyB;AAAA,IACvB,sBAAsB;AAAA,MACpB,SAAS;AAAA,IACX;AAAA,IACA,2BAA2B;AAAA,MACzB,gCAAgC;AAAA,QAC9B,UAAU;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,EAAE;AAQK,IAAM,WAAW,CAAC,UAAyB;AAChD,QAAM,EAAE,OAAO,IAAI,UAAU;AAC7B,QAAM,EAAE,MAAM,QAAQ,KAAK,IAAI;AAE/B,SACE,4CAAC,wBAAS,OAAK,MAAC,WAAU,UAAS,kBAAkB,OAAO,yBAAyB,MACnF,uDAAC,qBAAM,MAAM,GAAG,OAAM,UACpB;AAAA,gDAAC,sBAAO,WAAW,OAAO,iBAAiB,KAAK,QAC7C,gBACH;AAAA,IACA,4CAAC,UAAM,gBAAK;AAAA,KACd,GACF;AAEJ;",
   "names": []
 }

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

@@ -1,2 +1,3 @@
 export { FullScreen } from './FullScreen';
 export { UserInfo } from './UserInfo';
+export { LayoutSettings } from './LayoutSettings';

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

@@ -20,14 +20,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ActionRender_exports = {};
 __export(ActionRender_exports, {
   FullScreen: () => import_FullScreen.FullScreen,
+  LayoutSettings: () => import_LayoutSettings.LayoutSettings,
   UserInfo: () => import_UserInfo.UserInfo
 });
 module.exports = __toCommonJS(ActionRender_exports);
 var import_FullScreen = require("./FullScreen");
 var import_UserInfo = require("./UserInfo");
+var import_LayoutSettings = require("./LayoutSettings");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FullScreen,
+  LayoutSettings,
   UserInfo
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/creek-layout/ActionRender/index.tsx"],
-  "sourcesContent": ["export { FullScreen } from './FullScreen';\nexport { UserInfo } from './UserInfo';\n\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B;AAC3B,sBAAyB;",
+  "sourcesContent": ["export { FullScreen } from './FullScreen';\nexport { UserInfo } from './UserInfo';\nexport { LayoutSettings } from './LayoutSettings';\n\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B;AAC3B,sBAAyB;AACzB,4BAA+B;",
   "names": []
 }

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

@@ -1,20 +1,20 @@
 /// <reference types="react" />
 import { ProLayoutProps } from '@ant-design/pro-components';
+import { CreekKeepAliveProps } from '../creek-keep-alive';
 export type LayoutProps = ProLayoutProps & {
     runtimeConfig: ProLayoutProps;
     userConfig?: ProLayoutProps;
     navigate?: (path?: string | number) => void;
     showFullScreen?: boolean;
-    userInfo?: {
-        name?: React.ReactNode;
-        avatar?: string;
-        menu?: any;
-    };
+    showLocaleButton?: boolean;
+    showSettingsButton?: boolean;
     initialInfo?: {
         initialState: any;
         loading: boolean;
         setInitialState: () => void;
     };
+    keepAlive?: boolean | CreekKeepAliveProps;
+    extraActions?: React.ReactNode[];
 };
 export declare const CreekLayout: (props: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export * from './Exception';

package/dist/creek-layout/index.js

@@ -36,17 +36,45 @@ module.exports = __toCommonJS(creek_layout_exports);
 var import_pro_components = require("@ant-design/pro-components");
 var import_ahooks = require("ahooks");
 var import_antd = require("antd");
+var import_lodash = __toESM(require("lodash"));
 var import_classnames = __toESM(require("classnames"));
+var import_react = require("@creekjs/i18n/react");
+var import_creek_keep_alive = require("../creek-keep-alive");
+var import_creek_locale_button = require("../creek-locale-button");
+var import_scrollbar = require("../creek-style/scrollbar");
 var import_ActionRender = require("./ActionRender");
 var import_CollapseButton = require("./CollapseButton");
 var import_Exception = require("./Exception");
+var import_useLayoutSettingsStore = require("./useLayoutSettingsStore");
 __reExport(creek_layout_exports, require("./Exception"), module.exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var MenuName = ({ name, path }) => {
+  const t = (0, import_react.useT)();
+  const key = !path || path === "/" ? "menu.home" : `menu${path.replace(/\//g, ".")}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: t(key, name) });
+};
 var CreekLayout = (props) => {
-  const { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, userInfo, ...more } = props;
+  const { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, showLocaleButton = true, showSettingsButton = true, keepAlive = true, extraActions = [], ...more } = props;
   const { useToken } = import_antd.theme;
   const { token } = useToken();
   const { collapsed } = (0, import_CollapseButton.useCollapsedStore)();
+  const settingsStore = (0, import_useLayoutSettingsStore.useLayoutSettingsStore)();
+  const actualShowFullScreen = settingsStore.showFullScreen ?? showFullScreen ?? false;
+  const actualShowLocaleButton = settingsStore.showLocaleButton ?? showLocaleButton ?? true;
+  const colorPrimary = settingsStore.colorPrimary || token.colorPrimary;
+  const actualKeepAlive = settingsStore.keepAlive ?? keepAlive ?? true;
+  const menuDataRender = (0, import_ahooks.useMemoizedFn)((menuData) => {
+    const mapMenu = (items) => {
+      return items.map((item) => {
+        return {
+          ...item,
+          name: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuName, { name: item.name, path: item.path }),
+          children: item.children ? mapMenu(item.children) : void 0
+        };
+      });
+    };
+    return mapMenu(menuData);
+  });
   const menuItemRender = (0, import_ahooks.useMemoizedFn)((itemProps, defaultDom) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
@@ -60,41 +88,72 @@ var CreekLayout = (props) => {
       }
     );
   });
-  const actions = [];
-  if (showFullScreen) {
+  const getTabTitle = (0, import_ahooks.useMemoizedFn)((pathname) => {
+    const findTitle = (routes) => {
+      for (const r of routes) {
+        if (r.path === pathname)
+          return r.name || r.title;
+        if (r.children) {
+          const found = findTitle(r.children);
+          if (found)
+            return found;
+        }
+      }
+      return void 0;
+    };
+    return findTitle((route == null ? void 0 : route.routes) || []) || pathname;
+  });
+  const actions = [...extraActions];
+  if (actualShowFullScreen) {
     actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionRender.FullScreen, {}, "full-screen"));
   }
-  if (userInfo) {
-    actions.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionRender.UserInfo, { ...userInfo }, "user-info"));
+  if (actualShowLocaleButton) {
+    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"
+      )
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const keepAliveProps = import_lodash.default.isBoolean(keepAlive) ? {} : keepAlive;
+  const _userConfig = { ...userConfig, ...runtimeConfig };
+  const layoutContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_pro_components.ProLayout,
     {
-      className: (0, import_classnames.default)("creek-layout-container", userConfig == null ? void 0 : userConfig.className),
+      className: (0, import_classnames.default)("creek-layout-container", _userConfig == null ? void 0 : _userConfig.className),
       route,
-      title: userConfig == null ? void 0 : userConfig.title,
-      siderWidth: 212,
+      title: _userConfig == null ? void 0 : _userConfig.title,
+      siderWidth: 200,
       location,
+      menuDataRender,
       menuItemRender,
       actionsRender: () => actions,
       token: {
         header: {
           colorBgHeader: "#fff",
           colorHeaderTitle: "rgba(0, 0, 0, 0.80);",
-          colorTextMenuSelected: token.colorPrimary,
+          colorTextMenuSelected: colorPrimary,
           heightLayoutHeader: 48
         },
         sider: {
           colorMenuBackground: "#f7f8fa",
           colorBgMenuItemSelected: "transparent",
-          colorTextMenuActive: token.colorPrimary,
-          colorTextMenuSelected: token.colorPrimary,
-          colorTextMenuItemHover: token.colorPrimary,
+          colorTextMenuActive: colorPrimary,
+          colorTextMenuSelected: colorPrimary,
+          colorTextMenuItemHover: colorPrimary,
           colorTextMenu: "#333"
         },
         pageContainer: {
-          paddingBlockPageContainerContent: token.padding,
-          paddingInlinePageContainerContent: token.padding,
+          paddingBlockPageContainerContent: 0,
+          paddingInlinePageContainerContent: 0,
           colorBgPageContainer: "linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);"
         }
       },
@@ -105,9 +164,13 @@ var CreekLayout = (props) => {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CollapseButton.CollapsedButton, { collapsed: collapsed2 });
       },
       ...more,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Exception.Exception, { children })
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_scrollbar.GlobalScrollbarStyle, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Exception.Exception, { children: actualKeepAlive ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_creek_keep_alive.CreekKeepAlive, { getTabTitle, ...keepAliveProps }) : children })
+      ]
     }
   );
+  return layoutContent;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/creek-layout/index.tsx"],
-  "sourcesContent": ["import { ProLayout, ProLayoutProps } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { theme } from 'antd';\nimport classnames from 'classnames';\n\nimport { FullScreen, UserInfo } from './ActionRender';\nimport { CollapsedButton, useCollapsedStore } from './CollapseButton';\nimport { Exception } from './Exception';\n\nexport type LayoutProps = ProLayoutProps & {\n  runtimeConfig: ProLayoutProps;\n  userConfig?: ProLayoutProps;\n  navigate?: (path?: string | number) => void;\n  showFullScreen?: boolean;\n  userInfo?: {\n    name?: React.ReactNode;\n    avatar?: string;\n    menu?: any;\n  };\n  initialInfo?: {\n    initialState: any;\n    loading: boolean;\n    setInitialState: () => void;\n  };\n};\n\nexport const CreekLayout = (props: LayoutProps) => {\n  const { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, userInfo, ...more } = props;\n\n  const { useToken } = theme;\n  const { token } = useToken();\n\n  const { collapsed } = useCollapsedStore();\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 actions: React.ReactNode[] = [];\n  if (showFullScreen) {\n    actions.push(<FullScreen key=\"full-screen\" />);\n  }\n  if (userInfo) {\n    actions.push(<UserInfo key=\"user-info\" {...userInfo} />);\n  }\n\n  return (\n    <ProLayout\n      className={classnames('creek-layout-container', userConfig?.className)}\n      route={route}\n      title={userConfig?.title}\n      siderWidth={212}\n      location={location}\n      menuItemRender={menuItemRender}\n      actionsRender={() => actions}\n      token={{\n        header: {\n          colorBgHeader: '#fff',\n          colorHeaderTitle: 'rgba(0, 0, 0, 0.80);',\n          colorTextMenuSelected: token.colorPrimary,\n          heightLayoutHeader: 48,\n        },\n        sider: {\n          colorMenuBackground: '#f7f8fa',\n          colorBgMenuItemSelected: 'transparent',\n          colorTextMenuActive: token.colorPrimary,\n          colorTextMenuSelected: token.colorPrimary,\n          colorTextMenuItemHover: token.colorPrimary,\n          colorTextMenu: '#333',\n        },\n        pageContainer: {\n          paddingBlockPageContainerContent: token.padding,\n          paddingInlinePageContainerContent: token.padding,\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      <Exception>{children}</Exception>\n    </ProLayout>\n  );\n};\n\nexport * from './Exception';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,oBAA8B;AAC9B,kBAAsB;AACtB,wBAAuB;AAEvB,0BAAqC;AACrC,4BAAmD;AACnD,uBAA0B;AA4F1B,iCAAc,wBAnGd;AAoCM;AAVC,IAAM,cAAc,CAAC,UAAuB;AACjD,QAAM,EAAE,OAAO,YAAY,eAAe,UAAU,UAAU,UAAU,gBAAgB,UAAU,GAAG,KAAK,IAAI;AAE9G,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,EAAE,UAAU,QAAI,yCAAkB;AAExC,QAAM,qBAAmD,6BAAc,CAAC,WAAW,eAAe;AAChG,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,cAAI,UAAU;AACZ,qBAAS,UAAU,IAAI;AAAA,UACzB;AAAA,QACF;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AAED,QAAM,UAA6B,CAAC;AACpC,MAAI,gBAAgB;AAClB,YAAQ,KAAK,4CAAC,oCAAe,aAAc,CAAE;AAAA,EAC/C;AACA,MAAI,UAAU;AACZ,YAAQ,KAAK,4CAAC,gCAA0B,GAAG,YAAhB,WAA0B,CAAE;AAAA,EACzD;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAA,SAAW,0BAA0B,yCAAY,SAAS;AAAA,MACrE;AAAA,MACA,OAAO,yCAAY;AAAA,MACnB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,eAAe,MAAM;AAAA,MACrB,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,kBAAkB;AAAA,UAClB,uBAAuB,MAAM;AAAA,UAC7B,oBAAoB;AAAA,QACtB;AAAA,QACA,OAAO;AAAA,UACL,qBAAqB;AAAA,UACrB,yBAAyB;AAAA,UACzB,qBAAqB,MAAM;AAAA,UAC3B,uBAAuB,MAAM;AAAA,UAC7B,wBAAwB,MAAM;AAAA,UAC9B,eAAe;AAAA,QACjB;AAAA,QACA,eAAe;AAAA,UACb,kCAAkC,MAAM;AAAA,UACxC,mCAAmC,MAAM;AAAA,UACzC,sBAAsB;AAAA,QACxB;AAAA,MACF;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX;AAAA,MACA,uBAAuB,CAACC,eAAc;AACpC,eAAO,4CAAC,yCAAgB,WAAWA,YAAW;AAAA,MAChD;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,8BAAW,UAAS;AAAA;AAAA,EACvB;AAEJ;",
-  "names": ["classnames", "collapsed"]
+  "sourcesContent": ["import { ProLayout, ProLayoutProps } from '@ant-design/pro-components';\nimport { useMemoizedFn } from 'ahooks';\nimport { theme } from 'antd';\nimport _ from 'lodash';\n\nimport classnames from 'classnames';\n\nimport { 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 { route, userConfig, runtimeConfig, children, location, navigate, showFullScreen, showLocaleButton = true, showSettingsButton = true, keepAlive = true, extraActions = [], ...more } = 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 ?? false;\n  const actualShowLocaleButton = settingsStore.showLocaleButton ?? showLocaleButton ?? true;\n  const colorPrimary = settingsStore.colorPrimary || token.colorPrimary;\n  const actualKeepAlive = settingsStore.keepAlive ?? keepAlive ?? true;\n\n  const menuDataRender = useMemoizedFn((menuData: any[]) => {\n    const mapMenu = (items: any[]): any[] => {\n      return items.map((item) => {\n        return {\n          ...item,\n          name: <MenuName name={item.name} path={item.path} />,\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) => {\n    const findTitle = (routes: any[]): string | React.ReactNode | undefined => {\n      for (const r of routes) {\n        if (r.path === pathname) return r.name || r.title;\n        if (r.children) {\n          const found = findTitle(r.children);\n          if (found) return found;\n        }\n      }\n      return undefined;\n    };\n    return findTitle(route?.routes || []) || pathname;\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(\n      <LayoutSettings\n        key=\"settings\"\n        defaultShowFullScreen={showFullScreen}\n        defaultShowLocaleButton={showLocaleButton}\n        defaultKeepAlive={_.isBoolean(keepAlive) ? keepAlive : true}\n      />\n    );\n  }\n\n  const keepAliveProps = _.isBoolean(keepAlive) ? {} : keepAlive;\n\n  const _userConfig = { ...userConfig, ...runtimeConfig };\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": ["_", "classnames", "collapsed"]
 }

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

@@ -0,0 +1,20 @@
+export type LayoutSettingsStore = {
+    colorPrimary?: string;
+    showFullScreen?: boolean;
+    showLocaleButton?: boolean;
+    keepAlive?: boolean;
+    setSettings: (settings: Partial<LayoutSettingsStore>) => void;
+};
+export declare const useLayoutSettingsStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<LayoutSettingsStore>, "setState" | "persist"> & {
+    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;
+        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>>;
+    };
+}>;