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

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

@@ -50,9 +50,7 @@ export default ((props)=>{
             document.title = tipStr;
             document.body.innerHTML = `<div style="width:370px;margin:40px auto 0 auto;">${tipStr}</div>`;
             window.close();
-        } else {
-            setValue();
-        }
+        } else setValue();
     }, [
         props.value
     ]);
@@ -62,11 +60,8 @@ export default ((props)=>{
         list
     ]);
     useEffect(()=>{
-        if (props.dataSource) {
-            setList(props.dataSource);
-        } else {
-            getRequest();
-        }
+        if (props.dataSource) setList(props.dataSource);
+        else getRequest();
     }, [
         ,
         props.dataSource
@@ -83,4 +78,4 @@ export default ((props)=>{
     }) : /*#__PURE__*/ _jsx(_Fragment, {});
 });
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\tenant-dropdown\index.js.map

package/es2017/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","info","setInfo","undefined","setMenu","getRequest","result","instanceName","ucenter","data","userRootOrgs","length","orgList","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,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAEY,cAAcb,gBAAgBc,OAAO;QAAC;QAC5I,IAAIF,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUN,OAAOG,IAAI,CAACC,YAAY;YACxCV,QAAQY;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfX,QAAQH,KAAKe,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,CAAC,EAAEkC,IAAG,EAAmB,GAAK;QACxDnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,IAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,IAAM;QACd,IAAI6C,SAASC,MAAM,EAAE;YACnB,MAAMC,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OAAO;YACL3B;QACF,CAAC;IACH,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,IAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM6C,UAAU,EAAE;YACpBzC,QAAQJ,MAAM6C,UAAU;QAC1B,OAAO;YACLpC;QACF,CAAC;IACH,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOxC,qBAAO,KAAChB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAM1C,KAAKsB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,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","info","setInfo","undefined","setMenu","getRequest","result","instanceName","ucenter","data","userRootOrgs","length","orgList","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,MAAMC,uBAAuBH,IAAI,WAAW,GAAE,CAAC;;;;CAI9C,CAAC;AAEF,eAAe,CAAA,CAACI,QAA+B;QA2DCC;IA1D9C,MAAMC,SAASP,UAAU,mBACvB,CAACQ,MAAMC,QAAQ,GAAGX,SAAqB,EAAE,GACzC,CAACY,MAAMC,QAAQ,GAAGb,SAA0Bc,YAC5C,CAACN,MAAMO,QAAQ,GAAGf,SAAgCc;IAEpD,MACEE,aAAa,UAAY;YAEnBC;QADJ,MAAMA,SAAS,MAAMb,MAAqDE,sBAAsB,CAAC,GAAG;YAAEY,cAAcb,gBAAgBc,OAAO;QAAC;QAC5I,IAAIF,CAAAA,eAAAA,OAAOG,IAAI,cAAXH,0BAAAA,KAAAA,IAAAA,aAAaI,aAAaC,MAAM,EAAE;YACpC,MAAMC,UAAUN,OAAOG,IAAI,CAACC,YAAY;YACxCV,QAAQY;QACV,CAAC;IACH,GACAC,WAAW,IAAM;QACfX,QAAQH,KAAKe,IAAI,CAACC,CAAAA,OAAQA,KAAKC,EAAE,IAAIpB,MAAMqB,KAAK;QAChDb,QAAQ;YACNc,OAAOnB,KAAKoB,MAAM,CAACJ,CAAAA;gBAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMC,EAAE,AAAD,KAAKpB,MAAMqB,KAAK;eAAEG,GAAG,CAACL,CAAAA,OAAQ;gBAC9D,OAAO;oBACLM,KAAKN,KAAKC,EAAE;oBACZM,OAAOP,KAAKQ,IAAI;oBAChBC,SAASC;gBACX;YACF;QACF;IACF,GACAA,gBAAgBtC,YAAY,CAAC,EAAEkC,IAAG,EAAmB,GAAK;QACxDnC,MAAMwC,OAAO,CAAC;YACZC,OAAO7B,OAAO8B,YAAY;YAC1BC,SAAS/B,OAAOgC,cAAc;YAC9BC,MAAM,IAAM;gBACVnC,MAAMoC,QAAQ,CAACX;YACjB;QACF;IACF,GAAG,EAAE;IAEPjC,UAAU,IAAM;QACd,IAAI6C,SAASC,MAAM,EAAE;YACnB,MAAMC,SAASrC,OAAOsC,cAAc;YACpCH,SAASN,KAAK,GAAGQ;YACjBF,SAASI,IAAI,CAACC,SAAS,GAAG,CAAC,kDAAkD,EAAEH,OAAO,MAAM,CAAC;YAC7FI,OAAOC,KAAK;QACd,OACE3B;IAEJ,GAAG;QAACjB,MAAMqB,KAAK;KAAC;IAEhB7B,UAAU,IAAM;QACdyB;IACF,GAAG;QAACd;KAAK;IAETX,UAAU,IAAM;QACd,IAAIQ,MAAM6C,UAAU,EAClBzC,QAAQJ,MAAM6C,UAAU;aAExBpC;IAEJ,GAAG;;QAAGT,MAAM6C,UAAU;KAAC;IAEvB,OAAOxC,qBAAO,KAAChB;QAASY,MAAMA;QAAM6C,UAAU7C,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,CAAAA,cAAAA,KAAMqB,KAAK,cAAXrB,yBAAAA,KAAAA,IAAAA,YAAac,MAAF,AAAD,MAAc;kBACpE,cAAA,KAACgC;YAAKC,WAAWtD,OAAOuD,MAAM;sBAC5B,cAAA,KAACF;0BAAM1C,KAAKsB,IAAI;;;uBAEN,mBAAK;AACrB,CAAA,EAAE"}

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

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

