@knockout-js/layout 0.0.2

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

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

package/esm/components/leave-prompt/index.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface LeavePromptLocale {
+    leavePromptTip: string;
+}
+export interface LeavePromptProps {
+    /**
+     * 站点路径
+     */
+    pathname: string;
+    /**
+     * 插槽
+     */
+    children: ReactNode;
+}
+/**
+ * 一般在layout引入，主要检测浏览器刷新
+ * TODO：浏览器的前进和回退无法拦截
+ */
+declare const _default: (props: LeavePromptProps) => JSX.Element;
+export default _default;
+export declare const useLeavePrompt: () => readonly [() => boolean, (when: boolean) => void];

package/esm/components/leave-prompt/index.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { useEffect } from "react";
+import { useLocale } from "../locale/index";
+var eventName = "updateLeavePromptContext";
+var when = true;
+/**
+ * 一般在layout引入，主要检测浏览器刷新
+ * TODO：浏览器的前进和回退无法拦截
+ */ export default function(props) {
+    var leave = useLocale("LeavePrompt");
+    useEffect(function() {
+        when = true;
+    }, [
+        props.pathname
+    ]);
+    useEffect(function() {
+        window.addEventListener("beforeunload", function(event) {
+            if (when === true) {
+                return;
+            }
+            event.preventDefault();
+            event.returnValue = leave.leavePromptTip;
+            return leave.leavePromptTip;
+        });
+        window.addEventListener(eventName, function(event) {
+            when = event.detail || false;
+        });
+    }, []);
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: props.children
+    });
+};
+export var useLeavePrompt = function() {
+    var locale = useLocale("LeavePrompt");
+    /**
+   * 拦截离开检查确认离开后回调
+   * @param callback 确认离开
+   */ var checkLeave = function() {
+        if (when) {
+            return true;
+        } else {
+            if (confirm(locale.leavePromptTip)) {
+                return true;
+            }
+        }
+        return false;
+    };
+    /**
+   * 设置是否拦截离开
+   * @param when true:不拦截，false:拦截
+   */ var setLeavePromptWhen = function(when) {
+        window.dispatchEvent(new CustomEvent(eventName, {
+            detail: when
+        }));
+    };
+    return [
+        checkLeave,
+        setLeavePromptWhen
+    ];
+};
+
+ //# sourceMappingURL=index.js.map

