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

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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\nimport { GatherMenuLocale } from \"../gather-menu\";\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  GatherMenu: GatherMenuLocale;\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;WAgBpB;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,EAChC,OAAO,mBAAKA,IAAI,CAACS,cAAc;IAEjC,SAAS;IACT,OAAO,mBAAKV,IAAI,CAACU,cAAc;AACjC,EAAC"}

package/esm/components/locale/zh_CN.js

@@ -2,13 +2,15 @@ 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";
+import GatherMenu from "../gather-menu/locale/zh_CN";
 var localeValues = {
     locale: "zh-cn",
     ThemeSwitch: ThemeSwitch,
     LeavePrompt: LeavePrompt,
     AvatarDropdown: AvatarDropdown,
-    TenantDropdown: TenantDropdown
+    TenantDropdown: TenantDropdown,
+    GatherMenu: GatherMenu
 };
 export default localeValues;
 
- //# sourceMappingURL=zh_CN.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\locale\zh_CN.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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\nimport GatherMenu from \"../gather-menu/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  GatherMenu,\r\n}\r\n\r\nexport default localeValues\r\n"],"names":["ThemeSwitch","LeavePrompt","AvatarDropdown","TenantDropdown","GatherMenu","localeValues","locale"],"mappings":"AACA,OAAOA,iBAAiB,+BAA+B;AACvD,OAAOC,iBAAiB,+BAA+B;AACvD,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,oBAAoB,kCAAkC;AAC7D,OAAOC,gBAAgB,8BAA8B;AAErD,IAAMC,eAAuB;IAC3BC,QAAQ;IACRN,aAAAA;IACAC,aAAAA;IACAC,gBAAAA;IACAC,gBAAAA;IACAC,YAAAA;AACF;AAEA,eAAeC,aAAY"}

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

@@ -0,0 +1,18 @@
+import { ModalProps as AntdModalProps } from "antd";
+import { ReactNode } from "react";
+export type ModalProps = AntdModalProps & {
+    /**
+     * 是否头部可拖拽
+     */
+    isDraggable?: boolean;
+    /**
+     * 是否满屏
+     */
+    defaultScreenful?: boolean;
+    /**
+     * 全屏图标
+     */
+    screenfulIcon?: ReactNode | false;
+};
+declare const Modal: (props: ModalProps) => JSX.Element;
+export default Modal;

package/esm/components/modal/index.js

