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

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

@@ -1,171 +1,125 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import { UploadOutlined } from "@ant-design/icons";
-import { Modal, Spin, Typography, Upload, message } from "antd";
+import { Modal, Typography, Upload, message } from "antd";
 import { useEffect, useState } from "react";
-import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
-import { useAppCode, useTenantId } from "../provider/index";
+import { delFile, getStorageUrl, parseStorageData, uploadFile } from "@knockout-js/api";
 import { useLocale } from "../locale/index";
-import { formatFileSize, randomId } from "../_util/index";
-let files = [];
+import { formatFileSize } from "../_util/index";
 let timeoutFn = undefined;
+let files = [];
 export default ((props)=>{
     var _props_accept;
-    var _props_bucket, _props_appCode, _props_tenantId;
-    const 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"), [loading, setLoading] = useState(false), [list, setList] = useState([]);
-    const getUploadKey = (file)=>{
-        const 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(`${randomId(16)}.${suffix}`);
-        return `/${keys.join('/')}`.replace('//', '/');
-    }, beforeUpload = async (file)=>{
-        const maxSize = props.maxSize || 1024 * 5000;
-        if (file.size > maxSize) {
-            message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
-            return false;
-        }
-        files.push(file);
-        clearTimeout(timeoutFn);
-        timeoutFn = setTimeout(async ()=>{
-            await updateFile();
-        }, 500);
-        return false;
-    }, updateFile = async ()=>{
-        if (files.length) {
-            var _props_onChange;
-            setLoading(true);
-            const values = props.value || [];
-            for(let i in files){
-                const file = files[i], key = getUploadKey(file);
-                if (bucket === 'local') {
-                    try {
-                        const result = await updateFiles({
-                            key,
-                            bucket,
-                            file
-                        });
-                        if (result) {
-                            values.push(result);
-                        }
-                    } catch (error) {}
+    const locale = useLocale("UploadFile"), [list, setList] = useState([]);
+    const getValuesFile = async (values)=>{
+        var _values_length;
+        const len = (_values_length = values === null || values === void 0 ? void 0 : values.length) !== null && _values_length !== void 0 ? _values_length : 0, valueList = [];
+        if (values && len) {
+            for(let i = 0; i < len; i++){
+                const data = await parseStorageData(values[i]);
+                if (data) {
+                    valueList.push({
+                        uid: `${i}${data.path}`,
+                        name: data.name,
+                        response: data,
+                        url: data.url
+                    });
                 }
             }
-            await getValuesFile(values);
-            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
-            setLoading(false);
-            files = [];
         }
-    }, getValuesFile = async (values)=>{
-        if (values && values.length) {
-            var _props_bucket;
-            const bucket = (_props_bucket = props.bucket) !== null && _props_bucket !== void 0 ? _props_bucket : 'local';
-            const oldKye = list.map((item)=>item.uid), addKeys = values.filter((key)=>!oldKye.includes(key)), addLength = addKeys.length;
-            if (addLength) {
-                for(let i = 0; i < addLength; i++){
-                    const data = {
-                        uid: addKeys[i],
-                        name: ''
-                    };
-                    const result = await getFiles(data.uid);
-                    if (result === null || result === void 0 ? void 0 : result.id) {
-                        data.name = result.name;
-                        data.linkProps = {
-                            download: result.name
-                        };
-                        data.response = result;
-                    }
-                    if (bucket === 'local') {
-                        const resultRaw = await getFilesRaw(data.uid, 'url');
-                        if (typeof resultRaw === 'string') {
-                            data.url = resultRaw;
-                        }
-                    }
-                    list.push(data);
+        setList(valueList);
+    }, runUploadFile = async ()=>{
+        var _props_onChange;
+        var _item_response_storageUrl, _list_map;
+        const values = (_list_map = list.map((item)=>{
+            var _item_response;
+            return (_item_response_storageUrl = (_item_response = item.response) === null || _item_response === void 0 ? void 0 : _item_response.storageUrl) !== null && _item_response_storageUrl !== void 0 ? _item_response_storageUrl : '';
+        })) !== null && _list_map !== void 0 ? _list_map : [];
+        for(let i = 0; i < files.length; i++){
+            const item = files[i];
+            const uData = await uploadFile(item, props.directory, props.endpoint, props.bucket);
+            if (uData === null || uData === void 0 ? void 0 : uData.path) {
+                const storageUrl = await getStorageUrl(uData.path, props.endpoint, props.bucket);
+                if (storageUrl) {
+                    values.push(storageUrl);
                 }
-                setList([
-                    ...list
-                ]);
             }
-        } else {
-            setList([]);
         }
+        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, values);
+        files = [];
     };
     useEffect(()=>{
         getValuesFile(props.value);
     }, [
         props.value
     ]);
-    useEffect(()=>{
-        var _props_onChangePath;
-        const paths = [];
-        list.forEach((item)=>{
-            if (item.response) {
-                paths.push(item.response.path);
-            }
-        });
-        (_props_onChangePath = props.onChangePath) === null || _props_onChangePath === void 0 ? void 0 : _props_onChangePath.call(props, paths);
-    }, [
-        list
-    ]);
     useEffect(()=>{
         return ()=>{
             clearTimeout(timeoutFn);
         };
     }, []);
-    return /*#__PURE__*/ _jsx(Spin, {
-        spinning: loading,
-        children: /*#__PURE__*/ _jsxs(Upload.Dragger, {
-            accept: props.accept,
-            beforeUpload: beforeUpload,
-            multiple: true,
-            fileList: list,
-            onRemove: (file)=>{
-                Modal.confirm({
-                    title: locale.del,
-                    content: `${locale.confirmDel}: ${file.name}`,
-                    onOk: ()=>{
-                        var _props_onChange, _props_value;
-                        setList(list.filter((item)=>item.uid != file.uid));
-                        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter((item)=>item != file.uid)) || []);
+    return /*#__PURE__*/ _jsxs(Upload.Dragger, {
+        accept: props.accept,
+        beforeUpload: async (file)=>{
+            const maxSize = props.maxSize || 1024 * 5000;
+            if (file.size > maxSize) {
+                message.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+                return false;
+            }
+            files.push(file);
+            clearTimeout(timeoutFn);
+            timeoutFn = setTimeout(async ()=>{
+                await runUploadFile();
+            }, 500);
+            return false;
+        },
+        multiple: true,
+        fileList: list,
+        onRemove: (file)=>{
+            Modal.confirm({
+                title: locale.del,
+                content: `${locale.confirmDel}: ${file.name}`,
+                onOk: async ()=>{
+                    var _file_response, _file_response1;
+                    const storageUrl = (_file_response = file.response) === null || _file_response === void 0 ? void 0 : _file_response.storageUrl, path = (_file_response1 = file.response) === null || _file_response1 === void 0 ? void 0 : _file_response1.path;
+                    if (storageUrl && path) {
+                        const result = await delFile(path, props.endpoint, props.bucket);
+                        if (result) {
+                            var _props_onChange, _props_value;
+                            (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, ((_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.filter((item)=>item != storageUrl)) || []);
+                        } else {
+                            message.error(locale.errorDel);
+                        }
+                    } else {
+                        var _props_onChange1, _props_value1;
+                        (_props_onChange1 = props.onChange) === null || _props_onChange1 === void 0 ? void 0 : _props_onChange1.call(props, ((_props_value1 = props.value) === null || _props_value1 === void 0 ? void 0 : _props_value1.filter((item)=>item != storageUrl)) || []);
                     }
-                });
-            },
-            children: [
-                /*#__PURE__*/ _jsx("br", {}),
-                /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(UploadOutlined, {
-                        style: {
-                            fontSize: 40
-                        },
-                        rev: undefined
-                    })
-                }),
-                /*#__PURE__*/ _jsx("br", {}),
-                /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(Typography.Text, {
-                        type: "secondary",
-                        children: locale.clickOrDragUpload
-                    })
-                }),
-                /*#__PURE__*/ _jsx("div", {
-                    children: /*#__PURE__*/ _jsx(Typography.Text, {
-                        type: "secondary",
-                        children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
-                    })
+                }
+            });
+        },
+        children: [
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(UploadOutlined, {
+                    style: {
+                        fontSize: 40
+                    },
+                    rev: undefined
+                })
+            }),
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Typography.Text, {
+                    type: "secondary",
+                    children: locale.clickOrDragUpload
+                })
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                children: /*#__PURE__*/ _jsx(Typography.Text, {
+                    type: "secondary",
+                    children: `${locale.supportExtension}: ${(_props_accept = props.accept) === null || _props_accept === void 0 ? void 0 : _props_accept.split(',.').join('、').replace('.', '')}`
                 })
-            ]
-        })
+            })
+        ]
     });
 });
 

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

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

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

@@ -2,89 +2,44 @@ 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 ((props)=>{
     var _props_accept;
-    var _props_bucket, _props_appCode, _props_tenantId;
-    const 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"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
+    const locale = useLocale("UploadFile"), [messageApi] = message.useMessage(), [loading, setLoading] = useState(false), iframeRef = useRef(null), [name, setName] = useState(), [urlSrc, setUrlSrc] = useState(), [modal, setModal] = useState({
         show: false
     });
-    const getUploadKey = (file)=>{
-        const 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(`${randomId(16)}.${suffix}`);
-        return `/${keys.join('/')}`.replace('//', '/');
-    }, beforeUpload = async (file)=>{
-        const maxSize = props.maxSize || 1024 * 1024 * 5;
-        if (file.size > maxSize) {
-            messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
-            return false;
-        }
-        await updateFile(file);
-        return false;
-    }, updateFile = async (file)=>{
-        const key = getUploadKey(file);
-        setLoading(true);
-        if (bucket === 'local') {
-            try {
-                const result = await updateFiles({
-                    key,
-                    bucket,
-                    file
-                });
-                if (result) {
-                    var _props_onChange, _props_onChangePath;
-                    (_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);
-                }
-            } catch (error) {}
-        }
-        setLoading(false);
-    }, getValueFile = async ()=>{
+    const getValueFile = async ()=>{
         if (props.value) {
-            const result = await getFiles(props.value);
-            if (result === null || result === void 0 ? void 0 : result.id) {
+            const result = await parseStorageData(props.value, undefined, false, props.endpoint, props.bucket);
+            if (result) {
                 setName(result.name);
+                setUrlSrc(result.url);
             }
-            if (bucket === 'local') {
-                const result = await getFilesRaw(props.value, 'url');
-                if (typeof result === 'string') {
-                    setUrlSrc(result);
-                }
-            }
-        } else {
-            setUrlSrc(undefined);
         }
     }, updateContent = async ()=>{
         if (props.value) {
-            const result = await getFilesRaw(props.value);
-            if (result && typeof result != 'string') {
-                const r = new FileReader();
-                r.readAsText(result, 'utf-8');
-                r.onload = ()=>{
-                    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);
-                    }
-                };
+            const dataRes = await parseStorageData(props.value);
+            if (dataRes) {
+                const result = await getFileRaw(dataRes.path, props.endpoint, props.bucket);
+                if (result) {
+                    var _result_Body;
+                    const content = await ((_result_Body = result.Body) === null || _result_Body === void 0 ? void 0 : _result_Body.transformToString('utf-8'));
+                    const r = new FileReader();
+                    r.readAsText(new Blob([
+                        content !== null && content !== void 0 ? content : ''
+                    ]), 'utf-8');
+                    r.onload = ()=>{
+                        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>${r.result}</pre>`);
+                        } else if ((_iframeRef_current1 = iframeRef.current) === null || _iframeRef_current1 === void 0 ? void 0 : _iframeRef_current1.contentDocument) {
+                            iframeRef.current.contentDocument.write(`<pre>${r.result}</pre>`);
+                        }
+                    };
+                }
             }
         }
     };
@@ -107,7 +62,26 @@ export default ((props)=>{
                     /*#__PURE__*/ _jsx(Upload, {
                         accept: props.accept,
                         showUploadList: false,
-                        beforeUpload: beforeUpload,
+                        beforeUpload: async (file)=>{
+                            const maxSize = props.maxSize || 1024 * 1024 * 5;
+                            if (file.size > maxSize) {
+                                messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);
+                                return false;
+                            }
+                            setLoading(true);
+                            const result = await uploadFile(file, props.directory, props.endpoint, props.bucket);
+                            if (result === null || result === void 0 ? void 0 : result.path) {
+                                var _props_onChange;
+                                const storageUlr = await getStorageUrl(result.path, props.endpoint, props.bucket), url = await getFileUrl(result.path, 3600, undefined, props.endpoint, props.bucket);
+                                setName(file.name);
+                                setUrlSrc(url);
+                                (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, storageUlr);
+                            } else {
+                                messageApi.error(locale.errorUpload);
+                            }
+                            setLoading(false);
+                            return false;
+                        },
                         children: /*#__PURE__*/ _jsx(Button, {
                             loading: loading,
                             icon: /*#__PURE__*/ _jsx(UploadOutlined, {
@@ -143,15 +117,15 @@ export default ((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: ()=>{
-                                    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/es2017/components/upload-file/uploadTemp.js.map

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

package/esm/components/aggregate-menu/index.d.ts

@@ -1,5 +1,5 @@
-import { DrawerProps } from "antd";
 import { App, AppMenu } from "@knockout-js/api/ucenter";
+import { DrawerProps } from "antd";
 export type AggregateMenuLocale = {
     title: string;
     latelyTitle: string;

package/esm/components/aggregate-menu/index.js

@@ -6,19 +6,19 @@ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
 import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from "@ant-design/icons";
-import { useCallback, useEffect, useState } from "react";
-import styles from "./index.module.css";
-import { Drawer, Empty, Input, Space } from "antd";
-import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
-import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
-import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { useLocale } from "../locale/index";
-import { useDark } from "../provider/index";
+import { instanceName } from "@knockout-js/api";
+import { AppMenuKind } from "@knockout-js/api/ucenter";
+import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
+import { Drawer, Empty, Input, Space } from "antd";
+import { useCallback, useEffect, useState } from "react";
 import { listFormatTreeData, treeFormatList } from "../_util/index";
 import { OpenWin } from "../icons/index";
-import { AppMenuKind } from "@knockout-js/api/ucenter";
-import { instanceName } from "@knockout-js/api";
+import { useLocale } from "../locale/index";
+import { useDark } from "../provider/index";
+import styles from "./index.module.css";
 var userMenuListQuery = gql("query layoutPkgUserMenuList($appCode:String!){\n  userMenus(appCode: $appCode){\n    id,name,route,appID,parentID,displaySort,kind\n  }\n}");
 var userAppsQuery = gql("query layoutPkgUserAppList{\n  userApps{\n    id,name,code\n  }\n}");
 var userPreferenceQuery = gql("query layoutPkgUserPreference{\n  orgUserPreference{\n    id,menuFavorite,menuRecent,\n  }\n}");
@@ -509,7 +509,7 @@ export default function(props) {
                                 children: /*#__PURE__*/ _jsx("div", {
                                     className: styles.aggregateMenuDrawerAllMenuColumn,
                                     children: filterList.map(function(item) {
-                                        return /*#__PURE__*/ _jsxs("div", {
+                                        return item.menu.length ? /*#__PURE__*/ _jsxs("div", {
                                             className: styles.aggregateMenuDrawerAllMenuColumnItem,
                                             children: [
                                                 /*#__PURE__*/ _jsx("div", {
@@ -523,7 +523,7 @@ export default function(props) {
                                                     }, "".concat(menuItem.appID, "-").concat(menuItem.id));
                                                 })
                                             ]
-                                        }, item.app.code);
+                                        }, item.app.code) : /*#__PURE__*/ _jsx(_Fragment, {});
                                     })
                                 })
                             })