@knockout-js/layout 0.0.4-beta.0 → 0.1.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 (129) hide show
  1. package/es2017/components/_util/index.d.ts +40 -0
  2. package/es2017/components/_util/index.js +69 -0
  3. package/es2017/components/_util/index.js.map +1 -0
  4. package/es2017/components/aggregate-menu/index.d.ts +37 -0
  5. package/es2017/components/aggregate-menu/index.js +372 -0
  6. package/es2017/components/aggregate-menu/index.js.map +1 -0
  7. package/es2017/components/aggregate-menu/index.module.css +190 -0
  8. package/es2017/components/aggregate-menu/locale/en_US.d.ts +3 -0
  9. package/es2017/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
  10. package/es2017/components/aggregate-menu/locale/en_US.js.map +1 -0
  11. package/es2017/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
  12. package/es2017/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
  13. package/es2017/components/aggregate-menu/locale/zh_CN.js.map +1 -0
  14. package/es2017/components/collect-providers/index.d.ts +9 -1
  15. package/es2017/components/collect-providers/index.js +5 -3
  16. package/es2017/components/collect-providers/index.js.map +1 -1
  17. package/es2017/components/i18n-dropdown/index.d.ts +1 -1
  18. package/es2017/components/i18n-dropdown/index.js +2 -2
  19. package/es2017/components/i18n-dropdown/index.js.map +1 -1
  20. package/es2017/components/index.d.ts +7 -2
  21. package/es2017/components/index.js +8 -2
  22. package/es2017/components/index.js.map +1 -1
  23. package/es2017/components/layout/index.d.ts +12 -6
  24. package/es2017/components/layout/index.js +26 -39
  25. package/es2017/components/layout/index.js.map +1 -1
  26. package/es2017/components/locale/en_US.js +4 -2
  27. package/es2017/components/locale/en_US.js.map +1 -1
  28. package/es2017/components/locale/index.d.ts +4 -17
  29. package/es2017/components/locale/index.js +3 -23
  30. package/es2017/components/locale/index.js.map +1 -1
  31. package/es2017/components/locale/zh_CN.js +4 -2
  32. package/es2017/components/locale/zh_CN.js.map +1 -1
  33. package/es2017/components/provider/index.d.ts +33 -0
  34. package/es2017/components/provider/index.js +49 -0
  35. package/es2017/components/provider/index.js.map +1 -0
  36. package/es2017/components/tenant-dropdown/index.js +1 -1
  37. package/es2017/components/tenant-dropdown/index.js.map +1 -1
  38. package/es2017/components/upload-file/index.d.ts +57 -0
  39. package/es2017/components/upload-file/index.js +3 -0
  40. package/es2017/components/upload-file/index.js.map +1 -0
  41. package/es2017/components/upload-file/index.module.css +13 -0
  42. package/es2017/components/upload-file/locale/en_US.d.ts +3 -0
  43. package/es2017/components/upload-file/locale/en_US.js +14 -0
  44. package/es2017/components/upload-file/locale/en_US.js.map +1 -0
  45. package/es2017/components/upload-file/locale/zh_CN.d.ts +3 -0
  46. package/es2017/components/upload-file/locale/zh_CN.js +14 -0
  47. package/es2017/components/upload-file/locale/zh_CN.js.map +1 -0
  48. package/es2017/components/upload-file/uploadAvatar.d.ts +4 -0
  49. package/es2017/components/upload-file/uploadAvatar.js +93 -0
  50. package/es2017/components/upload-file/uploadAvatar.js.map +1 -0
  51. package/es2017/components/upload-file/uploadMultiple.d.ts +4 -0
  52. package/es2017/components/upload-file/uploadMultiple.js +155 -0
  53. package/es2017/components/upload-file/uploadMultiple.js.map +1 -0
  54. package/es2017/components/upload-file/uploadTemp.d.ts +9 -0
  55. package/es2017/components/upload-file/uploadTemp.js +167 -0
  56. package/es2017/components/upload-file/uploadTemp.js.map +1 -0
  57. package/esm/components/_util/index.d.ts +40 -0
  58. package/esm/components/_util/index.js +75 -0
  59. package/esm/components/_util/index.js.map +1 -0
  60. package/esm/components/aggregate-menu/index.d.ts +37 -0
  61. package/esm/components/aggregate-menu/index.js +521 -0
  62. package/esm/components/aggregate-menu/index.js.map +1 -0
  63. package/esm/components/aggregate-menu/index.module.css +190 -0
  64. package/esm/components/aggregate-menu/locale/en_US.d.ts +3 -0
  65. package/esm/components/{gather-menu → aggregate-menu}/locale/en_US.js +3 -1
  66. package/esm/components/aggregate-menu/locale/en_US.js.map +1 -0
  67. package/esm/components/aggregate-menu/locale/zh_CN.d.ts +3 -0
  68. package/esm/components/{gather-menu → aggregate-menu}/locale/zh_CN.js +3 -1
  69. package/esm/components/aggregate-menu/locale/zh_CN.js.map +1 -0
  70. package/esm/components/collect-providers/index.d.ts +9 -1
  71. package/esm/components/collect-providers/index.js +5 -3
  72. package/esm/components/collect-providers/index.js.map +1 -1
  73. package/esm/components/i18n-dropdown/index.d.ts +1 -1
  74. package/esm/components/i18n-dropdown/index.js +2 -2
  75. package/esm/components/i18n-dropdown/index.js.map +1 -1
  76. package/esm/components/index.d.ts +7 -2
  77. package/esm/components/index.js +8 -2
  78. package/esm/components/index.js.map +1 -1
  79. package/esm/components/layout/index.d.ts +12 -6
  80. package/esm/components/layout/index.js +26 -44
  81. package/esm/components/layout/index.js.map +1 -1
  82. package/esm/components/locale/en_US.js +4 -2
  83. package/esm/components/locale/en_US.js.map +1 -1
  84. package/esm/components/locale/index.d.ts +4 -17
  85. package/esm/components/locale/index.js +3 -23
  86. package/esm/components/locale/index.js.map +1 -1
  87. package/esm/components/locale/zh_CN.js +4 -2
  88. package/esm/components/locale/zh_CN.js.map +1 -1
  89. package/esm/components/provider/index.d.ts +33 -0
  90. package/esm/components/provider/index.js +49 -0
  91. package/esm/components/provider/index.js.map +1 -0
  92. package/esm/components/tenant-dropdown/index.js +1 -1
  93. package/esm/components/tenant-dropdown/index.js.map +1 -1
  94. package/esm/components/upload-file/index.d.ts +57 -0
  95. package/esm/components/upload-file/index.js +3 -0
  96. package/esm/components/upload-file/index.js.map +1 -0
  97. package/esm/components/upload-file/index.module.css +13 -0
  98. package/esm/components/upload-file/locale/en_US.d.ts +3 -0
  99. package/esm/components/upload-file/locale/en_US.js +14 -0
  100. package/esm/components/upload-file/locale/en_US.js.map +1 -0
  101. package/esm/components/upload-file/locale/zh_CN.d.ts +3 -0
  102. package/esm/components/upload-file/locale/zh_CN.js +14 -0
  103. package/esm/components/upload-file/locale/zh_CN.js.map +1 -0
  104. package/esm/components/upload-file/uploadAvatar.d.ts +4 -0
  105. package/esm/components/upload-file/uploadAvatar.js +191 -0
  106. package/esm/components/upload-file/uploadAvatar.js.map +1 -0
  107. package/esm/components/upload-file/uploadMultiple.d.ts +4 -0
  108. package/esm/components/upload-file/uploadMultiple.js +308 -0
  109. package/esm/components/upload-file/uploadMultiple.js.map +1 -0
  110. package/esm/components/upload-file/uploadTemp.d.ts +9 -0
  111. package/esm/components/upload-file/uploadTemp.js +293 -0
  112. package/esm/components/upload-file/uploadTemp.js.map +1 -0
  113. package/package.json +8 -4
  114. package/es2017/components/gather-menu/index.d.ts +0 -34
  115. package/es2017/components/gather-menu/index.js +0 -278
  116. package/es2017/components/gather-menu/index.js.map +0 -1
  117. package/es2017/components/gather-menu/index.module.css +0 -120
  118. package/es2017/components/gather-menu/locale/en_US.d.ts +0 -3
  119. package/es2017/components/gather-menu/locale/en_US.js.map +0 -1
  120. package/es2017/components/gather-menu/locale/zh_CN.d.ts +0 -3
  121. package/es2017/components/gather-menu/locale/zh_CN.js.map +0 -1
  122. package/esm/components/gather-menu/index.d.ts +0 -34
  123. package/esm/components/gather-menu/index.js +0 -320
  124. package/esm/components/gather-menu/index.js.map +0 -1
  125. package/esm/components/gather-menu/index.module.css +0 -120
  126. package/esm/components/gather-menu/locale/en_US.d.ts +0 -3
  127. package/esm/components/gather-menu/locale/en_US.js.map +0 -1
  128. package/esm/components/gather-menu/locale/zh_CN.d.ts +0 -3
  129. package/esm/components/gather-menu/locale/zh_CN.js.map +0 -1
