@knockout-js/layout 0.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018-present Alibaba Group Holding Limited, https://www.alibabagroup.com/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,15 @@
+# @knockout-js/layout
+
+组件功能描述
+
+## Install
+
+```bash
+$ npm i @knockout-js/layout --save
+```
+
+## Usage
+
+```jsx
+import Layout from '@knockout-js/layout';
+```

package/es2017/components/avatar-dropdown/index.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { MenuProps } from 'antd';
+export interface AvatarDropdownLocale {
+    logout: string;
+}
+export interface AvatarDropdownProps {
+    /**
+     * 用户名
+     */
+    name?: string;
+    /**
+     * 头像
+     */
+    avatar?: string;
+    /**
+     * ant的
+     */
+    menuProps?: MenuProps;
+    /**
+     * 单击退出事件 () => void;
+     */
+    onLogoutClick?: () => void;
+}
+declare const AvatarDropdown: (props: AvatarDropdownProps) => JSX.Element;
+export default AvatarDropdown;

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import React, { useCallback } from "react";
+import { LogoutOutlined, UserOutlined } from "@ant-design/icons";
+import { Dropdown, Avatar } from "antd";
+import styles from "./index.module.css";
+import { useLocale } from "../locale/index";
+const AvatarDropdown = (props)=>{
+    const locale = useLocale('AvatarDropdown'), menu = {
+        items: [
+            {
+                key: 'logout',
+                label: locale.logout,
+                icon: /*#__PURE__*/ _jsx(LogoutOutlined, {
+                    rev: undefined
+                }),
+                onClick: useCallback(()=>{
+                    var _props_onLogoutClick;
+                    (_props_onLogoutClick = props.onLogoutClick) === null || _props_onLogoutClick === void 0 ? void 0 : _props_onLogoutClick.call(props);
+                }, []),
+                className: styles.menu
+            }
+        ]
+    };
+    return /*#__PURE__*/ _jsx(Dropdown, {
+        menu: props.menuProps || menu,
+        children: /*#__PURE__*/ _jsxs("span", {
+            className: `${styles.action} ${styles.account}`,
+            children: [
+                /*#__PURE__*/ _jsx(Avatar, {
+                    size: "small",
+                    className: styles.avatar,
+                    icon: /*#__PURE__*/ _jsx(UserOutlined, {
+                        rev: undefined
+                    }),
+                    src: props.avatar,
+                    alt: "avatar"
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    children: props.name
+                })
+            ]
+        })
+    });
+};
+export default AvatarDropdown;
+
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\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,MAAMC,iBAAiB,CAACC,QAA+B;IACrD,MAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,IAAM;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,CAAC,EAAEf,OAAOkB,MAAM,CAAC,CAAC,EAAElB,OAAOmB,OAAO,CAAC,CAAC;;8BACnD,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/es2017/components/avatar-dropdown/index.module.css

@@ -0,0 +1,23 @@
+.action {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action>span {
+  vertical-align: middle;
+  font-size: 14px;
+}
+
+.account>.avatar {
+  margin-right: 8px;
+  vertical-align: top;
+  background: rgba(255, 255, 255, 0.85);
+}
+
+.menu {
+  min-width: 160px;
+}

package/es2017/components/avatar-dropdown/locale/en_US.d.ts

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

package/es2017/components/avatar-dropdown/locale/en_US.js

@@ -0,0 +1,6 @@
+const locale = {
+    logout: 'logout'
+};
+export default locale;
+
+ //# sourceMappingURL=en_US.js.map

package/es2017/components/avatar-dropdown/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\avatar-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\r\n\r\nconst locale: AvatarDropdownLocale = {\r\n  logout: 'logout'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","logout"],"mappings":"AAEA,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}

package/es2017/components/avatar-dropdown/locale/zh_CN.d.ts

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

package/es2017/components/avatar-dropdown/locale/zh_CN.js

@@ -0,0 +1,6 @@
+const locale = {
+    logout: '退出'
+};
+export default locale;
+
+ //# sourceMappingURL=zh_CN.js.map

package/es2017/components/avatar-dropdown/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\avatar-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { AvatarDropdownLocale } from \"../index\";\r\n\r\nconst locale: AvatarDropdownLocale = {\r\n  logout: '退出'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","logout"],"mappings":"AAEA,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}

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

