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

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 (117) hide show
  1. package/es2017/components/{gather-menu → aggregate-menu}/index.d.ts +7 -9
  2. package/es2017/components/{gather-menu → aggregate-menu}/index.js +81 -74
  3. package/es2017/components/aggregate-menu/index.js.map +1 -0
  4. package/{esm/components/gather-menu → es2017/components/aggregate-menu}/index.module.css +62 -14
  5. package/es2017/components/aggregate-menu/locale/en_US.d.ts +3 -0
  6. package/es2017/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
  7. package/es2017/components/aggregate-menu/locale/en_US.js.map +1 -0
  8. package/es2017/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
  9. package/es2017/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
  10. package/es2017/components/aggregate-menu/locale/zh_CN.js.map +1 -0
  11. package/es2017/components/collect-providers/index.d.ts +9 -1
  12. package/es2017/components/collect-providers/index.js +5 -3
  13. package/es2017/components/collect-providers/index.js.map +1 -1
  14. package/es2017/components/i18n-dropdown/index.d.ts +1 -1
  15. package/es2017/components/i18n-dropdown/index.js +2 -2
  16. package/es2017/components/i18n-dropdown/index.js.map +1 -1
  17. package/es2017/components/index.d.ts +6 -2
  18. package/es2017/components/index.js +6 -2
  19. package/es2017/components/index.js.map +1 -1
  20. package/es2017/components/layout/index.d.ts +5 -5
  21. package/es2017/components/layout/index.js +14 -13
  22. package/es2017/components/layout/index.js.map +1 -1
  23. package/es2017/components/locale/en_US.js +4 -2
  24. package/es2017/components/locale/en_US.js.map +1 -1
  25. package/es2017/components/locale/index.d.ts +4 -17
  26. package/es2017/components/locale/index.js +3 -23
  27. package/es2017/components/locale/index.js.map +1 -1
  28. package/es2017/components/locale/zh_CN.js +4 -2
  29. package/es2017/components/locale/zh_CN.js.map +1 -1
  30. package/es2017/components/provider/index.d.ts +33 -0
  31. package/es2017/components/provider/index.js +49 -0
  32. package/es2017/components/provider/index.js.map +1 -0
  33. package/es2017/components/tenant-dropdown/index.js +1 -1
  34. package/es2017/components/tenant-dropdown/index.js.map +1 -1
  35. package/es2017/components/upload-file/index.d.ts +59 -0
  36. package/es2017/components/upload-file/index.js +15 -0
  37. package/es2017/components/upload-file/index.js.map +1 -0
  38. package/es2017/components/upload-file/index.module.css +13 -0
  39. package/es2017/components/upload-file/locale/en_US.d.ts +3 -0
  40. package/es2017/components/upload-file/locale/en_US.js +14 -0
  41. package/es2017/components/upload-file/locale/en_US.js.map +1 -0
  42. package/es2017/components/upload-file/locale/zh_CN.d.ts +3 -0
  43. package/es2017/components/upload-file/locale/zh_CN.js +14 -0
  44. package/es2017/components/upload-file/locale/zh_CN.js.map +1 -0
  45. package/es2017/components/upload-file/uploadAvatar.d.ts +4 -0
  46. package/es2017/components/upload-file/uploadAvatar.js +93 -0
  47. package/es2017/components/upload-file/uploadAvatar.js.map +1 -0
  48. package/es2017/components/upload-file/uploadMultiple.d.ts +4 -0
  49. package/es2017/components/upload-file/uploadMultiple.js +155 -0
  50. package/es2017/components/upload-file/uploadMultiple.js.map +1 -0
  51. package/es2017/components/upload-file/uploadTemp.d.ts +9 -0
  52. package/es2017/components/upload-file/uploadTemp.js +167 -0
  53. package/es2017/components/upload-file/uploadTemp.js.map +1 -0
  54. package/esm/components/{gather-menu → aggregate-menu}/index.d.ts +7 -9
  55. package/esm/components/{gather-menu → aggregate-menu}/index.js +83 -70
  56. package/esm/components/aggregate-menu/index.js.map +1 -0
  57. package/{es2017/components/gather-menu → esm/components/aggregate-menu}/index.module.css +62 -14
  58. package/esm/components/aggregate-menu/locale/en_US.d.ts +3 -0
  59. package/esm/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
  60. package/esm/components/aggregate-menu/locale/en_US.js.map +1 -0
  61. package/esm/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
  62. package/esm/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
  63. package/esm/components/aggregate-menu/locale/zh_CN.js.map +1 -0
  64. package/esm/components/collect-providers/index.d.ts +9 -1
  65. package/esm/components/collect-providers/index.js +5 -3
  66. package/esm/components/collect-providers/index.js.map +1 -1
  67. package/esm/components/i18n-dropdown/index.d.ts +1 -1
  68. package/esm/components/i18n-dropdown/index.js +2 -2
  69. package/esm/components/i18n-dropdown/index.js.map +1 -1
  70. package/esm/components/index.d.ts +6 -2
  71. package/esm/components/index.js +6 -2
  72. package/esm/components/index.js.map +1 -1
  73. package/esm/components/layout/index.d.ts +5 -5
  74. package/esm/components/layout/index.js +14 -13
  75. package/esm/components/layout/index.js.map +1 -1
  76. package/esm/components/locale/en_US.js +4 -2
  77. package/esm/components/locale/en_US.js.map +1 -1
  78. package/esm/components/locale/index.d.ts +4 -17
  79. package/esm/components/locale/index.js +3 -23
  80. package/esm/components/locale/index.js.map +1 -1
  81. package/esm/components/locale/zh_CN.js +4 -2
  82. package/esm/components/locale/zh_CN.js.map +1 -1
  83. package/esm/components/provider/index.d.ts +33 -0
  84. package/esm/components/provider/index.js +49 -0
  85. package/esm/components/provider/index.js.map +1 -0
  86. package/esm/components/tenant-dropdown/index.js +1 -1
  87. package/esm/components/tenant-dropdown/index.js.map +1 -1
  88. package/esm/components/upload-file/index.d.ts +59 -0
  89. package/esm/components/upload-file/index.js +15 -0
  90. package/esm/components/upload-file/index.js.map +1 -0
  91. package/esm/components/upload-file/index.module.css +13 -0
  92. package/esm/components/upload-file/locale/en_US.d.ts +3 -0
  93. package/esm/components/upload-file/locale/en_US.js +14 -0
  94. package/esm/components/upload-file/locale/en_US.js.map +1 -0
  95. package/esm/components/upload-file/locale/zh_CN.d.ts +3 -0
  96. package/esm/components/upload-file/locale/zh_CN.js +14 -0
  97. package/esm/components/upload-file/locale/zh_CN.js.map +1 -0
  98. package/esm/components/upload-file/uploadAvatar.d.ts +4 -0
  99. package/esm/components/upload-file/uploadAvatar.js +191 -0
  100. package/esm/components/upload-file/uploadAvatar.js.map +1 -0
  101. package/esm/components/upload-file/uploadMultiple.d.ts +4 -0
  102. package/esm/components/upload-file/uploadMultiple.js +308 -0
  103. package/esm/components/upload-file/uploadMultiple.js.map +1 -0
  104. package/esm/components/upload-file/uploadTemp.d.ts +9 -0
  105. package/esm/components/upload-file/uploadTemp.js +293 -0
  106. package/esm/components/upload-file/uploadTemp.js.map +1 -0
  107. package/package.json +4 -4
  108. package/es2017/components/gather-menu/index.js.map +0 -1
  109. package/es2017/components/gather-menu/locale/en_US.d.ts +0 -3
  110. package/es2017/components/gather-menu/locale/en_US.js.map +0 -1
  111. package/es2017/components/gather-menu/locale/zh_CN.d.ts +0 -3
  112. package/es2017/components/gather-menu/locale/zh_CN.js.map +0 -1
  113. package/esm/components/gather-menu/index.js.map +0 -1
  114. package/esm/components/gather-menu/locale/en_US.d.ts +0 -3
  115. package/esm/components/gather-menu/locale/en_US.js.map +0 -1
  116. package/esm/components/gather-menu/locale/zh_CN.d.ts +0 -3
  117. package/esm/components/gather-menu/locale/zh_CN.js.map +0 -1