package/esm/components/leave-prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\leave-prompt\\index.tsx"],"sourcesContent":["import { ReactNode, useEffect } from 'react';\r\nimport { useLocale } from '../locale';\r\n\r\nexport interface LeavePromptLocale {\r\n  leavePromptTip: string;\r\n}\r\n\r\nexport interface LeavePromptProps {\r\n  /**\r\n   * 站点路径\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\n\r\nconst eventName = 'updateLeavePromptContext'\r\nlet when = true;\r\n\r\n\r\n/**\r\n * 一般在layout引入，主要检测浏览器刷新\r\n * TODO：浏览器的前进和回退无法拦截\r\n */\r\nexport default (props: LeavePromptProps) => {\r\n  const leave = useLocale('LeavePrompt')\r\n\r\n  useEffect(() => {\r\n    when = true;\r\n  }, [props.pathname]);\r\n\r\n  useEffect(() => {\r\n    window.addEventListener('beforeunload', (event: BeforeUnloadEvent) => {\r\n      if (when === true) {\r\n        return;\r\n      }\r\n      event.preventDefault();\r\n      event.returnValue = leave.leavePromptTip;\r\n      return leave.leavePromptTip;\r\n    });\r\n\r\n    window.addEventListener(eventName, (event: CustomEventInit<boolean>) => {\r\n      when = event.detail || false;\r\n    });\r\n  }, []);\r\n\r\n  return <>\r\n    {props.children}\r\n  </>;\r\n};\r\n\r\n\r\nexport const useLeavePrompt = () => {\r\n  const locale = useLocale('LeavePrompt');\r\n\r\n  /**\r\n   * 拦截离开检查确认离开后回调\r\n   * @param callback 确认离开\r\n   */\r\n  const checkLeave = () => {\r\n    if (when) {\r\n      return true;\r\n    } else {\r\n      if (confirm(locale.leavePromptTip)) {\r\n        return true;\r\n      }\r\n    }\r\n    return false;\r\n  };\r\n\r\n  /**\r\n   * 设置是否拦截离开\r\n   * @param when true:不拦截，false:拦截\r\n   */\r\n  const setLeavePromptWhen = (when: boolean) => {\r\n    window.dispatchEvent(new CustomEvent(eventName, {\r\n      detail: when,\r\n    }))\r\n  };\r\n\r\n  return [checkLeave, setLeavePromptWhen] as const\r\n}\r\n"],"names":["useEffect","useLocale","eventName","when","props","leave","pathname","window","addEventListener","event","preventDefault","returnValue","leavePromptTip","detail","children","useLeavePrompt","locale","checkLeave","confirm","setLeavePromptWhen","dispatchEvent","CustomEvent"],"mappings":";AAAA,SAAoBA,SAAS,QAAQ,QAAQ;AAC7C,SAASC,SAAS,QAAQ,kBAAY;AAkBtC,IAAMC,YAAY;AAClB,IAAIC,OAAO,IAAI;AAGf;;;CAGC,GACD,eAAe,SAACC,OAA4B;IAC1C,IAAMC,QAAQJ,UAAU;IAExBD,UAAU,WAAM;QACdG,OAAO,IAAI;IACb,GAAG;QAACC,MAAME,QAAQ;KAAC;IAEnBN,UAAU,WAAM;QACdO,OAAOC,gBAAgB,CAAC,gBAAgB,SAACC,OAA6B;YACpE,IAAIN,SAAS,IAAI,EAAE;gBACjB;YACF,CAAC;YACDM,MAAMC,cAAc;YACpBD,MAAME,WAAW,GAAGN,MAAMO,cAAc;YACxC,OAAOP,MAAMO,cAAc;QAC7B;QAEAL,OAAOC,gBAAgB,CAACN,WAAW,SAACO,OAAoC;YACtEN,OAAOM,MAAMI,MAAM,IAAI,KAAK;QAC9B;IACF,GAAG,EAAE;IAEL,qBAAO;kBACJT,MAAMU,QAAQ;;AAEnB,EAAE;AAGF,OAAO,IAAMC,iBAAiB,WAAM;IAClC,IAAMC,SAASf,UAAU;IAEzB;;;GAGC,GACD,IAAMgB,aAAa,WAAM;QACvB,IAAId,MAAM;YACR,OAAO,IAAI;QACb,OAAO;YACL,IAAIe,QAAQF,OAAOJ,cAAc,GAAG;gBAClC,OAAO,IAAI;YACb,CAAC;QACH,CAAC;QACD,OAAO,KAAK;IACd;IAEA;;;GAGC,GACD,IAAMO,qBAAqB,SAAChB,MAAkB;QAC5CI,OAAOa,aAAa,CAAC,IAAIC,YAAYnB,WAAW;YAC9CW,QAAQV;QACV;IACF;IAEA,OAAO;QAACc;QAAYE;KAAmB;AACzC,EAAC"}

package/esm/components/leave-prompt/locale/en_US.d.ts

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

package/esm/components/leave-prompt/locale/en_US.js

@@ -0,0 +1,6 @@
+var locale = {
+    leavePromptTip: "You still have content not saved, please leave"
+};
+export default locale;
+
+ //# sourceMappingURL=en_US.js.map

package/esm/components/leave-prompt/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\leave-prompt\\locale\\en_US.ts"],"sourcesContent":["import { LeavePromptLocale } from \"../index\";\r\n\r\nconst locale: LeavePromptLocale = {\r\n  leavePromptTip: 'You still have content not saved, please leave'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","leavePromptTip"],"mappings":"AAEA,IAAMA,SAA4B;IAChCC,gBAAgB;AAClB;AAEA,eAAeD,OAAM"}

package/esm/components/leave-prompt/locale/zh_CN.d.ts

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

package/esm/components/leave-prompt/locale/zh_CN.js

@@ -0,0 +1,6 @@
+var locale = {
+    leavePromptTip: "您还有内容未保存，是否离开"
+};
+export default locale;
+
+ //# sourceMappingURL=zh_CN.js.map

package/esm/components/leave-prompt/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\leave-prompt\\locale\\zh_CN.ts"],"sourcesContent":["import { LeavePromptLocale } from \"../index\";\r\n\r\nconst locale: LeavePromptLocale = {\r\n  leavePromptTip: '您还有内容未保存，是否离开'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","leavePromptTip"],"mappings":"AAEA,IAAMA,SAA4B;IAChCC,gBAAgB;AAClB;AAEA,eAAeD,OAAM"}

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

