@knockout-js/layout 0.1.2 → 0.1.3-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.
- package/es2017/components/_util/index.d.ts +8 -7
- package/es2017/components/_util/index.js +31 -13
- package/es2017/components/_util/index.js.map +1 -1
- package/es2017/components/aggregate-menu/index.d.ts +1 -2
- package/es2017/components/aggregate-menu/index.js +56 -39
- package/es2017/components/aggregate-menu/index.js.map +1 -1
- package/es2017/components/aggregate-menu/locale/en_US.js +1 -1
- package/es2017/components/aggregate-menu/locale/en_US.js.map +1 -1
- package/es2017/components/aggregate-menu/locale/zh_CN.js +1 -1
- package/es2017/components/aggregate-menu/locale/zh_CN.js.map +1 -1
- package/es2017/components/avatar-dropdown/index.d.ts +1 -2
- package/es2017/components/avatar-dropdown/index.js +1 -1
- package/es2017/components/avatar-dropdown/index.js.map +1 -1
- package/es2017/components/avatar-dropdown/locale/en_US.js +1 -1
- package/es2017/components/avatar-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/avatar-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/collect-providers/index.d.ts +1 -1
- package/es2017/components/collect-providers/index.js +7 -4
- package/es2017/components/collect-providers/index.js.map +1 -1
- package/es2017/components/i18n-dropdown/index.d.ts +1 -2
- package/es2017/components/i18n-dropdown/index.js +1 -1
- package/es2017/components/i18n-dropdown/index.js.map +1 -1
- package/es2017/components/icons/index.d.ts +3 -3
- package/es2017/components/icons/index.js +3 -3
- package/es2017/components/icons/index.js.map +1 -1
- package/es2017/components/index.d.ts +0 -2
- package/es2017/components/index.js +1 -3
- package/es2017/components/index.js.map +1 -1
- package/es2017/components/keep-alive/index.js +8 -4
- package/es2017/components/keep-alive/index.js.map +1 -1
- package/es2017/components/layout/index.d.ts +2 -2
- package/es2017/components/layout/index.js +15 -9
- package/es2017/components/layout/index.js.map +1 -1
- package/es2017/components/layout/logo.js +1 -1
- package/es2017/components/layout/logo.js.map +1 -1
- package/es2017/components/leave-prompt/index.d.ts +1 -1
- package/es2017/components/leave-prompt/index.js +10 -5
- package/es2017/components/leave-prompt/index.js.map +1 -1
- package/es2017/components/leave-prompt/locale/en_US.js +1 -1
- package/es2017/components/leave-prompt/locale/en_US.js.map +1 -1
- package/es2017/components/leave-prompt/locale/zh_CN.js +1 -1
- package/es2017/components/leave-prompt/locale/zh_CN.js.map +1 -1
- package/es2017/components/locale/en_US.js +1 -1
- package/es2017/components/locale/en_US.js.map +1 -1
- package/es2017/components/locale/index.js +5 -3
- package/es2017/components/locale/index.js.map +1 -1
- package/es2017/components/locale/zh_CN.js +1 -1
- package/es2017/components/locale/zh_CN.js.map +1 -1
- package/es2017/components/modal/index.d.ts +1 -1
- package/es2017/components/modal/index.js +10 -6
- package/es2017/components/modal/index.js.map +1 -1
- package/es2017/components/msg-dropdown/index.js +13 -6
- package/es2017/components/msg-dropdown/index.js.map +1 -1
- package/es2017/components/msg-dropdown/locale/en_US.js +1 -1
- package/es2017/components/msg-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/msg-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/msg-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/provider/index.d.ts +3 -3
- package/es2017/components/provider/index.js +3 -3
- package/es2017/components/provider/index.js.map +1 -1
- package/es2017/components/tenant-dropdown/index.d.ts +1 -2
- package/es2017/components/tenant-dropdown/index.js +9 -4
- package/es2017/components/tenant-dropdown/index.js.map +1 -1
- package/es2017/components/tenant-dropdown/locale/en_US.js +1 -1
- package/es2017/components/tenant-dropdown/locale/en_US.js.map +1 -1
- package/es2017/components/tenant-dropdown/locale/zh_CN.js +1 -1
- package/es2017/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
- package/es2017/components/theme-switch/index.js +1 -1
- package/es2017/components/theme-switch/index.js.map +1 -1
- package/es2017/components/theme-switch/locale/en_US.js +1 -1
- package/es2017/components/theme-switch/locale/en_US.js.map +1 -1
- package/es2017/components/theme-switch/locale/zh_CN.js +1 -1
- package/es2017/components/theme-switch/locale/zh_CN.js.map +1 -1
- package/es2017/components/upload-file/index.js +1 -1
- package/es2017/components/upload-file/index.js.map +1 -1
- package/es2017/components/upload-file/locale/en_US.js +1 -1
- package/es2017/components/upload-file/locale/en_US.js.map +1 -1
- package/es2017/components/upload-file/locale/zh_CN.js +1 -1
- package/es2017/components/upload-file/locale/zh_CN.js.map +1 -1
- package/es2017/components/upload-file/uploadAvatar.d.ts +1 -2
- package/es2017/components/upload-file/uploadAvatar.js +34 -21
- package/es2017/components/upload-file/uploadAvatar.js.map +1 -1
- package/es2017/components/upload-file/uploadMultiple.d.ts +1 -2
- package/es2017/components/upload-file/uploadMultiple.js +35 -18
- package/es2017/components/upload-file/uploadMultiple.js.map +1 -1
- package/es2017/components/upload-file/uploadTemp.d.ts +1 -2
- package/es2017/components/upload-file/uploadTemp.js +45 -25
- package/es2017/components/upload-file/uploadTemp.js.map +1 -1
- package/es2017/index.js +1 -1
- package/es2017/index.js.map +1 -1
- package/esm/components/_util/index.d.ts +8 -7
- package/esm/components/_util/index.js +35 -17
- package/esm/components/_util/index.js.map +1 -1
- package/esm/components/aggregate-menu/index.d.ts +1 -2
- package/esm/components/aggregate-menu/index.js +66 -49
- package/esm/components/aggregate-menu/index.js.map +1 -1
- package/esm/components/aggregate-menu/locale/en_US.js +1 -1
- package/esm/components/aggregate-menu/locale/en_US.js.map +1 -1
- package/esm/components/aggregate-menu/locale/zh_CN.js +1 -1
- package/esm/components/aggregate-menu/locale/zh_CN.js.map +1 -1
- package/esm/components/avatar-dropdown/index.d.ts +1 -2
- package/esm/components/avatar-dropdown/index.js +1 -1
- package/esm/components/avatar-dropdown/index.js.map +1 -1
- package/esm/components/avatar-dropdown/locale/en_US.js +1 -1
- package/esm/components/avatar-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/avatar-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/avatar-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/collect-providers/index.d.ts +1 -1
- package/esm/components/collect-providers/index.js +8 -5
- package/esm/components/collect-providers/index.js.map +1 -1
- package/esm/components/i18n-dropdown/index.d.ts +1 -2
- package/esm/components/i18n-dropdown/index.js +2 -2
- package/esm/components/i18n-dropdown/index.js.map +1 -1
- package/esm/components/icons/index.d.ts +3 -3
- package/esm/components/icons/index.js +3 -3
- package/esm/components/icons/index.js.map +1 -1
- package/esm/components/index.d.ts +0 -2
- package/esm/components/index.js +1 -3
- package/esm/components/index.js.map +1 -1
- package/esm/components/keep-alive/index.js +8 -4
- package/esm/components/keep-alive/index.js.map +1 -1
- package/esm/components/layout/index.d.ts +2 -2
- package/esm/components/layout/index.js +17 -11
- package/esm/components/layout/index.js.map +1 -1
- package/esm/components/layout/logo.js +1 -1
- package/esm/components/layout/logo.js.map +1 -1
- package/esm/components/leave-prompt/index.d.ts +1 -1
- package/esm/components/leave-prompt/index.js +10 -5
- package/esm/components/leave-prompt/index.js.map +1 -1
- package/esm/components/leave-prompt/locale/en_US.js +1 -1
- package/esm/components/leave-prompt/locale/en_US.js.map +1 -1
- package/esm/components/leave-prompt/locale/zh_CN.js +1 -1
- package/esm/components/leave-prompt/locale/zh_CN.js.map +1 -1
- package/esm/components/locale/en_US.js +1 -1
- package/esm/components/locale/en_US.js.map +1 -1
- package/esm/components/locale/index.js +5 -3
- package/esm/components/locale/index.js.map +1 -1
- package/esm/components/locale/zh_CN.js +1 -1
- package/esm/components/locale/zh_CN.js.map +1 -1
- package/esm/components/modal/index.d.ts +1 -1
- package/esm/components/modal/index.js +11 -7
- package/esm/components/modal/index.js.map +1 -1
- package/esm/components/msg-dropdown/index.js +16 -9
- package/esm/components/msg-dropdown/index.js.map +1 -1
- package/esm/components/msg-dropdown/locale/en_US.js +1 -1
- package/esm/components/msg-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/msg-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/msg-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/provider/index.d.ts +3 -3
- package/esm/components/provider/index.js +3 -3
- package/esm/components/provider/index.js.map +1 -1
- package/esm/components/tenant-dropdown/index.d.ts +1 -2
- package/esm/components/tenant-dropdown/index.js +12 -7
- package/esm/components/tenant-dropdown/index.js.map +1 -1
- package/esm/components/tenant-dropdown/locale/en_US.js +1 -1
- package/esm/components/tenant-dropdown/locale/en_US.js.map +1 -1
- package/esm/components/tenant-dropdown/locale/zh_CN.js +1 -1
- package/esm/components/tenant-dropdown/locale/zh_CN.js.map +1 -1
- package/esm/components/theme-switch/index.js +1 -1
- package/esm/components/theme-switch/index.js.map +1 -1
- package/esm/components/theme-switch/locale/en_US.js +1 -1
- package/esm/components/theme-switch/locale/en_US.js.map +1 -1
- package/esm/components/theme-switch/locale/zh_CN.js +1 -1
- package/esm/components/theme-switch/locale/zh_CN.js.map +1 -1
- package/esm/components/upload-file/index.js +1 -1
- package/esm/components/upload-file/index.js.map +1 -1
- package/esm/components/upload-file/locale/en_US.js +1 -1
- package/esm/components/upload-file/locale/en_US.js.map +1 -1
- package/esm/components/upload-file/locale/zh_CN.js +1 -1
- package/esm/components/upload-file/locale/zh_CN.js.map +1 -1
- package/esm/components/upload-file/uploadAvatar.d.ts +1 -2
- package/esm/components/upload-file/uploadAvatar.js +20 -11
- package/esm/components/upload-file/uploadAvatar.js.map +1 -1
- package/esm/components/upload-file/uploadMultiple.d.ts +1 -2
- package/esm/components/upload-file/uploadMultiple.js +27 -14
- package/esm/components/upload-file/uploadMultiple.js.map +1 -1
- package/esm/components/upload-file/uploadTemp.d.ts +1 -2
- package/esm/components/upload-file/uploadTemp.js +31 -15
- package/esm/components/upload-file/uploadTemp.js.map +1 -1
- package/esm/index.js +1 -1
- package/esm/index.js.map +1 -1
- package/package.json +2 -4
- package/es2017/components/dictionary/index.d.ts +0 -6
- package/es2017/components/dictionary/index.js +0 -71
- package/es2017/components/dictionary/index.js.map +0 -1
- package/es2017/components/dictionary/index.module.css +0 -4
- package/es2017/components/dictionary/select.d.ts +0 -19
- package/es2017/components/dictionary/select.js +0 -51
- package/es2017/components/dictionary/select.js.map +0 -1
- package/es2017/components/dictionary/text.d.ts +0 -23
- package/es2017/components/dictionary/text.js +0 -28
- package/es2017/components/dictionary/text.js.map +0 -1
- package/esm/components/dictionary/index.d.ts +0 -6
- package/esm/components/dictionary/index.js +0 -92
- package/esm/components/dictionary/index.js.map +0 -1
- package/esm/components/dictionary/index.module.css +0 -4
- package/esm/components/dictionary/select.d.ts +0 -19
- package/esm/components/dictionary/select.js +0 -71
- package/esm/components/dictionary/select.js.map +0 -1
- package/esm/components/dictionary/text.d.ts +0 -23
- package/esm/components/dictionary/text.js +0 -31
- package/esm/components/dictionary/text.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import _async_to_generator from "@swc/helpers/
|
|
2
|
-
import _sliced_to_array from "@swc/helpers/
|
|
3
|
-
import _to_consumable_array from "@swc/helpers/
|
|
4
|
-
import _ts_generator from "@swc/helpers/
|
|
1
|
+
import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
|
|
2
|
+
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
|
|
3
|
+
import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
|
|
4
|
+
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
5
5
|
import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
|
|
6
6
|
import { UploadOutlined } from "@ant-design/icons";
|
|
7
7
|
import { Modal, Spin, Typography, Upload, message } from "antd";
|
|
@@ -18,11 +18,18 @@ export default function(props) {
|
|
|
18
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
19
|
var getUploadKey = function(file) {
|
|
20
20
|
var suffix = file.name.split(".").pop(), keys = [];
|
|
21
|
-
if (props.forceDirectory && props.directory)
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
if (
|
|
25
|
-
|
|
21
|
+
if (props.forceDirectory && props.directory) {
|
|
22
|
+
keys.push(props.directory);
|
|
23
|
+
} else {
|
|
24
|
+
if (appCode) {
|
|
25
|
+
keys.push(appCode);
|
|
26
|
+
}
|
|
27
|
+
if (tenantId) {
|
|
28
|
+
keys.push(tenantId);
|
|
29
|
+
}
|
|
30
|
+
if (props.directory) {
|
|
31
|
+
keys.push(props.directory);
|
|
32
|
+
}
|
|
26
33
|
}
|
|
27
34
|
keys.push("".concat(randomId(16), ".").concat(suffix));
|
|
28
35
|
return "/".concat(keys.join("/")).replace("//", "/");
|
|
@@ -30,7 +37,7 @@ export default function(props) {
|
|
|
30
37
|
var _ref = _async_to_generator(function(file) {
|
|
31
38
|
var maxSize;
|
|
32
39
|
return _ts_generator(this, function(_state) {
|
|
33
|
-
maxSize = props.maxSize ||
|
|
40
|
+
maxSize = props.maxSize || 1024 * 5000;
|
|
34
41
|
if (file.size > maxSize) {
|
|
35
42
|
message.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
|
|
36
43
|
return [
|
|
@@ -110,7 +117,9 @@ export default function(props) {
|
|
|
110
117
|
];
|
|
111
118
|
case 3:
|
|
112
119
|
result = _state.sent();
|
|
113
|
-
if (result)
|
|
120
|
+
if (result) {
|
|
121
|
+
values.push(result);
|
|
122
|
+
}
|
|
114
123
|
return [
|
|
115
124
|
3,
|
|
116
125
|
5
|
|
@@ -202,7 +211,9 @@ export default function(props) {
|
|
|
202
211
|
];
|
|
203
212
|
case 3:
|
|
204
213
|
resultRaw = _state.sent();
|
|
205
|
-
if (typeof resultRaw === "string")
|
|
214
|
+
if (typeof resultRaw === "string") {
|
|
215
|
+
data.url = resultRaw;
|
|
216
|
+
}
|
|
206
217
|
_state.label = 4;
|
|
207
218
|
case 4:
|
|
208
219
|
list.push(data);
|
|
@@ -244,7 +255,9 @@ export default function(props) {
|
|
|
244
255
|
var _props_onChangePath;
|
|
245
256
|
var paths = [];
|
|
246
257
|
list.forEach(function(item) {
|
|
247
|
-
if (item.response)
|
|
258
|
+
if (item.response) {
|
|
259
|
+
paths.push(item.response.path);
|
|
260
|
+
}
|
|
248
261
|
});
|
|
249
262
|
(_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
|
|
250
263
|
}, [
|
|
@@ -305,4 +318,4 @@ export default function(props) {
|
|
|
305
318
|
});
|
|
306
319
|
};
|
|
307
320
|
|
|
308
|
-
//# sourceMappingURL=
|
|
321
|
+
//# sourceMappingURL=uploadMultiple.js.map
|
|
@@ -1 +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, getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\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 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 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 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","getFiles","getFilesRaw","updateFiles","useAppCode","useTenantId","useLocale","formatFileSize","randomId","files","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","getValuesFile","onChange","oldKye","addKeys","addLength","data","resultRaw","map","item","uid","filter","includes","id","linkProps","download","response","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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"}
|
|
1
|
+
{"version":3,"sources":[".\\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, getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\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 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 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 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","getFiles","getFilesRaw","updateFiles","useAppCode","useTenantId","useLocale","formatFileSize","randomId","files","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","getValuesFile","onChange","oldKye","addKeys","addLength","data","resultRaw","map","item","uid","filter","includes","id","linkProps","download","response","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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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { UploadFileProps } from ".";
|
|
3
2
|
declare const _default: (props: UploadFileProps<string> & {
|
|
4
3
|
/**
|
|
5
4
|
* 显示删除按钮
|
|
6
5
|
*/
|
|
7
6
|
showDelBtn?: boolean;
|
|
8
|
-
}) => JSX.Element;
|
|
7
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
export default _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import _async_to_generator from "@swc/helpers/
|
|
2
|
-
import _sliced_to_array from "@swc/helpers/
|
|
3
|
-
import _ts_generator from "@swc/helpers/
|
|
1
|
+
import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
|
|
2
|
+
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
|
|
3
|
+
import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
|
|
4
4
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
|
|
5
5
|
import { UploadOutlined } from "@ant-design/icons";
|
|
6
6
|
import { Button, Modal, Popconfirm, Space, Typography, Upload, message } from "antd";
|
|
@@ -18,11 +18,18 @@ export default function(props) {
|
|
|
18
18
|
}), 2), modal = _useState3[0], setModal = _useState3[1];
|
|
19
19
|
var getUploadKey = function(file) {
|
|
20
20
|
var suffix = file.name.split(".").pop(), keys = [];
|
|
21
|
-
if (props.forceDirectory && props.directory)
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
if (
|
|
25
|
-
|
|
21
|
+
if (props.forceDirectory && props.directory) {
|
|
22
|
+
keys.push(props.directory);
|
|
23
|
+
} else {
|
|
24
|
+
if (appCode) {
|
|
25
|
+
keys.push(appCode);
|
|
26
|
+
}
|
|
27
|
+
if (tenantId) {
|
|
28
|
+
keys.push(tenantId);
|
|
29
|
+
}
|
|
30
|
+
if (props.directory) {
|
|
31
|
+
keys.push(props.directory);
|
|
32
|
+
}
|
|
26
33
|
}
|
|
27
34
|
keys.push("".concat(randomId(16), ".").concat(suffix));
|
|
28
35
|
return "/".concat(keys.join("/")).replace("//", "/");
|
|
@@ -32,7 +39,7 @@ export default function(props) {
|
|
|
32
39
|
return _ts_generator(this, function(_state) {
|
|
33
40
|
switch(_state.label){
|
|
34
41
|
case 0:
|
|
35
|
-
maxSize = props.maxSize ||
|
|
42
|
+
maxSize = props.maxSize || 1024 * 1024 * 5;
|
|
36
43
|
if (file.size > maxSize) {
|
|
37
44
|
messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
|
|
38
45
|
return [
|
|
@@ -128,7 +135,9 @@ export default function(props) {
|
|
|
128
135
|
];
|
|
129
136
|
case 1:
|
|
130
137
|
result = _state.sent();
|
|
131
|
-
if (result === null || result === void 0 ? void 0 : result.id)
|
|
138
|
+
if (result === null || result === void 0 ? void 0 : result.id) {
|
|
139
|
+
setName(result.name);
|
|
140
|
+
}
|
|
132
141
|
if (!(bucket === "local")) return [
|
|
133
142
|
3,
|
|
134
143
|
3
|
|
@@ -139,7 +148,9 @@ export default function(props) {
|
|
|
139
148
|
];
|
|
140
149
|
case 2:
|
|
141
150
|
result1 = _state.sent();
|
|
142
|
-
if (typeof result1 === "string")
|
|
151
|
+
if (typeof result1 === "string") {
|
|
152
|
+
setUrlSrc(result1);
|
|
153
|
+
}
|
|
143
154
|
_state.label = 3;
|
|
144
155
|
case 3:
|
|
145
156
|
return [
|
|
@@ -180,8 +191,11 @@ export default function(props) {
|
|
|
180
191
|
r.readAsText(result, "utf-8");
|
|
181
192
|
r.onload = function() {
|
|
182
193
|
var _iframeRef_current, _iframeRef_current1;
|
|
183
|
-
if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow)
|
|
184
|
-
|
|
194
|
+
if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow) {
|
|
195
|
+
iframeRef.current.contentWindow.document.write(r.result);
|
|
196
|
+
} else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) {
|
|
197
|
+
iframeRef.current.contentDocument.write(r.result);
|
|
198
|
+
}
|
|
185
199
|
};
|
|
186
200
|
}
|
|
187
201
|
_state.label = 2;
|
|
@@ -202,7 +216,9 @@ export default function(props) {
|
|
|
202
216
|
props.value
|
|
203
217
|
]);
|
|
204
218
|
useEffect(function() {
|
|
205
|
-
if (modal.show)
|
|
219
|
+
if (modal.show) {
|
|
220
|
+
updateContent();
|
|
221
|
+
}
|
|
206
222
|
}, [
|
|
207
223
|
modal.show
|
|
208
224
|
]);
|
|
@@ -290,4 +306,4 @@ export default function(props) {
|
|
|
290
306
|
});
|
|
291
307
|
};
|
|
292
308
|
|
|
293
|
-
//# sourceMappingURL=
|
|
309
|
+
//# sourceMappingURL=uploadTemp.js.map
|
|
@@ -1 +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 { 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\nimport { getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\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 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 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 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 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","useAppCode","useTenantId","useLocale","styles","formatFileSize","randomId","getFiles","getFilesRaw","updateFiles","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","onChange","onChangePath","getValueFile","value","id","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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"}
|
|
1
|
+
{"version":3,"sources":[".\\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 { 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\nimport { getFiles, getFilesRaw, updateFiles } from \"@knockout-js/api\";\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 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 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 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 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","useAppCode","useTenantId","useLocale","styles","formatFileSize","randomId","getFiles","getFilesRaw","updateFiles","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","onChange","onChangePath","getValueFile","value","id","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/esm/index.js
CHANGED
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":[".\\src\\index.tsx"],"sourcesContent":["export * from './components';\r\n"],"names":[],"mappings":"AAAA,cAAc,qBAAe"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knockout-js/layout",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3-beta.0",
|
|
4
4
|
"description": "组件功能描述",
|
|
5
5
|
"files": [
|
|
6
6
|
"esm",
|
|
@@ -37,9 +37,7 @@
|
|
|
37
37
|
],
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@ant-design/icons": "^5.2.5",
|
|
40
|
-
"@ant-design/pro-
|
|
41
|
-
"@ant-design/pro-provider": "^2.12.1",
|
|
42
|
-
"@ant-design/pro-table": "^3.8.2",
|
|
40
|
+
"@ant-design/pro-components": "^2.6.28",
|
|
43
41
|
"@dnd-kit/core": "^6.0.8",
|
|
44
42
|
"@dnd-kit/sortable": "^7.0.2",
|
|
45
43
|
"@dnd-kit/utilities": "^3.2.1",
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { getDictItems } from "@knockout-js/api";
|
|
2
|
-
import { useEffect, useState } from "react";
|
|
3
|
-
let timeoutFn = undefined, isLoad = false;
|
|
4
|
-
const distData = {}, collectCode = [];
|
|
5
|
-
/**
|
|
6
|
-
* 用来处理缓存字典项列表
|
|
7
|
-
* @returns
|
|
8
|
-
*/ export const useDistItems = (dictCode, dataSource)=>{
|
|
9
|
-
var _distData_dictCode;
|
|
10
|
-
const [items, setItems] = useState((_distData_dictCode = distData[dictCode]) !== null && _distData_dictCode !== void 0 ? _distData_dictCode : []);
|
|
11
|
-
/**
|
|
12
|
-
* 通过列表设置存储
|
|
13
|
-
* @param list
|
|
14
|
-
*/ const setDistItems = (list)=>{
|
|
15
|
-
const dictCodes = [
|
|
16
|
-
...new Set(list.map((item)=>{
|
|
17
|
-
var _item_dict;
|
|
18
|
-
return (_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code;
|
|
19
|
-
}))
|
|
20
|
-
];
|
|
21
|
-
dictCodes.forEach((code)=>{
|
|
22
|
-
if (code) distData[code] = list.filter((item)=>{
|
|
23
|
-
var _item_dict;
|
|
24
|
-
return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) == code;
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
/**
|
|
29
|
-
* 刷新列表接口
|
|
30
|
-
*/ const reloadDistItems = async ()=>{
|
|
31
|
-
const result = await getDictItems(dictCode, true);
|
|
32
|
-
if (result.length) setDistItems(result);
|
|
33
|
-
};
|
|
34
|
-
useEffect(()=>{
|
|
35
|
-
if (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) setDistItems(dataSource);
|
|
36
|
-
else {
|
|
37
|
-
if (!collectCode.includes(dictCode)) {
|
|
38
|
-
collectCode.push(dictCode);
|
|
39
|
-
isLoad = true;
|
|
40
|
-
}
|
|
41
|
-
if (isLoad) {
|
|
42
|
-
clearTimeout(timeoutFn);
|
|
43
|
-
timeoutFn = setTimeout(()=>{
|
|
44
|
-
getDictItems(collectCode).then((result)=>{
|
|
45
|
-
if (result.length) setDistItems(result);
|
|
46
|
-
isLoad = false;
|
|
47
|
-
});
|
|
48
|
-
}, 100);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}, [
|
|
52
|
-
dictCode,
|
|
53
|
-
dataSource
|
|
54
|
-
]);
|
|
55
|
-
useEffect(()=>{
|
|
56
|
-
var _distData_dictCode;
|
|
57
|
-
var _distData_dictCode_filter;
|
|
58
|
-
setItems((_distData_dictCode_filter = (_distData_dictCode = distData[dictCode]) === null || _distData_dictCode === void 0 ? void 0 : _distData_dictCode.filter((item)=>{
|
|
59
|
-
var _item_dict;
|
|
60
|
-
return ((_item_dict = item.dict) === null || _item_dict === void 0 ? void 0 : _item_dict.code) === dictCode;
|
|
61
|
-
})) !== null && _distData_dictCode_filter !== void 0 ? _distData_dictCode_filter : []);
|
|
62
|
-
}, [
|
|
63
|
-
distData[dictCode]
|
|
64
|
-
]);
|
|
65
|
-
return [
|
|
66
|
-
items,
|
|
67
|
-
reloadDistItems
|
|
68
|
-
];
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\dictionary\index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\index.ts"],"sourcesContent":["import { getDictItems } from \"@knockout-js/api\";\r\nimport { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined, isLoad = false;\r\nconst distData: Record<string, AppDictItem[] | undefined> = {},\r\n collectCode: string[] = [];\r\n\r\n/**\r\n * 用来处理缓存字典项列表\r\n * @returns\r\n */\r\nexport const useDistItems = (dictCode: string, dataSource?: AppDictItem[]): [AppDictItem[], () => Promise<void>] => {\r\n\r\n const [items, setItems] = useState<AppDictItem[]>(distData[dictCode] ?? []);\r\n\r\n /**\r\n * 通过列表设置存储\r\n * @param list\r\n */\r\n const setDistItems = (list: AppDictItem[]) => {\r\n const dictCodes = [...new Set(list.map(item => item.dict?.code))];\r\n dictCodes.forEach(code => {\r\n if (code) {\r\n distData[code] = list.filter(item => item.dict?.code == code);\r\n }\r\n })\r\n }\r\n\r\n /**\r\n * 刷新列表接口\r\n */\r\n const reloadDistItems = async () => {\r\n const result = await getDictItems(dictCode, true);\r\n if (result.length) {\r\n setDistItems(result);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (dataSource?.length) {\r\n setDistItems(dataSource);\r\n } else {\r\n if (!collectCode.includes(dictCode)) {\r\n collectCode.push(dictCode);\r\n isLoad = true;\r\n }\r\n if (isLoad) {\r\n clearTimeout(timeoutFn)\r\n timeoutFn = setTimeout(() => {\r\n getDictItems(collectCode).then(result => {\r\n if (result.length) {\r\n setDistItems(result);\r\n }\r\n isLoad = false;\r\n });\r\n }, 100);\r\n }\r\n }\r\n }, [dictCode, dataSource]);\r\n\r\n useEffect(() => {\r\n setItems(distData[dictCode]?.filter(item => item.dict?.code === dictCode) ?? [])\r\n }, [distData[dictCode]])\r\n\r\n\r\n return [items, reloadDistItems];\r\n}\r\n"],"names":["getDictItems","useEffect","useState","timeoutFn","undefined","isLoad","distData","collectCode","useDistItems","dictCode","dataSource","items","setItems","setDistItems","list","dictCodes","Set","map","item","dict","code","forEach","filter","reloadDistItems","result","length","includes","push","clearTimeout","setTimeout","then"],"mappings":"AAAA,SAASA,YAAY,QAAQ,mBAAmB;AAEhD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,IAAIC,YAAwCC,WAAWC,SAAS,KAAK;AACrE,MAAMC,WAAsD,CAAC,GAC3DC,cAAwB,EAAE;AAE5B;;;CAGC,GACD,OAAO,MAAMC,eAAe,CAACC,UAAkBC,aAAqE;QAEhEJ;IAAlD,MAAM,CAACK,OAAOC,SAAS,GAAGV,SAAwBI,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,qBAAsB,EAAE;IAE1E;;;GAGC,GACD,MAAMO,eAAe,CAACC,OAAwB;QAC5C,MAAMC,YAAY;eAAI,IAAIC,IAAIF,KAAKG,GAAG,CAACC,CAAAA;oBAAQA;gBAAAA,OAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI;;SAAG;QACjEL,UAAUM,OAAO,CAACD,CAAAA,OAAQ;YACxB,IAAIA,MACFd,QAAQ,CAACc,KAAK,GAAGN,KAAKQ,MAAM,CAACJ,CAAAA;oBAAQA;gBAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,KAAKA;;QAE5D;IACF;IAEA;;GAEC,GACD,MAAMG,kBAAkB,UAAY;QAClC,MAAMC,SAAS,MAAMxB,aAAaS,UAAU,IAAI;QAChD,IAAIe,OAAOC,MAAM,EACfZ,aAAaW;IAEjB;IAEAvB,UAAU,IAAM;QACd,IAAIS,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYe,MAAM,EACpBZ,aAAaH;aACR;YACL,IAAI,CAACH,YAAYmB,QAAQ,CAACjB,WAAW;gBACnCF,YAAYoB,IAAI,CAAClB;gBACjBJ,SAAS,IAAI;YACf,CAAC;YACD,IAAIA,QAAQ;gBACVuB,aAAazB;gBACbA,YAAY0B,WAAW,IAAM;oBAC3B7B,aAAaO,aAAauB,IAAI,CAACN,CAAAA,SAAU;wBACvC,IAAIA,OAAOC,MAAM,EACfZ,aAAaW;wBAEfnB,SAAS,KAAK;oBAChB;gBACF,GAAG;YACL,CAAC;QACH,CAAC;IACH,GAAG;QAACI;QAAUC;KAAW;IAEzBT,UAAU,IAAM;YACLK;YAAAA;QAATM,SAASN,CAAAA,4BAAAA,CAAAA,qBAAAA,QAAQ,CAACG,SAAS,cAAlBH,gCAAAA,KAAAA,IAAAA,mBAAoBgB,OAAOJ,CAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,CAAAA,aAAAA,KAAKC,IAAI,cAATD,wBAAAA,KAAAA,IAAAA,WAAWE,IAAI,AAAD,MAAMX;wBAAvDH,uCAAAA,4BAAoE,EAAE;IACjF,GAAG;QAACA,QAAQ,CAACG,SAAS;KAAC;IAGvB,OAAO;QAACE;QAAOY;KAAgB;AACjC,EAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AppDictItem } from "@knockout-js/api/ucenter";
|
|
3
|
-
import { SelectProps } from "antd";
|
|
4
|
-
export interface DictionarySelectProps extends SelectProps {
|
|
5
|
-
/**
|
|
6
|
-
* 字典code
|
|
7
|
-
*/
|
|
8
|
-
dictCode: string;
|
|
9
|
-
/**
|
|
10
|
-
* 外部提供数据源
|
|
11
|
-
*/
|
|
12
|
-
dataSource?: AppDictItem[];
|
|
13
|
-
/**
|
|
14
|
-
* changeValue=id: onChange的第一个参数值就为code
|
|
15
|
-
*/
|
|
16
|
-
changeValue?: "id" | "code";
|
|
17
|
-
}
|
|
18
|
-
declare const _default: (props: DictionarySelectProps) => JSX.Element;
|
|
19
|
-
export default _default;
|
|
@@ -1,51 +0,0 @@
|
|
|
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 _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
|
|
5
|
-
import { ReloadOutlined } from "@ant-design/icons";
|
|
6
|
-
import { Select } from "antd";
|
|
7
|
-
import { useEffect, useState } from "react";
|
|
8
|
-
import styles from "./index.module.css";
|
|
9
|
-
import { useDistItems } from "./index";
|
|
10
|
-
export default ((props)=>{
|
|
11
|
-
const { dictCode , dataSource , changeValue } = props, restProps = _object_without_properties(props, [
|
|
12
|
-
"dictCode",
|
|
13
|
-
"dataSource",
|
|
14
|
-
"changeValue"
|
|
15
|
-
]), [items, itemsReload] = useDistItems(dictCode, dataSource), [loading, setLoading] = useState(false), [options, setOptions] = useState([]);
|
|
16
|
-
useEffect(()=>{
|
|
17
|
-
setOptions(items.map((item)=>({
|
|
18
|
-
label: item.name,
|
|
19
|
-
value: item[changeValue !== null && changeValue !== void 0 ? changeValue : 'code'],
|
|
20
|
-
data: item
|
|
21
|
-
})));
|
|
22
|
-
}, [
|
|
23
|
-
items
|
|
24
|
-
]);
|
|
25
|
-
return /*#__PURE__*/ _jsx(Select, _object_spread_props(_object_spread({
|
|
26
|
-
style: {
|
|
27
|
-
width: '100%'
|
|
28
|
-
}
|
|
29
|
-
}, restProps), {
|
|
30
|
-
loading: loading,
|
|
31
|
-
options: options,
|
|
32
|
-
dropdownRender: (menu)=>/*#__PURE__*/ _jsxs(_Fragment, {
|
|
33
|
-
children: [
|
|
34
|
-
menu,
|
|
35
|
-
/*#__PURE__*/ _jsx("div", {
|
|
36
|
-
className: styles.selectActions,
|
|
37
|
-
children: /*#__PURE__*/ _jsx(ReloadOutlined, {
|
|
38
|
-
rev: undefined,
|
|
39
|
-
onClick: async ()=>{
|
|
40
|
-
setLoading(true);
|
|
41
|
-
await itemsReload();
|
|
42
|
-
setLoading(false);
|
|
43
|
-
}
|
|
44
|
-
})
|
|
45
|
-
})
|
|
46
|
-
]
|
|
47
|
-
})
|
|
48
|
-
}));
|
|
49
|
-
});
|
|
50
|
-
|
|
51
|
-
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\dictionary\select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\select.tsx"],"sourcesContent":["import { ReloadOutlined } from \"@ant-design/icons\";\r\nimport { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { Select, SelectProps } from \"antd\";\r\nimport { useEffect, useState } from \"react\";\r\nimport styles from \"./index.module.css\";\r\nimport { useDistItems } from \".\";\r\n\r\nexport interface DictionarySelectProps extends SelectProps {\r\n /**\r\n * 字典code\r\n */\r\n dictCode: string;\r\n /**\r\n * 外部提供数据源\r\n */\r\n dataSource?: AppDictItem[];\r\n /**\r\n * changeValue=id: onChange的第一个参数值就为code\r\n */\r\n changeValue?: \"id\" | \"code\";\r\n}\r\n\r\ntype DictionarySelectOption = {\r\n label: string;\r\n value: string;\r\n data: AppDictItem;\r\n}\r\n\r\nexport default (props: DictionarySelectProps) => {\r\n const { dictCode, dataSource, changeValue, ...restProps } = props,\r\n [items, itemsReload] = useDistItems(dictCode, dataSource),\r\n [loading, setLoading] = useState(false),\r\n [options, setOptions] = useState<DictionarySelectOption[]>([]);\r\n\r\n useEffect(() => {\r\n setOptions(items\r\n .map(item => ({\r\n label: item.name,\r\n value: item[changeValue ?? 'code'],\r\n data: item,\r\n }))\r\n );\r\n }, [items])\r\n\r\n return <Select\r\n style={{ width: '100%' }}\r\n {...restProps}\r\n loading={loading}\r\n options={options}\r\n dropdownRender={(menu) => <>\r\n {menu}\r\n <div className={styles.selectActions}>\r\n <ReloadOutlined rev={undefined} onClick={async () => {\r\n setLoading(true);\r\n await itemsReload();\r\n setLoading(false);\r\n }} />\r\n </div>\r\n </>\r\n }\r\n />\r\n}\r\n"],"names":["ReloadOutlined","Select","useEffect","useState","styles","useDistItems","props","dictCode","dataSource","changeValue","restProps","items","itemsReload","loading","setLoading","options","setOptions","map","item","label","name","value","data","style","width","dropdownRender","menu","div","className","selectActions","rev","undefined","onClick"],"mappings":";;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AAEnD,SAASC,MAAM,QAAqB,OAAO;AAC3C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,OAAOC,YAAY,qBAAqB;AACxC,SAASC,YAAY,QAAQ,UAAI;AAuBjC,eAAe,CAAA,CAACC,QAAiC;IAC/C,MAAM,EAAEC,SAAQ,EAAEC,WAAU,EAAEC,YAAW,EAAgB,GAAGH,OAAdI,uCAAcJ;QAApDC;QAAUC;QAAYC;QAC5B,CAACE,OAAOC,YAAY,GAAGP,aAAaE,UAAUC,aAC9C,CAACK,SAASC,WAAW,GAAGX,SAAS,KAAK,GACtC,CAACY,SAASC,WAAW,GAAGb,SAAmC,EAAE;IAE/DD,UAAU,IAAM;QACdc,WAAWL,MACRM,GAAG,CAACC,CAAAA,OAAS,CAAA;gBACZC,OAAOD,KAAKE,IAAI;gBAChBC,OAAOH,IAAI,CAACT,wBAAAA,yBAAAA,cAAe,MAAM,CAAC;gBAClCa,MAAMJ;YACR,CAAA;IAEJ,GAAG;QAACP;KAAM;IAEV,qBAAO,KAACV;QACNsB,OAAO;YAAEC,OAAO;QAAO;OACnBd;QACJG,SAASA;QACTE,SAASA;QACTU,gBAAgB,CAACC,qBAAS;;oBACvBA;kCACD,KAACC;wBAAIC,WAAWxB,OAAOyB,aAAa;kCAClC,cAAA,KAAC7B;4BAAe8B,KAAKC;4BAAWC,SAAS,UAAY;gCACnDlB,WAAW,IAAI;gCACf,MAAMF;gCACNE,WAAW,KAAK;4BAClB;;;;;;AAKR,CAAA,EAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AppDictItem } from "@knockout-js/api/ucenter";
|
|
3
|
-
import { TextProps } from "antd/es/typography/Text";
|
|
4
|
-
export interface DictionaryTextProps extends TextProps {
|
|
5
|
-
/**
|
|
6
|
-
* 值
|
|
7
|
-
*/
|
|
8
|
-
value?: string;
|
|
9
|
-
/**
|
|
10
|
-
* 字典code
|
|
11
|
-
*/
|
|
12
|
-
dictCode: string;
|
|
13
|
-
/**
|
|
14
|
-
* 外部提供数据源
|
|
15
|
-
*/
|
|
16
|
-
dataSource?: AppDictItem[];
|
|
17
|
-
/**
|
|
18
|
-
* 默认使用code来匹配value
|
|
19
|
-
*/
|
|
20
|
-
valueKey?: "id" | "code";
|
|
21
|
-
}
|
|
22
|
-
declare const _default: (props: DictionaryTextProps) => JSX.Element;
|
|
23
|
-
export default _default;
|
|
@@ -1,28 +0,0 @@
|
|
|
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 _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
|
|
4
|
-
import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
|
|
5
|
-
import { Typography } from "antd";
|
|
6
|
-
import { useEffect, useState } from "react";
|
|
7
|
-
import { useDistItems } from "./index";
|
|
8
|
-
export default ((props)=>{
|
|
9
|
-
const { value , dataSource , dictCode , valueKey } = props, restProps = _object_without_properties(props, [
|
|
10
|
-
"value",
|
|
11
|
-
"dataSource",
|
|
12
|
-
"dictCode",
|
|
13
|
-
"valueKey"
|
|
14
|
-
]), [items] = useDistItems(dictCode, dataSource), [dictItem, setDictItem] = useState();
|
|
15
|
-
useEffect(()=>{
|
|
16
|
-
setDictItem(items.find((item)=>item[valueKey !== null && valueKey !== void 0 ? valueKey : 'code'] === value));
|
|
17
|
-
}, [
|
|
18
|
-
value,
|
|
19
|
-
valueKey,
|
|
20
|
-
items
|
|
21
|
-
]);
|
|
22
|
-
var _dictItem_name, _ref;
|
|
23
|
-
return /*#__PURE__*/ _jsx(Typography.Text, _object_spread_props(_object_spread({}, restProps), {
|
|
24
|
-
children: (_ref = (_dictItem_name = dictItem === null || dictItem === void 0 ? void 0 : dictItem.name) !== null && _dictItem_name !== void 0 ? _dictItem_name : value) !== null && _ref !== void 0 ? _ref : ''
|
|
25
|
-
}));
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\es2017\components\dictionary\text.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\dictionary\\text.tsx"],"sourcesContent":["import { AppDictItem } from \"@knockout-js/api/ucenter\";\r\nimport { Typography } from \"antd\"\r\nimport { TextProps } from \"antd/es/typography/Text\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDistItems } from \".\";\r\n\r\nexport interface DictionaryTextProps extends TextProps {\r\n /**\r\n * 值\r\n */\r\n value?: string;\r\n /**\r\n * 字典code\r\n */\r\n dictCode: string;\r\n /**\r\n * 外部提供数据源\r\n */\r\n dataSource?: AppDictItem[];\r\n /**\r\n * 默认使用code来匹配value\r\n */\r\n valueKey?: \"id\" | \"code\";\r\n}\r\n\r\n\r\nexport default (props: DictionaryTextProps) => {\r\n const { value, dataSource, dictCode, valueKey, ...restProps } = props,\r\n [items] = useDistItems(dictCode, dataSource),\r\n [dictItem, setDictItem] = useState<AppDictItem>();\r\n\r\n\r\n useEffect(() => {\r\n setDictItem(items.find(item => item[valueKey ?? 'code'] === value));\r\n }, [value, valueKey, items]);\r\n\r\n return <Typography.Text {...restProps}>\r\n {dictItem?.name ?? value ?? ''}\r\n </Typography.Text>\r\n}\r\n"],"names":["Typography","useEffect","useState","useDistItems","props","value","dataSource","dictCode","valueKey","restProps","items","dictItem","setDictItem","find","item","Text","name"],"mappings":";;;;AACA,SAASA,UAAU,QAAQ,OAAM;AAEjC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,YAAY,QAAQ,UAAI;AAsBjC,eAAe,CAAA,CAACC,QAA+B;IAC7C,MAAM,EAAEC,MAAK,EAAEC,WAAU,EAAEC,SAAQ,EAAEC,SAAQ,EAAgB,GAAGJ,OAAdK,uCAAcL;QAAxDC;QAAOC;QAAYC;QAAUC;QACnC,CAACE,MAAM,GAAGP,aAAaI,UAAUD,aACjC,CAACK,UAAUC,YAAY,GAAGV;IAG5BD,UAAU,IAAM;QACdW,YAAYF,MAAMG,IAAI,CAACC,CAAAA,OAAQA,IAAI,CAACN,qBAAAA,sBAAAA,WAAY,MAAM,CAAC,KAAKH;IAC9D,GAAG;QAACA;QAAOG;QAAUE;KAAM;QAGxBC,gBAAAA;IADH,qBAAO,KAACX,WAAWe,IAAI,0CAAKN;kBACzBE,CAAAA,OAAAA,CAAAA,iBAAAA,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAUK,IAAI,cAAdL,4BAAAA,iBAAkBN,KAAK,cAAvBM,kBAAAA,OAA2B,EAAE;;AAElC,CAAA,EAAC"}
|