npm - @knockout-js/layout - Versions diffs - 0.1.5-beta.0 → 0.1.5-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/es2017/components/upload-file/index.d.ts CHANGED Viewed

@@ -24,6 +24,14 @@ export interface UploadFileProps<T> {
      * 目录格式  xxx/xx
      */
     directory: string;
+    /**
+     * 使用file.name当作文件名
+     */
+    useFileName?: boolean;
+    /**
+     * 使用这个值当作文件名时不包含后缀 custromFileName='fileName'
+     */
+    custromFileName?: string;
     /**
      * 限制文件大小 默认5M
      */

package/es2017/components/upload-file/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于：\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n errorUpload: string;\r\n errorDel: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /*\r\n bucket\r\n /\r\n bucket?: string;\r\n /\r\n endpoint\r\n /\r\n endpoint?: string;\r\n /\r\n 目录格式 xxx/xx\r\n /\r\n directory: string;\r\n /\r\n 限制文件大小默认5M\r\n /\r\n maxSize?: number;\r\n /\r\n 限制弹框选择\r\n /\r\n accept?: string;\r\n /\r\n 使用url\r\n /\r\n value?: T;\r\n /\r\n 返回存储数据库的url\r\n * @param value\r\n * @returns\r\n */\r\n onChange?: (value?: T) => void;\r\n\r\n}\r\n"],"names":[],"mappings":"AAAA,~~WAiDC~~"}
1	+ {"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于：\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n errorUpload: string;\r\n errorDel: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /*\r\n bucket\r\n /\r\n bucket?: string;\r\n /\r\n endpoint\r\n /\r\n endpoint?: string;\r\n /\r\n 目录格式 xxx/xx\r\n /\r\n directory: string;\r\n /\r\n 使用file.name当作文件名\r\n /\r\n useFileName?: boolean;\r\n /\r\n 使用这个值当作文件名时不包含后缀 custromFileName='fileName'\r\n /\r\n custromFileName?: string;\r\n /\r\n 限制文件大小默认5M\r\n /\r\n maxSize?: number;\r\n /\r\n 限制弹框选择\r\n /\r\n accept?: string;\r\n /\r\n 使用url\r\n /\r\n value?: T;\r\n /\r\n 返回存储数据库的url\r\n * @param value\r\n * @returns\r\n */\r\n onChange?: (value?: T) => void;\r\n\r\n}\r\n"],"names":[],"mappings":"AAAA,WAyDC"}

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