@@ -0,0 +1,3 @@
+import { Locale } from ".";
+declare const localeValues: Locale;
+export default localeValues;

package/esm/components/locale/en_US.js

@@ -0,0 +1,14 @@
+import ThemeSwitch from "../theme-switch/locale/en_US";
+import LeavePrompt from "../leave-prompt/locale/en_US";
+import AvatarDropdown from "../avatar-dropdown/locale/en_US";
+import TenantDropdown from "../tenant-dropdown/locale/en_US";
+var localeValues = {
+    locale: "en-us",
+    ThemeSwitch: ThemeSwitch,
+    LeavePrompt: LeavePrompt,
+    AvatarDropdown: AvatarDropdown,
+    TenantDropdown: TenantDropdown
+};
+export default localeValues;
+
+ //# sourceMappingURL=en_US.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\locale\\en_US.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/en_US\";\r\nimport LeavePrompt from \"../leave-prompt/locale/en_US\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/en_US\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/en_US\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'en-us',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAE7D,IAAMC,eAAuB;IAC3BC,QAAQ;IACRL,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;AACF;AAEA,eAAeC,aAAY"}

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { TenantDropdownLocale } from '../tenant-dropdown';
+import { ThemeSwitchLocale } from '../theme-switch';
+import { LeavePromptLocale } from '../leave-prompt';
+import { AvatarDropdownLocale } from '../avatar-dropdown';
+export interface Locale {
+    locale: string;
+    ThemeSwitch: ThemeSwitchLocale;
+    LeavePrompt: LeavePromptLocale;
+    AvatarDropdown: AvatarDropdownLocale;
+    TenantDropdown: TenantDropdownLocale;
+}
+export declare enum LocaleType {
+    zhCN = "zh-CN",
+    enUS = "en-US"
+}
+export interface BasicProviderProps {
+    locale: LocaleType;
+    children?: React.ReactNode;
+}
+export declare const BasicContext: import("react").Context<BasicProviderProps>;
+/**
+ * 组件上使用
+ */
+declare const _default: (props: BasicProviderProps) => JSX.Element;
+export default _default;
+export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
+/**
+ * hook
+ * @param componentName
+ * @returns
+ */
+export declare const useLocale: <C extends LocaleComponentName>(componentName: C) => Locale[C];

package/esm/components/locale/index.js

