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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/es2017/components/avatar-dropdown/index.js +1 -1
  2. package/es2017/components/avatar-dropdown/index.js.map +1 -1
  3. package/es2017/components/avatar-dropdown/locale/en_US.js +1 -1
  4. package/es2017/components/avatar-dropdown/locale/en_US.js.map +1 -1
  5. package/es2017/components/avatar-dropdown/locale/zh_CN.js +1 -1
  6. package/es2017/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
  7. package/es2017/components/collect-providers/index.js +3 -6
  8. package/es2017/components/collect-providers/index.js.map +1 -1
  9. package/es2017/components/gather-menu/index.d.ts +34 -0
  10. package/es2017/components/gather-menu/index.js +278 -0
  11. package/es2017/components/gather-menu/index.js.map +1 -0
  12. package/es2017/components/gather-menu/index.module.css +120 -0
  13. package/es2017/components/gather-menu/locale/en_US.d.ts +3 -0
  14. package/es2017/components/gather-menu/locale/en_US.js +7 -0
  15. package/es2017/components/gather-menu/locale/en_US.js.map +1 -0
  16. package/es2017/components/gather-menu/locale/zh_CN.d.ts +3 -0
  17. package/es2017/components/gather-menu/locale/zh_CN.js +7 -0
  18. package/es2017/components/gather-menu/locale/zh_CN.js.map +1 -0
  19. package/es2017/components/i18n-dropdown/index.js +1 -1
  20. package/es2017/components/i18n-dropdown/index.js.map +1 -1
  21. package/es2017/components/icons/index.js +3 -3
  22. package/es2017/components/icons/index.js.map +1 -1
  23. package/es2017/components/index.d.ts +2 -0
  24. package/es2017/components/index.js +3 -1
  25. package/es2017/components/index.js.map +1 -1
  26. package/es2017/components/keep-alive/index.js +4 -8
  27. package/es2017/components/keep-alive/index.js.map +1 -1
  28. package/es2017/components/layout/index.d.ts +5 -0
  29. package/es2017/components/layout/index.js +108 -83
  30. package/es2017/components/layout/index.js.map +1 -1
  31. package/es2017/components/layout/logo.js +1 -1
  32. package/es2017/components/layout/logo.js.map +1 -1
  33. package/es2017/components/leave-prompt/index.js +5 -10
  34. package/es2017/components/leave-prompt/index.js.map +1 -1
  35. package/es2017/components/leave-prompt/locale/en_US.js +1 -1
  36. package/es2017/components/leave-prompt/locale/en_US.js.map +1 -1
  37. package/es2017/components/leave-prompt/locale/zh_CN.js +1 -1
  38. package/es2017/components/leave-prompt/locale/zh_CN.js.map +1 -1
  39. package/es2017/components/locale/en_US.js +4 -2
  40. package/es2017/components/locale/en_US.js.map +1 -1
  41. package/es2017/components/locale/index.d.ts +2 -0
  42. package/es2017/components/locale/index.js +3 -5
  43. package/es2017/components/locale/index.js.map +1 -1
  44. package/es2017/components/locale/zh_CN.js +4 -2
  45. package/es2017/components/locale/zh_CN.js.map +1 -1
  46. package/es2017/components/modal/index.d.ts +18 -0
  47. package/es2017/components/modal/index.js +89 -0
  48. package/es2017/components/modal/index.js.map +1 -0
  49. package/es2017/components/modal/index.module.css +20 -0
  50. package/es2017/components/tenant-dropdown/index.js +4 -9
  51. package/es2017/components/tenant-dropdown/index.js.map +1 -1
  52. package/es2017/components/tenant-dropdown/locale/en_US.js +1 -1
  53. package/es2017/components/tenant-dropdown/locale/en_US.js.map +1 -1
  54. package/es2017/components/tenant-dropdown/locale/zh_CN.js +1 -1
  55. package/es2017/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
  56. package/es2017/components/theme-switch/index.js +3 -3
  57. package/es2017/components/theme-switch/index.js.map +1 -1
  58. package/es2017/components/theme-switch/locale/en_US.js +1 -1
  59. package/es2017/components/theme-switch/locale/en_US.js.map +1 -1
  60. package/es2017/components/theme-switch/locale/zh_CN.js +1 -1
  61. package/es2017/components/theme-switch/locale/zh_CN.js.map +1 -1
  62. package/es2017/index.js +1 -1
  63. package/es2017/index.js.map +1 -1
  64. package/esm/components/avatar-dropdown/index.js +1 -1
  65. package/esm/components/avatar-dropdown/index.js.map +1 -1
  66. package/esm/components/avatar-dropdown/locale/en_US.js +1 -1
  67. package/esm/components/avatar-dropdown/locale/en_US.js.map +1 -1
  68. package/esm/components/avatar-dropdown/locale/zh_CN.js +1 -1
  69. package/esm/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
  70. package/esm/components/collect-providers/index.js +4 -7
  71. package/esm/components/collect-providers/index.js.map +1 -1
  72. package/esm/components/gather-menu/index.d.ts +34 -0
  73. package/esm/components/gather-menu/index.js +320 -0
  74. package/esm/components/gather-menu/index.js.map +1 -0
  75. package/esm/components/gather-menu/index.module.css +120 -0
  76. package/esm/components/gather-menu/locale/en_US.d.ts +3 -0
  77. package/esm/components/gather-menu/locale/en_US.js +7 -0
  78. package/esm/components/gather-menu/locale/en_US.js.map +1 -0
  79. package/esm/components/gather-menu/locale/zh_CN.d.ts +3 -0
  80. package/esm/components/gather-menu/locale/zh_CN.js +7 -0
  81. package/esm/components/gather-menu/locale/zh_CN.js.map +1 -0
  82. package/esm/components/i18n-dropdown/index.js +2 -2
  83. package/esm/components/i18n-dropdown/index.js.map +1 -1
  84. package/esm/components/icons/index.js +3 -3
  85. package/esm/components/icons/index.js.map +1 -1
  86. package/esm/components/index.d.ts +2 -0
  87. package/esm/components/index.js +3 -1
  88. package/esm/components/index.js.map +1 -1
  89. package/esm/components/keep-alive/index.js +4 -8
  90. package/esm/components/keep-alive/index.js.map +1 -1
  91. package/esm/components/layout/index.d.ts +5 -0
  92. package/esm/components/layout/index.js +129 -104
  93. package/esm/components/layout/index.js.map +1 -1
  94. package/esm/components/layout/logo.js +1 -1
  95. package/esm/components/layout/logo.js.map +1 -1
  96. package/esm/components/leave-prompt/index.js +5 -10
  97. package/esm/components/leave-prompt/index.js.map +1 -1
  98. package/esm/components/leave-prompt/locale/en_US.js +1 -1
  99. package/esm/components/leave-prompt/locale/en_US.js.map +1 -1
  100. package/esm/components/leave-prompt/locale/zh_CN.js +1 -1
  101. package/esm/components/leave-prompt/locale/zh_CN.js.map +1 -1
  102. package/esm/components/locale/en_US.js +4 -2
  103. package/esm/components/locale/en_US.js.map +1 -1
  104. package/esm/components/locale/index.d.ts +2 -0
  105. package/esm/components/locale/index.js +3 -5
  106. package/esm/components/locale/index.js.map +1 -1
  107. package/esm/components/locale/zh_CN.js +4 -2
  108. package/esm/components/locale/zh_CN.js.map +1 -1
  109. package/esm/components/modal/index.d.ts +18 -0
  110. package/esm/components/modal/index.js +90 -0
  111. package/esm/components/modal/index.js.map +1 -0
  112. package/esm/components/modal/index.module.css +20 -0
  113. package/esm/components/tenant-dropdown/index.js +7 -12
  114. package/esm/components/tenant-dropdown/index.js.map +1 -1
  115. package/esm/components/tenant-dropdown/locale/en_US.js +1 -1
  116. package/esm/components/tenant-dropdown/locale/en_US.js.map +1 -1
  117. package/esm/components/tenant-dropdown/locale/zh_CN.js +1 -1
  118. package/esm/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
  119. package/esm/components/theme-switch/index.js +3 -3
  120. package/esm/components/theme-switch/index.js.map +1 -1
  121. package/esm/components/theme-switch/locale/en_US.js +1 -1
  122. package/esm/components/theme-switch/locale/en_US.js.map +1 -1
  123. package/esm/components/theme-switch/locale/zh_CN.js +1 -1
  124. package/esm/components/theme-switch/locale/zh_CN.js.map +1 -1
  125. package/esm/index.js +1 -1
  126. package/esm/index.js.map +1 -1
  127. package/package.json +7 -3