@@ -9,7 +9,10 @@ export default ((props)=>{
     const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
     const getValueFile = async ()=>{
         if (props.value) {
-            const result = await parseStorageUrl(props.value, undefined, undefined, props.endpoint, props.bucket);
+            const result = await parseStorageUrl(props.value, {
+                endpoint: props.endpoint,
+                bucket: props.bucket
+            });
             if (result) {
                 setImgsrc(result);
             }
@@ -39,11 +42,22 @@ export default ((props)=>{
                         return false;
                     }
                     setLoading(true);
-                    const result = await uploadFile(file, props.directory, props.endpoint, props.bucket);
+                    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, props.endpoint, props.bucket);
-                        const url = await getFileUrl(result.path, undefined, undefined, props.endpoint, props.bucket);
+                        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 {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { 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, ~~undefined,~~ ~~undefined,~~ props.endpoint, props.bucket);\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, props.endpoint, props.bucket);\r\n\r\n if (result?.path) {\r\n const storageUrl = await getStorageUrl(result.path, props.endpoint, props.bucket);\r\n const url = await getFileUrl(result.path, ~~undefined,~~ ~~undefined,~~ props.endpoint, props.bucket)\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","~~undefined~~","~~endpoint~~","~~bucket~~","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","size","error","fileSizeTip","directory","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,~~EAAEE~~,~~WAAWA~~,~~WAAWX~~,~~MAAMY,~~QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;~~YACpG~~,~~IAAIH~~,QAAQ;gBACVH,UAAUG;YACZ,CAAC;QACH,OAAO;YACLH,~~UAAUI~~;QACZ,CAAC;IACH;~~IAEAnB~~,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,~~EAAE3B~~,~~MAAMY~~,QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;~~oBAEnF~~,~~IAAIH~~,mBAAAA,oBAAAA,KAAAA,IAAAA,~~OAAQkB~~,IAAI,EAAE;~~4BAGhB5B~~;~~wBAFA~~,~~MAAM6B~~,aAAa,~~MAAMhC~~,cAAca,~~OAAOkB~~,IAAI,~~EAAE5B~~,~~MAAMY~~,QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;~~wBAChF~~,~~MAAMiB~~,MAAM,~~MAAM/B~~,WAAWW,~~OAAOkB~~,IAAI,~~EAAEjB~~,~~WAAWA~~,~~WAAWX~~,~~MAAMY,~~QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;~~wBAC5Fb~~,CAAAA,kBAAAA,~~MAAM+B~~,QAAQ,~~cAAd/B~~,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,~~OAAiB6B~~;~~wBACjBtB~~,~~UAAUuB~~;oBACZ,OAAO;~~wBACL5B~~,WAAWuB,KAAK,CAACxB,~~OAAO+B~~,WAAW;oBACrC,CAAC;~~oBACD3B~~,WAAW,KAAK;oBAChB,OAAO,KAAK;gBACd;0BAGEC,uBAAS,~~KAAC2B~~;oBACRC,~~KAAK5B~~;~~oBAAQ6B~~,KAAI;~~oBAASpB~~,OAAO;~~wBAAEqB~~,OAAO;oBAAO;mCAC9C;;sCACH,~~KAAChD~~;~~4BAAaiD~~,KAAK1B;;sCACnB,~~KAACG~~;4BAAIC,OAAO;~~gCAAEuB~~,WAAW;4BAAE;;;kBAC1B;;;;AAKb,CAAA,EAAC"}
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"}

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

@@ -36,9 +36,17 @@ export default ((props)=>{
         })) !== null && _list_map !== void 0 ? _list_map : [];
         for(let i = 0; i < files.length; i++){
             const item = files[i];
-            const uData = await uploadFile(item, props.directory, props.endpoint, props.bucket);
+            const uData = await uploadFile(item, props.directory, {
+                endpoint: props.endpoint,
+                bucket: props.bucket,
+                useFileName: props.useFileName,
+                custromFileName: props.custromFileName
+            });
             if (uData === null || uData === void 0 ? void 0 : uData.path) {
-                const storageUrl = await getStorageUrl(uData.path, props.endpoint, props.bucket);
+                const storageUrl = await getStorageUrl(uData.path, {
+                    endpoint: props.endpoint,
+                    bucket: props.bucket
+                });
                 if (storageUrl) {
                     values.push(storageUrl);
                 }
@@ -82,7 +90,10 @@ export default ((props)=>{
                     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, props.endpoint, props.bucket);
+                        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)) || []);

package/es2017/components/upload-file/uploadMultiple.js.map CHANGED Viewed

	@@ -1 +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, props.endpoint, props.bucket);\r\n if (uData?.path) {\r\n const storageUrl = await getStorageUrl(uData.path, props.endpoint, props.bucket);\r\n if (storageUrl) {\r\n values.push(storageUrl)\r\n }\r\n }\r\n }\r\n props.onChange?.(values);\r\n files = []\r\n }\r\n\r\n useEffect(() => {\r\n getValuesFile(props.value);\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeoutFn);\r\n };\r\n }, []);\r\n\r\n return <Upload.Dragger\r\n accept={props.accept}\r\n beforeUpload={async (file: RcFile) => {\r\n const maxSize = props.maxSize \|\| 1024 * 5000;\r\n if (file.size > maxSize) {\r\n message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n\r\n files.push(file)\r\n\r\n clearTimeout(timeoutFn);\r\n timeoutFn = setTimeout(async () => {\r\n await runUploadFile();\r\n }, 500)\r\n\r\n return false;\r\n }}\r\n multiple={true}\r\n fileList={list}\r\n onRemove={(file: UploadFile<UploadFileRes>) => {\r\n Modal.confirm({\r\n title: locale.del,\r\n content: `${locale.confirmDel}: ${file.name}`,\r\n onOk: async () => {\r\n const storageUrl = file.response?.storageUrl,\r\n path = file.response?.path\r\n if (storageUrl && path) {\r\n const result = await delFile(path, props.endpoint, props.bucket);\r\n if (result) {\r\n props.onChange?.(props.value?.filter(item => item != storageUrl) \|\| [])\r\n } else {\r\n message.error(locale.errorDel);\r\n }\r\n } else {\r\n props.onChange?.(props.value?.filter(item => item != storageUrl) \|\| [])\r\n }\r\n }\r\n })\r\n }}\r\n >\r\n <br />\r\n <div>\r\n <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n </div>\r\n <br />\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {locale.clickOrDragUpload}\r\n </Typography.Text>\r\n </div>\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n </Typography.Text>\r\n </div>\r\n </Upload.Dragger>\r\n}\r\n"],"names":["UploadOutlined","Modal","Typography","Upload","message","useEffect","useState","delFile","getStorageUrl","parseStorageData","uploadFile","useLocale","formatFileSize","timeoutFn","undefined","files","props","locale","list","setList","getValuesFile","values","len","length","valueList","i","data","push","uid","path","name","response","url","runUploadFile","item","map","storageUrl","uData","directory","endpoint","bucket","onChange","value","clearTimeout","Dragger","accept","beforeUpload","file","maxSize","size","error","fileSizeTip","setTimeout","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","result","filter","errorDel","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension","split","join","replace"],"mappings":";AAAA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SAASC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAEzD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,OAAO,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,UAAU,QAAuB,mBAAmB;AACvG,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,QAAQ,iBAAW;AAE1C,IAAIC,YAAwCC;AAC5C,IAAIC,QAAkB,EAAE;AAExB,eAAe,CAAA,CAACC,QAAqC;~~QAyGbA~~;~~IAxGtC~~,MACEC,SAASN,UAAU,eACnB,CAACO,MAAMC,QAAQ,GAAGb,SAAsC,EAAE;IAE5D,MACEc,gBAAgB,OAAOC,SAAsB;YAC/BA;QAAZ,MAAMC,MAAMD,CAAAA,iBAAAA,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQE,MAAM,cAAdF,4BAAAA,iBAAkB,CAAC,EAC7BG,YAAyC,EAAE;QAC7C,IAAIH,UAAUC,KAAK;YACjB,IAAK,IAAIG,IAAI,GAAGA,IAAIH,KAAKG,IAAK;gBAC5B,MAAMC,OAAO,MAAMjB,iBAAiBY,MAAM,CAACI,EAAE;gBAC7C,IAAIC,MAAM;oBACRF,UAAUG,IAAI,CAAC;wBACbC,KAAK,CAAC,EAAEH,EAAE,EAAEC,KAAKG,IAAI,CAAC,CAAC;wBACvBC,MAAMJ,KAAKI,IAAI;wBACfC,UAAUL;wBACVM,KAAKN,KAAKM,GAAG;oBACf;gBACF,CAAC;YACH;QACF,CAAC;QACDb,QAAQK;IACV,GACAS,gBAAgB,UAAY;~~YAa1BjB~~;~~YAZgCkB~~,2BAAjBhB;QAAf,MAAMG,SAASH,CAAAA,YAAAA,KAAKiB,GAAG,CAACD,CAAAA;gBAAQA;YAAAA,OAAAA,CAAAA,4BAAAA,CAAAA,iBAAAA,KAAKH,QAAQ,cAAbG,4BAAAA,KAAAA,IAAAA,eAAeE,UAAU,cAAzBF,uCAAAA,4BAA6B,EAAE;wBAAhDhB,uBAAAA,YAAqD,EAAE;QACtE,IAAK,IAAIO,IAAI,GAAGA,IAAIV,MAAMQ,MAAM,EAAEE,IAAK;YACrC,MAAMS,OAAOnB,KAAK,CAACU,EAAE;YAErB,MAAMY,QAAQ,MAAM3B,WAAWwB,MAAMlB,MAAMsB,SAAS,~~EAAEtB~~,MAAMuB,QAAQ,~~EAAEvB~~,MAAMwB,MAAM;~~YAClF~~,~~IAAIH~~,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAOR,IAAI,EAAE;gBACf,MAAMO,aAAa,MAAM5B,cAAc6B,MAAMR,IAAI,~~EAAEb~~,MAAMuB,QAAQ,~~EAAEvB~~,MAAMwB,MAAM;~~gBAC/E~~,IAAIJ,YAAY;oBACdf,OAAOM,IAAI,CAACS;gBACd,CAAC;YACH,CAAC;QACH;QACApB,CAAAA,kBAAAA,~~MAAMyB~~,QAAQ,~~cAAdzB~~,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;QACjBN,QAAQ,EAAE;IACZ;IAEFV,UAAU,IAAM;QACde,cAAcJ,~~MAAM0B~~,KAAK;IAC3B,GAAG;~~QAAC1B~~,~~MAAM0B~~,KAAK;KAAC;~~IAEhBrC~~,UAAU,IAAM;QACd,OAAO,IAAM;~~YACXsC~~,~~aAAa9B~~;QACf;IACF,GAAG,EAAE;IAEL,qBAAO,MAACV,~~OAAOyC~~,OAAO;QACpBC,~~QAAQ7B~~,~~MAAM6B~~,MAAM;QACpBC,cAAc,OAAOC,OAAiB;YACpC,MAAMC,~~UAAUhC~~,~~MAAMgC~~,OAAO,IAAI,OAAO;YACxC,IAAID,KAAKE,IAAI,GAAGD,SAAS;~~gBACvB5C~~,~~QAAQ8C~~,KAAK,CAAC,CAAC,~~EAAEjC~~,~~OAAOkC~~,WAAW,CAAC,EAAE,~~EAAEvC~~,~~eAAeoC~~,SAAS,CAAC;gBACjE,OAAO,KAAK;YACd,CAAC;~~YAGDjC~~,MAAMY,IAAI,~~CAACoB~~;YAEXJ,~~aAAa9B~~;YACbA,~~YAAYuC~~,WAAW,UAAY;gBACjC,~~MAAMnB~~;YACR,GAAG;YAEH,OAAO,KAAK;QACd;~~QACAoB~~,UAAU,IAAI;QACdC,~~UAAUpC~~;~~QACVqC~~,UAAU,CAACR,OAAoC;~~YAC7C9C~~,~~MAAMuD~~,OAAO,CAAC;gBACZC,~~OAAOxC~~,~~OAAOyC~~,GAAG;gBACjBC,SAAS,CAAC,~~EAAE1C~~,~~OAAO2C~~,UAAU,CAAC,EAAE,EAAEb,~~KAAKjB~~,IAAI,CAAC,CAAC;~~gBAC7C+B~~,MAAM,UAAY;wBACGd,gBACVA;oBADT,~~MAAMX~~,~~aAAaW~~,CAAAA,iBAAAA,~~KAAKhB~~,QAAQ,~~cAAbgB~~,4BAAAA,KAAAA,IAAAA,~~eAAeX~~,UAAU,EAC1CP,~~OAAOkB~~,CAAAA,kBAAAA,~~KAAKhB~~,QAAQ,~~cAAbgB~~,6BAAAA,KAAAA,IAAAA,~~gBAAelB~~,IAAI;oBAC5B,IAAIO,cAAcP,MAAM;wBACtB,~~MAAMiC~~,SAAS,~~MAAMvD~~,QAAQsB,~~MAAMb~~,MAAMuB,QAAQ,~~EAAEvB~~,MAAMwB,MAAM;~~wBAC/D~~,~~IAAIsB~~,QAAQ;~~gCACV9C~~,iBAAiBA;4BAAjBA,CAAAA,kBAAAA,~~MAAMyB~~,QAAQ,~~cAAdzB~~,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBA,CAAAA,CAAAA,eAAAA,~~MAAM0B~~,KAAK,~~cAAX1B~~,0BAAAA,KAAAA,IAAAA,~~aAAa+C~~,~~OAAO7B~~,CAAAA,OAAQA,QAAQE,gBAAe,EAAE;wBACxE,OAAO;4BACLhC,~~QAAQ8C~~,KAAK,~~CAACjC~~,~~OAAO+C~~,QAAQ;wBAC/B,CAAC;oBACH,OAAO;~~4BACLhD~~,kBAAiBA;wBAAjBA,CAAAA,mBAAAA,~~MAAMyB~~,QAAQ,~~cAAdzB~~,8BAAAA,KAAAA,IAAAA,iBAAAA,KAAAA,OAAiBA,CAAAA,CAAAA,gBAAAA,~~MAAM0B~~,KAAK,~~cAAX1B~~,2BAAAA,KAAAA,IAAAA,~~cAAa+C~~,~~OAAO7B~~,CAAAA,OAAQA,QAAQE,gBAAe,EAAE;oBACxE,CAAC;gBACH;YACF;QACF;;0BAEA,~~KAAC6B~~;0BACD,KAACC;0BACC,cAAA,~~KAAClE~~;~~oBAAemE~~,OAAO;wBAAEC,UAAU;oBAAG;oBAAGC,~~KAAKvD~~;;;0BAEhD,~~KAACmD~~;0BACD,KAACC;0BACC,cAAA,~~KAAChE~~,~~WAAWoE~~,IAAI;oBAACC,MAAK;~~8BACnBtD~~,~~OAAOuD~~,iBAAiB;;;0BAG7B,KAACN;0BACC,cAAA,~~KAAChE~~,~~WAAWoE~~,IAAI;oBAACC,MAAK;8BACnB,CAAC,~~EAAEtD~~,~~OAAOwD~~,gBAAgB,CAAC,EAAE,~~EAAEzD~~,CAAAA,gBAAAA,~~MAAM6B~~,MAAM,~~cAAZ7B~~,2BAAAA,KAAAA,IAAAA,~~cAAc0D~~,MAAM,MAAMC,IAAI,CAAC,KAAKC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;;AAI9F,CAAA,EAAC"}
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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"}

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