@@ -0,0 +1,39 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { createContext, useContext } from "react";
+import zhCN from "./zh_CN";
+import enUS from "./en_US";
+export var LocaleType;
+(function(LocaleType) {
+    LocaleType["zhCN"] = "zh-CN";
+    LocaleType["enUS"] = "en-US";
+})(LocaleType || (LocaleType = {}));
+// 定义语言上下文
+export var BasicContext = /*#__PURE__*/ createContext({
+    locale: LocaleType.zhCN
+});
+/**
+ * 组件上使用
+ */ export default function(props) {
+    var locale = props.locale, children = props.children;
+    return /*#__PURE__*/ _jsx(BasicContext.Provider, {
+        value: {
+            locale: locale
+        },
+        children: children
+    });
+};
+/**
+ * hook
+ * @param componentName
+ * @returns
+ */ export var useLocale = function(componentName) {
+    var ctx = useContext(BasicContext);
+    if (ctx.locale === LocaleType.enUS) {
+        return _object_spread({}, enUS[componentName]);
+    }
+    // 默认zhCN
+    return _object_spread({}, zhCN[componentName]);
+};
+
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\locale\\index.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\r\nimport zhCN from \"./zh_CN\";\r\nimport enUS from \"./en_US\";\r\nimport { TenantDropdownLocale } from '../tenant-dropdown';\r\nimport { ThemeSwitchLocale } from '../theme-switch';\r\nimport { LeavePromptLocale } from '../leave-prompt';\r\nimport { AvatarDropdownLocale } from '../avatar-dropdown';\r\n\r\nexport interface Locale {\r\n  locale: string;\r\n  ThemeSwitch: ThemeSwitchLocale;\r\n  LeavePrompt: LeavePromptLocale;\r\n  AvatarDropdown: AvatarDropdownLocale;\r\n  TenantDropdown: TenantDropdownLocale;\r\n}\r\n\r\nexport enum LocaleType {\r\n  zhCN = \"zh-CN\",\r\n  enUS = \"en-US\",\r\n}\r\n\r\nexport interface BasicProviderProps {\r\n  locale: LocaleType;\r\n  children?: React.ReactNode;\r\n}\r\n\r\n// 定义语言上下文\r\nexport const BasicContext = createContext<BasicProviderProps>({\r\n  locale: LocaleType.zhCN\r\n});\r\n\r\n/**\r\n * 组件上使用\r\n */\r\nexport default (props: BasicProviderProps) => {\r\n  const { locale, children } = props;\r\n  return <BasicContext.Provider value={{ locale: locale }}>{children}</BasicContext.Provider>\r\n}\r\n\r\nexport type LocaleComponentName = Exclude<keyof Locale, 'locale'>;\r\n/**\r\n * hook\r\n * @param componentName\r\n * @returns\r\n */\r\nexport const useLocale = <C extends LocaleComponentName>(componentName: C) => {\r\n  const ctx = useContext<BasicProviderProps>(BasicContext);\r\n  if (ctx.locale === LocaleType.enUS) {\r\n    return { ...enUS[componentName] }\r\n  }\r\n  // 默认zhCN\r\n  return { ...zhCN[componentName] }\r\n}\r\n"],"names":["createContext","useContext","zhCN","enUS","LocaleType","BasicContext","locale","props","children","Provider","value","useLocale","componentName","ctx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAClD,OAAOC,UAAU,UAAU;AAC3B,OAAOC,UAAU,UAAU;WAcpB;UAAKC,UAAU;IAAVA,WACVF,UAAO;IADGE,WAEVD,UAAO;GAFGC,eAAAA;AAUZ,UAAU;AACV,OAAO,IAAMC,6BAAeL,cAAkC;IAC5DM,QAAQF,WAAWF,IAAI;AACzB,GAAG;AAEH;;CAEC,GACD,eAAe,SAACK,OAA8B;IAC5C,IAAQD,SAAqBC,MAArBD,QAAQE,WAAaD,MAAbC;IAChB,qBAAO,KAACH,aAAaI,QAAQ;QAACC,OAAO;YAAEJ,QAAQA;QAAO;kBAAIE;;AAC5D,EAAC;AAGD;;;;CAIC,GACD,OAAO,IAAMG,YAAY,SAAgCC,eAAqB;IAC5E,IAAMC,MAAMZ,WAA+BI;IAC3C,IAAIQ,IAAIP,MAAM,KAAKF,WAAWD,IAAI,EAAE;QAClC,OAAO,mBAAKA,IAAI,CAACS,cAAc;IACjC,CAAC;IACD,SAAS;IACT,OAAO,mBAAKV,IAAI,CAACU,cAAc;AACjC,EAAC"}

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

@@ -0,0 +1,3 @@
+import { Locale } from ".";
+declare const localeValues: Locale;
+export default localeValues;

package/esm/components/locale/zh_CN.js