package/es2017/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,MAAMA,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,MAAMA,SAA+B;IACnCC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;AAClB;AAEA,eAAeH,OAAM"}

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

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

package/es2017/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,MAAMA,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,MAAMA,SAA+B;IACnCC,gBAAgB;IAChBC,cAAc;IACdC,gBAAgB;AAClB;AAEA,eAAeH,OAAM"}

package/es2017/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 @@ const ThemeSwitch = (props)=>{
 };
 export default ThemeSwitch;
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\theme-switch\index.js.map

package/es2017/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,MAAMC,cAA0C,CAACC,QAA4B;IAC3E,MAAMC,SAASH,UAAU;IACzB,qBACE,KAACD;QACCK,iBAAiBD,OAAOE,MAAM;QAC9BC,mBAAmBH,OAAOI,IAAI;OAC1BL,MAAMM,WAAW;QACrBC,SAASP,MAAMQ,KAAK;QACpBC,UAAU,CAACF,UAAY;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,MAAMC,cAA0C,CAACC,QAA4B;IAC3E,MAAMC,SAASH,UAAU;IACzB,qBACE,KAACD;QACCK,iBAAiBD,OAAOE,MAAM;QAC9BC,mBAAmBH,OAAOI,IAAI;OAC1BL,MAAMM,WAAW;QACrBC,SAASP,MAAMQ,KAAK;QACpBC,UAAU,CAACF,UAAY;YACrBP,MAAMS,QAAQ,CAACF;QACjB;;AAGN;AAEA,eAAeR,YAAY"}

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

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

package/es2017/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,MAAMA,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,MAAMA,SAA4B;IAChCC,QAAQ;IACRC,MAAM;AACR;AAEA,eAAeF,OAAM"}

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

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

package/es2017/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,MAAMA,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,MAAMA,SAA4B;IAChCC,QAAQ;IACRC,MAAM;AACR;AAEA,eAAeF,OAAM"}

package/es2017/index.js

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

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

@@ -44,4 +44,4 @@ var AvatarDropdown = function(props) {
 };
 export default AvatarDropdown;
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\avatar-dropdown\index.js.map

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
 import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
 import { LocaleType } from "../locale/index";
 import { useEffect, useState } from "react";
@@ -11,11 +11,8 @@ 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);
-        }
+        if (props.locale === LocaleType.zhCN) setAntLocale(zhCN);
+        else if (props.locale === LocaleType.enUS) setAntLocale(enUS);
     }, [
         props.locale
     ]);
@@ -36,4 +33,4 @@ export default function(props) {
     });
 };
 
- //# sourceMappingURL=index.js.map
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\collect-providers\index.js.map

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

