@knockout-js/layout 0.0.3 → 0.0.4-beta.1

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

@@ -0,0 +1,168 @@
+.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;
+}
+
+.aggregateMenuDrawerMenu {
+  height: 100%;
+  border-right: 1px solid rgba(5, 5, 5, 0.06);
+}
+
+.aggregateMenuDrawerAllMenu {
+  height: calc(100% - 52px);
+  padding: 16px;
+  overflow-y: auto;
+  column-count: 3;
+  column-gap: 10px;
+}
+
+.aggregateMenuDrawerAllMenuColumn {
+  /* 瀑布流关键写法 */
+  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 16px;
+  display: flex;
+
+  &:hover {
+    background-color: #f1f1f1;
+
+    :global(.anticon-star) {
+      display: inline;
+    }
+  }
+
+  :global(.anticon-star.collect) {
+    color: rgb(255, 106, 0);
+    display: inline-flex;
+  }
+
+  :global(.anticon-star) {
+    display: none;
+  }
+}
+
+.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;
+}
+
+.aggregateMenuDrawerAllInput {
+  padding: 10px 0;
+  margin: 0 16px;
+  border-bottom: 1px solid rgba(5, 5, 5, 0.06);
+}
+
+.aggregateMenuDrawerMenuItem {
+  height: 40px;
+  line-height: 40px;
+  cursor: pointer;
+  padding: 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;
+
+}
+
+.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/aggregate-menu/locale/en_US.js

@@ -0,0 +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\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/aggregate-menu/locale/zh_CN.js

@@ -0,0 +1,9 @@
+var locale = {
+    title: "应用菜单",
+    latelyTitle: "最近访问",
+    notText: "收藏列表为空，可在右侧将您常用地址添加到收藏。",
+    searchPlaceholder: "请输入关键词"
+};
+export default locale;
+
+ //# 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,7 +6,13 @@ 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 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 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,7 +6,13 @@ 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 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";

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 enum iceUrqlInstance {\r\n  ucenter = \"ucenter\"\r\n}\r\n"],"names":["default","BasicProvider","BasicContext","LocaleType","ThemeSwitch","AvatarDropdown","KeepAlive","TenantDropdown","LeavePrompt","useLeavePrompt","I18nDropdown","CollectProviders","Layout","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;WACtC;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 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"}

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

@@ -3,8 +3,9 @@ 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 { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
+import { AggregateMenuProps } from '../aggregate-menu';
 export interface LayoutProps {
     /**
      * 应用code
@@ -17,7 +18,11 @@ export interface LayoutProps {
     /**
      * 菜单启用iconfont
      */
-    IconFont?: React.FC<IconFontProps<string>>;
+    IconFont?: FC<IconFontProps<string>>;
+    /**
+     * 聚合菜单
+     */
+    aggregateMenuProps?: AggregateMenuProps;
     /**
      * I18nDropdown组件对应的参数
      */

package/esm/components/layout/index.js

@@ -11,12 +11,13 @@ 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 AggregateMenu from "../aggregate-menu/index";
+import { BarsOutlined } from "@ant-design/icons";
 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];
@@ -33,103 +34,132 @@ var Layout = function(props) {
         });
         return parentList;
     }, []);
