@knockout-js/layout 0.0.2

package/esm/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";
+var AvatarDropdown = function(props) {
+    var locale = useLocale("AvatarDropdown"), menu = {
+        items: [
+            {
+                key: "logout",
+                label: locale.logout,
+                icon: /*#__PURE__*/ _jsx(LogoutOutlined, {
+                    rev: undefined
+                }),
+                onClick: useCallback(function() {
+                    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: "".concat(styles.action, " ").concat(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/esm/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,IAAMC,iBAAiB,SAACC,OAA+B;IACrD,IAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,WAAM;wBACzBQ;oBAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA;gBACF,GAAG,EAAE;gBACLY,WAAWf,OAAOK,IAAI;YACxB;SACD;IACH;IAEF,qBACE,KAACP;QAASO,MAAMF,MAAMa,SAAS,IAAIX;kBACjC,cAAA,MAACY;YAAKF,WAAW,AAAC,GAAmBf,OAAjBA,OAAOkB,MAAM,EAAC,KAAkB,OAAflB,OAAOmB,OAAO;;8BACjD,KAACpB;oBACCqB,MAAK;oBACLL,WAAWf,OAAOqB,MAAM;oBACxBX,oBAAM,KAACb;wBAAac,KAAKC;;oBACzBU,KAAKnB,MAAMkB,MAAM;oBACjBE,KAAI;;8BAEN,KAACN;8BAAMd,MAAMqB,IAAI;;;;;AAIzB;AAEA,eAAetB,eAAe"}

package/esm/components/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/esm/components/avatar-dropdown/locale/en_US.d.ts

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

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

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

package/esm/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,IAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}

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

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

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

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

package/esm/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,IAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}

package/esm/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/esm/components/collect-providers/index.js

@@ -0,0 +1,39 @@
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+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 function(props) {
+    var _useState = _sliced_to_array(useState(zhCN), 2), antLocale = _useState[0], setAntLocale = _useState[1];
+    useEffect(function() {
+        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/esm/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,SAACC,OAAgC;IAE9C,IAAkCR,6BAAAA,SAAiBM,WAA5CG,YAA2BT,cAAhBU,eAAgBV;IAElCD,UAAU,WAAM;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,EAAC"}

package/esm/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/esm/components/i18n-dropdown/index.js

@@ -0,0 +1,46 @@
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+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) {
+    var ctx = useContext(BasicContext), _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);
+    }, []), menuItems = [
+        {
+            key: LocaleType.zhCN,
+            label: "简体",
+            onClick: menuItemOnClick
+        },
+        {
+            key: LocaleType.enUS,
+            label: "En",
+            onClick: menuItemOnClick
+        }
+    ];
+    useEffect(function() {
+        var item = menuItems === null || menuItems === void 0 ? void 0 : menuItems.find(function(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/esm/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,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"}

package/esm/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/esm/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/esm/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 var OpenWin = function(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/esm/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,IAAMA,UAAU,SAACC,OAA6D;IACnF,qBAAO,KAACC;QACNC,MAAK;QACLC,SAAQ;QACRC,QAAK;QACLC,OAAM;QACNC,QAAO;OACHN;kBAEJ,cAAA,KAACO;YAAKC,GAAE;YAAwuBJ,QAAK;;;AAEzvB,EAAC"}

package/esm/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/esm/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/esm/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/esm/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/esm/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";
+var KA = function(props) {
+    var cacheKey = btoa(location.pathname), _useAliveController = useAliveController(), dropScope = _useAliveController.dropScope, getCachingNodes = _useAliveController.getCachingNodes;
+    useEffect(function() {
+        if (props.clearAlive) {
+            getCachingNodes().forEach(function(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/esm/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,IAAMC,KAAuE,SAACC,OAA0B;IACtG,IAAMC,WAAWC,KAAKC,SAASC,QAAQ,GACJN,sBAAAA,sBAA/BO,YAA+BP,oBAA/BO,WAAWC,kBAAoBR,oBAApBQ;IAEfV,UAAU,WAAM;QACd,IAAII,MAAMO,UAAU,EAAE;YACpBD,kBAAkBE,OAAO,CAACC,SAAAA,MAAQ;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/esm/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/esm/components/layout/index.js

@@ -0,0 +1,142 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+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";
+var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,parentID,kind,name,comments,displaySort,icon,route\n  }\n}");
+var Layout = function(props) {
+    var _useState = _sliced_to_array(useState(LocaleType.zhCN), 2), locale = _useState[0], setLocale = _useState[1];
+    // 根据列表格式化成菜单树结构
+    var listFormatTree = useCallback(function(list, parentList) {
+        if (!parentList) {
+            parentList = list.filter(function(item) {
+                return item.parentId == "0";
+            });
+        }
+        parentList.forEach(function(pItem) {
+            var children = list.filter(function(allItem) {
+                return allItem.parentId == pItem.key;
+            });
+            if (children && children.length) {
+                pItem.children = listFormatTree(list, children);
+            }
+        });
+        return parentList;
+    }, []);
+    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: /*#__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
+                                        };
+                                    });
+                                    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
+        }))
+    });
+};
+export default Layout;
+
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\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 { gql } from 'urql';\r\nimport { UserMenuListQuery, UserMenuListQueryVariables } from '@knockout-js/api';\r\nimport { LocaleType } from '../locale';\r\nimport { CollectProviders } from '..';\r\nimport { query } from '@knockout-js/ice-urql/request';\r\nimport { iceUrqlInstance } from '..';\r\nimport logo from './woocoo.png';\r\nimport { OpenWin } from '../icons';\r\nimport { IconFontProps } from '@ant-design/icons/lib/components/IconFont';\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   * 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\nconst Layout = (props: LayoutProps) => {\r\n\r\n  const [locale, setLocale] = useState(LocaleType.zhCN);\r\n\r\n  // 根据列表格式化成菜单树结构\r\n  const listFormatTree = useCallback((list: MenuDataItem[], parentList?: MenuDataItem[]) => {\r\n    if (!parentList) {\r\n      parentList = list.filter(item => item.parentId == '0');\r\n    }\r\n    parentList.forEach((pItem) => {\r\n      let children = list.filter(\r\n        (allItem) => allItem.parentId == pItem.key,\r\n      );\r\n      if (children && children.length) {\r\n        pItem.children = listFormatTree(list, children);\r\n      }\r\n    });\r\n    return parentList;\r\n  }, [])\r\n\r\n  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        title='adminx'\r\n        logo={<img src={logo} alt=\"logo\" />}\r\n        layout=\"mix\"\r\n        fixSiderbar\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.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    </CollectProviders>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","ThemeSwitch","styles","useCallback","useState","gql","LocaleType","CollectProviders","query","iceUrqlInstance","logo","OpenWin","userMenuListQuery","Layout","props","zhCN","locale","setLocale","listFormatTree","list","parentList","filter","item","parentId","forEach","pItem","children","allItem","key","length","dark","themeSwitchProps","value","pathname","className","layout","title","img","src","alt","fixSiderbar","menu","request","result","meunList","appCode","instanceName","ucenter","data","userMenus","map","id","name","icon","IconFont","type","i","undefined","parentID","path","route","location","actionsRender","onChange","i18nProps","tenantProps","avatarProps","menuItemRender","defaultDom","a","onClick","onClickMenuItem","menuIconPopup","proLayoutProps"],"mappings":"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"}