@@ -0,0 +1,14 @@
+import ThemeSwitch from "../theme-switch/locale/zh_CN";
+import LeavePrompt from "../leave-prompt/locale/zh_CN";
+import AvatarDropdown from "../avatar-dropdown/locale/zh_CN";
+import TenantDropdown from "../tenant-dropdown/locale/zh_CN";
+var localeValues = {
+    locale: "zh-cn",
+    ThemeSwitch: ThemeSwitch,
+    LeavePrompt: LeavePrompt,
+    AvatarDropdown: AvatarDropdown,
+    TenantDropdown: TenantDropdown
+};
+export default localeValues;
+
+ //# sourceMappingURL=zh_CN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\locale\\zh_CN.ts"],"sourcesContent":["import { Locale } from \".\";\r\nimport ThemeSwitch from \"../theme-switch/locale/zh_CN\";\r\nimport LeavePrompt from \"../leave-prompt/locale/zh_CN\";\r\nimport AvatarDropdown from \"../avatar-dropdown/locale/zh_CN\";\r\nimport TenantDropdown from \"../tenant-dropdown/locale/zh_CN\";\r\n\r\nconst localeValues: Locale = {\r\n  locale: 'zh-cn',\r\n  ThemeSwitch,\r\n  LeavePrompt,\r\n  AvatarDropdown,\r\n  TenantDropdown,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAE7D,IAAMC,eAAuB;IAC3BC,QAAQ;IACRL,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;AACF;AAEA,eAAeC,aAAY"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export interface TenantDropdownLocale {
+    switchTipTitle: string;
+    confirmTitle: string;
+    confirmContent: string;
+}
+export interface TenantDropdownProps {
+    /**
+     * 当前 tenantId
+     */
+    value: string;
+    /**
+     * value变更事件 (value: string) => void;
+     */
+    onChange: (value: string) => void;
+}
+declare const _default: (props: TenantDropdownProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,100 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { Dropdown, Modal } from "antd";
+import { useCallback, useEffect, useState } from "react";
+import styles from "./index.module.css";
+import { useLocale } from "../locale/index";
+import { gql } from "urql";
+import { query } from "@knockout-js/ice-urql/request";
+import { iceUrqlInstance } from "../index";
+var userRootOrgListQuery = gql("query userRootOrgs{\n  userRootOrgs{\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\n  }\n}");
+export default function(props) {
+    var _menu_items;
+    var locale = useLocale("TenantDropdown"), _useState = _sliced_to_array(useState([]), 2), list = _useState[0], setList = _useState[1], _useState1 = _sliced_to_array(useState(undefined), 2), info = _useState1[0], setInfo = _useState1[1], _useState2 = _sliced_to_array(useState(undefined), 2), menu = _useState2[0], setMenu = _useState2[1];
+    var getRequest = function() {
+        var _ref = _async_to_generator(function() {
+            var _result_data, result, orgList;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        return [
+                            4,
+                            query(userRootOrgListQuery, {}, {
+                                instanceName: iceUrqlInstance.ucenter
+                            })
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        if ((_result_data = result.data) === null || _result_data === void 0 ? void 0 : _result_data.userRootOrgs.length) {
+                            orgList = result.data.userRootOrgs;
+                            setList(orgList);
+                        }
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function getRequest() {
+            return _ref.apply(this, arguments);
+        };
+    }(), setValue = function() {
+        setInfo(list.find(function(item) {
+            return item.id == props.value;
+        }));
+        setMenu({
+            items: list.filter(function(item) {
+                return (item === null || item === void 0 ? void 0 : item.id) != props.value;
+            }).map(function(item) {
+                return {
+                    key: item.id,
+                    label: item.name,
+                    onClick: menuItemClick
+                };
+            })
+        });
+    }, menuItemClick = useCallback(function(param) {
+        var key = param.key;
+        Modal.confirm({
+            title: locale.confirmTitle,
+            content: locale.confirmContent,
+            onOk: function() {
+                props.onChange(key);
+            }
+        });
+    }, []);
+    useEffect(function() {
+        if (document.hidden) {
+            var tipStr = locale.switchTipTitle;
+            document.title = tipStr;
+            document.body.innerHTML = '<div style="width:370px;margin:40px auto 0 auto;">'.concat(tipStr, "</div>");
+            window.close();
+        } else {
+            setValue();
+        }
+    }, [
+        props.value
+    ]);
+    useEffect(function() {
+        setValue();
+    }, [
+        list
+    ]);
+    useEffect(function() {
+        getRequest();
+    }, []);
+    return info ? /*#__PURE__*/ _jsx(Dropdown, {
+        menu: menu,
+        disabled: (menu === null || menu === void 0 ? void 0 : (_menu_items = menu.items) === null || _menu_items === void 0 ? void 0 : _menu_items.length) === 0,
+        children: /*#__PURE__*/ _jsx("span", {
+            className: styles.action,
+            children: /*#__PURE__*/ _jsx("span", {
+                children: info.name
+            })
+        })
+    }) : /*#__PURE__*/ _jsx(_Fragment, {});
+};
+
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\tenant-dropdown\\index.tsx"],"sourcesContent":["import { Dropdown, MenuProps, Modal } from 'antd';\r\nimport { useCallback, useEffect, useState } from 'react';\r\nimport styles from './index.module.css';\r\nimport { useLocale } from '../locale';\r\nimport { gql } from 'urql'\r\nimport { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api';\r\nimport { query } from '@knockout-js/ice-urql/request';\r\nimport { iceUrqlInstance } from '..';\r\n\r\nexport interface TenantDropdownLocale {\r\n  switchTipTitle: string;\r\n  confirmTitle: string;\r\n  confirmContent: string;\r\n}\r\n\r\nexport interface TenantDropdownProps {\r\n  /**\r\n   * 当前 tenantId\r\n   */\r\n  value: string;\r\n  /**\r\n   * value变更事件 (value: string) => void;\r\n   */\r\n  onChange: (value: string) => void;\r\n}\r\n\r\nconst userRootOrgListQuery = gql(/* GraphQL */`query userRootOrgs{\r\n  userRootOrgs{\r\n    id,parentID,kind,domain,code,name,status,path,displaySort,countryCode,timezone\r\n  }\r\n}`);\r\n\r\nexport default (props: TenantDropdownProps) => {\r\n  const locale = useLocale('TenantDropdown'),\r\n    [list, setList] = useState<Array<Org>>([]),\r\n    [info, setInfo] = useState<Org | undefined>(undefined),\r\n    [menu, setMenu] = useState<MenuProps | undefined>(undefined);\r\n\r\n  const\r\n    getRequest = async () => {\r\n      const result = await query<UserRootOrgsQuery, UserRootOrgsQueryVariables>(userRootOrgListQuery, {}, { instanceName: iceUrqlInstance.ucenter });\r\n      if (result.data?.userRootOrgs.length) {\r\n        const orgList = result.data.userRootOrgs as Org[]\r\n        setList(orgList)\r\n      }\r\n    },\r\n    setValue = () => {\r\n      setInfo(list.find(item => item.id == props.value));\r\n      setMenu({\r\n        items: list.filter(item => item?.id != props.value).map(item => {\r\n          return {\r\n            key: item.id,\r\n            label: item.name,\r\n            onClick: menuItemClick\r\n          };\r\n        }),\r\n      });\r\n    },\r\n    menuItemClick = useCallback(({ key }: { key: string }) => {\r\n      Modal.confirm({\r\n        title: locale.confirmTitle,\r\n        content: locale.confirmContent,\r\n        onOk: () => {\r\n          props.onChange(key)\r\n        },\r\n      });\r\n    }, []);\r\n\r\n  useEffect(() => {\r\n    if (document.hidden) {\r\n      const tipStr = locale.switchTipTitle;\r\n      document.title = tipStr;\r\n      document.body.innerHTML = `<div style=\"width:370px;margin:40px auto 0 auto;\">${tipStr}</div>`;\r\n      window.close();\r\n    } else {\r\n      setValue()\r\n    }\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    setValue()\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    getRequest();\r\n  }, []);\r\n\r\n  return info ? <Dropdown menu={menu} disabled={menu?.items?.length === 0}>\r\n    <span className={styles.action}>\r\n      <span>{info.name}</span>\r\n    </span>\r\n  </Dropdown> : <></>;\r\n};\r\n"],"names":["Dropdown","Modal","useCallback","useEffect","useState","styles","useLocale","gql","query","iceUrqlInstance","userRootOrgListQuery","props","menu","locale","list","setList","undefined","info","setInfo","setMenu","getRequest","result","orgList","instanceName","ucenter","data","userRootOrgs","length","setValue","find","item","id","value","items","filter","map","key","label","name","onClick","menuItemClick","confirm","title","confirmTitle","content","confirmContent","onOk","onChange","document","hidden","tipStr","switchTipTitle","body","innerHTML","window","close","disabled","span","className","action"],"mappings":";;;;AAAA,SAASA,QAAQ,EAAaC,KAAK,QAAQ,OAAO;AAClD,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACzD,OAAOC,YAAY,qBAAqB;AACxC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,GAAG,QAAQ,OAAM;AAE1B,SAASC,KAAK,QAAQ,gCAAgC;AACtD,SAASC,eAAe,QAAQ,WAAK;AAmBrC,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QAuDCC;IAtD9C,IAAMC,SAASP,UAAU,mBACLF,6BAAAA,SAAqB,EAAE,OAAxCU,OAAiBV,cAAXW,UAAWX,cACAA,8BAAAA,SAA0BY,gBAA3CC,OAAiBb,eAAXc,UAAWd,eACAA,8BAAAA,SAAgCY,gBAAjDJ,OAAiBR,eAAXe,UAAWf;IAEpB,IACEgB;mBAAa,oBAAA,WAAY;gBAEnBC,cADEA,QAEEC;;;;wBAFO;;4BAAMd,MAAqDE,sBAAsB,CAAC,GAAG;gCAAEa,cAAcd,gBAAgBe,OAAO;4BAAC;;;wBAAtIH,SAAS;wBACf,IAAIA,CAAAA,eAAAA,OAAOI,IAAI,cAAXJ,0BAAAA,KAAAA,IAAAA,aAAaK,aAAaC,MAAM,EAAE;4BAC9BL,UAAUD,OAAOI,IAAI,CAACC,YAAY;4BACxCX,QAAQO;wBACV,CAAC;;;;;;QACH;wBANAF;;;SAOAQ,WAAW,WAAM;QACfV,QAAQJ,KAAKe,IAAI,CAACC,SAAAA;mBAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,SAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,SAAAA,MAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,gBAA8B;YAA3BkC,YAAAA;QAC7BnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,WAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,WAAM;QACd,IAAI6C,SAASC,MAAM,EAAE;YACnB,IAAMC,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,AAAC,qDAA2D,OAAPH,QAAO;YACtFI,OAAOC,KAAK;QACd,OAAO;YACL3B;QACF,CAAC;IACH,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,WAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,WAAM;QACdiB;IACF,GAAG,EAAE;IAEL,OAAOH,qBAAO,KAACjB;QAASY,MAAMA;QAAM4C,UAAU5C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAae,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC8B;YAAKC,WAAWrD,OAAOsD,MAAM;sBAC5B,cAAA,KAACF;0BAAMxC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}

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

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

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

@@ -0,0 +1,8 @@
+var locale = {
+    switchTipTitle: "Your organization has been switched, please manually close or refresh the current page",
+    confirmTitle: "Tenant switch reminder",
+    confirmContent: "Ensure that no edit content is not saved when you switch tenants. Otherwise, the operation will be forcibly prohibited or closed on other browsing pages"
+};
+export default locale;
+
+ //# sourceMappingURL=en_US.js.map

package/esm/components/tenant-dropdown/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\tenant-dropdown\\locale\\en_US.ts"],"sourcesContent":["import { TenantDropdownLocale } from \"../index\";\r\n\r\nconst locale: TenantDropdownLocale = {\r\n  switchTipTitle: \"Your organization has been switched, please manually close or refresh the current page\",\r\n  confirmTitle: \"Tenant switch reminder\",\r\n  confirmContent: \"Ensure that no edit content is not saved when you switch tenants. Otherwise, the operation will be forcibly prohibited or closed on other browsing pages\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","switchTipTitle","confirmTitle","confirmContent"],"mappings":"AAEA,IAAMA,SAA+B;IACnCC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;AAClB;AAEA,eAAeH,OAAM"}

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

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

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

@@ -0,0 +1,8 @@
+var locale = {
+    switchTipTitle: "您的组织已被切换，请手动关闭或者刷新当前页面",
+    confirmTitle: "租户切换提醒",
+    confirmContent: "切换租户时请确认已无编辑内容未保存，否则其他浏览页面将强制禁止操作或关闭"
+};
+export default locale;
+
+ //# sourceMappingURL=zh_CN.js.map

package/esm/components/tenant-dropdown/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\tenant-dropdown\\locale\\zh_CN.ts"],"sourcesContent":["import { TenantDropdownLocale } from \"../index\";\r\n\r\nconst locale: TenantDropdownLocale = {\r\n  switchTipTitle: \"您的组织已被切换，请手动关闭或者刷新当前页面\",\r\n  confirmTitle: \"租户切换提醒\",\r\n  confirmContent: \"切换租户时请确认已无编辑内容未保存，否则其他浏览页面将强制禁止操作或关闭\"\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","switchTipTitle","confirmTitle","confirmContent"],"mappings":"AAEA,IAAMA,SAA+B;IACnCC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;AAClB;AAEA,eAAeH,OAAM"}

package/esm/components/theme-switch/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SwitchProps } from 'antd';
+export interface ThemeSwitchLocale {
+    bright: string;
+    dark: string;
+}
+export interface ThemeSwitchProps {
+    /**
+     * 值
+     */
+    value: boolean;
+    /**
+     * switch的设置
+     */
+    switchProps?: SwitchProps;
+    /**
+     * 值变更事件 (value: boolean) => void;
+     */
+    onChange: (value: boolean) => void;
+}
+declare const ThemeSwitch: React.FC<ThemeSwitchProps>;
+export default ThemeSwitch;

