@knockout-js/layout 0.1.4 → 0.1.5-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es2017/components/upload-file/index.d.ts +13 -17
- package/es2017/components/upload-file/index.js.map +1 -1
- package/es2017/components/upload-file/locale/en_US.js +3 -1
- package/es2017/components/upload-file/locale/en_US.js.map +1 -1
- package/es2017/components/upload-file/locale/zh_CN.js +3 -1
- package/es2017/components/upload-file/locale/zh_CN.js.map +1 -1
- package/es2017/components/upload-file/uploadAvatar.d.ts +1 -1
- package/es2017/components/upload-file/uploadAvatar.js +33 -47
- package/es2017/components/upload-file/uploadAvatar.js.map +1 -1
- package/es2017/components/upload-file/uploadMultiple.js +107 -142
- package/es2017/components/upload-file/uploadMultiple.js.map +1 -1
- package/es2017/components/upload-file/uploadTemp.js +66 -74
- package/es2017/components/upload-file/uploadTemp.js.map +1 -1
- package/esm/components/upload-file/index.d.ts +13 -17
- package/esm/components/upload-file/index.js.map +1 -1
- package/esm/components/upload-file/locale/en_US.js +3 -1
- package/esm/components/upload-file/locale/en_US.js.map +1 -1
- package/esm/components/upload-file/locale/zh_CN.js +3 -1
- package/esm/components/upload-file/locale/zh_CN.js.map +1 -1
- package/esm/components/upload-file/uploadAvatar.d.ts +1 -1
- package/esm/components/upload-file/uploadAvatar.js +55 -94
- package/esm/components/upload-file/uploadAvatar.js.map +1 -1
- package/esm/components/upload-file/uploadMultiple.js +173 -233
- package/esm/components/upload-file/uploadMultiple.js.map +1 -1
- package/esm/components/upload-file/uploadTemp.js +121 -149
- package/esm/components/upload-file/uploadTemp.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,6 +5,8 @@ export type UploadFileLocale = {
|
|
|
5
5
|
clickOrDragUpload: string;
|
|
6
6
|
supportExtension: string;
|
|
7
7
|
errSupportExtension: string;
|
|
8
|
+
errorUpload: string;
|
|
9
|
+
errorDel: string;
|
|
8
10
|
fileUpload: string;
|
|
9
11
|
tempViewer: string;
|
|
10
12
|
tempDown: string;
|
|
@@ -15,23 +17,23 @@ export interface UploadFileProps<T> {
|
|
|
15
17
|
*/
|
|
16
18
|
bucket?: string;
|
|
17
19
|
/**
|
|
18
|
-
*
|
|
20
|
+
* endpoint
|
|
19
21
|
*/
|
|
20
|
-
|
|
22
|
+
endpoint?: string;
|
|
21
23
|
/**
|
|
22
|
-
*
|
|
24
|
+
* 目录格式 xxx/xx
|
|
23
25
|
*/
|
|
24
|
-
|
|
26
|
+
directory: string;
|
|
25
27
|
/**
|
|
26
|
-
*
|
|
28
|
+
* 使用file.name当作文件名
|
|
27
29
|
*/
|
|
28
|
-
|
|
30
|
+
useFileName?: boolean;
|
|
29
31
|
/**
|
|
30
|
-
*
|
|
32
|
+
* 使用这个值当作文件名时不包含后缀 custromFileName='fileName'
|
|
31
33
|
*/
|
|
32
|
-
|
|
34
|
+
custromFileName?: string;
|
|
33
35
|
/**
|
|
34
|
-
* 限制文件大小
|
|
36
|
+
* 限制文件大小 默认5M
|
|
35
37
|
*/
|
|
36
38
|
maxSize?: number;
|
|
37
39
|
/**
|
|
@@ -39,19 +41,13 @@ export interface UploadFileProps<T> {
|
|
|
39
41
|
*/
|
|
40
42
|
accept?: string;
|
|
41
43
|
/**
|
|
42
|
-
*
|
|
44
|
+
* 使用url
|
|
43
45
|
*/
|
|
44
46
|
value?: T;
|
|
45
47
|
/**
|
|
46
|
-
*
|
|
48
|
+
* 返回存储数据库的url
|
|
47
49
|
* @param value
|
|
48
50
|
* @returns
|
|
49
51
|
*/
|
|
50
52
|
onChange?: (value?: T) => void;
|
|
51
|
-
/**
|
|
52
|
-
* 返回文件path
|
|
53
|
-
* @param path
|
|
54
|
-
* @returns
|
|
55
|
-
*/
|
|
56
|
-
onChangePath?: (path?: T) => void;
|
|
57
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于:\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /**\r\n * bucket\r\n */\r\n bucket?: string;\r\n /**\r\n *
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于:\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n errorUpload: string;\r\n errorDel: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /**\r\n * bucket\r\n */\r\n bucket?: string;\r\n /**\r\n * endpoint\r\n */\r\n endpoint?: string;\r\n /**\r\n * 目录格式 xxx/xx\r\n */\r\n directory: string;\r\n /**\r\n * 使用file.name当作文件名\r\n */\r\n useFileName?: boolean;\r\n /**\r\n * 使用这个值当作文件名时不包含后缀 custromFileName='fileName'\r\n */\r\n custromFileName?: string;\r\n /**\r\n * 限制文件大小 默认5M\r\n */\r\n maxSize?: number;\r\n /**\r\n * 限制弹框选择\r\n */\r\n accept?: string;\r\n /**\r\n * 使用url\r\n */\r\n value?: T;\r\n /**\r\n * 返回存储数据库的url\r\n * @param value\r\n * @returns\r\n */\r\n onChange?: (value?: T) => void;\r\n\r\n}\r\n"],"names":[],"mappings":"AAAA,WAyDC"}
|
|
@@ -7,7 +7,9 @@ const locale = {
|
|
|
7
7
|
errSupportExtension: "Only the extension name is supported",
|
|
8
8
|
fileUpload: "File upload",
|
|
9
9
|
tempViewer: "Template preview",
|
|
10
|
-
tempDown: "Template download"
|
|
10
|
+
tempDown: "Template download",
|
|
11
|
+
errorUpload: 'If the upload is abnormal, contact the administrator',
|
|
12
|
+
errorDel: 'If the deletion is abnormal, contact the administrator'
|
|
11
13
|
};
|
|
12
14
|
export default locale;
|
|
13
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\en_US.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n fileSizeTip: \"The file size cannot be less than\",\r\n del: \"delete\",\r\n confirmDel: \"Confirm deletion\",\r\n clickOrDragUpload: \"Click or drag the file to upload\",\r\n supportExtension: \"Support extension\",\r\n errSupportExtension: \"Only the extension name is supported\",\r\n fileUpload: \"File upload\",\r\n tempViewer: \"Template preview\",\r\n tempDown: \"Template download\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\en_US.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n fileSizeTip: \"The file size cannot be less than\",\r\n del: \"delete\",\r\n confirmDel: \"Confirm deletion\",\r\n clickOrDragUpload: \"Click or drag the file to upload\",\r\n supportExtension: \"Support extension\",\r\n errSupportExtension: \"Only the extension name is supported\",\r\n fileUpload: \"File upload\",\r\n tempViewer: \"Template preview\",\r\n tempDown: \"Template download\",\r\n errorUpload: 'If the upload is abnormal, contact the administrator',\r\n errorDel: 'If the deletion is abnormal, contact the administrator',\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown","errorUpload","errorDel"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,UAAU;AACZ;AAEA,eAAeX,OAAM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\zh_CN.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n fileSizeTip: \"文件大小不能小于\",\r\n del: \"删除\",\r\n confirmDel: \"确认删除\",\r\n clickOrDragUpload: \"点击或拖拽文件上传\",\r\n supportExtension: \"支持扩展名\",\r\n errSupportExtension: \"只支持扩展名\",\r\n fileUpload: \"文件上传\",\r\n tempViewer: \"模板预览\",\r\n tempDown: \"模板下载\",\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\locale\\zh_CN.ts"],"sourcesContent":["import { UploadFileLocale } from \"../index\";\r\n\r\nconst locale: UploadFileLocale = {\r\n fileSizeTip: \"文件大小不能小于\",\r\n del: \"删除\",\r\n confirmDel: \"确认删除\",\r\n clickOrDragUpload: \"点击或拖拽文件上传\",\r\n supportExtension: \"支持扩展名\",\r\n errSupportExtension: \"只支持扩展名\",\r\n fileUpload: \"文件上传\",\r\n tempViewer: \"模板预览\",\r\n tempDown: \"模板下载\",\r\n errorUpload: '上传异常,请联系管理员',\r\n errorDel: '删除异常,请联系管理员',\r\n};\r\n\r\nexport default locale\r\n"],"names":["locale","fileSizeTip","del","confirmDel","clickOrDragUpload","supportExtension","errSupportExtension","fileUpload","tempViewer","tempDown","errorUpload","errorDel"],"mappings":"AAEA,MAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,UAAU;AACZ;AAEA,eAAeX,OAAM"}
|
|
@@ -2,55 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
|
|
|
2
2
|
import { PlusOutlined } from "@ant-design/icons";
|
|
3
3
|
import { Spin, Upload, message } from "antd";
|
|
4
4
|
import { useEffect, useState } from "react";
|
|
5
|
-
import { useAppCode, useTenantId } from "../provider/index";
|
|
6
5
|
import { useLocale } from "../locale/index";
|
|
7
|
-
import { formatFileSize
|
|
8
|
-
import {
|
|
6
|
+
import { formatFileSize } from "../_util/index";
|
|
7
|
+
import { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from "@knockout-js/api";
|
|
9
8
|
export default ((props)=>{
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
const getUploadKey = (file)=>{
|
|
13
|
-
const suffix = file.name.split('.').pop(), keys = [];
|
|
14
|
-
if (props.forceDirectory && props.directory) {
|
|
15
|
-
keys.push(props.directory);
|
|
16
|
-
} else {
|
|
17
|
-
if (appCode) {
|
|
18
|
-
keys.push(appCode);
|
|
19
|
-
}
|
|
20
|
-
if (tenantId) {
|
|
21
|
-
keys.push(tenantId);
|
|
22
|
-
}
|
|
23
|
-
if (props.directory) {
|
|
24
|
-
keys.push(props.directory);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
keys.push(`${randomId(16)}.${suffix}`);
|
|
28
|
-
return `/${keys.join('/')}`.replace('//', '/');
|
|
29
|
-
}, updateFile = async (file)=>{
|
|
30
|
-
const key = getUploadKey(file);
|
|
31
|
-
setLoading(true);
|
|
32
|
-
if (bucket === 'local') {
|
|
33
|
-
try {
|
|
34
|
-
const result = await updateFiles({
|
|
35
|
-
key,
|
|
36
|
-
bucket,
|
|
37
|
-
file
|
|
38
|
-
});
|
|
39
|
-
if (result) {
|
|
40
|
-
var _props_onChange, _props_onChangePath;
|
|
41
|
-
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
|
|
42
|
-
(_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
|
|
43
|
-
}
|
|
44
|
-
} catch (error) {}
|
|
45
|
-
}
|
|
46
|
-
setLoading(false);
|
|
47
|
-
}, getValueFile = async ()=>{
|
|
9
|
+
const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
|
|
10
|
+
const getValueFile = async ()=>{
|
|
48
11
|
if (props.value) {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
12
|
+
const result = await parseStorageUrl(props.value, {
|
|
13
|
+
endpoint: props.endpoint,
|
|
14
|
+
bucket: props.bucket
|
|
15
|
+
});
|
|
16
|
+
if (result) {
|
|
17
|
+
setImgsrc(result);
|
|
54
18
|
}
|
|
55
19
|
} else {
|
|
56
20
|
setImgsrc(undefined);
|
|
@@ -77,7 +41,29 @@ export default ((props)=>{
|
|
|
77
41
|
messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
|
|
78
42
|
return false;
|
|
79
43
|
}
|
|
80
|
-
|
|
44
|
+
setLoading(true);
|
|
45
|
+
const result = await uploadFile(file, props.directory, {
|
|
46
|
+
endpoint: props.endpoint,
|
|
47
|
+
bucket: props.bucket,
|
|
48
|
+
useFileName: props.useFileName,
|
|
49
|
+
custromFileName: props.custromFileName
|
|
50
|
+
});
|
|
51
|
+
if (result === null || result === void 0 ? void 0 : result.path) {
|
|
52
|
+
var _props_onChange;
|
|
53
|
+
const storageUrl = await getStorageUrl(result.path, {
|
|
54
|
+
endpoint: props.endpoint,
|
|
55
|
+
bucket: props.bucket
|
|
56
|
+
});
|
|
57
|
+
const url = await getFileUrl(result.path, {
|
|
58
|
+
endpoint: props.endpoint,
|
|
59
|
+
bucket: props.bucket
|
|
60
|
+
});
|
|
61
|
+
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
|
|
62
|
+
setImgsrc(url);
|
|
63
|
+
} else {
|
|
64
|
+
messageApi.error(locale.errorUpload);
|
|
65
|
+
}
|
|
66
|
+
setLoading(false);
|
|
81
67
|
return false;
|
|
82
68
|
},
|
|
83
69
|
children: imgsrc ? /*#__PURE__*/ _jsx("img", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport {
|
|
1
|
+
{"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { useEffect, useState } from \"react\";\r\nimport { UploadFileProps } from \"./index\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize } from \"../_util\";\r\nimport { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string>) => {\r\n const locale = useLocale(\"UploadFile\"),\r\n [messageApi] = message.useMessage(),\r\n [loading, setLoading] = useState(false),\r\n [imgsrc, setImgsrc] = useState<string>();\r\n\r\n const getValueFile = async () => {\r\n if (props.value) {\r\n const result = await parseStorageUrl(props.value, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket\r\n });\r\n if (result) {\r\n setImgsrc(result)\r\n }\r\n } else {\r\n setImgsrc(undefined)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValueFile()\r\n }, [props.value])\r\n\r\n return <div style={{ display: \"inline-block\" }}>\r\n <Spin spinning={loading} >\r\n <Upload\r\n accept={props.accept}\r\n listType=\"picture-card\"\r\n showUploadList={false}\r\n beforeUpload={async (file) => {\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 setLoading(true);\r\n const result = await uploadFile(file, props.directory, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket,\r\n useFileName: props.useFileName,\r\n custromFileName: props.custromFileName,\r\n });\r\n\r\n if (result?.path) {\r\n const storageUrl = await getStorageUrl(result.path, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket,\r\n });\r\n const url = await getFileUrl(result.path, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket\r\n })\r\n props.onChange?.(storageUrl);\r\n setImgsrc(url)\r\n } else {\r\n messageApi.error(locale.errorUpload);\r\n }\r\n setLoading(false)\r\n return false;\r\n }}\r\n >\r\n {\r\n imgsrc ? <img\r\n src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n /> : <>\r\n <PlusOutlined rev={undefined} />\r\n <div style={{ marginTop: 8 }}></div>\r\n </>\r\n }\r\n </Upload>\r\n </Spin>\r\n </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useLocale","formatFileSize","parseStorageUrl","getStorageUrl","uploadFile","getFileUrl","props","locale","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","getValueFile","value","result","endpoint","bucket","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","size","error","fileSizeTip","directory","useFileName","custromFileName","path","storageUrl","url","onChange","errorUpload","img","src","alt","width","rev","marginTop"],"mappings":";AAAA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAC5C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,QAAQ,iBAAW;AAC1C,SAASC,eAAe,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,QAAQ,mBAAmB;AAE1F,eAAe,CAAA,CAACC,QAAmC;IACjD,MAAMC,SAASP,UAAU,eACvB,CAACQ,WAAW,GAAGX,QAAQY,UAAU,IACjC,CAACC,SAASC,WAAW,GAAGZ,SAAS,KAAK,GACtC,CAACa,QAAQC,UAAU,GAAGd;IAExB,MAAMe,eAAe,UAAY;QAC/B,IAAIR,MAAMS,KAAK,EAAE;YACf,MAAMC,SAAS,MAAMd,gBAAgBI,MAAMS,KAAK,EAAE;gBAChDE,UAAUX,MAAMW,QAAQ;gBACxBC,QAAQZ,MAAMY,MAAM;YACtB;YACA,IAAIF,QAAQ;gBACVH,UAAUG;YACZ,CAAC;QACH,OAAO;YACLH,UAAUM;QACZ,CAAC;IACH;IAEArB,UAAU,IAAM;QACdgB;IACF,GAAG;QAACR,MAAMS,KAAK;KAAC;IAEhB,qBAAO,KAACK;QAAIC,OAAO;YAAEC,SAAS;QAAe;kBAC3C,cAAA,KAAC3B;YAAK4B,UAAUb;sBACd,cAAA,KAACd;gBACC4B,QAAQlB,MAAMkB,MAAM;gBACpBC,UAAS;gBACTC,gBAAgB,KAAK;gBACrBC,cAAc,OAAOC,OAAS;oBAC5B,MAAMC,UAAUvB,MAAMuB,OAAO,IAAK,OAAO,OAAO;oBAEhD,IAAID,KAAKE,IAAI,GAAGD,SAAS;wBACvBrB,WAAWuB,KAAK,CAAC,CAAC,EAAExB,OAAOyB,WAAW,CAAC,EAAE,EAAE/B,eAAe4B,SAAS,CAAC;wBACpE,OAAO,KAAK;oBACd,CAAC;oBACDlB,WAAW,IAAI;oBACf,MAAMK,SAAS,MAAMZ,WAAWwB,MAAMtB,MAAM2B,SAAS,EAAE;wBACrDhB,UAAUX,MAAMW,QAAQ;wBACxBC,QAAQZ,MAAMY,MAAM;wBACpBgB,aAAa5B,MAAM4B,WAAW;wBAC9BC,iBAAiB7B,MAAM6B,eAAe;oBACxC;oBAEA,IAAInB,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQoB,IAAI,EAAE;4BAShB9B;wBARA,MAAM+B,aAAa,MAAMlC,cAAca,OAAOoB,IAAI,EAAE;4BAClDnB,UAAUX,MAAMW,QAAQ;4BACxBC,QAAQZ,MAAMY,MAAM;wBACtB;wBACA,MAAMoB,MAAM,MAAMjC,WAAWW,OAAOoB,IAAI,EAAE;4BACxCnB,UAAUX,MAAMW,QAAQ;4BACxBC,QAAQZ,MAAMY,MAAM;wBACtB;wBACAZ,CAAAA,kBAAAA,MAAMiC,QAAQ,cAAdjC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiB+B;wBACjBxB,UAAUyB;oBACZ,OAAO;wBACL9B,WAAWuB,KAAK,CAACxB,OAAOiC,WAAW;oBACrC,CAAC;oBACD7B,WAAW,KAAK;oBAChB,OAAO,KAAK;gBACd;0BAGEC,uBAAS,KAAC6B;oBACRC,KAAK9B;oBAAQ+B,KAAI;oBAAStB,OAAO;wBAAEuB,OAAO;oBAAO;mCAC9C;;sCACH,KAAClD;4BAAamD,KAAK1B;;sCACnB,KAACC;4BAAIC,OAAO;gCAAEyB,WAAW;4BAAE;;;kBAC1B;;;;AAKb,CAAA,EAAC"}
|
|
@@ -1,171 +1,136 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
|
|
2
2
|
import { UploadOutlined } from "@ant-design/icons";
|
|
3
|
-
import { Modal,
|
|
3
|
+
import { Modal, Typography, Upload, message } from "antd";
|
|
4
4
|
import { useEffect, useState } from "react";
|
|
5
|
-
import {
|
|
6
|
-
import { useAppCode, useTenantId } from "../provider/index";
|
|
5
|
+
import { delFile, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
|
|
7
6
|
import { useLocale } from "../locale/index";
|
|
8
|
-
import { formatFileSize
|
|
9
|
-
let files = [];
|
|
7
|
+
import { formatFileSize } from "../_util/index";
|
|
10
8
|
let timeoutFn = undefined;
|
|
9
|
+
let files = [];
|
|
11
10
|
export default ((props)=>{
|
|
12
11
|
var _props_accept;
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
keys.push(props.directory);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
keys.push(`${randomId(16)}.${suffix}`);
|
|
31
|
-
return `/${keys.join('/')}`.replace('//', '/');
|
|
32
|
-
}, beforeUpload = async (file)=>{
|
|
33
|
-
const maxSize = props.maxSize || 1024 * 5000;
|
|
34
|
-
if (file.size > maxSize) {
|
|
35
|
-
message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
|
|
36
|
-
return false;
|
|
37
|
-
}
|
|
38
|
-
files.push(file);
|
|
39
|
-
clearTimeout(timeoutFn);
|
|
40
|
-
timeoutFn = setTimeout(async ()=>{
|
|
41
|
-
await updateFile();
|
|
42
|
-
}, 500);
|
|
43
|
-
return false;
|
|
44
|
-
}, updateFile = async ()=>{
|
|
45
|
-
if (files.length) {
|
|
46
|
-
var _props_onChange;
|
|
47
|
-
setLoading(true);
|
|
48
|
-
const values = props.value || [];
|
|
49
|
-
for(let i in files){
|
|
50
|
-
const file = files[i], key = getUploadKey(file);
|
|
51
|
-
if (bucket === 'local') {
|
|
52
|
-
try {
|
|
53
|
-
const result = await updateFiles({
|
|
54
|
-
key,
|
|
55
|
-
bucket,
|
|
56
|
-
file
|
|
57
|
-
});
|
|
58
|
-
if (result) {
|
|
59
|
-
values.push(result);
|
|
60
|
-
}
|
|
61
|
-
} catch (error) {}
|
|
12
|
+
const locale = useLocale("UploadFile"), [list, setList] = useState([]);
|
|
13
|
+
const getValuesFile = async (values)=>{
|
|
14
|
+
var _values_length;
|
|
15
|
+
const len = (_values_length = values === null || values === void 0 ? void 0 : values.length) !== null && _values_length !== void 0 ? _values_length : 0, valueList = [];
|
|
16
|
+
if (values && len) {
|
|
17
|
+
for(let i = 0; i < len; i++){
|
|
18
|
+
const data = await parseStorageData(values[i]);
|
|
19
|
+
if (data) {
|
|
20
|
+
valueList.push({
|
|
21
|
+
uid: `${i}${data.path}`,
|
|
22
|
+
name: data.name,
|
|
23
|
+
response: data,
|
|
24
|
+
url: data.url
|
|
25
|
+
});
|
|
62
26
|
}
|
|
63
27
|
}
|
|
64
|
-
await getValuesFile(values);
|
|
65
|
-
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
|
|
66
|
-
setLoading(false);
|
|
67
|
-
files = [];
|
|
68
28
|
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
list.push(data);
|
|
29
|
+
setList(valueList);
|
|
30
|
+
}, runUploadFile = async ()=>{
|
|
31
|
+
var _props_onChange;
|
|
32
|
+
var _item_response_storageUrl, _list_map;
|
|
33
|
+
const values = (_list_map = list.map((item)=>{
|
|
34
|
+
var _item_response;
|
|
35
|
+
return (_item_response_storageUrl = (_item_response = item.response) === null || _item_response === void 0 ? void 0 : _item_response.storageUrl) !== null && _item_response_storageUrl !== void 0 ? _item_response_storageUrl : '';
|
|
36
|
+
})) !== null && _list_map !== void 0 ? _list_map : [];
|
|
37
|
+
for(let i = 0; i < files.length; i++){
|
|
38
|
+
const item = files[i];
|
|
39
|
+
const uData = await uploadFile(item, props.directory, {
|
|
40
|
+
endpoint: props.endpoint,
|
|
41
|
+
bucket: props.bucket,
|
|
42
|
+
useFileName: props.useFileName,
|
|
43
|
+
custromFileName: props.custromFileName
|
|
44
|
+
});
|
|
45
|
+
if (uData === null || uData === void 0 ? void 0 : uData.path) {
|
|
46
|
+
const storageUrl = await getStorageUrl(uData.path, {
|
|
47
|
+
endpoint: props.endpoint,
|
|
48
|
+
bucket: props.bucket
|
|
49
|
+
});
|
|
50
|
+
if (storageUrl) {
|
|
51
|
+
values.push(storageUrl);
|
|
95
52
|
}
|
|
96
|
-
setList([
|
|
97
|
-
...list
|
|
98
|
-
]);
|
|
99
53
|
}
|
|
100
|
-
} else {
|
|
101
|
-
setList([]);
|
|
102
54
|
}
|
|
55
|
+
(_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
|
|
56
|
+
files = [];
|
|
103
57
|
};
|
|
104
58
|
useEffect(()=>{
|
|
105
59
|
getValuesFile(props.value);
|
|
106
60
|
}, [
|
|
107
61
|
props.value
|
|
108
62
|
]);
|
|
109
|
-
useEffect(()=>{
|
|
110
|
-
var _props_onChangePath;
|
|
111
|
-
const paths = [];
|
|
112
|
-
list.forEach((item)=>{
|
|
113
|
-
if (item.response) {
|
|
114
|
-
paths.push(item.response.path);
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
(_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
|
|
118
|
-
}, [
|
|
119
|
-
list
|
|
120
|
-
]);
|
|
121
63
|
useEffect(()=>{
|
|
122
64
|
return ()=>{
|
|
123
65
|
clearTimeout(timeoutFn);
|
|
124
66
|
};
|
|
125
67
|
}, []);
|
|
126
|
-
return /*#__PURE__*/
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
68
|
+
return /*#__PURE__*/ _jsxs(Upload.Dragger, {
|
|
69
|
+
accept: props.accept,
|
|
70
|
+
beforeUpload: async (file)=>{
|
|
71
|
+
const maxSize = props.maxSize || 1024 * 5000;
|
|
72
|
+
if (file.size > maxSize) {
|
|
73
|
+
message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
|
|
74
|
+
return false;
|
|
75
|
+
}
|
|
76
|
+
files.push(file);
|
|
77
|
+
clearTimeout(timeoutFn);
|
|
78
|
+
timeoutFn = setTimeout(async ()=>{
|
|
79
|
+
await runUploadFile();
|
|
80
|
+
}, 500);
|
|
81
|
+
return false;
|
|
82
|
+
},
|
|
83
|
+
multiple: true,
|
|
84
|
+
fileList: list,
|
|
85
|
+
onRemove: (file)=>{
|
|
86
|
+
Modal.confirm({
|
|
87
|
+
title: locale.del,
|
|
88
|
+
content: `${locale.confirmDel}: ${file.name}`,
|
|
89
|
+
onOk: async ()=>{
|
|
90
|
+
var _file_response, _file_response1;
|
|
91
|
+
const storageUrl = (_file_response = file.response) === null || _file_response === void 0 ? void 0 : _file_response.storageUrl, path = (_file_response1 = file.response) === null || _file_response1 === void 0 ? void 0 : _file_response1.path;
|
|
92
|
+
if (storageUrl && path) {
|
|
93
|
+
const result = await delFile(path, {
|
|
94
|
+
endpoint: props.endpoint,
|
|
95
|
+
bucket: props.bucket
|
|
96
|
+
});
|
|
97
|
+
if (result) {
|
|
98
|
+
var _props_onChange, _props_value;
|
|
99
|
+
(_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((item)=>item != storageUrl)) || []);
|
|
100
|
+
} else {
|
|
101
|
+
message.error(locale.errorDel);
|
|
102
|
+
}
|
|
103
|
+
} else {
|
|
104
|
+
var _props_onChange1, _props_value1;
|
|
105
|
+
(_props_onChange1 = props.onChange) === null || _props_onChange1 === void 0 ? void 0 : _props_onChange1.call(props, ((_props_value1 = props.value) === null || _props_value1 === void 0 ? void 0 : _props_value1.filter((item)=>item != storageUrl)) || []);
|
|
141
106
|
}
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
})
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
})
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
})
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
},
|
|
110
|
+
children: [
|
|
111
|
+
/*#__PURE__*/ _jsx("br", {}),
|
|
112
|
+
/*#__PURE__*/ _jsx("div", {
|
|
113
|
+
children: /*#__PURE__*/ _jsx(UploadOutlined, {
|
|
114
|
+
style: {
|
|
115
|
+
fontSize: 40
|
|
116
|
+
},
|
|
117
|
+
rev: undefined
|
|
118
|
+
})
|
|
119
|
+
}),
|
|
120
|
+
/*#__PURE__*/ _jsx("br", {}),
|
|
121
|
+
/*#__PURE__*/ _jsx("div", {
|
|
122
|
+
children: /*#__PURE__*/ _jsx(Typography.Text, {
|
|
123
|
+
type: "secondary",
|
|
124
|
+
children: locale.clickOrDragUpload
|
|
125
|
+
})
|
|
126
|
+
}),
|
|
127
|
+
/*#__PURE__*/ _jsx("div", {
|
|
128
|
+
children: /*#__PURE__*/ _jsx(Typography.Text, {
|
|
129
|
+
type: "secondary",
|
|
130
|
+
children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
|
|
166
131
|
})
|
|
167
|
-
|
|
168
|
-
|
|
132
|
+
})
|
|
133
|
+
]
|
|
169
134
|
});
|
|
170
135
|
});
|
|
171
136
|
|
|
@@ -1 +1 @@
|
|
|
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","length","values","value","i","key","result","getValuesFile","onChange","oldKye","map","item","uid","addKeys","filter","includes","addLength","data","id","linkProps","download","response","resultRaw","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, 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 { delFile, getStorageUrl, parseStorageData, uploadFile, UploadFileRes } from \"@knockout-js/api\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize } from \"../_util\";\r\n\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\nlet files: RcFile[] = [];\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\r\n const\r\n locale = useLocale(\"UploadFile\"),\r\n [list, setList] = useState<UploadFile<UploadFileRes>[]>([]);\r\n\r\n const\r\n getValuesFile = async (values?: string[]) => {\r\n const len = values?.length ?? 0,\r\n valueList: UploadFile<UploadFileRes>[] = [];\r\n if (values && len) {\r\n for (let i = 0; i < len; i++) {\r\n const data = await parseStorageData(values[i])\r\n if (data) {\r\n valueList.push({\r\n uid: `${i}${data.path}`,\r\n name: data.name,\r\n response: data,\r\n url: data.url,\r\n })\r\n }\r\n }\r\n }\r\n setList(valueList)\r\n },\r\n runUploadFile = async () => {\r\n const values = list.map(item => item.response?.storageUrl ?? '') ?? [];\r\n for (let i = 0; i < files.length; i++) {\r\n const item = files[i];\r\n\r\n const uData = await uploadFile(item, props.directory, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket,\r\n useFileName: props.useFileName,\r\n custromFileName: props.custromFileName,\r\n });\r\n if (uData?.path) {\r\n const storageUrl = await getStorageUrl(uData.path, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket\r\n });\r\n if (storageUrl) {\r\n values.push(storageUrl)\r\n }\r\n }\r\n }\r\n props.onChange?.(values);\r\n files = []\r\n }\r\n\r\n useEffect(() => {\r\n getValuesFile(props.value);\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeoutFn);\r\n };\r\n }, []);\r\n\r\n return <Upload.Dragger\r\n accept={props.accept}\r\n beforeUpload={async (file: RcFile) => {\r\n const maxSize = props.maxSize || 1024 * 5000;\r\n if (file.size > maxSize) {\r\n message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n\r\n files.push(file)\r\n\r\n clearTimeout(timeoutFn);\r\n timeoutFn = setTimeout(async () => {\r\n await runUploadFile();\r\n }, 500)\r\n\r\n return false;\r\n }}\r\n multiple={true}\r\n fileList={list}\r\n onRemove={(file: UploadFile<UploadFileRes>) => {\r\n Modal.confirm({\r\n title: locale.del,\r\n content: `${locale.confirmDel}: ${file.name}`,\r\n onOk: async () => {\r\n const storageUrl = file.response?.storageUrl,\r\n path = file.response?.path\r\n if (storageUrl && path) {\r\n const result = await delFile(path, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket\r\n });\r\n if (result) {\r\n props.onChange?.(props.value?.filter(item => item != storageUrl) || [])\r\n } else {\r\n message.error(locale.errorDel);\r\n }\r\n } else {\r\n props.onChange?.(props.value?.filter(item => item != storageUrl) || [])\r\n }\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}\r\n"],"names":["UploadOutlined","Modal","Typography","Upload","message","useEffect","useState","delFile","getStorageUrl","parseStorageData","uploadFile","useLocale","formatFileSize","timeoutFn","undefined","files","props","locale","list","setList","getValuesFile","values","len","length","valueList","i","data","push","uid","path","name","response","url","runUploadFile","item","map","storageUrl","uData","directory","endpoint","bucket","useFileName","custromFileName","onChange","value","clearTimeout","Dragger","accept","beforeUpload","file","maxSize","size","error","fileSizeTip","setTimeout","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","result","filter","errorDel","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension","split","join","replace"],"mappings":"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"}
|