@@ -44,4 +44,4 @@ const AvatarDropdown = (props)=>{
44
44
  };
45
45
  export default AvatarDropdown;
46
46
 
47
- //# sourceMappingURL=index.js.map
47
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\avatar-dropdown\index.js.map
@@ -1 +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,MAAMC,iBAAiB,CAACC,QAA+B;IACrD,MAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,IAAM;wBACzBQ;oBAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA;gBACF,GAAG,EAAE;gBACLY,WAAWf,OAAOK,IAAI;YACxB;SACD;IACH;IAEF,qBACE,KAACP;QAASO,MAAMF,MAAMa,SAAS,IAAIX;kBACjC,cAAA,MAACY;YAAKF,WAAW,CAAC,EAAEf,OAAOkB,MAAM,CAAC,CAAC,EAAElB,OAAOmB,OAAO,CAAC,CAAC;;8BACnD,KAACpB;oBACCqB,MAAK;oBACLL,WAAWf,OAAOqB,MAAM;oBACxBX,oBAAM,KAACb;wBAAac,KAAKC;;oBACzBU,KAAKnB,MAAMkB,MAAM;oBACjBE,KAAI;;8BAEN,KAACN;8BAAMd,MAAMqB,IAAI;;;;;AAIzB;AAEA,eAAetB,eAAe"}
1
+ {"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,MAAMC,iBAAiB,CAACC,QAA+B;IACrD,MAAMC,SAASH,UAAU,mBACvBI,OAAO;QACLC,OAAO;YACL;gBACEC,KAAK;gBACLC,OAAOJ,OAAOK,MAAM;gBACpBC,oBAAM,KAACd;oBAAee,KAAKC;;gBAC3BC,SAASlB,YAAY,IAAM;wBACzBQ;oBAAAA,CAAAA,uBAAAA,MAAMW,aAAa,cAAnBX,kCAAAA,KAAAA,IAAAA,qBAAAA,KAAAA;gBACF,GAAG,EAAE;gBACLY,WAAWf,OAAOK,IAAI;YACxB;SACD;IACH;IAEF,qBACE,KAACP;QAASO,MAAMF,MAAMa,SAAS,IAAIX;kBACjC,cAAA,MAACY;YAAKF,WAAW,CAAC,EAAEf,OAAOkB,MAAM,CAAC,CAAC,EAAElB,OAAOmB,OAAO,CAAC,CAAC;;8BACnD,KAACpB;oBACCqB,MAAK;oBACLL,WAAWf,OAAOqB,MAAM;oBACxBX,oBAAM,KAACb;wBAAac,KAAKC;;oBACzBU,KAAKnB,MAAMkB,MAAM;oBACjBE,KAAI;;8BAEN,KAACN;8BAAMd,MAAMqB,IAAI;;;;;AAIzB;AAEA,eAAetB,eAAe"}
@@ -3,4 +3,4 @@ const locale = {
3
3
  };
