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

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 (13) hide show
  1. package/es2017/components/upload-file/uploadAvatar.js +59 -56
  2. package/es2017/components/upload-file/uploadAvatar.js.map +1 -1
  3. package/es2017/components/upload-file/uploadMultiple.js +71 -65
  4. package/es2017/components/upload-file/uploadMultiple.js.map +1 -1
  5. package/es2017/components/upload-file/uploadTemp.js +2 -1
  6. package/es2017/components/upload-file/uploadTemp.js.map +1 -1
  7. package/esm/components/upload-file/uploadAvatar.js +95 -92
  8. package/esm/components/upload-file/uploadAvatar.js.map +1 -1
  9. package/esm/components/upload-file/uploadMultiple.js +118 -112
  10. package/esm/components/upload-file/uploadMultiple.js.map +1 -1
  11. package/esm/components/upload-file/uploadTemp.js +2 -1
  12. package/esm/components/upload-file/uploadTemp.js.map +1 -1
  13. package/package.json +2 -2
package/es2017/components/upload-file/uploadAvatar.js CHANGED
@@ -6,7 +6,7 @@ import { useLocale } from "../locale/index";
6
6
  import { formatFileSize } from "../_util/index";
7
7
  import { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from "@knockout-js/api";
8
8
  export default ((props)=>{
9
- const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
9
+ const locale = useLocale("UploadFile"), [messageApi, contextHolder] = message.useMessage(), [loading, setLoading] = useState(false), [imgsrc, setImgsrc] = useState();
10
10
  const getValueFile = async ()=>{
11
11
  if (props.value) {
12
12
  const result = await parseStorageUrl(props.value, {
@@ -25,67 +25,70 @@ export default ((props)=>{
25
25
  }, [
26
26
  props.value
27
27
  ]);
28
- return /*#__PURE__*/ _jsx("div", {
28
+ return /*#__PURE__*/ _jsxs("div", {
29
29
  style: {
30
30
  display: "inline-block"
31
31
  },
32
- children: /*#__PURE__*/ _jsx(Spin, {
33
- spinning: loading,
34
- children: /*#__PURE__*/ _jsx(Upload, {
35
- accept: props.accept,
36
- listType: "picture-card",
37
- showUploadList: false,
38
- beforeUpload: async (file)=>{
39
- const maxSize = props.maxSize || 1024 * 1024 * 5;
40
- if (file.size > maxSize) {
41
- messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
42
- return false;
43
- }
44
- setLoading(true);
45
- const result = await uploadFile(file, props.directory, {
46
- endpoint: props.endpoint,
47
- bucket: props.bucket,
48
- useFileName: props.useFileName,
49
- custromFileName: props.custromFileName
50
- });
51
- if (result === null || result === void 0 ? void 0 : result.path) {
52
- var _props_onChange;
53
- const storageUrl = await getStorageUrl(result.path, {
54
- endpoint: props.endpoint,
55
- bucket: props.bucket
56
- });
57
- const url = await getFileUrl(result.path, {
32
+ children: [
33
+ /*#__PURE__*/ _jsx(Spin, {
34
+ spinning: loading,
35
+ children: /*#__PURE__*/ _jsx(Upload, {
36
+ accept: props.accept,
37
+ listType: "picture-card",
38
+ showUploadList: false,
39
+ beforeUpload: async (file)=>{
40
+ const maxSize = props.maxSize || 1024 * 1024 * 5;
41
+ if (file.size > maxSize) {
42
+ messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
43
+ return false;
44
+ }
45
+ setLoading(true);
46
+ const result = await uploadFile(file, props.directory, {
58
47
  endpoint: props.endpoint,
59
- bucket: props.bucket
48
+ bucket: props.bucket,
49
+ useFileName: props.useFileName,
50
+ custromFileName: props.custromFileName
60
51
  });
61
- (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
62
- setImgsrc(url);
63
- } else {
64
- messageApi.error(locale.errorUpload);
65
- }
66
- setLoading(false);
67
- return false;
68
- },
69
- children: imgsrc ? /*#__PURE__*/ _jsx("img", {
70
- src: imgsrc,
71
- alt: "avatar",
72
- style: {
73
- width: '100%'
74
- }
75
- }) : /*#__PURE__*/ _jsxs(_Fragment, {
76
- children: [
77
- /*#__PURE__*/ _jsx(PlusOutlined, {
78
- rev: undefined
79
- }),
80
- /*#__PURE__*/ _jsx("div", {
81
- style: {
82
- marginTop: 8
83
- }
84
- })
85
- ]
52
+ if (result === null || result === void 0 ? void 0 : result.path) {
53
+ var _props_onChange;
54
+ const storageUrl = await getStorageUrl(result.path, {
55
+ endpoint: props.endpoint,
56
+ bucket: props.bucket
57
+ });
58
+ const url = await getFileUrl(result.path, {
59
+ endpoint: props.endpoint,
60
+ bucket: props.bucket
61
+ });
62
+ (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
63
+ setImgsrc(url);
64
+ } else {
65
+ messageApi.error(locale.errorUpload);
66
+ }
67
+ setLoading(false);
68
+ return false;
69
+ },
70
+ children: imgsrc ? /*#__PURE__*/ _jsx("img", {
71
+ src: imgsrc,
72
+ alt: "avatar",
73
+ style: {
74
+ width: '100%'
75
+ }
76
+ }) : /*#__PURE__*/ _jsxs(_Fragment, {
77
+ children: [
78
+ /*#__PURE__*/ _jsx(PlusOutlined, {
79
+ rev: undefined
80
+ }),
81
+ /*#__PURE__*/ _jsx("div", {
82
+ style: {
83
+ marginTop: 8
84
+ }
85
+ })
86
+ ]
87
+ })
86
88
  })
87
- })
88
- })
89
+ }),
90
+ contextHolder
91
+ ]
89
92
  });
90
93
  });
91
94
 
package/es2017/components/upload-file/uploadAvatar.js.map CHANGED
@@ -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, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket\r\n });\r\n if (result) {\r\n setImgsrc(result)\r\n }\r\n } else {\r\n setImgsrc(undefined)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValueFile()\r\n }, [props.value])\r\n\r\n return <div style={{ display: \"inline-block\" }}>\r\n <Spin spinning={loading} >\r\n <Upload\r\n accept={props.accept}\r\n listType=\"picture-card\"\r\n showUploadList={false}\r\n beforeUpload={async (file) => {\r\n const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n if (file.size > maxSize) {\r\n messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n setLoading(true);\r\n const result = await uploadFile(file, props.directory, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket,\r\n useFileName: props.useFileName,\r\n custromFileName: props.custromFileName,\r\n });\r\n\r\n if (result?.path) {\r\n const storageUrl = await getStorageUrl(result.path, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket,\r\n });\r\n const url = await getFileUrl(result.path, {\r\n endpoint: props.endpoint,\r\n bucket: props.bucket\r\n })\r\n props.onChange?.(storageUrl);\r\n setImgsrc(url)\r\n } else {\r\n messageApi.error(locale.errorUpload);\r\n }\r\n setLoading(false)\r\n return false;\r\n }}\r\n >\r\n {\r\n imgsrc ? <img\r\n src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n /> : <>\r\n <PlusOutlined rev={undefined} />\r\n <div style={{ marginTop: 8 }}></div>\r\n </>\r\n }\r\n </Upload>\r\n </Spin>\r\n </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useLocale","formatFileSize","parseStorageUrl","getStorageUrl","uploadFile","getFileUrl","props","locale","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","getValueFile","value","result","endpoint","bucket","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","file","maxSize","size","error","fileSizeTip","directory","useFileName","custromFileName","path","storageUrl","url","onChange","errorUpload","img","src","alt","width","rev","marginTop"],"mappings":";AAAA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,IAAI,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAM;AAC5C,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAE5C,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,cAAc,QAAQ,iBAAW;AAC1C,SAASC,eAAe,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,QAAQ,mBAAmB;AAE1F,eAAe,CAAA,CAACC,QAAmC;IACjD,MAAMC,SAASP,UAAU,eACvB,CAACQ,WAAW,GAAGX,QAAQY,UAAU,IACjC,CAACC,SAASC,WAAW,GAAGZ,SAAS,KAAK,GACtC,CAACa,QAAQC,UAAU,GAAGd;IAExB,MAAMe,eAAe,UAAY;QAC/B,IAAIR,MAAMS,KAAK,EAAE;YACf,MAAMC,SAAS,MAAMd,gBAAgBI,MAAMS,KAAK,EAAE;gBAChDE,UAAUX,MAAMW,QAAQ;gBACxBC,QAAQZ,MAAMY,MAAM;YACtB;YACA,IAAIF,QAAQ;gBACVH,UAAUG;YACZ,CAAC;QACH,OAAO;YACLH,UAAUM;QACZ,CAAC;IACH;IAEArB,UAAU,IAAM;QACdgB;IACF,GAAG;QAACR,MAAMS,KAAK;KAAC;IAEhB,qBAAO,KAACK;QAAIC,OAAO;YAAEC,SAAS;QAAe;kBAC3C,cAAA,KAAC3B;YAAK4B,UAAUb;sBACd,cAAA,KAACd;gBACC4B,QAAQlB,MAAMkB,MAAM;gBACpBC,UAAS;gBACTC,gBAAgB,KAAK;gBACrBC,cAAc,OAAOC,OAAS;oBAC5B,MAAMC,UAAUvB,MAAMuB,OAAO,IAAK,OAAO,OAAO;oBAEhD,IAAID,KAAKE,IAAI,GAAGD,SAAS;wBACvBrB,WAAWuB,KAAK,CAAC,CAAC,EAAExB,OAAOyB,WAAW,CAAC,EAAE,EAAE/B,eAAe4B,SAAS,CAAC;wBACpE,OAAO,KAAK;oBACd,CAAC;oBACDlB,WAAW,IAAI;oBACf,MAAMK,SAAS,MAAMZ,WAAWwB,MAAMtB,MAAM2B,SAAS,EAAE;wBACrDhB,UAAUX,MAAMW,QAAQ;wBACxBC,QAAQZ,MAAMY,MAAM;wBACpBgB,aAAa5B,MAAM4B,WAAW;wBAC9BC,iBAAiB7B,MAAM6B,eAAe;oBACxC;oBAEA,IAAInB,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQoB,IAAI,EAAE;4BAShB9B;wBARA,MAAM+B,aAAa,MAAMlC,cAAca,OAAOoB,IAAI,EAAE;4BAClDnB,UAAUX,MAAMW,QAAQ;4BACxBC,QAAQZ,MAAMY,MAAM;wBACtB;wBACA,MAAMoB,MAAM,MAAMjC,WAAWW,OAAOoB,IAAI,EAAE;4BACxCnB,UAAUX,MAAMW,QAAQ;4BACxBC,QAAQZ,MAAMY,MAAM;wBACtB;wBACAZ,CAAAA,kBAAAA,MAAMiC,QAAQ,cAAdjC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiB+B;wBACjBxB,UAAUyB;oBACZ,OAAO;wBACL9B,WAAWuB,KAAK,CAACxB,OAAOiC,WAAW;oBACrC,CAAC;oBACD7B,WAAW,KAAK;oBAChB,OAAO,KAAK;gBACd;0BAGEC,uBAAS,KAAC6B;oBACRC,KAAK9B;oBAAQ+B,KAAI;oBAAStB,OAAO;wBAAEuB,OAAO;oBAAO;mCAC9C;;sCACH,KAAClD;4BAAamD,KAAK1B;;sCACnB,KAACC;4BAAIC,OAAO;gCAAEyB,WAAW;4BAAE;;;kBAC1B;;;;AAKb,CAAA,EAAC"}
1
+ {"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 CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
2
2
  import { UploadOutlined } from "@ant-design/icons";
3
3
  import { Modal, Typography, Upload, message } from "antd";
4
4
  import { useEffect, useState } from "react";
@@ -9,7 +9,7 @@ let timeoutFn = undefined;
9
9
  let files = [];
10
10
  export default ((props)=>{
11
11
  var _props_accept;
12
- const locale = useLocale("UploadFile"), [list, setList] = useState([]);
12
+ const [messageApi, contextHolder] = message.useMessage(), locale = useLocale("UploadFile"), [list, setList] = useState([]);
13
13
  const getValuesFile = async (values)=>{
14
14
  var _values_length;
15
15
  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)=>{
20
20
  valueList.push({
21
21
  uid: `${i}${data.path}`,
22
22
  name: data.name,
23
+ fileName: data.name,
23
24
  response: data,
24
25
  url: data.url
25
26
  });
@@ -65,70 +66,75 @@ export default ((props)=>{
65
66
  clearTimeout(timeoutFn);
66
67
  };
67
68
  }, []);
68
- return /*#__PURE__*/ _jsxs(Upload.Dragger, {
69
- accept: props.accept,
70
- beforeUpload: async (file)=>{
71
- const maxSize = props.maxSize || 1024 * 5000;
72
- if (file.size > maxSize) {
73
- message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
74
- return false;
75
- }
76
- files.push(file);
77
- clearTimeout(timeoutFn);
78
- timeoutFn = setTimeout(async ()=>{
79
- await runUploadFile();
80
- }, 500);
81
- return false;
82
- },
83
- multiple: true,
84
- fileList: list,
85
- onRemove: (file)=>{
86
- Modal.confirm({
87
- title: locale.del,
88
- content: `${locale.confirmDel}: ${file.name}`,
89
- onOk: async ()=>{
90
- var _file_response, _file_response1;
91
- const storageUrl = (_file_response = file.response) === null || _file_response === void 0 ? void 0 : _file_response.storageUrl, path = (_file_response1 = file.response) === null || _file_response1 === void 0 ? void 0 : _file_response1.path;
92
- if (storageUrl && path) {
93
- const result = await delFile(path, {
94
- endpoint: props.endpoint,
95
- bucket: props.bucket
96
- });
97
- if (result) {
98
- var _props_onChange, _props_value;
99
- (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter((item)=>item != storageUrl)) || []);
100
- } else {
101
- message.error(locale.errorDel);
102
- }
103
- } else {
104
- var _props_onChange1, _props_value1;
105
- (_props_onChange1 = props.onChange) === null || _props_onChange1 === void 0 ? void 0 : _props_onChange1.call(props, ((_props_value1 = props.value) === null || _props_value1 === void 0 ? void 0 : _props_value1.filter((item)=>item != storageUrl)) || []);
106
- }
107
- }
108
- });
109
- },
69
+ return /*#__PURE__*/ _jsxs(_Fragment, {
110
70
  children: [
111
- /*#__PURE__*/ _jsx("br", {}),
112
- /*#__PURE__*/ _jsx("div", {
113
- children: /*#__PURE__*/ _jsx(UploadOutlined, {
114
- style: {
115
- fontSize: 40
116
- },
117
- rev: undefined
118
- })
119
- }),
120
- /*#__PURE__*/ _jsx("br", {}),
121
- /*#__PURE__*/ _jsx("div", {
122
- children: /*#__PURE__*/ _jsx(Typography.Text, {
123
- type: "secondary",
124
- children: locale.clickOrDragUpload
125
- })
126
- }),
127
- /*#__PURE__*/ _jsx("div", {
128
- children: /*#__PURE__*/ _jsx(Typography.Text, {
129
- type: "secondary",
130
- children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
131
- })
71
+ contextHolder,
72
+ /*#__PURE__*/ _jsxs(Upload.Dragger, {
73
+ accept: props.accept,
74
+ beforeUpload: async (file)=>{
75
+ const maxSize = props.maxSize || 1024 * 1024 * 5;
76
+ if (file.size > maxSize) {
77
+ messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
78
+ return false;
79
+ }
80
+ files.push(file);
81
+ clearTimeout(timeoutFn);
82
+ timeoutFn = setTimeout(async ()=>{
83
+ await runUploadFile();
84
+ }, 500);
85
+ return false;
86
+ },
87
+ multiple: true,
88
+ fileList: list,
89
+ onRemove: (file)=>{
90
+ Modal.confirm({
91
+ title: locale.del,
92
+ content: `${locale.confirmDel}: ${file.name}`,
93
+ onOk: async ()=>{
94
+ var _file_response, _file_response1;
95
+ 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;
96
+ if (storageUrl && path) {
97
+ const result = await delFile(path, {
98
+ endpoint: props.endpoint,
99
+ bucket: props.bucket
100
+ });
101
+ if (result) {
102
+ var _props_onChange, _props_value;
103
+ (_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)) || []);
104
+ } else {
105
+ messageApi.error(locale.errorDel);
106
+ }
107
+ } else {
108
+ var _props_onChange1, _props_value1;
109
+ (_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)) || []);
110
+ }
111
+ }
112
+ });
113
+ },
114
+ children: [
115
+ /*#__PURE__*/ _jsx("br", {}),
116
+ /*#__PURE__*/ _jsx("div", {
117
+ children: /*#__PURE__*/ _jsx(UploadOutlined, {
118
+ style: {
119
+ fontSize: 40
120
+ },
121
+ rev: undefined
122
+ })
123
+ }),
124
+ /*#__PURE__*/ _jsx("br", {}),
125
+ /*#__PURE__*/ _jsx("div", {
126
+ children: /*#__PURE__*/ _jsx(Typography.Text, {
127
+ type: "secondary",
128
+ children: locale.clickOrDragUpload
129
+ })
130
+ }),
131
+ /*#__PURE__*/ _jsx("div", {
132
+ children: /*#__PURE__*/ _jsx(Typography.Text, {
133
+ type: "secondary",
134
+ children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
135
+ })
136
+ })
137
+ ]
132
138
  })
133
139
  ]
134
140
  });
package/es2017/components/upload-file/uploadMultiple.js.map CHANGED
@@ -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, {\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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"}
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 [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 CHANGED
@@ -8,7 +8,7 @@ import { formatFileSize } from "../_util/index";
8
8
  import { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
9
9
  export default ((props)=>{
10
10
  var _props_accept;
11
- const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
11
+ const locale = useLocale("UploadFile"), [messageApi, contextHolder] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
12
12
  show: false
13
13
  });
14
14
  const getValueFile = async ()=>{
@@ -64,6 +64,7 @@ export default ((props)=>{
64
64
  ]);
65
65
  return /*#__PURE__*/ _jsxs(_Fragment, {
66
66
  children: [
67
+ contextHolder,
67
68
  /*#__PURE__*/ _jsxs(Space, {
68
69
  children: [
69
70
  /*#__PURE__*/ _jsx(Upload, {
package/es2017/components/upload-file/uploadTemp.js.map CHANGED
@@ -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, {\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":";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,CAAA,CAACC,QAKV;QAuGkCA;IAtGtC,MACEC,SAAST,UAAU,eACnB,CAACU,WAAW,GAAGd,QAAQe,UAAU,IACjC,CAACC,SAASC,WAAW,GAAGd,SAAS,KAAK,GACtCe,YAAYhB,OAA0B,IAAI,GAC1C,CAACiB,MAAMC,QAAQ,GAAGjB,YAClB,CAACkB,QAAQC,UAAU,GAAGnB,YACtB,CAACoB,OAAOC,SAAS,GAAGrB,SAEjB;QACDsB,MAAM,KAAK;IACb;IAEF,MACEC,eAAe,UAAY;QACzB,IAAId,MAAMe,KAAK,EAAE;YACf,MAAMC,SAAS,MAAMlB,iBAAiBE,MAAMe,KAAK,EAAE;gBACjDE,WAAW,KAAK;gBAChBC,UAAUlB,MAAMkB,QAAQ;gBACxBC,QAAQnB,MAAMmB,MAAM;YACtB;YACA,IAAIH,QAAQ;gBACVR,QAAQQ,OAAOT,IAAI;gBACnBG,UAAUM,OAAOI,GAAG;YACtB,CAAC;QACH,CAAC;IACH,GACAC,gBAAgB,UAAY;QAC1B,IAAIrB,MAAMe,KAAK,EAAE;YACf,MAAMO,UAAU,MAAMxB,iBAAiBE,MAAMe,KAAK;YAClD,IAAIO,SAAS;gBACX,MAAMN,SAAS,MAAMrB,WAAW2B,QAAQC,IAAI,EAAE;oBAC5CL,UAAUlB,MAAMkB,QAAQ;oBACxBC,QAAQnB,MAAMmB,MAAM;gBACtB;gBACA,IAAIH,QAAQ;wBACYA;oBAAtB,MAAMQ,UAAU,OAAMR,CAAAA,eAAAA,OAAOS,IAAI,cAAXT,0BAAAA,KAAAA,IAAAA,aAAaU,kBAAkB;oBACrD,MAAMC,IAAI,IAAIC;oBACdD,EAAEE,UAAU,CAAC,IAAIC,KAAK;wBAACN,oBAAAA,qBAAAA,UAAW,EAAE;qBAAC,GAAG;oBACxCG,EAAEI,MAAM,GAAG,IAAM;4BACXzB,oBAEOA;wBAFX,IAAIA,CAAAA,qBAAAA,UAAU0B,OAAO,cAAjB1B,gCAAAA,KAAAA,IAAAA,mBAAmB2B,aAAa,EAAE;4BACpC3B,UAAU0B,OAAO,CAACC,aAAa,CAACC,QAAQ,CAACC,KAAK,CAAC,CAAC,KAAK,EAAER,EAAEX,MAAM,CAAC,MAAM,CAAC;wBACzE,OAAO,IAAIV,CAAAA,sBAAAA,UAAU0B,OAAO,cAAjB1B,iCAAAA,KAAAA,IAAAA,oBAAmB8B,eAAe,EAAE;4BAC7C9B,UAAU0B,OAAO,CAACI,eAAe,CAACD,KAAK,CAAC,CAAC,KAAK,EAAER,EAAEX,MAAM,CAAC,MAAM,CAAC;wBAClE,CAAC;oBACH;gBACF,CAAC;YACH,CAAC;QACH,CAAC;IACH;IAEF3B,UAAU,IAAM;QACdyB;IACF,GAAG;QAACd,MAAMe,KAAK;KAAC;IAEhB1B,UAAU,IAAM;QACd,IAAIsB,MAAME,IAAI,EAAE;YACdQ;QACF,CAAC;IACH,GAAG;QAACV,MAAME,IAAI;KAAC;IAEf,qBAAO;;0BACL,MAAC5B;;kCACC,KAACE;wBACCkD,QAAQrC,MAAMqC,MAAM;wBACpBC,gBAAgB,KAAK;wBACrBC,cAAc,OAAOC,OAAiB;4BACpC,MAAMC,UAAUzC,MAAMyC,OAAO,IAAK,OAAO,OAAO;4BAEhD,IAAID,KAAKE,IAAI,GAAGD,SAAS;gCACvBvC,WAAWyC,KAAK,CAAC,CAAC,EAAE1C,OAAO2C,WAAW,CAAC,EAAE,EAAElD,eAAe+C,SAAS,CAAC;gCACpE,OAAO,KAAK;4BACd,CAAC;4BACDpC,WAAW,IAAI;4BACf,MAAMW,SAAS,MAAMjB,WAAWyC,MAAMxC,MAAM6C,SAAS,EAAE;gCACrD3B,UAAUlB,MAAMkB,QAAQ;gCACxBC,QAAQnB,MAAMmB,MAAM;gCACpB2B,aAAa9C,MAAM8C,WAAW;gCAC9BC,iBAAiB/C,MAAM+C,eAAe;4BACxC;4BACA,IAAI/B,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQO,IAAI,EAAE;oCAWhBvB;gCAVA,MAAMgD,aAAa,MAAMnD,cAAcmB,OAAOO,IAAI,EAAE;oCAClDL,UAAUlB,MAAMkB,QAAQ;oCACxBC,QAAQnB,MAAMmB,MAAM;gCACtB,IACEC,MAAM,MAAMxB,WAAWoB,OAAOO,IAAI,EAAE;oCAClCL,UAAUlB,MAAMkB,QAAQ;oCACxBC,QAAQnB,MAAMmB,MAAM;gCACtB;gCACFX,QAAQgC,KAAKjC,IAAI;gCACjBG,UAAUU;gCACVpB,CAAAA,kBAAAA,MAAMiD,QAAQ,cAAdjD,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBgD;4BACnB,OAAO;gCACL9C,WAAWyC,KAAK,CAAC1C,OAAOiD,WAAW;4BACrC,CAAC;4BACD7C,WAAW,KAAK;4BAChB,OAAO,KAAK;wBACd;kCAEA,cAAA,KAACvB;4BAAOsB,SAASA;4BAAS+C,oBAAM,KAACtE;gCAAeuE,KAAKC;;sCAAgBpD,OAAOqD,UAAU;;;kCAExF,KAACpE,WAAWqE,IAAI;wBAACC,MAAK;kCACnB,CAAC,EAAEvD,OAAOwD,gBAAgB,CAAC,EAAE,EAAEzD,CAAAA,gBAAAA,MAAMqC,MAAM,cAAZrC,2BAAAA,KAAAA,IAAAA,cAAc0D,MAAM,MAAMC,IAAI,CAAC,KAAKC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;;;;YAGzF5D,MAAMe,KAAK,iBAAG;;kCACb,KAAC8C;wBAAIC,OAAO;4BAAEC,QAAQ;wBAAM;;kCAC5B,MAAC9E;;0CACC,KAAC+E;gCAAEC,SAAS,IAAM;oCAChBrD,SAAS;wCAAEC,MAAM,IAAI;oCAAC;gCACxB;0CACEZ,OAAOiE,UAAU;;0CACnB,KAACF;gCAAEG,QAAO;gCAASC,MAAM3D;gCAAQ4D,UAAU9D;gCAAM+D,KAAI;0CAAuBrE,OAAOsE,QAAQ;;4BAC1FvE,MAAMwE,UAAU,iBAAG,KAACxF;gCACnByF,OAAOxE,OAAOyE,GAAG;gCACjBC,aAAa1E,OAAO2E,UAAU;gCAC9BC,WAAW,IAAM;wCACf7E;oCAAAA,CAAAA,kBAAAA,MAAMiD,QAAQ,cAAdjD,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA;gCACF;gCACA8E,QAAO;gCACPC,YAAW;0CAEX,cAAA,KAACf;oCAAEgB,WAAWvF,OAAOwF,OAAO;8CAAGhF,OAAOyE,GAAG;;+CAC3B,mBAAK;;;kCAEvB,KAAC3F;wBACC0F,OAAOxE,OAAOiE,UAAU;wBACxBgB,MAAMvE,MAAME,IAAI;wBAChBsE,cAAc;wBACdC,QAAQ,IAAI;wBACZC,OAAO;wBACPC,UAAU,IAAM;4BACd1E,SAAS;gCAAEC,MAAM,KAAK;4BAAC;wBACzB;kCAEA,cAAA,KAAC0E;4BAAOP,WAAWvF,OAAO+F,WAAW;4BAAEC,KAAKnF;;;;+BAE1C,mBAAK;;;AAEf,CAAA,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, 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 CHANGED
@@ -9,7 +9,7 @@ import { useLocale } from "../locale/index";
9
9
  import { formatFileSize } from "../_util/index";
10
10
  import { parseStorageUrl, getStorageUrl, uploadFile, getFileUrl } from "@knockout-js/api";
11
11
  export default function(props) {
12
- 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];
12
+ 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];
13
13
  var getValueFile = function() {
14
14
  var _ref = _async_to_generator(function() {
15
15
  var result;
@@ -55,106 +55,109 @@ export default function(props) {
55
55
  }, [
56
56
  props.value
57
57
  ]);
58
- return /*#__PURE__*/ _jsx("div", {
58
+ return /*#__PURE__*/ _jsxs("div", {
59
59
  style: {
60
60
  display: "inline-block"
61
61
  },
62
- children: /*#__PURE__*/ _jsx(Spin, {
63
- spinning: loading,
64
- children: /*#__PURE__*/ _jsx(Upload, {
65
- accept: props.accept,
66
- listType: "picture-card",
67
- showUploadList: false,
68
- beforeUpload: function() {
69
- var _ref = _async_to_generator(function(file) {
70
- var maxSize, result, _props_onChange, storageUrl, url;
71
- return _ts_generator(this, function(_state) {
72
- switch(_state.label){
73
- case 0:
74
- maxSize = props.maxSize || 1024 * 1024 * 5;
75
- if (file.size > maxSize) {
76
- messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
62
+ children: [
63
+ /*#__PURE__*/ _jsx(Spin, {
64
+ spinning: loading,
65
+ children: /*#__PURE__*/ _jsx(Upload, {
66
+ accept: props.accept,
67
+ listType: "picture-card",
68
+ showUploadList: false,
69
+ beforeUpload: function() {
70
+ var _ref = _async_to_generator(function(file) {
71
+ var maxSize, result, _props_onChange, storageUrl, url;
72
+ return _ts_generator(this, function(_state) {
73
+ switch(_state.label){
74
+ case 0:
75
+ maxSize = props.maxSize || 1024 * 1024 * 5;
76
+ if (file.size > maxSize) {
77
+ messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
78
+ return [
79
+ 2,
80
+ false
81
+ ];
82
+ }
83
+ setLoading(true);
84
+ return [
85
+ 4,
86
+ uploadFile(file, props.directory, {
87
+ endpoint: props.endpoint,
88
+ bucket: props.bucket,
89
+ useFileName: props.useFileName,
90
+ custromFileName: props.custromFileName
91
+ })
92
+ ];
93
+ case 1:
94
+ result = _state.sent();
95
+ if (!(result === null || result === void 0 ? void 0 : result.path)) return [
96
+ 3,
97
+ 4
98
+ ];
99
+ return [
100
+ 4,
101
+ getStorageUrl(result.path, {
102
+ endpoint: props.endpoint,
103
+ bucket: props.bucket
104
+ })
105
+ ];
106
+ case 2:
107
+ storageUrl = _state.sent();
108
+ return [
109
+ 4,
110
+ getFileUrl(result.path, {
111
+ endpoint: props.endpoint,
112
+ bucket: props.bucket
113
+ })
114
+ ];
115
+ case 3:
116
+ url = _state.sent();
117
+ (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
118
+ setImgsrc(url);
119
+ return [
120
+ 3,
121
+ 5
122
+ ];
123
+ case 4:
124
+ messageApi.error(locale.errorUpload);
125
+ _state.label = 5;
126
+ case 5:
127
+ setLoading(false);
77
128
  return [
78
129
  2,
79
130
  false
80
131
  ];
81
- }
82
- setLoading(true);
83
- return [
84
- 4,
85
- uploadFile(file, props.directory, {
86
- endpoint: props.endpoint,
87
- bucket: props.bucket,
88
- useFileName: props.useFileName,
89
- custromFileName: props.custromFileName
90
- })
91
- ];
92
- case 1:
93
- result = _state.sent();
94
- if (!(result === null || result === void 0 ? void 0 : result.path)) return [
95
- 3,
96
- 4
97
- ];
98
- return [
99
- 4,
100
- getStorageUrl(result.path, {
101
- endpoint: props.endpoint,
102
- bucket: props.bucket
103
- })
104
- ];
105
- case 2:
106
- storageUrl = _state.sent();
107
- return [
108
- 4,
109
- getFileUrl(result.path, {
110
- endpoint: props.endpoint,
111
- bucket: props.bucket
112
- })
113
- ];
114
- case 3:
115
- url = _state.sent();
116
- (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUrl);
117
- setImgsrc(url);
118
- return [
119
- 3,
120
- 5
121
- ];
122
- case 4:
123
- messageApi.error(locale.errorUpload);
124
- _state.label = 5;
125
- case 5:
126
- setLoading(false);
127
- return [
128
- 2,
129
- false
130
- ];
131
- }
132
+ }
133
+ });
132
134
  });
133
- });
134
- return function(file) {
135
- return _ref.apply(this, arguments);
136
- };
137
- }(),
138
- children: imgsrc ? /*#__PURE__*/ _jsx("img", {
139
- src: imgsrc,
140
- alt: "avatar",
141
- style: {
142
- width: "100%"
143
- }
144
- }) : /*#__PURE__*/ _jsxs(_Fragment, {
145
- children: [
146
- /*#__PURE__*/ _jsx(PlusOutlined, {
147
- rev: undefined
148
- }),
149
- /*#__PURE__*/ _jsx("div", {
150
- style: {
151
- marginTop: 8
152
- }
153
- })
154
- ]
135
+ return function(file) {
136
+ return _ref.apply(this, arguments);
137
+ };
138
+ }(),
139
+ children: imgsrc ? /*#__PURE__*/ _jsx("img", {
140
+ src: imgsrc,
141
+ alt: "avatar",
142
+ style: {
143
+ width: "100%"
144
+ }
145
+ }) : /*#__PURE__*/ _jsxs(_Fragment, {
146
+ children: [
147
+ /*#__PURE__*/ _jsx(PlusOutlined, {
148
+ rev: undefined
149
+ }),
150
+ /*#__PURE__*/ _jsx("div", {
151
+ style: {
152
+ marginTop: 8
153
+ }
154
+ })
155
+ ]
156
+ })
155
157
  })
156
- })
157
- })
158
+ }),
159
+ contextHolder
160
+ ]
158
161
  });
159
162
  };
160
163
 
package/esm/components/upload-file/uploadAvatar.js.map CHANGED
@@ -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, {\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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"}
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, 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 CHANGED
@@ -1,7 +1,7 @@
1
1
  import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
2
2
  import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
3
3
  import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
4
- import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
4
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
5
5
  import { UploadOutlined } from "@ant-design/icons";
6
6
  import { Modal, Typography, Upload, message } from "antd";
7
7
  import { useEffect, useState } from "react";
@@ -12,7 +12,7 @@ var timeoutFn = undefined;
12
12
  var files = [];
13
13
  export default function(props) {
14
14
  var _props_accept;
15
- var locale = useLocale("UploadFile"), _useState = _sliced_to_array(useState([]), 2), list = _useState[0], setList = _useState[1];
15
+ 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];
16
16
  var getValuesFile = function() {
17
17
  var _ref = _async_to_generator(function(values) {
18
18
  var _values_length, len, valueList, i, data;
@@ -41,6 +41,7 @@ export default function(props) {
41
41
  valueList.push({
42
42
  uid: "".concat(i).concat(data.path),
43
43
  name: data.name,
44
+ fileName: data.name,
44
45
  response: data,
45
46
  url: data.url
46
47
  });
@@ -138,121 +139,126 @@ export default function(props) {
138
139
  clearTimeout(timeoutFn);
139
140
  };
140
141
  }, []);
141
- return /*#__PURE__*/ _jsxs(Upload.Dragger, {
142
- accept: props.accept,
143
- beforeUpload: function() {
144
- var _ref = _async_to_generator(function(file) {
145
- var maxSize;
146
- return _ts_generator(this, function(_state) {
147
- maxSize = props.maxSize || 1024 * 5000;
148
- if (file.size > maxSize) {
149
- message.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
150
- return [
151
- 2,
152
- false
153
- ];
154
- }
155
- files.push(file);
156
- clearTimeout(timeoutFn);
157
- timeoutFn = setTimeout(/*#__PURE__*/ _async_to_generator(function() {
142
+ return /*#__PURE__*/ _jsxs(_Fragment, {
143
+ children: [
144
+ contextHolder,
145
+ /*#__PURE__*/ _jsxs(Upload.Dragger, {
146
+ accept: props.accept,
147
+ beforeUpload: function() {
148
+ var _ref = _async_to_generator(function(file) {
149
+ var maxSize;
158
150
  return _ts_generator(this, function(_state) {
159
- switch(_state.label){
160
- case 0:
161
- return [
162
- 4,
163
- runUploadFile()
164
- ];
165
- case 1:
166
- _state.sent();
167
- return [
168
- 2
169
- ];
170
- }
171
- });
172
- }), 500);
173
- return [
174
- 2,
175
- false
176
- ];
177
- });
178
- });
179
- return function(file) {
180
- return _ref.apply(this, arguments);
181
- };
182
- }(),
183
- multiple: true,
184
- fileList: list,
185
- onRemove: function(file) {
186
- Modal.confirm({
187
- title: locale.del,
188
- content: "".concat(locale.confirmDel, ": ").concat(file.name),
189
- onOk: /*#__PURE__*/ _async_to_generator(function() {
190
- var _file_response, _file_response1, storageUrl, path, result, _props_onChange, _props_value, _props_onChange1, _props_value1;
191
- return _ts_generator(this, function(_state) {
192
- switch(_state.label){
193
- case 0:
194
- 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;
195
- if (!(storageUrl && path)) return [
196
- 3,
197
- 2
198
- ];
151
+ maxSize = props.maxSize || 1024 * 1024 * 5;
152
+ if (file.size > maxSize) {
153
+ messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
199
154
  return [
200
- 4,
201
- delFile(path, {
202
- endpoint: props.endpoint,
203
- bucket: props.bucket
204
- })
155
+ 2,
156
+ false
205
157
  ];
206
- case 1:
207
- result = _state.sent();
208
- if (result) {
209
- ;
210
- (_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) {
211
- return item != storageUrl;
212
- })) || []);
213
- } else {
214
- message.error(locale.errorDel);
158
+ }
159
+ files.push(file);
160
+ clearTimeout(timeoutFn);
161
+ timeoutFn = setTimeout(/*#__PURE__*/ _async_to_generator(function() {
162
+ return _ts_generator(this, function(_state) {
163
+ switch(_state.label){
164
+ case 0:
165
+ return [
166
+ 4,
167
+ runUploadFile()
168
+ ];
169
+ case 1:
170
+ _state.sent();
171
+ return [
172
+ 2
173
+ ];
174
+ }
175
+ });
176
+ }), 500);
177
+ return [
178
+ 2,
179
+ false
180
+ ];
181
+ });
182
+ });
183
+ return function(file) {
184
+ return _ref.apply(this, arguments);
185
+ };
186
+ }(),
187
+ multiple: true,
188
+ fileList: list,
189
+ onRemove: function(file) {
190
+ Modal.confirm({
191
+ title: locale.del,
192
+ content: "".concat(locale.confirmDel, ": ").concat(file.name),
193
+ onOk: /*#__PURE__*/ _async_to_generator(function() {
194
+ var _file_response, _file_response1, storageUrl, path, result, _props_onChange, _props_value, _props_onChange1, _props_value1;
195
+ return _ts_generator(this, function(_state) {
196
+ switch(_state.label){
197
+ case 0:
198
+ 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;
199
+ if (!(storageUrl && path)) return [
200
+ 3,
201
+ 2
202
+ ];
203
+ return [
204
+ 4,
205
+ delFile(path, {
206
+ endpoint: props.endpoint,
207
+ bucket: props.bucket
208
+ })
209
+ ];
210
+ case 1:
211
+ result = _state.sent();
212
+ if (result) {
213
+ ;
214
+ (_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) {
215
+ return item != storageUrl;
216
+ })) || []);
217
+ } else {
218
+ messageApi.error(locale.errorDel);
219
+ }
220
+ return [
221
+ 3,
222
+ 3
223
+ ];
224
+ case 2:
225
+ (_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) {
226
+ return item != storageUrl;
227
+ })) || []);
228
+ _state.label = 3;
229
+ case 3:
230
+ return [
231
+ 2
232
+ ];
215
233
  }
216
- return [
217
- 3,
218
- 3
219
- ];
220
- case 2:
221
- (_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) {
222
- return item != storageUrl;
223
- })) || []);
224
- _state.label = 3;
225
- case 3:
226
- return [
227
- 2
228
- ];
229
- }
234
+ });
235
+ })
230
236
  });
231
- })
232
- });
233
- },
234
- children: [
235
- /*#__PURE__*/ _jsx("br", {}),
236
- /*#__PURE__*/ _jsx("div", {
237
- children: /*#__PURE__*/ _jsx(UploadOutlined, {
238
- style: {
239
- fontSize: 40
240
- },
241
- rev: undefined
242
- })
243
- }),
244
- /*#__PURE__*/ _jsx("br", {}),
245
- /*#__PURE__*/ _jsx("div", {
246
- children: /*#__PURE__*/ _jsx(Typography.Text, {
247
- type: "secondary",
248
- children: locale.clickOrDragUpload
249
- })
250
- }),
251
- /*#__PURE__*/ _jsx("div", {
252
- children: /*#__PURE__*/ _jsx(Typography.Text, {
253
- type: "secondary",
254
- children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
255
- })
237
+ },
238
+ children: [
239
+ /*#__PURE__*/ _jsx("br", {}),
240
+ /*#__PURE__*/ _jsx("div", {
241
+ children: /*#__PURE__*/ _jsx(UploadOutlined, {
242
+ style: {
243
+ fontSize: 40
244
+ },
245
+ rev: undefined
246
+ })
247
+ }),
248
+ /*#__PURE__*/ _jsx("br", {}),
249
+ /*#__PURE__*/ _jsx("div", {
250
+ children: /*#__PURE__*/ _jsx(Typography.Text, {
251
+ type: "secondary",
252
+ children: locale.clickOrDragUpload
253
+ })
254
+ }),
255
+ /*#__PURE__*/ _jsx("div", {
256
+ children: /*#__PURE__*/ _jsx(Typography.Text, {
257
+ type: "secondary",
258
+ children: "".concat(locale.supportExtension, ": ").concat((_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(",.").join("、").replace(".", ""))
259
+ })
260
+ })
261
+ ]
256
262
  })
257
263
  ]
258
264
  });
package/esm/components/upload-file/uploadMultiple.js.map CHANGED
@@ -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, {\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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"}
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 [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 CHANGED
@@ -11,7 +11,7 @@ import { formatFileSize } from "../_util/index";
11
11
  import { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
12
12
  export default function(props) {
13
13
  var _props_accept;
14
- 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({
14
+ 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({
15
15
  show: false
16
16
  }), 2), modal = _useState3[0], setModal = _useState3[1];
17
17
  var getValueFile = function() {
@@ -126,6 +126,7 @@ export default function(props) {
126
126
  ]);
127
127
  return /*#__PURE__*/ _jsxs(_Fragment, {
128
128
  children: [
129
+ contextHolder,
129
130
  /*#__PURE__*/ _jsxs(Space, {
130
131
  children: [
131
132
  /*#__PURE__*/ _jsx(Upload, {
package/esm/components/upload-file/uploadTemp.js.map CHANGED
@@ -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, {\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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"}
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, 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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@knockout-js/layout",
3
- "version": "0.1.5-beta.1",
3
+ "version": "0.1.6",
4
4
  "description": "组件功能描述",
5
5
  "files": [
6
6
  "esm",
@@ -48,7 +48,7 @@
48
48
  "dayjs": "^1.11.9",
49
49
  "react-activation": "^0.12.4",
50
50
  "react-draggable": "^4.4.5",
51
- "@knockout-js/api": "^0.1.6-beta.4",
51
+ "@knockout-js/api": "^0.1.7",
52
52
  "@knockout-js/ice-urql": "^0.1.4"
53
53
  },
54
54
  "devDependencies": {