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

package/esm/components/upload-file/locale/zh_CN.js

@@ -0,0 +1,14 @@
+var locale = {
+    fileSizeTip: "文件大小不能小于",
+    del: "删除",
+    confirmDel: "确认删除",
+    clickOrDragUpload: "点击或拖拽文件上传",
+    supportExtension: "支持扩展名",
+    errSupportExtension: "只支持扩展名",
+    fileUpload: "文件上传",
+    tempViewer: "模板预览",
+    tempDown: "模板下载"
+};
+export default locale;
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\locale\zh_CN.js.map

package/esm/components/upload-file/locale/zh_CN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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,IAAMA,SAA2B;IAC/BC,aAAa;IACbC,KAAK;IACLC,YAAY;IACZC,mBAAmB;IACnBC,kBAAkB;IAClBC,qBAAqB;IACrBC,YAAY;IACZC,YAAY;IACZC,UAAU;AACZ;AAEA,eAAeT,OAAM"}

package/esm/components/upload-file/uploadAvatar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UploadFileProps } from ".";
+declare const _default: (props: UploadFileProps<string>) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,191 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+import { PlusOutlined } from "@ant-design/icons";
+import { Spin, Upload, message } from "antd";
+import { useEffect, useState } from "react";
+import { files as fileApi } from "@knockout-js/api";
+import { useAppCode, useTenantId } from "../provider/index";
+import { randomId, formatFileSize } from "./index";
+import { useLocale } from "../locale/index";
+export default function(props) {
+    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"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], _useState1 = _sliced_to_array(useState(), 2), imgsrc = _useState1[0], setImgsrc = _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("//", "/");
+    }, updateFile = function() {
+        var _ref = _async_to_generator(function(file) {
+            var key, result, _props_onChange, _props_onChangePath, error;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        key = getUploadKey(file);
+                        setLoading(true);
+                        if (!(bucket === "local")) return [
+                            3,
+                            4
+                        ];
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            fileApi.updateFiles({
+                                key: key,
+                                bucket: bucket,
+                                file: file
+                            })
+                        ];
+                    case 2:
+                        result = _state.sent();
+                        if (result) {
+                            ;
+                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
+                            (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
+                        }
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        error = _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        setLoading(false);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function updateFile(file) {
+            return _ref.apply(this, arguments);
+        };
+    }(), getValueFile = function() {
+        var _ref = _async_to_generator(function() {
+            var result;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!props.value) return [
+                            3,
+                            3
+                        ];
+                        if (!(bucket === "local")) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            fileApi.getFilesRaw(props.value, "url")
+                        ];
+                    case 1:
+                        result = _state.sent();
+                        if (typeof result === "string") setImgsrc(result);
+                        _state.label = 2;
+                    case 2:
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        setImgsrc(undefined);
+                        _state.label = 4;
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function getValueFile() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        getValueFile();
+    }, [
+        props.value
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        style: {
+            display: "inline-block"
+        },
+        children: /*#__PURE__*/ _jsx(Spin, {
+            spinning: loading,
+            children: /*#__PURE__*/ _jsx(Upload, {
+                accept: props.accept,
+                listType: "picture-card",
+                showUploadList: false,
+                beforeUpload: function() {
+                    var _ref = _async_to_generator(function(file) {
+                        var maxSize;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    maxSize = props.maxSize || 5242880;
+                                    if (file.size > maxSize) {
+                                        messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+                                        return [
+                                            2,
+                                            false
+                                        ];
+                                    }
+                                    return [
+                                        4,
+                                        updateFile(file)
+                                    ];
+                                case 1:
+                                    _state.sent();
+                                    return [
+                                        2,
+                                        false
+                                    ];
+                            }
+                        });
+                    });
+                    return function(file) {
+                        return _ref.apply(this, arguments);
+                    };
+                }(),
+                children: imgsrc ? /*#__PURE__*/ _jsx("img", {
+                    src: imgsrc,
+                    alt: "avatar",
+                    style: {
+                        width: "100%"
+                    }
+                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(PlusOutlined, {
+                            rev: undefined
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            style: {
+                                marginTop: 8
+                            }
+                        })
+                    ]
+                })
+            })
+        })
+    });
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\uploadAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\nimport { Spin, Upload, message } from \"antd\"\nimport { RcFile } from \"antd/es/upload\";\nimport { useEffect, useState } from \"react\";\nimport { files as fileApi } from \"@knockout-js/api\";\nimport { useAppCode, useTenantId } from \"../provider\";\nimport { UploadFileProps, randomId, formatFileSize } from \".\";\nimport { useLocale } from \"../locale\";\n\nexport default (props: UploadFileProps<string>) => {\n  const\n    bucket = props.bucket ?? 'local',\n    appCode = props.appCode ?? useAppCode(),\n    tenantId = props.tenantId ?? useTenantId(),\n    locale = useLocale(\"UploadFile\"),\n    [messageApi] = message.useMessage(),\n    [loading, setLoading] = useState(false),\n    [imgsrc, setImgsrc] = useState<string>();\n\n  const\n    getUploadKey = (file: RcFile) => {\n      const suffix = file.name.split('.').pop(),\n        keys: string[] = [];\n      if (props.forceDirectory && props.directory) {\n        keys.push(props.directory)\n      } else {\n        if (appCode) {\n          keys.push(appCode)\n        }\n        if (tenantId) {\n          keys.push(tenantId)\n        }\n        if (props.directory) {\n          keys.push(props.directory)\n        }\n      }\n      keys.push(`${randomId(16)}.${suffix}`);\n      return `/${keys.join('/')}`.replace('//', '/');\n    },\n    updateFile = async (file: RcFile) => {\n      const key = getUploadKey(file);\n      setLoading(true);\n      if (bucket === 'local') {\n        try {\n          const result = await fileApi.updateFiles({\n            key,\n            bucket,\n            file,\n          })\n          if (result) {\n            props.onChange?.(result)\n            props.onChangePath?.(key);\n          }\n        } catch (error) {\n\n        }\n      }\n      setLoading(false)\n    },\n    getValueFile = async () => {\n      if (props.value) {\n        if (bucket === 'local') {\n          const result = await fileApi.getFilesRaw(props.value, 'url');\n          if (typeof result === 'string') {\n            setImgsrc(result)\n          }\n        }\n      } else {\n        setImgsrc(undefined)\n      }\n    }\n\n  useEffect(() => {\n    getValueFile()\n  }, [props.value])\n\n  return <div style={{ display: \"inline-block\" }}>\n    <Spin spinning={loading} >\n      <Upload\n        accept={props.accept}\n        listType=\"picture-card\"\n        showUploadList={false}\n        beforeUpload={async (file) => {\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\n\n          if (file.size > maxSize) {\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\n            return false;\n          }\n\n          await updateFile(file);\n          return false;\n        }}\n      >\n        {\n          imgsrc ? <img\n            src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\n          /> : <>\n            <PlusOutlined rev={undefined} />\n            <div style={{ marginTop: 8 }}></div>\n          </>\n        }\n      </Upload>\n    </Spin>\n  </div>\n}\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","files","fileApi","useAppCode","useTenantId","randomId","formatFileSize","useLocale","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","error","updateFiles","onChange","onChangePath","getValueFile","value","getFilesRaw","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","img","src","alt","width","rev","marginTop"],"mappings":"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"}