@@ -13,7 +13,11 @@ export default ((props)=>{
     });
     const getValueFile = async ()=>{
         if (props.value) {
-            const result = await parseStorageData(props.value, undefined, false, props.endpoint, props.bucket);
+            const result = await parseStorageData(props.value, {
+                inBrowser: false,
+                endpoint: props.endpoint,
+                bucket: props.bucket
+            });
             if (result) {
                 setName(result.name);
                 setUrlSrc(result.url);
@@ -23,7 +27,10 @@ export default ((props)=>{
         if (props.value) {
             const dataRes = await parseStorageData(props.value);
             if (dataRes) {
-                const result = await getFileRaw(dataRes.path, props.endpoint, props.bucket);
+                const result = await getFileRaw(dataRes.path, {
+                    endpoint: props.endpoint,
+                    bucket: props.bucket
+                });
                 if (result) {
                     var _result_Body;
                     const content = await ((_result_Body = result.Body) === null || _result_Body === void 0 ? void 0 : _result_Body.transformToString('utf-8'));
@@ -69,10 +76,21 @@ export default ((props)=>{
                                 return false;
                             }
                             setLoading(true);
-                            const result = await uploadFile(file, props.directory, props.endpoint, props.bucket);
+                            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 storageUlr = await getStorageUrl(result.path, props.endpoint, props.bucket), url = await getFileUrl(result.path, 3600, undefined, props.endpoint, props.bucket);
+                                const storageUlr = await getStorageUrl(result.path, {
+                                    endpoint: props.endpoint,
+                                    bucket: props.bucket
+                                }), url = await getFileUrl(result.path, {
+                                    endpoint: props.endpoint,
+                                    bucket: props.bucket
+                                });
                                 setName(file.name);
                                 setUrlSrc(url);
                                 (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUlr);

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

	@@ -1 +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, undefined, false, props.endpoint, props.bucket);\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, props.endpoint, props.bucket)\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, props.endpoint, props.bucket);\r\n if (result?.path) {\r\n const storageUlr = await getStorageUrl(result.path, props.endpoint, props.bucket),\r\n url = await getFileUrl(result.path, 3600, undefined, props.endpoint, props.bucket)\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","undefined","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","storageUlr","onChange","errorUpload","icon","rev","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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"}
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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"}

package/esm/components/upload-file/index.d.ts CHANGED Viewed

@@ -24,6 +24,14 @@ export interface UploadFileProps<T> {
      * 目录格式  xxx/xx
      */
     directory: string;
+    /**
+     * 使用file.name当作文件名
+     */
+    useFileName?: boolean;
+    /**
+     * 使用这个值当作文件名时不包含后缀 custromFileName='fileName'
+     */
+    custromFileName?: string;
     /**
      * 限制文件大小 默认5M
      */

package/esm/components/upload-file/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于：\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n errorUpload: string;\r\n errorDel: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /*\r\n bucket\r\n /\r\n bucket?: string;\r\n /\r\n endpoint\r\n /\r\n endpoint?: string;\r\n /\r\n 目录格式 xxx/xx\r\n /\r\n directory: string;\r\n /\r\n 限制文件大小默认5M\r\n /\r\n maxSize?: number;\r\n /\r\n 限制弹框选择\r\n /\r\n accept?: string;\r\n /\r\n 使用url\r\n /\r\n value?: T;\r\n /\r\n 返回存储数据库的url\r\n * @param value\r\n * @returns\r\n */\r\n onChange?: (value?: T) => void;\r\n\r\n}\r\n"],"names":[],"mappings":"AAAA,~~WAiDC~~"}
1	+ {"version":3,"sources":[".\\src\\components\\upload-file\\index.ts"],"sourcesContent":["export type UploadFileLocale = {\r\n // 文件大小必须小于：\r\n fileSizeTip: string;\r\n del: string;\r\n confirmDel: string;\r\n // 点击或拖拽文件上传\r\n clickOrDragUpload: string;\r\n // 支持扩展名\r\n supportExtension: string;\r\n errSupportExtension: string;\r\n errorUpload: string;\r\n errorDel: string;\r\n fileUpload: string;\r\n tempViewer: string;\r\n tempDown: string;\r\n}\r\n\r\nexport interface UploadFileProps<T> {\r\n /*\r\n bucket\r\n /\r\n bucket?: string;\r\n /\r\n endpoint\r\n /\r\n endpoint?: string;\r\n /\r\n 目录格式 xxx/xx\r\n /\r\n directory: string;\r\n /\r\n 使用file.name当作文件名\r\n /\r\n useFileName?: boolean;\r\n /\r\n 使用这个值当作文件名时不包含后缀 custromFileName='fileName'\r\n /\r\n custromFileName?: string;\r\n /\r\n 限制文件大小默认5M\r\n /\r\n maxSize?: number;\r\n /\r\n 限制弹框选择\r\n /\r\n accept?: string;\r\n /\r\n 使用url\r\n /\r\n value?: T;\r\n /\r\n 返回存储数据库的url\r\n * @param value\r\n * @returns\r\n */\r\n onChange?: (value?: T) => void;\r\n\r\n}\r\n"],"names":[],"mappings":"AAAA,WAyDC"}

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

@@ -22,7 +22,10 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            parseStorageUrl(props.value, undefined, undefined, props.endpoint, props.bucket)
+                            parseStorageUrl(props.value, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            })
                         ];
                     case 1:
                         result = _state.sent();
@@ -79,7 +82,12 @@ export default function(props) {
                                     setLoading(true);
                                     return [
                                         4,
-                                        uploadFile(file, props.directory, props.endpoint, props.bucket)
+                                        uploadFile(file, props.directory, {
+                                            endpoint: props.endpoint,
+                                            bucket: props.bucket,
+                                            useFileName: props.useFileName,
+                                            custromFileName: props.custromFileName
+                                        })
                                     ];
                                 case 1:
                                     result = _state.sent();
@@ -89,13 +97,19 @@ export default function(props) {
                                     ];
                                     return [
                                         4,
-                                        getStorageUrl(result.path, props.endpoint, props.bucket)
+                                        getStorageUrl(result.path, {
+                                            endpoint: props.endpoint,
+                                            bucket: props.bucket
+                                        })
                                     ];
                                 case 2:
                                     storageUrl = _state.sent();
                                     return [
                                         4,
-                                        getFileUrl(result.path, undefined, undefined, props.endpoint, props.bucket)
+                                        getFileUrl(result.path, {
+                                            endpoint: props.endpoint,
+                                            bucket: props.bucket
+                                        })
                                     ];
                                 case 3:
                                     url = _state.sent();

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[".\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { 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, ~~undefined,~~ ~~undefined,~~ props.endpoint, props.bucket);\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, props.endpoint, props.bucket);\r\n\r\n if (result?.path) {\r\n const storageUrl = await getStorageUrl(result.path, props.endpoint, props.bucket);\r\n const url = await getFileUrl(result.path, ~~undefined,~~ ~~undefined,~~ props.endpoint, props.bucket)\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","~~undefined~~","~~endpoint~~","~~bucket~~","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","storageUrl","url","size","error","fileSizeTip","directory","path","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,SAACC,OAAmC;IACjD,IAAMC,SAASP,UAAU,eACRH,uCAAAA,QAAQW,UAAU,QAAhCC,aAAcZ,wBACSE,6BAAAA,SAAS,KAAK,OAArCW,UAAuBX,cAAdY,aAAcZ,cACFA,8BAAAA,gBAArBa,SAAqBb,eAAbc,YAAad;IAExB,IAAMe;mBAAe,oBAAA,WAAY;gBAEvBC;;;;6BADJT,MAAMU,KAAK,EAAXV;;;;wBACa;;4BAAMJ,gBAAgBI,MAAMU,KAAK,~~EAAEC~~,~~WAAWA~~,~~WAAWX~~,~~MAAMY,~~QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;;;~~wBAA9FJ~~,SAAS;~~wBACf~~,IAAIA,QAAQ;4BACVF,UAAUE;wBACZ,CAAC;;;;;;wBAEDF,~~UAAUI~~;;;;;;;;QAEd;~~wBATMH~~;;;;~~IAWNhB~~,UAAU,WAAM;QACdgB;IACF,GAAG;QAACR,MAAMU,KAAK;KAAC;IAEhB,qBAAO,KAACI;QAAIC,OAAO;YAAEC,SAAS;QAAe;kBAC3C,cAAA,KAAC3B;YAAK4B,UAAUb;sBACd,cAAA,KAACd;gBACC4B,QAAQlB,MAAMkB,MAAM;gBACpBC,UAAS;gBACTC,gBAAgB,KAAK;gBACrBC,YAAY;+BAAE,oBAAA,SAAOC,MAAS;4BACtBC,SAOAd,~~QAKJT~~,~~iBAFMwB~~,~~YACAC~~;;;;~~oCAXFF~~,UAAUvB,MAAMuB,OAAO,IAAK,OAAO,OAAO;oCAEhD,IAAID,KAAKI,IAAI,GAAGH,SAAS;wCACvBpB,WAAWwB,KAAK,CAAC,AAAC,GAAyBhC,OAAvBM,OAAO2B,WAAW,EAAC,MAA4B,OAAxBjC,eAAe4B;wCAC1D;;4CAAO,KAAK;;oCACd,CAAC;oCACDlB,WAAW,IAAI;oCACA;;wCAAMP,WAAWwB,MAAMtB,MAAM6B,SAAS,~~EAAE7B~~,~~MAAMY~~,QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;;;~~oCAA7EJ~~,SAAS;~~yCAEXA~~,CAAAA,mBAAAA,oBAAAA,KAAAA,IAAAA,~~OAAQqB~~,IAAI,AAAD,~~GAAXrB~~;;;;oCACiB;;wCAAMZ,cAAcY,~~OAAOqB~~,IAAI,~~EAAE9B~~,~~MAAMY~~,QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;;;~~oCAA1EW~~,aAAa;~~oCACP~~;;wCAAMzB,WAAWU,~~OAAOqB~~,IAAI,~~EAAEnB~~,~~WAAWA~~,~~WAAWX~~,~~MAAMY,~~QAAQ,~~EAAEZ~~,~~MAAMa~~,MAAM;;;~~oCAAtFY~~,MAAM;~~oCACZzB~~,CAAAA,kBAAAA,~~MAAM+B~~,QAAQ,~~cAAd/B~~,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBwB;oCACjBjB,UAAUkB;;;;;;oCAEVtB,WAAWwB,KAAK,CAAC1B,~~OAAO+B~~,WAAW;;;~~oCAErC3B~~,WAAW,KAAK;oCAChB;;wCAAO,KAAK;;;;oBACd;~~oCApBqBiB~~;;;;~~0BAuBnBhB~~,uBAAS,~~KAAC2B~~;oBACRC,~~KAAK5B~~;~~oBAAQ6B~~,KAAI;~~oBAASpB~~,OAAO;~~wBAAEqB~~,OAAO;oBAAO;mCAC9C;;sCACH,~~KAAChD~~;~~4BAAaiD~~,KAAK1B;;sCACnB,~~KAACG~~;4BAAIC,OAAO;~~gCAAEuB~~,WAAW;4BAAE;;;kBAC1B;;;;AAKb,EAAC"}
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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"}

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

@@ -83,7 +83,12 @@ export default function(props) {
                         item = files[i];
                         return [
                             4,
-                            uploadFile(item, props.directory, props.endpoint, props.bucket)
+                            uploadFile(item, props.directory, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket,
+                                useFileName: props.useFileName,
+                                custromFileName: props.custromFileName
+                            })
                         ];
                     case 2:
                         uData = _state.sent();
@@ -93,7 +98,10 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            getStorageUrl(uData.path, props.endpoint, props.bucket)
+                            getStorageUrl(uData.path, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            })
                         ];
                     case 3:
                         storageUrl = _state.sent();
@@ -190,7 +198,10 @@ export default function(props) {
                                 ];
                                 return [
                                     4,
-                                    delFile(path, props.endpoint, props.bucket)
+                                    delFile(path, {
+                                        endpoint: props.endpoint,
+                                        bucket: props.bucket
+                                    })
                                 ];
                             case 1:
                                 result = _state.sent();

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

	@@ -1 +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, props.endpoint, props.bucket);\r\n if (uData?.path) {\r\n const storageUrl = await getStorageUrl(uData.path, props.endpoint, props.bucket);\r\n if (storageUrl) {\r\n values.push(storageUrl)\r\n }\r\n }\r\n }\r\n props.onChange?.(values);\r\n files = []\r\n }\r\n\r\n useEffect(() => {\r\n getValuesFile(props.value);\r\n }, [props.value]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n clearTimeout(timeoutFn);\r\n };\r\n }, []);\r\n\r\n return <Upload.Dragger\r\n accept={props.accept}\r\n beforeUpload={async (file: RcFile) => {\r\n const maxSize = props.maxSize \|\| 1024 * 5000;\r\n if (file.size > maxSize) {\r\n message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n\r\n files.push(file)\r\n\r\n clearTimeout(timeoutFn);\r\n timeoutFn = setTimeout(async () => {\r\n await runUploadFile();\r\n }, 500)\r\n\r\n return false;\r\n }}\r\n multiple={true}\r\n fileList={list}\r\n onRemove={(file: UploadFile<UploadFileRes>) => {\r\n Modal.confirm({\r\n title: locale.del,\r\n content: `${locale.confirmDel}: ${file.name}`,\r\n onOk: async () => {\r\n const storageUrl = file.response?.storageUrl,\r\n path = file.response?.path\r\n if (storageUrl && path) {\r\n const result = await delFile(path, props.endpoint, props.bucket);\r\n if (result) {\r\n props.onChange?.(props.value?.filter(item => item != storageUrl) \|\| [])\r\n } else {\r\n message.error(locale.errorDel);\r\n }\r\n } else {\r\n props.onChange?.(props.value?.filter(item => item != storageUrl) \|\| [])\r\n }\r\n }\r\n })\r\n }}\r\n >\r\n <br />\r\n <div>\r\n <UploadOutlined style={{ fontSize: 40 }} rev={undefined} />\r\n </div>\r\n <br />\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {locale.clickOrDragUpload}\r\n </Typography.Text>\r\n </div>\r\n <div>\r\n <Typography.Text type=\"secondary\">\r\n {`${locale.supportExtension}: ${props.accept?.split(',.').join('、').replace('.', '')}`}\r\n </Typography.Text>\r\n </div>\r\n </Upload.Dragger>\r\n}\r\n"],"names":["UploadOutlined","Modal","Typography","Upload","message","useEffect","useState","delFile","getStorageUrl","parseStorageData","uploadFile","useLocale","formatFileSize","timeoutFn","undefined","files","props","locale","list","setList","getValuesFile","values","len","valueList","i","data","length","push","uid","path","name","response","url","runUploadFile","item","uData","storageUrl","map","directory","endpoint","bucket","onChange","value","clearTimeout","Dragger","accept","beforeUpload","file","maxSize","size","error","fileSizeTip","setTimeout","multiple","fileList","onRemove","confirm","title","del","content","confirmDel","onOk","result","filter","errorDel","br","div","style","fontSize","rev","Text","type","clickOrDragUpload","supportExtension","split","join","replace"],"mappings":";;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SAASC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAEzD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,OAAO,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,UAAU,QAAuB,mBAAmB;AACvG,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,QAAQ,iBAAW;AAE1C,IAAIC,YAAwCC;AAC5C,IAAIC,QAAkB,EAAE;AAExB,eAAe,SAACC,OAAqC;~~QAyGbA~~;~~IAxGtC~~,IACEC,SAASN,UAAU,eACDL,6BAAAA,SAAsC,EAAE,OAAzDY,OAAiBZ,cAAXa,UAAWb;IAEpB,IACEc;mBAAgB,oBAAA,SAAOC,QAAsB;gBAC/BA,gBAANC,KACJC,WAESC,GACDC;;;;wBAJJH,MAAMD,CAAAA,iBAAAA,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQK,MAAM,cAAdL,4BAAAA,iBAAkB,CAAC,EAC7BE;6BACEF,CAAAA,UAAUC,GAAE,GAAZD;;;;wBACOG,IAAI;;;6BAAGA,CAAAA,IAAIF,GAAE;;;;wBACP;;4BAAMb,iBAAiBY,MAAM,CAACG,EAAE;;;wBAAvCC,OAAO;wBACb,IAAIA,MAAM;4BACRF,UAAUI,IAAI,CAAC;gCACbC,KAAK,AAAC,GAAMH,OAAJD,GAAc,OAAVC,KAAKI,IAAI;gCACrBC,MAAML,KAAKK,IAAI;gCACfC,UAAUN;gCACVO,KAAKP,KAAKO,GAAG;4BACf;wBACF,CAAC;;;wBATsBR;;;;;;wBAY3BL,QAAQI;;;;;;QACV;wBAjBAH,cAAuBC;;;SAkBvBY;mBAAgB,oBAAA,WAAY;~~gBAa1BjB~~,~~iBAZgCkB~~,2BAAjBhB,WAATG,QACGG,GACDU,MAEAC,~~OAEEC~~;;;;~~wBANJf~~,SAASH,CAAAA,YAAAA,KAAKmB,GAAG,CAACH,SAAAA;gCAAQA;4BAAAA,OAAAA,CAAAA,4BAAAA,CAAAA,iBAAAA,KAAKH,QAAQ,cAAbG,4BAAAA,KAAAA,IAAAA,eAAeE,UAAU,cAAzBF,uCAAAA,4BAA6B,EAAE;wCAAhDhB,uBAAAA,cAAuD;wBAC7DM,IAAI;;;6BAAGA,CAAAA,IAAIT,MAAMW,MAAM,AAAD;;;;wBACvBQ,OAAOnB,KAAK,CAACS,EAAE;wBAEP;;4BAAMd,WAAWwB,MAAMlB,MAAMsB,SAAS,~~EAAEtB~~,MAAMuB,QAAQ,~~EAAEvB~~,MAAMwB,MAAM;;;~~wBAA5EL~~,QAAQ;~~6BACVA~~,CAAAA,kBAAAA,mBAAAA,KAAAA,IAAAA,MAAON,IAAI,AAAD,GAAVM;;;;wBACiB;;4BAAM3B,cAAc2B,MAAMN,IAAI,~~EAAEb~~,MAAMuB,QAAQ,~~EAAEvB~~,MAAMwB,MAAM;;;~~wBAAzEJ~~,aAAa;~~wBACnB~~,IAAIA,YAAY;4BACdf,OAAOM,IAAI,CAACS;wBACd,CAAC;;;~~wBAR6BZ~~;;;;;;~~wBAWlCR~~,CAAAA,kBAAAA,~~MAAMyB~~,QAAQ,~~cAAdzB~~,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBK;wBACjBN,QAAQ,EAAE;;;;;;QACZ;~~wBAfAkB~~;;;;~~IAiBF5B~~,UAAU,WAAM;QACde,cAAcJ,~~MAAM0B~~,KAAK;IAC3B,GAAG;~~QAAC1B~~,~~MAAM0B~~,KAAK;KAAC;~~IAEhBrC~~,UAAU,WAAM;QACd,OAAO,WAAM;~~YACXsC~~,~~aAAa9B~~;QACf;IACF,GAAG,EAAE;IAEL,qBAAO,MAACV,~~OAAOyC~~,OAAO;QACpBC,~~QAAQ7B~~,~~MAAM6B~~,MAAM;QACpBC,YAAY;uBAAE,oBAAA,SAAOC,MAAiB;oBAC9BC;;oBAAAA,~~UAAUhC~~,~~MAAMgC~~,OAAO,IAAI,OAAO;oBACxC,IAAID,KAAKE,IAAI,GAAGD,SAAS;~~wBACvB5C~~,~~QAAQ8C~~,KAAK,CAAC,AAAC,~~GAAyBtC~~,OAAvBK,~~OAAOkC~~,WAAW,EAAC,MAA4B,~~OAAxBvC~~,~~eAAeoC~~;wBACvD;;4BAAO,KAAK;;oBACd,CAAC;~~oBAGDjC~~,MAAMY,IAAI,~~CAACoB~~;oBAEXJ,~~aAAa9B~~;oBACbA,~~YAAYuC~~,yBAAW,oBAAA,WAAY;;;;oCACjC;;~~wCAAMnB~~;;;oCAAN;;;;;;oBACF,IAAG;oBAEH;;wBAAO,KAAK;;;YACd;~~4BAhBqBc~~;;;;QAiBrBM,UAAU,IAAI;QACdC,~~UAAUpC~~;~~QACVqC~~,UAAU,SAACR,MAAoC;~~YAC7C9C~~,~~MAAMuD~~,OAAO,CAAC;gBACZC,~~OAAOxC~~,~~OAAOyC~~,GAAG;gBACjBC,SAAS,AAAC,GAAwBZ,~~OAAtB9B~~,~~OAAO2C~~,UAAU,EAAC,MAAc,OAAVb,~~KAAKjB~~,IAAI;~~gBAC3C+B~~,oBAAM,oBAAA,WAAY;wBACGd,gBACVA,~~iBADHX~~,YACJP,~~MAEMiC~~,~~QAEJ9C~~,iBAAiBA,cAKnBA,kBAAiBA;;;;~~gCAVboB~~,~~aAAaW~~,CAAAA,iBAAAA,~~KAAKhB~~,QAAQ,~~cAAbgB~~,4BAAAA,KAAAA,IAAAA,~~eAAeX~~,UAAU,EAC1CP,~~OAAOkB~~,CAAAA,kBAAAA,~~KAAKhB~~,QAAQ,~~cAAbgB~~,6BAAAA,KAAAA,IAAAA,~~gBAAelB~~,IAAI;qCACxBO,CAAAA,cAAcP,IAAG,GAAjBO;;;;gCACa;;oCAAM7B,QAAQsB,~~MAAMb~~,MAAMuB,QAAQ,~~EAAEvB~~,MAAMwB,MAAM;;;~~gCAAzDsB~~,SAAS;~~gCACf~~,IAAIA,QAAQ;;~~oCACV9C~~,CAAAA,kBAAAA,~~MAAMyB~~,QAAQ,~~cAAdzB~~,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBA,CAAAA,CAAAA,eAAAA,~~MAAM0B~~,KAAK,~~cAAX1B~~,0BAAAA,KAAAA,IAAAA,~~aAAa+C~~,~~OAAO7B~~,SAAAA;+CAAQA,QAAQE;;gCACvD,OAAO;oCACLhC,~~QAAQ8C~~,KAAK,~~CAACjC~~,~~OAAO+C~~,QAAQ;gCAC/B,CAAC;;;;;;~~gCAEDhD~~,CAAAA,mBAAAA,~~MAAMyB~~,QAAQ,~~cAAdzB~~,8BAAAA,KAAAA,IAAAA,iBAAAA,KAAAA,OAAiBA,CAAAA,CAAAA,gBAAAA,~~MAAM0B~~,KAAK,~~cAAX1B~~,2BAAAA,KAAAA,IAAAA,~~cAAa+C~~,~~OAAO7B~~,SAAAA;2CAAQA,QAAQE;;;;;;;;;gBAEzD;YACF;QACF;;0BAEA,~~KAAC6B~~;0BACD,KAACC;0BACC,cAAA,~~KAAClE~~;~~oBAAemE~~,OAAO;wBAAEC,UAAU;oBAAG;oBAAGC,~~KAAKvD~~;;;0BAEhD,~~KAACmD~~;0BACD,KAACC;0BACC,cAAA,~~KAAChE~~,~~WAAWoE~~,IAAI;oBAACC,MAAK;~~8BACnBtD~~,~~OAAOuD~~,iBAAiB;;;0BAG7B,KAACN;0BACC,cAAA,~~KAAChE~~,~~WAAWoE~~,IAAI;oBAACC,MAAK;8BACnB,AAAC,~~GAA8BvD~~,OAA5BC,~~OAAOwD~~,gBAAgB,EAAC,MAAyD,~~OAArDzD~~,CAAAA,gBAAAA,~~MAAM6B~~,MAAM,~~cAAZ7B~~,2BAAAA,KAAAA,IAAAA,~~cAAc0D~~,MAAM,MAAMC,IAAI,CAAC,KAAKC,OAAO,CAAC,KAAK,GAAG;;;;;AAI5F,EAAC"}
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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"}

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

