@knockout-js/layout 0.1.5 → 0.1.6

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

@@ -6,7 +6,7 @@ import { useLocale } from "../locale/index";
 import { formatFileSize } from "../_util/index";
 import { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from "@knockout-js/api";
 export default ((props)=>{
-    const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
+    const locale = useLocale("UploadFile"), [messageApi, contextHolder] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
     const getValueFile = async ()=>{
         if (props.value) {
             const result = await parseStorageUrl(props.value, {
@@ -25,67 +25,70 @@ export default ((props)=>{
     }, [
         props.value
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         style: {
             display: "inline-block"
         },
-        children: /*#__PURE__*/ _jsx(Spin, {
-            spinning: loading,
-            children: /*#__PURE__*/ _jsx(Upload, {
-                accept: props.accept,
-                listType: "picture-card",
-                showUploadList: false,
-                beforeUpload: async (file)=>{
-                    const maxSize = props.maxSize || 1024 * 1024 * 5;
-                    if (file.size > maxSize) {
-                        messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
-                        return false;
-                    }
-                    setLoading(true);
-                    const result = await uploadFile(file, props.directory, {
-                        endpoint: props.endpoint,
-                        bucket: props.bucket,
-                        useFileName: props.useFileName,
-                        custromFileName: props.custromFileName
-                    });
-                    if (result === null || result === void 0 ? void 0 : result.path) {
-                        var _props_onChange;
-                        const storageUrl = await getStorageUrl(result.path, {
-                            endpoint: props.endpoint,
-                            bucket: props.bucket
-                        });
-                        const url = await getFileUrl(result.path, {
+        children: [
+            /*#__PURE__*/ _jsx(Spin, {
+                spinning: loading,
+                children: /*#__PURE__*/ _jsx(Upload, {
+                    accept: props.accept,
+                    listType: "picture-card",
+                    showUploadList: false,
+                    beforeUpload: async (file)=>{
+                        const maxSize = props.maxSize || 1024 * 1024 * 5;
+                        if (file.size > maxSize) {
+                            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+                            return false;
+                        }
+                        setLoading(true);
+                        const result = await uploadFile(file, props.directory, {
                             endpoint: props.endpoint,
-                            bucket: props.bucket
+                            bucket: props.bucket,
+                            useFileName: props.useFileName,
+                            custromFileName: props.custromFileName
                         });
-                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
-                        setImgsrc(url);
-                    } else {
-                        messageApi.error(locale.errorUpload);
-                    }
-                    setLoading(false);
-                    return false;
-                },
-                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
-                            }
-                        })
-                    ]
+                        if (result === null || result === void 0 ? void 0 : result.path) {
+                            var _props_onChange;
+                            const storageUrl = await getStorageUrl(result.path, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            });
+                            const url = await getFileUrl(result.path, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            });
+                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
+                            setImgsrc(url);
+                        } else {
+                            messageApi.error(locale.errorUpload);
+                        }
+                        setLoading(false);
+                        return false;
+                    },
+                    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
+                                }
+                            })
+                        ]
+                    })
                 })
-            })
-        })
+            }),
+            contextHolder
+        ]
     });
 });
 

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