@@ -0,0 +1,90 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { ExpandOutlined } from "@ant-design/icons";
+import { Modal as AntdModal, Button } from "antd";
+import { useRef, useState } from "react";
+import Draggable from "react-draggable";
+import styles from "./index.module.css";
+var Modal = function(props) {
+    var width = props.width, style = props.style, title = props.title, defaultScreenful = props.defaultScreenful, isDraggable = props.isDraggable, screenfulIcon = props.screenfulIcon, restProps = _object_without_properties(props, [
+        "width",
+        "style",
+        "title",
+        "defaultScreenful",
+        "isDraggable",
+        "screenfulIcon"
+    ]);
+    var _useState = _sliced_to_array(useState(defaultScreenful !== null && defaultScreenful !== void 0 ? defaultScreenful : false), 2), screenful = _useState[0], setScreenful = _useState[1];
+    var _useState1 = _sliced_to_array(useState(true), 2), disabled = _useState1[0], setDisabled = _useState1[1];
+    var _useState2 = _sliced_to_array(useState({
+        left: 0,
+        top: 0,
+        bottom: 0,
+        right: 0
+    }), 2), bounds = _useState2[0], setBounds = _useState2[1];
+    var draggleRef = useRef(null);
+    return /*#__PURE__*/ _jsx(AntdModal, _object_spread_props(_object_spread({}, restProps), {
+        className: screenful ? styles.screenfulModal : undefined,
+        width: screenful ? "auto" : width,
+        style: screenful ? {
+            top: 0
+        } : style,
+        title: /*#__PURE__*/ _jsxs("div", {
+            className: screenful ? "" : styles.modal,
+            onMouseOver: function() {
+                if (screenful) {
+                    setDisabled(true);
+                    return;
+                }
+                if (disabled) setDisabled(false);
+            },
+            onMouseOut: function() {
+                setDisabled(true);
+            },
+            children: [
+                title,
+                screenfulIcon === false ? /*#__PURE__*/ _jsx(_Fragment, {}) : /*#__PURE__*/ _jsx(Button, {
+                    className: styles.screenfulIcon,
+                    type: "text",
+                    size: "small",
+                    onClick: function(event) {
+                        event.stopPropagation();
+                        setScreenful(!screenful);
+                    },
+                    children: screenfulIcon ? screenfulIcon : /*#__PURE__*/ _jsx(ExpandOutlined, {
+                        rev: undefined
+                    })
+                })
+            ]
+        }),
+        modalRender: function(modal) {
+            return screenful ? modal : isDraggable === false ? modal : /*#__PURE__*/ _jsx(Draggable, {
+                disabled: disabled,
+                bounds: bounds,
+                nodeRef: draggleRef,
+                onStart: function(event, uiData) {
+                    var _draggleRef_current;
+                    var _window_document_documentElement = window.document.documentElement, clientWidth = _window_document_documentElement.clientWidth, clientHeight = _window_document_documentElement.clientHeight;
+                    var targetRect = (_draggleRef_current = draggleRef.current) === null || _draggleRef_current === void 0 ? void 0 : _draggleRef_current.getBoundingClientRect();
+                    if (!targetRect) return;
+                    setBounds({
+                        left: -targetRect.left + uiData.x,
+                        right: clientWidth - (targetRect.right - uiData.x),
+                        top: -targetRect.top + uiData.y,
+                        bottom: clientHeight - (targetRect.bottom - uiData.y)
+                    });
+                },
+                children: /*#__PURE__*/ _jsx("div", {
+                    ref: draggleRef,
+                    children: modal
+                })
+            });
+        }
+    }));
+};
+export default Modal;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\modal\index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\modal\\index.tsx"],"sourcesContent":["import { ExpandOutlined } from \"@ant-design/icons\";\r\nimport { Modal as AntdModal, Button, ModalProps as AntdModalProps } from \"antd\";\r\nimport { ReactNode, useRef, useState } from \"react\";\r\nimport Draggable from 'react-draggable';\r\nimport styles from './index.module.css';\r\n\r\nexport type ModalProps = AntdModalProps & {\r\n  /**\r\n   * 是否头部可拖拽\r\n   */\r\n  isDraggable?: boolean;\r\n  /**\r\n   * 是否满屏\r\n   */\r\n  defaultScreenful?: boolean;\r\n  /**\r\n   * 全屏图标\r\n   */\r\n  screenfulIcon?: ReactNode | false;\r\n}\r\n\r\nconst Modal = (props: ModalProps) => {\r\n  const { width, style, title, defaultScreenful, isDraggable, screenfulIcon, ...restProps } = props;\r\n  const [screenful, setScreenful] = useState(defaultScreenful ?? false);\r\n  const [disabled, setDisabled] = useState(true);\r\n  const [bounds, setBounds] = useState({ left: 0, top: 0, bottom: 0, right: 0 });\r\n  const draggleRef = useRef<HTMLDivElement>(null);\r\n\r\n  return <AntdModal\r\n    {...restProps}\r\n    className={screenful ? styles.screenfulModal : undefined}\r\n    width={screenful ? 'auto' : width}\r\n    style={screenful ? { top: 0 } : style}\r\n    title={\r\n      <div\r\n        className={screenful ? \"\" : styles.modal}\r\n        onMouseOver={() => {\r\n          if (screenful) {\r\n            setDisabled(true);\r\n            return;\r\n          }\r\n          if (disabled) {\r\n            setDisabled(false);\r\n          }\r\n        }}\r\n        onMouseOut={() => {\r\n          setDisabled(true);\r\n        }}\r\n      >\r\n        {title}\r\n        {screenfulIcon === false ? <></> : <Button\r\n          className={styles.screenfulIcon}\r\n          type=\"text\"\r\n          size=\"small\"\r\n          onClick={(event) => {\r\n            event.stopPropagation();\r\n            setScreenful(!screenful);\r\n          }}\r\n        >\r\n          {screenfulIcon ? screenfulIcon : <ExpandOutlined rev={undefined} />}\r\n        </Button>\r\n        }\r\n      </div>\r\n    }\r\n    modalRender={(modal) => (\r\n      screenful ? modal : isDraggable === false ? modal : <Draggable\r\n        disabled={disabled}\r\n        bounds={bounds}\r\n        nodeRef={draggleRef}\r\n        onStart={(event, uiData) => {\r\n          const { clientWidth, clientHeight } = window.document.documentElement;\r\n          const targetRect = draggleRef.current?.getBoundingClientRect();\r\n          if (!targetRect) {\r\n            return;\r\n          }\r\n          setBounds({\r\n            left: -targetRect.left + uiData.x,\r\n            right: clientWidth - (targetRect.right - uiData.x),\r\n            top: -targetRect.top + uiData.y,\r\n            bottom: clientHeight - (targetRect.bottom - uiData.y),\r\n          });\r\n        }}\r\n      >\r\n        <div ref={draggleRef}>{modal}</div>\r\n      </Draggable>\r\n    )}\r\n  />;\r\n}\r\n\r\nexport default Modal;\r\n"],"names":["ExpandOutlined","Modal","AntdModal","Button","useRef","useState","Draggable","styles","props","width","style","title","defaultScreenful","isDraggable","screenfulIcon","restProps","screenful","setScreenful","disabled","setDisabled","left","top","bottom","right","bounds","setBounds","draggleRef","className","screenfulModal","undefined","div","modal","onMouseOver","onMouseOut","type","size","onClick","event","stopPropagation","rev","modalRender","nodeRef","onStart","uiData","window","document","documentElement","clientWidth","clientHeight","targetRect","current","getBoundingClientRect","x","y","ref"],"mappings":";;;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SAASC,SAASC,SAAS,EAAEC,MAAM,QAAsC,OAAO;AAChF,SAAoBC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AACpD,OAAOC,eAAe,kBAAkB;AACxC,OAAOC,YAAY,qBAAqB;AAiBxC,IAAMN,QAAQ,SAACO,OAAsB;IACnC,IAAQC,QAAoFD,MAApFC,OAAOC,QAA6EF,MAA7EE,OAAOC,QAAsEH,MAAtEG,OAAOC,mBAA+DJ,MAA/DI,kBAAkBC,cAA6CL,MAA7CK,aAAaC,gBAAgCN,MAAhCM,eAAkBC,uCAAcP;QAApFC;QAAOC;QAAOC;QAAOC;QAAkBC;QAAaC;;IAC5D,IAAkCT,6BAAAA,SAASO,6BAAAA,8BAAAA,mBAAoB,KAAK,OAA7DI,YAA2BX,cAAhBY,eAAgBZ;IAClC,IAAgCA,8BAAAA,SAAS,IAAI,OAAtCa,WAAyBb,eAAfc,cAAed;IAChC,IAA4BA,8BAAAA,SAAS;QAAEe,MAAM;QAAGC,KAAK;QAAGC,QAAQ;QAAGC,OAAO;IAAE,QAArEC,SAAqBnB,eAAboB,YAAapB;IAC5B,IAAMqB,aAAatB,OAAuB,IAAI;IAE9C,qBAAO,KAACF,mDACFa;QACJY,WAAWX,YAAYT,OAAOqB,cAAc,GAAGC,SAAS;QACxDpB,OAAOO,YAAY,SAASP,KAAK;QACjCC,OAAOM,YAAY;YAAEK,KAAK;QAAE,IAAIX,KAAK;QACrCC,qBACE,MAACmB;YACCH,WAAWX,YAAY,KAAKT,OAAOwB,KAAK;YACxCC,aAAa,WAAM;gBACjB,IAAIhB,WAAW;oBACbG,YAAY,IAAI;oBAChB;gBACF,CAAC;gBACD,IAAID,UACFC,YAAY,KAAK;YAErB;YACAc,YAAY,WAAM;gBAChBd,YAAY,IAAI;YAClB;;gBAECR;gBACAG,kBAAkB,KAAK,iBAAG,oCAAQ,KAACX;oBAClCwB,WAAWpB,OAAOO,aAAa;oBAC/BoB,MAAK;oBACLC,MAAK;oBACLC,SAAS,SAACC,OAAU;wBAClBA,MAAMC,eAAe;wBACrBrB,aAAa,CAACD;oBAChB;8BAECF,gBAAgBA,8BAAgB,KAACd;wBAAeuC,KAAKV;sBAAa;kBAC5D;;;QAIbW,aAAa,SAACT;YACZf,OAAAA,YAAYe,QAAQlB,gBAAgB,KAAK,GAAGkB,sBAAQ,KAACzB;gBACnDY,UAAUA;gBACVM,QAAQA;gBACRiB,SAASf;gBACTgB,SAAS,SAACL,OAAOM,QAAW;wBAEPjB;oBADnB,IAAsCkB,mCAAAA,OAAOC,QAAQ,CAACC,eAAe,EAA7DC,cAA8BH,iCAA9BG,aAAaC,eAAiBJ,iCAAjBI;oBACrB,IAAMC,aAAavB,CAAAA,sBAAAA,WAAWwB,OAAO,cAAlBxB,iCAAAA,KAAAA,IAAAA,oBAAoByB;oBACvC,IAAI,CAACF,YACH;oBAEFxB,UAAU;wBACRL,MAAM,CAAC6B,WAAW7B,IAAI,GAAGuB,OAAOS,CAAC;wBACjC7B,OAAOwB,cAAeE,CAAAA,WAAW1B,KAAK,GAAGoB,OAAOS,CAAC,AAADA;wBAChD/B,KAAK,CAAC4B,WAAW5B,GAAG,GAAGsB,OAAOU,CAAC;wBAC/B/B,QAAQ0B,eAAgBC,CAAAA,WAAW3B,MAAM,GAAGqB,OAAOU,CAAC,AAADA;oBACrD;gBACF;0BAEA,cAAA,KAACvB;oBAAIwB,KAAK5B;8BAAaK;;cACb;;;AAGlB;AAEA,eAAe9B,MAAM"}