@@ -0,0 +1,22 @@
+import { LocaleType } from "../locale";
+import { ReactNode } from "react";
+export interface CollectProviderProps {
+    /**
+     * @knockout-js 的多语言 locale
+     */
+    locale: LocaleType;
+    /**
+     * ProConfig dark主题
+     */
+    dark: boolean;
+    /**
+     * 传递动态的 location.pathname
+     */
+    pathname: string;
+    /**
+     * 默认插槽
+     */
+    children: ReactNode;
+}
+declare const _default: (props: CollectProviderProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,38 @@
+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 { ConfigProvider } from "antd";
+import { AliveScope } from "react-activation";
+import zhCN from "antd/locale/zh_CN";
+import enUS from "antd/locale/en_US";
+export default ((props)=>{
+    const [antLocale, setAntLocale] = useState(zhCN);
+    useEffect(()=>{
+        if (props.locale === LocaleType.zhCN) {
+            setAntLocale(zhCN);
+        } else if (props.locale === LocaleType.enUS) {
+            setAntLocale(enUS);
+        }
+    }, [
+        props.locale
+    ]);
+    return /*#__PURE__*/ _jsx(ProConfigProvider, {
+        dark: props.dark,
+        children: /*#__PURE__*/ _jsx(BasicProvider, {
+            locale: props.locale,
+            children: /*#__PURE__*/ _jsx(ConfigProvider, {
+                locale: antLocale,
+                children: /*#__PURE__*/ _jsx(LeavePrompt, {
+                    pathname: props.pathname,
+                    children: /*#__PURE__*/ _jsx(AliveScope, {
+                        children: props.children
+                    })
+                })
+            })
+        })
+    });
+});
+
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\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,CAAA,CAACC,QAAgC;IAE9C,MAAM,CAACC,WAAWC,aAAa,GAAGV,SAAiBM;IAEnDP,UAAU,IAAM;QACd,IAAIS,MAAMG,MAAM,KAAKb,WAAWQ,IAAI,EAAE;YACpCI,aAAaJ;QACf,OAAO,IAAIE,MAAMG,MAAM,KAAKb,WAAWS,IAAI,EAAE;YAC3CG,aAAaH;QACf,CAAC;IACH,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,CAAA,EAAC"}

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { LocaleType } from '../locale';
+export interface I18nDropdownProps {
+    /**
+     * 值变更事件 (value: LocaleType) => void;
+     */
+    onChange?: (value: LocaleType) => void;
+}
+declare function I18nDropdown(props: I18nDropdownProps): JSX.Element;
+export default I18nDropdown;

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

@@ -0,0 +1,44 @@
+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";
+function I18nDropdown(props) {
+    const ctx = useContext(BasicContext), [localeName, setLocaleName] = useState(''), menuItemOnClick = useCallback(({ key  })=>{
+        var _props_onChange;
+        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, key);
+    }, []), menuItems = [
+        {
+            key: LocaleType.zhCN,
+            label: '简体',
+            onClick: menuItemOnClick
+        },
+        {
+            key: LocaleType.enUS,
+            label: 'En',
+            onClick: menuItemOnClick
+        }
+    ];
+    useEffect(()=>{
+        const item = menuItems === null || menuItems === void 0 ? void 0 : menuItems.find((item)=>{
+            return (item === null || item === void 0 ? void 0 : item.key) == ctx.locale;
+        });
+        setLocaleName((item === null || item === void 0 ? void 0 : item.label) || '');
+    }, [
+        ctx.locale
+    ]);
+    return /*#__PURE__*/ _jsx(Dropdown, {
+        menu: {
+            items: menuItems
+        },
+        children: /*#__PURE__*/ _jsx("span", {
+            className: styles.action,
+            children: /*#__PURE__*/ _jsx("span", {
+                children: localeName
+            })
+        })
+    });
+}
+export default I18nDropdown;
+
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\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,MAAMC,MAAMP,WAA+BG,eACzC,CAACK,YAAYC,cAAc,GAAGZ,SAAS,KACvCa,kBAAkBX,YAAY,CAAC,EAAEY,IAAG,EAAsB,GAAK;YAC7DL;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,IAAM;QACd,MAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,CAAAA;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/es2017/components/i18n-dropdown/index.module.css