package/esm/components/theme-switch/index.js

@@ -0,0 +1,21 @@
+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";
+import React from "react";
+import { Switch } from "antd";
+import { useLocale } from "../locale/index";
+var ThemeSwitch = function(props) {
+    var locale = useLocale("ThemeSwitch");
+    return /*#__PURE__*/ _jsx(Switch, _object_spread_props(_object_spread({
+        checkedChildren: locale.bright,
+        unCheckedChildren: locale.dark
+    }, props.switchProps), {
+        checked: props.value,
+        onChange: function(checked) {
+            props.onChange(checked);
+        }
+    }));
+};
+export default ThemeSwitch;
+
+ //# sourceMappingURL=index.js.map

package/esm/components/theme-switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\theme-switch\\index.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Switch, SwitchProps } from 'antd';\r\nimport { useLocale } from '../locale';\r\n\r\nexport interface ThemeSwitchLocale {\r\n  bright: string;\r\n  dark: string;\r\n}\r\n\r\nexport interface ThemeSwitchProps {\r\n  /**\r\n   * 值\r\n   */\r\n  value: boolean;\r\n  /**\r\n   * switch的设置\r\n   */\r\n  switchProps?: SwitchProps;\r\n  /**\r\n   * 值变更事件 (value: boolean) => void;\r\n   */\r\n  onChange: (value: boolean) => void;\r\n}\r\n\r\nconst ThemeSwitch: React.FC<ThemeSwitchProps> = (props: ThemeSwitchProps) => {\r\n  const locale = useLocale('ThemeSwitch')\r\n  return (\r\n    <Switch\r\n      checkedChildren={locale.bright}\r\n      unCheckedChildren={locale.dark}\r\n      {...props.switchProps}\r\n      checked={props.value}\r\n      onChange={(checked) => {\r\n        props.onChange(checked)\r\n      }}\r\n    />\r\n  );\r\n};\r\n\r\nexport default ThemeSwitch;\r\n"],"names":["React","Switch","useLocale","ThemeSwitch","props","locale","checkedChildren","bright","unCheckedChildren","dark","switchProps","checked","value","onChange"],"mappings":";;;AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,MAAM,QAAqB,OAAO;AAC3C,SAASC,SAAS,QAAQ,kBAAY;AAsBtC,IAAMC,cAA0C,SAACC,OAA4B;IAC3E,IAAMC,SAASH,UAAU;IACzB,qBACE,KAACD;QACCK,iBAAiBD,OAAOE,MAAM;QAC9BC,mBAAmBH,OAAOI,IAAI;OAC1BL,MAAMM,WAAW;QACrBC,SAASP,MAAMQ,KAAK;QACpBC,UAAU,SAACF,SAAY;YACrBP,MAAMS,QAAQ,CAACF;QACjB;;AAGN;AAEA,eAAeR,YAAY"}

