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

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

@@ -5,123 +5,53 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
 import { UploadOutlined } from "@ant-design/icons";
 import { Button, Modal, Popconfirm, Space, Typography, Upload, message } from "antd";
 import { useEffect, useRef, useState } from "react";
-import { useAppCode, useTenantId } from "../provider/index";
 import { useLocale } from "../locale/index";
 import styles from "./index.module.css";
-import { formatFileSize, randomId } from "../_util/index";
-import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
+import { formatFileSize } from "../_util/index";
+import { getFileRaw, getFileUrl, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
 export default function(props) {
     var _props_accept;
-    var _props_bucket, _props_appCode, _props_tenantId;
-    var bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : "local", appCode = (_props_appCode = props.appCode) !== null && _props_appCode !== void 0 ? _props_appCode : useAppCode(), tenantId = (_props_tenantId = props.tenantId) !== null && _props_tenantId !== void 0 ? _props_tenantId : useTenantId(), locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 1), messageApi = _message_useMessage[0], _useState = _sliced_to_array(useState(false), 2), loading = _useState[0], setLoading = _useState[1], iframeRef = useRef(null), _useState1 = _sliced_to_array(useState(), 2), name = _useState1[0], setName = _useState1[1], _useState2 = _sliced_to_array(useState(), 2), urlSrc = _useState2[0], setUrlSrc = _useState2[1], _useState3 = _sliced_to_array(useState({
+    var locale = useLocale("UploadFile"), _message_useMessage = _sliced_to_array(message.useMessage(), 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({
         show: false
     }), 2), modal = _useState3[0], setModal = _useState3[1];
-    var getUploadKey = function(file) {
-        var suffix = file.name.split(".").pop(), keys = [];
-        if (props.forceDirectory && props.directory) {
-            keys.push(props.directory);
-        } else {
-            if (appCode) {
-                keys.push(appCode);
-            }
-            if (tenantId) {
-                keys.push(tenantId);
-            }
-            if (props.directory) {
-                keys.push(props.directory);
-            }
-        }
-        keys.push("".concat(randomId(16), ".").concat(suffix));
-        return "/".concat(keys.join("/")).replace("//", "/");
-    }, beforeUpload = function() {
-        var _ref = _async_to_generator(function(file) {
-            var maxSize;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        maxSize = props.maxSize || 1024 * 1024 * 5;
-                        if (file.size > maxSize) {
-                            messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
-                            return [
-                                2,
-                                false
-                            ];
-                        }
-                        return [
-                            4,
-                            updateFile(file)
-                        ];
-                    case 1:
-                        _state.sent();
-                        return [
-                            2,
-                            false
-                        ];
-                }
-            });
-        });
-        return function beforeUpload(file) {
-            return _ref.apply(this, arguments);
-        };
-    }(), updateFile = function() {
-        var _ref = _async_to_generator(function(file) {
-            var key, result, _props_onChange, _props_onChangePath, error;
+    var getValueFile = function() {
+        var _ref = _async_to_generator(function() {
+            var result;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
-                        key = getUploadKey(file);
-                        setLoading(true);
-                        if (!(bucket === "local")) return [
+                        if (!props.value) return [
                             3,
-                            4
+                            2
                         ];
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            3,
-                            ,
-                            4
-                        ]);
                         return [
                             4,
-                            updateFiles({
-                                key: key,
-                                bucket: bucket,
-                                file: file
+                            parseStorageData(props.value, {
+                                inBrowser: false,
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
                             })
                         ];
-                    case 2:
+                    case 1:
                         result = _state.sent();
                         if (result) {
-                            ;
-                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, result);
-                            (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, key);
+                            setName(result.name);
+                            setUrlSrc(result.url);
                         }
-                        return [
-                            3,
-                            4
-                        ];
-                    case 3:
-                        error = _state.sent();
-                        return [
-                            3,
-                            4
-                        ];
-                    case 4:
-                        setLoading(false);
+                        _state.label = 2;
+                    case 2:
                         return [
                             2
                         ];
                 }
             });
         });
-        return function updateFile(file) {
+        return function getValueFile() {
             return _ref.apply(this, arguments);
         };
-    }(), getValueFile = function() {
+    }(), updateContent = function() {
         var _ref = _async_to_generator(function() {
-            var result, result1;
+            var dataRes, result, _result_Body, content, r;
             return _ts_generator(this, function(_state) {
                 switch(_state.label){
                     case 0:
@@ -131,75 +61,47 @@ export default function(props) {
                         ];
                         return [
                             4,
-                            getFiles(props.value)
+                            parseStorageData(props.value)
                         ];
                     case 1:
-                        result = _state.sent();
-                        if (result === null || result === void 0 ? void 0 : result.id) {
-                            setName(result.name);
-                        }
-                        if (!(bucket === "local")) return [
+                        dataRes = _state.sent();
+                        if (!dataRes) return [
                             3,
-                            3
+                            4
                         ];
                         return [
                             4,
-                            getFilesRaw(props.value, "url")
+                            getFileRaw(dataRes.path, {
+                                endpoint: props.endpoint,
+                                bucket: props.bucket
+                            })
                         ];
                     case 2:
-                        result1 = _state.sent();
-                        if (typeof result1 === "string") {
-                            setUrlSrc(result1);
-                        }
-                        _state.label = 3;
-                    case 3:
-                        return [
-                            3,
-                            5
-                        ];
-                    case 4:
-                        setUrlSrc(undefined);
-                        _state.label = 5;
-                    case 5:
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function getValueFile() {
-            return _ref.apply(this, arguments);
-        };
-    }(), updateContent = function() {
-        var _ref = _async_to_generator(function() {
-            var result, r;
-            return _ts_generator(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        if (!props.value) return [
+                        result = _state.sent();
+                        if (!result) return [
                             3,
-                            2
+                            4
                         ];
                         return [
                             4,
-                            getFilesRaw(props.value)
+                            (_result_Body = result.Body) === null || _result_Body === void 0 ? void 0 : _result_Body.transformToString("utf-8")
                         ];
-                    case 1:
-                        result = _state.sent();
-                        if (result && typeof result != "string") {
-                            r = new FileReader();
-                            r.readAsText(result, "utf-8");
-                            r.onload = function() {
-                                var _iframeRef_current, _iframeRef_current1;
-                                if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow) {
-                                    iframeRef.current.contentWindow.document.write(r.result);
-                                } else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) {
-                                    iframeRef.current.contentDocument.write(r.result);
-                                }
-                            };
-                        }
-                        _state.label = 2;
-                    case 2:
+                    case 3:
+                        content = _state.sent();
+                        r = new FileReader();
+                        r.readAsText(new Blob([
+                            content !== null && content !== void 0 ? content : ""
+                        ]), "utf-8");
+                        r.onload = function() {
+                            var _iframeRef_current, _iframeRef_current1;
+                            if ((_iframeRef_current = iframeRef.current) === null || _iframeRef_current === void 0 ? void 0 : _iframeRef_current.contentWindow) {
+                                iframeRef.current.contentWindow.document.write("<pre>".concat(r.result, "</pre>"));
+                            } else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) {
+                                iframeRef.current.contentDocument.write("<pre>".concat(r.result, "</pre>"));
+                            }
+                        };
+                        _state.label = 4;
+                    case 4:
                         return [
                             2
                         ];
@@ -229,7 +131,77 @@ export default function(props) {
                     /*#__PURE__*/ _jsx(Upload, {
                         accept: props.accept,
                         showUploadList: false,
-                        beforeUpload: beforeUpload,
+                        beforeUpload: function() {
+                            var _ref = _async_to_generator(function(file) {
+                                var maxSize, result, _props_onChange, storageUlr, url;
+                                return _ts_generator(this, function(_state) {
+                                    switch(_state.label){
+                                        case 0:
+                                            maxSize = props.maxSize || 1024 * 1024 * 5;
+                                            if (file.size > maxSize) {
+                                                messageApi.error("".concat(locale.fileSizeTip, ": ").concat(formatFileSize(maxSize)));
+                                                return [
+                                                    2,
+                                                    false
+                                                ];
+                                            }
+                                            setLoading(true);
+                                            return [
+                                                4,
+                                                uploadFile(file, props.directory, {
+                                                    endpoint: props.endpoint,
+                                                    bucket: props.bucket,
+                                                    useFileName: props.useFileName,
+                                                    custromFileName: props.custromFileName
+                                                })
+                                            ];
+                                        case 1:
+                                            result = _state.sent();
+                                            if (!(result === null || result === void 0 ? void 0 : result.path)) return [
+                                                3,
+                                                4
+                                            ];
+                                            return [
+                                                4,
+                                                getStorageUrl(result.path, {
+                                                    endpoint: props.endpoint,
+                                                    bucket: props.bucket
+                                                })
+                                            ];
+                                        case 2:
+                                            storageUlr = _state.sent();
+                                            return [
+                                                4,
+                                                getFileUrl(result.path, {
+                                                    endpoint: props.endpoint,
+                                                    bucket: props.bucket
+                                                })
+                                            ];
+                                        case 3:
+                                            url = _state.sent();
+                                            setName(file.name);
+                                            setUrlSrc(url);
+                                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUlr);
+                                            return [
+                                                3,
+                                                5
+                                            ];
+                                        case 4:
+                                            messageApi.error(locale.errorUpload);
+                                            _state.label = 5;
+                                        case 5:
+                                            setLoading(false);
+                                            return [
+                                                2,
+                                                false
+                                            ];
+                                    }
+                                });
+                            });
+                            return function(file) {
+                                return _ref.apply(this, arguments);
+                            };
+                        }(),
                         children: /*#__PURE__*/ _jsx(Button, {
                             loading: loading,
                             icon: /*#__PURE__*/ _jsx(UploadOutlined, {
@@ -265,15 +237,15 @@ export default function(props) {
                                 target: "_blank",
                                 href: urlSrc,
                                 download: name,
+                                rel: "noopener noreferrer",
                                 children: locale.tempDown
                             }),
                             props.showDelBtn ? /*#__PURE__*/ _jsx(Popconfirm, {
                                 title: locale.del,
                                 description: locale.confirmDel,
                                 onConfirm: function() {
-                                    var _props_onChange, _props_onChangePath;
+                                    var _props_onChange;
                                     (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props);
-                                    (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props);
                                 },
                                 okText: "Yes",
                                 cancelText: "No",

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

@@ -1 +1 @@
-{"version":3,"sources":[".\\src\\components\\upload-file\\uploadTemp.tsx"],"sourcesContent":["import { UploadOutlined } from \"@ant-design/icons\";\r\nimport { Button, Modal, Popconfirm, Space, Typography, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\nimport { getFiles, getFilesRaw, updateFiles } 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    bucket = props.bucket ?? 'local',\r\n    appCode = props.appCode ?? useAppCode(),\r\n    tenantId = props.tenantId ?? useTenantId(),\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    getUploadKey = (file: RcFile) => {\r\n      const suffix = file.name.split('.').pop(),\r\n        keys: string[] = [];\r\n      if (props.forceDirectory && props.directory) {\r\n        keys.push(props.directory)\r\n      } else {\r\n        if (appCode) {\r\n          keys.push(appCode)\r\n        }\r\n        if (tenantId) {\r\n          keys.push(tenantId)\r\n        }\r\n        if (props.directory) {\r\n          keys.push(props.directory)\r\n        }\r\n      }\r\n      keys.push(`${randomId(16)}.${suffix}`);\r\n      return `/${keys.join('/')}`.replace('//', '/');\r\n    },\r\n    beforeUpload = async (file: RcFile) => {\r\n      const maxSize = props.maxSize || (1024 * 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\r\n      await updateFile(file);\r\n      return false;\r\n    },\r\n    updateFile = async (file: RcFile) => {\r\n      const key = getUploadKey(file);\r\n      setLoading(true);\r\n      if (bucket === 'local') {\r\n        try {\r\n          const result = await updateFiles({\r\n            key,\r\n            bucket,\r\n            file,\r\n          })\r\n          if (result) {\r\n            props.onChange?.(result)\r\n            props.onChangePath?.(key);\r\n          }\r\n        } catch (error) {\r\n\r\n        }\r\n      }\r\n      setLoading(false)\r\n    },\r\n    getValueFile = async () => {\r\n      if (props.value) {\r\n        const result = await getFiles(props.value);\r\n        if (result?.id) {\r\n          setName(result.name)\r\n        }\r\n        if (bucket === 'local') {\r\n          const result = await getFilesRaw(props.value, 'url');\r\n          if (typeof result === 'string') {\r\n            setUrlSrc(result)\r\n          }\r\n        }\r\n      } else {\r\n        setUrlSrc(undefined)\r\n      }\r\n    },\r\n    updateContent = async () => {\r\n      if (props.value) {\r\n        const result = await getFilesRaw(props.value)\r\n        if (result && typeof result != 'string') {\r\n          const r = new FileReader()\r\n          r.readAsText(result, 'utf-8')\r\n          r.onload = () => {\r\n            if (iframeRef.current?.contentWindow) {\r\n              iframeRef.current.contentWindow.document.write(r.result as string)\r\n            } else if (iframeRef.current?.contentDocument) {\r\n              iframeRef.current.contentDocument.write(r.result as string)\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={beforeUpload}\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}>{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            props.onChangePath?.();\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","useAppCode","useTenantId","useLocale","styles","formatFileSize","randomId","getFiles","getFilesRaw","updateFiles","props","bucket","appCode","tenantId","locale","useMessage","messageApi","loading","setLoading","iframeRef","name","setName","urlSrc","setUrlSrc","show","modal","setModal","getUploadKey","file","suffix","split","pop","keys","forceDirectory","directory","push","join","replace","beforeUpload","maxSize","size","error","fileSizeTip","updateFile","key","result","onChange","onChangePath","getValueFile","value","id","undefined","updateContent","r","FileReader","readAsText","onload","current","contentWindow","document","write","contentDocument","accept","showUploadList","icon","rev","fileUpload","Text","type","supportExtension","div","style","height","a","onClick","tempViewer","target","href","download","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;AACpD,SAASC,UAAU,EAAEC,WAAW,QAAQ,oBAAc;AAEtD,SAASC,SAAS,QAAQ,kBAAY;AACtC,OAAOC,YAAY,qBAAqB;AACxC,SAASC,cAAc,EAAEC,QAAQ,QAAQ,iBAAW;AACpD,SAASC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,mBAAmB;AAEtE,eAAe,SAACC,OAKV;QAyHkCA;QAvH3BA,eACCA,gBACCA;IAHb,IACEC,SAASD,CAAAA,gBAAAA,MAAMC,MAAM,cAAZD,2BAAAA,gBAAgB,OAAO,EAChCE,UAAUF,CAAAA,iBAAAA,MAAME,OAAO,cAAbF,4BAAAA,iBAAiBT,YAAY,EACvCY,WAAWH,CAAAA,kBAAAA,MAAMG,QAAQ,cAAdH,6BAAAA,kBAAkBR,aAAa,EAC1CY,SAASX,UAAU,eACJN,uCAAAA,QAAQkB,UAAU,QAAhCC,aAAcnB,wBACSG,6BAAAA,SAAS,KAAK,OAArCiB,UAAuBjB,cAAdkB,aAAclB,cACxBmB,YAAYpB,OAA0B,IAAI,GACxBC,8BAAAA,gBAAjBoB,OAAiBpB,eAAXqB,UAAWrB,eACIA,8BAAAA,gBAArBsB,SAAqBtB,eAAbuB,YAAavB,eACFA,8BAAAA,SAEjB;QACDwB,MAAM,KAAK;IACb,QAJCC,QAAmBzB,eAAZ0B,WAAY1B;IAMtB,IACE2B,eAAe,SAACC,MAAiB;QAC/B,IAAMC,SAASD,KAAKR,IAAI,CAACU,KAAK,CAAC,KAAKC,GAAG,IACrCC,OAAiB,EAAE;QACrB,IAAItB,MAAMuB,cAAc,IAAIvB,MAAMwB,SAAS,EAAE;YAC3CF,KAAKG,IAAI,CAACzB,MAAMwB,SAAS;QAC3B,OAAO;YACL,IAAItB,SAAS;gBACXoB,KAAKG,IAAI,CAACvB;YACZ,CAAC;YACD,IAAIC,UAAU;gBACZmB,KAAKG,IAAI,CAACtB;YACZ,CAAC;YACD,IAAIH,MAAMwB,SAAS,EAAE;gBACnBF,KAAKG,IAAI,CAACzB,MAAMwB,SAAS;YAC3B,CAAC;QACH,CAAC;QACDF,KAAKG,IAAI,CAAC,AAAC,GAAkBN,OAAhBvB,SAAS,KAAI,KAAU,OAAPuB;QAC7B,OAAO,AAAC,IAAkB,OAAfG,KAAKI,IAAI,CAAC,MAAOC,OAAO,CAAC,MAAM;IAC5C,GACAC;mBAAe,oBAAA,SAAOV,MAAiB;gBAC/BW;;;;wBAAAA,UAAU7B,MAAM6B,OAAO,IAAK,OAAO,OAAO;wBAEhD,IAAIX,KAAKY,IAAI,GAAGD,SAAS;4BACvBvB,WAAWyB,KAAK,CAAC,AAAC,GAAyBpC,OAAvBS,OAAO4B,WAAW,EAAC,MAA4B,OAAxBrC,eAAekC;4BAC1D;;gCAAO,KAAK;;wBACd,CAAC;wBAED;;4BAAMI,WAAWf;;;wBAAjB;wBACA;;4BAAO,KAAK;;;;QACd;wBAVAU,aAAsBV;;;SAWtBe;mBAAa,oBAAA,SAAOf,MAAiB;gBAC7BgB,KAIIC,QAMJnC,iBACAA,qBAEK+B;;;;wBAbLG,MAAMjB,aAAaC;wBACzBV,WAAW,IAAI;6BACXP,CAAAA,WAAW,OAAM,GAAjBA;;;;;;;;;;;;wBAEe;;4BAAMF,YAAY;gCAC/BmC,KAAAA;gCACAjC,QAAAA;gCACAiB,MAAAA;4BACF;;;wBAJMiB,SAAS;wBAKf,IAAIA,QAAQ;;4BACVnC,CAAAA,kBAAAA,MAAMoC,QAAQ,cAAdpC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,OAAiBmC;4BACjBnC,CAAAA,sBAAAA,MAAMqC,YAAY,cAAlBrC,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA,OAAqBkC;wBACvB,CAAC;;;;;;wBACMH;;;;;;wBAIXvB,WAAW,KAAK;;;;;;QAClB;wBAnBAyB,WAAoBf;;;SAoBpBoB;mBAAe,oBAAA,WAAY;gBAEjBH,QAKEA;;;;6BANNnC,MAAMuC,KAAK,EAAXvC;;;;wBACa;;4BAAMH,SAASG,MAAMuC,KAAK;;;wBAAnCJ,SAAS;wBACf,IAAIA,mBAAAA,oBAAAA,KAAAA,IAAAA,OAAQK,EAAE,EAAE;4BACd7B,QAAQwB,OAAOzB,IAAI;wBACrB,CAAC;6BACGT,CAAAA,WAAW,OAAM,GAAjBA;;;;wBACa;;4BAAMH,YAAYE,MAAMuC,KAAK,EAAE;;;wBAAxCJ,UAAS;wBACf,IAAI,OAAOA,YAAW,UAAU;4BAC9BtB,UAAUsB;wBACZ,CAAC;;;;;;;;wBAGHtB,UAAU4B;;;;;;;;QAEd;wBAfAH;;;SAgBAI;mBAAgB,oBAAA,WAAY;gBAElBP,QAEEQ;;;;6BAHN3C,MAAMuC,KAAK,EAAXvC;;;;wBACa;;4BAAMF,YAAYE,MAAMuC,KAAK;;;wBAAtCJ,SAAS;wBACf,IAAIA,UAAU,OAAOA,UAAU,UAAU;4BACjCQ,IAAI,IAAIC;4BACdD,EAAEE,UAAU,CAACV,QAAQ;4BACrBQ,EAAEG,MAAM,GAAG,WAAM;oCACXrC,oBAEOA;gCAFX,IAAIA,CAAAA,qBAAAA,UAAUsC,OAAO,cAAjBtC,gCAAAA,KAAAA,IAAAA,mBAAmBuC,aAAa,EAAE;oCACpCvC,UAAUsC,OAAO,CAACC,aAAa,CAACC,QAAQ,CAACC,KAAK,CAACP,EAAER,MAAM;gCACzD,OAAO,IAAI1B,CAAAA,sBAAAA,UAAUsC,OAAO,cAAjBtC,iCAAAA,KAAAA,IAAAA,oBAAmB0C,eAAe,EAAE;oCAC7C1C,UAAUsC,OAAO,CAACI,eAAe,CAACD,KAAK,CAACP,EAAER,MAAM;gCAClD,CAAC;4BACH;wBACF,CAAC;;;;;;;;QAEL;wBAfAO;;;;IAiBFtD,UAAU,WAAM;QACdkD;IACF,GAAG;QAACtC,MAAMuC,KAAK;KAAC;IAEhBnD,UAAU,WAAM;QACd,IAAI2B,MAAMD,IAAI,EAAE;YACd4B;QACF,CAAC;IACH,GAAG;QAAC3B,MAAMD,IAAI;KAAC;IAEf,qBAAO;;0BACL,MAAC9B;;kCACC,KAACE;wBACCkE,QAAQpD,MAAMoD,MAAM;wBACpBC,gBAAgB,KAAK;wBACrBzB,cAAcA;kCAEd,cAAA,KAAC/C;4BAAO0B,SAASA;4BAAS+C,oBAAM,KAAC1E;gCAAe2E,KAAKd;;sCAAgBrC,OAAOoD,UAAU;;;kCAExF,KAACvE,WAAWwE,IAAI;wBAACC,MAAK;kCACnB,AAAC,GAA8B1D,OAA5BI,OAAOuD,gBAAgB,EAAC,MAAyD,OAArD3D,CAAAA,gBAAAA,MAAMoD,MAAM,cAAZpD,2BAAAA,KAAAA,IAAAA,cAAcoB,MAAM,MAAMM,IAAI,CAAC,KAAKC,OAAO,CAAC,KAAK,GAAG;;;;YAGvF3B,MAAMuC,KAAK,iBAAG;;kCACb,KAACqB;wBAAIC,OAAO;4BAAEC,QAAQ;wBAAM;;kCAC5B,MAAC9E;;0CACC,KAAC+E;gCAAEC,SAAS,WAAM;oCAChBhD,SAAS;wCAAEF,MAAM,IAAI;oCAAC;gCACxB;0CACEV,OAAO6D,UAAU;;0CACnB,KAACF;gCAAEG,QAAO;gCAASC,MAAMvD;gCAAQwD,UAAU1D;0CAAON,OAAOiE,QAAQ;;4BAChErE,MAAMsE,UAAU,iBAAG,KAACvF;gCACnBwF,OAAOnE,OAAOoE,GAAG;gCACjBC,aAAarE,OAAOsE,UAAU;gCAC9BC,WAAW,WAAM;wCACf3E,iBACAA;oCADAA,CAAAA,kBAAAA,MAAMoC,QAAQ,cAAdpC,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA;oCACAA,CAAAA,sBAAAA,MAAMqC,YAAY,cAAlBrC,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA;gCACF;gCACA4E,QAAO;gCACPC,YAAW;0CAEX,cAAA,KAACd;oCAAEe,WAAWpF,OAAOqF,OAAO;8CAAG3E,OAAOoE,GAAG;;+CAC3B,mBAAK;;;kCAEvB,KAAC1F;wBACCyF,OAAOnE,OAAO6D,UAAU;wBACxBe,MAAMjE,MAAMD,IAAI;wBAChBmE,cAAc;wBACdC,QAAQ,IAAI;wBACZC,OAAO;wBACPC,UAAU,WAAM;4BACdpE,SAAS;gCAAEF,MAAM,KAAK;4BAAC;wBACzB;kCAEA,cAAA,KAACuE;4BAAOP,WAAWpF,OAAO4F,WAAW;4BAAEC,KAAK9E;;;;+BAE1C,mBAAK;;;AAEf,EAAC"}
+{"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

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