package/esm/components/modal/index.module.css

@@ -0,0 +1,20 @@
+.modal {
+  cursor: move;
+}
+
+.screenfulIcon {
+  position: absolute;
+  right: 40px;
+  top: 16px;
+  color: rgba(0, 0, 0, 0.45);
+}
+
+.screenfulModal {
+  max-width: 100vw;
+  padding-bottom: 0;
+
+  :global(.ant-modal-body) {
+    height: calc(100vh - 116px);
+    overflow: auto;
+  }
+}

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

@@ -1,6 +1,6 @@
-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 _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
 import { jsx as _jsx, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { Dropdown, Modal } from "antd";
 import { useCallback, useEffect, useState } from "react";
@@ -70,9 +70,7 @@ export default function(props) {
             document.title = tipStr;
             document.body.innerHTML = '<div style="width:370px;margin:40px auto 0 auto;">'.concat(tipStr, "</div>");
             window.close();
-        } else {
-            setValue();
-        }
+        } else setValue();
     }, [
         props.value
     ]);
@@ -82,11 +80,8 @@ export default function(props) {
         list
     ]);
     useEffect(function() {
-        if (props.dataSource) {
-            setList(props.dataSource);
-        } else {
-            getRequest();
-        }
+        if (props.dataSource) setList(props.dataSource);
+        else getRequest();
     }, [
         ,
         props.dataSource
@@ -103,4 +98,4 @@ export default function(props) {
     }) : /*#__PURE__*/ _jsx(_Fragment, {});
 };
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\tenant-dropdown\index.js.map

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