@@ -0,0 +1,13 @@
+.action {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  padding: 0 12px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.action > span {
+  vertical-align: middle;
+  font-size: 14px;
+}

package/es2017/components/icons/index.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const OpenWin: (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => JSX.Element;

package/es2017/components/icons/index.js

@@ -0,0 +1,19 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+export const OpenWin = (props)=>{
+    return /*#__PURE__*/ _jsx("svg", _object_spread_props(_object_spread({
+        fill: "currentColor",
+        viewBox: "0 0 1024 1024",
+        "p-id": "19410",
+        width: "12",
+        height: "12"
+    }, props), {
+        children: /*#__PURE__*/ _jsx("path", {
+            d: "M398.506667 960H160q-39.765333 0-67.882667-28.117333-28.117333-28.117333-28.117333-67.882667V160q0-39.765333 28.117333-67.882667Q120.234667 64 160 64h704q39.765333 0 67.882667 28.117333 28.117333 28.117333 28.117333 67.882667v149.333333a32 32 0 0 1-32 32H128v522.666667q0 13.226667 9.386667 22.613333 9.386667 9.386667 22.613333 9.386667h238.506667a32 32 0 0 1 0 64zM128 160V277.333333h768V160q0-13.226667-9.386667-22.613333-9.386667-9.386667-22.613333-9.386667H160q-13.226667 0-22.613333 9.386667-9.386667 9.386667-9.386667 22.613333z m800.512 341.333333H672a32 32 0 0 0 0 64h178.773333l-340.053333 340.053334a32 32 0 0 0 45.226667 45.226666L896 610.602667v178.773333a32 32 0 0 0 64 0v-255.573333a31.914667 31.914667 0 0 0-31.488-32.426667z",
+            "p-id": "19411"
+        })
+    }));
+};
+
+ //# sourceMappingURL=index.js.map

package/es2017/components/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\icons\\index.tsx"],"sourcesContent":["import { SVGProps } from \"react\"\r\n\r\nexport const OpenWin = (props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) => {\r\n  return <svg\r\n    fill=\"currentColor\"\r\n    viewBox=\"0 0 1024 1024\"\r\n    p-id=\"19410\"\r\n    width=\"12\"\r\n    height=\"12\"\r\n    {...props}\r\n  >\r\n    <path d=\"M398.506667 960H160q-39.765333 0-67.882667-28.117333-28.117333-28.117333-28.117333-67.882667V160q0-39.765333 28.117333-67.882667Q120.234667 64 160 64h704q39.765333 0 67.882667 28.117333 28.117333 28.117333 28.117333 67.882667v149.333333a32 32 0 0 1-32 32H128v522.666667q0 13.226667 9.386667 22.613333 9.386667 9.386667 22.613333 9.386667h238.506667a32 32 0 0 1 0 64zM128 160V277.333333h768V160q0-13.226667-9.386667-22.613333-9.386667-9.386667-22.613333-9.386667H160q-13.226667 0-22.613333 9.386667-9.386667 9.386667-9.386667 22.613333z m800.512 341.333333H672a32 32 0 0 0 0 64h178.773333l-340.053333 340.053334a32 32 0 0 0 45.226667 45.226666L896 610.602667v178.773333a32 32 0 0 0 64 0v-255.573333a31.914667 31.914667 0 0 0-31.488-32.426667z\" p-id=\"19411\"></path>\r\n  </svg>\r\n}\r\n"],"names":["OpenWin","props","svg","fill","viewBox","p-id","width","height","path","d"],"mappings":";;;AAEA,OAAO,MAAMA,UAAU,CAACC,QAA6D;IACnF,qBAAO,KAACC;QACNC,MAAK;QACLC,SAAQ;QACRC,QAAK;QACLC,OAAM;QACNC,QAAO;OACHN;kBAEJ,cAAA,KAACO;YAAKC,GAAE;YAAwuBJ,QAAK;;;AAEzvB,EAAC"}

package/es2017/components/index.d.ts

@@ -0,0 +1,12 @@
+export { default as BasicProvider, BasicContext, type BasicProviderProps, LocaleType } from './locale';
+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 LeavePrompt, useLeavePrompt } from './leave-prompt';
+export { default as I18nDropdown } from './i18n-dropdown';
+export { default as CollectProviders } from './collect-providers';
+export { default as Layout } from './layout';
+export declare enum iceUrqlInstance {
+    ucenter = "ucenter"
+}

