@knockout-js/layout 0.0.4-beta.1 → 0.1.1-beta.0

package/esm/components/aggregate-menu/index.module.css

@@ -3,16 +3,12 @@
   cursor: pointer;
 }
 
-.aggregateMenuDrawer {
-
-  :global(.ant-drawer-header-title) {
-    flex-direction: row-reverse;
-  }
-
-  :global(.ant-drawer-body) {
-    padding: 0;
-  }
+.aggregateMenuDrawer :global(.ant-drawer-header-title) {
+  flex-direction: row-reverse;
+}
 
+.aggregateMenuDrawer :global(.ant-drawer-body) {
+  padding: 0;
 }
 
 .aggregateMenuDrawerRow {
@@ -20,20 +16,20 @@
   display: flex;
 }
 
-.aggregateMenuDrawerMenu {
-  height: 100%;
-  border-right: 1px solid rgba(5, 5, 5, 0.06);
-}
-
 .aggregateMenuDrawerAllMenu {
   height: calc(100% - 52px);
   padding: 16px;
   overflow-y: auto;
+  box-sizing: border-box;
+}
+
+.aggregateMenuDrawerAllMenuColumn {
+  /* column瀑布流 */
   column-count: 3;
   column-gap: 10px;
 }
 
-.aggregateMenuDrawerAllMenuColumn {
+.aggregateMenuDrawerAllMenuColumnItem {
   /* 瀑布流关键写法 */
   break-inside: avoid;
   margin-bottom: 16px;
@@ -58,25 +54,21 @@
   height: 32px;
   line-height: 32px;
   cursor: pointer;
-  padding: 0 16px;
+  padding: 0 6px 0 16px;
   display: flex;
+}
 
-  &:hover {
-    background-color: #f1f1f1;
-
-    :global(.anticon-star) {
-      display: inline;
-    }
-  }
+.aggregateMenuDrawerAllMenuItem :global(.anticon-star.collect) {
+  color: rgb(255, 106, 0);
+  display: inline-flex;
+}
 
-  :global(.anticon-star.collect) {
-    color: rgb(255, 106, 0);
-    display: inline-flex;
-  }
+.aggregateMenuDrawerAllMenuItem:hover {
+  background-color: #f1f1f1;
+}
 
-  :global(.anticon-star) {
-    display: none;
-  }
+.aggregateMenuDrawerAllMenuItem:hover :global(.anticon) {
+  display: inline;
 }
 
 .aggregateMenuDrawerAllMenuItemDir {
@@ -94,38 +86,61 @@
   font-weight: lighter;
 }
 
+.aggregateMenuDrawerAllMenuItemIcons :global(.ant-space) {
+  align-items: unset;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon) {
+  display: none;
+  color: #c1c1c1;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover :global(.anticon-star.collect) {
+  color: rgb(255, 106, 0);
+  display: inline-flex;
+}
+
 .aggregateMenuDrawerAllInput {
   padding: 10px 0;
   margin: 0 16px;
   border-bottom: 1px solid rgba(5, 5, 5, 0.06);
 }
 
+.aggregateMenuDrawerMenu {
+  height: 100%;
+  border-right: 1px solid rgba(5, 5, 5, 0.06);
+}
+
 .aggregateMenuDrawerMenuItem {
   height: 40px;
   line-height: 40px;
   cursor: pointer;
-  padding: 0 16px;
+  padding: 0 10px 0 16px;
   display: flex;
+}
 
-  &:hover {
-    background-color: #f1f1f1;
+.aggregateMenuDrawerMenuItem:hover {
+  background-color: #f1f1f1;
+}
 
-    .aggregateMenuDrawerMenuItemIcons {
-      display: block;
-    }
-  }
+.aggregateMenuDrawerMenuItem:hover .aggregateMenuDrawerMenuItemIcons {
+  display: block;
 }
 
 .aggregateMenuDrawerMenuItemIcons {
   display: none;
+}
 
-  :global(.anticon) {
-    color: #c1c1c1;
+.aggregateMenuDrawerMenuItemIcons :global(.anticon) {
+  color: #c1c1c1;
+}
 
-    &:hover {
-      color: #8c8c8c;
-    }
-  }
+.aggregateMenuDrawerMenuItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
 }
 
 .aggregateMenuDrawerMenuItemName {
@@ -137,7 +152,8 @@
 
 .aggregateMenuLatelys {
   padding: 16px 16px 0 16px;
-
+  height: 112px;
+  box-sizing: border-box;
 }
 
 .aggregateMenuLatelysColumn {
@@ -148,21 +164,17 @@
 /* 黑色主题处理 */
 .aggregateMenuDark {
   color: #ffffffcc;
+}
 
-  .aggregateMenuDrawerAllInput {
-    border-bottom: 1px solid #ffffff40;
-  }
+.aggregateMenuDark .aggregateMenuDrawerAllInput {
+  border-bottom: 1px solid #ffffff40;
+}
 
-  .aggregateMenuDrawerAllMenuItem {
-    &:hover {
-      background-color: #ffffff40;
-    }
-  }
+.aggregateMenuDark .aggregateMenuDrawerAllMenuItem:hover {
+  background-color: #ffffff40;
 
-  .aggregateMenuDrawerMenuItem {
-    &:hover {
-      background-color: #ffffff40;
-    }
-  }
+}
 
+.aggregateMenuDark .aggregateMenuDrawerMenuItem:hover {
+  background-color: #ffffff40;
 }

package/esm/components/avatar-dropdown/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { LogoutOutlined, UserOutlined } from "@ant-design/icons";
 import { Dropdown, Avatar } from "antd";
 import styles from "./index.module.css";

package/esm/components/avatar-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\avatar-dropdown\\index.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\r\nimport { LogoutOutlined, UserOutlined } from '@ant-design/icons';\r\nimport { Dropdown, Avatar, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\n\r\nexport interface AvatarDropdownLocale {\r\n  logout: string;\r\n}\r\n\r\nexport interface AvatarDropdownProps {\r\n  /**\r\n   * 用户名\r\n   */\r\n  name?: string;\r\n  /**\r\n   * 头像\r\n   */\r\n  avatar?: string;\r\n  /**\r\n   * ant的\r\n   */\r\n  menuProps?: MenuProps;\r\n  /**\r\n   * 单击退出事件 () => void;\r\n   */\r\n  onLogoutClick?: () => void;\r\n}\r\n\r\nconst AvatarDropdown = (props: AvatarDropdownProps) => {\r\n  const locale = useLocale('AvatarDropdown'),\r\n    menu = {\r\n      items: [\r\n        {\r\n          key: 'logout',\r\n          label: locale.logout,\r\n          icon: <LogoutOutlined rev={undefined} />,\r\n          onClick: useCallback(() => {\r\n            props.onLogoutClick?.()\r\n          }, []),\r\n          className: styles.menu,\r\n        },\r\n      ],\r\n    };\r\n\r\n  return (\r\n    <Dropdown menu={props.menuProps || menu}>\r\n      <span className={`${styles.action} ${styles.account}`}>\r\n        <Avatar\r\n          size=\"small\"\r\n          className={styles.avatar}\r\n          icon={<UserOutlined rev={undefined} />}\r\n          src={props.avatar}\r\n          alt=\"avatar\"\r\n        />\r\n        <span>{props.name}</span>\r\n      </span>\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default AvatarDropdown;\r\n"],"names":["React","useCallback","LogoutOutlined","UserOutlined","Dropdown","Avatar","styles","useLocale","AvatarDropdown","props","locale","menu","items","key","label","logout","icon","rev","undefined","onClick","onLogoutClick","className","menuProps","span","action","account","size","avatar","src","alt","name"],"mappings":";AAAA,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAC3C,SAASC,cAAc,EAAEC,YAAY,QAAQ,oBAAoB;AACjE,SAASC,QAAQ,EAAEC,MAAM,QAAmB,OAAO;AACnD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAyBtC,IAAMC,iBAAiB,SAACC,OAA+B;IACrD,IAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,WAAM;wBACzBQ;oBAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA;gBACF,GAAG,EAAE;gBACLY,WAAWf,OAAOK,IAAI;YACxB;SACD;IACH;IAEF,qBACE,KAACP;QAASO,MAAMF,MAAMa,SAAS,IAAIX;kBACjC,cAAA,MAACY;YAAKF,WAAW,AAAC,GAAmBf,OAAjBA,OAAOkB,MAAM,EAAC,KAAkB,OAAflB,OAAOmB,OAAO;;8BACjD,KAACpB;oBACCqB,MAAK;oBACLL,WAAWf,OAAOqB,MAAM;oBACxBX,oBAAM,KAACb;wBAAac,KAAKC;;oBACzBU,KAAKnB,MAAMkB,MAAM;oBACjBE,KAAI;;8BAEN,KAACN;8BAAMd,MAAMqB,IAAI;;;;;AAIzB;AAEA,eAAetB,eAAe"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\avatar-dropdown\\index.tsx"],"sourcesContent":["import { useCallback } from 'react';\r\nimport { LogoutOutlined, UserOutlined } from '@ant-design/icons';\r\nimport { Dropdown, Avatar, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\n\r\nexport interface AvatarDropdownLocale {\r\n  logout: string;\r\n}\r\n\r\nexport interface AvatarDropdownProps {\r\n  /**\r\n   * 用户名\r\n   */\r\n  name?: string;\r\n  /**\r\n   * 头像\r\n   */\r\n  avatar?: string;\r\n  /**\r\n   * ant的\r\n   */\r\n  menuProps?: MenuProps;\r\n  /**\r\n   * 单击退出事件 () => void;\r\n   */\r\n  onLogoutClick?: () => void;\r\n}\r\n\r\nconst AvatarDropdown = (props: AvatarDropdownProps) => {\r\n  const locale = useLocale('AvatarDropdown'),\r\n    menu = {\r\n      items: [\r\n        {\r\n          key: 'logout',\r\n          label: locale.logout,\r\n          icon: <LogoutOutlined rev={undefined} />,\r\n          onClick: useCallback(() => {\r\n            props.onLogoutClick?.()\r\n          }, []),\r\n          className: styles.menu,\r\n        },\r\n      ],\r\n    };\r\n\r\n  return (\r\n    <Dropdown menu={props.menuProps || menu}>\r\n      <span className={`${styles.action} ${styles.account}`}>\r\n        <Avatar\r\n          size=\"small\"\r\n          className={styles.avatar}\r\n          icon={<UserOutlined rev={undefined} />}\r\n          src={props.avatar}\r\n          alt=\"avatar\"\r\n        />\r\n        <span>{props.name}</span>\r\n      </span>\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default AvatarDropdown;\r\n"],"names":["useCallback","LogoutOutlined","UserOutlined","Dropdown","Avatar","styles","useLocale","AvatarDropdown","props","locale","menu","items","key","label","logout","icon","rev","undefined","onClick","onLogoutClick","className","menuProps","span","action","account","size","avatar","src","alt","name"],"mappings":";AAAA,SAASA,WAAW,QAAQ,QAAQ;AACpC,SAASC,cAAc,EAAEC,YAAY,QAAQ,oBAAoB;AACjE,SAASC,QAAQ,EAAEC,MAAM,QAAmB,OAAO;AACnD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AAyBtC,IAAMC,iBAAiB,SAACC,OAA+B;IACrD,IAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,WAAM;wBACzBQ;oBAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA;gBACF,GAAG,EAAE;gBACLY,WAAWf,OAAOK,IAAI;YACxB;SACD;IACH;IAEF,qBACE,KAACP;QAASO,MAAMF,MAAMa,SAAS,IAAIX;kBACjC,cAAA,MAACY;YAAKF,WAAW,AAAC,GAAmBf,OAAjBA,OAAOkB,MAAM,EAAC,KAAkB,OAAflB,OAAOmB,OAAO;;8BACjD,KAACpB;oBACCqB,MAAK;oBACLL,WAAWf,OAAOqB,MAAM;oBACxBX,oBAAM,KAACb;wBAAac,KAAKC;;oBACzBU,KAAKnB,MAAMkB,MAAM;oBACjBE,KAAI;;8BAEN,KAACN;8BAAMd,MAAMqB,IAAI;;;;;AAIzB;AAEA,eAAetB,eAAe"}

package/esm/components/i18n-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { Context, ProviderProps, LocaleType } from '..';\r\n\r\nexport interface I18nDropdownProps {\r\n  /**\r\n   * 值变更事件 (value: LocaleType) => void;\r\n   */\r\n  onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n  const ctx = useContext<ProviderProps>(Context),\r\n    [localeName, setLocaleName] = useState(''),\r\n    menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n      props.onChange?.(key as LocaleType)\r\n    }, []),\r\n    menuItems = [\r\n      {\r\n        key: LocaleType.zhCN,\r\n        label: '简体',\r\n        onClick: menuItemOnClick,\r\n      },\r\n      {\r\n        key: LocaleType.enUS,\r\n        label: 'En',\r\n        onClick: menuItemOnClick,\r\n      }\r\n    ];\r\n\r\n  useEffect(() => {\r\n    const item = menuItems?.find(item => item?.key == ctx.locale);\r\n    setLocaleName(item?.label || '')\r\n  }, [ctx.locale]);\r\n\r\n  return (\r\n    <Dropdown menu={{\r\n      items: menuItems,\r\n    }}>\r\n      <span className={styles.action}>\r\n        <span>{localeName}</span>\r\n      </span>\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","Context","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,OAAO,EAAiBC,UAAU,QAAQ,WAAK;AASxD,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA0BG,UACNN,6BAAAA,SAAS,SAAtCW,aAA6BX,cAAjBY,gBAAiBZ,cAC9Ba,kBAAkBX,YAAY,gBAAiC;YAA9BY,YAAAA;YAC/BL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,WAAM;QACd,IAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,SAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { Context, ProviderProps, LocaleType } from '..';\r\n\r\nexport interface I18nDropdownProps {\r\n  /**\r\n   * 值变更事件 (value: LocaleType) => void;\r\n   */\r\n  onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n  const ctx = useContext<ProviderProps>(Context),\r\n    [localeName, setLocaleName] = useState(''),\r\n    menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n      props.onChange?.(key as LocaleType)\r\n    }, []),\r\n    menuItems = [\r\n      {\r\n        key: LocaleType.zhCN,\r\n        label: '简体',\r\n        onClick: menuItemOnClick,\r\n      },\r\n      {\r\n        key: LocaleType.enUS,\r\n        label: 'En',\r\n        onClick: menuItemOnClick,\r\n      }\r\n    ];\r\n\r\n  useEffect(() => {\r\n    const item = menuItems?.find(item => item?.key == ctx.locale);\r\n    setLocaleName(item?.label || '')\r\n  }, [ctx.locale]);\r\n\r\n  return (\r\n    <Dropdown menu={{\r\n      items: menuItems,\r\n    }}>\r\n      <span className={styles.action}>\r\n        <span>{localeName}</span>\r\n      </span>\r\n    </Dropdown>\r\n  );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","Context","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAQ,OAAO;AAChC,OAAOC,YAAY,qBAAqB;AACxC,SAASC,OAAO,EAAiBC,UAAU,QAAQ,WAAK;AASxD,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA0BG,UACNN,6BAAAA,SAAS,SAAtCW,aAA6BX,cAAjBY,gBAAiBZ,cAC9Ba,kBAAkBX,YAAY,gBAAiC;YAA9BY,YAAAA;YAC/BL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,WAAM;QACd,IAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,SAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}

package/esm/components/index.d.ts

@@ -3,6 +3,7 @@ export { default as ThemeSwitch } from './theme-switch';
 export { default as AvatarDropdown } from './avatar-dropdown';
 export { default as KeepAlive } from './keep-alive';
 export { default as TenantDropdown } from './tenant-dropdown';
+export { default as MsgDropdown } from './msg-dropdown';
 export { default as LeavePrompt, useLeavePrompt } from './leave-prompt';
 export { default as I18nDropdown } from './i18n-dropdown';
 export { default as CollectProviders } from './collect-providers';
@@ -13,6 +14,4 @@ export { default as AggregateMenu, type AggregateMenuDataSource } from './aggreg
 export { default as UploadAvatar } from './upload-file/uploadAvatar';
 export { default as UploadMultiple } from './upload-file/uploadMultiple';
 export { default as UploadTemp } from './upload-file/uploadTemp';
-export declare enum iceUrqlInstance {
-    ucenter = "ucenter"
-}
+export * as util from './_util';

package/esm/components/index.js

@@ -3,6 +3,7 @@ export { default as ThemeSwitch } from "./theme-switch/index";
 export { default as AvatarDropdown } from "./avatar-dropdown/index";
 export { default as KeepAlive } from "./keep-alive/index";
 export { default as TenantDropdown } from "./tenant-dropdown/index";
+export { default as MsgDropdown } from "./msg-dropdown/index";
 export { default as LeavePrompt, useLeavePrompt } from "./leave-prompt/index";
 export { default as I18nDropdown } from "./i18n-dropdown/index";
 export { default as CollectProviders } from "./collect-providers/index";
@@ -13,9 +14,7 @@ export { default as AggregateMenu } from "./aggregate-menu/index";
 export { default as UploadAvatar } from "./upload-file/uploadAvatar";
 export { default as UploadMultiple } from "./upload-file/uploadMultiple";
 export { default as UploadTemp } from "./upload-file/uploadTemp";
-export var iceUrqlInstance;
-(function(iceUrqlInstance) {
-    iceUrqlInstance["ucenter"] = "ucenter";
-})(iceUrqlInstance || (iceUrqlInstance = {}));
+import * as _util from "./_util/index";
+export { _util as util };
 
  //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\index.js.map

package/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\index.ts"],"sourcesContent":["export { default as Provider, Context, type ProviderProps, } from './provider';\r\nexport { default as ThemeSwitch } from './theme-switch';\r\nexport { default as AvatarDropdown } from './avatar-dropdown';\r\nexport { default as KeepAlive } from './keep-alive';\r\nexport { default as TenantDropdown } from './tenant-dropdown';\r\nexport { default as LeavePrompt, useLeavePrompt } from './leave-prompt';\r\nexport { default as I18nDropdown } from './i18n-dropdown';\r\nexport { default as CollectProviders } from './collect-providers';\r\nexport { LocaleType } from './provider';\r\nexport { default as Layout } from './layout';\r\nexport { default as Modal, type ModalProps } from './modal';\r\nexport { default as AggregateMenu, type AggregateMenuDataSource } from './aggregate-menu';\r\nexport { default as UploadAvatar } from './upload-file/uploadAvatar';\r\nexport { default as UploadMultiple } from './upload-file/uploadMultiple';\r\nexport { default as UploadTemp } from './upload-file/uploadTemp';\r\n\r\nexport enum iceUrqlInstance {\r\n  ucenter = \"ucenter\"\r\n}\r\n"],"names":["default","Provider","Context","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","LocaleType","Layout","Modal","AggregateMenu","UploadAvatar","UploadMultiple","UploadTemp","iceUrqlInstance","ucenter"],"mappings":"AAAA,SAASA,WAAWC,QAAQ,EAAEC,OAAO,QAA6B,mBAAa;AAC/E,SAASF,WAAWG,WAAW,QAAQ,uBAAiB;AACxD,SAASH,WAAWI,cAAc,QAAQ,0BAAoB;AAC9D,SAASJ,WAAWK,SAAS,QAAQ,qBAAe;AACpD,SAASL,WAAWM,cAAc,QAAQ,0BAAoB;AAC9D,SAASN,WAAWO,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAASR,WAAWS,YAAY,QAAQ,wBAAkB;AAC1D,SAAST,WAAWU,gBAAgB,QAAQ,4BAAsB;AAClE,SAASC,UAAU,QAAQ,mBAAa;AACxC,SAASX,WAAWY,MAAM,QAAQ,iBAAW;AAC7C,SAASZ,WAAWa,KAAK,QAAyB,gBAAU;AAC5D,SAASb,WAAWc,aAAa,QAAsC,yBAAmB;AAC1F,SAASd,WAAWe,YAAY,QAAQ,6BAA6B;AACrE,SAASf,WAAWgB,cAAc,QAAQ,+BAA+B;AACzE,SAAShB,WAAWiB,UAAU,QAAQ,2BAA2B;WAE1D;UAAKC,eAAe;IAAfA,gBACVC,aAAAA;GADUD,oBAAAA"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\index.ts"],"sourcesContent":["export { default as Provider, Context, type ProviderProps, } from './provider';\r\nexport { default as ThemeSwitch } from './theme-switch';\r\nexport { default as AvatarDropdown } from './avatar-dropdown';\r\nexport { default as KeepAlive } from './keep-alive';\r\nexport { default as TenantDropdown } from './tenant-dropdown';\r\nexport { default as MsgDropdown } from './msg-dropdown';\r\nexport { default as LeavePrompt, useLeavePrompt } from './leave-prompt';\r\nexport { default as I18nDropdown } from './i18n-dropdown';\r\nexport { default as CollectProviders } from './collect-providers';\r\nexport { LocaleType } from './provider';\r\nexport { default as Layout } from './layout';\r\nexport { default as Modal, type ModalProps } from './modal';\r\nexport { default as AggregateMenu, type AggregateMenuDataSource } from './aggregate-menu';\r\nexport { default as UploadAvatar } from './upload-file/uploadAvatar';\r\nexport { default as UploadMultiple } from './upload-file/uploadMultiple';\r\nexport { default as UploadTemp } from './upload-file/uploadTemp';\r\n\r\nexport * as util from './_util';\r\n"],"names":["default","Provider","Context","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","MsgDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","LocaleType","Layout","Modal","AggregateMenu","UploadAvatar","UploadMultiple","UploadTemp","util"],"mappings":"AAAA,SAASA,WAAWC,QAAQ,EAAEC,OAAO,QAA6B,mBAAa;AAC/E,SAASF,WAAWG,WAAW,QAAQ,uBAAiB;AACxD,SAASH,WAAWI,cAAc,QAAQ,0BAAoB;AAC9D,SAASJ,WAAWK,SAAS,QAAQ,qBAAe;AACpD,SAASL,WAAWM,cAAc,QAAQ,0BAAoB;AAC9D,SAASN,WAAWO,WAAW,QAAQ,uBAAiB;AACxD,SAASP,WAAWQ,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAAST,WAAWU,YAAY,QAAQ,wBAAkB;AAC1D,SAASV,WAAWW,gBAAgB,QAAQ,4BAAsB;AAClE,SAASC,UAAU,QAAQ,mBAAa;AACxC,SAASZ,WAAWa,MAAM,QAAQ,iBAAW;AAC7C,SAASb,WAAWc,KAAK,QAAyB,gBAAU;AAC5D,SAASd,WAAWe,aAAa,QAAsC,yBAAmB;AAC1F,SAASf,WAAWgB,YAAY,QAAQ,6BAA6B;AACrE,SAAShB,WAAWiB,cAAc,QAAQ,+BAA+B;AACzE,SAASjB,WAAWkB,UAAU,QAAQ,2BAA2B;AAEjE,uBAAsB,gBAAU;AAAhC,SAAO,SAAKC,IAAI,GAAgB"}

package/esm/components/layout/index.d.ts

@@ -2,8 +2,10 @@ import { MenuDataItem, ProLayoutProps } from '@ant-design/pro-layout';
 import { I18nDropdownProps } from '../i18n-dropdown';
 import { TenantDropdownProps } from '../tenant-dropdown';
 import { AvatarDropdownProps } from '../avatar-dropdown';
+import { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';
 import { ThemeSwitchProps } from '../theme-switch';
-import { ReactNode, FC } from 'react';
+import { ReactNode, FC, Ref } from 'react';
+import { LocaleType } from '..';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
 import { AggregateMenuProps } from '../aggregate-menu';
 export interface LayoutProps {
@@ -11,6 +13,11 @@ export interface LayoutProps {
      * 应用code
      */
     appCode: string;
+    /**
+     * 语言
+     * 默认 LocaleType.zhCN
+     */
+    locale?: LocaleType;
     /**
      * 传递动态的 location.pathname
      */
@@ -35,10 +42,18 @@ export interface LayoutProps {
      * AvatarDropdown组件对应的参数
      */
     avatarProps: AvatarDropdownProps;
+    /**
+     * MsgDropdown组件的高级方法
+     */
+    msgRef?: Ref<MsgDropdownRef>;
+    /**
+     * MsgDropdown组件对应的参数
+     */
+    msgProps?: MsgDropdownProps;
     /**
      * ThemeSwitch组件对应的参数
      */
-    themeSwitchProps: ThemeSwitchProps;
+    themeSwitchProps?: ThemeSwitchProps;
     /**
     * ProLayout组件对应的参数
     */

package/esm/components/layout/index.js

@@ -1,44 +1,32 @@
 import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
 import _object_spread from "@swc/helpers/src/_object_spread.mjs";
 import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
-import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
 import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { ProLayout } from "@ant-design/pro-layout";
 import I18nDropdown from "../i18n-dropdown/index";
 import TenantDropdown from "../tenant-dropdown/index";
 import AvatarDropdown from "../avatar-dropdown/index";
+import MsgDropdown from "../msg-dropdown/index";
 import ThemeSwitch from "../theme-switch/index";
 import styles from "./layout.module.css";
-import { useCallback, useState } from "react";
 import { CollectProviders, LocaleType } from "../index";
 import { gql, query } from "@knockout-js/ice-urql/request";
-import { iceUrqlInstance } from "../index";
 import { OpenWin } from "../icons/index";
 import { logoBase64 } from "./logo";
 import AggregateMenu from "../aggregate-menu/index";
 import { BarsOutlined } from "@ant-design/icons";
+import { listFormatTreeData } from "../_util/index";
+import { instanceName } from "@knockout-js/api";
 var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,parentID,kind,name,comments,displaySort,icon,route\n  }\n}");
 var Layout = function(props) {
-    var _useState = _sliced_to_array(useState(LocaleType.zhCN), 2), locale = _useState[0], setLocale = _useState[1];
-    // 根据列表格式化成菜单树结构
-    var listFormatTree = useCallback(function(list, parentList) {
-        if (!parentList) parentList = list.filter(function(item) {
-            return item.parentId == "0";
-        });
-        parentList.forEach(function(pItem) {
-            var children = list.filter(function(allItem) {
-                return allItem.parentId == pItem.key;
-            });
-            if (children && children.length) pItem.children = listFormatTree(list, children);
-        });
-        return parentList;
-    }, []);
+    var _props_themeSwitchProps;
+    var _props_locale, _props_themeSwitchProps_value;
     return /*#__PURE__*/ _jsxs(CollectProviders, {
-        locale: locale,
+        locale: (_props_locale = props.locale) !== null && _props_locale !== void 0 ? _props_locale : LocaleType.zhCN,
         appCode: props.appCode,
         tenantId: props.tenantProps.value,
-        dark: props.themeSwitchProps.value,
+        dark: (_props_themeSwitchProps_value = (_props_themeSwitchProps = props.themeSwitchProps) === null || _props_themeSwitchProps === void 0 ? void 0 : _props_themeSwitchProps.value) !== null && _props_themeSwitchProps_value !== void 0 ? _props_themeSwitchProps_value : false,
         pathname: props.pathname,
         children: [
             /*#__PURE__*/ _jsx(ProLayout, _object_spread_props(_object_spread({
@@ -83,7 +71,7 @@ var Layout = function(props) {
                                         query(userMenuListQuery, {
                                             appCode: props.appCode
                                         }, {
-                                            instanceName: iceUrqlInstance.ucenter
+                                            instanceName: instanceName.UCENTER
                                         })
                                     ];
                                 case 1:
@@ -107,7 +95,7 @@ var Layout = function(props) {
                                         });
                                         return [
                                             2,
-                                            listFormatTree(meunList)
+                                            listFormatTreeData(meunList)
                                         ];
                                     }
                                     return [
@@ -122,18 +110,15 @@ var Layout = function(props) {
                     pathname: props.pathname
                 },
                 actionsRender: function() {
-                    return [
-                        /*#__PURE__*/ _jsx(I18nDropdown, {
-                            onChange: function(value) {
-                                var _props_i18nProps, _props_i18nProps_onChange;
-                                setLocale(value);
-                                (_props_i18nProps = props.i18nProps) === null || _props_i18nProps === void 0 ? void 0 : (_props_i18nProps_onChange = _props_i18nProps.onChange) === null || _props_i18nProps_onChange === void 0 ? void 0 : _props_i18nProps_onChange.call(_props_i18nProps, value);
-                            }
-                        }),
-                        /*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)),
-                        /*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)),
-                        /*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps))
-                    ];
+                    var actions = [];
+                    if (props.i18nProps) actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
+                    if (props.msgProps) actions.push(/*#__PURE__*/ _jsx(MsgDropdown, _object_spread({
+                        ref: props.msgRef
+                    }, props.msgProps)));
+                    actions.push(/*#__PURE__*/ _jsx(TenantDropdown, _object_spread({}, props.tenantProps)));
+                    actions.push(/*#__PURE__*/ _jsx(AvatarDropdown, _object_spread({}, props.avatarProps)));
+                    if (props.themeSwitchProps) actions.push(/*#__PURE__*/ _jsx(ThemeSwitch, _object_spread({}, props.themeSwitchProps)));
+                    return actions;
                 },
                 menuItemRender: function(item, defaultDom) {
                     return item.path ? /*#__PURE__*/ _jsxs(_Fragment, {
@@ -158,7 +143,7 @@ var Layout = function(props) {
             }, props.proLayoutProps), {
                 children: props.children
             })),
-            /*#__PURE__*/ _jsx(AggregateMenu, _object_spread({}, props.aggregateMenuProps))
+            props.aggregateMenuProps ? /*#__PURE__*/ _jsx(AggregateMenu, _object_spread({}, props.aggregateMenuProps)) : /*#__PURE__*/ _jsx(_Fragment, {})
         ]
     });
 };

package/esm/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, useCallback, useState } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { iceUrqlInstance } from '..';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\n\r\nexport interface LayoutProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 菜单启用iconfont\r\n   */\r\n  IconFont?: FC<IconFontProps<string>>;\r\n  /**\r\n   * 聚合菜单\r\n   */\r\n  aggregateMenuProps?: AggregateMenuProps;\r\n  /**\r\n   * I18nDropdown组件对应的参数\r\n   */\r\n  i18nProps?: I18nDropdownProps;\r\n  /**\r\n   * TenantDropdown组件对应的参数\r\n   */\r\n  tenantProps: TenantDropdownProps;\r\n  /**\r\n   * AvatarDropdown组件对应的参数\r\n   */\r\n  avatarProps: AvatarDropdownProps;\r\n  /**\r\n   * ThemeSwitch组件对应的参数\r\n   */\r\n  themeSwitchProps: ThemeSwitchProps;\r\n  /**\r\n  * ProLayout组件对应的参数\r\n  */\r\n  proLayoutProps?: ProLayoutProps;\r\n  /**\r\n   * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n   */\r\n  onClickMenuItem?: (\r\n    item: MenuDataItem & {\r\n      isUrl: boolean;\r\n      onClick: () => void;\r\n    },\r\n    isOpen?: boolean\r\n  ) => void;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,parentID,kind,name,comments,displaySort,icon,route\r\n  }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n  const [locale, setLocale] = useState(LocaleType.zhCN);\r\n\r\n  // 根据列表格式化成菜单树结构\r\n  const listFormatTree = useCallback((list: MenuDataItem[], parentList?: MenuDataItem[]) => {\r\n    if (!parentList) {\r\n      parentList = list.filter(item => item.parentId == '0');\r\n    }\r\n    parentList.forEach((pItem) => {\r\n      let children = list.filter(\r\n        (allItem) => allItem.parentId == pItem.key,\r\n      );\r\n      if (children && children.length) {\r\n        pItem.children = listFormatTree(list, children);\r\n      }\r\n    });\r\n    return parentList;\r\n  }, [])\r\n\r\n\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={locale}\r\n      appCode={props.appCode}\r\n      tenantId={props.tenantProps.value}\r\n      dark={props.themeSwitchProps.value}\r\n      pathname={props.pathname}\r\n    >\r\n      <ProLayout\r\n        className={styles.layout}\r\n        headerTitleRender={(logo, title) => {\r\n          return <>\r\n            {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                props.aggregateMenuProps?.onChangeOpen?.(true);\r\n              }}\r\n            /> : <></>}\r\n            {logo}\r\n            {title}\r\n          </>\r\n        }}\r\n        title='adminx'\r\n        logo={<img src={logoBase64} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\r\n        suppressSiderWhenMenuEmpty\r\n        menu={{\r\n          locale: true,\r\n          request: async () => {\r\n            const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n              appCode: props.appCode\r\n            }, { instanceName: iceUrqlInstance.ucenter });\r\n            if (result.data?.userMenus.length) {\r\n              const meunList = result.data.userMenus.sort((d1, d2) => {\r\n                const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n                return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n              }).map(item => {\r\n                return {\r\n                  key: item.id,\r\n                  name: item.name,\r\n                  icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n                  parentId: item.parentID,\r\n                  path: item.route,\r\n                } as MenuDataItem\r\n              })\r\n\r\n              return listFormatTree(meunList);\r\n            }\r\n            return [];\r\n          },\r\n        }}\r\n        location={{\r\n          pathname: props.pathname\r\n        }}\r\n        actionsRender={() => [\r\n          <I18nDropdown onChange={(value) => {\r\n            setLocale(value);\r\n            props.i18nProps?.onChange?.(value)\r\n          }} />,\r\n          <TenantDropdown {...props.tenantProps} />,\r\n          <AvatarDropdown {...props.avatarProps} />,\r\n          <ThemeSwitch {...props.themeSwitchProps} />,\r\n        ]}\r\n        menuItemRender={(item, defaultDom) => (item.path ? <>\r\n          <a\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, false)\r\n            }}\r\n          >{defaultDom}</a>\r\n          <OpenWin\r\n            className={styles.menuIconPopup}\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, true)\r\n            }}\r\n          />\r\n        </>\r\n          : defaultDom)}\r\n        {...props.proLayoutProps}\r\n      >\r\n        {props.children}\r\n      </ProLayout>\r\n      <AggregateMenu\r\n        {...props.aggregateMenuProps}\r\n      />\r\n    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","ThemeSwitch","styles","useCallback","useState","CollectProviders","LocaleType","gql","query","iceUrqlInstance","OpenWin","logoBase64","AggregateMenu","BarsOutlined","userMenuListQuery","Layout","props","zhCN","locale","setLocale","listFormatTree","list","parentList","filter","item","parentId","forEach","pItem","children","allItem","key","length","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","meunList","instanceName","ucenter","data","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","id","name","icon","IconFont","type","i","path","route","location","actionsRender","onChange","i18nProps","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps"],"mappings":"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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\layout\\index.tsx"],"sourcesContent":["import { MenuDataItem, ProLayout, ProLayoutProps } from '@ant-design/pro-layout';\r\nimport I18nDropdown, { I18nDropdownProps } from '../i18n-dropdown';\r\nimport TenantDropdown, { TenantDropdownProps } from '../tenant-dropdown';\r\nimport AvatarDropdown, { AvatarDropdownProps } from '../avatar-dropdown';\r\nimport MsgDropdown, { MsgDropdownProps, MsgDropdownRef } from '../msg-dropdown';\r\nimport ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC, Ref } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api/esm/gql/ucenter/graphql';\r\nimport { CollectProviders, LocaleType } from '..';\r\nimport { gql, query } from '@knockout-js/ice-urql/request';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\r\nimport { logoBase64 } from './logo';\r\nimport AggregateMenu, { AggregateMenuProps } from '../aggregate-menu';\r\nimport { BarsOutlined } from '@ant-design/icons';\r\nimport { listFormatTreeData } from '../_util';\r\nimport { instanceName } from '@knockout-js/api';\r\n\r\nexport interface LayoutProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * 语言\r\n   * 默认 LocaleType.zhCN\r\n   */\r\n  locale?: LocaleType;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 菜单启用iconfont\r\n   */\r\n  IconFont?: FC<IconFontProps<string>>;\r\n  /**\r\n   * 聚合菜单\r\n   */\r\n  aggregateMenuProps?: AggregateMenuProps;\r\n  /**\r\n   * I18nDropdown组件对应的参数\r\n   */\r\n  i18nProps?: I18nDropdownProps;\r\n  /**\r\n   * TenantDropdown组件对应的参数\r\n   */\r\n  tenantProps: TenantDropdownProps;\r\n  /**\r\n   * AvatarDropdown组件对应的参数\r\n   */\r\n  avatarProps: AvatarDropdownProps;\r\n  /**\r\n   * MsgDropdown组件的高级方法\r\n   */\r\n  msgRef?: Ref<MsgDropdownRef>\r\n  /**\r\n   * MsgDropdown组件对应的参数\r\n   */\r\n  msgProps?: MsgDropdownProps;\r\n  /**\r\n   * ThemeSwitch组件对应的参数\r\n   */\r\n  themeSwitchProps?: ThemeSwitchProps;\r\n  /**\r\n  * ProLayout组件对应的参数\r\n  */\r\n  proLayoutProps?: ProLayoutProps;\r\n  /**\r\n   * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;\r\n   */\r\n  onClickMenuItem?: (\r\n    item: MenuDataItem & {\r\n      isUrl: boolean;\r\n      onClick: () => void;\r\n    },\r\n    isOpen?: boolean\r\n  ) => void;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children?: ReactNode;\r\n\r\n}\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n  userMenus(appCode: $appCode){\r\n    id,parentID,kind,name,comments,displaySort,icon,route\r\n  }\r\n}`);\r\n\r\n\r\nconst Layout = (props: LayoutProps) => {\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={props.locale ?? LocaleType.zhCN}\r\n      appCode={props.appCode}\r\n      tenantId={props.tenantProps.value}\r\n      dark={props.themeSwitchProps?.value ?? false}\r\n      pathname={props.pathname}\r\n    >\r\n      <ProLayout\r\n        className={styles.layout}\r\n        headerTitleRender={(logo, title) => {\r\n          return <>\r\n            {typeof props.aggregateMenuProps?.open === 'boolean' ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                props.aggregateMenuProps?.onChangeOpen?.(true);\r\n              }}\r\n            /> : <></>}\r\n            {logo}\r\n            {title}\r\n          </>\r\n        }}\r\n        title='adminx'\r\n        logo={<img src={logoBase64} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\r\n        suppressSiderWhenMenuEmpty\r\n        menu={{\r\n          locale: true,\r\n          request: async () => {\r\n            const result = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n              appCode: props.appCode\r\n            }, { instanceName: instanceName.UCENTER });\r\n            if (result.data?.userMenus.length) {\r\n              const meunList = result.data.userMenus.sort((d1, d2) => {\r\n                const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n                return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n              }).map(item => {\r\n                return {\r\n                  key: item.id,\r\n                  name: item.name,\r\n                  icon: item.icon ? props.IconFont ? <props.IconFont type={item.icon} /> : <i className={item.icon} /> : undefined,\r\n                  parentId: item.parentID,\r\n                  path: item.route,\r\n                } as MenuDataItem\r\n              })\r\n\r\n              return listFormatTreeData(meunList);\r\n            }\r\n            return [];\r\n          },\r\n        }}\r\n        location={{\r\n          pathname: props.pathname\r\n        }}\r\n        actionsRender={() => {\r\n          const actions: ReactNode[] = [];\r\n          if (props.i18nProps) {\r\n            actions.push(<I18nDropdown {...props.i18nProps} />)\r\n          }\r\n          if (props.msgProps) {\r\n            actions.push(<MsgDropdown ref={props.msgRef} {...props.msgProps} />)\r\n          }\r\n          actions.push(<TenantDropdown {...props.tenantProps} />)\r\n          actions.push(<AvatarDropdown {...props.avatarProps} />)\r\n          if (props.themeSwitchProps) {\r\n            actions.push(<ThemeSwitch {...props.themeSwitchProps} />)\r\n          }\r\n          return actions;\r\n        }}\r\n        menuItemRender={(item, defaultDom) => (item.path ? <>\r\n          <a\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, false)\r\n            }}\r\n          >{defaultDom}</a>\r\n          <OpenWin\r\n            className={styles.menuIconPopup}\r\n            onClick={() => {\r\n              props.onClickMenuItem?.(item, true)\r\n            }}\r\n          />\r\n        </>\r\n          : defaultDom)}\r\n        {...props.proLayoutProps}\r\n      >\r\n        {props.children}\r\n      </ProLayout>\r\n      {\r\n        props.aggregateMenuProps ? <AggregateMenu\r\n          {...props.aggregateMenuProps}\r\n        /> : <></>\r\n      }\r\n    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","meunList","UCENTER","data","userMenus","length","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","msgRef","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":";;;;;AAAA,SAAuBA,SAAS,QAAwB,yBAAyB;AACjF,OAAOC,kBAAyC,yBAAmB;AACnE,OAAOC,oBAA6C,2BAAqB;AACzE,OAAOC,oBAA6C,2BAAqB;AACzE,OAAOC,iBAAuD,wBAAkB;AAChF,OAAOC,iBAAuC,wBAAkB;AAChE,OAAOC,YAAY,sBAAsB;AAGzC,SAASC,gBAAgB,EAAEC,UAAU,QAAQ,WAAK;AAClD,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,OAAO,QAAQ,iBAAW;AAEnC,SAASC,UAAU,QAAQ,SAAS;AACpC,OAAOC,mBAA2C,0BAAoB;AACtE,SAASC,YAAY,QAAQ,oBAAoB;AACjD,SAASC,kBAAkB,QAAQ,iBAAW;AAC9C,SAASC,YAAY,QAAQ,mBAAmB;AAqEhD,IAAMC,oBAAoBR,IAAkB;AAO5C,IAAMS,SAAS,SAACC,OAAuB;QAO3BA;QAHEA,eAGFA;IALV,qBACE,MAACZ;QACCa,QAAQD,CAAAA,gBAAAA,MAAMC,MAAM,cAAZD,2BAAAA,gBAAgBX,WAAWa,IAAI;QACvCC,SAASH,MAAMG,OAAO;QACtBC,UAAUJ,MAAMK,WAAW,CAACC,KAAK;QACjCC,MAAMP,CAAAA,gCAAAA,CAAAA,0BAAAA,MAAMQ,gBAAgB,cAAtBR,qCAAAA,KAAAA,IAAAA,wBAAwBM,KAAK,cAA7BN,2CAAAA,gCAAiC,KAAK;QAC5CS,UAAUT,MAAMS,QAAQ;;0BAExB,KAAC5B;gBACC6B,WAAWvB,OAAOwB,MAAM;gBACxBC,mBAAmB,SAACC,MAAMC,OAAU;wBAExBd;oBADV,qBAAO;;4BACJ,OAAOA,CAAAA,CAAAA,4BAAAA,MAAMe,kBAAkB,cAAxBf,uCAAAA,KAAAA,IAAAA,0BAA0BgB,IAAI,AAAD,MAAM,0BAAY,KAACrB;gCACtDsB,KAAKC;gCACLC,OAAO;oCAAEC,UAAU;oCAAIC,aAAa;gCAAG;gCACvCC,SAAS,WAAM;wCACbtB;oCAAAA,CAAAA,4BAAAA,MAAMe,kBAAkB,cAAxBf,uCAAAA,KAAAA,IAAAA,0CAAAA,0BAA0BuB,8EAA1BvB,KAAAA,IAAAA,uCAAAA,KAAAA,2BAAyC,IAAI;gCAC/C;+CACG,mBAAK;4BACTa;4BACAC;;;gBAEL;gBACAA,OAAM;gBACND,oBAAM,KAACW;oBAAIC,KAAKhC;oBAAYiC,KAAI;;gBAChCf,QAAO;gBACPgB,WAAW;gBACXC,0BAA0B;gBAC1BC,MAAM;oBACJ5B,QAAQ,IAAI;oBACZ6B,uBAAS,oBAAA,WAAY;4BAIfC,cAHEA,QAIEC;;;;oCAJO;;wCAAMzC,MAAqDO,mBAAmB;4CAC3FK,SAASH,MAAMG,OAAO;wCACxB,GAAG;4CAAEN,cAAcA,aAAaoC,OAAO;wCAAC;;;oCAFlCF,SAAS;oCAGf,IAAIA,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,UAAUC,MAAM,EAAE;wCAC3BJ,WAAWD,OAAOG,IAAI,CAACC,SAAS,CAACE,IAAI,CAAC,SAACC,IAAIC,IAAO;4CACtD,IAAMC,SAASF,GAAGG,WAAW,IAAI,GAAGC,SAASH,GAAGE,WAAW,IAAI;4CAC/D,OAAOH,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,KAAKL,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,IAAIH,SAASE,SAAS,KAAKF,SAASE,SAAS,IAAI,CAAC;wCACxH,GAAGE,GAAG,CAACC,SAAAA,MAAQ;4CACb,OAAO;gDACLC,KAAKD,KAAKE,EAAE;gDACZC,MAAMH,KAAKG,IAAI;gDACfC,MAAMJ,KAAKI,IAAI,GAAGjD,MAAMkD,QAAQ,iBAAG,KAAClD,MAAMkD,QAAQ;oDAACC,MAAMN,KAAKI,IAAI;mEAAO,KAACG;oDAAE1C,WAAWmC,KAAKI,IAAI;kDAAI,GAAG/B,SAAS;gDAChHmC,UAAUR,KAAKF,QAAQ;gDACvBW,MAAMT,KAAKU,KAAK;4CAClB;wCACF;wCAEA;;4CAAO3D,mBAAmBoC;;oCAC5B,CAAC;oCACD;;;;;;oBACF;gBACF;gBACAwB,UAAU;oBACR/C,UAAUT,MAAMS,QAAQ;gBAC1B;gBACAgD,eAAe,WAAM;oBACnB,IAAMC,UAAuB,EAAE;oBAC/B,IAAI1D,MAAM2D,SAAS,EACjBD,QAAQE,IAAI,eAAC,KAAC9E,iCAAiBkB,MAAM2D,SAAS;oBAEhD,IAAI3D,MAAM6D,QAAQ,EAChBH,QAAQE,IAAI,eAAC,KAAC3E;wBAAY6E,KAAK9D,MAAM+D,MAAM;uBAAM/D,MAAM6D,QAAQ;oBAEjEH,QAAQE,IAAI,eAAC,KAAC7E,mCAAmBiB,MAAMK,WAAW;oBAClDqD,QAAQE,IAAI,eAAC,KAAC5E,mCAAmBgB,MAAMgE,WAAW;oBAClD,IAAIhE,MAAMQ,gBAAgB,EACxBkD,QAAQE,IAAI,eAAC,KAAC1E,gCAAgBc,MAAMQ,gBAAgB;oBAEtD,OAAOkD;gBACT;gBACAO,gBAAgB,SAACpB,MAAMqB;oBAAgBrB,OAAAA,KAAKS,IAAI,iBAAG;;0CACjD,KAACa;gCACC7C,SAAS,WAAM;wCACbtB;oCAAAA,CAAAA,yBAAAA,MAAMoE,eAAe,cAArBpE,oCAAAA,KAAAA,IAAAA,uBAAAA,KAAAA,OAAwB6C,MAAM,KAAK;gCACrC;0CACAqB;;0CACF,KAAC1E;gCACCkB,WAAWvB,OAAOkF,aAAa;gCAC/B/C,SAAS,WAAM;wCACbtB;oCAAAA,CAAAA,yBAAAA,MAAMoE,eAAe,cAArBpE,oCAAAA,KAAAA,IAAAA,uBAAAA,KAAAA,OAAwB6C,MAAM,IAAI;gCACpC;;;yBAGAqB,UAAU;;eACVlE,MAAMsE,cAAc;0BAEvBtE,MAAMuE,QAAQ;;YAGfvE,MAAMe,kBAAkB,iBAAG,KAACrB,kCACtBM,MAAMe,kBAAkB,mBACzB,mBAAK;;;AAIlB;AAEA,eAAehB,OAAM"}

package/esm/components/layout/layout.module.css

@@ -1,32 +1,26 @@
-.layout {
-  :global(.ant-pro-sider-collapsed .ant-menu-item-active) {
-    .menuIconPopup {
-      display: none;
-    }
-  }
+.layout :global(.ant-pro-sider-collapsed .ant-menu-item-active) .menuIconPopup {
+  display: none;
+}
 
-  :global(.ant-pro-sider-collapsed .ant-menu-submenu-title .anticon) {
-    line-height: normal;
-  }
+.layout :global(.ant-pro-sider-collapsed .ant-menu-submenu-title .anticon) {
+  line-height: normal;
+}
 
-  :global(.ant-pro-sider-collapsed .ant-menu-item .anticon) {
-    line-height: normal;
-  }
+.layout :global(.ant-pro-sider-collapsed .ant-menu-item .anticon) {
+  line-height: normal;
+}
 
-  :global(.ant-pro-global-header-header-actions-item .ant-switch) {
-    padding-block: 0;
-    border-radius: 100px;
-  }
+.layout :global(.ant-pro-global-header-header-actions-item .ant-switch) {
+  padding-block: 0;
+  border-radius: 100px;
+}
 
-  :global(.ant-layout-content) {
-    padding: 0;
-  }
+.layout :global(.ant-layout-content) {
+  padding: 0;
 }
 
-:global(.ant-menu-item-active) {
-  .menuIconPopup {
-    display: block;
-  }
+:global(.ant-menu-item-active) .menuIconPopup {
+  display: block;
 }
 
 :global(.ant-menu-submenu-popup .ant-pro-base-menu-inline-item-title) {
@@ -39,8 +33,8 @@
   top: 50%;
   right: 16px;
   margin-top: -6px;
+}
 
-  :global(&.anticon) {
-    display: none;
-  }
+.menuIconPopup:global(.anticon) {
+  display: none;
 }

package/esm/components/locale/en_US.js

@@ -4,6 +4,7 @@ import AvatarDropdown from "../avatar-dropdown/locale/en_US";
 import TenantDropdown from "../tenant-dropdown/locale/en_US";
 import AggregateMenu from "../aggregate-menu/locale/en_US";
 import UploadFile from "../upload-file/locale/en_US";
+import MsgDropdown from "../msg-dropdown/locale/en_US";
 var localeValues = {
     locale: "en-us",
     ThemeSwitch: ThemeSwitch,
@@ -11,7 +12,8 @@ var localeValues = {
     AvatarDropdown: AvatarDropdown,
     TenantDropdown: TenantDropdown,
     AggregateMenu: AggregateMenu,
-    UploadFile: UploadFile
+    UploadFile: UploadFile,
+    MsgDropdown: MsgDropdown
 };
 export default localeValues;
 

package/esm/components/locale/en_US.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/en_US\";\r\nimport UploadFile from \"../upload-file/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AAErD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRP,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,eAAAA;IACAC,YAAAA;AACF;AAEA,eAAeC,aAAY"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\nimport AggregateMenu from \"../aggregate-menu/locale/en_US\";\r\nimport UploadFile from \"../upload-file/locale/en_US\";\r\nimport MsgDropdown from \"../msg-dropdown/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n  AggregateMenu,\r\n  UploadFile,\r\n  MsgDropdown,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","AggregateMenu","UploadFile","MsgDropdown","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,mBAAmB,iCAAiC;AAC3D,OAAOC,gBAAgB,8BAA8B;AACrD,OAAOC,iBAAiB,+BAA+B;AAEvD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRR,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,eAAAA;IACAC,YAAAA;IACAC,aAAAA;AACF;AAEA,eAAeC,aAAY"}

package/esm/components/locale/index.d.ts

@@ -4,6 +4,7 @@ import { LeavePromptLocale } from '../leave-prompt';
 import { AvatarDropdownLocale } from '../avatar-dropdown';
 import { AggregateMenuLocale } from "../aggregate-menu";
 import { UploadFileLocale } from "../upload-file";
+import { MsgDropdownLocale } from "../msg-dropdown";
 export interface Locale {
     locale: string;
     ThemeSwitch: ThemeSwitchLocale;
@@ -12,6 +13,7 @@ export interface Locale {
     TenantDropdown: TenantDropdownLocale;
     AggregateMenu: AggregateMenuLocale;
     UploadFile: UploadFileLocale;
+    MsgDropdown: MsgDropdownLocale;
 }
 export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
 /**

package/esm/components/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\nimport { AggregateMenuLocale } from \"../aggregate-menu\";\r\nimport { Context, LocaleType, ProviderProps } from \"../provider\";\r\nimport { UploadFileLocale } from \"../upload-file\";\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n  AggregateMenu: AggregateMenuLocale;\r\n  UploadFile: UploadFileLocale;\r\n}\r\n\r\n\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["useContext","zhCN","enUS","Context","LocaleType","useLocale","componentName","ctx","locale"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;AAM3B,SAASC,OAAO,EAAEC,UAAU,QAAuB,oBAAc;AAiBjE;;;;CAIC,GACD,OAAO,IAAMC,YAAY,SAAgCC,eAAqB;IAC5E,IAAMC,MAAMP,WAA0BG;IACtC,IAAII,IAAIC,MAAM,KAAKJ,WAAWF,IAAI,EAChC,OAAO,mBAAKA,IAAI,CAACI,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKL,IAAI,CAACK,cAAc;AACjC,EAAC"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\nimport { AggregateMenuLocale } from \"../aggregate-menu\";\r\nimport { Context, LocaleType, ProviderProps } from \"../provider\";\r\nimport { UploadFileLocale } from \"../upload-file\";\r\nimport { MsgDropdownLocale } from \"../msg-dropdown\";\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n  AggregateMenu: AggregateMenuLocale;\r\n  UploadFile: UploadFileLocale;\r\n  MsgDropdown: MsgDropdownLocale;\r\n}\r\n\r\n\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<ProviderProps>(Context);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["useContext","zhCN","enUS","Context","LocaleType","useLocale","componentName","ctx","locale"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;AAM3B,SAASC,OAAO,EAAEC,UAAU,QAAuB,oBAAc;AAmBjE;;;;CAIC,GACD,OAAO,IAAMC,YAAY,SAAgCC,eAAqB;IAC5E,IAAMC,MAAMP,WAA0BG;IACtC,IAAII,IAAIC,MAAM,KAAKJ,WAAWF,IAAI,EAChC,OAAO,mBAAKA,IAAI,CAACI,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKL,IAAI,CAACK,cAAc;AACjC,EAAC"}

package/esm/components/locale/zh_CN.js

@@ -4,6 +4,7 @@ import AvatarDropdown from "../avatar-dropdown/locale/zh_CN";
 import TenantDropdown from "../tenant-dropdown/locale/zh_CN";
 import AggregateMenu from "../aggregate-menu/locale/zh_CN";
 import UploadFile from "../upload-file/locale/zh_CN";
+import MsgDropdown from "../msg-dropdown/locale/zh_CN";
 var localeValues = {
     locale: "zh-cn",
     ThemeSwitch: ThemeSwitch,
@@ -11,7 +12,8 @@ var localeValues = {
     AvatarDropdown: AvatarDropdown,
     TenantDropdown: TenantDropdown,
     AggregateMenu: AggregateMenu,
-    UploadFile: UploadFile
+    UploadFile: UploadFile,
+    MsgDropdown: MsgDropdown
 };
 export default localeValues;