4
4
  export default locale;
5
5
 
6
- //# sourceMappingURL=en_US.js.map
6
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\avatar-dropdown\locale\en_US.js.map
@@ -1 +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,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
1
+ {"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,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
@@ -3,4 +3,4 @@ const locale = {
3
3
  };
4
4
  export default locale;
5
5
 
6
- //# sourceMappingURL=zh_CN.js.map
6
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\avatar-dropdown\locale\zh_CN.js.map
@@ -1 +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,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
1
+ {"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,MAAMA,SAA+B;IACnCC,QAAQ;AACV;AAEA,eAAeD,OAAM"}
@@ -10,11 +10,8 @@ import enUS from "antd/locale/en_US";
10
10
  export default ((props)=>{
11
11
  const [antLocale, setAntLocale] = useState(zhCN);
12
12
  useEffect(()=>{
13
- if (props.locale === LocaleType.zhCN) {
14
- setAntLocale(zhCN);
15
- } else if (props.locale === LocaleType.enUS) {
16
- setAntLocale(enUS);
17
- }
13
+ if (props.locale === LocaleType.zhCN) setAntLocale(zhCN);
14
+ else if (props.locale === LocaleType.enUS) setAntLocale(enUS);
18
15
  }, [
19
16
  props.locale
20
17
  ]);
@@ -35,4 +32,4 @@ export default ((props)=>{
35
32
  });
36
33
  });
37
34
 
38
- //# sourceMappingURL=index.js.map
35
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\collect-providers\index.js.map
@@ -1 +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,CAAA,CAACC,QAAgC;IAE9C,MAAM,CAACC,WAAWC,aAAa,GAAGV,SAAiBM;IAEnDP,UAAU,IAAM;QACd,IAAIS,MAAMG,MAAM,KAAKb,WAAWQ,IAAI,EAAE;YACpCI,aAAaJ;QACf,OAAO,IAAIE,MAAMG,MAAM,KAAKb,WAAWS,IAAI,EAAE;YAC3CG,aAAaH;QACf,CAAC;IACH,GAAG;QAACC,MAAMG,MAAM;KAAC;IAEjB,qBACE,KAACV;QAAkBW,MAAMJ,MAAMI,IAAI;kBACjC,cAAA,KAACV;YAAcS,QAAQH,MAAMG,MAAM;sBACjC,cAAA,KAACP;gBAAeO,QAAQF;0BACtB,cAAA,KAACN;oBAAYU,UAAUL,MAAMK,QAAQ;8BACnC,cAAA,KAACR;kCACEG,MAAMM,QAAQ;;;;;;AAO7B,CAAA,EAAC"}
1
+ {"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,CAAA,CAACC,QAAgC;IAE9C,MAAM,CAACC,WAAWC,aAAa,GAAGV,SAAiBM;IAEnDP,UAAU,IAAM;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,CAAA,EAAC"}
@@ -0,0 +1,34 @@
1
+ /// <reference types="react" />
2
+ import { App, AppMenu } from "@knockout-js/api";
3
+ export type GatherMenuLocale = {
4
+ notText: string;
5
+ searchPlaceholder: string;
6
+ };
7
+ export type GatherMenuDataSource = {
8
+ app: App;
9
+ menu: AppMenu[];
10
+ }[];
11
+ export interface GatherMenuProps {
12
+ /**
13
+ * 弹出开关
14
+ */
15
+ open?: boolean;
16
+ /**
17
+ * 数据源
18
+ */
19
+ dataSource?: GatherMenuDataSource;
20
+ /**
21
+ * 存储key
22
+ */
23
+ storeKey?: string;
24
+ /**
25
+ * 弹出开关变更
26
+ */
27
+ onChangeOpen?: (open: boolean) => void;
28
+ /**
29
+ * 选中菜单
30
+ */
31
+ onClick?: (menuItem: AppMenu, app: App) => void;
32
+ }
33
+ declare const _default: (props: GatherMenuProps) => JSX.Element;
34
+ export default _default;
@@ -0,0 +1,278 @@
1
+ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
2
+ import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
3
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
4
+ import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
5
+ import { useCallback, useEffect, useState } from "react";
6
+ import styles from "./index.module.css";
7
+ import { Drawer, Empty, Input, Space } from "antd";
8
+ import { gql, paging, query } from "@knockout-js/ice-urql/request";
9
+ import { iceUrqlInstance } from "../index";
10
+ import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
11
+ import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
12
+ import { CSS } from "@dnd-kit/utilities";
13
+ import { useLocale } from "../locale/index";
14
+ const userMenuListQuery = gql(/* GraphQL */ `query userMenuList($appCode:String!){
15
+ userMenus(appCode: $appCode){
16
+ id,name,route,appID
17
+ }
18
+ }`);
19
+ const userOrgAppsQuery = gql(/* GraphQL */ `query layoutPkgUserRootOrgs($first:Int){
20
+ userRootOrgs{
21
+ id,
22
+ apps(first: $first){
23
+ totalCount,
24
+ edges{ node{ id,name,code } }
25
+ }
26
+ }
27
+ }`);
28
+ /**
29
+ * 排序拖拽使用的控件
30
+ * https://docs.dndkit.com/
31
+ * @param props
32
+ * @returns
33
+ */ const DargItem = (props)=>{
34
+ const id = `${props.value.id}-${props.value.appID}`;
35
+ const { setNodeRef , listeners , attributes , transform , transition , setDraggableNodeRef } = useSortable({
36
+ id
37
+ });
38
+ const style = {
39
+ transform: CSS.Transform.toString(transform),
40
+ transition
41
+ };
42
+ return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
43
+ ref: setNodeRef,
44
+ style: style
45
+ }, attributes), {
46
+ className: styles.customMenuDrawerMenuItem,
47
+ onClick: ()=>{
48
+ props.onClick();
49
+ },
50
+ children: [
51
+ /*#__PURE__*/ _jsx("div", {
52
+ className: styles.customMenuDrawerMenuItemName,
53
+ children: props.value.name
54
+ }),
55
+ /*#__PURE__*/ _jsx("div", {
56
+ className: styles.customMenuDrawerMenuItemIcons,
57
+ children: /*#__PURE__*/ _jsxs(Space, {
58
+ children: [
59
+ /*#__PURE__*/ _jsx(CloseOutlined, {
60
+ rev: undefined,
61
+ onClick: ()=>{
62
+ props.onDel();
63
+ }
64
+ }),
65
+ /*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
66
+ rev: undefined
67
+ }, listeners), {
68
+ className: "dragIcon"
69
+ }))
70
+ ]
71
+ })
72
+ })
73
+ ]
74
+ }));
75
+ };
76
+ export default ((props)=>{
77
+ const [all, setAll] = useState([]), [filterList, setFilterList] = useState([]), [collects, setCollects] = useState([]), locale = useLocale('GatherMenu'), sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
78
+ coordinateGetter: sortableKeyboardCoordinates
79
+ }));
80
+ const request = useCallback(async ()=>{
81
+ var _appsResult_data;
82
+ const appsResult = await paging(userOrgAppsQuery, {
83
+ first: 30
84
+ }, 1, {
85
+ instanceName: iceUrqlInstance.ucenter
86
+ }), apps = [];
87
+ if ((_appsResult_data = appsResult.data) === null || _appsResult_data === void 0 ? void 0 : _appsResult_data.userRootOrgs) appsResult.data.userRootOrgs.forEach((org)=>{
88
+ var _org_apps_edges;
89
+ (_org_apps_edges = org.apps.edges) === null || _org_apps_edges === void 0 ? void 0 : _org_apps_edges.forEach((oApp)=>{
90
+ if (oApp === null || oApp === void 0 ? void 0 : oApp.node) {
91
+ if (!apps.find((app)=>{
92
+ var _oApp_node;
93
+ return app.id === ((_oApp_node = oApp.node) === null || _oApp_node === void 0 ? void 0 : _oApp_node.id);
94
+ })) apps.push(oApp.node);
95
+ }
96
+ });
97
+ });
98
+ const newAll = [];
99
+ for(let i in apps){
100
+ var _menuResult_data;
101
+ const menuResult = await query(userMenuListQuery, {
102
+ appCode: apps[i].code
103
+ }, {
104
+ instanceName: iceUrqlInstance.ucenter
105
+ });
106
+ if ((_menuResult_data = menuResult.data) === null || _menuResult_data === void 0 ? void 0 : _menuResult_data.userMenus) {
107
+ const menu = menuResult.data.userMenus.filter((item)=>item.route);
108
+ newAll.push({
109
+ app: apps[i],
110
+ menu
111
+ });
112
+ }
113
+ }
114
+ setAll(newAll);
115
+ setFilterList(newAll);
116
+ }, []), checkCollect = useCallback((menuItem)=>{
117
+ return !!collects.find((item)=>item.id === menuItem.id && item.appID === menuItem.appID);
118
+ }, [
119
+ collects
120
+ ]);
121
+ useEffect(()=>{
122
+ if (props.dataSource) {
123
+ setAll(props.dataSource);
124
+ setFilterList(props.dataSource);
125
+ } else request();
126
+ }, [
127
+ props.dataSource
128
+ ]);
129
+ useEffect(()=>{
130
+ if (props.storeKey) {
131
+ const store = localStorage.getItem(props.storeKey);
132
+ if (store) try {
133
+ setCollects(JSON.parse(store));
134
+ } catch (error) {}
135
+ }
136
+ }, [
137
+ props.storeKey
138
+ ]);
139
+ useEffect(()=>{
140
+ if (props.storeKey) {
141
+ if (collects.length) localStorage.setItem(props.storeKey, JSON.stringify(collects));
142
+ else localStorage.removeItem(props.storeKey);
143
+ }
144
+ }, [
145
+ collects
146
+ ]);
147
+ return /*#__PURE__*/ _jsx(_Fragment, {
148
+ children: /*#__PURE__*/ _jsx(Drawer, {
149
+ className: styles.customMenuDrawer,
150
+ placement: "left",
151
+ open: props.open,
152
+ width: 1060,
153
+ onClose: ()=>{
154
+ var _props_onChangeOpen;
155
+ (_props_onChangeOpen = props.onChangeOpen) === null || _props_onChangeOpen === void 0 ? void 0 : _props_onChangeOpen.call(props, false);
156
+ },
157
+ children: /*#__PURE__*/ _jsxs("div", {
158
+ className: styles.customMenuDrawerRow,
159
+ children: [
160
+ /*#__PURE__*/ _jsx("div", {
161
+ style: {
162
+ width: 240
163
+ },
164
+ className: styles.customMenuDrawerMenu,
165
+ children: collects.length ? /*#__PURE__*/ _jsx(DndContext, {
166
+ sensors: sensors,
167
+ collisionDetection: closestCenter,
168
+ onDragEnd: (event)=>{
169
+ const { active , over } = event;
170
+ if (over && active.id !== over.id) setCollects((items)=>{
171
+ const oldIndex = items.findIndex((oItem)=>`${oItem.id}-${oItem.appID}` == active.id);
172
+ const newIndex = items.findIndex((nItem)=>`${nItem.id}-${nItem.appID}` == over.id);
173
+ return arrayMove(items, oldIndex, newIndex);
174
+ });
175
+ },
176
+ children: /*#__PURE__*/ _jsx(SortableContext, {
177
+ items: collects.map((item)=>`${item.id}-${item.appID}`),
178
+ strategy: verticalListSortingStrategy,
179
+ children: collects.map((item)=>{
180
+ /*#__PURE__*/ return _jsx(DargItem, {
181
+ value: item,
182
+ onDel: ()=>{
183
+ setCollects(collects.filter((c)=>!(c.id === item.id && c.appID === item.appID)));
184
+ },
185
+ onClick: ()=>{
186
+ var _props_onClick;
187
+ const allApp = all.find((allItem)=>allItem.app.id == item.appID);
188
+ if (allApp) (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, item, allApp.app);
189
+ }
190
+ }, `c${item.id}-${item.appID}`);
191
+ })
192
+ })
193
+ }) : /*#__PURE__*/ _jsx(Empty, {
194
+ image: Empty.PRESENTED_IMAGE_SIMPLE,
195
+ description: locale.notText
196
+ })
197
+ }),
198
+ /*#__PURE__*/ _jsxs("div", {
199
+ style: {
200
+ width: 820
201
+ },
202
+ children: [
203
+ /*#__PURE__*/ _jsx("div", {
204
+ className: styles.customMenuDrawerAllInput,
205
+ children: /*#__PURE__*/ _jsx(Input, {
206
+ bordered: false,
207
+ prefix: /*#__PURE__*/ _jsx(SearchOutlined, {
208
+ rev: undefined
209
+ }),
210
+ placeholder: locale.searchPlaceholder,
211
+ onChange: (event)=>{
212
+ const keyword = event.target.value;
213
+ if (keyword) {
214
+ const fList = all.map((f)=>{
215
+ return {
216
+ app: f.app,
217
+ menu: f.menu.filter((fMenuItem)=>fMenuItem.name.indexOf(keyword) > -1)
218
+ };
219
+ }).filter((f)=>f.menu.length);
220
+ setFilterList(fList);
221
+ } else setFilterList([
222
+ ...all
223
+ ]);
224
+ }
225
+ })
226
+ }),
227
+ /*#__PURE__*/ _jsx("div", {
228
+ className: styles.customMenuDrawerAllMenu,
229
+ children: filterList.map((item)=>{
230
+ /*#__PURE__*/ return _jsxs("div", {
231
+ className: styles.customMenuDrawerAllMenuColumn,
232
+ children: [
233
+ /*#__PURE__*/ _jsx("div", {
234
+ className: styles.customMenuDrawerAllMenuTitle,
235
+ children: item.app.name
236
+ }),
237
+ item.menu.map((menuItem)=>{
238
+ /*#__PURE__*/ return _jsxs("div", {
239
+ className: styles.customMenuDrawerAllMenuItem,
240
+ onClick: ()=>{
241
+ var _props_onClick;
242
+ (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, menuItem, item.app);
243
+ },
244
+ children: [
245
+ /*#__PURE__*/ _jsx("div", {
246
+ className: styles.customMenuDrawerAllMenuItemName,
247
+ children: menuItem.name
248
+ }),
249
+ /*#__PURE__*/ _jsx("div", {
250
+ children: /*#__PURE__*/ _jsx(StarOutlined, {
251
+ rev: undefined,
252
+ className: checkCollect(menuItem) ? 'collect' : '',
253
+ onClick: (event)=>{
254
+ event.stopPropagation();
255
+ if (checkCollect(menuItem)) setCollects(collects.filter((c)=>!(c.id === menuItem.id && c.appID === menuItem.appID)));
256
+ else setCollects([
257
+ ...collects,
258
+ menuItem
259
+ ]);
260
+ }
261
+ })
262
+ })
263
+ ]
264
+ }, `${menuItem.appID}-${menuItem.id}`);
265
+ })
266
+ ]
267
+ }, item.app.code);
268
+ })
269
+ })
270
+ ]
271
+ })
272
+ ]
273
+ })
274
+ })
275
+ });
276
+ });
277
+
278
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Col, Drawer, Empty, Input, Row, Space } from \"antd\";\r\nimport { gql, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables, UserMenuListQuery, UserMenuListQueryVariables } from \"@knockout-js/api\";\r\nimport { iceUrqlInstance } from \"..\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query userMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID\r\n }\r\n}`);\r\n\r\nconst userOrgAppsQuery = gql(/* GraphQL */`query layoutPkgUserRootOrgs($first:Int){\r\n userRootOrgs{\r\n id,\r\n apps(first: $first){\r\n totalCount,\r\n edges{ node{ id,name,code } }\r\n }\r\n }\r\n}`);\r\n\r\nexport type GatherMenuLocale = {\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type GatherMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface GatherMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: GatherMenuDataSource;\r\n /**\r\n * 存储key\r\n */\r\n storeKey?: string;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: () => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition, setDraggableNodeRef } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.customMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.customMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.customMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <CloseOutlined rev={undefined} onClick={() => {\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: GatherMenuProps) => {\r\n const [all, setAll] = useState<GatherMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<GatherMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n locale = useLocale('GatherMenu'),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n ;\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserRootOrgsQuery, LayoutPkgUserRootOrgsQueryVariables>(userOrgAppsQuery, {\r\n first: 30,\r\n }, 1, { instanceName: iceUrqlInstance.ucenter }), apps: App[] = [];\r\n if (appsResult.data?.userRootOrgs) {\r\n appsResult.data.userRootOrgs.forEach(org => {\r\n org.apps.edges?.forEach(oApp => {\r\n if (oApp?.node) {\r\n if (!apps.find(app => app.id === oApp.node?.id)) {\r\n apps.push(oApp.node as App);\r\n }\r\n }\r\n })\r\n })\r\n }\r\n const newAll: GatherMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<UserMenuListQuery, UserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: iceUrqlInstance.ucenter });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.filter(item => item.route) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu,\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n }, []),\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects])\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n useEffect(() => {\r\n if (props.storeKey) {\r\n const store = localStorage.getItem(props.storeKey);\r\n if (store) {\r\n try {\r\n setCollects(JSON.parse(store));\r\n } catch (error) {\r\n }\r\n }\r\n }\r\n }, [props.storeKey]);\r\n\r\n useEffect(() => {\r\n if (props.storeKey) {\r\n if (collects.length) {\r\n localStorage.setItem(props.storeKey, JSON.stringify(collects));\r\n } else {\r\n localStorage.removeItem(props.storeKey);\r\n }\r\n }\r\n }, [collects]);\r\n\r\n return <>\r\n <Drawer\r\n className={styles.customMenuDrawer}\r\n placement=\"left\"\r\n open={props.open}\r\n width={1060}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.customMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.customMenuDrawerMenu}>\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n return arrayMove(items, oldIndex, newIndex);\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={() => {\r\n setCollects(collects.filter(c => !(c.id === item.id && c.appID === item.appID)));\r\n }}\r\n onClick={() => {\r\n const allApp = all.find(allItem => allItem.app.id == item.appID);\r\n if (allApp) {\r\n props.onClick?.(item, allApp.app);\r\n }\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n <div className={styles.customMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n <div className={styles.customMenuDrawerAllMenu}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.customMenuDrawerAllMenuColumn}>\r\n <div className={styles.customMenuDrawerAllMenuTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (\r\n <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.customMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n props.onClick?.(menuItem, item.app);\r\n }}\r\n >\r\n <div className={styles.customMenuDrawerAllMenuItemName}>{menuItem.name}</div>\r\n <div>\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={(event) => {\r\n event.stopPropagation();\r\n if (checkCollect(menuItem)) {\r\n setCollects(collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID)));\r\n } else {\r\n setCollects([...collects, menuItem]);\r\n }\r\n }} />\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","paging","query","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","userMenuListQuery","userOrgAppsQuery","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","setDraggableNodeRef","style","Transform","toString","div","ref","className","customMenuDrawerMenuItem","onClick","customMenuDrawerMenuItemName","name","customMenuDrawerMenuItemIcons","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","locale","sensors","coordinateGetter","request","appsResult","first","instanceName","ucenter","apps","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","newAll","i","menuResult","appCode","code","userMenus","menu","filter","item","route","checkCollect","menuItem","dataSource","storeKey","store","localStorage","getItem","JSON","parse","error","length","setItem","stringify","removeItem","customMenuDrawer","placement","open","width","onClose","onChangeOpen","customMenuDrawerRow","customMenuDrawerMenu","collisionDetection","onDragEnd","event","active","over","items","oldIndex","findIndex","oItem","newIndex","nItem","map","strategy","c","allApp","allItem","image","PRESENTED_IMAGE_SIMPLE","description","notText","customMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","customMenuDrawerAllMenu","customMenuDrawerAllMenuColumn","customMenuDrawerAllMenuTitle","customMenuDrawerAllMenuItem","customMenuDrawerAllMenuItemName","stopPropagation"],"mappings":"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"}
@@ -0,0 +1,120 @@
1
+ .customMenu {
2
+ margin-right: 8px;
3
+ cursor: pointer;
4
+ }
5
+
6
+ .customMenuDrawer {
7
+
8
+ :global(.ant-drawer-header-title) {
9
+ flex-direction: row-reverse;
10
+ }
11
+
12
+ :global(.ant-drawer-body) {
13
+ padding: 0;
14
+ }
15
+
16
+ }
17
+
18
+ .customMenuDrawerRow {
19
+ height: 100%;
20
+ display: flex;
21
+ }
22
+
23
+ .customMenuDrawerMenu {
24
+ height: 100%;
25
+ border-right: 1px solid rgba(5, 5, 5, 0.06);
26
+ }
27
+
28
+ .customMenuDrawerAllMenu {
29
+ height: calc(100% - 52px);
30
+ padding: 16px;
31
+ overflow-y: auto;
32
+ column-count: 3;
33
+ column-gap: 10px;
34
+ }
35
+
36
+ .customMenuDrawerAllMenuColumn {
37
+ /* 瀑布流关键写法 */
38
+ break-inside: avoid;
39
+ margin-bottom: 16px;
40
+ }
41
+
42
+
43
+ .customMenuDrawerAllMenuTitle {
44
+ font-weight: bold;
45
+ height: 32px;
46
+ line-height: 32px;
47
+ padding: 0 16px;
48
+ }
49
+
50
+ .customMenuDrawerAllMenuItem {
51
+ height: 32px;
52
+ line-height: 32px;
53
+ cursor: pointer;
54
+ padding: 0 16px;
55
+ display: flex;
56
+
57
+ &:hover {
58
+ background-color: #f1f1f1;
59
+
60
+ :global(.anticon-star) {
61
+ display: inline;
62
+ }
63
+ }
64
+
65
+ :global(.anticon-star.collect) {
66
+ color: rgb(255, 106, 0);
67
+ }
68
+
69
+ :global(.anticon-star) {
70
+ display: none;
71
+ }
72
+ }
73
+
74
+ .customMenuDrawerAllMenuItemName {
75
+ overflow: hidden;
76
+ text-overflow: ellipsis;
77
+ white-space: nowrap;
78
+ flex: auto;
79
+ }
80
+
81
+ .customMenuDrawerAllInput {
82
+ padding: 10px 0;
83
+ margin: 0 16px;
84
+ border-bottom: 1px solid rgba(5, 5, 5, 0.06);
85
+ }
86
+
87
+ .customMenuDrawerMenuItem {
88
+ height: 40px;
89
+ line-height: 40px;
90
+ cursor: pointer;
91
+ padding: 0 16px;
92
+ display: flex;
93
+
94
+ &:hover {
95
+ background-color: #f1f1f1;
96
+
97
+ .customMenuDrawerMenuItemIcons {
98
+ display: block;
99
+ }
100
+ }
101
+ }
102
+
103
+ .customMenuDrawerMenuItemIcons {
104
+ display: none;
105
+
106
+ :global(.anticon) {
107
+ color: #c1c1c1;
108
+
109
+ &:hover {
110
+ color: #8c8c8c;
111
+ }
112
+ }
113
+ }
114
+
115
+ .customMenuDrawerMenuItemName {
116
+ flex: auto;
117
+ text-overflow: ellipsis;
118
+ white-space: nowrap;
119
+ overflow: hidden;
120
+ }
@@ -0,0 +1,3 @@
1
+ import { GatherMenuLocale } from "../index";
2
+ declare const locale: GatherMenuLocale;
3
+ export default locale;
@@ -0,0 +1,7 @@
1
+ const locale = {
2
+ notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',
3
+ searchPlaceholder: "Please enter keyword"
4
+ };
5
+ export default locale;
6
+
7
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\locale\en_US.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\locale\\en_US.ts"],"sourcesContent":["import { GatherMenuLocale } from \"../index\";\r\n\r\nconst locale: GatherMenuLocale = {\r\n notText: 'The favorites list is empty, you can add your usual addresses to your favorites on the right.',\r\n searchPlaceholder: \"Please enter keyword\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","notText","searchPlaceholder"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}
@@ -0,0 +1,3 @@
1
+ import { GatherMenuLocale } from "../index";
2
+ declare const locale: GatherMenuLocale;
3
+ export default locale;
@@ -0,0 +1,7 @@
1
+ const locale = {
2
+ notText: '收藏列表为空,可在右侧将您常用地址添加到收藏。',
3
+ searchPlaceholder: "请输入关键词"
4
+ };
5
+ export default locale;
6
+
7
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\gather-menu\locale\zh_CN.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\gather-menu\\locale\\zh_CN.ts"],"sourcesContent":["import { GatherMenuLocale } from \"../index\";\r\n\r\nconst locale: GatherMenuLocale = {\r\n notText: '收藏列表为空,可在右侧将您常用地址添加到收藏。',\r\n searchPlaceholder: \"请输入关键词\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","notText","searchPlaceholder"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}
@@ -41,4 +41,4 @@ function I18nDropdown(props) {
41
41
  }