@@ -1 +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"}
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\collect-providers\\index.tsx"],"sourcesContent":["import { Locale } from \"antd/es/locale\";\r\nimport { LocaleType } from \"../locale\"\r\nimport { ReactNode, useEffect, useState } from \"react\";\r\nimport { ProConfigProvider } from \"@ant-design/pro-provider\";\r\nimport { BasicProvider, LeavePrompt } from \"..\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { AliveScope } from \"react-activation\";\r\nimport zhCN from 'antd/locale/zh_CN';\r\nimport enUS from 'antd/locale/en_US';\r\nexport interface CollectProviderProps {\r\n  /**\r\n   * @knockout-js 的多语言 locale\r\n   */\r\n  locale: LocaleType;\r\n  /**\r\n   * ProConfig dark主题\r\n   */\r\n  dark: boolean;\r\n  /**\r\n   * 传递动态的 location.pathname\r\n   */\r\n  pathname: string;\r\n  /**\r\n   * 默认插槽\r\n   */\r\n  children: ReactNode;\r\n}\r\n\r\nexport default (props: CollectProviderProps) => {\r\n\r\n  const [antLocale, setAntLocale] = useState<Locale>(zhCN);\r\n\r\n  useEffect(() => {\r\n    if (props.locale === LocaleType.zhCN) {\r\n      setAntLocale(zhCN)\r\n    } else if (props.locale === LocaleType.enUS) {\r\n      setAntLocale(enUS)\r\n    }\r\n  }, [props.locale]);\r\n\r\n  return (\r\n    <ProConfigProvider dark={props.dark}>\r\n      <BasicProvider locale={props.locale}>\r\n        <ConfigProvider locale={antLocale}>\r\n          <LeavePrompt pathname={props.pathname}>\r\n            <AliveScope>\r\n              {props.children}\r\n            </AliveScope>\r\n          </LeavePrompt>\r\n        </ConfigProvider>\r\n      </BasicProvider>\r\n    </ProConfigProvider >\r\n  )\r\n}\r\n"],"names":["LocaleType","useEffect","useState","ProConfigProvider","BasicProvider","LeavePrompt","ConfigProvider","AliveScope","zhCN","enUS","props","antLocale","setAntLocale","locale","dark","pathname","children"],"mappings":";;AACA,SAASA,UAAU,QAAQ,kBAAW;AACtC,SAAoBC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AACvD,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,aAAa,EAAEC,WAAW,QAAQ,WAAK;AAChD,SAASC,cAAc,QAAQ,OAAO;AACtC,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,OAAOC,UAAU,oBAAoB;AACrC,OAAOC,UAAU,oBAAoB;AAoBrC,eAAe,SAACC,OAAgC;IAE9C,IAAkCR,6BAAAA,SAAiBM,WAA5CG,YAA2BT,cAAhBU,eAAgBV;IAElCD,UAAU,WAAM;QACd,IAAIS,MAAMG,MAAM,KAAKb,WAAWQ,IAAI,EAClCI,aAAaJ;aACR,IAAIE,MAAMG,MAAM,KAAKb,WAAWS,IAAI,EACzCG,aAAaH;IAEjB,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACV;QAAkBW,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACV;YAAcS,QAAQH,MAAMG,MAAM;sBACjC,cAAA,KAACP;gBAAeO,QAAQF;0BACtB,cAAA,KAACN;oBAAYU,UAAUL,MAAMK,QAAQ;8BACnC,cAAA,KAACR;kCACEG,MAAMM,QAAQ;;;;;;AAO7B,EAAC"}

package/esm/components/gather-menu/index.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { App, AppMenu } from "@knockout-js/api";
+export type GatherMenuLocale = {
+    notText: string;
+    searchPlaceholder: string;
+};
+export type GatherMenuDataSource = {
+    app: App;
+    menu: AppMenu[];
+}[];
+export interface GatherMenuProps {
+    /**
+     * 弹出开关
+     */
+    open?: boolean;
+    /**
+     * 数据源
+     */
+    dataSource?: GatherMenuDataSource;
+    /**
+     * 存储key
+     */
+    storeKey?: string;
+    /**
+     * 弹出开关变更
+     */
+    onChangeOpen?: (open: boolean) => void;
+    /**
+     * 选中菜单
+     */
+    onClick?: (menuItem: AppMenu, app: App) => void;
+}
+declare const _default: (props: GatherMenuProps) => JSX.Element;
+export default _default;

package/esm/components/gather-menu/index.js