package/esm/components/theme-switch/locale/en_US.d.ts

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

package/esm/components/theme-switch/locale/en_US.js

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

package/esm/components/theme-switch/locale/en_US.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\theme-switch\\locale\\en_US.ts"],"sourcesContent":["import { ThemeSwitchLocale } from \"../index\";\r\n\r\nconst locale: ThemeSwitchLocale = {\r\n  bright: 'bright',\r\n  dark: 'dark'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","bright","dark"],"mappings":"AAEA,IAAMA,SAA4B;IAChCC,QAAQ;IACRC,MAAM;AACR;AAEA,eAAeF,OAAM"}

package/esm/components/theme-switch/locale/zh_CN.d.ts

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

package/esm/components/theme-switch/locale/zh_CN.js

@@ -0,0 +1,7 @@
+var locale = {
+    bright: "亮",
+    dark: "暗"
+};
+export default locale;
+
+ //# sourceMappingURL=zh_CN.js.map

package/esm/components/theme-switch/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\components\\theme-switch\\locale\\zh_CN.ts"],"sourcesContent":["import { ThemeSwitchLocale } from \"../index\";\r\n\r\nconst locale: ThemeSwitchLocale = {\r\n  bright: '亮',\r\n  dark: '暗'\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","bright","dark"],"mappings":"AAEA,IAAMA,SAA4B;IAChCC,QAAQ;IACRC,MAAM;AACR;AAEA,eAAeF,OAAM"}

package/esm/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/esm/index.js

@@ -0,0 +1,3 @@
+export * from "./components/index";
+
+ //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[".\\src\\index.tsx"],"sourcesContent":["export * from './components';\r\n"],"names":[],"mappings":"AAAA,cAAc,qBAAe"}

package/esm/typings.d.ts

@@ -0,0 +1 @@
+/// <reference types="@ice/pkg/types" />