@@ -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 { 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"}
+{"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, contextHolder] = 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    {contextHolder}\r\n  </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useLocale","formatFileSize","parseStorageUrl","getStorageUrl","uploadFile","getFileUrl","props","locale","messageApi","contextHolder","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,YAAYC,cAAc,GAAGZ,QAAQa,UAAU,IAChD,CAACC,SAASC,WAAW,GAAGb,SAAS,KAAK,GACtC,CAACc,QAAQC,UAAU,GAAGf;IAExB,MAAMgB,eAAe,UAAY;QAC/B,IAAIT,MAAMU,KAAK,EAAE;YACf,MAAMC,SAAS,MAAMf,gBAAgBI,MAAMU,KAAK,EAAE;gBAChDE,UAAUZ,MAAMY,QAAQ;gBACxBC,QAAQb,MAAMa,MAAM;YACtB;YACA,IAAIF,QAAQ;gBACVH,UAAUG;YACZ,CAAC;QACH,OAAO;YACLH,UAAUM;QACZ,CAAC;IACH;IAEAtB,UAAU,IAAM;QACdiB;IACF,GAAG;QAACT,MAAMU,KAAK;KAAC;IAEhB,qBAAO,MAACK;QAAIC,OAAO;YAAEC,SAAS;QAAe;;0BAC3C,KAAC5B;gBAAK6B,UAAUb;0BACd,cAAA,KAACf;oBACC6B,QAAQnB,MAAMmB,MAAM;oBACpBC,UAAS;oBACTC,gBAAgB,KAAK;oBACrBC,cAAc,OAAOC,OAAS;wBAC5B,MAAMC,UAAUxB,MAAMwB,OAAO,IAAK,OAAO,OAAO;wBAEhD,IAAID,KAAKE,IAAI,GAAGD,SAAS;4BACvBtB,WAAWwB,KAAK,CAAC,CAAC,EAAEzB,OAAO0B,WAAW,CAAC,EAAE,EAAEhC,eAAe6B,SAAS,CAAC;4BACpE,OAAO,KAAK;wBACd,CAAC;wBACDlB,WAAW,IAAI;wBACf,MAAMK,SAAS,MAAMb,WAAWyB,MAAMvB,MAAM4B,SAAS,EAAE;4BACrDhB,UAAUZ,MAAMY,QAAQ;4BACxBC,QAAQb,MAAMa,MAAM;4BACpBgB,aAAa7B,MAAM6B,WAAW;4BAC9BC,iBAAiB9B,MAAM8B,eAAe;wBACxC;wBAEA,IAAInB,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQoB,IAAI,EAAE;gCAShB/B;4BARA,MAAMgC,aAAa,MAAMnC,cAAcc,OAAOoB,IAAI,EAAE;gCAClDnB,UAAUZ,MAAMY,QAAQ;gCACxBC,QAAQb,MAAMa,MAAM;4BACtB;4BACA,MAAMoB,MAAM,MAAMlC,WAAWY,OAAOoB,IAAI,EAAE;gCACxCnB,UAAUZ,MAAMY,QAAQ;gCACxBC,QAAQb,MAAMa,MAAM;4BACtB;4BACAb,CAAAA,kBAAAA,MAAMkC,QAAQ,cAAdlC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBgC;4BACjBxB,UAAUyB;wBACZ,OAAO;4BACL/B,WAAWwB,KAAK,CAACzB,OAAOkC,WAAW;wBACrC,CAAC;wBACD7B,WAAW,KAAK;wBAChB,OAAO,KAAK;oBACd;8BAGEC,uBAAS,KAAC6B;wBACRC,KAAK9B;wBAAQ+B,KAAI;wBAAStB,OAAO;4BAAEuB,OAAO;wBAAO;uCAC9C;;0CACH,KAACnD;gCAAaoD,KAAK1B;;0CACnB,KAACC;gCAAIC,OAAO;oCAAEyB,WAAW;gCAAE;;;sBAC1B;;;YAIRtC;;;AAEL,CAAA,EAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { UploadOutlined } from "@ant-design/icons";
 import { Modal, Typography, Upload, message } from "antd";
 import { useEffect, useState } from "react";
@@ -9,7 +9,7 @@ let timeoutFn = undefined;
 let files = [];
 export default ((props)=>{
     var _props_accept;
-    const locale = useLocale("UploadFile"), [list, setList] = useState([]);
+    const [messageApi, contextHolder] = message.useMessage(), locale = useLocale("UploadFile"), [list, setList] = useState([]);
     const getValuesFile = async (values)=>{
         var _values_length;
         const len = (_values_length = values === null || values === void 0 ? void 0 : values.length) !== null && _values_length !== void 0 ? _values_length : 0, valueList = [];
@@ -20,6 +20,7 @@ export default ((props)=>{
                     valueList.push({
                         uid: `${i}${data.path}`,
                         name: data.name,
+                        fileName: data.name,
                         response: data,
                         url: data.url
                     });
@@ -65,70 +66,75 @@ export default ((props)=>{
             clearTimeout(timeoutFn);
         };
     }, []);
-    return /*#__PURE__*/ _jsxs(Upload.Dragger, {
-        accept: props.accept,
-        beforeUpload: async (file)=>{
-            const maxSize = props.maxSize || 1024 * 5000;
-            if (file.size > maxSize) {
-                message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
-                return false;
-            }
-            files.push(file);
-            clearTimeout(timeoutFn);
-            timeoutFn = setTimeout(async ()=>{
-                await runUploadFile();
-            }, 500);
-            return false;
-        },
-        multiple: true,
-        fileList: list,
-        onRemove: (file)=>{
-            Modal.confirm({
-                title: locale.del,
-                content: `${locale.confirmDel}: ${file.name}`,
-                onOk: async ()=>{
-                    var _file_response, _file_response1;
-                    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;
-                    if (storageUrl && path) {
-                        const result = await delFile(path, {
-                            endpoint: props.endpoint,
-                            bucket: props.bucket
-                        });
-                        if (result) {
-                            var _props_onChange, _props_value;
-                            (_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)) || []);
-                        } else {
-                            message.error(locale.errorDel);
-                        }
-                    } else {
-                        var _props_onChange1, _props_value1;
-                        (_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)) || []);
-                    }
-                }
-            });
-        },
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         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: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
-                })
+            contextHolder,
+            /*#__PURE__*/ _jsxs(Upload.Dragger, {
+                accept: props.accept,
+                beforeUpload: async (file)=>{
+                    const maxSize = props.maxSize || 1024 * 1024 * 5;
+                    if (file.size > maxSize) {
+                        messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+                        return false;
+                    }
+                    files.push(file);
+                    clearTimeout(timeoutFn);
+                    timeoutFn = setTimeout(async ()=>{
+                        await runUploadFile();
+                    }, 500);
+                    return false;
+                },
+                multiple: true,
+                fileList: list,
+                onRemove: (file)=>{
+                    Modal.confirm({
+                        title: locale.del,
+                        content: `${locale.confirmDel}: ${file.name}`,
+                        onOk: async ()=>{
+                            var _file_response, _file_response1;
+                            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;
+                            if (storageUrl && path) {
+                                const result = await delFile(path, {
+                                    endpoint: props.endpoint,
+                                    bucket: props.bucket
+                                });
+                                if (result) {
+                                    var _props_onChange, _props_value;
+                                    (_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)) || []);
+                                } else {
+                                    messageApi.error(locale.errorDel);
+                                }
+                            } else {
+                                var _props_onChange1, _props_value1;
+                                (_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)) || []);
+                            }
+                        }
+                    });
+                },
+                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: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
+                        })
+                    })
+                ]
             })
         ]
     });