@@ -0,0 +1,320 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
+import { useCallback, useEffect, useState } from "react";
+import styles from "./index.module.css";
+import { Drawer, Empty, Input, Space } from "antd";
+import { gql, paging, query } from "@knockout-js/ice-urql/request";
+import { iceUrqlInstance } from "../index";
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { useLocale } from "../locale/index";
+var userMenuListQuery = gql("query userMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID\n  }\n}");
+var userOrgAppsQuery = gql("query layoutPkgUserRootOrgs($first:Int){\n  userRootOrgs{\n    id,\n    apps(first: $first){\n      totalCount,\n      edges{ node{ id,name,code } }\n    }\n  }\n}");
+/**
+ * 排序拖拽使用的控件
+ * https://docs.dndkit.com/
+ * @param props
+ * @returns
+ */ var DargItem = function(props) {
+    var id = "".concat(props.value.id, "-").concat(props.value.appID);
+    var _useSortable = useSortable({
+        id: id
+    }), setNodeRef = _useSortable.setNodeRef, listeners = _useSortable.listeners, attributes = _useSortable.attributes, transform = _useSortable.transform, transition = _useSortable.transition, setDraggableNodeRef = _useSortable.setDraggableNodeRef;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition
+    };
+    return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
+        ref: setNodeRef,
+        style: style
+    }, attributes), {
+        className: styles.customMenuDrawerMenuItem,
+        onClick: function() {
+            props.onClick();
+        },
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.customMenuDrawerMenuItemName,
+                children: props.value.name
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.customMenuDrawerMenuItemIcons,
+                children: /*#__PURE__*/ _jsxs(Space, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CloseOutlined, {
+                            rev: undefined,
+                            onClick: function() {
+                                props.onDel();
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
+                            rev: undefined
+                        }, listeners), {
+                            className: "dragIcon"
+                        }))
+                    ]
+                })
+            })
+        ]
+    }));
+};
+export default function(props) {
+    var _useState = _sliced_to_array(useState([]), 2), all = _useState[0], setAll = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), filterList = _useState1[0], setFilterList = _useState1[1], _useState2 = _sliced_to_array(useState([]), 2), collects = _useState2[0], setCollects = _useState2[1], locale = useLocale("GatherMenu"), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    var request = useCallback(/*#__PURE__*/ _async_to_generator(function() {
+        var _appsResult_data, appsResult, apps, newAll, _tmp, _tmp1, _i, i, _menuResult_data, menuResult, menu;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        paging(userOrgAppsQuery, {
+                            first: 30
+                        }, 1, {
+                            instanceName: iceUrqlInstance.ucenter
+                        })
+                    ];
+                case 1:
+                    appsResult = _state.sent(), apps = [];
+                    if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach(function(org) {
+                        var _org_apps_edges;
+                        (_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach(function(oApp) {
+                            if (oApp === null || oApp === void 0 ? void 0 : oApp.node) {
+                                if (!apps.find(function(app) {
+                                    var _oApp_node;
+                                    return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
+                                })) apps.push(oApp.node);
+                            }
+                        });
+                    });
+                    newAll = [];
+                    _tmp = [];
+                    for(_tmp1 in apps)_tmp.push(_tmp1);
+                    _i = 0;
+                    _state.label = 2;
+                case 2:
+                    if (!(_i < _tmp.length)) return [
+                        3,
+                        5
+                    ];
+                    i = _tmp[_i];
+                    return [
+                        4,
+                        query(userMenuListQuery, {
+                            appCode: apps[i].code
+                        }, {
+                            instanceName: iceUrqlInstance.ucenter
+                        })
+                    ];
+                case 3:
+                    menuResult = _state.sent();
+                    if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
+                        menu = menuResult.data.userMenus.filter(function(item) {
+                            return item.route;
+                        });
+                        newAll.push({
+                            app: apps[i],
+                            menu: menu
+                        });
+                    }
+                    _state.label = 4;
+                case 4:
+                    _i++;
+                    return [
+                        3,
+                        2
+                    ];
+                case 5:
+                    setAll(newAll);
+                    setFilterList(newAll);
+                    return [
+                        2
+                    ];
+            }
+        });
+    }), []), checkCollect = useCallback(function(menuItem) {
+        return !!collects.find(function(item) {
+            return item.id === menuItem.id && item.appID === menuItem.appID;
+        });
+    }, [
+        collects
+    ]);
+    useEffect(function() {
+        if (props.dataSource) {
+            setAll(props.dataSource);
+            setFilterList(props.dataSource);
+        } else request();
+    }, [
+        props.dataSource
+    ]);
+    useEffect(function() {
+        if (props.storeKey) {
+            var store = localStorage.getItem(props.storeKey);
+            if (store) try {
+                setCollects(JSON.parse(store));
+            } catch (error) {}
+        }
+    }, [
+        props.storeKey
+    ]);
+    useEffect(function() {
+        if (props.storeKey) {
+            if (collects.length) localStorage.setItem(props.storeKey, JSON.stringify(collects));
+            else localStorage.removeItem(props.storeKey);
+        }
+    }, [
+        collects
+    ]);
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx(Drawer, {
+            className: styles.customMenuDrawer,
+            placement: "left",
+            open: props.open,
+            width: 1060,
+            onClose: function() {
+                var _props_onChangeOpen;
+                (_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
+            },
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: styles.customMenuDrawerRow,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        style: {
+                            width: 240
+                        },
+                        className: styles.customMenuDrawerMenu,
+                        children: collects.length ? /*#__PURE__*/ _jsx(DndContext, {
+                            sensors: sensors,
+                            collisionDetection: closestCenter,
+                            onDragEnd: function(event) {
+                                var active = event.active, over = event.over;
+                                if (over && active.id !== over.id) setCollects(function(items) {
+                                    var oldIndex = items.findIndex(function(oItem) {
+                                        return "".concat(oItem.id, "-").concat(oItem.appID) == active.id;
+                                    });
+                                    var newIndex = items.findIndex(function(nItem) {
+                                        return "".concat(nItem.id, "-").concat(nItem.appID) == over.id;
+                                    });
+                                    return arrayMove(items, oldIndex, newIndex);
+                                });
+                            },
+                            children: /*#__PURE__*/ _jsx(SortableContext, {
+                                items: collects.map(function(item) {
+                                    return "".concat(item.id, "-").concat(item.appID);
+                                }),
+                                strategy: verticalListSortingStrategy,
+                                children: collects.map(function(item) {
+                                    /*#__PURE__*/ return _jsx(DargItem, {
+                                        value: item,
+                                        onDel: function() {
+                                            setCollects(collects.filter(function(c) {
+                                                return !(c.id === item.id && c.appID === item.appID);
+                                            }));
+                                        },
+                                        onClick: function() {
+                                            var _props_onClick;
+                                            var allApp = all.find(function(allItem) {
+                                                return allItem.app.id == item.appID;
+                                            });
+                                            if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, item, allApp.app);
+                                        }
+                                    }, "c".concat(item.id, "-").concat(item.appID));
+                                })
+                            })
+                        }) : /*#__PURE__*/ _jsx(Empty, {
+                            image: Empty.PRESENTED_IMAGE_SIMPLE,
+                            description: locale.notText
+                        })
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        style: {
+                            width: 820
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.customMenuDrawerAllInput,
+                                children: /*#__PURE__*/ _jsx(Input, {
+                                    bordered: false,
+                                    prefix: /*#__PURE__*/ _jsx(SearchOutlined, {
+                                        rev: undefined
+                                    }),
+                                    placeholder: locale.searchPlaceholder,
+                                    onChange: function(event) {
+                                        var keyword = event.target.value;
+                                        if (keyword) {
+                                            var fList = all.map(function(f) {
+                                                return {
+                                                    app: f.app,
+                                                    menu: f.menu.filter(function(fMenuItem) {
+                                                        return fMenuItem.name.indexOf(keyword) > -1;
+                                                    })
+                                                };
+                                            }).filter(function(f) {
+                                                return f.menu.length;
+                                            });
+                                            setFilterList(fList);
+                                        } else setFilterList(_to_consumable_array(all));
+                                    }
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: styles.customMenuDrawerAllMenu,
+                                children: filterList.map(function(item) {
+                                    /*#__PURE__*/ return _jsxs("div", {
+                                        className: styles.customMenuDrawerAllMenuColumn,
+                                        children: [
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: styles.customMenuDrawerAllMenuTitle,
+                                                children: item.app.name
+                                            }),
+                                            item.menu.map(function(menuItem) {
+                                                /*#__PURE__*/ return _jsxs("div", {
+                                                    className: styles.customMenuDrawerAllMenuItem,
+                                                    onClick: function() {
+                                                        var _props_onClick;
+                                                        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, item.app);
+                                                    },
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            className: styles.customMenuDrawerAllMenuItemName,
+                                                            children: menuItem.name
+                                                        }),
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            children: /*#__PURE__*/ _jsx(StarOutlined, {
+                                                                rev: undefined,
+                                                                className: checkCollect(menuItem) ? "collect" : "",
+                                                                onClick: function(event) {
+                                                                    event.stopPropagation();
+                                                                    if (checkCollect(menuItem)) setCollects(collects.filter(function(c) {
+                                                                        return !(c.id === menuItem.id && c.appID === menuItem.appID);
+                                                                    }));
+                                                                    else setCollects(_to_consumable_array(collects).concat([
+                                                                        menuItem
+                                                                    ]));
+                                                                }
+                                                            })
+                                                        })
+                                                    ]
+                                                }, "".concat(menuItem.appID, "-").concat(menuItem.id));
+                                            })
+                                        ]
+                                    }, item.app.code);
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\gather-menu\index.js.map