@@ -0,0 +1,293 @@
1
+ import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
2
+ import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
3
+ import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
4
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
5
+ import { UploadOutlined } from "@ant-design/icons";
6
+ import { Button, Modal, Popconfirm, Space, Typography, Upload, message } from "antd";
7
+ import { useEffect, useRef, useState } from "react";
8
+ import { files as fileApi } from "@knockout-js/api";
9
+ import { useAppCode, useTenantId } from "../provider/index";
10
+ import { randomId, formatFileSize } from "./index";
11
+ import { useLocale } from "../locale/index";
12
+ import styles from "./index.module.css";
13
+ export default function(props) {
14
+ var _props_accept;
15
+ var _props_bucket, _props_appCode, _props_tenantId;
16
+ var bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : "local", appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], iframeRef = useRef(null), _useState1 = _sliced_to_array(useState(), 2), name = _useState1[0], setName = _useState1[1], _useState2 = _sliced_to_array(useState(), 2), urlSrc = _useState2[0], setUrlSrc = _useState2[1], _useState3 = _sliced_to_array(useState({
17
+ show: false
18
+ }), 2), modal = _useState3[0], setModal = _useState3[1];
19
+ var getUploadKey = function(file) {
20
+ var suffix = file.name.split(".").pop(), keys = [];
21
+ if (props.forceDirectory && props.directory) keys.push(props.directory);
22
+ else {
23
+ if (appCode) keys.push(appCode);
24
+ if (tenantId) keys.push(tenantId);
25
+ if (props.directory) keys.push(props.directory);
26
+ }
27
+ keys.push("".concat(randomId(16), ".").concat(suffix));
28
+ return "/".concat(keys.join("/")).replace("//", "/");
29
+ }, beforeUpload = function() {
30
+ var _ref = _async_to_generator(function(file) {
31
+ var maxSize;
32
+ return _ts_generator(this, function(_state) {
33
+ switch(_state.label){
34
+ case 0:
35
+ maxSize = props.maxSize || 5242880;
36
+ if (file.size > maxSize) {
37
+ messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
38
+ return [
39
+ 2,
40
+ false
41
+ ];
42
+ }
43
+ return [
44
+ 4,
45
+ updateFile(file)
46
+ ];
47
+ case 1:
48
+ _state.sent();
49
+ return [
50
+ 2,
51
+ false
52
+ ];
53
+ }
54
+ });
55
+ });
56
+ return function beforeUpload(file) {
57
+ return _ref.apply(this, arguments);
58
+ };
59
+ }(), updateFile = function() {
60
+ var _ref = _async_to_generator(function(file) {
61
+ var key, result, _props_onChange, _props_onChangePath, error;
62
+ return _ts_generator(this, function(_state) {
63
+ switch(_state.label){
64
+ case 0:
65
+ key = getUploadKey(file);
66
+ setLoading(true);
67
+ if (!(bucket === "local")) return [
68
+ 3,
69
+ 4
70
+ ];
71
+ _state.label = 1;
72
+ case 1:
73
+ _state.trys.push([
74
+ 1,
75
+ 3,
76
+ ,
77
+ 4
78
+ ]);
79
+ return [
80
+ 4,
81
+ fileApi.updateFiles({
82
+ key: key,
83
+ bucket: bucket,
84
+ file: file
85
+ })
86
+ ];
87
+ case 2:
88
+ result = _state.sent();
89
+ if (result) {
90
+ ;
91
+ (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
92
+ (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
93
+ }
94
+ return [
95
+ 3,
96
+ 4
97
+ ];
98
+ case 3:
99
+ error = _state.sent();
100
+ return [
101
+ 3,
102
+ 4
103
+ ];
104
+ case 4:
105
+ setLoading(false);
106
+ return [
107
+ 2
108
+ ];
109
+ }
110
+ });
111
+ });
112
+ return function updateFile(file) {
113
+ return _ref.apply(this, arguments);
114
+ };
115
+ }(), getValueFile = function() {
116
+ var _ref = _async_to_generator(function() {
117
+ var result, result1;
118
+ return _ts_generator(this, function(_state) {
119
+ switch(_state.label){
120
+ case 0:
121
+ if (!props.value) return [
122
+ 3,
123
+ 4
124
+ ];
125
+ return [
126
+ 4,
127
+ fileApi.getFiles(props.value)
128
+ ];
129
+ case 1:
130
+ result = _state.sent();
131
+ if (result === null || result === void 0 ? void 0 : result.id) setName(result.name);
132
+ if (!(bucket === "local")) return [
133
+ 3,
134
+ 3
135
+ ];
136
+ return [
137
+ 4,
138
+ fileApi.getFilesRaw(props.value, "url")
139
+ ];
140
+ case 2:
141
+ result1 = _state.sent();
142
+ if (typeof result1 === "string") setUrlSrc(result1);
143
+ _state.label = 3;
144
+ case 3:
145
+ return [
146
+ 3,
147
+ 5
148
+ ];
149
+ case 4:
150
+ setUrlSrc(undefined);
151
+ _state.label = 5;
152
+ case 5:
153
+ return [
154
+ 2
155
+ ];
156
+ }
157
+ });
158
+ });
159
+ return function getValueFile() {
160
+ return _ref.apply(this, arguments);
161
+ };
162
+ }(), updateContent = function() {
163
+ var _ref = _async_to_generator(function() {
164
+ var result, r;
165
+ return _ts_generator(this, function(_state) {
166
+ switch(_state.label){
167
+ case 0:
168
+ if (!props.value) return [
169
+ 3,
170
+ 2
171
+ ];
172
+ return [
173
+ 4,
174
+ fileApi.getFilesRaw(props.value)
175
+ ];
176
+ case 1:
177
+ result = _state.sent();
178
+ if (result && typeof result != "string") {
179
+ r = new FileReader();
180
+ r.readAsText(result, "utf-8");
181
+ r.onload = function() {
182
+ var _iframeRef_current, _iframeRef_current1;
183
+ if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow) iframeRef.current.contentWindow.document.write(r.result);
184
+ else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) iframeRef.current.contentDocument.write(r.result);
185
+ };
186
+ }
187
+ _state.label = 2;
188
+ case 2:
189
+ return [
190
+ 2
191
+ ];
192
+ }
193
+ });
194
+ });
195
+ return function updateContent() {
196
+ return _ref.apply(this, arguments);
197
+ };
198
+ }();
199
+ useEffect(function() {
200
+ getValueFile();
201
+ }, [
202
+ props.value
203
+ ]);
204
+ useEffect(function() {
205
+ if (modal.show) updateContent();
206
+ }, [
207
+ modal.show
208
+ ]);
209
+ return /*#__PURE__*/ _jsxs(_Fragment, {
210
+ children: [
211
+ /*#__PURE__*/ _jsxs(Space, {
212
+ children: [
213
+ /*#__PURE__*/ _jsx(Upload, {
214
+ accept: props.accept,
215
+ showUploadList: false,
216
+ beforeUpload: beforeUpload,
217
+ children: /*#__PURE__*/ _jsx(Button, {
218
+ loading: loading,
219
+ icon: /*#__PURE__*/ _jsx(UploadOutlined, {
220
+ rev: undefined
221
+ }),
222
+ children: locale.fileUpload
223
+ })
224
+ }),
225
+ /*#__PURE__*/ _jsx(Typography.Text, {
226
+ type: "secondary",
227
+ children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
228
+ })
229
+ ]
230
+ }),
231
+ props.value ? /*#__PURE__*/ _jsxs(_Fragment, {
232
+ children: [
233
+ /*#__PURE__*/ _jsx("div", {
234
+ style: {
235
+ height: "8px"
236
+ }
237
+ }),
238
+ /*#__PURE__*/ _jsxs(Space, {
239
+ children: [
240
+ /*#__PURE__*/ _jsx("a", {
241
+ onClick: function() {
242
+ setModal({
243
+ show: true
244
+ });
245
+ },
246
+ children: locale.tempViewer
247
+ }),
248
+ /*#__PURE__*/ _jsx("a", {
249
+ target: "_blank",
250
+ href: urlSrc,
251
+ download: name,
252
+ children: locale.tempDown
253
+ }),
254
+ props.showDelBtn ? /*#__PURE__*/ _jsx(Popconfirm, {
255
+ title: locale.del,
256
+ description: locale.confirmDel,
257
+ onConfirm: function() {
258
+ var _props_onChange, _props_onChangePath;
259
+ (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props);
260
+ (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props);
261
+ },
262
+ okText: "Yes",
263
+ cancelText: "No",
264
+ children: /*#__PURE__*/ _jsx("a", {
265
+ className: styles.delText,
266
+ children: locale.del
267
+ })
268
+ }) : /*#__PURE__*/ _jsx(_Fragment, {})
269
+ ]
270
+ }),
271
+ /*#__PURE__*/ _jsx(Modal, {
272
+ title: locale.tempViewer,
273
+ open: modal.show,
274
+ destroyOnClose: true,
275
+ footer: null,
276
+ width: 800,
277
+ onCancel: function() {
278
+ setModal({
279
+ show: false
280
+ });
281
+ },
282
+ children: /*#__PURE__*/ _jsx("iframe", {
283
+ className: styles.modalIframe,
284
+ ref: iframeRef
285
+ })
286
+ })
287
+ ]
288
+ }) : /*#__PURE__*/ _jsx(_Fragment, {})
289
+ ]
290
+ });
291
+ };
292
+
293
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\uploadTemp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps, randomId, formatFileSize } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n /**\r\n * 显示删除按钮\r\n */\r\n showDelBtn?: boolean;\r\n}) => {\r\n const\r\n bucket = props.bucket ?? 'local',\r\n appCode = props.appCode ?? useAppCode(),\r\n tenantId = props.tenantId ?? useTenantId(),\r\n locale = useLocale(\"UploadFile\"),\r\n [messageApi] = message.useMessage(),\r\n [loading, setLoading] = useState(false),\r\n iframeRef = useRef<HTMLIFrameElement>(null),\r\n [name, setName] = useState<string>(),\r\n [urlSrc, setUrlSrc] = useState<string>(),\r\n [modal, setModal] = useState<{\r\n show: boolean,\r\n }>({\r\n show: false,\r\n });\r\n\r\n const\r\n getUploadKey = (file: RcFile) => {\r\n const suffix = file.name.split('.').pop(),\r\n keys: string[] = [];\r\n if (props.forceDirectory && props.directory) {\r\n keys.push(props.directory)\r\n } else {\r\n if (appCode) {\r\n keys.push(appCode)\r\n }\r\n if (tenantId) {\r\n keys.push(tenantId)\r\n }\r\n if (props.directory) {\r\n keys.push(props.directory)\r\n }\r\n }\r\n keys.push(`${randomId(16)}.${suffix}`);\r\n return `/${keys.join('/')}`.replace('//', '/');\r\n },\r\n beforeUpload = async (file: RcFile) => {\r\n const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n if (file.size > maxSize) {\r\n messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n await updateFile(file);\r\n return false;\r\n },\r\n updateFile = async (file: RcFile) => {\r\n const key = getUploadKey(file);\r\n setLoading(true);\r\n if (bucket === 'local') {\r\n try {\r\n const result = await fileApi.updateFiles({\r\n key,\r\n bucket,\r\n file,\r\n })\r\n if (result) {\r\n props.onChange?.(result)\r\n props.onChangePath?.(key);\r\n }\r\n } catch (error) {\r\n\r\n }\r\n }\r\n setLoading(false)\r\n },\r\n getValueFile = async () => {\r\n if (props.value) {\r\n const result = await fileApi.getFiles(props.value);\r\n if (result?.id) {\r\n setName(result.name)\r\n }\r\n if (bucket === 'local') {\r\n const result = await fileApi.getFilesRaw(props.value, 'url');\r\n if (typeof result === 'string') {\r\n setUrlSrc(result)\r\n }\r\n }\r\n } else {\r\n setUrlSrc(undefined)\r\n }\r\n },\r\n updateContent = async () => {\r\n if (props.value) {\r\n const result = await fileApi.getFilesRaw(props.value)\r\n if (result && typeof result != 'string') {\r\n const r = new FileReader()\r\n r.readAsText(result, 'utf-8')\r\n r.onload = () => {\r\n if (iframeRef.current?.contentWindow) {\r\n iframeRef.current.contentWindow.document.write(r.result as string)\r\n } else if (iframeRef.current?.contentDocument) {\r\n iframeRef.current.contentDocument.write(r.result as string)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValueFile();\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n if (modal.show) {\r\n updateContent();\r\n }\r\n }, [modal.show]);\r\n\r\n return <>\r\n <Space>\r\n <Upload\r\n accept={props.accept}\r\n showUploadList={false}\r\n beforeUpload={beforeUpload}\r\n >\r\n <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n </Upload>\r\n <Typography.Text type=\"secondary\">\r\n {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n </Typography.Text>\r\n </Space>\r\n {props.value ? <>\r\n <div style={{ height: \"8px\" }}></div>\r\n <Space >\r\n <a onClick={() => {\r\n setModal({ show: true })\r\n }}\r\n >{locale.tempViewer}</a>\r\n <a target=\"_blank\" href={urlSrc} download={name}>{locale.tempDown}</a>\r\n {props.showDelBtn ? <Popconfirm\r\n title={locale.del}\r\n description={locale.confirmDel}\r\n onConfirm={() => {\r\n props.onChange?.()\r\n props.onChangePath?.();\r\n }}\r\n okText=\"Yes\"\r\n cancelText=\"No\"\r\n >\r\n <a className={styles.delText}>{locale.del}</a>\r\n </Popconfirm> : <></>}\r\n </Space>\r\n <Modal\r\n title={locale.tempViewer}\r\n open={modal.show}\r\n destroyOnClose\r\n footer={null}\r\n width={800}\r\n onCancel={() => {\r\n setModal({ show: false })\r\n }}\r\n >\r\n <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n </Modal>\r\n </> : <></>}\r\n </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","files","fileApi","useAppCode","useTenantId","randomId","formatFileSize","useLocale","styles","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","show","modal","setModal","getUploadKey","file","suffix","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","updateFile","key","result","updateFiles","onChange","onChangePath","getValueFile","value","getFiles","id","getFilesRaw","undefined","updateContent","r","FileReader","readAsText","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","icon","rev","fileUpload","Text","type","supportExtension","div","style","height","a","onClick","tempViewer","target","href","download","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knockout-js/layout",
3
- "version": "0.0.4-beta.0",
3
+ "version": "0.0.4-beta.1",
4
4
  "description": "组件功能描述",
5
5
  "files": [
6
6
  "esm",
@@ -36,7 +36,7 @@
36
36
  "component"
37
37
  ],
38
38
  "dependencies": {
39
- "@ant-design/icons": "^5.1.4",
39
+ "@ant-design/icons": "^5.2.5",
40
40
  "@ant-design/pro-layout": "^7.16.6",
41
41
  "@ant-design/pro-provider": "^2.12.1",
42
42
  "@ant-design/pro-table": "^3.8.2",
@@ -49,8 +49,8 @@
49
49
  "antd": "^5.6.3",
50
50
  "react-activation": "^0.12.4",
51
51
  "react-draggable": "^4.4.5",
52
- "@knockout-js/api": "^0.0.4-beta.0",
53
- "@knockout-js/ice-urql": "^0.0.3"
52
+ "@knockout-js/api": "^0.0.4-beta.1",
53
+ "@knockout-js/ice-urql": "^0.0.4-beta.0"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@ice/pkg": "^1.5.0",
@@ -1 +0,0 @@
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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"}
@@ -1,3 +0,0 @@
1
- import { GatherMenuLocale } from "../index";
2
- declare const locale: GatherMenuLocale;
3
- export default locale;
@@ -1 +0,0 @@
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"}
@@ -1,3 +0,0 @@
1
- import { GatherMenuLocale } from "../index";
2
- declare const locale: GatherMenuLocale;
3
- export default locale;
@@ -1 +0,0 @@
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"}
@@ -1 +0,0 @@
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","apps","newAll","i","menuResult","menu","first","instanceName","ucenter","data","userRootOrgs","forEach","org","edges","oApp","node","find","app","push","appCode","code","userMenus","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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"}
@@ -1,3 +0,0 @@
1
- import { GatherMenuLocale } from "../index";
2
- declare const locale: GatherMenuLocale;
3
- export default locale;
@@ -1 +0,0 @@
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,IAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}
@@ -1,3 +0,0 @@
1
- import { GatherMenuLocale } from "../index";
2
- declare const locale: GatherMenuLocale;
3
- export default locale;
@@ -1 +0,0 @@
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,IAAMA,SAA2B;IAC/BC,SAAS;IACTC,mBAAmB;AACrB;AAEA,eAAeF,OAAM"}