@knockout-js/layout 0.1.3 → 0.1.5-beta.0

package/esm/components/upload-file/uploadMultiple.js

@@ -1,248 +1,122 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import { UploadOutlined } from "@ant-design/icons";
-import { Modal, Spin, Typography, Upload, message } from "antd";
+import { Modal, Typography, Upload, message } from "antd";
 import { useEffect, useState } from "react";
-import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
-import { useAppCode, useTenantId } from "../provider/index";
+import { delFile, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
 import { useLocale } from "../locale/index";
-import { formatFileSize, randomId } from "../_util/index";
-var files = [];
+import { formatFileSize } from "../_util/index";
 var timeoutFn = undefined;
+var files = [];
 export default function(props) {
     var _props_accept;
-    var _props_bucket, _props_appCode, _props_tenantId;
-    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];
-    var getUploadKey = function(file) {
-        var suffix = file.name.split(".").pop(), keys = [];
-        if (props.forceDirectory && props.directory) {
-            keys.push(props.directory);
-        } else {
-            if (appCode) {
-                keys.push(appCode);
-            }
-            if (tenantId) {
-                keys.push(tenantId);
-            }
-            if (props.directory) {
-                keys.push(props.directory);
-            }
-        }
-        keys.push("".concat(randomId(16), ".").concat(suffix));
-        return "/".concat(keys.join("/")).replace("//", "/");
-    }, beforeUpload = function() {
-        var _ref = _async_to_generator(function(file) {
-            var maxSize;
-            return _ts_generator(this, function(_state) {
-                maxSize = props.maxSize || 1024 * 5000;
-                if (file.size > maxSize) {
-                    message.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
-                    return [
-                        2,
-                        false
-                    ];
-                }
-                files.push(file);
-                clearTimeout(timeoutFn);
-                timeoutFn = setTimeout(/*#__PURE__*/ _async_to_generator(function() {
-                    return _ts_generator(this, function(_state) {
-                        switch(_state.label){
-                            case 0:
-                                return [
-                                    4,
-                                    updateFile()
-                                ];
-                            case 1:
-                                _state.sent();
-                                return [
-                                    2
-                                ];
-                        }
-                    });
-                }), 500);
-                return [
-                    2,
-                    false
-                ];
-            });
-        });
-        return function beforeUpload(file) {
-            return _ref.apply(this, arguments);
-        };
-    }(), updateFile = function() {
-        var _ref = _async_to_generator(function() {
-            var _props_onChange, values, _tmp, _tmp1, _i, i, file, key, result, error;
+    var locale = useLocale("UploadFile"), _useState = _sliced_to_array(useState([]), 2), list = _useState[0], setList = _useState[1];
+    var getValuesFile = function() {
+        var _ref = _async_to_generator(function(values) {
+            var _values_length, len, valueList, i, data;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        if (!files.length) return [
+                        len = (_values_length = values === null || values === void 0 ? void 0 : values.length) !== null && _values_length !== void 0 ? _values_length : 0, valueList = [];
+                        if (!(values && len)) return [
                             3,
-                            8
+                            4
                         ];
-                        setLoading(true);
-                        values = props.value || [];
-                        _tmp = [];
-                        for(_tmp1 in files)_tmp.push(_tmp1);
-                        _i = 0;
+                        i = 0;
                         _state.label = 1;
                     case 1:
-                        if (!(_i < _tmp.length)) return [
-                            3,
-                            6
-                        ];
-                        i = _tmp[_i];
-                        file = files[i], key = getUploadKey(file);
-                        if (!(bucket === "local")) return [
+                        if (!(i < len)) return [
                             3,
-                            5
+                            4
                         ];
-                        _state.label = 2;
-                    case 2:
-                        _state.trys.push([
-                            2,
-                            4,
-                            ,
-                            5
-                        ]);
                         return [
                             4,
-                            updateFiles({
-                                key: key,
-                                bucket: bucket,
-                                file: file
-                            })
+                            parseStorageData(values[i])
                         ];
-                    case 3:
-                        result = _state.sent();
-                        if (result) {
-                            values.push(result);
+                    case 2:
+                        data = _state.sent();
+                        if (data) {
+                            valueList.push({
+                                uid: "".concat(i).concat(data.path),
+                                name: data.name,
+                                response: data,
+                                url: data.url
+                            });
                         }
-                        return [
-                            3,
-                            5
-                        ];
-                    case 4:
-                        error = _state.sent();
-                        return [
-                            3,
-                            5
-                        ];
-                    case 5:
-                        _i++;
+                        _state.label = 3;
+                    case 3:
+                        i++;
                         return [
                             3,
                             1
                         ];
-                    case 6:
-                        return [
-                            4,
-                            getValuesFile(values)
-                        ];
-                    case 7:
-                        _state.sent();
-                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
-                        setLoading(false);
-                        files = [];
-                        _state.label = 8;
-                    case 8:
+                    case 4:
+                        setList(valueList);
                         return [
                             2
                         ];
                 }
             });
         });
-        return function updateFile() {
+        return function getValuesFile(values) {
             return _ref.apply(this, arguments);
         };
-    }(), getValuesFile = function() {
-        var _ref = _async_to_generator(function(values) {
-            var _props_bucket, bucket, oldKye, addKeys, addLength, i, data, result, resultRaw;
+    }(), runUploadFile = function() {
+        var _ref = _async_to_generator(function() {
+            var _props_onChange, _item_response_storageUrl, _list_map, values, i, item, uData, storageUrl;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        if (!(values && values.length)) return [
-                            3,
-                            8
-                        ];
-                        bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : "local";
-                        oldKye = list.map(function(item) {
-                            return item.uid;
-                        }), addKeys = values.filter(function(key) {
-                            return !oldKye.includes(key);
-                        }), addLength = addKeys.length;
-                        if (!addLength) return [
-                            3,
-                            7
-                        ];
+                        values = (_list_map = list.map(function(item) {
+                            var _item_response;
+                            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 : "";
+                        })) !== null && _list_map !== void 0 ? _list_map : [];
                         i = 0;
                         _state.label = 1;
                     case 1:
-                        if (!(i < addLength)) return [
+                        if (!(i < files.length)) return [
                             3,
-                            6
+                            5
                         ];
-                        data = {
-                            uid: addKeys[i],
-                            name: ""
-                        };
+                        item = files[i];
                         return [
                             4,
-                            getFiles(data.uid)
+                            uploadFile(item, props.directory, props.endpoint, props.bucket)
                         ];
                     case 2:
-                        result = _state.sent();
-                        if (result === null || result === void 0 ? void 0 : result.id) {
-                            data.name = result.name;
-                            data.linkProps = {
-                                download: result.name
-                            };
-                            data.response = result;
-                        }
-                        if (!(bucket === "local")) return [
+                        uData = _state.sent();
+                        if (!(uData === null || uData === void 0 ? void 0 : uData.path)) return [
                             3,
                             4
                         ];
                         return [
                             4,
-                            getFilesRaw(data.uid, "url")
+                            getStorageUrl(uData.path, props.endpoint, props.bucket)
                         ];
                     case 3:
-                        resultRaw = _state.sent();
-                        if (typeof resultRaw === "string") {
-                            data.url = resultRaw;
+                        storageUrl = _state.sent();
+                        if (storageUrl) {
+                            values.push(storageUrl);
                         }
                         _state.label = 4;
                     case 4:
-                        list.push(data);
-                        _state.label = 5;
-                    case 5:
                         i++;
                         return [
                             3,
                             1
                         ];
-                    case 6:
-                        setList(_to_consumable_array(list));
-                        _state.label = 7;
-                    case 7:
-                        return [
-                            3,
-                            9
-                        ];
-                    case 8:
-                        setList([]);
-                        _state.label = 9;
-                    case 9:
+                    case 5:
+                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
+                        files = [];
                         return [
                             2
                         ];
                 }
             });
         });
-        return function getValuesFile(values) {
+        return function runUploadFile() {
             return _ref.apply(this, arguments);
         };
     }();
@@ -251,70 +125,125 @@ export default function(props) {
     }, [
         props.value
     ]);
-    useEffect(function() {
-        var _props_onChangePath;
-        var paths = [];
-        list.forEach(function(item) {
-            if (item.response) {
-                paths.push(item.response.path);
-            }
-        });
-        (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
-    }, [
-        list
-    ]);
     useEffect(function() {
         return function() {
             clearTimeout(timeoutFn);
         };
     }, []);
-    return /*#__PURE__*/ _jsx(Spin, {
-        spinning: loading,
-        children: /*#__PURE__*/ _jsxs(Upload.Dragger, {
-            accept: props.accept,
-            beforeUpload: beforeUpload,
-            multiple: true,
-            fileList: list,
-            onRemove: function(file) {
-                Modal.confirm({
-                    title: locale.del,
-                    content: "".concat(locale.confirmDel, ": ").concat(file.name),
-                    onOk: function() {
-                        var _props_onChange, _props_value;
-                        setList(list.filter(function(item) {
-                            return item.uid != file.uid;
-                        }));
-                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter(function(item) {
-                            return item != file.uid;
-                        })) || []);
+    return /*#__PURE__*/ _jsxs(Upload.Dragger, {
+        accept: props.accept,
+        beforeUpload: function() {
+            var _ref = _async_to_generator(function(file) {
+                var maxSize;
+                return _ts_generator(this, function(_state) {
+                    maxSize = props.maxSize || 1024 * 5000;
+                    if (file.size > maxSize) {
+                        message.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+                        return [
+                            2,
+                            false
+                        ];
                     }
+                    files.push(file);
+                    clearTimeout(timeoutFn);
+                    timeoutFn = setTimeout(/*#__PURE__*/ _async_to_generator(function() {
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    return [
+                                        4,
+                                        runUploadFile()
+                                    ];
+                                case 1:
+                                    _state.sent();
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    }), 500);
+                    return [
+                        2,
+                        false
+                    ];
                 });
-            },
-            children: [
-                /*#__PURE__*/ _jsx("br", {}),
-                /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(UploadOutlined, {
-                        style: {
-                            fontSize: 40
-                        },
-                        rev: undefined
-                    })
-                }),
-                /*#__PURE__*/ _jsx("br", {}),
-                /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(Typography.Text, {
-                        type: "secondary",
-                        children: locale.clickOrDragUpload
-                    })
-                }),
-                /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(Typography.Text, {
-                        type: "secondary",
-                        children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
-                    })
+            });
+            return function(file) {
+                return _ref.apply(this, arguments);
+            };
+        }(),
+        multiple: true,
+        fileList: list,
+        onRemove: function(file) {
+            Modal.confirm({
+                title: locale.del,
+                content: "".concat(locale.confirmDel, ": ").concat(file.name),
+                onOk: /*#__PURE__*/ _async_to_generator(function() {
+                    var _file_response, _file_response1, storageUrl, path, result, _props_onChange, _props_value, _props_onChange1, _props_value1;
+                    return _ts_generator(this, function(_state) {
+                        switch(_state.label){
+                            case 0:
+                                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;
+                                if (!(storageUrl && path)) return [
+                                    3,
+                                    2
+                                ];
+                                return [
+                                    4,
+                                    delFile(path, props.endpoint, props.bucket)
+                                ];
+                            case 1:
+                                result = _state.sent();
+                                if (result) {
+                                    ;
+                                    (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter(function(item) {
+                                        return item != storageUrl;
+                                    })) || []);
+                                } else {
+                                    message.error(locale.errorDel);
+                                }
+                                return [
+                                    3,
+                                    3
+                                ];
+                            case 2:
+                                (_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(function(item) {
+                                    return item != storageUrl;
+                                })) || []);
+                                _state.label = 3;
+                            case 3:
+                                return [
+                                    2
+                                ];
+                        }
+                    });
+                })
+            });
+        },
+        children: [
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(UploadOutlined, {
+                    style: {
+                        fontSize: 40
+                    },
+                    rev: undefined
+                })
+            }),
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Typography.Text, {
+                    type: "secondary",
+                    children: locale.clickOrDragUpload
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Typography.Text, {
+                    type: "secondary",
+                    children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
                 })
-            ]
-        })
+            })
+        ]
     });
 };
 

package/esm/components/upload-file/uploadMultiple.js.map

@@ -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","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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"}
+{"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, props.endpoint, props.bucket);\r\n        if (uData?.path) {\r\n          const storageUrl = await getStorageUrl(uData.path, props.endpoint, props.bucket);\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, props.endpoint, props.bucket);\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","valueList","i","data","length","push","uid","path","name","response","url","runUploadFile","item","uData","storageUrl","map","directory","endpoint","bucket","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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"}