package/es2017/components/index.js

@@ -0,0 +1,15 @@
+export { default as BasicProvider, BasicContext, LocaleType } from "./locale/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";
+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 { default as Layout } from "./layout/index";
+export var iceUrqlInstance;
+(function(iceUrqlInstance) {
+    iceUrqlInstance["ucenter"] = "ucenter";
+})(iceUrqlInstance || (iceUrqlInstance = {}));
+
+ //# sourceMappingURL=index.js.map

package/es2017/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\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"}

package/es2017/components/keep-alive/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface KeepAliveProps {
+    /**
+     * 在相同 location.pathname 通过传入id去区分
+     */
+    id?: string;
+    /**
+     * 是否需要清空其他keepalive缓存
+     */
+    clearAlive?: boolean;
+    /**
+     * 默认插槽
+     */
+    children: ReactNode;
+}
+declare const KA: React.FunctionComponent<React.PropsWithChildren<KeepAliveProps>>;
+export default KA;

package/es2017/components/keep-alive/index.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { useEffect } from "react";
+import KeepAlive, { useAliveController } from "react-activation";
+const KA = (props)=>{
+    const cacheKey = btoa(location.pathname), { dropScope , getCachingNodes  } = useAliveController();
+    useEffect(()=>{
+        if (props.clearAlive) {
+            getCachingNodes().forEach((item)=>{
+                if (item.name && cacheKey != item.name) {
+                    dropScope(item.name);
+                }
+            });
+        }
+    }, [
+        props.clearAlive
+    ]);
+    return /*#__PURE__*/ _jsx(KeepAlive, {
+        when: true,
+        autoFreeze: false,
+        cacheKey: cacheKey,
+        name: cacheKey,
+        id: props.id,
+        children: props.children
+    });
+};
+KA.defaultProps = {};
+export default KA;
+
+ //# sourceMappingURL=index.js.map

package/es2017/components/keep-alive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\keep-alive\\index.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react';\r\nimport KeepAlive, { useAliveController } from 'react-activation';\r\n\r\nexport interface KeepAliveProps {\r\n  /**\r\n   * 在相同 location.pathname 通过传入id去区分\r\n   */\r\n  id?: string;\r\n  /**\r\n   * 是否需要清空其他keepalive缓存\r\n   */\r\n  clearAlive?: boolean;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\nconst KA: React.FunctionComponent<React.PropsWithChildren<KeepAliveProps>> = (props: KeepAliveProps) => {\r\n  const cacheKey = btoa(location.pathname),\r\n    { dropScope, getCachingNodes } = useAliveController();\r\n\r\n  useEffect(() => {\r\n    if (props.clearAlive) {\r\n      getCachingNodes().forEach(item => {\r\n        if (item.name && cacheKey != item.name) {\r\n          dropScope(item.name);\r\n        }\r\n      });\r\n    }\r\n  }, [props.clearAlive]);\r\n\r\n  return (<KeepAlive when autoFreeze={false} cacheKey={cacheKey} name={cacheKey} id={props.id}>\r\n    {props.children}\r\n  </KeepAlive>);\r\n}\r\n\r\nKA.defaultProps = {}\r\n\r\nexport default KA;\r\n"],"names":["useEffect","KeepAlive","useAliveController","KA","props","cacheKey","btoa","location","pathname","dropScope","getCachingNodes","clearAlive","forEach","item","name","when","autoFreeze","id","children","defaultProps"],"mappings":";AAAA,SAAoBA,SAAS,QAAQ,QAAQ;AAC7C,OAAOC,aAAaC,kBAAkB,QAAQ,mBAAmB;AAiBjE,MAAMC,KAAuE,CAACC,QAA0B;IACtG,MAAMC,WAAWC,KAAKC,SAASC,QAAQ,GACrC,EAAEC,UAAS,EAAEC,gBAAe,EAAE,GAAGR;IAEnCF,UAAU,IAAM;QACd,IAAII,MAAMO,UAAU,EAAE;YACpBD,kBAAkBE,OAAO,CAACC,CAAAA,OAAQ;gBAChC,IAAIA,KAAKC,IAAI,IAAIT,YAAYQ,KAAKC,IAAI,EAAE;oBACtCL,UAAUI,KAAKC,IAAI;gBACrB,CAAC;YACH;QACF,CAAC;IACH,GAAG;QAACV,MAAMO,UAAU;KAAC;IAErB,qBAAQ,KAACV;QAAUc,IAAI;QAACC,YAAY,KAAK;QAAEX,UAAUA;QAAUS,MAAMT;QAAUY,IAAIb,MAAMa,EAAE;kBACxFb,MAAMc,QAAQ;;AAEnB;AAEAf,GAAGgB,YAAY,GAAG,CAAC;AAEnB,eAAehB,GAAG"}

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