42
42
  export default I18nDropdown;
43
43
 
44
- //# sourceMappingURL=index.js.map
44
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\i18n-dropdown\index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":[".\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { BasicContext, BasicProviderProps, LocaleType } from '../locale';\r\n\r\nexport interface I18nDropdownProps {\r\n /**\r\n * 值变更事件 (value: LocaleType) => void;\r\n */\r\n onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n const ctx = useContext<BasicProviderProps>(BasicContext),\r\n [localeName, setLocaleName] = useState(''),\r\n menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n props.onChange?.(key as LocaleType)\r\n }, []),\r\n menuItems = [\r\n {\r\n key: LocaleType.zhCN,\r\n label: '简体',\r\n onClick: menuItemOnClick,\r\n },\r\n {\r\n key: LocaleType.enUS,\r\n label: 'En',\r\n onClick: menuItemOnClick,\r\n }\r\n ];\r\n\r\n useEffect(() => {\r\n const item = menuItems?.find(item => item?.key == ctx.locale);\r\n setLocaleName(item?.label || '')\r\n }, [ctx.locale]);\r\n\r\n return (\r\n <Dropdown menu={{\r\n items: menuItems,\r\n }}>\r\n <span className={styles.action}>\r\n <span>{localeName}</span>\r\n </span>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","BasicContext","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,MAAMC,MAAMP,WAA+BG,eACzC,CAACK,YAAYC,cAAc,GAAGZ,SAAS,KACvCa,kBAAkBX,YAAY,CAAC,EAAEY,IAAG,EAAsB,GAAK;YAC7DL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,IAAM;QACd,MAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,CAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}
1
+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\i18n-dropdown\\index.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useContext } from 'react';\r\nimport { Dropdown, MenuProps } from 'antd';\r\nimport styles from './index.module.css';\r\nimport { BasicContext, BasicProviderProps, LocaleType } from '../locale';\r\n\r\nexport interface I18nDropdownProps {\r\n /**\r\n * 值变更事件 (value: LocaleType) => void;\r\n */\r\n onChange?: (value: LocaleType) => void;\r\n}\r\n\r\nfunction I18nDropdown(props: I18nDropdownProps) {\r\n const ctx = useContext<BasicProviderProps>(BasicContext),\r\n [localeName, setLocaleName] = useState(''),\r\n menuItemOnClick = useCallback(({ key }: { key: React.Key }) => {\r\n props.onChange?.(key as LocaleType)\r\n }, []),\r\n menuItems = [\r\n {\r\n key: LocaleType.zhCN,\r\n label: '简体',\r\n onClick: menuItemOnClick,\r\n },\r\n {\r\n key: LocaleType.enUS,\r\n label: 'En',\r\n onClick: menuItemOnClick,\r\n }\r\n ];\r\n\r\n useEffect(() => {\r\n const item = menuItems?.find(item => item?.key == ctx.locale);\r\n setLocaleName(item?.label || '')\r\n }, [ctx.locale]);\r\n\r\n return (\r\n <Dropdown menu={{\r\n items: menuItems,\r\n }}>\r\n <span className={styles.action}>\r\n <span>{localeName}</span>\r\n </span>\r\n </Dropdown>\r\n );\r\n};\r\n\r\nexport default I18nDropdown;\r\n"],"names":["useState","useEffect","useCallback","useContext","Dropdown","styles","BasicContext","LocaleType","I18nDropdown","props","ctx","localeName","setLocaleName","menuItemOnClick","key","onChange","menuItems","zhCN","label","onClick","enUS","item","find","locale","menu","items","span","className","action"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,QAAQ;AACrE,SAASC,QAAQ,QAAmB,OAAO;AAC3C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,EAAsBC,UAAU,QAAQ,kBAAY;AASzE,SAASC,aAAaC,KAAwB,EAAE;IAC9C,MAAMC,MAAMP,WAA+BG,eACzC,CAACK,YAAYC,cAAc,GAAGZ,SAAS,KACvCa,kBAAkBX,YAAY,CAAC,EAAEY,IAAG,EAAsB,GAAK;YAC7DL;QAAAA,CAAAA,kBAAAA,MAAMM,QAAQ,cAAdN,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;IACnB,GAAG,EAAE,GACLE,YAAY;QACV;YACEF,KAAKP,WAAWU,IAAI;YACpBC,OAAO;YACPC,SAASN;QACX;QACA;YACEC,KAAKP,WAAWa,IAAI;YACpBF,OAAO;YACPC,SAASN;QACX;KACD;IAEHZ,UAAU,IAAM;QACd,MAAMoB,OAAOL,sBAAAA,uBAAAA,KAAAA,IAAAA,UAAWM,IAAI,CAACD,CAAAA;YAAQA,OAAAA,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMP,GAAG,AAAD,KAAKJ,IAAIa,MAAM;;QAC5DX,cAAcS,CAAAA,iBAAAA,kBAAAA,KAAAA,IAAAA,KAAMH,KAAK,AAAD,KAAK;IAC/B,GAAG;QAACR,IAAIa,MAAM;KAAC;IAEf,qBACE,KAACnB;QAASoB,MAAM;YACdC,OAAOT;QACT;kBACE,cAAA,KAACU;YAAKC,WAAWtB,OAAOuB,MAAM;sBAC5B,cAAA,KAACF;0BAAMf;;;;AAIf;AAEA,eAAeH,aAAa"}
@@ -1,5 +1,5 @@
1
- import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
2
- import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
1
+ import _object_spread from "@swc/helpers/src/_object_spread.mjs";
2
+ import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
3
3
  import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
4
4
  export const OpenWin = (props)=>{
5
5
  return /*#__PURE__*/ _jsx("svg", _object_spread_props(_object_spread({
@@ -16,4 +16,4 @@ export const OpenWin = (props)=>{
16
16
  }));
17
17
  };
18
18
 
19
- //# sourceMappingURL=index.js.map
19
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\icons\index.js.map