package/esm/components/upload-file/uploadMultiple.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { UploadFileProps } from ".";
+declare const _default: (props: UploadFileProps<string[]>) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,308 @@
+import _async_to_generator from "@swc/helpers/src/_async_to_generator.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import _ts_generator from "@swc/helpers/src/_ts_generator.mjs";
+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 { useEffect, useState } from "react";
+import { formatFileSize, randomId } from "./index";
+import { useAppCode, useTenantId } from "../provider/index";
+import { useLocale } from "../locale/index";
+import { files as fileApi } from "@knockout-js/api";
+var files = [];
+var timeoutFn = undefined;
+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 || 5120000;
+                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;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!files.length) return [
+                            3,
+                            8
+                        ];
+                        setLoading(true);
+                        values = props.value || [];
+                        _tmp = [];
+                        for(_tmp1 in files)_tmp.push(_tmp1);
+                        _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 [
+                            3,
+                            5
+                        ];
+                        _state.label = 2;
+                    case 2:
+                        _state.trys.push([
+                            2,
+                            4,
+                            ,
+                            5
+                        ]);
+                        return [
+                            4,
+                            fileApi.updateFiles({
+                                key: key,
+                                bucket: bucket,
+                                file: file
+                            })
+                        ];
+                    case 3:
+                        result = _state.sent();
+                        if (result) values.push(result);
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        error = _state.sent();
+                        return [
+                            3,
+                            5
+                        ];
+                    case 5:
+                        _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:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function updateFile() {
+            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;
+            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
+                        ];
+                        i = 0;
+                        _state.label = 1;
+                    case 1:
+                        if (!(i < addLength)) return [
+                            3,
+                            6
+                        ];
+                        data = {
+                            uid: addKeys[i],
+                            name: ""
+                        };
+                        return [
+                            4,
+                            fileApi.getFiles(data.uid)
+                        ];
+                    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 [
+                            3,
+                            4
+                        ];
+                        return [
+                            4,
+                            fileApi.getFilesRaw(data.uid, "url")
+                        ];
+                    case 3:
+                        resultRaw = _state.sent();
+                        if (typeof resultRaw === "string") data.url = resultRaw;
+                        _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:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function getValuesFile(values) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    useEffect(function() {
+        getValuesFile(props.value);
+    }, [
+        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;
+                        })) || []);
+                    }
+                });
+            },
+            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(".", ""))
+                    })
+                })
+            ]
+        })
+    });
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\upload-file\uploadMultiple.js.map

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