@@ -26,7 +26,11 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            parseStorageData(props.value, undefined, false, props.endpoint, props.bucket)
+                            parseStorageData(props.value, {
+                                inBrowser: false,
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            })
                         ];
                     case 1:
                         result = _state.sent();
@@ -67,7 +71,10 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            getFileRaw(dataRes.path, props.endpoint, props.bucket)
+                            getFileRaw(dataRes.path, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            })
                         ];
                     case 2:
                         result = _state.sent();
@@ -141,7 +148,12 @@ export default function(props) {
                                             setLoading(true);
                                             return [
                                                 4,
-                                                uploadFile(file, props.directory, props.endpoint, props.bucket)
+                                                uploadFile(file, props.directory, {
+                                                    endpoint: props.endpoint,
+                                                    bucket: props.bucket,
+                                                    useFileName: props.useFileName,
+                                                    custromFileName: props.custromFileName
+                                                })
                                             ];
                                         case 1:
                                             result = _state.sent();
@@ -151,13 +163,19 @@ export default function(props) {
                                             ];
                                             return [
                                                 4,
-                                                getStorageUrl(result.path, props.endpoint, props.bucket)
+                                                getStorageUrl(result.path, {
+                                                    endpoint: props.endpoint,
+                                                    bucket: props.bucket
+                                                })
                                             ];
                                         case 2:
                                             storageUlr = _state.sent();
                                             return [
                                                 4,
-                                                getFileUrl(result.path, 3600, undefined, props.endpoint, props.bucket)
+                                                getFileUrl(result.path, {
+                                                    endpoint: props.endpoint,
+                                                    bucket: props.bucket
+                                                })
                                             ];
                                         case 3:
                                             url = _state.sent();

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

	@@ -1 +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, undefined, false, props.endpoint, props.bucket);\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, props.endpoint, props.bucket)\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, props.endpoint, props.bucket);\r\n if (result?.path) {\r\n const storageUlr = await getStorageUrl(result.path, props.endpoint, props.bucket),\r\n url = await getFileUrl(result.path, 3600, undefined, props.endpoint, props.bucket)\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","undefined","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","onChange","errorUpload","icon","rev","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":";;;;AAAA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SAASC,MAAM,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAEC,UAAU,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAEpF,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAEpD,SAASC,SAAS,QAAQ,kBAAY;AACtC,OAAOC,YAAY,qBAAqB;AACxC,SAASC,cAAc,QAAQ,iBAAW;AAC1C,SAASC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,mBAAmB;AAEvG,eAAe,SAACC,OAKV;QAqFkCA;IApFtC,IACEC,SAAST,UAAU,eACJJ,uCAAAA,QAAQc,UAAU,QAAhCC,aAAcf,wBACSG,6BAAAA,SAAS,KAAK,OAArCa,UAAuBb,cAAdc,aAAcd,cACxBe,YAAYhB,OAA0B,IAAI,GACxBC,8BAAAA,gBAAjBgB,OAAiBhB,eAAXiB,UAAWjB,eACIA,8BAAAA,gBAArBkB,SAAqBlB,eAAbmB,YAAanB,eACFA,8BAAAA,SAEjB;QACDoB,MAAM,KAAK;IACb,QAJCC,QAAmBrB,eAAZsB,WAAYtB;IAMtB,IACEuB;mBAAe,oBAAA,WAAY;gBAEjBC;;;;6BADJf,MAAMgB,KAAK,EAAXhB;;;;wBACa;;4BAAMF,iBAAiBE,MAAMgB,KAAK,EAAEC,WAAW,KAAK,EAAEjB,MAAMkB,QAAQ,EAAElB,MAAMmB,MAAM;;;wBAA3FJ,SAAS;wBACf,IAAIA,QAAQ;4BACVP,QAAQO,OAAOR,IAAI;4BACnBG,UAAUK,OAAOK,GAAG;wBACtB,CAAC;;;;;;;;QAEL;wBARAN;;;SASAO;mBAAgB,oBAAA,WAAY;gBAElBC,SAEEP,QAEkBA,cAAhBQ,SACAC;;;;6BANRxB,MAAMgB,KAAK,EAAXhB;;;;wBACc;;4BAAMF,iBAAiBE,MAAMgB,KAAK;;;wBAA5CM,UAAU;6BACZA,SAAAA;;;;wBACa;;4BAAM3B,WAAW2B,QAAQG,IAAI,EAAEzB,MAAMkB,QAAQ,EAAElB,MAAMmB,MAAM;;;wBAApEJ,SAAS;6BACXA,QAAAA;;;;wBACc;;4BAAMA,CAAAA,eAAAA,OAAOW,IAAI,cAAXX,0BAAAA,KAAAA,IAAAA,aAAaY,kBAAkB;;;wBAA/CJ,UAAU;wBACVC,IAAI,IAAII;wBACdJ,EAAEK,UAAU,CAAC,IAAIC;4BAAMP,oBAAAA,qBAAAA,UAAW,EAAE;4BAAI;wBACxCC,EAAEO,MAAM,GAAG,WAAM;gCACXzB,oBAEOA;4BAFX,IAAIA,CAAAA,qBAAAA,UAAU0B,OAAO,cAAjB1B,gCAAAA,KAAAA,IAAAA,mBAAmB2B,aAAa,EAAE;gCACpC3B,UAAU0B,OAAO,CAACC,aAAa,CAACC,QAAQ,CAACC,KAAK,CAAC,AAAC,QAAgB,OAATX,EAAET,MAAM,EAAC;4BAClE,OAAO,IAAIT,CAAAA,sBAAAA,UAAU0B,OAAO,cAAjB1B,iCAAAA,KAAAA,IAAAA,oBAAmB8B,eAAe,EAAE;gCAC7C9B,UAAU0B,OAAO,CAACI,eAAe,CAACD,KAAK,CAAC,AAAC,QAAgB,OAATX,EAAET,MAAM,EAAC;4BAC3D,CAAC;wBACH;;;;;;;;QAIR;wBAnBAM;;;;IAqBFhC,UAAU,WAAM;QACdyB;IACF,GAAG;QAACd,MAAMgB,KAAK;KAAC;IAEhB3B,UAAU,WAAM;QACd,IAAIuB,MAAMD,IAAI,EAAE;YACdU;QACF,CAAC;IACH,GAAG;QAACT,MAAMD,IAAI;KAAC;IAEf,qBAAO;;0BACL,MAAC1B;;kCACC,KAACE;wBACCkD,QAAQrC,MAAMqC,MAAM;wBACpBC,gBAAgB,KAAK;wBACrBC,YAAY;uCAAE,oBAAA,SAAOC,MAAiB;oCAC9BC,SAOA1B,QAMJf,iBAJM0C,YACJtB;;;;4CAVEqB,UAAUzC,MAAMyC,OAAO,IAAK,OAAO,OAAO;4CAEhD,IAAID,KAAKG,IAAI,GAAGF,SAAS;gDACvBtC,WAAWyC,KAAK,CAAC,AAAC,GAAyBlD,OAAvBO,OAAO4C,WAAW,EAAC,MAA4B,OAAxBnD,eAAe+C;gDAC1D;;oDAAO,KAAK;;4CACd,CAAC;4CACDpC,WAAW,IAAI;4CACA;;gDAAMN,WAAWyC,MAAMxC,MAAM8C,SAAS,EAAE9C,MAAMkB,QAAQ,EAAElB,MAAMmB,MAAM;;;4CAA7EJ,SAAS;iDACXA,CAAAA,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQU,IAAI,AAAD,GAAXV;;;;4CACiB;;gDAAMlB,cAAckB,OAAOU,IAAI,EAAEzB,MAAMkB,QAAQ,EAAElB,MAAMmB,MAAM;;;4CAA1EuB,aAAa;4CACX;;gDAAM9C,WAAWmB,OAAOU,IAAI,EAAE,MAAMR,WAAWjB,MAAMkB,QAAQ,EAAElB,MAAMmB,MAAM;;;4CAAjFC,MAAM;4CACRZ,QAAQgC,KAAKjC,IAAI;4CACjBG,UAAUU;4CACVpB,CAAAA,kBAAAA,MAAM+C,QAAQ,cAAd/C,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiB0C;;;;;;4CAEjBvC,WAAWyC,KAAK,CAAC3C,OAAO+C,WAAW;;;4CAErC3C,WAAW,KAAK;4CAChB;;gDAAO,KAAK;;;;4BACd;4CApBqBmC;;;;kCAsBrB,cAAA,KAAC1D;4BAAOsB,SAASA;4BAAS6C,oBAAM,KAACpE;gCAAeqE,KAAKjC;;sCAAgBhB,OAAOkD,UAAU;;;kCAExF,KAACjE,WAAWkE,IAAI;wBAACC,MAAK;kCACnB,AAAC,GAA8BrD,OAA5BC,OAAOqD,gBAAgB,EAAC,MAAyD,OAArDtD,CAAAA,gBAAAA,MAAMqC,MAAM,cAAZrC,2BAAAA,KAAAA,IAAAA,cAAcuD,MAAM,MAAMC,IAAI,CAAC,KAAKC,OAAO,CAAC,KAAK,GAAG;;;;YAGvFzD,MAAMgB,KAAK,iBAAG;;kCACb,KAAC0C;wBAAIC,OAAO;4BAAEC,QAAQ;wBAAM;;kCAC5B,MAAC3E;;0CACC,KAAC4E;gCAAEC,SAAS,WAAM;oCAChBjD,SAAS;wCAAEF,MAAM,IAAI;oCAAC;gCACxB;0CACEV,OAAO8D,UAAU;;0CACnB,KAACF;gCAAEG,QAAO;gCAASC,MAAMxD;gCAAQyD,UAAU3D;gCAAM4D,KAAI;0CAAuBlE,OAAOmE,QAAQ;;4BAC1FpE,MAAMqE,UAAU,iBAAG,KAACrF;gCACnBsF,OAAOrE,OAAOsE,GAAG;gCACjBC,aAAavE,OAAOwE,UAAU;gCAC9BC,WAAW,WAAM;wCACf1E;oCAAAA,CAAAA,kBAAAA,MAAM+C,QAAQ,cAAd/C,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA;gCACF;gCACA2E,QAAO;gCACPC,YAAW;0CAEX,cAAA,KAACf;oCAAEgB,WAAWpF,OAAOqF,OAAO;8CAAG7E,OAAOsE,GAAG;;+CAC3B,mBAAK;;;kCAEvB,KAACxF;wBACCuF,OAAOrE,OAAO8D,UAAU;wBACxBgB,MAAMnE,MAAMD,IAAI;wBAChBqE,cAAc;wBACdC,QAAQ,IAAI;wBACZC,OAAO;wBACPC,UAAU,WAAM;4BACdtE,SAAS;gCAAEF,MAAM,KAAK;4BAAC;wBACzB;kCAEA,cAAA,KAACyE;4BAAOP,WAAWpF,OAAO4F,WAAW;4BAAEC,KAAKhF;;;;+BAE1C,mBAAK;;;AAEf,EAAC"}
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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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@knockout-js/layout",
-  "version": "0.1.5-beta.0",
+  "version": "0.1.5-beta.1",
   "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-beta.2",
+    "@knockout-js/api": "^0.1.6-beta.4",
     "@knockout-js/ice-urql": "^0.1.4"
   },
   "devDependencies": {