@knockout-js/layout 0.0.4-beta.0 → 0.1.0

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

@@ -0,0 +1,190 @@
+.aggregateMenu {
+  margin-right: 8px;
+  cursor: pointer;
+}
+
+.aggregateMenuDrawer {
+  :global(.ant-drawer-header-title) {
+    flex-direction: row-reverse;
+  }
+
+  :global(.ant-drawer-body) {
+    padding: 0;
+  }
+}
+
+.aggregateMenuDrawerRow {
+  height: 100%;
+  display: flex;
+}
+
+.aggregateMenuDrawerAllMenu {
+  height: calc(100% - 52px);
+  padding: 16px;
+  overflow-y: auto;
+  box-sizing: border-box;
+}
+
+.aggregateMenuDrawerAllMenuColumn {
+  /* column瀑布流 */
+  column-count: 3;
+  column-gap: 10px;
+}
+
+.aggregateMenuDrawerAllMenuColumnItem {
+  /* 瀑布流关键写法 */
+  break-inside: avoid;
+  margin-bottom: 16px;
+}
+
+.aggregateMenuDrawerAllAppTitle {
+  font-weight: bold;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
+  color: #ff6a00;
+}
+
+.aggregateMenuDrawerAllMenuTitle {
+  font-weight: bold;
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
+}
+
+.aggregateMenuDrawerAllMenuItem {
+  height: 32px;
+  line-height: 32px;
+  cursor: pointer;
+  padding: 0 6px 0 16px;
+  display: flex;
+
+  &:hover {
+    background-color: #f1f1f1;
+
+    :global(.anticon) {
+      display: inline;
+    }
+  }
+
+  :global(.anticon-star.collect) {
+    color: rgb(255, 106, 0);
+    display: inline-flex;
+  }
+}
+
+.aggregateMenuDrawerAllMenuItemDir {
+  height: 32px;
+  line-height: 32px;
+  padding: 0 16px;
+  font-weight: bold;
+}
+
+.aggregateMenuDrawerAllMenuItemName {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: auto;
+  font-weight: lighter;
+}
+
+.aggregateMenuDrawerAllMenuItemIcons {
+
+  :global(.ant-space) {
+    align-items: unset;
+  }
+
+  :global(.anticon) {
+    display: none;
+    color: #c1c1c1;
+
+    &:hover {
+      color: #8c8c8c;
+
+      &: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 10px 0 16px;
+  display: flex;
+
+  &:hover {
+    background-color: #f1f1f1;
+
+    .aggregateMenuDrawerMenuItemIcons {
+      display: block;
+    }
+  }
+}
+
+.aggregateMenuDrawerMenuItemIcons {
+  display: none;
+
+  :global(.anticon) {
+    color: #c1c1c1;
+
+    &:hover {
+      color: #8c8c8c;
+    }
+  }
+}
+
+.aggregateMenuDrawerMenuItemName {
+  flex: auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.aggregateMenuLatelys {
+  padding: 16px 16px 0 16px;
+  height: 112px;
+  box-sizing: border-box;
+}
+
+.aggregateMenuLatelysColumn {
+  column-count: 3;
+  column-gap: 10px;
+}
+
+/* 黑色主题处理 */
+.aggregateMenuDark {
+  color: #ffffffcc;
+
+  .aggregateMenuDrawerAllInput {
+    border-bottom: 1px solid #ffffff40;
+  }
+
+  .aggregateMenuDrawerAllMenuItem {
+    &:hover {
+      background-color: #ffffff40;
+    }
+  }
+
+  .aggregateMenuDrawerMenuItem {
+    &:hover {
+      background-color: #ffffff40;
+    }
+  }
+
+}

package/esm/components/aggregate-menu/locale/en_US.d.ts

@@ -0,0 +1,3 @@
+import { AggregateMenuLocale } from "../index";
+declare const locale: AggregateMenuLocale;
+export default locale;

package/esm/components/{gather-menu → aggregate-menu}/locale/en_US.js

@@ -1,7 +1,9 @@
 var locale = {
+    title: "Application menu",
+    latelyTitle: "Recently visited",
     notText: "The favorites list is empty, you can add your usual addresses to your favorites on the right.",
     searchPlaceholder: "Please enter keyword"
 };
 export default locale;
 
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\gather-menu\locale\en_US.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\aggregate-menu\locale\en_US.js.map

package/esm/components/aggregate-menu/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\locale\\en_US.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n  title: 'Application menu',\r\n  latelyTitle: \"Recently visited\",\r\n  notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n  searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}

package/esm/components/aggregate-menu/locale/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import { AggregateMenuLocale } from "../index";
+declare const locale: AggregateMenuLocale;
+export default locale;

package/esm/components/{gather-menu → aggregate-menu}/locale/zh_CN.js

@@ -1,7 +1,9 @@
 var locale = {
+    title: "应用菜单",
+    latelyTitle: "最近访问",
     notText: "收藏列表为空，可在右侧将您常用地址添加到收藏。",
     searchPlaceholder: "请输入关键词"
 };
 export default locale;
 
- //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\gather-menu\locale\zh_CN.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\aggregate-menu\locale\zh_CN.js.map

package/esm/components/aggregate-menu/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { AggregateMenuLocale } from \"../index\";\r\n\r\nconst locale: AggregateMenuLocale = {\r\n  title: '应用菜单',\r\n  latelyTitle: \"最近访问\",\r\n  notText: '收藏列表为空，可在右侧将您常用地址添加到收藏。',\r\n  searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","title","latelyTitle","notText","searchPlaceholder"],"mappings":"AAEA,IAAMA,SAA8B;IAClCC,OAAO;IACPC,aAAa;IACbC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeJ,OAAM"}

package/esm/components/collect-providers/index.d.ts

@@ -1,6 +1,14 @@
-import { LocaleType } from "../locale";
 import { ReactNode } from "react";
+import { LocaleType } from "..";
 export interface CollectProviderProps {
+    /**
+     * 应用code
+     */
+    appCode: string;
+    /**
+     * tenantId
+     */
+    tenantId: string;
     /**
      * @knockout-js 的多语言 locale
      */

package/esm/components/collect-providers/index.js

@@ -1,9 +1,8 @@
 import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
-import { LocaleType } from "../locale/index";
 import { useEffect, useState } from "react";
 import { ProConfigProvider } from "@ant-design/pro-provider";
-import { BasicProvider, LeavePrompt } from "../index";
+import { Provider, LeavePrompt, LocaleType } from "../index";
 import { ConfigProvider } from "antd";
 import { AliveScope } from "react-activation";
 import zhCN from "antd/locale/zh_CN";
@@ -18,8 +17,11 @@ export default function(props) {
     ]);
     return /*#__PURE__*/ _jsx(ProConfigProvider, {
         dark: props.dark,
-        children: /*#__PURE__*/ _jsx(BasicProvider, {
+        children: /*#__PURE__*/ _jsx(Provider, {
             locale: props.locale,
+            appCode: props.appCode,
+            tenantId: props.tenantId,
+            dark: props.dark,
             children: /*#__PURE__*/ _jsx(ConfigProvider, {
                 locale: antLocale,
                 children: /*#__PURE__*/ _jsx(LeavePrompt, {

package/esm/components/collect-providers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { LocaleType } from \"../locale\"\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { BasicProvider, LeavePrompt } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n  /**\r\n   * @knockout-js 的多语言 locale\r\n   */\r\n  locale: LocaleType;\r\n  /**\r\n   * ProConfig dark主题\r\n   */\r\n  dark: boolean;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n  const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n  useEffect(() => {\r\n    if (props.locale === LocaleType.zhCN) {\r\n      setAntLocale(zhCN)\r\n    } else if (props.locale === LocaleType.enUS) {\r\n      setAntLocale(enUS)\r\n    }\r\n  }, [props.locale]);\r\n\r\n  return (\r\n    <ProConfigProvider dark={props.dark}>\r\n      <BasicProvider locale={props.locale}>\r\n        <ConfigProvider locale={antLocale}>\r\n          <LeavePrompt pathname={props.pathname}>\r\n            <AliveScope>\r\n              {props.children}\r\n            </AliveScope>\r\n          </LeavePrompt>\r\n        </ConfigProvider>\r\n      </BasicProvider>\r\n    </ProConfigProvider >\r\n  )\r\n}\r\n"],"names":["LocaleType","useEffect","useState","ProConfigProvider","BasicProvider","LeavePrompt","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","pathname","children"],"mappings":";;AACA,SAASA,UAAU,QAAQ,kBAAW;AACtC,SAAoBC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,aAAa,EAAEC,WAAW,QAAQ,WAAK;AAChD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AAoBrC,eAAe,SAACC,OAAgC;IAE9C,IAAkCR,6BAAAA,SAAiBM,WAA5CG,YAA2BT,cAAhBU,eAAgBV;IAElCD,UAAU,WAAM;QACd,IAAIS,MAAMG,MAAM,KAAKb,WAAWQ,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKb,WAAWS,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACV;QAAkBW,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACV;YAAcS,QAAQH,MAAMG,MAAM;sBACjC,cAAA,KAACP;gBAAeO,QAAQF;0BACtB,cAAA,KAACN;oBAAYU,UAAUL,MAAMK,QAAQ;8BACnC,cAAA,KAACR;kCACEG,MAAMM,QAAQ;;;;;;AAO7B,EAAC"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { Provider, LeavePrompt, LocaleType } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n  /**\r\n   * 应用code\r\n   */\r\n  appCode: string;\r\n  /**\r\n   * tenantId\r\n   */\r\n  tenantId: string;\r\n  /**\r\n   * @knockout-js 的多语言 locale\r\n   */\r\n  locale: LocaleType;\r\n  /**\r\n   * ProConfig dark主题\r\n   */\r\n  dark: boolean;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n  const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n  useEffect(() => {\r\n    if (props.locale === LocaleType.zhCN) {\r\n      setAntLocale(zhCN)\r\n    } else if (props.locale === LocaleType.enUS) {\r\n      setAntLocale(enUS)\r\n    }\r\n  }, [props.locale]);\r\n\r\n  return (\r\n    <ProConfigProvider dark={props.dark}>\r\n      <Provider locale={props.locale} appCode={props.appCode} tenantId={props.tenantId} dark={props.dark}>\r\n        <ConfigProvider locale={antLocale}>\r\n          <LeavePrompt pathname={props.pathname}>\r\n            <AliveScope>\r\n              {props.children}\r\n            </AliveScope>\r\n          </LeavePrompt>\r\n        </ConfigProvider>\r\n      </Provider>\r\n    </ProConfigProvider >\r\n  )\r\n}\r\n"],"names":["useEffect","useState","ProConfigProvider","Provider","LeavePrompt","LocaleType","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","appCode","tenantId","pathname","children"],"mappings":";;AACA,SAAoBA,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,QAAQ,WAAK;AACvD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AA4BrC,eAAe,SAACC,OAAgC;IAE9C,IAAkCT,6BAAAA,SAAiBO,WAA5CG,YAA2BV,cAAhBW,eAAgBX;IAElCD,UAAU,WAAM;QACd,IAAIU,MAAMG,MAAM,KAAKR,WAAWG,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKR,WAAWI,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACX;QAAkBY,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACX;YAASU,QAAQH,MAAMG,MAAM;YAAEE,SAASL,MAAMK,OAAO;YAAEC,UAAUN,MAAMM,QAAQ;YAAEF,MAAMJ,MAAMI,IAAI;sBAChG,cAAA,KAACR;gBAAeO,QAAQF;0BACtB,cAAA,KAACP;oBAAYa,UAAUP,MAAMO,QAAQ;8BACnC,cAAA,KAACV;kCACEG,MAAMQ,QAAQ;;;;;;AAO7B,EAAC"}

package/esm/components/i18n-dropdown/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LocaleType } from '../locale';
+import { LocaleType } from '..';
 export interface I18nDropdownProps {
     /**
      * 值变更事件 (value: LocaleType) => void;

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

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import { useState, useEffect, useCallback, useContext } from "react";
 import { Dropdown } from "antd";
 import styles from "./index.module.css";
-import { BasicContext, LocaleType } from "../locale/index";
+import { Context, LocaleType } from "../index";
 function I18nDropdown(props) {
-    var ctx = useContext(BasicContext), _useState = _sliced_to_array(useState(""), 2), localeName = _useState[0], setLocaleName = _useState[1], menuItemOnClick = useCallback(function(param) {
+    var ctx = useContext(Context), _useState = _sliced_to_array(useState(""), 2), localeName = _useState[0], setLocaleName = _useState[1], menuItemOnClick = useCallback(function(param) {
         var key = param.key;
         var _props_onChange;
         (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, key);

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 { BasicContext, BasicProviderProps, LocaleType } from '../locale';\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<BasicProviderProps>(BasicContext),\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","BasicContext","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,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,IAAMC,MAAMP,WAA+BG,eACXN,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, 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"}

package/esm/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as BasicProvider, BasicContext, type BasicProviderProps, LocaleType } from './locale';
+export { default as Provider, Context, type ProviderProps, } from './provider';
 export { default as ThemeSwitch } from './theme-switch';
 export { default as AvatarDropdown } from './avatar-dropdown';
 export { default as KeepAlive } from './keep-alive';
@@ -6,9 +6,14 @@ export { default as TenantDropdown } from './tenant-dropdown';
 export { default as LeavePrompt, useLeavePrompt } from './leave-prompt';
 export { default as I18nDropdown } from './i18n-dropdown';
 export { default as CollectProviders } from './collect-providers';
+export { LocaleType } from './provider';
 export { default as Layout } from './layout';
 export { default as Modal, type ModalProps } from './modal';
-export { default as GatherMenu, type GatherMenuDataSource } from './gather-menu';
+export { default as AggregateMenu, type AggregateMenuDataSource } from './aggregate-menu';
+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 * as util from './_util';
 export declare enum iceUrqlInstance {
     ucenter = "ucenter"
 }

package/esm/components/index.js

@@ -1,4 +1,4 @@
-export { default as BasicProvider, BasicContext, LocaleType } from "./locale/index";
+export { default as Provider, Context } from "./provider/index";
 export { default as ThemeSwitch } from "./theme-switch/index";
 export { default as AvatarDropdown } from "./avatar-dropdown/index";
 export { default as KeepAlive } from "./keep-alive/index";
@@ -6,9 +6,15 @@ export { default as TenantDropdown } from "./tenant-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";
+export { LocaleType } from "./provider/index";
 export { default as Layout } from "./layout/index";
 export { default as Modal } from "./modal/index";
-export { default as GatherMenu } from "./gather-menu/index";
+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";
+import * as _util from "./_util/index";
+export { _util as util };
 export var iceUrqlInstance;
 (function(iceUrqlInstance) {
     iceUrqlInstance["ucenter"] = "ucenter";

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 BasicProvider, BasicContext, type BasicProviderProps, LocaleType } from './locale';\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 { default as Layout } from './layout';\r\nexport { default as Modal, type ModalProps } from './modal';\r\nexport { default as GatherMenu, type GatherMenuDataSource } from './gather-menu';\r\nexport enum iceUrqlInstance {\r\n  ucenter = \"ucenter\"\r\n}\r\n"],"names":["default","BasicProvider","BasicContext","LocaleType","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","Layout","Modal","GatherMenu","iceUrqlInstance","ucenter"],"mappings":"AAAA,SAASA,WAAWC,aAAa,EAAEC,YAAY,EAA2BC,UAAU,QAAQ,iBAAW;AACvG,SAASH,WAAWI,WAAW,QAAQ,uBAAiB;AACxD,SAASJ,WAAWK,cAAc,QAAQ,0BAAoB;AAC9D,SAASL,WAAWM,SAAS,QAAQ,qBAAe;AACpD,SAASN,WAAWO,cAAc,QAAQ,0BAAoB;AAC9D,SAASP,WAAWQ,WAAW,EAAEC,cAAc,QAAQ,uBAAiB;AACxE,SAAST,WAAWU,YAAY,QAAQ,wBAAkB;AAC1D,SAASV,WAAWW,gBAAgB,QAAQ,4BAAsB;AAClE,SAASX,WAAWY,MAAM,QAAQ,iBAAW;AAC7C,SAASZ,WAAWa,KAAK,QAAyB,gBAAU;AAC5D,SAASb,WAAWc,UAAU,QAAmC,sBAAgB;WAC1E;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 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\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","util","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;AAEjE,uBAAsB,gBAAU;AAAhC,SAAO,SAAKC,IAAI,GAAgB;WAEzB;UAAKC,eAAe;IAAfA,gBACVC,aAAAA;GADUD,oBAAAA"}

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

@@ -3,14 +3,20 @@ import { I18nDropdownProps } from '../i18n-dropdown';
 import { TenantDropdownProps } from '../tenant-dropdown';
 import { AvatarDropdownProps } from '../avatar-dropdown';
 import { ThemeSwitchProps } from '../theme-switch';
-import { ReactNode } from 'react';
+import { ReactNode, FC } from 'react';
+import { LocaleType } from '..';
 import { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
-import { GatherMenuProps } from '../gather-menu';
+import { AggregateMenuProps } from '../aggregate-menu';
 export interface LayoutProps {
     /**
      * 应用code
      */
     appCode: string;
+    /**
+     * 语言
+     * 默认 LocaleType.zhCN
+     */
+    locale?: LocaleType;
     /**
      * 传递动态的 location.pathname
      */
@@ -18,11 +24,11 @@ export interface LayoutProps {
     /**
      * 菜单启用iconfont
      */
-    IconFont?: React.FC<IconFontProps<string>>;
+    IconFont?: FC<IconFontProps<string>>;
     /**
-     * 集成菜单
+     * 聚合菜单
      */
-    gatherMenuProps?: GatherMenuProps;
+    aggregateMenuProps?: AggregateMenuProps;
     /**
      * I18nDropdown组件对应的参数
      */
@@ -38,7 +44,7 @@ export interface LayoutProps {
     /**
      * ThemeSwitch组件对应的参数
      */
-    themeSwitchProps: ThemeSwitchProps;
+    themeSwitchProps?: ThemeSwitchProps;
     /**
     * ProLayout组件对应的参数
     */

package/esm/components/layout/index.js

@@ -1,7 +1,6 @@
 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";
@@ -10,51 +9,40 @@ import TenantDropdown from "../tenant-dropdown/index";
 import AvatarDropdown from "../avatar-dropdown/index";
 import ThemeSwitch from "../theme-switch/index";
 import styles from "./layout.module.css";
-import { useCallback, useState } from "react";
-import { LocaleType } from "../locale/index";
-import { CollectProviders } from "../index";
+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 GatherMenu from "../gather-menu/index";
+import AggregateMenu from "../aggregate-menu/index";
 import { BarsOutlined } from "@ant-design/icons";
+import { listFormatTreeData } from "../_util/index";
 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 _useState1 = _sliced_to_array(useState(false), 2), open = _useState1[0], setOpen = _useState1[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 isGatherMenu = !!props.gatherMenuProps;
+    var _props_themeSwitchProps;
+    var _props_locale, _props_themeSwitchProps_value;
     return /*#__PURE__*/ _jsxs(CollectProviders, {
-        locale: locale,
-        dark: props.themeSwitchProps.value,
+        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 = (_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({
                 className: styles.layout,
                 headerTitleRender: function(logo, title) {
+                    var _props_aggregateMenuProps;
                     return /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
-                            isGatherMenu ? /*#__PURE__*/ _jsx(BarsOutlined, {
+                            typeof ((_props_aggregateMenuProps = props.aggregateMenuProps) === null || _props_aggregateMenuProps === void 0 ? void 0 : _props_aggregateMenuProps.open) === "boolean" ? /*#__PURE__*/ _jsx(BarsOutlined, {
                                 rev: undefined,
                                 style: {
                                     fontSize: 20,
                                     marginRight: 10
                                 },
                                 onClick: function() {
-                                    setOpen(true);
+                                    var _props_aggregateMenuProps, _props_aggregateMenuProps_onChangeOpen;
+                                    (_props_aggregateMenuProps = props.aggregateMenuProps) === null || _props_aggregateMenuProps === void 0 ? void 0 : (_props_aggregateMenuProps_onChangeOpen = _props_aggregateMenuProps.onChangeOpen) === null || _props_aggregateMenuProps_onChangeOpen === void 0 ? void 0 : _props_aggregateMenuProps_onChangeOpen.call(_props_aggregateMenuProps, true);
                                 }
                             }) : /*#__PURE__*/ _jsx(_Fragment, {}),
                             logo,
@@ -70,7 +58,7 @@ var Layout = function(props) {
                 layout: "mix",
                 fixSiderbar: true,
                 suppressSiderWhenMenuEmpty: true,
-                menu: isGatherMenu ? /*#__PURE__*/ _jsx(_Fragment, {}) : {
+                menu: {
                     locale: true,
                     request: /*#__PURE__*/ _async_to_generator(function() {
                         var _result_data, result, meunList;
@@ -88,7 +76,10 @@ var Layout = function(props) {
                                 case 1:
                                     result = _state.sent();
                                     if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMenus.length) {
-                                        meunList = result.data.userMenus.map(function(item) {
+                                        meunList = result.data.userMenus.sort(function(d1, d2) {
+                                            var d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;
+                                            return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;
+                                        }).map(function(item) {
                                             return {
                                                 key: item.id,
                                                 name: item.name,
@@ -103,7 +94,7 @@ var Layout = function(props) {
                                         });
                                         return [
                                             2,
-                                            listFormatTree(meunList)
+                                            listFormatTreeData(meunList)
                                         ];
                                     }
                                     return [
@@ -118,18 +109,12 @@ 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)));
+                    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, {
@@ -154,10 +139,7 @@ var Layout = function(props) {
             }, props.proLayoutProps), {
                 children: props.children
             })),
-            /*#__PURE__*/ _jsx(GatherMenu, _object_spread_props(_object_spread({}, props.gatherMenuProps), {
-                open: open,
-                onChangeOpen: setOpen
-            }))
+            /*#__PURE__*/ _jsx(AggregateMenu, _object_spread({}, props.aggregateMenuProps))
         ]
     });
 };

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, useCallback, useState } from 'react';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api';\r\nimport { LocaleType } from '../locale';\r\nimport { CollectProviders } 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 GatherMenu, { GatherMenuProps } from '../gather-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?: React.FC<IconFontProps<string>>;\r\n  /**\r\n   * 集成菜单\r\n   */\r\n  gatherMenuProps?: GatherMenuProps;\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?: (item: MenuDataItem & {\r\n    isUrl: boolean;\r\n    onClick: () => void;\r\n  },\r\n    isOpen?: boolean) => 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  const [open, setOpen] = useState(false);\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  const isGatherMenu = !!props.gatherMenuProps;\r\n\r\n  return (\r\n    <CollectProviders\r\n      locale={locale}\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            {isGatherMenu ? <BarsOutlined\r\n              rev={undefined}\r\n              style={{ fontSize: 20, marginRight: 10 }}\r\n              onClick={() => {\r\n                setOpen(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={isGatherMenu ? <></> : {\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.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      <GatherMenu\r\n        {...props.gatherMenuProps}\r\n        open={open}\r\n        onChangeOpen={setOpen}\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","LocaleType","CollectProviders","gql","query","iceUrqlInstance","OpenWin","logoBase64","GatherMenu","BarsOutlined","userMenuListQuery","Layout","props","zhCN","locale","setLocale","open","setOpen","listFormatTree","list","parentList","filter","item","parentId","forEach","pItem","children","allItem","key","length","isGatherMenu","gatherMenuProps","dark","themeSwitchProps","value","pathname","className","layout","headerTitleRender","logo","title","rev","undefined","style","fontSize","marginRight","onClick","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","meunList","appCode","instanceName","ucenter","data","userMenus","map","id","name","icon","IconFont","type","i","parentID","path","route","location","actionsRender","onChange","i18nProps","tenantProps","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","onChangeOpen"],"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 ThemeSwitch, { ThemeSwitchProps } from '../theme-switch';\r\nimport styles from './layout.module.css';\r\nimport { ReactNode, FC } 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\nimport { listFormatTreeData } from '../_util';\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   * 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\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: 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 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          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      <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","CollectProviders","LocaleType","gql","query","iceUrqlInstance","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","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","instanceName","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","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"mappings":"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"}