@@ -0,0 +1,308 @@
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 _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
4
+ import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
5
+ import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
6
+ import { UploadOutlined } from "@ant-design/icons";
7
+ import { Modal, Spin, Typography, Upload, message } from "antd";
8
+ import { useEffect, useState } from "react";
9
+ import { useAppCode, useTenantId } from "../provider/index";
10
+ import { useLocale } from "../locale/index";
11
+ import { files as fileApi } from "@knockout-js/api";
12
+ import { formatFileSize, randomId } from "../_util/index";
13
+ var files = [];
14
+ var timeoutFn = undefined;
15
+ export default function(props) {
16
+ var _props_accept;
17
+ var _props_bucket, _props_appCode, _props_tenantId;
18
+ 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"), _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], _useState1 = _sliced_to_array(useState([]), 2), list = _useState1[0], setList = _useState1[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
+ maxSize = props.maxSize || 5120000;
34
+ if (file.size > maxSize) {
35
+ message.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
36
+ return [
37
+ 2,
38
+ false
39
+ ];
40
+ }
41
+ files.push(file);
42
+ clearTimeout(timeoutFn);
43
+ timeoutFn = setTimeout(/*#__PURE__*/ _async_to_generator(function() {
44
+ return _ts_generator(this, function(_state) {
45
+ switch(_state.label){
46
+ case 0:
47
+ return [
48
+ 4,
49
+ updateFile()
50
+ ];
51
+ case 1:
52
+ _state.sent();
53
+ return [
54
+ 2
55
+ ];
56
+ }
57
+ });
58
+ }), 500);
59
+ return [
60
+ 2,
61
+ false
62
+ ];
63
+ });
64
+ });
65
+ return function beforeUpload(file) {
66
+ return _ref.apply(this, arguments);
67
+ };
68
+ }(), updateFile = function() {
69
+ var _ref = _async_to_generator(function() {
70
+ var _props_onChange, values, _tmp, _tmp1, _i, i, file, key, result, error;
71
+ return _ts_generator(this, function(_state) {
72
+ switch(_state.label){
73
+ case 0:
74
+ if (!files.length) return [
75
+ 3,
76
+ 8
77
+ ];
78
+ setLoading(true);
79
+ values = props.value || [];
80
+ _tmp = [];
81
+ for(_tmp1 in files)_tmp.push(_tmp1);
82
+ _i = 0;
83
+ _state.label = 1;
84
+ case 1:
85
+ if (!(_i < _tmp.length)) return [
86
+ 3,
87
+ 6
88
+ ];
89
+ i = _tmp[_i];
90
+ file = files[i], key = getUploadKey(file);
91
+ if (!(bucket === "local")) return [
92
+ 3,
93
+ 5
94
+ ];
95
+ _state.label = 2;
96
+ case 2:
97
+ _state.trys.push([
98
+ 2,
99
+ 4,
100
+ ,
101
+ 5
102
+ ]);
103
+ return [
104
+ 4,
105
+ fileApi.updateFiles({
106
+ key: key,
107
+ bucket: bucket,
108
+ file: file
109
+ })
110
+ ];
111
+ case 3:
112
+ result = _state.sent();
113
+ if (result) values.push(result);
114
+ return [
115
+ 3,
116
+ 5
117
+ ];
118
+ case 4:
119
+ error = _state.sent();
120
+ return [
121
+ 3,
122
+ 5
123
+ ];
124
+ case 5:
125
+ _i++;
126
+ return [
127
+ 3,
128
+ 1
129
+ ];
130
+ case 6:
131
+ return [
132
+ 4,
133
+ getValuesFile(values)
134
+ ];
135
+ case 7:
136
+ _state.sent();
137
+ (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
138
+ setLoading(false);
139
+ files = [];
140
+ _state.label = 8;
141
+ case 8:
142
+ return [
143
+ 2
144
+ ];
145
+ }
146
+ });
147
+ });
148
+ return function updateFile() {
149
+ return _ref.apply(this, arguments);
150
+ };
151
+ }(), getValuesFile = function() {
152
+ var _ref = _async_to_generator(function(values) {
153
+ var _props_bucket, bucket, oldKye, addKeys, addLength, i, data, result, resultRaw;
154
+ return _ts_generator(this, function(_state) {
155
+ switch(_state.label){
156
+ case 0:
157
+ if (!(values && values.length)) return [
158
+ 3,
159
+ 8
160
+ ];
161
+ bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : "local";
162
+ oldKye = list.map(function(item) {
163
+ return item.uid;
164
+ }), addKeys = values.filter(function(key) {
165
+ return !oldKye.includes(key);
166
+ }), addLength = addKeys.length;
167
+ if (!addLength) return [
168
+ 3,
169
+ 7
170
+ ];
171
+ i = 0;
172
+ _state.label = 1;
173
+ case 1:
174
+ if (!(i < addLength)) return [
175
+ 3,
176
+ 6
177
+ ];
178
+ data = {
179
+ uid: addKeys[i],
180
+ name: ""
181
+ };
182
+ return [
183
+ 4,
184
+ fileApi.getFiles(data.uid)
185
+ ];
186
+ case 2:
187
+ result = _state.sent();
188
+ if (result === null || result === void 0 ? void 0 : result.id) {
189
+ data.name = result.name;
190
+ data.linkProps = {
191
+ download: result.name
192
+ };
193
+ data.response = result;
194
+ }
195
+ if (!(bucket === "local")) return [
196
+ 3,
197
+ 4
198
+ ];
199
+ return [
200
+ 4,
201
+ fileApi.getFilesRaw(data.uid, "url")
202
+ ];
203
+ case 3:
204
+ resultRaw = _state.sent();
205
+ if (typeof resultRaw === "string") data.url = resultRaw;
206
+ _state.label = 4;
207
+ case 4:
208
+ list.push(data);
209
+ _state.label = 5;
210
+ case 5:
211
+ i++;
212
+ return [
213
+ 3,
214
+ 1
215
+ ];
216
+ case 6:
217
+ setList(_to_consumable_array(list));
218
+ _state.label = 7;
219
+ case 7:
220
+ return [
221
+ 3,
222
+ 9
223
+ ];
224
+ case 8:
225
+ setList([]);
226
+ _state.label = 9;
227
+ case 9:
228
+ return [
229
+ 2
230
+ ];
231
+ }
232
+ });
233
+ });
234
+ return function getValuesFile(values) {
235
+ return _ref.apply(this, arguments);
236
+ };
237
+ }();
238
+ useEffect(function() {
239
+ getValuesFile(props.value);
240
+ }, [
241
+ props.value
242
+ ]);
243
+ useEffect(function() {
244
+ var _props_onChangePath;
245
+ var paths = [];
246
+ list.forEach(function(item) {
247
+ if (item.response) paths.push(item.response.path);
248
+ });
249
+ (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
250
+ }, [
251
+ list
252
+ ]);
253
+ useEffect(function() {
254
+ return function() {
255
+ clearTimeout(timeoutFn);
256
+ };
257
+ }, []);
258
+ return /*#__PURE__*/ _jsx(Spin, {
259
+ spinning: loading,
260
+ children: /*#__PURE__*/ _jsxs(Upload.Dragger, {
261
+ accept: props.accept,
262
+ beforeUpload: beforeUpload,
263
+ multiple: true,
264
+ fileList: list,
265
+ onRemove: function(file) {
266
+ Modal.confirm({
267
+ title: locale.del,
268
+ content: "".concat(locale.confirmDel, ": ").concat(file.name),
269
+ onOk: function() {
270
+ var _props_onChange, _props_value;
271
+ setList(list.filter(function(item) {
272
+ return item.uid != file.uid;
273
+ }));
274
+ (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter(function(item) {
275
+ return item != file.uid;
276
+ })) || []);
277
+ }
278
+ });
279
+ },
280
+ children: [
281
+ /*#__PURE__*/ _jsx("br", {}),
282
+ /*#__PURE__*/ _jsx("div", {
283
+ children: /*#__PURE__*/ _jsx(UploadOutlined, {
284
+ style: {
285
+ fontSize: 40
286
+ },
287
+ rev: undefined
288
+ })
289
+ }),
290
+ /*#__PURE__*/ _jsx("br", {}),
291
+ /*#__PURE__*/ _jsx("div", {
292
+ children: /*#__PURE__*/ _jsx(Typography.Text, {
293
+ type: "secondary",
294
+ children: locale.clickOrDragUpload
295
+ })
296
+ }),
297
+ /*#__PURE__*/ _jsx("div", {
298
+ children: /*#__PURE__*/ _jsx(Typography.Text, {
299
+ type: "secondary",
300
+ children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
301
+ })
302
+ })
303
+ ]
304
+ })
305
+ });
306
+ };
307
+
308
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\uploadMultiple.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadMultiple.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Modal, Spin, Typography, Upload, message } from \"antd\"\r\nimport { RcFile, UploadFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { Files } from \"@knockout-js/api/esm/files\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\n\r\nlet files: RcFile[] = [];\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\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 [loading, setLoading] = useState(false),\r\n [list, setList] = useState<UploadFile<Files>[]>([]);\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 * 5000;\r\n\r\n if (file.size > maxSize) {\r\n message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n files.push(file);\r\n clearTimeout(timeoutFn);\r\n timeoutFn = setTimeout(async () => {\r\n await updateFile();\r\n }, 500);\r\n return false;\r\n },\r\n updateFile = async () => {\r\n if (files.length) {\r\n setLoading(true);\r\n const values: string[] = props.value || [];\r\n for (let i in files) {\r\n const file = files[i],\r\n key = getUploadKey(file);\r\n\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 values.push(result);\r\n }\r\n } catch (error) {\r\n }\r\n }\r\n }\r\n await getValuesFile(values);\r\n props.onChange?.(values);\r\n setLoading(false);\r\n files = [];\r\n }\r\n },\r\n getValuesFile = async (values?: string[]) => {\r\n if (values && values.length) {\r\n const bucket = props.bucket ?? 'local';\r\n const oldKye = list.map(item => item.uid),\r\n addKeys = values.filter(key => !oldKye.includes(key)),\r\n addLength = addKeys.length;\r\n if (addLength) {\r\n for (let i = 0; i < addLength; i++) {\r\n const data: UploadFile = {\r\n uid: addKeys[i],\r\n name: '',\r\n };\r\n const result = await fileApi.getFiles(data.uid);\r\n if (result?.id) {\r\n data.name = result.name;\r\n data.linkProps = {\r\n download: result.name,\r\n };\r\n data.response = result;\r\n }\r\n if (bucket === 'local') {\r\n const resultRaw = await fileApi.getFilesRaw(data.uid, 'url');\r\n if (typeof resultRaw === 'string') {\r\n data.url = resultRaw;\r\n }\r\n }\r\n list.push(data);\r\n }\r\n setList([...list]);\r\n }\r\n } else {\r\n setList([]);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValuesFile(props.value);\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n const paths: string[] = [];\r\n list.forEach(item => {\r\n if (item.response) {\r\n paths.push(item.response.path);\r\n }\r\n })\r\n props.onChangePath?.(paths);\r\n }, [list]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeoutFn);\r\n };\r\n }, []);\r\n\r\n return <Spin spinning={loading} >\r\n <Upload.Dragger\r\n accept={props.accept}\r\n beforeUpload={beforeUpload}\r\n multiple={true}\r\n fileList={list}\r\n onRemove={(file) => {\r\n Modal.confirm({\r\n title: locale.del,\r\n content: `${locale.confirmDel}: ${file.name}`,\r\n onOk: () => {\r\n setList(list.filter(item => item.uid != file.uid));\r\n props.onChange?.(props.value?.filter(item => item != file.uid) || [])\r\n }\r\n })\r\n }}\r\n >\r\n <br />\r\n <div>\r\n <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n </div>\r\n <br />\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {locale.clickOrDragUpload}\r\n </Typography.Text>\r\n </div>\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n </Typography.Text>\r\n </div>\r\n </Upload.Dragger>\r\n </Spin>\r\n}\r\n"],"names":["UploadOutlined","Modal","Spin","Typography","Upload","message","useEffect","useState","useAppCode","useTenantId","useLocale","files","fileApi","formatFileSize","randomId","timeoutFn","undefined","props","bucket","appCode","tenantId","locale","loading","setLoading","list","setList","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","clearTimeout","setTimeout","updateFile","values","i","key","result","length","value","updateFiles","getValuesFile","onChange","oldKye","addKeys","addLength","data","resultRaw","map","item","uid","filter","includes","getFiles","id","linkProps","download","response","getFilesRaw","url","paths","forEach","path","onChangePath","spinning","Dragger","accept","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension"],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { UploadFileProps } from ".";
3
+ declare const _default: (props: UploadFileProps<string> & {
4
+ /**
5
+ * 显示删除按钮
6
+ */
7
+ showDelBtn?: boolean;
8
+ }) => JSX.Element;
9
+ export default _default;
@@ -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 { useLocale } from "../locale/index";
11
+ import styles from "./index.module.css";
12
+ import { formatFileSize, randomId } from "../_util/index";
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 } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize, randomId } from \"../_util\";\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","useLocale","styles","formatFileSize","randomId","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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"}