-    return /*#__PURE__*/ _jsx(CollectProviders, {
+    return /*#__PURE__*/ _jsxs(CollectProviders, {
         locale: locale,
+        appCode: props.appCode,
+        tenantId: props.tenantProps.value,
         dark: props.themeSwitchProps.value,
         pathname: props.pathname,
-        children: /*#__PURE__*/ _jsx(ProLayout, _object_spread_props(_object_spread({
-            className: styles.layout,
-            title: "adminx",
-            logo: /*#__PURE__*/ _jsx("img", {
-                src: logoBase64,
-                alt: "logo"
-            }),
-            layout: "mix",
-            fixSiderbar: true,
-            menu: {
-                locale: true,
-                request: /*#__PURE__*/ _async_to_generator(function() {
-                    var _result_data, result, meunList;
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    query(userMenuListQuery, {
-                                        appCode: props.appCode
-                                    }, {
-                                        instanceName: iceUrqlInstance.ucenter
-                                    })
-                                ];
-                            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) {
-                                        return {
-                                            key: item.id,
-                                            name: item.name,
-                                            icon: item.icon ? props.IconFont ? /*#__PURE__*/ _jsx(props.IconFont, {
-                                                type: item.icon
-                                            }) : /*#__PURE__*/ _jsx("i", {
-                                                className: item.icon
-                                            }) : undefined,
-                                            parentId: item.parentID,
-                                            path: item.route
-                                        };
-                                    });
+        children: [
+            /*#__PURE__*/ _jsx(ProLayout, _object_spread_props(_object_spread({
+                className: styles.layout,
+                headerTitleRender: function(logo, title) {
+                    var _props_aggregateMenuProps;
+                    return /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            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() {
+                                    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,
+                            title
+                        ]
+                    });
+                },
+                title: "adminx",
+                logo: /*#__PURE__*/ _jsx("img", {
+                    src: logoBase64,
+                    alt: "logo"
+                }),
+                layout: "mix",
+                fixSiderbar: true,
+                suppressSiderWhenMenuEmpty: true,
+                menu: {
+                    locale: true,
+                    request: /*#__PURE__*/ _async_to_generator(function() {
+                        var _result_data, result, meunList;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    return [
+                                        4,
+                                        query(userMenuListQuery, {
+                                            appCode: props.appCode
+                                        }, {
+                                            instanceName: iceUrqlInstance.ucenter
+                                        })
+                                    ];
+                                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.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,
+                                                icon: item.icon ? props.IconFont ? /*#__PURE__*/ _jsx(props.IconFont, {
+                                                    type: item.icon
+                                                }) : /*#__PURE__*/ _jsx("i", {
+                                                    className: item.icon
+                                                }) : undefined,
+                                                parentId: item.parentID,
+                                                path: item.route
+                                            };
+                                        });
+                                        return [
+                                            2,
+                                            listFormatTree(meunList)
+                                        ];
+                                    }
                                     return [
                                         2,
-                                        listFormatTree(meunList)
+                                        []
                                     ];
-                                }
-                                return [
-                                    2,
-                                    []
-                                ];
-                        }
-                    });
-                })
-            },
-            location: {
-                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))
-                ];
-            },
-            menuItemRender: function(item, defaultDom) {
-                return item.path ? /*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsx("a", {
-                            onClick: function() {
-                                var _props_onClickMenuItem;
-                                (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, false);
-                            },
-                            children: defaultDom
-                        }),
-                        /*#__PURE__*/ _jsx(OpenWin, {
-                            className: styles.menuIconPopup,
-                            onClick: function() {
-                                var _props_onClickMenuItem;
-                                (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, true);
                             }
-                        })
-                    ]
-                }) : defaultDom;
-            }
-        }, props.proLayoutProps), {
-            children: props.children
-        }))
+                        });
+                    })
+                },
+                location: {
+                    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))
+                    ];
+                },
+                menuItemRender: function(item, defaultDom) {
+                    return item.path ? /*#__PURE__*/ _jsxs(_Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx("a", {
+                                onClick: function() {
+                                    var _props_onClickMenuItem;
+                                    (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, false);
+                                },
+                                children: defaultDom
+                            }),
+                            /*#__PURE__*/ _jsx(OpenWin, {
+                                className: styles.menuIconPopup,
+                                onClick: function() {
+                                    var _props_onClickMenuItem;
+                                    (_props_onClickMenuItem = props.onClickMenuItem) === null || _props_onClickMenuItem === void 0 ? void 0 : _props_onClickMenuItem.call(props, item, true);
+                                }
+                            })
+                        ]
+                    }) : defaultDom;
+                }
+            }, props.proLayoutProps), {
+                children: props.children
+            })),
+            /*#__PURE__*/ _jsx(AggregateMenu, _object_spread({}, props.aggregateMenuProps))
+        ]
     });
 };
 export default Layout;