@knockout-js/layout 0.0.4-beta.1 → 0.1.1-beta.0

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

@@ -2,10 +2,10 @@ 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 { useEffect, useState } from "react";
-import { formatFileSize, randomId } from "./index";
+import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
 import { useAppCode, useTenantId } from "../provider/index";
 import { useLocale } from "../locale/index";
-import { files as fileApi } from "@knockout-js/api";
+import { formatFileSize, randomId } from "../_util/index";
 let files = [];
 let timeoutFn = undefined;
 export default ((props)=>{
@@ -42,7 +42,7 @@ export default ((props)=>{
             for(let i in files){
                 const file = files[i], key = getUploadKey(file);
                 if (bucket === 'local') try {
-                    const result = await fileApi.updateFiles({
+                    const result = await updateFiles({
                         key,
                         bucket,
                         file
@@ -66,7 +66,7 @@ export default ((props)=>{
                         uid: addKeys[i],
                         name: ''
                     };
-                    const result = await fileApi.getFiles(data.uid);
+                    const result = await getFiles(data.uid);
                     if (result === null || result === void 0 ? void 0 : result.id) {
                         data.name = result.name;
                         data.linkProps = {
@@ -75,7 +75,7 @@ export default ((props)=>{
                         data.response = result;
                     }
                     if (bucket === 'local') {
-                        const resultRaw = await fileApi.getFilesRaw(data.uid, 'url');
+                        const resultRaw = await getFilesRaw(data.uid, 'url');
                         if (typeof resultRaw === 'string') data.url = resultRaw;
                     }
                     list.push(data);

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

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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, formatFileSize, randomId } from \".\";\r\nimport { Files } from \"@knockout-js/api/esm/files\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { useLocale } from \"../locale\";\r\nimport { files as fileApi } from \"@knockout-js/api\";\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 fileApi.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 fileApi.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 fileApi.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","formatFileSize","randomId","useAppCode","useTenantId","useLocale","files","fileApi","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","updateFiles","getValuesFile","onChange","oldKye","map","item","uid","addKeys","filter","includes","addLength","data","getFiles","id","linkProps","download","response","resultRaw","getFilesRaw","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":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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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"}

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

@@ -2,11 +2,11 @@ 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 { files as fileApi } from "@knockout-js/api";
 import { useAppCode, useTenantId } from "../provider/index";
-import { randomId, formatFileSize } from "./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";
 export default ((props)=>{
     var _props_accept;
     var _props_bucket, _props_appCode, _props_tenantId;
@@ -35,7 +35,7 @@ export default ((props)=>{
         const key = getUploadKey(file);
         setLoading(true);
         if (bucket === 'local') try {
-            const result = await fileApi.updateFiles({
+            const result = await updateFiles({
                 key,
                 bucket,
                 file
@@ -49,16 +49,16 @@ export default ((props)=>{
         setLoading(false);
     }, getValueFile = async ()=>{
         if (props.value) {
-            const result = await fileApi.getFiles(props.value);
+            const result = await getFiles(props.value);
             if (result === null || result === void 0 ? void 0 : result.id) setName(result.name);
             if (bucket === 'local') {
-                const result = await fileApi.getFilesRaw(props.value, 'url');
+                const result = await getFilesRaw(props.value, 'url');
                 if (typeof result === 'string') setUrlSrc(result);
             }
         } else setUrlSrc(undefined);
     }, updateContent = async ()=>{
         if (props.value) {
-            const result = await fileApi.getFilesRaw(props.value);
+            const result = await getFilesRaw(props.value);
             if (result && typeof result != 'string') {
                 const r = new FileReader();
                 r.readAsText(result, 'utf-8');

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

@@ -1 +1 @@
-{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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 { files as fileApi } from \"@knockout-js/api\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps, randomId, formatFileSize } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\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 fileApi.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 fileApi.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 fileApi.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 fileApi.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","files","fileApi","useAppCode","useTenantId","randomId","formatFileSize","useLocale","styles","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","updateFiles","onChange","onChangePath","getValueFile","value","getFiles","id","getFilesRaw","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":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\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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"}

package/esm/components/_util/index.d.ts

@@ -0,0 +1,55 @@
+/**
+ * 列表数据格式化成树结构
+ * @param allList
+ * @param parentList
+ * @param defineKey
+ * @param parentId
+ * @returns
+ */
+export declare const listFormatTreeData: <T extends Record<string, any> & {
+    children?: T[];
+}>(allList: T[], parentList?: T[], defineKey?: {
+    key?: string;
+    parentId?: string;
+}, parentId?: string | number) => T[];
+/**
+ * 解析树结构按树顺序处理成列表
+ * @param treeList
+ * @returns
+ */
+export declare const treeFormatList: <T extends Record<string, any> & {
+    children?: T[];
+}>(treeList: T[]) => T[];
+/**
+ * 字节大小展示处理
+ * @param fileSize
+ * @returns
+ */
+export declare const formatFileSize: (fileSize: number) => string;
+/**
+ * 随机数
+ * @param len
+ * @returns
+ */
+export declare const randomId: (len: number) => string;
+/**
+ * 解析env配置的app地址字符串
+ * @param evnStr appCode@deploy_address;
+ * @returns
+ */
+export declare const parseEnvAppAddress: (evnStr: string) => Record<string, string>;
+/**
+ * 格式化日期
+ * @param date
+ * @param format  YYYY-MM-DD HH:mm:ss
+ * @param tz  时区
+ * @param isTzSet  true将当前时间设置成这个时区，false 将当前时间根据时区转换
+ * 例子 isTzSet=true
+ *      dayjs.tz("2022-07-07 16:30:00", "America/New_York").format("YYYY-MM-DDTHH:mm:ssZ")
+ *      = "2022-07-07T16:30:00-04:00"
+ * 例子 isTzSet=false
+ *      dayjs("2022-07-07T20:30:00Z").tz("America/New_York").format("YYYY-MM-DD HH:mm:ss")
+ *      = "2022-07-07 16:30:00"
+ * @returns
+ */
+export declare const getDate: (date: dayjs.ConfigType, format?: string, tz?: string, isTzSet?: boolean) => any;

package/esm/components/_util/index.js

@@ -0,0 +1,103 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import dayjs from "dayjs";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
+dayjs.extend(utc);
+dayjs.extend(timezone);
+/**
+ * 列表数据格式化成树结构
+ * @param allList
+ * @param parentList
+ * @param defineKey
+ * @param parentId
+ * @returns
+ */ export var listFormatTreeData = function(allList, parentList, defineKey, parentId) {
+    var dataKey = _object_spread({
+        key: "key",
+        parentId: "parentId"
+    }, defineKey), pid = parentId === undefined ? "0" : parentId;
+    if (!parentList) parentList = allList.filter(function(item) {
+        return item[dataKey.parentId] == pid;
+    });
+    parentList.forEach(function(pItem) {
+        var children = allList.filter(function(allItem) {
+            return allItem[dataKey.parentId] == pItem[dataKey.key];
+        });
+        if (children && children.length) pItem.children = listFormatTreeData(allList, children, dataKey);
+    });
+    return parentList;
+};
+/**
+ * 解析树结构按树顺序处理成列表
+ * @param treeList
+ * @returns
+ */ export var treeFormatList = function(treeList) {
+    var allList = [];
+    treeList.forEach(function(item) {
+        var _allList;
+        var children = item.children;
+        delete item.children;
+        allList === null || allList === void 0 ? void 0 : allList.push(item);
+        if (children) (_allList = allList).push.apply(_allList, _to_consumable_array(treeFormatList(children)));
+    });
+    return allList;
+};
+/**
+ * 字节大小展示处理
+ * @param fileSize
+ * @returns
+ */ export var formatFileSize = function(fileSize) {
+    if (fileSize < 1024) return fileSize + "B";
+    else if (fileSize < 1048576) return (fileSize / 1024).toFixed(2) + "KB";
+    else if (fileSize < 1073741824) return (fileSize / 1048576).toFixed(2) + "MB";
+    else return (fileSize / 1073741824).toFixed(2) + "GB";
+};
+/**
+ * 随机数
+ * @param len
+ * @returns
+ */ export var randomId = function(len) {
+    var str = "";
+    for(; str.length < len; str += Math.random().toString(36).substring(2));
+    return str.substring(0, len);
+};
+/**
+ * 解析env配置的app地址字符串
+ * @param evnStr appCode@deploy_address;
+ * @returns
+ */ export var parseEnvAppAddress = function(evnStr) {
+    var address = {};
+    evnStr.split(";").forEach(function(str) {
+        if (str) {
+            var adds = str.split("@");
+            if (adds.length === 2) address[adds[0]] = adds[1];
+        }
+    });
+    return address;
+};
+/**
+ * 格式化日期
+ * @param date
+ * @param format  YYYY-MM-DD HH:mm:ss
+ * @param tz  时区
+ * @param isTzSet  true将当前时间设置成这个时区，false 将当前时间根据时区转换
+ * 例子 isTzSet=true
+ *      dayjs.tz("2022-07-07 16:30:00", "America/New_York").format("YYYY-MM-DDTHH:mm:ssZ")
+ *      = "2022-07-07T16:30:00-04:00"
+ * 例子 isTzSet=false
+ *      dayjs("2022-07-07T20:30:00Z").tz("America/New_York").format("YYYY-MM-DD HH:mm:ss")
+ *      = "2022-07-07 16:30:00"
+ * @returns
+ */ export var getDate = function(date) {
+    var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "YYYY-MM-DD", tz = arguments.length > 2 ? arguments[2] : void 0, isTzSet = arguments.length > 3 ? arguments[3] : void 0;
+    if (date) {
+        if (tz) {
+            if (isTzSet) return dayjs.tz(date, tz).format(format);
+            else return dayjs(date).tz(tz).format(format);
+        }
+        return dayjs(date).format(format);
+    } else return null;
+};
+
+ //# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\_util\index.js.map

package/esm/components/_util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\_util\\index.ts"],"sourcesContent":["import dayjs from 'dayjs';\r\nimport timezone from 'dayjs/plugin/timezone';\r\nimport utc from 'dayjs/plugin/utc';\r\n\r\ndayjs.extend(utc);\r\ndayjs.extend(timezone);\r\n\r\n/**\r\n * 列表数据格式化成树结构\r\n * @param allList\r\n * @param parentList\r\n * @param defineKey\r\n * @param parentId\r\n * @returns\r\n */\r\nexport const listFormatTreeData = <T extends Record<string, any> & { children?: T[] }>(\r\n  allList: T[],\r\n  parentList?: T[],\r\n  defineKey?: {\r\n    key?: string;\r\n    parentId?: string;\r\n  },\r\n  parentId?: string | number,\r\n) => {\r\n  const dataKey = { key: 'key', parentId: 'parentId', ...defineKey },\r\n    pid = parentId === undefined ? '0' : parentId;\r\n\r\n  if (!parentList) {\r\n    parentList = allList.filter(item => item[dataKey.parentId] == pid);\r\n  }\r\n\r\n  parentList.forEach((pItem) => {\r\n    const children = allList.filter(\r\n      (allItem) => allItem[dataKey.parentId] == pItem[dataKey.key],\r\n    );\r\n    if (children && children.length) {\r\n      pItem.children = listFormatTreeData(allList, children, dataKey);\r\n    }\r\n  });\r\n  return parentList;\r\n};\r\n\r\n/**\r\n * 解析树结构按树顺序处理成列表\r\n * @param treeList\r\n * @returns\r\n */\r\nexport const treeFormatList = <T extends Record<string, any> & { children?: T[] }>(treeList: T[]) => {\r\n  const allList: T[] = [];\r\n\r\n  treeList.forEach(item => {\r\n    const children = item.children;\r\n    delete item.children;\r\n    allList?.push(item);\r\n    if (children) {\r\n      allList.push(...treeFormatList(children));\r\n    }\r\n  });\r\n\r\n  return allList;\r\n}\r\n\r\n/**\r\n * 字节大小展示处理\r\n * @param fileSize\r\n * @returns\r\n */\r\nexport const formatFileSize = (fileSize: number) => {\r\n  if (fileSize < 1024) {\r\n    return fileSize + 'B';\r\n  } else if (fileSize < (1024 * 1024)) {\r\n    return (fileSize / 1024).toFixed(2) + 'KB';\r\n  } else if (fileSize < (1024 * 1024 * 1024)) {\r\n    return (fileSize / (1024 * 1024)).toFixed(2) + 'MB';\r\n  } else {\r\n    return (fileSize / (1024 * 1024 * 1024)).toFixed(2) + 'GB';\r\n  }\r\n}\r\n\r\n/**\r\n * 随机数\r\n * @param len\r\n * @returns\r\n */\r\nexport const randomId = (len: number) => {\r\n  let str = '';\r\n  for (; str.length < len; str += Math.random().toString(36).substring(2));\r\n  return str.substring(0, len);\r\n}\r\n\r\n\r\n/**\r\n * 解析env配置的app地址字符串\r\n * @param evnStr appCode@deploy_address;\r\n * @returns\r\n */\r\nexport const parseEnvAppAddress = (evnStr: string) => {\r\n  const address: Record<string, string> = {};\r\n  evnStr.split(';').forEach(str => {\r\n    if (str) {\r\n      const adds = str.split('@');\r\n      if (adds.length === 2) {\r\n        address[adds[0]] = adds[1];\r\n      }\r\n    }\r\n  })\r\n  return address;\r\n}\r\n\r\n\r\n\r\n/**\r\n * 格式化日期\r\n * @param date\r\n * @param format  YYYY-MM-DD HH:mm:ss\r\n * @param tz  时区\r\n * @param isTzSet  true将当前时间设置成这个时区，false 将当前时间根据时区转换\r\n * 例子 isTzSet=true\r\n *      dayjs.tz(\"2022-07-07 16:30:00\", \"America/New_York\").format(\"YYYY-MM-DDTHH:mm:ssZ\")\r\n *      = \"2022-07-07T16:30:00-04:00\"\r\n * 例子 isTzSet=false\r\n *      dayjs(\"2022-07-07T20:30:00Z\").tz(\"America/New_York\").format(\"YYYY-MM-DD HH:mm:ss\")\r\n *      = \"2022-07-07 16:30:00\"\r\n * @returns\r\n */\r\nexport const getDate = (\r\n  date: dayjs.ConfigType,\r\n  format = 'YYYY-MM-DD',\r\n  tz?: string,\r\n  isTzSet?: boolean,\r\n) => {\r\n  if (date) {\r\n    if (tz) {\r\n      if (isTzSet) {\r\n        return dayjs.tz(date, tz).format(format);\r\n      } else {\r\n        return dayjs(date).tz(tz).format(format);\r\n      }\r\n    }\r\n    return dayjs(date).format(format);\r\n  } else {\r\n    return null\r\n  }\r\n};\r\n"],"names":["dayjs","timezone","utc","extend","listFormatTreeData","allList","parentList","defineKey","parentId","dataKey","key","pid","undefined","filter","item","forEach","pItem","children","allItem","length","treeFormatList","treeList","push","formatFileSize","fileSize","toFixed","randomId","len","str","Math","random","toString","substring","parseEnvAppAddress","evnStr","address","split","adds","getDate","date","format","tz","isTzSet"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { App, AppMenu } from "@knockout-js/api";
+import { DrawerProps } from "antd";
+import { App, AppMenu } from "@knockout-js/api/esm/gql/ucenter/graphql";
 export type AggregateMenuLocale = {
     title: string;
     latelyTitle: string;
@@ -19,6 +20,10 @@ export interface AggregateMenuProps {
      * 数据源
      */
     dataSource?: AggregateMenuDataSource;
+    /**
+     * 弹框设置
+     */
+    drawerProps?: DrawerProps;
     /**
      * 弹出开关变更
      */
@@ -26,7 +31,7 @@ export interface AggregateMenuProps {
     /**
      * 选中菜单
      */
-    onClick?: (menuItem: AppMenu, app: App) => void;
+    onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;
 }
 declare const _default: (props: AggregateMenuProps) => JSX.Element;
 export default _default;