package/es2017/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, 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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"}
+{"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    [messageApi, contextHolder] = message.useMessage(),\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              fileName: 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 <>\r\n    {contextHolder}\r\n    <Upload.Dragger\r\n      accept={props.accept}\r\n      beforeUpload={async (file: RcFile) => {\r\n        const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n        if (file.size > maxSize) {\r\n          messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n          return false;\r\n        }\r\n        files.push(file)\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                messageApi.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}\r\n"],"names":["UploadOutlined","Modal","Typography","Upload","message","useEffect","useState","delFile","getStorageUrl","parseStorageData","uploadFile","useLocale","formatFileSize","timeoutFn","undefined","files","props","messageApi","contextHolder","useMessage","locale","list","setList","getValuesFile","values","len","length","valueList","i","data","push","uid","path","name","fileName","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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"}

package/es2017/components/upload-file/uploadTemp.js

@@ -8,7 +8,7 @@ import { formatFileSize } from "../_util/index";
 import { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
 export default ((props)=>{
     var _props_accept;
-    const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
+    const locale = useLocale("UploadFile"), [messageApi, contextHolder] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
         show: false
     });
     const getValueFile = async ()=>{
@@ -64,6 +64,7 @@ export default ((props)=>{
     ]);
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
+            contextHolder,
             /*#__PURE__*/ _jsxs(Space, {
                 children: [
                     /*#__PURE__*/ _jsx(Upload, {

package/es2017/components/upload-file/uploadTemp.js.map

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize } from \"../_util\";\r\nimport { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n  /**\r\n  * 显示删除按钮\r\n  */\r\n  showDelBtn?: boolean;\r\n}) => {\r\n  const\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    iframeRef = useRef<HTMLIFrameElement>(null),\r\n    [name, setName] = useState<string>(),\r\n    [urlSrc, setUrlSrc] = useState<string>(),\r\n    [modal, setModal] = useState<{\r\n      show: boolean,\r\n    }>({\r\n      show: false,\r\n    });\r\n\r\n  const\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await parseStorageData(props.value, {\r\n          inBrowser: false,\r\n          endpoint: props.endpoint,\r\n          bucket: props.bucket\r\n        });\r\n        if (result) {\r\n          setName(result.name)\r\n          setUrlSrc(result.url)\r\n        }\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const dataRes = await parseStorageData(props.value)\r\n        if (dataRes) {\r\n          const result = await getFileRaw(dataRes.path, {\r\n            endpoint: props.endpoint,\r\n            bucket: props.bucket\r\n          })\r\n          if (result) {\r\n            const content = await result.Body?.transformToString('utf-8')\r\n            const r = new FileReader()\r\n            r.readAsText(new Blob([content ?? '']), 'utf-8')\r\n            r.onload = () => {\r\n              if (iframeRef.current?.contentWindow) {\r\n                iframeRef.current.contentWindow.document.write(`<pre>${r.result}</pre>`)\r\n              } else if (iframeRef.current?.contentDocument) {\r\n                iframeRef.current.contentDocument.write(`<pre>${r.result}</pre>`)\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile();\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    if (modal.show) {\r\n      updateContent();\r\n    }\r\n  }, [modal.show]);\r\n\r\n  return <>\r\n    <Space>\r\n      <Upload\r\n        accept={props.accept}\r\n        showUploadList={false}\r\n        beforeUpload={async (file: RcFile) => {\r\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n          if (file.size > maxSize) {\r\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n            return false;\r\n          }\r\n          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          if (result?.path) {\r\n            const storageUlr = await getStorageUrl(result.path, {\r\n              endpoint: props.endpoint,\r\n              bucket: props.bucket\r\n            }),\r\n              url = await getFileUrl(result.path, {\r\n                endpoint: props.endpoint,\r\n                bucket: props.bucket\r\n              })\r\n            setName(file.name)\r\n            setUrlSrc(url)\r\n            props.onChange?.(storageUlr)\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        <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n      </Upload>\r\n      <Typography.Text type=\"secondary\">\r\n        {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n      </Typography.Text>\r\n    </Space>\r\n    {props.value ? <>\r\n      <div style={{ height: \"8px\" }}></div>\r\n      <Space >\r\n        <a onClick={() => {\r\n          setModal({ show: true })\r\n        }}\r\n        >{locale.tempViewer}</a>\r\n        <a target=\"_blank\" href={urlSrc} download={name} rel=\"noopener noreferrer\">{locale.tempDown}</a>\r\n        {props.showDelBtn ? <Popconfirm\r\n          title={locale.del}\r\n          description={locale.confirmDel}\r\n          onConfirm={() => {\r\n            props.onChange?.()\r\n          }}\r\n          okText=\"Yes\"\r\n          cancelText=\"No\"\r\n        >\r\n          <a className={styles.delText}>{locale.del}</a>\r\n        </Popconfirm> : <></>}\r\n      </Space>\r\n      <Modal\r\n        title={locale.tempViewer}\r\n        open={modal.show}\r\n        destroyOnClose\r\n        footer={null}\r\n        width={800}\r\n        onCancel={() => {\r\n          setModal({ show: false })\r\n        }}\r\n      >\r\n        <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n      </Modal>\r\n    </> : <></>}\r\n  </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","useLocale","styles","formatFileSize","getFileRaw","getFileUrl","getStorageUrl","parseStorageData","uploadFile","props","locale","messageApi","useMessage","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","modal","setModal","show","getValueFile","value","result","inBrowser","endpoint","bucket","url","updateContent","dataRes","path","content","Body","transformToString","r","FileReader","readAsText","Blob","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","beforeUpload","file","maxSize","size","error","fileSizeTip","directory","useFileName","custromFileName","storageUlr","onChange","errorUpload","icon","rev","undefined","fileUpload","Text","type","supportExtension","split","join","replace","div","style","height","a","onClick","tempViewer","target","href","download","rel","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}
+{"version":3,"sources":[".\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize } from \"../_util\";\r\nimport { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n  /**\r\n  * 显示删除按钮\r\n  */\r\n  showDelBtn?: boolean;\r\n}) => {\r\n  const\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi, contextHolder] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    iframeRef = useRef<HTMLIFrameElement>(null),\r\n    [name, setName] = useState<string>(),\r\n    [urlSrc, setUrlSrc] = useState<string>(),\r\n    [modal, setModal] = useState<{\r\n      show: boolean,\r\n    }>({\r\n      show: false,\r\n    });\r\n\r\n  const\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await parseStorageData(props.value, {\r\n          inBrowser: false,\r\n          endpoint: props.endpoint,\r\n          bucket: props.bucket\r\n        });\r\n        if (result) {\r\n          setName(result.name)\r\n          setUrlSrc(result.url)\r\n        }\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const dataRes = await parseStorageData(props.value)\r\n        if (dataRes) {\r\n          const result = await getFileRaw(dataRes.path, {\r\n            endpoint: props.endpoint,\r\n            bucket: props.bucket\r\n          })\r\n          if (result) {\r\n            const content = await result.Body?.transformToString('utf-8')\r\n            const r = new FileReader()\r\n            r.readAsText(new Blob([content ?? '']), 'utf-8')\r\n            r.onload = () => {\r\n              if (iframeRef.current?.contentWindow) {\r\n                iframeRef.current.contentWindow.document.write(`<pre>${r.result}</pre>`)\r\n              } else if (iframeRef.current?.contentDocument) {\r\n                iframeRef.current.contentDocument.write(`<pre>${r.result}</pre>`)\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile();\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    if (modal.show) {\r\n      updateContent();\r\n    }\r\n  }, [modal.show]);\r\n\r\n  return <>\r\n    {contextHolder}\r\n    <Space>\r\n      <Upload\r\n        accept={props.accept}\r\n        showUploadList={false}\r\n        beforeUpload={async (file: RcFile) => {\r\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n          if (file.size > maxSize) {\r\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n            return false;\r\n          }\r\n          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          if (result?.path) {\r\n            const storageUlr = await getStorageUrl(result.path, {\r\n              endpoint: props.endpoint,\r\n              bucket: props.bucket\r\n            }),\r\n              url = await getFileUrl(result.path, {\r\n                endpoint: props.endpoint,\r\n                bucket: props.bucket\r\n              })\r\n            setName(file.name)\r\n            setUrlSrc(url)\r\n            props.onChange?.(storageUlr)\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        <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n      </Upload>\r\n      <Typography.Text type=\"secondary\">\r\n        {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n      </Typography.Text>\r\n    </Space>\r\n    {props.value ? <>\r\n      <div style={{ height: \"8px\" }}></div>\r\n      <Space >\r\n        <a onClick={() => {\r\n          setModal({ show: true })\r\n        }}\r\n        >{locale.tempViewer}</a>\r\n        <a target=\"_blank\" href={urlSrc} download={name} rel=\"noopener noreferrer\">{locale.tempDown}</a>\r\n        {props.showDelBtn ? <Popconfirm\r\n          title={locale.del}\r\n          description={locale.confirmDel}\r\n          onConfirm={() => {\r\n            props.onChange?.()\r\n          }}\r\n          okText=\"Yes\"\r\n          cancelText=\"No\"\r\n        >\r\n          <a className={styles.delText}>{locale.del}</a>\r\n        </Popconfirm> : <></>}\r\n      </Space>\r\n      <Modal\r\n        title={locale.tempViewer}\r\n        open={modal.show}\r\n        destroyOnClose\r\n        footer={null}\r\n        width={800}\r\n        onCancel={() => {\r\n          setModal({ show: false })\r\n        }}\r\n      >\r\n        <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n      </Modal>\r\n    </> : <></>}\r\n  </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","useLocale","styles","formatFileSize","getFileRaw","getFileUrl","getStorageUrl","parseStorageData","uploadFile","props","locale","messageApi","contextHolder","useMessage","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","modal","setModal","show","getValueFile","value","result","inBrowser","endpoint","bucket","url","updateContent","dataRes","path","content","Body","transformToString","r","FileReader","readAsText","Blob","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","beforeUpload","file","maxSize","size","error","fileSizeTip","directory","useFileName","custromFileName","storageUlr","onChange","errorUpload","icon","rev","undefined","fileUpload","Text","type","supportExtension","split","join","replace","div","style","height","a","onClick","tempViewer","target","href","download","rel","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { useLocale } from "../locale/index";
 import { formatFileSize } from "../_util/index";
 import { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from "@knockout-js/api";
 export default function(props) {
-    var 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 locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 2), messageApi = _message_useMessage[0], contextHolder = _message_useMessage[1], _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 getValueFile = function() {
         var _ref = _async_to_generator(function() {
             var result;
@@ -55,106 +55,109 @@ export default function(props) {
     }, [
         props.value
     ]);
-    return /*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsxs("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, result, _props_onChange, storageUrl, url;
-                        return _ts_generator(this, function(_state) {
-                            switch(_state.label){
-                                case 0:
-                                    maxSize = props.maxSize || 1024 * 1024 * 5;
-                                    if (file.size > maxSize) {
-                                        messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+        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, result, _props_onChange, storageUrl, url;
+                            return _ts_generator(this, function(_state) {
+                                switch(_state.label){
+                                    case 0:
+                                        maxSize = props.maxSize || 1024 * 1024 * 5;
+                                        if (file.size > maxSize) {
+                                            messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+                                            return [
+                                                2,
+                                                false
+                                            ];
+                                        }
+                                        setLoading(true);
+                                        return [
+                                            4,
+                                            uploadFile(file, props.directory, {
+                                                endpoint: props.endpoint,
+                                                bucket: props.bucket,
+                                                useFileName: props.useFileName,
+                                                custromFileName: props.custromFileName
+                                            })
+                                        ];
+                                    case 1:
+                                        result = _state.sent();
+                                        if (!(result === null || result === void 0 ? void 0 : result.path)) return [
+                                            3,
+                                            4
+                                        ];
+                                        return [
+                                            4,
+                                            getStorageUrl(result.path, {
+                                                endpoint: props.endpoint,
+                                                bucket: props.bucket
+                                            })
+                                        ];
+                                    case 2:
+                                        storageUrl = _state.sent();
+                                        return [
+                                            4,
+                                            getFileUrl(result.path, {
+                                                endpoint: props.endpoint,
+                                                bucket: props.bucket
+                                            })
+                                        ];
+                                    case 3:
+                                        url = _state.sent();
+                                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
+                                        setImgsrc(url);
+                                        return [
+                                            3,
+                                            5
+                                        ];
+                                    case 4:
+                                        messageApi.error(locale.errorUpload);
+                                        _state.label = 5;
+                                    case 5:
+                                        setLoading(false);
                                         return [
                                             2,
                                             false
                                         ];
-                                    }
-                                    setLoading(true);
-                                    return [
-                                        4,
-                                        uploadFile(file, props.directory, {
-                                            endpoint: props.endpoint,
-                                            bucket: props.bucket,
-                                            useFileName: props.useFileName,
-                                            custromFileName: props.custromFileName
-                                        })
-                                    ];
-                                case 1:
-                                    result = _state.sent();
-                                    if (!(result === null || result === void 0 ? void 0 : result.path)) return [
-                                        3,
-                                        4
-                                    ];
-                                    return [
-                                        4,
-                                        getStorageUrl(result.path, {
-                                            endpoint: props.endpoint,
-                                            bucket: props.bucket
-                                        })
-                                    ];
-                                case 2:
-                                    storageUrl = _state.sent();
-                                    return [
-                                        4,
-                                        getFileUrl(result.path, {
-                                            endpoint: props.endpoint,
-                                            bucket: props.bucket
-                                        })
-                                    ];
-                                case 3:
-                                    url = _state.sent();
-                                    (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
-                                    setImgsrc(url);
-                                    return [
-                                        3,
-                                        5
-                                    ];
-                                case 4:
-                                    messageApi.error(locale.errorUpload);
-                                    _state.label = 5;
-                                case 5:
-                                    setLoading(false);
-                                    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
-                            }
-                        })
-                    ]
+                        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
+                                }
+                            })
+                        ]
+                    })
                 })
-            })
-        })
+            }),
+            contextHolder
+        ]
     });
 };
 

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

@@ -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 { 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","useMessage","messageApi","loading","setLoading","imgsrc","setImgsrc","getValueFile","result","value","endpoint","bucket","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","storageUrl","url","size","error","fileSizeTip","directory","useFileName","custromFileName","path","onChange","errorUpload","img","src","alt","width","rev","marginTop"],"mappings":"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"}
+{"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, contextHolder] = 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    {contextHolder}\r\n  </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useLocale","formatFileSize","parseStorageUrl","getStorageUrl","uploadFile","getFileUrl","props","locale","useMessage","messageApi","contextHolder","loading","setLoading","imgsrc","setImgsrc","getValueFile","result","value","endpoint","bucket","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","storageUrl","url","size","error","fileSizeTip","directory","useFileName","custromFileName","path","onChange","errorUpload","img","src","alt","width","rev","marginTop"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { UploadOutlined } from "@ant-design/icons";
 import { Modal, Typography, Upload, message } from "antd";
 import { useEffect, useState } from "react";
@@ -12,7 +12,7 @@ var timeoutFn = undefined;
 var files = [];
 export default function(props) {
     var _props_accept;
-    var locale = useLocale("UploadFile"), _useState = _sliced_to_array(useState([]), 2), list = _useState[0], setList = _useState[1];
+    var _message_useMessage = _sliced_to_array(message.useMessage(), 2), messageApi = _message_useMessage[0], contextHolder = _message_useMessage[1], 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;
@@ -41,6 +41,7 @@ export default function(props) {
                             valueList.push({
                                 uid: "".concat(i).concat(data.path),
                                 name: data.name,
+                                fileName: data.name,
                                 response: data,
                                 url: data.url
                             });
@@ -138,121 +139,126 @@ export default function(props) {
             clearTimeout(timeoutFn);
         };
     }, []);
-    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 /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            contextHolder,
+            /*#__PURE__*/ _jsxs(Upload.Dragger, {
+                accept: props.accept,
+                beforeUpload: function() {
+                    var _ref = _async_to_generator(function(file) {
+                        var maxSize;
                         return _ts_generator(this, function(_state) {
-                            switch(_state.label){
-                                case 0:
-                                    return [
-                                        4,
-                                        runUploadFile()
-                                    ];
-                                case 1:
-                                    _state.sent();
-                                    return [
-                                        2
-                                    ];
-                            }
-                        });
-                    }), 500);
-                    return [
-                        2,
-                        false
-                    ];
-                });
-            });
-            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
-                                ];
+                            maxSize = props.maxSize || 1024 * 1024 * 5;
+                            if (file.size > maxSize) {
+                                messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
                                 return [
-                                    4,
-                                    delFile(path, {
-                                        endpoint: props.endpoint,
-                                        bucket: props.bucket
-                                    })
+                                    2,
+                                    false
                                 ];
-                            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);
+                            }
+                            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
+                            ];
+                        });
+                    });
+                    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, {
+                                                endpoint: props.endpoint,
+                                                bucket: 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 {
+                                            messageApi.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
+                                        ];
                                 }
-                                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(".", ""))
-                })
+                },
+                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, 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","valueList","i","data","length","push","uid","path","name","response","url","runUploadFile","item","uData","storageUrl","map","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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"}
+{"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    [messageApi, contextHolder] = message.useMessage(),\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              fileName: 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 <>\r\n    {contextHolder}\r\n    <Upload.Dragger\r\n      accept={props.accept}\r\n      beforeUpload={async (file: RcFile) => {\r\n        const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n        if (file.size > maxSize) {\r\n          messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n          return false;\r\n        }\r\n        files.push(file)\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                messageApi.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}\r\n"],"names":["UploadOutlined","Modal","Typography","Upload","message","useEffect","useState","delFile","getStorageUrl","parseStorageData","uploadFile","useLocale","formatFileSize","timeoutFn","undefined","files","props","useMessage","messageApi","contextHolder","locale","list","setList","getValuesFile","values","len","valueList","i","data","length","push","uid","path","name","fileName","response","url","runUploadFile","item","uData","storageUrl","map","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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"}

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

