@knockout-js/layout 0.1.0 → 0.1.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es2017/components/_util/index.d.ts +15 -0
- package/es2017/components/_util/index.js +29 -2
- package/es2017/components/_util/index.js.map +1 -1
- package/es2017/components/aggregate-menu/index.d.ts +1 -1
- package/es2017/components/aggregate-menu/index.js +7 -7
- package/es2017/components/aggregate-menu/index.js.map +1 -1
- package/es2017/components/aggregate-menu/index.module.css +49 -59
- package/es2017/components/avatar-dropdown/index.js +1 -1
- package/es2017/components/avatar-dropdown/index.js.map +1 -1
- package/es2017/components/i18n-dropdown/index.js.map +1 -1
- package/es2017/components/index.d.ts +1 -3
- package/es2017/components/index.js +1 -4
- package/es2017/components/index.js.map +1 -1
- package/es2017/components/layout/index.d.ts +10 -1
- package/es2017/components/layout/index.js +7 -3
- package/es2017/components/layout/index.js.map +1 -1
- package/es2017/components/layout/layout.module.css +20 -26
- package/es2017/components/locale/en_US.js +3 -1
- package/es2017/components/locale/en_US.js.map +1 -1
- package/es2017/components/locale/index.d.ts +2 -0
- package/es2017/components/locale/index.js.map +1 -1
- package/es2017/components/locale/zh_CN.js +3 -1
- package/es2017/components/locale/zh_CN.js.map +1 -1
- package/es2017/components/modal/index.module.css +4 -4
- package/es2017/components/msg-dropdown/index.d.ts +28 -0
- package/es2017/components/msg-dropdown/index.js +129 -0
- package/es2017/components/msg-dropdown/index.js.map +1 -0
- package/es2017/components/msg-dropdown/index.module.css +33 -0
- package/es2017/components/msg-dropdown/locale/en_US.d.ts +3 -0
- package/es2017/components/msg-dropdown/locale/en_US.js +7 -0
- package/es2017/components/msg-dropdown/locale/en_US.js.map +1 -0
- package/es2017/components/msg-dropdown/locale/zh_CN.d.ts +3 -0
- package/es2017/components/msg-dropdown/locale/zh_CN.js +7 -0
- package/es2017/components/msg-dropdown/locale/zh_CN.js.map +1 -0
- package/es2017/components/tenant-dropdown/index.d.ts +1 -1
- package/es2017/components/tenant-dropdown/index.js +2 -2
- package/es2017/components/tenant-dropdown/index.js.map +1 -1
- package/es2017/components/upload-file/index.module.css +3 -3
- package/es2017/components/upload-file/uploadAvatar.js +3 -3
- package/es2017/components/upload-file/uploadAvatar.js.map +1 -1
- package/es2017/components/upload-file/uploadMultiple.js +4 -4
- package/es2017/components/upload-file/uploadMultiple.js.map +1 -1
- package/es2017/components/upload-file/uploadTemp.js +5 -5
- package/es2017/components/upload-file/uploadTemp.js.map +1 -1
- package/esm/components/_util/index.d.ts +15 -0
- package/esm/components/_util/index.js +31 -3
- package/esm/components/_util/index.js.map +1 -1
- package/esm/components/aggregate-menu/index.d.ts +1 -1
- package/esm/components/aggregate-menu/index.js +7 -7
- package/esm/components/aggregate-menu/index.js.map +1 -1
- package/esm/components/aggregate-menu/index.module.css +49 -59
- package/esm/components/avatar-dropdown/index.js +1 -1
- package/esm/components/avatar-dropdown/index.js.map +1 -1
- package/esm/components/i18n-dropdown/index.js.map +1 -1
- package/esm/components/index.d.ts +1 -3
- package/esm/components/index.js +1 -4
- package/esm/components/index.js.map +1 -1
- package/esm/components/layout/index.d.ts +10 -1
- package/esm/components/layout/index.js +7 -3
- package/esm/components/layout/index.js.map +1 -1
- package/esm/components/layout/layout.module.css +20 -26
- package/esm/components/locale/en_US.js +3 -1
- package/esm/components/locale/en_US.js.map +1 -1
- package/esm/components/locale/index.d.ts +2 -0
- package/esm/components/locale/index.js.map +1 -1
- package/esm/components/locale/zh_CN.js +3 -1
- package/esm/components/locale/zh_CN.js.map +1 -1
- package/esm/components/modal/index.module.css +4 -4
- package/esm/components/msg-dropdown/index.d.ts +28 -0
- package/esm/components/msg-dropdown/index.js +155 -0
- package/esm/components/msg-dropdown/index.js.map +1 -0
- package/esm/components/msg-dropdown/index.module.css +33 -0
- package/esm/components/msg-dropdown/locale/en_US.d.ts +3 -0
- package/esm/components/msg-dropdown/locale/en_US.js +7 -0
- package/esm/components/msg-dropdown/locale/en_US.js.map +1 -0
- package/esm/components/msg-dropdown/locale/zh_CN.d.ts +3 -0
- package/esm/components/msg-dropdown/locale/zh_CN.js +7 -0
- package/esm/components/msg-dropdown/locale/zh_CN.js.map +1 -0
- package/esm/components/tenant-dropdown/index.d.ts +1 -1
- package/esm/components/tenant-dropdown/index.js +2 -2
- package/esm/components/tenant-dropdown/index.js.map +1 -1
- package/esm/components/upload-file/index.module.css +3 -3
- package/esm/components/upload-file/uploadAvatar.js +3 -3
- package/esm/components/upload-file/uploadAvatar.js.map +1 -1
- package/esm/components/upload-file/uploadMultiple.js +4 -4
- package/esm/components/upload-file/uploadMultiple.js.map +1 -1
- package/esm/components/upload-file/uploadTemp.js +5 -5
- package/esm/components/upload-file/uploadTemp.js.map +1 -1
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport {
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\upload-file\\uploadAvatar.tsx"],"sourcesContent":["import { PlusOutlined } from \"@ant-design/icons\";\r\nimport { Spin, Upload, message } from \"antd\"\r\nimport { RcFile } from \"antd/es/upload\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useAppCode, useTenantId } from \"../provider\";\r\nimport { UploadFileProps } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport { formatFileSize, randomId } from \"../_util\";\r\nimport { getFilesRaw, updateFiles } from \"@knockout-js/api\";\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 [messageApi] = message.useMessage(),\r\n [loading, setLoading] = useState(false),\r\n [imgsrc, setImgsrc] = useState<string>();\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 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 if (bucket === 'local') {\r\n const result = await getFilesRaw(props.value, 'url');\r\n if (typeof result === 'string') {\r\n setImgsrc(result)\r\n }\r\n }\r\n } else {\r\n setImgsrc(undefined)\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n getValueFile()\r\n }, [props.value])\r\n\r\n return <div style={{ display: \"inline-block\" }}>\r\n <Spin spinning={loading} >\r\n <Upload\r\n accept={props.accept}\r\n listType=\"picture-card\"\r\n showUploadList={false}\r\n beforeUpload={async (file) => {\r\n const maxSize = props.maxSize || (1024 * 1024 * 5);\r\n\r\n if (file.size > maxSize) {\r\n messageApi.error(`${locale.fileSizeTip}: ${formatFileSize(maxSize)}`);\r\n return false;\r\n }\r\n\r\n await updateFile(file);\r\n return false;\r\n }}\r\n >\r\n {\r\n imgsrc ? <img\r\n src={imgsrc} alt=\"avatar\" style={{ width: '100%' }}\r\n /> : <>\r\n <PlusOutlined rev={undefined} />\r\n <div style={{ marginTop: 8 }}></div>\r\n </>\r\n }\r\n </Upload>\r\n </Spin>\r\n </div>\r\n}\r\n"],"names":["PlusOutlined","Spin","Upload","message","useEffect","useState","useAppCode","useTenantId","useLocale","formatFileSize","randomId","getFilesRaw","updateFiles","props","bucket","appCode","tenantId","locale","messageApi","useMessage","loading","setLoading","imgsrc","setImgsrc","getUploadKey","file","suffix","name","split","pop","keys","forceDirectory","directory","push","join","replace","updateFile","key","result","onChange","onChangePath","error","getValueFile","value","undefined","div","style","display","spinning","accept","listType","showUploadList","beforeUpload","maxSize","size","fileSizeTip","img","src","alt","width","rev","marginTop"],"mappings":"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"}
|
|
@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
|
|
|
2
2
|
import { UploadOutlined } from "@ant-design/icons";
|
|
3
3
|
import { Modal, Spin, Typography, Upload, message } from "antd";
|
|
4
4
|
import { useEffect, useState } from "react";
|
|
5
|
+
import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
|
|
5
6
|
import { useAppCode, useTenantId } from "../provider/index";
|
|
6
7
|
import { useLocale } from "../locale/index";
|
|
7
|
-
import { files as fileApi } from "@knockout-js/api";
|
|
8
8
|
import { formatFileSize, randomId } from "../_util/index";
|
|
9
9
|
let files = [];
|
|
10
10
|
let timeoutFn = undefined;
|
|
@@ -42,7 +42,7 @@ export default ((props)=>{
|
|
|
42
42
|
for(let i in files){
|
|
43
43
|
const file = files[i], key = getUploadKey(file);
|
|
44
44
|
if (bucket === 'local') try {
|
|
45
|
-
const result = await
|
|
45
|
+
const result = await updateFiles({
|
|
46
46
|
key,
|
|
47
47
|
bucket,
|
|
48
48
|
file
|
|
@@ -66,7 +66,7 @@ export default ((props)=>{
|
|
|
66
66
|
uid: addKeys[i],
|
|
67
67
|
name: ''
|
|
68
68
|
};
|
|
69
|
-
const result = await
|
|
69
|
+
const result = await getFiles(data.uid);
|
|
70
70
|
if (result === null || result === void 0 ? void 0 : result.id) {
|
|
71
71
|
data.name = result.name;
|
|
72
72
|
data.linkProps = {
|
|
@@ -75,7 +75,7 @@ export default ((props)=>{
|
|
|
75
75
|
data.response = result;
|
|
76
76
|
}
|
|
77
77
|
if (bucket === 'local') {
|
|
78
|
-
const resultRaw = await
|
|
78
|
+
const resultRaw = await getFilesRaw(data.uid, 'url');
|
|
79
79
|
if (typeof resultRaw === 'string') data.url = resultRaw;
|
|
80
80
|
}
|
|
81
81
|
list.push(data);
|
|
@@ -1 +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 } 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\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 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","useAppCode","useTenantId","useLocale","files","fileApi","formatFileSize","randomId","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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"}
|
|
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 } 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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"}
|
|
@@ -2,11 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ice/jsx-runt
|
|
|
2
2
|
import { UploadOutlined } from "@ant-design/icons";
|
|
3
3
|
import { Button, Modal, Popconfirm, Space, Typography, Upload, message } from "antd";
|
|
4
4
|
import { useEffect, useRef, useState } from "react";
|
|
5
|
-
import { files as fileApi } from "@knockout-js/api";
|
|
6
5
|
import { useAppCode, useTenantId } from "../provider/index";
|
|
7
6
|
import { useLocale } from "../locale/index";
|
|
8
7
|
import styles from "./index.module.css";
|
|
9
8
|
import { formatFileSize, randomId } from "../_util/index";
|
|
9
|
+
import { getFiles, getFilesRaw, updateFiles } from "@knockout-js/api";
|
|
10
10
|
export default ((props)=>{
|
|
11
11
|
var _props_accept;
|
|
12
12
|
var _props_bucket, _props_appCode, _props_tenantId;
|
|
@@ -35,7 +35,7 @@ export default ((props)=>{
|
|
|
35
35
|
const key = getUploadKey(file);
|
|
36
36
|
setLoading(true);
|
|
37
37
|
if (bucket === 'local') try {
|
|
38
|
-
const result = await
|
|
38
|
+
const result = await updateFiles({
|
|
39
39
|
key,
|
|
40
40
|
bucket,
|
|
41
41
|
file
|
|
@@ -49,16 +49,16 @@ export default ((props)=>{
|
|
|
49
49
|
setLoading(false);
|
|
50
50
|
}, getValueFile = async ()=>{
|
|
51
51
|
if (props.value) {
|
|
52
|
-
const result = await
|
|
52
|
+
const result = await getFiles(props.value);
|
|
53
53
|
if (result === null || result === void 0 ? void 0 : result.id) setName(result.name);
|
|
54
54
|
if (bucket === 'local') {
|
|
55
|
-
const result = await
|
|
55
|
+
const result = await getFilesRaw(props.value, 'url');
|
|
56
56
|
if (typeof result === 'string') setUrlSrc(result);
|
|
57
57
|
}
|
|
58
58
|
} else setUrlSrc(undefined);
|
|
59
59
|
}, updateContent = async ()=>{
|
|
60
60
|
if (props.value) {
|
|
61
|
-
const result = await
|
|
61
|
+
const result = await getFilesRaw(props.value);
|
|
62
62
|
if (result && typeof result != 'string') {
|
|
63
63
|
const r = new FileReader();
|
|
64
64
|
r.readAsText(result, 'utf-8');
|
|
@@ -1 +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 } from \".\";\r\nimport { useLocale } from \"../locale\";\r\nimport styles from \"./index.module.css\";\r\nimport { formatFileSize, randomId } from \"../_util\";\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","useLocale","styles","formatFileSize","randomId","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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"}
|
|
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 { 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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"}
|
|
@@ -38,3 +38,18 @@ export declare const randomId: (len: number) => string;
|
|
|
38
38
|
* @returns
|
|
39
39
|
*/
|
|
40
40
|
export declare const parseEnvAppAddress: (evnStr: string) => Record<string, string>;
|
|
41
|
+
/**
|
|
42
|
+
* 格式化日期
|
|
43
|
+
* @param date
|
|
44
|
+
* @param format YYYY-MM-DD HH:mm:ss
|
|
45
|
+
* @param tz 时区
|
|
46
|
+
* @param isTzSet true将当前时间设置成这个时区,false 将当前时间根据时区转换
|
|
47
|
+
* 例子 isTzSet=true
|
|
48
|
+
* dayjs.tz("2022-07-07 16:30:00", "America/New_York").format("YYYY-MM-DDTHH:mm:ssZ")
|
|
49
|
+
* = "2022-07-07T16:30:00-04:00"
|
|
50
|
+
* 例子 isTzSet=false
|
|
51
|
+
* dayjs("2022-07-07T20:30:00Z").tz("America/New_York").format("YYYY-MM-DD HH:mm:ss")
|
|
52
|
+
* = "2022-07-07 16:30:00"
|
|
53
|
+
* @returns
|
|
54
|
+
*/
|
|
55
|
+
export declare const getDate: (date: dayjs.ConfigType, format?: string, tz?: string, isTzSet?: boolean) => any;
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
import _object_spread from "@swc/helpers/src/_object_spread.mjs";
|
|
2
|
+
import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
|
|
3
|
+
import dayjs from "dayjs";
|
|
4
|
+
import timezone from "dayjs/plugin/timezone";
|
|
5
|
+
import utc from "dayjs/plugin/utc";
|
|
6
|
+
dayjs.extend(utc);
|
|
7
|
+
dayjs.extend(timezone);
|
|
1
8
|
/**
|
|
2
9
|
* 列表数据格式化成树结构
|
|
3
10
|
* @param allList
|
|
@@ -5,9 +12,7 @@
|
|
|
5
12
|
* @param defineKey
|
|
6
13
|
* @param parentId
|
|
7
14
|
* @returns
|
|
8
|
-
*/
|
|
9
|
-
import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
|
|
10
|
-
export var listFormatTreeData = function(allList, parentList, defineKey, parentId) {
|
|
15
|
+
*/ export var listFormatTreeData = function(allList, parentList, defineKey, parentId) {
|
|
11
16
|
var dataKey = _object_spread({
|
|
12
17
|
key: "key",
|
|
13
18
|
parentId: "parentId"
|
|
@@ -71,5 +76,28 @@ export var listFormatTreeData = function(allList, parentList, defineKey, parentI
|
|
|
71
76
|
});
|
|
72
77
|
return address;
|
|
73
78
|
};
|
|
79
|
+
/**
|
|
80
|
+
* 格式化日期
|
|
81
|
+
* @param date
|
|
82
|
+
* @param format YYYY-MM-DD HH:mm:ss
|
|
83
|
+
* @param tz 时区
|
|
84
|
+
* @param isTzSet true将当前时间设置成这个时区,false 将当前时间根据时区转换
|
|
85
|
+
* 例子 isTzSet=true
|
|
86
|
+
* dayjs.tz("2022-07-07 16:30:00", "America/New_York").format("YYYY-MM-DDTHH:mm:ssZ")
|
|
87
|
+
* = "2022-07-07T16:30:00-04:00"
|
|
88
|
+
* 例子 isTzSet=false
|
|
89
|
+
* dayjs("2022-07-07T20:30:00Z").tz("America/New_York").format("YYYY-MM-DD HH:mm:ss")
|
|
90
|
+
* = "2022-07-07 16:30:00"
|
|
91
|
+
* @returns
|
|
92
|
+
*/ export var getDate = function(date) {
|
|
93
|
+
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;
|
|
94
|
+
if (date) {
|
|
95
|
+
if (tz) {
|
|
96
|
+
if (isTzSet) return dayjs.tz(date, tz).format(format);
|
|
97
|
+
else return dayjs(date).tz(tz).format(format);
|
|
98
|
+
}
|
|
99
|
+
return dayjs(date).format(format);
|
|
100
|
+
} else return null;
|
|
101
|
+
};
|
|
74
102
|
|
|
75
103
|
//# sourceMappingURL=D:\codeing\git\github\knockout-js\packages\layout\esm\components\_util\index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\_util\\index.ts"],"sourcesContent":["/**\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"],"names":["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"],"mappings":"AAAA;;;;;;;CAOC
|
|
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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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DrawerProps } from "antd";
|
|
3
|
-
import { App, AppMenu } from "@knockout-js/api";
|
|
3
|
+
import { App, AppMenu } from "@knockout-js/api/esm/gql/ucenter/graphql";
|
|
4
4
|
export type AggregateMenuLocale = {
|
|
5
5
|
title: string;
|
|
6
6
|
latelyTitle: string;
|
|
@@ -10,8 +10,6 @@ import { useCallback, useEffect, useState } from "react";
|
|
|
10
10
|
import styles from "./index.module.css";
|
|
11
11
|
import { Drawer, Empty, Input, Space } from "antd";
|
|
12
12
|
import { gql, mutation, paging, query } from "@knockout-js/ice-urql/request";
|
|
13
|
-
import { AppMenuKind } from "@knockout-js/api";
|
|
14
|
-
import { iceUrqlInstance } from "../index";
|
|
15
13
|
import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
|
|
16
14
|
import { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
|
|
17
15
|
import { CSS } from "@dnd-kit/utilities";
|
|
@@ -19,6 +17,8 @@ import { useLocale } from "../locale/index";
|
|
|
19
17
|
import { useDark } from "../provider/index";
|
|
20
18
|
import { listFormatTreeData, treeFormatList } from "../_util/index";
|
|
21
19
|
import { OpenWin } from "../icons/index";
|
|
20
|
+
import { AppMenuKind } from "@knockout-js/api/esm/gql/ucenter/graphql";
|
|
21
|
+
import { instanceName } from "@knockout-js/api";
|
|
22
22
|
var userMenuListQuery = gql("query layoutPkgUserMenuList($appCode:String!){\n userMenus(appCode: $appCode){\n id,name,route,appID,parentID,displaySort,kind\n }\n}");
|
|
23
23
|
var userAppsQuery = gql("query layoutPkgUserAppList{\n userApps{\n id,name,code\n }\n}");
|
|
24
24
|
var userPreferenceQuery = gql("query layoutPkgUserPreference{\n orgUserPreference{\n id,menuFavorite,menuRecent,\n }\n}");
|
|
@@ -91,7 +91,7 @@ export default function(props) {
|
|
|
91
91
|
return [
|
|
92
92
|
4,
|
|
93
93
|
paging(userAppsQuery, {}, 1, {
|
|
94
|
-
instanceName:
|
|
94
|
+
instanceName: instanceName.UCENTER
|
|
95
95
|
})
|
|
96
96
|
];
|
|
97
97
|
case 1:
|
|
@@ -115,7 +115,7 @@ export default function(props) {
|
|
|
115
115
|
query(userMenuListQuery, {
|
|
116
116
|
appCode: apps[i].code
|
|
117
117
|
}, {
|
|
118
|
-
instanceName:
|
|
118
|
+
instanceName: instanceName.UCENTER
|
|
119
119
|
})
|
|
120
120
|
];
|
|
121
121
|
case 3:
|
|
@@ -146,7 +146,7 @@ export default function(props) {
|
|
|
146
146
|
return [
|
|
147
147
|
4,
|
|
148
148
|
query(userPreferenceQuery, {}, {
|
|
149
|
-
instanceName:
|
|
149
|
+
instanceName: instanceName.UCENTER
|
|
150
150
|
})
|
|
151
151
|
];
|
|
152
152
|
case 6:
|
|
@@ -198,7 +198,7 @@ export default function(props) {
|
|
|
198
198
|
})
|
|
199
199
|
}
|
|
200
200
|
}, {
|
|
201
|
-
instanceName:
|
|
201
|
+
instanceName: instanceName.UCENTER
|
|
202
202
|
})
|
|
203
203
|
];
|
|
204
204
|
case 1:
|
|
@@ -225,7 +225,7 @@ export default function(props) {
|
|
|
225
225
|
menuRecent: ids
|
|
226
226
|
}
|
|
227
227
|
}, {
|
|
228
|
-
instanceName:
|
|
228
|
+
instanceName: instanceName.UCENTER
|
|
229
229
|
})
|
|
230
230
|
];
|
|
231
231
|
case 1:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables } from \"@knockout-js/api\";\r\nimport { iceUrqlInstance } from \"..\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/* GraphQL */`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/* GraphQL */`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/* GraphQL */`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹框设置\r\n */\r\n drawerProps?: DrawerProps;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: iceUrqlInstance.ucenter\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: iceUrqlInstance.ucenter });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, { instanceName: iceUrqlInstance.ucenter });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: iceUrqlInstance.ucenter\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: iceUrqlInstance.ucenter\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/* 收藏 */}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/* 过滤 */}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/* 最近访问 */}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/* all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","AppMenuKind","iceUrqlInstance","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","apps","newAll","i","menuResult","menu","menuFavorite","menuRecent","collectsList","latelyList","instanceName","ucenter","data","userApps","forEach","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","oldIdx","allItem","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["D:\\codeing\\git\\github\\knockout-js\\packages\\layout\\src\\components\\aggregate-menu\\index.tsx"],"sourcesContent":["import { CloseOutlined, DragOutlined, SearchOutlined, StarOutlined } from \"@ant-design/icons\"\r\nimport { useCallback, useEffect, useState } from \"react\"\r\nimport styles from \"./index.module.css\"\r\nimport { Drawer, DrawerProps, Empty, Input, Space } from \"antd\";\r\nimport { gql, mutation, paging, query } from \"@knockout-js/ice-urql/request\";\r\nimport { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors, } from \"@dnd-kit/core\";\r\nimport { arrayMove, SortableContext, useSortable, sortableKeyboardCoordinates, verticalListSortingStrategy } from \"@dnd-kit/sortable\";\r\nimport { CSS } from '@dnd-kit/utilities';\r\nimport { useLocale } from \"../locale\";\r\nimport { useDark } from \"../provider\";\r\nimport { listFormatTreeData, treeFormatList } from \"../_util\";\r\nimport { OpenWin } from \"../icons\";\r\nimport { App, AppMenu, AppMenuKind, LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables, LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables, LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables, LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables } from \"@knockout-js/api/esm/gql/ucenter/graphql\";\r\nimport { instanceName } from \"@knockout-js/api\";\r\n\r\nconst userMenuListQuery = gql(/* GraphQL */`query layoutPkgUserMenuList($appCode:String!){\r\n userMenus(appCode: $appCode){\r\n id,name,route,appID,parentID,displaySort,kind\r\n }\r\n}`);\r\n\r\nconst userAppsQuery = gql(/* GraphQL */`query layoutPkgUserAppList{\r\n userApps{\r\n id,name,code\r\n }\r\n}`);\r\n\r\nconst userPreferenceQuery = gql(/* GraphQL */`query layoutPkgUserPreference{\r\n orgUserPreference{\r\n id,menuFavorite,menuRecent,\r\n }\r\n}`);\r\n\r\nconst userPreferenceMut = gql(/* GraphQL */`mutation layoutPkgSaveUserPreference($input:OrgUserPreferenceInput!){\r\n saveOrgUserPreference(input: $input){ id }\r\n}`);\r\n\r\nexport type AggregateMenuLocale = {\r\n title: string;\r\n latelyTitle: string;\r\n notText: string;\r\n searchPlaceholder: string;\r\n}\r\n\r\nexport type AggregateMenuDataSource = {\r\n app: App;\r\n menu: AppMenu[];\r\n}[]\r\n\r\nexport interface AggregateMenuProps {\r\n /**\r\n * 弹出开关\r\n */\r\n open?: boolean;\r\n /**\r\n * 数据源\r\n */\r\n dataSource?: AggregateMenuDataSource;\r\n /**\r\n * 弹框设置\r\n */\r\n drawerProps?: DrawerProps;\r\n /**\r\n * 弹出开关变更\r\n */\r\n onChangeOpen?: (open: boolean) => void;\r\n /**\r\n * 选中菜单\r\n */\r\n onClick?: (menuItem: AppMenu, app: App, isOpen?: boolean) => void;\r\n}\r\n\r\n/**\r\n * 排序拖拽使用的控件\r\n * https://docs.dndkit.com/\r\n * @param props\r\n * @returns\r\n */\r\nconst DargItem = (props: {\r\n value: AppMenu;\r\n onDel: () => void;\r\n onClick: (isOpen?: boolean) => void;\r\n}) => {\r\n const id = `${props.value.id}-${props.value.appID}`;\r\n const { setNodeRef, listeners, attributes, transform, transition } = useSortable({ id });\r\n const style = {\r\n transform: CSS.Transform.toString(transform),\r\n transition,\r\n };\r\n\r\n return <div\r\n ref={setNodeRef}\r\n style={style}\r\n {...attributes}\r\n className={styles.aggregateMenuDrawerMenuItem}\r\n onClick={() => {\r\n props.onClick();\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerMenuItemName}>{props.value.name}</div>\r\n <div className={styles.aggregateMenuDrawerMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n props.onClick(true);\r\n }} />\r\n <CloseOutlined rev={undefined} onClick={(event) => {\r\n event.stopPropagation();\r\n props.onDel();\r\n }} />\r\n <DragOutlined rev={undefined} {...listeners} className=\"dragIcon\" />\r\n </Space>\r\n </div>\r\n </div>\r\n}\r\n\r\nexport default (props: AggregateMenuProps) => {\r\n const [all, setAll] = useState<AggregateMenuDataSource>([]),\r\n [filterList, setFilterList] = useState<AggregateMenuDataSource>([]),\r\n [collects, setCollects] = useState<AppMenu[]>([]),\r\n [latelys, setLately] = useState<AppMenu[]>([]),\r\n locale = useLocale('AggregateMenu'),\r\n isDark = useDark(),\r\n sensors = useSensors(\r\n useSensor(PointerSensor),\r\n useSensor(KeyboardSensor, {\r\n coordinateGetter: sortableKeyboardCoordinates,\r\n })\r\n );\r\n\r\n const\r\n request = useCallback(async () => {\r\n const appsResult = await paging<LayoutPkgUserAppListQuery, LayoutPkgUserAppListQueryVariables>(userAppsQuery, {}, 1, {\r\n instanceName: instanceName.UCENTER,\r\n }), apps: App[] = [];\r\n if (appsResult.data?.userApps) {\r\n appsResult.data.userApps.forEach(app => {\r\n apps.push(app as App)\r\n })\r\n }\r\n const newAll: AggregateMenuDataSource = [];\r\n for (let i in apps) {\r\n const menuResult = await query<LayoutPkgUserMenuListQuery, LayoutPkgUserMenuListQueryVariables>(userMenuListQuery, {\r\n appCode: apps[i].code,\r\n }, { instanceName: instanceName.UCENTER });\r\n if (menuResult.data?.userMenus) {\r\n const menu = menuResult.data.userMenus.sort((d1, d2) => {\r\n const d1Sort = d1.displaySort || 0, d2Sort = d2.displaySort || 0;\r\n return d1.parentID < d2.parentID ? -1 : d1.parentID > d2.parentID ? 1 : d1Sort < d2Sort ? -1 : d1Sort > d2Sort ? 1 : 0;\r\n }) as AppMenu[];\r\n newAll.push({\r\n app: apps[i],\r\n menu: treeFormatList(listFormatTreeData(menu, undefined, { key: 'id', parentId: 'parentID' })),\r\n })\r\n }\r\n }\r\n setAll(newAll);\r\n setFilterList(newAll);\r\n // 初始化收藏和初始化最近数据\r\n const preferenceResult = await query<LayoutPkgUserPreferenceQuery, LayoutPkgUserPreferenceQueryVariables>(userPreferenceQuery, {}, {\r\n instanceName: instanceName.UCENTER\r\n });\r\n if (preferenceResult.data?.orgUserPreference?.id) {\r\n const menuFavorite = preferenceResult.data.orgUserPreference.menuFavorite,\r\n menuRecent = preferenceResult.data.orgUserPreference.menuRecent,\r\n collectsList: AppMenu[] = [],\r\n latelyList: AppMenu[] = [];\r\n if (menuFavorite) {\r\n menuFavorite.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n collectsList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n if (menuRecent) {\r\n menuRecent.forEach(id => {\r\n for (let i in newAll) {\r\n const menuItem = newAll[i].menu.find(item => item.id == id);\r\n if (menuItem) {\r\n latelyList.push(menuItem);\r\n break;\r\n }\r\n }\r\n\r\n })\r\n }\r\n setCollects(collectsList);\r\n setLately(latelyList);\r\n }\r\n }, []),\r\n requestFavorite = async (list: AppMenu[]) => {\r\n // 异步存储收藏\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuFavorite: list.map(item => item.id),\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n requestRecent = async (ids: string[]) => {\r\n // 异步存储访问菜单记录\r\n await mutation<LayoutPkgSaveUserPreferenceMutation, LayoutPkgSaveUserPreferenceMutationVariables>(userPreferenceMut, {\r\n input: {\r\n menuRecent: ids,\r\n }\r\n }, {\r\n instanceName: instanceName.UCENTER,\r\n });\r\n },\r\n checkCollect = useCallback((menuItem: AppMenu) => {\r\n return !!collects.find(item => item.id === menuItem.id && item.appID === menuItem.appID);\r\n }, [collects]),\r\n onClickItem = async (menuItem: AppMenu, isOpen?: boolean) => {\r\n const allApp = all.find(allItem => allItem.app.id == menuItem.appID);\r\n if (allApp) {\r\n const latelyList = [...latelys];\r\n const oldIdx = latelyList.findIndex(lately => lately.id == menuItem.id);\r\n if (oldIdx > -1) {\r\n latelyList.splice(oldIdx, 1);\r\n }\r\n latelyList.unshift(menuItem);\r\n latelyList.splice(6);\r\n await requestRecent(latelyList.map(item => item.id));\r\n setLately(latelyList);\r\n props.onClick?.(menuItem, allApp.app, isOpen);\r\n }\r\n },\r\n menuItemRender = (menuItem: AppMenu) => {\r\n return <div\r\n key={`${menuItem.id}-${menuItem.appID}`}\r\n className={styles.aggregateMenuDrawerAllMenuItem}\r\n onClick={() => {\r\n onClickItem(menuItem)\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerAllMenuItemName}> {menuItem.name}</div>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemIcons}>\r\n <Space>\r\n <OpenWin className=\"anticon\" onClick={(event) => {\r\n event.stopPropagation();\r\n onClickItem(menuItem, true)\r\n }} />\r\n <StarOutlined rev={undefined} className={checkCollect(menuItem) ? 'collect' : ''} onClick={async (event) => {\r\n event.stopPropagation();\r\n let collectList: AppMenu[] = [];\r\n if (checkCollect(menuItem)) {\r\n collectList = collects.filter(c => !(c.id === menuItem.id && c.appID === menuItem.appID))\r\n } else {\r\n collectList = [...collects, menuItem]\r\n }\r\n await requestFavorite(collectList)\r\n setCollects(collectList);\r\n }} />\r\n </Space>\r\n </div>\r\n </div>\r\n }\r\n\r\n useEffect(() => {\r\n if (props.dataSource) {\r\n setAll(props.dataSource);\r\n setFilterList(props.dataSource);\r\n } else {\r\n request();\r\n }\r\n }, [props.dataSource]);\r\n\r\n return <>\r\n <Drawer\r\n title={locale.title}\r\n maskClosable={false}\r\n placement=\"left\"\r\n width={1060}\r\n {...props.drawerProps}\r\n className={`${styles.aggregateMenuDrawer} ${isDark ? styles.aggregateMenuDark : ''}`}\r\n open={props.open}\r\n onClose={() => {\r\n props.onChangeOpen?.(false);\r\n }}\r\n >\r\n <div className={styles.aggregateMenuDrawerRow}>\r\n <div style={{ width: 240 }} className={styles.aggregateMenuDrawerMenu}>\r\n {/* 收藏 */}\r\n {collects.length ?\r\n <DndContext sensors={sensors}\r\n collisionDetection={closestCenter}\r\n onDragEnd={(event) => {\r\n const { active, over } = event;\r\n if (over && active.id !== over.id) {\r\n setCollects((items) => {\r\n const oldIndex = items.findIndex(oItem => `${oItem.id}-${oItem.appID}` == active.id);\r\n const newIndex = items.findIndex(nItem => `${nItem.id}-${nItem.appID}` == over.id);\r\n const collectList = arrayMove(items, oldIndex, newIndex);\r\n requestFavorite(collectList);\r\n return collectList;\r\n });\r\n }\r\n }}\r\n >\r\n <SortableContext items={collects.map(item => `${item.id}-${item.appID}`)} strategy={verticalListSortingStrategy}>\r\n {\r\n collects.map(item => (<DargItem\r\n key={`c${item.id}-${item.appID}`}\r\n value={item}\r\n onDel={async () => {\r\n const collectList = collects.filter(c => !(c.id === item.id && c.appID === item.appID))\r\n await requestFavorite(collectList);\r\n setCollects(collectList);\r\n }}\r\n onClick={(isOpen) => {\r\n onClickItem(item, isOpen)\r\n }}\r\n />))\r\n }\r\n </SortableContext>\r\n </DndContext>\r\n : <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={locale.notText} />\r\n }\r\n </div>\r\n <div style={{ width: 820 }}>\r\n {/* 过滤 */}\r\n <div className={styles.aggregateMenuDrawerAllInput}>\r\n <Input\r\n bordered={false}\r\n prefix={<SearchOutlined rev={undefined} />}\r\n placeholder={locale.searchPlaceholder}\r\n onChange={(event) => {\r\n const keyword = event.target.value;\r\n if (keyword) {\r\n const fList = all.map(f => {\r\n return {\r\n app: f.app,\r\n menu: f.menu.filter(fMenuItem => fMenuItem.name.indexOf(keyword) > -1),\r\n };\r\n }).filter(f => f.menu.length);\r\n setFilterList(fList);\r\n } else {\r\n setFilterList([...all]);\r\n }\r\n }}\r\n />\r\n </div>\r\n {/* 最近访问 */}\r\n {latelys.length ?\r\n <div className={styles.aggregateMenuLatelys}>\r\n <div className={styles.aggregateMenuDrawerAllMenuItemDir}>{locale.latelyTitle}</div>\r\n <div className={styles.aggregateMenuLatelysColumn}>\r\n {latelys.map(menuItem => (\r\n menuItemRender(menuItem)\r\n ))}\r\n </div>\r\n </div> : <></>\r\n }\r\n {/* all应用菜单 */}\r\n <div className={styles.aggregateMenuDrawerAllMenu} style={{ height: latelys.length ? \"calc(100% - 164px)\" : \"calc(100% - 52px)\" }}>\r\n <div className={styles.aggregateMenuDrawerAllMenuColumn}>\r\n {filterList.map(item => (\r\n <div key={item.app.code} className={styles.aggregateMenuDrawerAllMenuColumnItem}>\r\n <div className={styles.aggregateMenuDrawerAllAppTitle}>{item.app.name}</div>\r\n {item.menu.map(menuItem => (menuItem.kind === AppMenuKind.Menu ?\r\n menuItemRender(menuItem)\r\n : <div\r\n key={`${menuItem.appID}-${menuItem.id}`}\r\n className={styles.aggregateMenuDrawerAllMenuItemDir}\r\n >\r\n {menuItem.name}\r\n </div>\r\n ))}\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </Drawer>\r\n </>\r\n}\r\n"],"names":["CloseOutlined","DragOutlined","SearchOutlined","StarOutlined","useCallback","useEffect","useState","styles","Drawer","Empty","Input","Space","gql","mutation","paging","query","DndContext","closestCenter","KeyboardSensor","PointerSensor","useSensor","useSensors","arrayMove","SortableContext","useSortable","sortableKeyboardCoordinates","verticalListSortingStrategy","CSS","useLocale","useDark","listFormatTreeData","treeFormatList","OpenWin","AppMenuKind","instanceName","userMenuListQuery","userAppsQuery","userPreferenceQuery","userPreferenceMut","DargItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","all","setAll","filterList","setFilterList","collects","setCollects","latelys","setLately","locale","isDark","sensors","coordinateGetter","request","appsResult","preferenceResult","apps","newAll","i","menuResult","menu","menuFavorite","menuRecent","collectsList","latelyList","UCENTER","data","userApps","forEach","app","push","appCode","code","userMenus","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","key","parentId","orgUserPreference","menuItem","find","item","requestFavorite","list","input","map","requestRecent","ids","checkCollect","onClickItem","isOpen","allApp","oldIdx","allItem","findIndex","lately","splice","unshift","menuItemRender","aggregateMenuDrawerAllMenuItem","aggregateMenuDrawerAllMenuItemName","aggregateMenuDrawerAllMenuItemIcons","collectList","filter","c","dataSource","title","maskClosable","placement","width","drawerProps","aggregateMenuDrawer","aggregateMenuDark","open","onClose","onChangeOpen","aggregateMenuDrawerRow","aggregateMenuDrawerMenu","length","collisionDetection","onDragEnd","active","over","items","oldIndex","oItem","newIndex","nItem","strategy","image","PRESENTED_IMAGE_SIMPLE","description","notText","aggregateMenuDrawerAllInput","bordered","prefix","placeholder","searchPlaceholder","onChange","keyword","target","fList","f","fMenuItem","indexOf","aggregateMenuLatelys","aggregateMenuDrawerAllMenuItemDir","latelyTitle","aggregateMenuLatelysColumn","aggregateMenuDrawerAllMenu","height","aggregateMenuDrawerAllMenuColumn","aggregateMenuDrawerAllMenuColumnItem","aggregateMenuDrawerAllAppTitle","kind","Menu"],"mappings":";;;;;;;AAAA,SAASA,aAAa,EAAEC,YAAY,EAAEC,cAAc,EAAEC,YAAY,QAAQ,oBAAmB;AAC7F,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AACxD,OAAOC,YAAY,qBAAoB;AACvC,SAASC,MAAM,EAAeC,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,OAAO;AAChE,SAASC,GAAG,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,QAAQ,gCAAgC;AAC7E,SAASC,UAAU,EAAEC,aAAa,EAAEC,cAAc,EAAEC,aAAa,EAAEC,SAAS,EAAEC,UAAU,QAAS,gBAAgB;AACjH,SAASC,SAAS,EAAEC,eAAe,EAAEC,WAAW,EAAEC,2BAA2B,EAAEC,2BAA2B,QAAQ,oBAAoB;AACtI,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,SAAS,QAAQ,kBAAY;AACtC,SAASC,OAAO,QAAQ,oBAAc;AACtC,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,iBAAW;AAC9D,SAASC,OAAO,QAAQ,iBAAW;AACnC,SAAuBC,WAAW,QAAgS,2CAA2C;AAC7W,SAASC,YAAY,QAAQ,mBAAmB;AAEhD,IAAMC,oBAAoBvB,IAAkB;AAM5C,IAAMwB,gBAAgBxB,IAAkB;AAMxC,IAAMyB,sBAAsBzB,IAAkB;AAM9C,IAAM0B,oBAAoB1B,IAAkB;AAuC5C;;;;;CAKC,GACD,IAAM2B,WAAW,SAACC,OAIZ;IACJ,IAAMC,KAAK,AAAC,GAAoBD,OAAlBA,MAAME,KAAK,CAACD,EAAE,EAAC,KAAqB,OAAlBD,MAAME,KAAK,CAACC,KAAK;IACjD,IAAqEnB,eAAAA,YAAY;QAAEiB,IAAAA;IAAG,IAA9EG,aAA6DpB,aAA7DoB,YAAYC,YAAiDrB,aAAjDqB,WAAWC,aAAsCtB,aAAtCsB,YAAYC,YAA0BvB,aAA1BuB,WAAWC,aAAexB,aAAfwB;IACtD,IAAMC,QAAQ;QACZF,WAAWpB,IAAIuB,SAAS,CAACC,QAAQ,CAACJ;QAClCC,YAAAA;IACF;IAEA,qBAAO,MAACI;QACNC,KAAKT;QACLK,OAAOA;OACHH;QACJQ,WAAW/C,OAAOgD,2BAA2B;QAC7CC,SAAS,WAAM;YACbhB,MAAMgB,OAAO;QACf;;0BAEA,KAACJ;gBAAIE,WAAW/C,OAAOkD,+BAA+B;0BAAGjB,MAAME,KAAK,CAACgB,IAAI;;0BACzE,KAACN;gBAAIE,WAAW/C,OAAOoD,gCAAgC;0BACrD,cAAA,MAAChD;;sCACC,KAACqB;4BAAQsB,WAAU;4BAAUE,SAAS,SAACI,OAAU;gCAC/CA,MAAMC,eAAe;gCACrBrB,MAAMgB,OAAO,CAAC,IAAI;4BACpB;;sCACA,KAACxD;4BAAc8D,KAAKC;4BAAWP,SAAS,SAACI,OAAU;gCACjDA,MAAMC,eAAe;gCACrBrB,MAAMwB,KAAK;4BACb;;sCACA,KAAC/D;4BAAa6D,KAAKC;2BAAgBlB;4BAAWS,WAAU;;;;;;;AAIhE;AAEA,eAAe,SAACd,OAA8B;IAC5C,IAAsBlC,6BAAAA,SAAkC,EAAE,OAAnD2D,MAAe3D,cAAV4D,SAAU5D,cACUA,8BAAAA,SAAkC,EAAE,OAAjE6D,aAA6B7D,eAAjB8D,gBAAiB9D,eACJA,8BAAAA,SAAoB,EAAE,OAA/C+D,WAAyB/D,eAAfgE,cAAehE,eACHA,8BAAAA,SAAoB,EAAE,OAA5CiE,UAAsBjE,eAAbkE,YAAalE,eACvBmE,SAAS7C,UAAU,kBACnB8C,SAAS7C,WACT8C,UAAUtD,WACRD,UAAUD,gBACVC,UAAUF,gBAAgB;QACxB0D,kBAAkBnD;IACpB;IAGJ,IACEoD,UAAUzE,0BAAY,oBAAA,WAAY;YAI5B0E,kBA2BAC,kEA9BED,YAEFE,MAMEC,yBACGC,GAIHC,kBAHEA,YAIEC,MAaJL,kBAIEM,cACJC,YACAC,cACAC;;;;oBAlCe;;wBAAM1E,OAAsEsB,eAAe,CAAC,GAAG,GAAG;4BACnHF,cAAcA,aAAauD,OAAO;wBACpC;;;oBAFMX,aAAa,eAEfE;oBACJ,IAAIF,CAAAA,mBAAAA,WAAWY,IAAI,cAAfZ,8BAAAA,KAAAA,IAAAA,iBAAiBa,QAAQ,EAC3Bb,WAAWY,IAAI,CAACC,QAAQ,CAACC,OAAO,CAACC,SAAAA,KAAO;wBACtCb,KAAKc,IAAI,CAACD;oBACZ;oBAEIZ;;iCACQD;;;;;;;;oBAALE;oBACY;;wBAAMnE,MAAuEoB,mBAAmB;4BACjH4D,SAASf,IAAI,CAACE,EAAE,CAACc,IAAI;wBACvB,GAAG;4BAAE9D,cAAcA,aAAauD,OAAO;wBAAC;;;oBAFlCN,aAAa;oBAGnB,IAAIA,CAAAA,mBAAAA,WAAWO,IAAI,cAAfP,8BAAAA,KAAAA,IAAAA,iBAAiBc,SAAS,EAAE;wBACxBb,OAAOD,WAAWO,IAAI,CAACO,SAAS,CAACC,IAAI,CAAC,SAACC,IAAIC,IAAO;4BACtD,IAAMC,SAASF,GAAGG,WAAW,IAAI,GAAGC,SAASH,GAAGE,WAAW,IAAI;4BAC/D,OAAOH,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,KAAKL,GAAGK,QAAQ,GAAGJ,GAAGI,QAAQ,GAAG,IAAIH,SAASE,SAAS,KAAKF,SAASE,SAAS,IAAI,CAAC;wBACxH;wBACAtB,OAAOa,IAAI,CAAC;4BACVD,KAAKb,IAAI,CAACE,EAAE;4BACZE,MAAMrD,eAAeD,mBAAmBsD,MAAMrB,WAAW;gCAAE0C,KAAK;gCAAMC,UAAU;4BAAW;wBAC7F;oBACF,CAAC;;;;;;;;;oBAEHxC,OAAOe;oBACPb,cAAca;oBAEW;;wBAAMlE,MAA2EsB,qBAAqB,CAAC,GAAG;4BACjIH,cAAcA,aAAauD,OAAO;wBACpC;;;oBAFMV,mBAAmB;oBAGzB,IAAIA,CAAAA,yBAAAA,iBAAiBW,IAAI,cAArBX,oCAAAA,KAAAA,IAAAA,4CAAAA,uBAAuB4B,qFAAvB5B,KAAAA,6CAA0CtC,EAAF,EAAM;wBAC1C4C,eAAeN,iBAAiBW,IAAI,CAACiB,iBAAiB,CAACtB,YAAY,EACvEC,aAAaP,iBAAiBW,IAAI,CAACiB,iBAAiB,CAACrB,UAAU,EAC/DC,mBACAC;wBACF,IAAIH,cACFA,aAAaO,OAAO,CAACnD,SAAAA,IAAM;4BACzB,IAAK,IAAIyC,KAAKD,OAAQ;gCACpB,IAAM2B,WAAW3B,MAAM,CAACC,EAAE,CAACE,IAAI,CAACyB,IAAI,CAACC,SAAAA;2CAAQA,KAAKrE,EAAE,IAAIA;;gCACxD,IAAImE,UAAU;oCACZrB,aAAaO,IAAI,CAACc;oCAClB,KAAM;gCACR,CAAC;4BACH;wBAEF;wBAEF,IAAItB,YACFA,WAAWM,OAAO,CAACnD,SAAAA,IAAM;4BACvB,IAAK,IAAIyC,KAAKD,OAAQ;gCACpB,IAAM2B,WAAW3B,MAAM,CAACC,EAAE,CAACE,IAAI,CAACyB,IAAI,CAACC,SAAAA;2CAAQA,KAAKrE,EAAE,IAAIA;;gCACxD,IAAImE,UAAU;oCACZpB,WAAWM,IAAI,CAACc;oCAChB,KAAM;gCACR,CAAC;4BACH;wBAEF;wBAEFtC,YAAYiB;wBACZf,UAAUgB;oBACZ,CAAC;;;;;;IACH,IAAG,EAAE,GACLuB;mBAAkB,oBAAA,SAAOC,MAAoB;;;;wBAC3C,SAAS;wBACT;;4BAAMnG,SAA4FyB,mBAAmB;gCACnH2E,OAAO;oCACL5B,cAAc2B,KAAKE,GAAG,CAACJ,SAAAA;+CAAQA,KAAKrE,EAAE;;gCACxC;4BACF,GAAG;gCACDP,cAAcA,aAAauD,OAAO;4BACpC;;;wBANA;;;;;;QAOF;wBATAsB,gBAAyBC;;;SAUzBG;mBAAgB,oBAAA,SAAOC,KAAkB;;;;wBACvC,aAAa;wBACb;;4BAAMvG,SAA4FyB,mBAAmB;gCACnH2E,OAAO;oCACL3B,YAAY8B;gCACd;4BACF,GAAG;gCACDlF,cAAcA,aAAauD,OAAO;4BACpC;;;wBANA;;;;;;QAOF;wBATA0B,cAAuBC;;;SAUvBC,eAAejH,YAAY,SAACwG,UAAsB;QAChD,OAAO,CAAC,CAACvC,SAASwC,IAAI,CAACC,SAAAA;mBAAQA,KAAKrE,EAAE,KAAKmE,SAASnE,EAAE,IAAIqE,KAAKnE,KAAK,KAAKiE,SAASjE,KAAK;;IACzF,GAAG;QAAC0B;KAAS,GACbiD;mBAAc,oBAAA,SAAOV,UAAmBW,QAAqB;gBACrDC,QAWJhF,gBATMgD,YACAiC;;;;wBAHFD,SAASvD,IAAI4C,IAAI,CAACa,SAAAA;mCAAWA,QAAQ7B,GAAG,CAACpD,EAAE,IAAImE,SAASjE,KAAK;;6BAC/D6E,QAAAA;;;;wBACIhC,aAAc,qBAAGjB;wBACjBkD,SAASjC,WAAWmC,SAAS,CAACC,SAAAA;mCAAUA,OAAOnF,EAAE,IAAImE,SAASnE,EAAE;;wBACtE,IAAIgF,SAAS,IACXjC,WAAWqC,MAAM,CAACJ,QAAQ;wBAE5BjC,WAAWsC,OAAO,CAAClB;wBACnBpB,WAAWqC,MAAM,CAAC;wBAClB;;4BAAMV,cAAc3B,WAAW0B,GAAG,CAACJ,SAAAA;uCAAQA,KAAKrE,EAAE;;;;wBAAlD;wBACA+B,UAAUgB;wBACVhD,CAAAA,iBAAAA,MAAMgB,OAAO,cAAbhB,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBoE,UAAUY,OAAO3B,GAAG,EAAE0B;;;;;;;;QAE1C;wBAdAD,YAAqBV,UAAmBW;;;SAexCQ,iBAAiB,SAACnB,UAAsB;QACtC,qBAAO,MAACxD;YAENE,WAAW/C,OAAOyH,8BAA8B;YAChDxE,SAAS,WAAM;gBACb8D,YAAYV;YACd;;8BAEA,MAACxD;oBAAIE,WAAW/C,OAAO0H,kCAAkC;;wBAAE;wBAAErB,SAASlD,IAAI;;;8BAC1E,KAACN;oBAAIE,WAAW/C,OAAO2H,mCAAmC;8BACxD,cAAA,MAACvH;;0CACC,KAACqB;gCAAQsB,WAAU;gCAAUE,SAAS,SAACI,OAAU;oCAC/CA,MAAMC,eAAe;oCACrByD,YAAYV,UAAU,IAAI;gCAC5B;;0CACA,KAACzG;gCAAa2D,KAAKC;gCAAWT,WAAW+D,aAAaT,YAAY,YAAY,EAAE;gCAAEpD,OAAO;+CAAE,oBAAA,SAAOI,OAAU;4CAEtGuE;;;;oDADJvE,MAAMC,eAAe;oDACjBsE;oDACJ,IAAId,aAAaT,WACfuB,cAAc9D,SAAS+D,MAAM,CAACC,SAAAA;+DAAK,CAAEA,CAAAA,EAAE5F,EAAE,KAAKmE,SAASnE,EAAE,IAAI4F,EAAE1F,KAAK,KAAKiE,SAASjE,KAAK,AAAD;;yDAEtFwF,cAAc,AAAC,qBAAG9D,iBAAJ;wDAAcuC;qDAAS;oDAEvC;;wDAAMG,gBAAgBoB;;;oDAAtB;oDACA7D,YAAY6D;;;;;;oCACd;oDAVkGvE;;;;;;;;;WAbjG,AAAC,GAAiBgD,OAAfA,SAASnE,EAAE,EAAC,KAAkB,OAAfmE,SAASjE,KAAK;IA2BzC;IAEFtC,UAAU,WAAM;QACd,IAAImC,MAAM8F,UAAU,EAAE;YACpBpE,OAAO1B,MAAM8F,UAAU;YACvBlE,cAAc5B,MAAM8F,UAAU;QAChC,OACEzD;IAEJ,GAAG;QAACrC,MAAM8F,UAAU;KAAC;IAErB,qBAAO;kBACL,cAAA,KAAC9H;YACC+H,OAAO9D,OAAO8D,KAAK;YACnBC,cAAc,KAAK;YACnBC,WAAU;YACVC,OAAO;WACHlG,MAAMmG,WAAW;YACrBrF,WAAW,AAAC,GAAgCoB,OAA9BnE,OAAOqI,mBAAmB,EAAC,KAA0C,OAAvClE,SAASnE,OAAOsI,iBAAiB,GAAG,EAAE;YAClFC,MAAMtG,MAAMsG,IAAI;YAChBC,SAAS,WAAM;oBACbvG;gBAAAA,CAAAA,sBAAAA,MAAMwG,YAAY,cAAlBxG,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA,OAAqB,KAAK;YAC5B;sBAEA,cAAA,MAACY;gBAAIE,WAAW/C,OAAO0I,sBAAsB;;kCAC3C,KAAC7F;wBAAIH,OAAO;4BAAEyF,OAAO;wBAAI;wBAAGpF,WAAW/C,OAAO2I,uBAAuB;kCAElE7E,SAAS8E,MAAM,iBACd,KAACnI;4BAAW2D,SAASA;4BACnByE,oBAAoBnI;4BACpBoI,WAAW,SAACzF,OAAU;gCACpB,IAAQ0F,SAAiB1F,MAAjB0F,QAAQC,OAAS3F,MAAT2F;gCAChB,IAAIA,QAAQD,OAAO7G,EAAE,KAAK8G,KAAK9G,EAAE,EAC/B6B,YAAY,SAACkF,OAAU;oCACrB,IAAMC,WAAWD,MAAM7B,SAAS,CAAC+B,SAAAA;+CAAS,AAAC,GAAcA,OAAZA,MAAMjH,EAAE,EAAC,KAAe,OAAZiH,MAAM/G,KAAK,KAAM2G,OAAO7G,EAAE;;oCACnF,IAAMkH,WAAWH,MAAM7B,SAAS,CAACiC,SAAAA;+CAAS,AAAC,GAAcA,OAAZA,MAAMnH,EAAE,EAAC,KAAe,OAAZmH,MAAMjH,KAAK,KAAM4G,KAAK9G,EAAE;;oCACjF,IAAM0F,cAAc7G,UAAUkI,OAAOC,UAAUE;oCAC/C5C,gBAAgBoB;oCAChB,OAAOA;gCACT;4BAEJ;sCAEA,cAAA,KAAC5G;gCAAgBiI,OAAOnF,SAAS6C,GAAG,CAACJ,SAAAA;2CAAQ,AAAC,GAAaA,OAAXA,KAAKrE,EAAE,EAAC,KAAc,OAAXqE,KAAKnE,KAAK;;gCAAKkH,UAAUnI;0CAEhF2C,SAAS6C,GAAG,CAACJ,SAAAA;yDAAS,KAACvE;wCAErBG,OAAOoE;wCACP9C,qBAAO,oBAAA,WAAY;gDACXmE;;;;wDAAAA,cAAc9D,SAAS+D,MAAM,CAACC,SAAAA;mEAAK,CAAEA,CAAAA,EAAE5F,EAAE,KAAKqE,KAAKrE,EAAE,IAAI4F,EAAE1F,KAAK,KAAKmE,KAAKnE,KAAK,AAAD;;wDACpF;;4DAAMoE,gBAAgBoB;;;wDAAtB;wDACA7D,YAAY6D;;;;;;wCACd;wCACA3E,SAAS,SAAC+D,QAAW;4CACnBD,YAAYR,MAAMS;wCACpB;uCATK,AAAC,IAAcT,OAAXA,KAAKrE,EAAE,EAAC,KAAc,OAAXqE,KAAKnE,KAAK;;;2CAcpC,KAAClC;4BAAMqJ,OAAOrJ,MAAMsJ,sBAAsB;4BAAEC,aAAavF,OAAOwF,OAAO;0BAAI;;kCAGjF,MAAC7G;wBAAIH,OAAO;4BAAEyF,OAAO;wBAAI;;0CAEvB,KAACtF;gCAAIE,WAAW/C,OAAO2J,2BAA2B;0CAChD,cAAA,KAACxJ;oCACCyJ,UAAU,KAAK;oCACfC,sBAAQ,KAAClK;wCAAe4D,KAAKC;;oCAC7BsG,aAAa5F,OAAO6F,iBAAiB;oCACrCC,UAAU,SAAC3G,OAAU;wCACnB,IAAM4G,UAAU5G,MAAM6G,MAAM,CAAC/H,KAAK;wCAClC,IAAI8H,SAAS;4CACX,IAAME,QAAQzG,IAAIiD,GAAG,CAACyD,SAAAA,GAAK;gDACzB,OAAO;oDACL9E,KAAK8E,EAAE9E,GAAG;oDACVT,MAAMuF,EAAEvF,IAAI,CAACgD,MAAM,CAACwC,SAAAA;+DAAaA,UAAUlH,IAAI,CAACmH,OAAO,CAACL,WAAW;;gDACrE;4CACF,GAAGpC,MAAM,CAACuC,SAAAA;uDAAKA,EAAEvF,IAAI,CAAC+D,MAAM;;4CAC5B/E,cAAcsG;wCAChB,OACEtG,cAAe,qBAAGH;oCAEtB;;;4BAIHM,QAAQ4E,MAAM,iBACb,MAAC/F;gCAAIE,WAAW/C,OAAOuK,oBAAoB;;kDACzC,KAAC1H;wCAAIE,WAAW/C,OAAOwK,iCAAiC;kDAAGtG,OAAOuG,WAAW;;kDAC7E,KAAC5H;wCAAIE,WAAW/C,OAAO0K,0BAA0B;kDAC9C1G,QAAQ2C,GAAG,CAACN,SAAAA;mDACXmB,eAAenB;;;;+CAGZ,mBAAK;0CAGhB,KAACxD;gCAAIE,WAAW/C,OAAO2K,0BAA0B;gCAAEjI,OAAO;oCAAEkI,QAAQ5G,QAAQ4E,MAAM,GAAG,uBAAuB,mBAAmB;gCAAC;0CAC9H,cAAA,KAAC/F;oCAAIE,WAAW/C,OAAO6K,gCAAgC;8CACpDjH,WAAW+C,GAAG,CAACJ,SAAAA;6DACd,MAAC1D;4CAAwBE,WAAW/C,OAAO8K,oCAAoC;;8DAC7E,KAACjI;oDAAIE,WAAW/C,OAAO+K,8BAA8B;8DAAGxE,KAAKjB,GAAG,CAACnC,IAAI;;gDACpEoD,KAAK1B,IAAI,CAAC8B,GAAG,CAACN,SAAAA;2DAAaA,SAAS2E,IAAI,KAAKtJ,YAAYuJ,IAAI,GAC5DzD,eAAenB,0BACb,KAACxD;wDAEDE,WAAW/C,OAAOwK,iCAAiC;kEAElDnE,SAASlD,IAAI;uDAHT,AAAC,GAAoBkD,OAAlBA,SAASjE,KAAK,EAAC,KAAe,OAAZiE,SAASnE,EAAE,EAIjC;;;2CATAqE,KAAKjB,GAAG,CAACG,IAAI;;;;;;;;;;AAmBvC,EAAC"}
|