@@ -0,0 +1,54 @@
+import { MenuDataItem, ProLayoutProps } from '@ant-design/pro-layout';
+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 { IconFontProps } from '@ant-design/icons/lib/components/IconFont';
+export interface LayoutProps {
+    /**
+     * 应用code
+     */
+    appCode: string;
+    /**
+     * 传递动态的 location.pathname
+     */
+    pathname: string;
+    /**
+     * 菜单启用iconfont
+     */
+    IconFont?: React.FC<IconFontProps<string>>;
+    /**
+     * I18nDropdown组件对应的参数
+     */
+    i18nProps?: I18nDropdownProps;
+    /**
+     * TenantDropdown组件对应的参数
+     */
+    tenantProps: TenantDropdownProps;
+    /**
+     * AvatarDropdown组件对应的参数
+     */
+    avatarProps: AvatarDropdownProps;
+    /**
+     * ThemeSwitch组件对应的参数
+     */
+    themeSwitchProps: ThemeSwitchProps;
+    /**
+    * ProLayout组件对应的参数
+    */
+    proLayoutProps?: ProLayoutProps;
+    /**
+     * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;
+     */
+    onClickMenuItem?: (item: MenuDataItem & {
+        isUrl: boolean;
+        onClick: () => void;
+    }, isOpen?: boolean) => void;
+    /**
+     * 默认插槽
+     */
+    children?: ReactNode;
+}
+declare const Layout: (props: LayoutProps) => JSX.Element;
+export default Layout;

package/es2017/components/layout/index.js

@@ -0,0 +1,123 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+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 ThemeSwitch from "../theme-switch/index";
+import styles from "./layout.module.css";
+import { useCallback, useState } from "react";
+import { gql } from "urql";
+import { LocaleType } from "../locale/index";
+import { CollectProviders } from "../index";
+import { query } from "@knockout-js/ice-urql/request";
+import { iceUrqlInstance } from "../index";
+import logo from "./woocoo.png";
+import { OpenWin } from "../icons/index";
+const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!){
+  userMenus(appCode: $appCode){
+    id,parentID,kind,name,comments,displaySort,icon,route
+  }
+}`);
+const Layout = (props)=>{
+    const [locale, setLocale] = useState(LocaleType.zhCN);
+    // 根据列表格式化成菜单树结构
+    const listFormatTree = useCallback((list, parentList)=>{
+        if (!parentList) {
+            parentList = list.filter((item)=>item.parentId == '0');
+        }
+        parentList.forEach((pItem)=>{
+            let children = list.filter((allItem)=>allItem.parentId == pItem.key);
+            if (children && children.length) {
+                pItem.children = listFormatTree(list, children);
+            }
+        });
+        return parentList;
+    }, []);
+    return /*#__PURE__*/ _jsx(CollectProviders, {
+        locale: locale,
+        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: logo,
+                alt: "logo"
+            }),
+            layout: "mix",
+            fixSiderbar: true,
+            menu: {
+                locale: true,
+                request: async ()=>{
+                    var _result_data;
+                    const result = await query(userMenuListQuery, {
+                        appCode: props.appCode
+                    }, {
+                        instanceName: iceUrqlInstance.ucenter
+                    });
+                    if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userMenus.length) {
+                        const meunList = result.data.userMenus.map((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 listFormatTree(meunList);
+                    }
+                    return [];
+                }
+            },
+            location: {
+                pathname: props.pathname
+            },
+            actionsRender: ()=>{
+                return [
+                    /*#__PURE__*/ _jsx(I18nDropdown, {
+                        onChange: (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: (item, defaultDom)=>{
+                return item.path ? /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx("a", {
+                            onClick: ()=>{
+                                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: ()=>{
+                                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
+        }))
+    });
+};
+export default Layout;
+
+ //# sourceMappingURL=index.js.map