@@ -11,7 +11,7 @@ import { formatFileSize } from "../_util/index";
 import { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
 export default function(props) {
     var _props_accept;
-    var locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], iframeRef = useRef(null), _useState1 = _sliced_to_array(useState(), 2), name = _useState1[0], setName = _useState1[1], _useState2 = _sliced_to_array(useState(), 2), urlSrc = _useState2[0], setUrlSrc = _useState2[1], _useState3 = _sliced_to_array(useState({
+    var locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 2), messageApi = _message_useMessage[0], contextHolder = _message_useMessage[1], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], iframeRef = useRef(null), _useState1 = _sliced_to_array(useState(), 2), name = _useState1[0], setName = _useState1[1], _useState2 = _sliced_to_array(useState(), 2), urlSrc = _useState2[0], setUrlSrc = _useState2[1], _useState3 = _sliced_to_array(useState({
         show: false
     }), 2), modal = _useState3[0], setModal = _useState3[1];
     var getValueFile = function() {
@@ -126,6 +126,7 @@ export default function(props) {
     ]);
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
+            contextHolder,
             /*#__PURE__*/ _jsxs(Space, {
                 children: [
                     /*#__PURE__*/ _jsx(Upload, {

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

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize } from \"../_util\";\r\nimport { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n  /**\r\n  * 显示删除按钮\r\n  */\r\n  showDelBtn?: boolean;\r\n}) => {\r\n  const\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    iframeRef = useRef<HTMLIFrameElement>(null),\r\n    [name, setName] = useState<string>(),\r\n    [urlSrc, setUrlSrc] = useState<string>(),\r\n    [modal, setModal] = useState<{\r\n      show: boolean,\r\n    }>({\r\n      show: false,\r\n    });\r\n\r\n  const\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await parseStorageData(props.value, {\r\n          inBrowser: false,\r\n          endpoint: props.endpoint,\r\n          bucket: props.bucket\r\n        });\r\n        if (result) {\r\n          setName(result.name)\r\n          setUrlSrc(result.url)\r\n        }\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const dataRes = await parseStorageData(props.value)\r\n        if (dataRes) {\r\n          const result = await getFileRaw(dataRes.path, {\r\n            endpoint: props.endpoint,\r\n            bucket: props.bucket\r\n          })\r\n          if (result) {\r\n            const content = await result.Body?.transformToString('utf-8')\r\n            const r = new FileReader()\r\n            r.readAsText(new Blob([content ?? '']), 'utf-8')\r\n            r.onload = () => {\r\n              if (iframeRef.current?.contentWindow) {\r\n                iframeRef.current.contentWindow.document.write(`<pre>${r.result}</pre>`)\r\n              } else if (iframeRef.current?.contentDocument) {\r\n                iframeRef.current.contentDocument.write(`<pre>${r.result}</pre>`)\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile();\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    if (modal.show) {\r\n      updateContent();\r\n    }\r\n  }, [modal.show]);\r\n\r\n  return <>\r\n    <Space>\r\n      <Upload\r\n        accept={props.accept}\r\n        showUploadList={false}\r\n        beforeUpload={async (file: RcFile) => {\r\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n          if (file.size > maxSize) {\r\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n            return false;\r\n          }\r\n          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          if (result?.path) {\r\n            const storageUlr = await getStorageUrl(result.path, {\r\n              endpoint: props.endpoint,\r\n              bucket: props.bucket\r\n            }),\r\n              url = await getFileUrl(result.path, {\r\n                endpoint: props.endpoint,\r\n                bucket: props.bucket\r\n              })\r\n            setName(file.name)\r\n            setUrlSrc(url)\r\n            props.onChange?.(storageUlr)\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        <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n      </Upload>\r\n      <Typography.Text type=\"secondary\">\r\n        {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n      </Typography.Text>\r\n    </Space>\r\n    {props.value ? <>\r\n      <div style={{ height: \"8px\" }}></div>\r\n      <Space >\r\n        <a onClick={() => {\r\n          setModal({ show: true })\r\n        }}\r\n        >{locale.tempViewer}</a>\r\n        <a target=\"_blank\" href={urlSrc} download={name} rel=\"noopener noreferrer\">{locale.tempDown}</a>\r\n        {props.showDelBtn ? <Popconfirm\r\n          title={locale.del}\r\n          description={locale.confirmDel}\r\n          onConfirm={() => {\r\n            props.onChange?.()\r\n          }}\r\n          okText=\"Yes\"\r\n          cancelText=\"No\"\r\n        >\r\n          <a className={styles.delText}>{locale.del}</a>\r\n        </Popconfirm> : <></>}\r\n      </Space>\r\n      <Modal\r\n        title={locale.tempViewer}\r\n        open={modal.show}\r\n        destroyOnClose\r\n        footer={null}\r\n        width={800}\r\n        onCancel={() => {\r\n          setModal({ show: false })\r\n        }}\r\n      >\r\n        <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n      </Modal>\r\n    </> : <></>}\r\n  </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","useLocale","styles","formatFileSize","getFileRaw","getFileUrl","getStorageUrl","parseStorageData","uploadFile","props","locale","useMessage","messageApi","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","show","modal","setModal","getValueFile","result","value","inBrowser","endpoint","bucket","url","updateContent","dataRes","content","r","path","Body","transformToString","FileReader","readAsText","Blob","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","beforeUpload","file","maxSize","storageUlr","size","error","fileSizeTip","directory","useFileName","custromFileName","onChange","errorUpload","icon","rev","undefined","fileUpload","Text","type","supportExtension","split","join","replace","div","style","height","a","onClick","tempViewer","target","href","download","rel","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}
+{"version":3,"sources":[".\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize } from \"../_util\";\r\nimport { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from \"@knockout-js/api\";\r\n\r\nexport default (props: UploadFileProps<string> & {\r\n  /**\r\n  * 显示删除按钮\r\n  */\r\n  showDelBtn?: boolean;\r\n}) => {\r\n  const\r\n    locale = useLocale(\"UploadFile\"),\r\n    [messageApi, contextHolder] = message.useMessage(),\r\n    [loading, setLoading] = useState(false),\r\n    iframeRef = useRef<HTMLIFrameElement>(null),\r\n    [name, setName] = useState<string>(),\r\n    [urlSrc, setUrlSrc] = useState<string>(),\r\n    [modal, setModal] = useState<{\r\n      show: boolean,\r\n    }>({\r\n      show: false,\r\n    });\r\n\r\n  const\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await parseStorageData(props.value, {\r\n          inBrowser: false,\r\n          endpoint: props.endpoint,\r\n          bucket: props.bucket\r\n        });\r\n        if (result) {\r\n          setName(result.name)\r\n          setUrlSrc(result.url)\r\n        }\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const dataRes = await parseStorageData(props.value)\r\n        if (dataRes) {\r\n          const result = await getFileRaw(dataRes.path, {\r\n            endpoint: props.endpoint,\r\n            bucket: props.bucket\r\n          })\r\n          if (result) {\r\n            const content = await result.Body?.transformToString('utf-8')\r\n            const r = new FileReader()\r\n            r.readAsText(new Blob([content ?? '']), 'utf-8')\r\n            r.onload = () => {\r\n              if (iframeRef.current?.contentWindow) {\r\n                iframeRef.current.contentWindow.document.write(`<pre>${r.result}</pre>`)\r\n              } else if (iframeRef.current?.contentDocument) {\r\n                iframeRef.current.contentDocument.write(`<pre>${r.result}</pre>`)\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n  useEffect(() => {\r\n    getValueFile();\r\n  }, [props.value]);\r\n\r\n  useEffect(() => {\r\n    if (modal.show) {\r\n      updateContent();\r\n    }\r\n  }, [modal.show]);\r\n\r\n  return <>\r\n    {contextHolder}\r\n    <Space>\r\n      <Upload\r\n        accept={props.accept}\r\n        showUploadList={false}\r\n        beforeUpload={async (file: RcFile) => {\r\n          const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n          if (file.size > maxSize) {\r\n            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n            return false;\r\n          }\r\n          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          if (result?.path) {\r\n            const storageUlr = await getStorageUrl(result.path, {\r\n              endpoint: props.endpoint,\r\n              bucket: props.bucket\r\n            }),\r\n              url = await getFileUrl(result.path, {\r\n                endpoint: props.endpoint,\r\n                bucket: props.bucket\r\n              })\r\n            setName(file.name)\r\n            setUrlSrc(url)\r\n            props.onChange?.(storageUlr)\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        <Button loading={loading} icon={<UploadOutlined rev={undefined} />}>{locale.fileUpload}</Button>\r\n      </Upload>\r\n      <Typography.Text type=\"secondary\">\r\n        {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n      </Typography.Text>\r\n    </Space>\r\n    {props.value ? <>\r\n      <div style={{ height: \"8px\" }}></div>\r\n      <Space >\r\n        <a onClick={() => {\r\n          setModal({ show: true })\r\n        }}\r\n        >{locale.tempViewer}</a>\r\n        <a target=\"_blank\" href={urlSrc} download={name} rel=\"noopener noreferrer\">{locale.tempDown}</a>\r\n        {props.showDelBtn ? <Popconfirm\r\n          title={locale.del}\r\n          description={locale.confirmDel}\r\n          onConfirm={() => {\r\n            props.onChange?.()\r\n          }}\r\n          okText=\"Yes\"\r\n          cancelText=\"No\"\r\n        >\r\n          <a className={styles.delText}>{locale.del}</a>\r\n        </Popconfirm> : <></>}\r\n      </Space>\r\n      <Modal\r\n        title={locale.tempViewer}\r\n        open={modal.show}\r\n        destroyOnClose\r\n        footer={null}\r\n        width={800}\r\n        onCancel={() => {\r\n          setModal({ show: false })\r\n        }}\r\n      >\r\n        <iframe className={styles.modalIframe} ref={iframeRef}></iframe>\r\n      </Modal>\r\n    </> : <></>}\r\n  </>\r\n}\r\n"],"names":["UploadOutlined","Button","Modal","Popconfirm","Space","Typography","Upload","message","useEffect","useRef","useState","useLocale","styles","formatFileSize","getFileRaw","getFileUrl","getStorageUrl","parseStorageData","uploadFile","props","locale","useMessage","messageApi","contextHolder","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","show","modal","setModal","getValueFile","result","value","inBrowser","endpoint","bucket","url","updateContent","dataRes","content","r","path","Body","transformToString","FileReader","readAsText","Blob","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","beforeUpload","file","maxSize","storageUlr","size","error","fileSizeTip","directory","useFileName","custromFileName","onChange","errorUpload","icon","rev","undefined","fileUpload","Text","type","supportExtension","split","join","replace","div","style","height","a","onClick","tempViewer","target","href","download","rel","tempDown","showDelBtn","title","del","description","confirmDel","onConfirm","okText","cancelText","className","delText","open","destroyOnClose","footer","width","onCancel","iframe","modalIframe","ref"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "组件功能描述",
   "files": [
     "esm",
@@ -48,7 +48,7 @@
     "dayjs": "^1.11.9",
     "react-activation": "^0.12.4",
     "react-draggable": "^4.4.5",
-    "@knockout-js/api": "^0.1.6",
+    "@knockout-js/api": "^0.1.7",
     "@knockout-js/ice-urql": "^0.1.4"
   },
   "devDependencies": {