@@ -1 +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 { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api';\r\nimport { gql, 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   * 数据源\r\n   */\r\n  dataSource?: Org[]\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    if (props.dataSource) {\r\n      setList(props.dataSource)\r\n    } else {\r\n      getRequest();\r\n    }\r\n  }, [, props.dataSource]);\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","dataSource","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;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,eAAe,QAAQ,WAAK;AAuBrC,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QA2DCC;IA1D9C,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;QACd,IAAIQ,MAAM6C,UAAU,EAAE;YACpBzC,QAAQJ,MAAM6C,UAAU;QAC1B,OAAO;YACLpC;QACF,CAAC;IACH,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAACjB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAae,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC+B;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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 { Org, UserRootOrgsQuery, UserRootOrgsQueryVariables } from '@knockout-js/api';\r\nimport { gql, 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   * 数据源\r\n   */\r\n  dataSource?: Org[]\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    if (props.dataSource) {\r\n      setList(props.dataSource)\r\n    } else {\r\n      getRequest();\r\n    }\r\n  }, [, props.dataSource]);\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","dataSource","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;AAEtC,SAASC,GAAG,EAAEC,KAAK,QAAQ,gCAAgC;AAC3D,SAASC,eAAe,QAAQ,WAAK;AAuBrC,IAAMC,uBAAuBH,IAAkB;AAM/C,eAAe,SAACI,OAA+B;QA2DCC;IA1D9C,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,OACE3B;IAEJ,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,WAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,WAAM;QACd,IAAIQ,MAAM6C,UAAU,EAClBzC,QAAQJ,MAAM6C,UAAU;aAExBpC;IAEJ,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOvC,qBAAO,KAACjB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAae,MAAF,AAAD,MAAc;kBACpE,cAAA,KAAC+B;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAMzC,KAAKqB,IAAI;;;uBAEN,mBAAK;AACrB,EAAE"}

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

@@ -5,4 +5,4 @@ var locale = {
 };
 export default locale;
 
- //# sourceMappingURL=en_US.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\tenant-dropdown\locale\en_US.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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.js

@@ -5,4 +5,4 @@ var locale = {
 };
 export default locale;
 
- //# sourceMappingURL=zh_CN.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\tenant-dropdown\locale\zh_CN.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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.js

@@ -1,5 +1,5 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import React from "react";
 import { Switch } from "antd";
@@ -18,4 +18,4 @@ var ThemeSwitch = function(props) {
 };
 export default ThemeSwitch;
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\theme-switch\index.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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.js

@@ -4,4 +4,4 @@ var locale = {
 };
 export default locale;
 
- //# sourceMappingURL=en_US.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\theme-switch\locale\en_US.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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.js

@@ -4,4 +4,4 @@ var locale = {
 };
 export default locale;
 
- //# sourceMappingURL=zh_CN.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\theme-switch\locale\zh_CN.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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.js

@@ -1,3 +1,3 @@
 export * from "./components/index";
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\index.tsx"],"sourcesContent":["export * from './components';\r\n"],"names":[],"mappings":"AAAA,cAAc,qBAAe"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\index.tsx"],"sourcesContent":["export * from './components';\r\n"],"names":[],"mappings":"AAAA,cAAc,qBAAe"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.0.3-beta.0",
+  "version": "0.0.4-beta.0",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -40,13 +40,17 @@
     "@ant-design/pro-layout": "^7.16.6",
     "@ant-design/pro-provider": "^2.12.1",
     "@ant-design/pro-table": "^3.8.2",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
     "@ice/jsx-runtime": "^0.2.0",
     "@ice/runtime": "^1.2.4",
     "@swc/helpers": "^0.5.1",
     "antd": "^5.6.3",
     "react-activation": "^0.12.4",
-    "@knockout-js/ice-urql": "^0.0.3-beta.0",
-    "@knockout-js/api": "^0.0.3-beta.0"
+    "react-draggable": "^4.4.5",
+    "@knockout-js/api": "^0.0.4-beta.0",
+    "@knockout-js/ice-urql": "^0.0.3"
   },
   "devDependencies": {
     "@ice/pkg": "^1.5.0",