@@ -0,0 +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, formatFileSize, randomId } from \".\";\r\nimport { Files } from \"@knockout-js/api/esm/files\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\r\n\r\nlet files: RcFile[] = [];\r\nlet timeoutFn: NodeJS.Timeout | undefined = undefined;\r\n\r\nexport default (props: UploadFileProps<string[]>) => {\r\n  const\r\n    bucket = props.bucket ?? 'local',\r\n    appCode = props.appCode ?? useAppCode(),\r\n    tenantId = props.tenantId ?? useTenantId(),\r\n    locale = useLocale(\"UploadFile\"),\r\n    [loading, setLoading] = useState(false),\r\n    [list, setList] = useState<UploadFile<Files>[]>([]);\r\n\r\n  const\r\n    getUploadKey = (file: RcFile) => {\r\n      const suffix = file.name.split('.').pop(),\r\n        keys: string[] = [];\r\n      if (props.forceDirectory && props.directory) {\r\n        keys.push(props.directory);\r\n      } else {\r\n        if (appCode) {\r\n          keys.push(appCode);\r\n        }\r\n        if (tenantId) {\r\n          keys.push(tenantId);\r\n        }\r\n        if (props.directory) {\r\n          keys.push(props.directory);\r\n        }\r\n      }\r\n      keys.push(`${randomId(16)}.${suffix}`);\r\n      return `/${keys.join('/')}`.replace('//', '/');\r\n    },\r\n    beforeUpload = async (file: RcFile) => {\r\n      const maxSize = props.maxSize || 1024 * 5000;\r\n\r\n      if (file.size > maxSize) {\r\n        message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n        return false;\r\n      }\r\n\r\n      files.push(file);\r\n      clearTimeout(timeoutFn);\r\n      timeoutFn = setTimeout(async () => {\r\n        await updateFile();\r\n      }, 500);\r\n      return false;\r\n    },\r\n    updateFile = async () => {\r\n      if (files.length) {\r\n        setLoading(true);\r\n        const values: string[] = props.value || [];\r\n        for (let i in files) {\r\n          const file = files[i],\r\n            key = getUploadKey(file);\r\n\r\n          if (bucket === 'local') {\r\n            try {\r\n              const result = await fileApi.updateFiles({\r\n                key,\r\n                bucket,\r\n                file,\r\n              })\r\n              if (result) {\r\n                values.push(result);\r\n              }\r\n            } catch (error) {\r\n            }\r\n          }\r\n        }\r\n        await getValuesFile(values);\r\n        props.onChange?.(values);\r\n        setLoading(false);\r\n        files = [];\r\n      }\r\n    },\r\n    getValuesFile = async (values?: string[]) => {\r\n      if (values && values.length) {\r\n        const bucket = props.bucket ?? 'local';\r\n        const oldKye = list.map(item => item.uid),\r\n          addKeys = values.filter(key => !oldKye.includes(key)),\r\n          addLength = addKeys.length;\r\n        if (addLength) {\r\n          for (let i = 0; i < addLength; i++) {\r\n            const data: UploadFile = {\r\n              uid: addKeys[i],\r\n              name: '',\r\n            };\r\n            const result = await fileApi.getFiles(data.uid);\r\n            if (result?.id) {\r\n              data.name = result.name;\r\n              data.linkProps = {\r\n                download: result.name,\r\n              };\r\n              data.response = result;\r\n            }\r\n            if (bucket === 'local') {\r\n              const resultRaw = await fileApi.getFilesRaw(data.uid, 'url');\r\n              if (typeof resultRaw === 'string') {\r\n                data.url = resultRaw;\r\n              }\r\n            }\r\n            list.push(data);\r\n          }\r\n          setList([...list]);\r\n        }\r\n      } else {\r\n        setList([]);\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValuesFile(props.value);\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    const paths: string[] = [];\r\n    list.forEach(item => {\r\n      if (item.response) {\r\n        paths.push(item.response.path);\r\n      }\r\n    })\r\n    props.onChangePath?.(paths);\r\n  }, [list]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      clearTimeout(timeoutFn);\r\n    };\r\n  }, []);\r\n\r\n  return <Spin spinning={loading} >\r\n    <Upload.Dragger\r\n      accept={props.accept}\r\n      beforeUpload={beforeUpload}\r\n      multiple={true}\r\n      fileList={list}\r\n      onRemove={(file) => {\r\n        Modal.confirm({\r\n          title: locale.del,\r\n          content: `${locale.confirmDel}: ${file.name}`,\r\n          onOk: () => {\r\n            setList(list.filter(item => item.uid != file.uid));\r\n            props.onChange?.(props.value?.filter(item => item != file.uid) || [])\r\n          }\r\n        })\r\n      }}\r\n    >\r\n      <br />\r\n      <div>\r\n        <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n      </div>\r\n      <br />\r\n      <div>\r\n        <Typography.Text type=\"secondary\">\r\n          {locale.clickOrDragUpload}\r\n        </Typography.Text>\r\n      </div>\r\n      <div>\r\n        <Typography.Text type=\"secondary\">\r\n          {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n        </Typography.Text>\r\n      </div>\r\n    </Upload.Dragger>\r\n  </Spin>\r\n}\r\n"],"names":["UploadOutlined","Modal","Spin","Typography","Upload","message","useEffect","useState","formatFileSize","randomId","useAppCode","useTenantId","useLocale","files","fileApi","timeoutFn","undefined","props","bucket","appCode","tenantId","locale","loading","setLoading","list","setList","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","clearTimeout","setTimeout","updateFile","values","i","key","result","length","value","updateFiles","getValuesFile","onChange","oldKye","addKeys","addLength","data","resultRaw","map","item","uid","filter","includes","getFiles","id","linkProps","download","response","getFilesRaw","url","paths","forEach","path","onChangePath","spinning","Dragger","accept","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension"],"mappings":"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"}

package/esm/components/upload-file/uploadTemp.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { UploadFileProps } from ".";
+declare const _default: (props: UploadFileProps<string> & {
+    /**
+    * 显示删除按钮
+    */
+    showDelBtn?: boolean;
+}) => JSX.Element;
+export default _default;