From e08e65995f6ea78f21fe83af6e4181e0eaf4d650 Mon Sep 17 00:00:00 2001
From: ccongli <1441652193@qq.com>
Date: Wed, 11 Oct 2023 10:07:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=A1=B9=E7=9B=AE=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3=E5=88=9D=E5=A7=8B=E5=8C=96-2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 yunxi-ui-admin-vben/.editorconfig             |   19 +
 yunxi-ui-admin-vben/.env                      |   17 +
 yunxi-ui-admin-vben/.env.front                |   28 +
 yunxi-ui-admin-vben/.env.production           |   30 +
 yunxi-ui-admin-vben/.env.static               |   30 +
 yunxi-ui-admin-vben/.env.test                 |   30 +
 yunxi-ui-admin-vben/.eslintignore             |   13 +
 yunxi-ui-admin-vben/.eslintrc.js              |   10 +
 yunxi-ui-admin-vben/.gitattributes            |   11 +
 yunxi-ui-admin-vben/.gitignore                |   39 +
 yunxi-ui-admin-vben/.gitpod.yml               |    6 +
 yunxi-ui-admin-vben/.hintrc                   |   16 +
 yunxi-ui-admin-vben/.prettierignore           |    9 +
 yunxi-ui-admin-vben/.stylelintignore          |    3 +
 yunxi-ui-admin-vben/LICENSE                   |   21 +
 yunxi-ui-admin-vben/README.md                 |  132 +
 yunxi-ui-admin-vben/commitlint.config.js      |   91 +
 yunxi-ui-admin-vben/index.html                |  161 +
 yunxi-ui-admin-vben/npm                       |    0
 yunxi-ui-admin-vben/package.json              |  169 +
 yunxi-ui-admin-vben/pnpm-lock.yaml            | 9973 +++++++++++++++++
 yunxi-ui-admin-vben/public/favicon.ico        |  Bin 0 -> 4286 bytes
 .../public/resource/img/logo.png              |  Bin 0 -> 9360 bytes
 .../public/resource/img/pwa-192x192.png       |  Bin 0 -> 13208 bytes
 .../public/resource/img/pwa-512x512.png       |  Bin 0 -> 59425 bytes
 .../public/resource/img/wx.png                |  Bin 0 -> 177785 bytes
 .../public/resource/img/wx2.png               |  Bin 0 -> 138181 bytes
 .../public/resource/tinymce/langs/en.js       |  419 +
 .../public/resource/tinymce/langs/zh_CN.js    |  389 +
 .../ui/oxide-dark/content.inline.min.css      |    7 +
 .../skins/ui/oxide-dark/content.min.css       |    7 +
 .../ui/oxide-dark/content.mobile.min.css      |    7 +
 .../tinymce/skins/ui/oxide-dark/skin.min.css  |    7 +
 .../skins/ui/oxide-dark/skin.mobile.min.css   |    7 +
 .../ui/oxide-dark/skin.shadowdom.min.css      |    7 +
 .../skins/ui/oxide/content.inline.min.css     |    7 +
 .../tinymce/skins/ui/oxide/content.min.css    |    7 +
 .../skins/ui/oxide/content.mobile.min.css     |    7 +
 .../skins/ui/oxide/fonts/tinymce-mobile.woff  |  Bin 0 -> 4624 bytes
 .../tinymce/skins/ui/oxide/skin.min.css       |    7 +
 .../skins/ui/oxide/skin.mobile.min.css        |    7 +
 .../skins/ui/oxide/skin.shadowdom.min.css     |    7 +
 yunxi-ui-admin-vben/src/App.vue               |   31 +
 yunxi-ui-admin-vben/src/api/base/login.ts     |   91 +
 .../src/api/base/model/loginModel.ts          |    9 +
 .../src/api/base/model/menuModel.ts           |   12 +
 .../src/api/base/model/uploadModel.ts         |    5 +
 .../src/api/base/model/userModel.ts           |   45 +
 yunxi-ui-admin-vben/src/api/base/profile.ts   |  128 +
 yunxi-ui-admin-vben/src/api/base/upload.ts    |   20 +
 yunxi-ui-admin-vben/src/api/base/user.ts      |   36 +
 .../src/api/bpm/activity/index.ts             |    5 +
 .../src/api/bpm/definition/index.ts           |   13 +
 yunxi-ui-admin-vben/src/api/bpm/form/index.ts |   41 +
 .../src/api/bpm/leave/index.ts                |   27 +
 .../src/api/bpm/model/index.ts                |   62 +
 .../src/api/bpm/processInstance/index.ts      |   21 +
 yunxi-ui-admin-vben/src/api/bpm/task/index.ts |   39 +
 .../src/api/bpm/taskAssignRule/index.ts       |   23 +
 .../src/api/bpm/userGroup/index.ts            |   41 +
 .../src/api/infra/apiAccessLog/index.ts       |   50 +
 .../src/api/infra/apiErrorLog/index.ts        |   69 +
 .../src/api/infra/codegen/index.ts            |   57 +
 .../src/api/infra/codegen/types.ts            |   61 +
 .../src/api/infra/config/index.ts             |   62 +
 .../src/api/infra/dataSourceConfig/index.ts   |   35 +
 .../src/api/infra/dbDoc/index.ts              |   16 +
 .../src/api/infra/file/index.ts               |   28 +
 .../src/api/infra/fileConfig/index.ts         |   66 +
 .../src/api/infra/job/index.ts                |   71 +
 .../src/api/infra/jobLog/index.ts             |   46 +
 .../src/api/infra/redis/index.ts              |    8 +
 .../src/api/infra/redis/types.ts              |  185 +
 .../src/api/member/address/index.ts           |   15 +
 .../src/api/member/group/index.ts             |   38 +
 .../src/api/member/level/index.ts             |   42 +
 .../src/api/member/point/config/index.ts      |   19 +
 .../src/api/member/point/record/index.ts      |   21 +
 .../src/api/member/signin/config/index.ts     |   33 +
 .../src/api/member/signin/record/index.ts     |   13 +
 .../src/api/member/tag/index.ts               |   36 +
 .../src/api/member/user/index.ts              |   39 +
 .../src/api/mp/account/index.ts               |   46 +
 .../src/api/mp/autoReply/index.ts             |   26 +
 yunxi-ui-admin-vben/src/api/mp/draft/index.ts |   26 +
 .../src/api/mp/freePublish/index.ts           |   16 +
 .../src/api/mp/material/index.ts              |   11 +
 yunxi-ui-admin-vben/src/api/mp/menu/index.ts  |   22 +
 .../src/api/mp/message/index.ts               |   11 +
 .../src/api/mp/mpuser/index.ts                |   21 +
 .../src/api/mp/statistics/index.ts            |   21 +
 yunxi-ui-admin-vben/src/api/mp/tag/index.ts   |   36 +
 yunxi-ui-admin-vben/src/api/pay/app/index.ts  |   63 +
 .../src/api/pay/channel/index.ts              |   69 +
 yunxi-ui-admin-vben/src/api/pay/demo/index.ts |   21 +
 .../src/api/pay/notify/index.ts               |   11 +
 .../src/api/pay/order/index.ts                |  104 +
 .../src/api/pay/refund/index.ts               |  116 +
 .../src/api/system/area/index.ts              |   11 +
 .../src/api/system/dept/index.ts              |   48 +
 .../src/api/system/dict/data.ts               |   36 +
 .../src/api/system/dict/type.ts               |   36 +
 .../src/api/system/dict/types.ts              |   46 +
 .../src/api/system/enterprise/index.ts        |   37 +
 .../src/api/system/errorCode/index.ts         |   49 +
 .../src/api/system/loginLog/index.ts          |   30 +
 .../src/api/system/mail/account.ts            |   31 +
 .../src/api/system/mail/log.ts                |   11 +
 .../src/api/system/mail/template.ts           |   54 +
 .../src/api/system/menu/index.ts              |   52 +
 .../src/api/system/notice/index.ts            |   42 +
 .../src/api/system/notify/message.ts          |   32 +
 .../src/api/system/notify/template.ts         |   63 +
 .../src/api/system/oauth2/client.ts           |   51 +
 .../src/api/system/oauth2/token.ts            |   28 +
 .../src/api/system/operatelog/index.ts        |   41 +
 .../src/api/system/permission/index.ts        |   42 +
 .../src/api/system/post/index.ts              |   58 +
 .../src/api/system/role/index.ts              |   70 +
 .../src/api/system/sensitiveWord/index.ts     |   64 +
 .../src/api/system/sms/smsChannel/index.ts    |   50 +
 .../src/api/system/sms/smsLog/index.ts        |   57 +
 .../src/api/system/sms/smsTemplate/index.ts   |   94 +
 .../src/api/system/tenant/index.ts            |   62 +
 .../src/api/system/tenantPackage/index.ts     |   49 +
 .../src/api/system/user/index.ts              |   91 +
 .../src/api/xxjj/businessWarehouse/index.ts   |   47 +
 .../src/api/xxjj/customer/index.ts            |   31 +
 .../src/api/xxjj/enterprise/index.ts          |   31 +
 .../src/api/xxjj/subjectBasic/index.ts        |   31 +
 .../api/xxjj/subjectFollowManagement/index.ts |   31 +
 .../src/assets/icons/download-count.svg       |    1 +
 .../src/assets/icons/dynamic-avatar-1.svg     |    1 +
 .../src/assets/icons/dynamic-avatar-2.svg     |    1 +
 .../src/assets/icons/dynamic-avatar-3.svg     |    1 +
 .../src/assets/icons/dynamic-avatar-4.svg     |    1 +
 .../src/assets/icons/dynamic-avatar-5.svg     |    1 +
 .../src/assets/icons/dynamic-avatar-6.svg     |    1 +
 yunxi-ui-admin-vben/src/assets/icons/moon.svg |   16 +
 yunxi-ui-admin-vben/src/assets/icons/sun.svg  |   42 +
 yunxi-ui-admin-vben/src/assets/icons/test.svg |   21 +
 .../src/assets/icons/total-sales.svg          |    1 +
 .../src/assets/icons/transaction.svg          |    1 +
 .../src/assets/icons/visit-count.svg          |    1 +
 .../src/assets/images/demo.png                |  Bin 0 -> 33342 bytes
 .../src/assets/images/header.jpg              |  Bin 0 -> 16880 bytes
 .../src/assets/images/logo.png                |  Bin 0 -> 29168 bytes
 .../src/assets/images/pay/icon/alipay_app.svg |    1 +
 .../src/assets/images/pay/icon/alipay_bar.svg |    2 +
 .../src/assets/images/pay/icon/alipay_pc.svg  |    1 +
 .../src/assets/images/pay/icon/alipay_qr.svg  |    2 +
 .../src/assets/images/pay/icon/alipay_wap.svg |    1 +
 .../src/assets/images/pay/icon/mock.svg       |    1 +
 .../src/assets/images/pay/icon/wx_app.svg     |    2 +
 .../src/assets/images/pay/icon/wx_lite.svg    |    1 +
 .../src/assets/images/pay/icon/wx_pub.svg     |    2 +
 .../src/assets/images/test/w100h100.png       |  Bin 0 -> 22985 bytes
 .../src/assets/svg/illustration.svg           |    1 +
 .../src/assets/svg/login-bg-dark.svg          |   19 +
 .../src/assets/svg/login-bg.svg               |   17 +
 .../src/assets/svg/login-box-bg.svg           |    1 +
 .../src/assets/svg/net-error.svg              |    1 +
 .../src/assets/svg/no-data.svg                |    1 +
 .../src/assets/svg/preview/p-rotate.svg       |    1 +
 .../src/assets/svg/preview/resume.svg         |    1 +
 .../src/assets/svg/preview/scale.svg          |    1 +
 .../src/assets/svg/preview/unrotate.svg       |    1 +
 .../src/assets/svg/preview/unscale.svg        |    1 +
 .../src/components/Application/index.ts       |   16 +
 .../Application/src/AppDarkModeToggle.vue     |   80 +
 .../Application/src/AppLocalePicker.vue       |   73 +
 .../components/Application/src/AppLogo.vue    |   75 +
 .../Application/src/AppProvider.vue           |   78 +
 .../Application/src/AppSizePicker.vue         |   69 +
 .../Application/src/search/AppSearch.vue      |   33 +
 .../src/search/AppSearchFooter.vue            |   48 +
 .../src/search/AppSearchKeyItem.vue           |   13 +
 .../Application/src/search/AppSearchModal.vue |  257 +
 .../Application/src/search/useMenuSearch.ts   |  167 +
 .../Application/src/useAppContext.ts          |   17 +
 .../src/components/Authority/index.ts         |    4 +
 .../components/Authority/src/Authority.vue    |   44 +
 .../src/components/Basic/index.ts             |    8 +
 .../src/components/Basic/src/BasicArrow.vue   |   82 +
 .../src/components/Basic/src/BasicHelp.vue    |   96 +
 .../src/components/Basic/src/BasicTitle.vue   |   75 +
 .../src/components/Button/index.ts            |    9 +
 .../src/components/Button/src/BasicButton.vue |   35 +
 .../Button/src/PopConfirmButton.vue           |   55 +
 .../src/components/Button/src/props.ts        |   26 +
 .../src/components/CardList/index.ts          |    4 +
 .../src/components/CardList/src/CardList.vue  |  175 +
 .../src/components/CardList/src/data.ts       |   26 +
 .../src/components/CodeEditor/index.ts        |    8 +
 .../components/CodeEditor/src/CodeEditor.vue  |   51 +
 .../CodeEditor/src/codemirror/CodeMirror.vue  |  111 +
 .../CodeEditor/src/codemirror/codeMirror.ts   |   23 +
 .../CodeEditor/src/codemirror/codemirror.css  |  529 +
 .../src/json-preview/JsonPreview.vue          |   12 +
 .../src/components/CodeEditor/src/typing.ts   |    5 +
 .../src/components/Container/index.ts         |   10 +
 .../Container/src/LazyContainer.vue           |  131 +
 .../Container/src/ScrollContainer.vue         |   94 +
 .../src/collapse/CollapseContainer.vue        |  120 +
 .../Container/src/collapse/CollapseHeader.vue |   42 +
 .../src/components/Container/src/typing.ts    |   17 +
 .../src/components/ContextMenu/index.ts       |    3 +
 .../ContextMenu/src/ContextMenu.vue           |  209 +
 .../ContextMenu/src/createContextMenu.ts      |   74 +
 .../src/components/ContextMenu/src/typing.ts  |   36 +
 .../src/components/CountDown/index.ts         |    6 +
 .../components/CountDown/src/CountButton.vue  |   57 +
 .../CountDown/src/CountdownInput.vue          |   47 +
 .../components/CountDown/src/useCountdown.ts  |   52 +
 .../src/components/CountTo/index.ts           |    4 +
 .../src/components/CountTo/src/CountTo.vue    |  106 +
 .../src/components/CronTab/index.ts           |    4 +
 .../components/CronTab/src/CronTabInner.vue   |  360 +
 .../components/CronTab/src/CronTabInput.vue   |   56 +
 .../components/CronTab/src/CronTabModal.vue   |   18 +
 .../src/components/CronTab/src/cron.data.ts   |   10 +
 .../src/components/CronTab/src/tabs/DayUI.vue |  101 +
 .../components/CronTab/src/tabs/HourUI.vue    |   69 +
 .../components/CronTab/src/tabs/MinuteUI.vue  |   69 +
 .../components/CronTab/src/tabs/MonthUI.vue   |   69 +
 .../components/CronTab/src/tabs/SecondUI.vue  |   69 +
 .../components/CronTab/src/tabs/WeekUI.vue    |  135 +
 .../components/CronTab/src/tabs/YearUI.vue    |   55 +
 .../CronTab/src/tabs/useTabMixin.ts           |  204 +
 .../src/components/CronTab/src/validator.ts   |   48 +
 .../src/components/Cropper/index.ts           |    7 +
 .../components/Cropper/src/CopperModal.vue    |  247 +
 .../src/components/Cropper/src/Cropper.vue    |  176 +
 .../components/Cropper/src/CropperAvatar.vue  |  118 +
 .../src/components/Cropper/src/typing.ts      |    8 +
 .../src/components/Description/index.ts       |    6 +
 .../Description/src/Description.vue           |  181 +
 .../src/components/Description/src/typing.ts  |   47 +
 .../Description/src/useDescription.ts         |   28 +
 .../src/components/DictTag/index.ts           |    4 +
 .../src/components/DictTag/src/DictTag.vue    |   72 +
 .../src/components/Drawer/index.ts            |    6 +
 .../src/components/Drawer/src/BasicDrawer.vue |  220 +
 .../Drawer/src/components/DrawerFooter.vue    |   59 +
 .../Drawer/src/components/DrawerHeader.vue    |   38 +
 .../src/components/Drawer/src/props.ts        |   43 +
 .../src/components/Drawer/src/typing.ts       |  194 +
 .../src/components/Drawer/src/useDrawer.ts    |  147 +
 .../src/components/Dropdown/index.ts          |    5 +
 .../src/components/Dropdown/src/Dropdown.vue  |   87 +
 .../src/components/Dropdown/src/typing.ts     |    9 +
 .../src/components/Excel/index.ts             |    8 +
 .../src/components/Excel/src/Export2Excel.ts  |   75 +
 .../components/Excel/src/ExportExcelModal.vue |   67 +
 .../src/components/Excel/src/ImportExcel.vue  |  219 +
 .../src/components/Excel/src/typing.ts        |   27 +
 .../src/components/Form/index.ts              |   17 +
 .../src/components/Form/src/BasicForm.vue     |  322 +
 .../src/components/Form/src/componentMap.ts   |   87 +
 .../Form/src/components/ApiCascader.vue       |  190 +
 .../Form/src/components/ApiRadioGroup.vue     |  128 +
 .../Form/src/components/ApiSelect.vue         |  153 +
 .../Form/src/components/ApiTransfer.vue       |  122 +
 .../Form/src/components/ApiTree.vue           |  105 +
 .../Form/src/components/ApiTreeSelect.vue     |  113 +
 .../Form/src/components/FileUpload.vue        |  377 +
 .../Form/src/components/FormAction.vue        |  106 +
 .../Form/src/components/FormItem.vue          |  382 +
 .../Form/src/components/RadioButtonGroup.vue  |   61 +
 .../Form/src/components/UploadItemActions.vue |   90 +
 .../src/components/Form/src/helper.ts         |   82 +
 .../components/Form/src/hooks/useAdvanced.ts  |  159 +
 .../components/Form/src/hooks/useAutoFocus.ts |   33 +
 .../Form/src/hooks/useComponentRegister.ts    |   11 +
 .../src/components/Form/src/hooks/useForm.ts  |  116 +
 .../Form/src/hooks/useFormContext.ts          |   17 +
 .../Form/src/hooks/useFormEvents.ts           |  434 +
 .../Form/src/hooks/useFormValues.ts           |  153 +
 .../Form/src/hooks/useLabelWidth.ts           |   36 +
 .../src/components/Form/src/props.ts          |  103 +
 .../src/components/Form/src/types/form.ts     |  225 +
 .../src/components/Form/src/types/formItem.ts |   91 +
 .../src/components/Form/src/types/hooks.ts    |    6 +
 .../src/components/Form/src/types/index.ts    |  120 +
 .../src/components/FormDesign/index.ts        |    4 +
 .../VFormCreate/components/FormRender.vue     |   72 +
 .../src/components/VFormCreate/index.vue      |  145 +
 .../VFormDesign/components/CodeModal.vue      |   73 +
 .../VFormDesign/components/ComponentProps.vue |  190 +
 .../components/FormItemColumnProps.vue        |   36 +
 .../VFormDesign/components/FormItemProps.vue  |  114 +
 .../VFormDesign/components/FormNode.vue       |   45 +
 .../components/FormNodeOperate.vue            |   66 +
 .../VFormDesign/components/FormOptions.vue    |   69 +
 .../VFormDesign/components/FormProps.vue      |  125 +
 .../components/ImportJsonModal.vue            |  126 +
 .../VFormDesign/components/JsonModal.vue      |   57 +
 .../VFormDesign/components/LayoutItem.vue     |  103 +
 .../VFormDesign/components/PreviewCode.vue    |   72 +
 .../VFormDesign/components/RuleProps.vue      |  266 +
 .../config/componentPropsConfig.ts            | 1147 ++
 .../VFormDesign/config/formItemPropsConfig.ts |  351 +
 .../src/components/VFormDesign/index.vue      |  327 +
 .../VFormDesign/modules/CollapseItem.vue      |  109 +
 .../modules/FormComponentPanel.vue            |  140 +
 .../VFormDesign/modules/PropsPanel.vue        |   86 +
 .../VFormDesign/modules/Toolbar.vue           |  126 +
 .../components/VFormDesign/styles/drag.less   |  225 +
 .../VFormDesign/styles/variable.less          |   15 +
 .../src/components/VFormItem/index.vue        |  201 +
 .../src/components/VFormItem/vFormItem.vue    |   56 +
 .../src/components/VFormPreview/index.vue     |   86 +
 .../src/components/VFormPreview/useForm.vue   |   72 +
 .../FormDesign/src/components/index.ts        |   71 +
 .../FormDesign/src/core/formItemConfig.ts     |  419 +
 .../FormDesign/src/core/iconConfig.ts         |  739 ++
 .../src/hooks/useFormDesignState.ts           |   19 +
 .../src/hooks/useFormInstanceMethods.ts       |   60 +
 .../FormDesign/src/hooks/useVFormMethods.ts   |  197 +
 .../FormDesign/src/typings/base-type.ts       |   10 +
 .../FormDesign/src/typings/form-type.ts       |   52 +
 .../src/typings/v-form-component.ts           |  350 +
 .../components/FormDesign/src/utils/index.ts  |  208 +
 .../FormDesign/src/utils/message.ts           |   19 +
 .../src/components/IFrame/index.ts            |    4 +
 .../src/components/IFrame/src/IFrame.vue      |   26 +
 .../src/components/Icon/data/icons.data.ts    |  793 ++
 .../src/components/Icon/index.ts              |    7 +
 .../src/components/Icon/src/Icon.vue          |  102 +
 .../src/components/Icon/src/IconPicker.vue    |  172 +
 .../src/components/Icon/src/SvgIcon.vue       |   60 +
 .../src/components/Loading/index.ts           |    5 +
 .../src/components/Loading/src/Loading.vue    |   65 +
 .../components/Loading/src/createLoading.ts   |   65 +
 .../src/components/Loading/src/typing.ts      |   10 +
 .../src/components/Loading/src/useLoading.ts  |   49 +
 .../src/components/Markdown/index.ts          |    7 +
 .../src/components/Markdown/src/Markdown.vue  |  148 +
 .../Markdown/src/MarkdownViewer.vue           |   66 +
 .../src/components/Markdown/src/getTheme.ts   |   16 +
 .../src/components/Markdown/src/typing.ts     |    5 +
 .../src/components/Menu/index.ts              |    3 +
 .../src/components/Menu/src/BasicMenu.vue     |  146 +
 .../Menu/src/components/BasicMenuItem.vue     |   15 +
 .../Menu/src/components/BasicSubMenuItem.vue  |   40 +
 .../Menu/src/components/MenuItemContent.vue   |   24 +
 .../src/components/Menu/src/index.less        |   74 +
 .../src/components/Menu/src/props.ts          |   60 +
 .../src/components/Menu/src/types.ts          |   25 +
 .../src/components/Menu/src/useOpenKeys.ts    |   76 +
 .../src/components/Modal/index.ts             |    8 +
 .../src/components/Modal/src/BasicModal.vue   |  209 +
 .../components/Modal/src/components/Modal.tsx |   31 +
 .../Modal/src/components/ModalClose.vue       |   89 +
 .../Modal/src/components/ModalFooter.vue      |   31 +
 .../Modal/src/components/ModalHeader.vue      |   18 +
 .../Modal/src/components/ModalWrapper.vue     |  149 +
 .../components/Modal/src/hooks/useModal.ts    |  150 +
 .../Modal/src/hooks/useModalContext.ts        |   16 +
 .../Modal/src/hooks/useModalDrag.ts           |  110 +
 .../Modal/src/hooks/useModalFullScreen.ts     |   44 +
 .../src/components/Modal/src/index.less       |  137 +
 .../src/components/Modal/src/props.ts         |   83 +
 .../src/components/Modal/src/typing.ts        |  210 +
 .../src/components/Page/index.ts              |    6 +
 .../src/components/Page/src/PageFooter.vue    |   33 +
 .../src/components/Page/src/PageWrapper.vue   |  187 +
 .../src/components/Preview/index.ts           |    2 +
 .../src/components/Preview/src/Functional.vue |  530 +
 .../src/components/Preview/src/Preview.vue    |   83 +
 .../src/components/Preview/src/functional.ts  |   18 +
 .../src/components/Preview/src/typing.ts      |   55 +
 .../src/components/Scrollbar/index.ts         |    8 +
 .../components/Scrollbar/src/Scrollbar.vue    |  185 +
 .../src/components/Scrollbar/src/bar.ts       |   96 +
 .../src/components/Scrollbar/src/types.d.ts   |   18 +
 .../src/components/Scrollbar/src/util.ts      |   49 +
 .../src/components/SimpleMenu/index.ts        |    2 +
 .../components/SimpleMenu/src/SimpleMenu.vue  |  138 +
 .../SimpleMenu/src/SimpleMenuTag.vue          |   64 +
 .../SimpleMenu/src/SimpleSubMenu.vue          |   90 +
 .../SimpleMenu/src/components/Menu.vue        |  146 +
 .../src/components/MenuCollapseTransition.vue |   76 +
 .../SimpleMenu/src/components/MenuItem.vue    |  102 +
 .../SimpleMenu/src/components/SubMenuItem.vue |  285 +
 .../SimpleMenu/src/components/menu.less       |  283 +
 .../SimpleMenu/src/components/types.ts        |   25 +
 .../SimpleMenu/src/components/useMenu.ts      |   88 +
 .../src/components/useSimpleMenuContext.ts    |   18 +
 .../src/components/SimpleMenu/src/index.less  |   63 +
 .../src/components/SimpleMenu/src/types.ts    |    5 +
 .../components/SimpleMenu/src/useOpenKeys.ts  |   49 +
 .../src/components/StrengthMeter/index.ts     |    4 +
 .../StrengthMeter/src/StrengthMeter.vue       |  104 +
 .../src/components/Table/index.ts             |   12 +
 .../src/components/Table/src/BasicTable.vue   |  411 +
 .../src/components/Table/src/componentMap.ts  |   30 +
 .../src/components/EditTableHeaderIcon.vue    |   15 +
 .../Table/src/components/HeaderCell.vue       |   63 +
 .../Table/src/components/TableAction.vue      |  201 +
 .../Table/src/components/TableActionIcon.ts   |    0
 .../Table/src/components/TableFooter.vue      |   90 +
 .../Table/src/components/TableHeader.vue      |   66 +
 .../Table/src/components/TableImg.vue         |   80 +
 .../Table/src/components/TableTitle.vue       |   50 +
 .../src/components/editable/CellComponent.ts  |   37 +
 .../src/components/editable/EditableCell.vue  |  529 +
 .../Table/src/components/editable/helper.ts   |   27 +
 .../Table/src/components/editable/index.ts    |   69 +
 .../src/components/settings/ColumnSetting.vue |  452 +
 .../src/components/settings/FormSetting.vue   |   25 +
 .../components/settings/FullScreenSetting.vue |   23 +
 .../src/components/settings/RedoSetting.vue   |   24 +
 .../src/components/settings/SizeSetting.vue   |   48 +
 .../Table/src/components/settings/index.vue   |   63 +
 .../src/components/Table/src/const.ts         |   31 +
 .../components/Table/src/hooks/useColumns.ts  |  315 +
 .../Table/src/hooks/useCustomRow.ts           |   99 +
 .../Table/src/hooks/useDataSource.ts          |  358 +
 .../components/Table/src/hooks/useLoading.ts  |   22 +
 .../Table/src/hooks/usePagination.tsx         |   85 +
 .../components/Table/src/hooks/useRender.ts   |  133 +
 .../Table/src/hooks/useRowSelection.ts        |  123 +
 .../components/Table/src/hooks/useScrollTo.ts |   55 +
 .../components/Table/src/hooks/useTable.ts    |  175 +
 .../Table/src/hooks/useTableContext.ts        |   22 +
 .../Table/src/hooks/useTableExpand.ts         |   62 +
 .../Table/src/hooks/useTableFooter.ts         |   55 +
 .../Table/src/hooks/useTableForm.ts           |   61 +
 .../Table/src/hooks/useTableHeader.ts         |   49 +
 .../Table/src/hooks/useTableScroll.ts         |  255 +
 .../Table/src/hooks/useTableStyle.ts          |   20 +
 .../src/components/Table/src/props.ts         |  135 +
 .../src/components/Table/src/types/column.ts  |  195 +
 .../Table/src/types/componentType.ts          |   14 +
 .../components/Table/src/types/pagination.ts  |  109 +
 .../src/components/Table/src/types/table.ts   |  467 +
 .../components/Table/src/types/tableAction.ts |   40 +
 .../src/components/Tinymce/index.ts           |    4 +
 .../src/components/Tinymce/src/Editor.vue     |  301 +
 .../src/components/Tinymce/src/ImgUpload.vue  |   80 +
 .../src/components/Tinymce/src/helper.ts      |   80 +
 .../src/components/Tinymce/src/tinymce.ts     |   14 +
 .../src/components/Transition/index.ts        |   21 +
 .../Transition/src/CollapseTransition.vue     |   76 +
 .../Transition/src/CreateTransition.tsx       |   67 +
 .../Transition/src/ExpandTransition.ts        |   89 +
 .../src/components/Tree/index.ts              |    6 +
 .../src/components/Tree/src/BasicTree.vue     |  426 +
 .../src/components/Tree/src/TreeIcon.ts       |   14 +
 .../Tree/src/components/TreeHeader.vue        |  182 +
 .../src/components/Tree/src/hooks/useTree.ts  |  219 +
 .../src/components/Tree/src/types/tree.ts     |  210 +
 .../src/components/Tree/style/index.less      |   53 +
 .../src/components/Tree/style/index.ts        |    1 +
 .../src/components/Upload/index.ts            |    4 +
 .../src/components/Upload/src/BasicUpload.vue |  107 +
 .../src/components/Upload/src/FileList.vue    |  104 +
 .../src/components/Upload/src/ThumbUrl.vue    |   27 +
 .../src/components/Upload/src/UploadModal.vue |  284 +
 .../Upload/src/UploadPreviewModal.vue         |   88 +
 .../src/components/Upload/src/data.tsx        |  147 +
 .../src/components/Upload/src/helper.ts       |   27 +
 .../src/components/Upload/src/props.ts        |   82 +
 .../src/components/Upload/src/typing.ts       |   55 +
 .../src/components/Upload/src/useUpload.ts    |   59 +
 .../src/components/Verifition/index.ts        |    4 +
 .../src/components/Verifition/src/Verify.vue  |  132 +
 .../Verifition/src/Verify/VerifyPoints.vue    |  256 +
 .../Verifition/src/Verify/VerifySlide.vue     |  364 +
 .../components/Verifition/src/Verify/index.ts |    4 +
 .../Verifition/src/style/verify.css           |  279 +
 .../components/Verifition/src/utils/ase.ts    |   15 +
 .../components/Verifition/src/utils/util.ts   |   93 +
 .../src/components/VirtualScroll/index.ts     |    4 +
 .../VirtualScroll/src/VirtualScroll.vue       |  187 +
 .../src/components/registerGlobComp.ts        |    7 +
 yunxi-ui-admin-vben/src/design/color.less     |   67 +
 yunxi-ui-admin-vben/src/design/config.less    |    2 +
 yunxi-ui-admin-vben/src/design/entry.css      |  168 +
 yunxi-ui-admin-vben/src/design/index.less     |   80 +
 yunxi-ui-admin-vben/src/design/public.less    |   49 +
 yunxi-ui-admin-vben/src/design/theme.less     |   62 +
 .../src/design/transition/base.less           |   18 +
 .../src/design/transition/fade.less           |   97 +
 .../src/design/transition/index.less          |   13 +
 .../src/design/transition/scale.less          |   21 +
 .../src/design/transition/scroll.less         |   67 +
 .../src/design/transition/slide.less          |   39 +
 .../src/design/transition/zoom.less           |   31 +
 .../src/design/var/breakpoint.less            |   33 +
 .../src/design/var/easing.less                |   18 +
 yunxi-ui-admin-vben/src/design/var/index.less |   39 +
 .../src/directives/clickOutside.ts            |   78 +
 yunxi-ui-admin-vben/src/directives/index.ts   |   11 +
 yunxi-ui-admin-vben/src/directives/loading.ts |   39 +
 .../src/directives/permission.ts              |   32 +
 .../src/directives/repeatClick.ts             |   32 +
 .../src/directives/ripple/index.less          |   21 +
 .../src/directives/ripple/index.ts            |  181 +
 yunxi-ui-admin-vben/src/enums/appEnum.ts      |   73 +
 .../src/enums/breakpointEnum.ts               |   28 +
 yunxi-ui-admin-vben/src/enums/cacheEnum.ts    |   38 +
 .../src/enums/exceptionEnum.ts                |   27 +
 yunxi-ui-admin-vben/src/enums/httpEnum.ts     |   33 +
 yunxi-ui-admin-vben/src/enums/menuEnum.ts     |   50 +
 yunxi-ui-admin-vben/src/enums/pageEnum.ts     |   13 +
 yunxi-ui-admin-vben/src/enums/roleEnum.ts     |    7 +
 yunxi-ui-admin-vben/src/enums/sizeEnum.ts     |   19 +
 yunxi-ui-admin-vben/src/enums/systemEnum.ts   |  272 +
 .../src/hooks/component/useFormItem.ts        |   47 +
 .../src/hooks/component/usePageContext.ts     |   18 +
 .../src/hooks/core/onMountedOrActivated.ts    |   17 +
 .../src/hooks/core/useAttrs.ts                |   41 +
 .../src/hooks/core/useContext.ts              |   30 +
 .../src/hooks/core/useLockFn.ts               |   19 +
 yunxi-ui-admin-vben/src/hooks/core/useRefs.ts |   16 +
 .../src/hooks/event/useBreakpoint.ts          |   94 +
 .../src/hooks/event/useEventListener.ts       |   57 +
 .../hooks/event/useIntersectionObserver.ts    |   43 +
 .../src/hooks/event/useScroll.ts              |   66 +
 .../src/hooks/event/useScrollTo.ts            |   59 +
 .../src/hooks/event/useWindowSizeFn.ts        |   39 +
 .../src/hooks/setting/index.ts                |   34 +
 .../src/hooks/setting/useHeaderSetting.ts     |   84 +
 .../src/hooks/setting/useMenuSetting.ts       |  153 +
 .../hooks/setting/useMultipleTabSetting.ts    |   30 +
 .../src/hooks/setting/useRootSetting.ts       |   90 +
 .../src/hooks/setting/useTransitionSetting.ts |   30 +
 .../src/hooks/web/useAppInject.ts             |   10 +
 .../src/hooks/web/useContentHeight.ts         |  185 +
 .../src/hooks/web/useContextMenu.ts           |   11 +
 .../src/hooks/web/useCopyToClipboard.ts       |   69 +
 .../src/hooks/web/useDesign.ts                |   24 +
 .../src/hooks/web/useECharts.ts               |  128 +
 .../src/hooks/web/useFullContent.ts           |   27 +
 yunxi-ui-admin-vben/src/hooks/web/useI18n.ts  |   56 +
 .../src/hooks/web/useLockPage.ts              |   76 +
 .../src/hooks/web/useMessage.tsx              |  121 +
 yunxi-ui-admin-vben/src/hooks/web/usePage.ts  |   56 +
 .../src/hooks/web/usePagination.ts            |   31 +
 .../src/hooks/web/usePermission.ts            |  110 +
 .../src/hooks/web/useScript.ts                |   46 +
 .../src/hooks/web/useSortable.ts              |   22 +
 yunxi-ui-admin-vben/src/hooks/web/useTabs.ts  |  104 +
 yunxi-ui-admin-vben/src/hooks/web/useTitle.ts |   34 +
 .../src/layouts/default/content/index.vue     |   44 +
 .../default/content/useContentContext.ts      |   17 +
 .../default/content/useContentViewHeight.ts   |   41 +
 .../src/layouts/default/feature/index.vue     |   84 +
 .../src/layouts/default/footer/index.vue      |   52 +
 .../layouts/default/header/MultipleHeader.vue |  101 +
 .../default/header/components/Breadcrumb.vue  |  193 +
 .../default/header/components/ErrorAction.vue |   32 +
 .../default/header/components/FullScreen.vue  |   26 +
 .../default/header/components/index.ts        |   14 +
 .../header/components/lock/LockModal.vue      |   71 +
 .../header/components/notify/NoticeList.vue   |  118 +
 .../default/header/components/notify/data.ts  |  192 +
 .../header/components/notify/index.vue        |   35 +
 .../components/user-dropdown/DropMenuItem.vue |   28 +
 .../header/components/user-dropdown/index.vue |  156 +
 .../components/user-dropdown/index1.vue       |  156 +
 .../src/layouts/default/header/index.less     |  186 +
 .../src/layouts/default/header/index.vue      |  134 +
 .../src/layouts/default/index.vue             |   49 +
 .../src/layouts/default/menu/index.vue        |  187 +
 .../src/layouts/default/menu/useLayoutMenu.ts |  107 +
 .../layouts/default/setting/SettingDrawer.tsx |  347 +
 .../setting/components/InputNumberItem.vue    |   27 +
 .../default/setting/components/SelectItem.vue |   46 +
 .../setting/components/SettingFooter.vue      |   80 +
 .../default/setting/components/SwitchItem.vue |   46 +
 .../setting/components/ThemeColorPicker.vue   |   78 +
 .../default/setting/components/TypePicker.vue |  169 +
 .../default/setting/components/index.ts       |    8 +
 .../src/layouts/default/setting/enum.ts       |  151 +
 .../src/layouts/default/setting/handler.ts    |  177 +
 .../src/layouts/default/setting/index.vue     |   17 +
 .../src/layouts/default/sider/DragBar.vue     |   58 +
 .../src/layouts/default/sider/LayoutSider.vue |  149 +
 .../src/layouts/default/sider/MixSider.vue    |  534 +
 .../src/layouts/default/sider/index.vue       |   52 +
 .../layouts/default/sider/useLayoutSider.ts   |  140 +
 .../default/tabs/components/FoldButton.vue    |   35 +
 .../default/tabs/components/TabContent.vue    |   75 +
 .../default/tabs/components/TabRedo.vue       |   28 +
 .../src/layouts/default/tabs/index.less       |  232 +
 .../src/layouts/default/tabs/index.vue        |  120 +
 .../src/layouts/default/tabs/types.ts         |   25 +
 .../layouts/default/tabs/useMultipleTabs.ts   |   78 +
 .../layouts/default/tabs/useTabDropdown.ts    |  140 +
 .../layouts/default/trigger/HeaderTrigger.vue |   18 +
 .../layouts/default/trigger/SiderTrigger.vue  |   15 +
 .../src/layouts/default/trigger/index.vue     |   19 +
 .../src/layouts/iframe/index.vue              |   19 +
 .../src/layouts/iframe/useFrameKeepAlive.ts   |   55 +
 .../src/layouts/page/index.vue                |   57 +
 .../src/layouts/page/transition.ts            |   32 +
 yunxi-ui-admin-vben/src/locales/helper.ts     |   37 +
 yunxi-ui-admin-vben/src/locales/lang/en.ts    |   12 +
 .../src/locales/lang/en/action.ts             |   13 +
 .../src/locales/lang/en/common.ts             |   31 +
 .../src/locales/lang/en/component.ts          |  130 +
 .../src/locales/lang/en/layout.ts             |  116 +
 .../src/locales/lang/en/profile.ts            |   38 +
 .../src/locales/lang/en/routes/basic.ts       |    7 +
 .../src/locales/lang/en/routes/dashboard.ts   |    6 +
 .../src/locales/lang/en/sys.ts                |  109 +
 .../src/locales/lang/zh-CN/action.ts          |   14 +
 .../lang/zh-CN/antdLocale/DatePicker.ts       |    6 +
 .../src/locales/lang/zh-CN/common.ts          |   31 +
 .../src/locales/lang/zh-CN/component.ts       |  133 +
 .../src/locales/lang/zh-CN/layout.ts          |  117 +
 .../src/locales/lang/zh-CN/profile.ts         |   39 +
 .../src/locales/lang/zh-CN/routes/basic.ts    |    7 +
 .../locales/lang/zh-CN/routes/dashboard.ts    |    6 +
 .../src/locales/lang/zh-CN/sys.ts             |  105 +
 yunxi-ui-admin-vben/src/locales/lang/zh_CN.ts |   10 +
 yunxi-ui-admin-vben/src/locales/setupI18n.ts  |   45 +
 yunxi-ui-admin-vben/src/locales/useLocale.ts  |   70 +
 .../src/logics/error-handle/index.ts          |  178 +
 .../src/logics/initAppConfig.ts               |   85 +
 .../src/logics/mitt/routeChange.ts            |   28 +
 yunxi-ui-admin-vben/src/logics/theme/dark.ts  |   12 +
 yunxi-ui-admin-vben/src/logics/theme/index.ts |    1 +
 .../src/logics/theme/updateBackground.ts      |   73 +
 .../src/logics/theme/updateColorWeak.ts       |    9 +
 .../src/logics/theme/updateGrayMode.ts        |    9 +
 yunxi-ui-admin-vben/src/logics/theme/util.ts  |   11 +
 yunxi-ui-admin-vben/src/main.ts               |   65 +
 yunxi-ui-admin-vben/src/router/constant.ts    |   24 +
 yunxi-ui-admin-vben/src/router/guard/index.ts |  148 +
 .../src/router/guard/paramMenuGuard.ts        |   47 +
 .../src/router/guard/permissionGuard.ts       |  125 +
 .../src/router/guard/stateGuard.ts            |   24 +
 .../src/router/helper/menuHelper.ts           |  103 +
 .../src/router/helper/routeHelper.ts          |  209 +
 yunxi-ui-admin-vben/src/router/index.ts       |   42 +
 yunxi-ui-admin-vben/src/router/menus/index.ts |  139 +
 .../src/router/routes/basic.ts                |   48 +
 .../src/router/routes/index.ts                |  289 +
 .../src/router/routes/modules/about.ts        |   31 +
 .../src/router/routes/modules/dashboard.ts    |   40 +
 yunxi-ui-admin-vben/src/router/types.ts       |   65 +
 .../src/settings/componentSetting.ts          |   52 +
 .../src/settings/designSetting.ts             |   48 +
 .../src/settings/encryptionSetting.ts         |   13 +
 .../src/settings/localeSetting.ts             |   30 +
 .../src/settings/projectSetting.ts            |  167 +
 .../src/settings/siteSetting.ts               |    8 +
 .../src/settings/sizeSetting.ts               |   36 +
 yunxi-ui-admin-vben/src/store/index.ts        |   10 +
 yunxi-ui-admin-vben/src/store/modules/app.ts  |  159 +
 yunxi-ui-admin-vben/src/store/modules/dict.ts |   67 +
 .../src/store/modules/errorLog.ts             |   73 +
 .../src/store/modules/locale.ts               |   54 +
 yunxi-ui-admin-vben/src/store/modules/lock.ts |   60 +
 .../src/store/modules/multipleTab.ts          |  355 +
 .../src/store/modules/permission.ts           |  253 +
 yunxi-ui-admin-vben/src/store/modules/user.ts |  212 +
 .../src/store/modules/userMessage.ts          |   24 +
 yunxi-ui-admin-vben/src/types/axios.d.ts      |   56 +
 yunxi-ui-admin-vben/src/types/config.d.ts     |  184 +
 yunxi-ui-admin-vben/src/types/global.d.ts     |   89 +
 yunxi-ui-admin-vben/src/types/index.d.ts      |   37 +
 yunxi-ui-admin-vben/src/types/module.d.ts     |   18 +
 yunxi-ui-admin-vben/src/types/store.d.ts      |   52 +
 yunxi-ui-admin-vben/src/types/utils.d.ts      |    5 +
 yunxi-ui-admin-vben/src/types/vue-router.d.ts |   51 +
 yunxi-ui-admin-vben/src/utils/auth/index.ts   |   47 +
 yunxi-ui-admin-vben/src/utils/bem.ts          |   50 +
 yunxi-ui-admin-vben/src/utils/cache/index.ts  |   32 +
 yunxi-ui-admin-vben/src/utils/cache/memory.ts |  107 +
 .../src/utils/cache/persistent.ts             |  138 +
 .../src/utils/cache/storageCache.ts           |  110 +
 yunxi-ui-admin-vben/src/utils/cipher.ts       |   53 +
 yunxi-ui-admin-vben/src/utils/color.ts        |  146 +
 yunxi-ui-admin-vben/src/utils/dateUtil.ts     |  132 +
 yunxi-ui-admin-vben/src/utils/dict.ts         |  173 +
 yunxi-ui-admin-vben/src/utils/domUtils.ts     |  172 +
 yunxi-ui-admin-vben/src/utils/env.ts          |   89 +
 yunxi-ui-admin-vben/src/utils/event/index.ts  |   46 +
 .../utils/factory/createAsyncComponent.tsx    |   73 +
 .../src/utils/file/base64Conver.ts            |   41 +
 .../src/utils/file/download.ts                |   86 +
 .../src/utils/helper/treeHelper.ts            |  200 +
 .../src/utils/helper/tsxHelper.tsx            |   39 +
 .../src/utils/http/axios/Axios.ts             |  379 +
 .../src/utils/http/axios/axiosCancel.ts       |   59 +
 .../src/utils/http/axios/axiosRetry.ts        |   30 +
 .../src/utils/http/axios/axiosTransform.ts    |   48 +
 .../src/utils/http/axios/checkStatus.ts       |   75 +
 .../src/utils/http/axios/helper.ts            |   44 +
 .../src/utils/http/axios/index.ts             |  318 +
 yunxi-ui-admin-vben/src/utils/index.ts        |  170 +
 yunxi-ui-admin-vben/src/utils/is.ts           |   96 +
 yunxi-ui-admin-vben/src/utils/lib/echarts.ts  |   50 +
 yunxi-ui-admin-vben/src/utils/log.ts          |    9 +
 yunxi-ui-admin-vben/src/utils/mitt.ts         |  100 +
 yunxi-ui-admin-vben/src/utils/propTypes.ts    |   35 +
 yunxi-ui-admin-vben/src/utils/props.ts        |  159 +
 yunxi-ui-admin-vben/src/utils/tongji.ts       |   23 +
 yunxi-ui-admin-vben/src/utils/tree.ts         |  277 +
 yunxi-ui-admin-vben/src/utils/types.ts        |   41 +
 yunxi-ui-admin-vben/src/utils/uuid.ts         |   26 +
 .../src/views/base/about/index.vue            |  107 +
 .../src/views/base/exception/Exception.vue    |  143 +
 .../src/views/base/exception/index.ts         |    1 +
 .../src/views/base/iframe/FrameBlank.vue      |    7 +
 .../src/views/base/iframe/index.vue           |   87 +
 .../src/views/base/lock/LockPage.vue          |  221 +
 .../src/views/base/lock/index.vue             |   14 +
 .../src/views/base/lock/useNow.ts             |   60 +
 .../views/base/login/ForgetPasswordForm.vue   |   58 +
 .../src/views/base/login/Login.vue            |  205 +
 .../src/views/base/login/LoginForm.vue        |  216 +
 .../src/views/base/login/LoginFormTitle.vue   |   26 +
 .../src/views/base/login/MobileForm.vue       |  155 +
 .../src/views/base/login/QrCodeForm.vue       |   36 +
 .../src/views/base/login/RegisterForm.vue     |   80 +
 .../src/views/base/login/SSOForm.vue          |  199 +
 .../views/base/login/SessionTimeoutLogin.vue  |   41 +
 .../src/views/base/login/sso.vue              |  200 +
 .../src/views/base/login/useLogin.ts          |  126 +
 .../src/views/base/profile/AccountBind.vue    |   51 +
 .../src/views/base/profile/BaseSetting.vue    |   76 +
 .../src/views/base/profile/MsgNotify.vue      |   28 +
 .../src/views/base/profile/PasswordModal.vue  |   49 +
 .../src/views/base/profile/SecureSetting.vue  |   47 +
 .../src/views/base/profile/data.ts            |  190 +
 .../src/views/base/profile/index.vue          |   32 +
 .../src/views/base/profile/index1.vue         |   31 +
 .../src/views/base/redirect/index.vue         |   32 +
 .../src/views/bpm/definition/index.vue        |    3 +
 .../src/views/bpm/form/FormModal.vue          |   43 +
 .../src/views/bpm/form/editor/index.vue       |    9 +
 .../src/views/bpm/form/form.data.ts           |   46 +
 .../src/views/bpm/form/index.vue              |   86 +
 .../src/views/bpm/group/GroupModal.vue        |   58 +
 .../src/views/bpm/group/group.data.ts         |  134 +
 .../src/views/bpm/group/index.vue             |   78 +
 .../src/views/bpm/model/ModelImportModal.vue  |   78 +
 .../src/views/bpm/model/ModelModal.vue        |   58 +
 .../src/views/bpm/model/editor/index.vue      |    3 +
 .../src/views/bpm/model/index.vue             |  143 +
 .../src/views/bpm/model/model.data.ts         |  225 +
 .../src/views/bpm/oa/leave/create.vue         |   42 +
 .../src/views/bpm/oa/leave/detail.vue         |   40 +
 .../src/views/bpm/oa/leave/index.vue          |  104 +
 .../src/views/bpm/oa/leave/leave.data.ts      |  158 +
 .../bpm/processInstance/create/create.data.ts |   32 +
 .../bpm/processInstance/create/index.vue      |  115 +
 .../bpm/processInstance/detail/index.vue      |    3 +
 .../src/views/bpm/processInstance/index.vue   |   84 +
 .../processInstance/processInstance.data.ts   |  118 +
 .../src/views/bpm/task/done/done.data.ts      |   79 +
 .../src/views/bpm/task/done/index.vue         |   53 +
 .../src/views/bpm/task/todo/index.vue         |   44 +
 .../src/views/bpm/task/todo/todo.data.ts      |   59 +
 .../src/views/bpm/taskAssignRule/index.vue    |    3 +
 .../analysis/components/GrowCard.vue          |   41 +
 .../analysis/components/SalesProductPie.vue   |   61 +
 .../analysis/components/SiteAnalysis.vue      |   34 +
 .../analysis/components/VisitAnalysis.vue     |   83 +
 .../analysis/components/VisitAnalysisBar.vue  |   47 +
 .../analysis/components/VisitRadar.vue        |   91 +
 .../analysis/components/VisitSource.vue       |   79 +
 .../dashboard/analysis/components/props.ts    |   16 +
 .../src/views/dashboard/analysis/data.ts      |   43 +
 .../src/views/dashboard/analysis/index.vue    |   26 +
 .../workbench/components/DynamicInfo.vue      |   34 +
 .../workbench/components/ProjectCard.vue      |   29 +
 .../workbench/components/QuickNav.vue         |   16 +
 .../workbench/components/SaleRadar.vue        |   91 +
 .../workbench/components/WorkbenchHeader.vue  |   36 +
 .../dashboard/workbench/components/data.ts    |  156 +
 .../src/views/dashboard/workbench/index.vue   |   39 +
 .../infra/apiAccessLog/AccessLogModal.vue     |   25 +
 .../infra/apiAccessLog/apiAccessLog.data.ts   |  222 +
 .../src/views/infra/apiAccessLog/index.vue    |   74 +
 .../views/infra/apiErrorLog/ErrorLogModal.vue |   25 +
 .../infra/apiErrorLog/apiErrorLog.data.ts     |  248 +
 .../src/views/infra/apiErrorLog/index.vue     |  101 +
 .../src/views/infra/build/index.vue           |   10 +
 .../src/views/infra/codegen/EditTable.vue     |   96 +
 .../src/views/infra/codegen/codegen.data.ts   |  157 +
 .../codegen/components/BasicInfoForm.vue      |   70 +
 .../codegen/components/CloumInfoForm.vue      |   62 +
 .../infra/codegen/components/FinishForm.vue   |   55 +
 .../codegen/components/ImportTableModal.vue   |   43 +
 .../infra/codegen/components/PreviewModal.vue |  144 +
 .../views/infra/codegen/components/data.ts    |  333 +
 .../src/views/infra/codegen/index.vue         |  109 +
 .../src/views/infra/config/ConfigModal.vue    |   58 +
 .../src/views/infra/config/config.data.ts     |  139 +
 .../src/views/infra/config/index.vue          |   95 +
 .../DataSourceConfigModal.vue                 |   56 +
 .../dataSourceConfig/dataSourceConfig.data.ts |   66 +
 .../views/infra/dataSourceConfig/index.vue    |   86 +
 .../src/views/infra/dbDoc/index.vue           |   53 +
 .../src/views/infra/druid/index.vue           |   12 +
 .../src/views/infra/file/file.data.ts         |   79 +
 .../src/views/infra/file/index.vue            |   95 +
 .../infra/fileConfig/FileConfigModal.vue      |   64 +
 .../infra/fileConfig/ficleConfig.data.ts      |  179 +
 .../src/views/infra/fileConfig/index.vue      |  107 +
 .../src/views/infra/job/JobModal.vue          |   92 +
 .../src/views/infra/job/index.vue             |  141 +
 .../src/views/infra/job/job.data.ts           |  172 +
 .../views/infra/job/logger/JobLogModal.vue    |   28 +
 .../src/views/infra/job/logger/index.vue      |   70 +
 .../src/views/infra/job/logger/jobLog.data.ts |  150 +
 .../infra/redis/components/CommandStats.vue   |   53 +
 .../views/infra/redis/components/Memory.vue   |   55 +
 .../src/views/infra/redis/index.vue           |   46 +
 .../src/views/infra/redis/redis.data.ts       |   64 +
 .../src/views/infra/server/index.vue          |   29 +
 .../src/views/infra/skywalking/index.vue      |   14 +
 .../src/views/infra/swagger/index.vue         |   16 +
 .../src/views/infra/testDemo/index.vue        |    3 +
 .../src/views/infra/webSocket/index.vue       |  112 +
 .../src/views/mall/market/banner/index.vue    |    3 +
 .../src/views/mall/product/brand/index.vue    |    3 +
 .../src/views/mall/product/category/index.vue |    3 +
 .../src/views/mall/product/property/index.vue |    3 +
 .../src/views/mall/product/spu/index.vue      |    3 +
 .../src/views/mall/promotion/coupon/index.vue |    3 +
 .../mall/promotion/couponTemplate/index.vue   |    3 +
 .../mall/promotion/discountActivity/index.vue |    3 +
 .../mall/promotion/rewardActivity/index.vue   |    3 +
 .../seckill/seckillActivity/index.vue         |    3 +
 .../promotion/seckill/seckillTime/index.vue   |    3 +
 .../src/views/mall/trade/afterSale/index.vue  |    3 +
 .../views/mall/trade/expressCompany/index.vue |    3 +
 .../src/views/mall/trade/order/index.vue      |    3 +
 .../src/views/member/group/GroupModal.vue     |   61 +
 .../src/views/member/group/group.data.ts      |   84 +
 .../src/views/member/group/index.vue          |   50 +
 .../src/views/member/level/LevelModal.vue     |   61 +
 .../src/views/member/level/index.vue          |   50 +
 .../src/views/member/level/level.data.ts      |  136 +
 .../src/views/member/point/config/index.vue   |   94 +
 .../src/views/member/point/record/index.vue   |   23 +
 .../views/member/point/record/record.data.ts  |   82 +
 .../member/signin/config/ConfigModal.vue      |   58 +
 .../views/member/signin/config/config.data.ts |   70 +
 .../src/views/member/signin/config/index.vue  |   75 +
 .../src/views/member/signin/record/index.vue  |   23 +
 .../views/member/signin/record/record.data.ts |   60 +
 .../src/views/member/tag/TagModal.vue         |   58 +
 .../src/views/member/tag/index.vue            |   78 +
 .../src/views/member/tag/tag.data.ts          |   52 +
 .../views/member/user/UpdateLevelModal.vue    |   58 +
 .../views/member/user/UserDetailDrawer.vue    |   57 +
 .../src/views/member/user/UserModal.vue       |   58 +
 .../src/views/member/user/index.vue           |   67 +
 .../src/views/member/user/user.data.ts        |  367 +
 .../src/views/mp/account/AccountModal.vue     |   58 +
 .../src/views/mp/account/account.data.ts      |  109 +
 .../src/views/mp/account/index.vue            |  119 +
 .../src/views/mp/autoReply/index.vue          |    3 +
 .../mp/components/WxAccountSelect/index.vue   |   48 +
 .../views/mp/components/WxLocation/index.vue  |   66 +
 .../mp/components/WxMaterialSelect/index.vue  |    3 +
 .../mp/components/WxMaterialSelect/type.ts    |   11 +
 .../src/views/mp/components/WxMsg/index.vue   |    3 +
 .../src/views/mp/components/WxMusic/index.vue |   58 +
 .../src/views/mp/components/WxNews/index.vue  |  190 +
 .../src/views/mp/components/WxReply/index.vue |    3 +
 .../views/mp/components/WxVideoPlay/index.vue |   57 +
 .../views/mp/components/WxVoicePlay/index.vue |   77 +
 .../src/views/mp/components/index.ts          |    3 +
 .../src/views/mp/draft/index.vue              |    3 +
 .../src/views/mp/freePublish/index.vue        |   46 +
 .../src/views/mp/material/index.vue           |    3 +
 .../src/views/mp/menu/index.vue               |    3 +
 .../src/views/mp/message/MessageModal.vue     |   51 +
 .../src/views/mp/message/index.vue            |   49 +
 .../src/views/mp/message/message.data.ts      |  166 +
 .../components/InterfaceSummaryChart.vue      |   72 +
 .../components/UpstreamMessageChart.vue       |   65 +
 .../components/UserCumulateChart.vue          |   76 +
 .../components/UserSummaryChart.vue           |   89 +
 .../src/views/mp/statistics/index.vue         |   24 +
 .../views/mp/statistics/statistics.data.ts    |    0
 .../src/views/mp/tag/TagModal.vue             |   58 +
 .../src/views/mp/tag/index.vue                |   93 +
 .../src/views/mp/tag/tag.data.ts              |   70 +
 .../src/views/mp/user/MpUserModal.vue         |   48 +
 .../src/views/mp/user/index.vue               |   69 +
 .../src/views/mp/user/mpuser.data.ts          |  118 +
 .../src/views/pay/app/AppModal.vue            |   58 +
 .../src/views/pay/app/ChannelModal.vue        |   88 +
 .../src/views/pay/app/app.data.ts             |  404 +
 .../src/views/pay/app/index.vue               |  226 +
 .../src/views/pay/cashier/cashier.data.ts     |  115 +
 .../src/views/pay/cashier/index.vue           |    5 +
 .../src/views/pay/demo/DemoModal.vue          |   46 +
 .../src/views/pay/demo/demo.data.ts           |  110 +
 .../src/views/pay/demo/index.vue              |   95 +
 .../src/views/pay/notify/NotifyModal.vue      |   34 +
 .../src/views/pay/notify/index.vue            |   50 +
 .../src/views/pay/notify/notify.data.ts       |  228 +
 .../src/views/pay/order/OrderModal.vue        |   23 +
 .../src/views/pay/order/index.vue             |   70 +
 .../src/views/pay/order/order.data.ts         |  278 +
 .../src/views/pay/refund/RefundModal.vue      |   23 +
 .../src/views/pay/refund/index.vue            |   70 +
 .../src/views/pay/refund/refund.data.ts       |  251 +
 .../src/views/report/goview/index.vue         |   14 +
 .../src/views/report/jmreport/index.vue       |   15 +
 .../stpagea/enterpriseCentre/branch/index.vue |  235 +
 .../branch/src/ConfirmDel.vue                 |    0
 .../enterpriseCentre/branch/src/ModalAdd.vue  |   77 +
 .../enterpriseCentre/branch/src/ModalEdit.vue |   73 +
 .../branch/src/TransferList.vue               |   58 +
 .../enterpriseDetails/index.vue               |  290 +
 .../enterpriseDetails/src/AuthInfo.vue        |  250 +
 .../enterpriseDetails/src/BasicInfo.vue       |  285 +
 .../enterpriseDetails/src/Branch.vue          |  321 +
 .../enterpriseDetails/src/CustomerInfo.vue    |  492 +
 .../enterpriseDetails/src/EmployeeInfo.vue    |  550 +
 .../enterpriseDetails/src/OperateRecords.vue  |  169 +
 .../enterpriseDetails/src/OrgInfo.vue         |  317 +
 .../enterpriseDetails/src/ProviderInfo.vue    |  569 +
 .../enterpriseDetails/src/SupplierInfo.vue    |  455 +
 .../src/views/system/area/AreaModal.vue       |   42 +
 .../src/views/system/area/area.data.ts        |   29 +
 .../src/views/system/area/index.vue           |   53 +
 .../src/views/system/dept/DeptModal.vue       |   61 +
 .../src/views/system/dept/dept.data.ts        |  151 +
 .../src/views/system/dept/index.vue           |  126 +
 .../src/views/system/dict/DictData.vue        |  102 +
 .../src/views/system/dict/DictDataModal.vue   |   63 +
 .../src/views/system/dict/DictTypeModal.vue   |   58 +
 .../src/views/system/dict/dict.data.ts        |  206 +
 .../src/views/system/dict/dict.type.ts        |   89 +
 .../src/views/system/dict/index.vue           |   90 +
 .../views/system/errorCode/ErrorCodeModal.vue |   58 +
 .../views/system/errorCode/errorCode.data.ts  |  115 +
 .../src/views/system/errorCode/index.vue      |   94 +
 .../src/views/system/loginlog/index.vue       |   46 +
 .../src/views/system/loginlog/index1.vue      |   46 +
 .../views/system/loginlog/loginLog.data.ts    |   83 +
 .../system/mail/account/AccountModal.vue      |   58 +
 .../views/system/mail/account/account.data.ts |  121 +
 .../src/views/system/mail/account/index.vue   |   78 +
 .../views/system/mail/log/MailLogModal.vue    |   28 +
 .../src/views/system/mail/log/index.vue       |   55 +
 .../src/views/system/mail/log/mailLog.data.ts |  192 +
 .../system/mail/template/SendMailModal.vue    |  107 +
 .../system/mail/template/TemplateModal.vue    |   58 +
 .../src/views/system/mail/template/index.vue  |   96 +
 .../system/mail/template/template.data.ts     |  220 +
 .../src/views/system/menu/MenuModal.vue       |   58 +
 .../src/views/system/menu/index.vue           |   96 +
 .../src/views/system/menu/menu.data.ts        |  198 +
 .../src/views/system/notice/NoticeModal.vue   |   58 +
 .../src/views/system/notice/index.vue         |   78 +
 .../src/views/system/notice/index1.vue        |   78 +
 .../src/views/system/notice/notice.data.ts    |   93 +
 .../notify/components/MessageInfoModal.vue    |   27 +
 .../system/notify/components/message.data.ts  |   96 +
 .../src/views/system/notify/message/index.vue |   56 +
 .../views/system/notify/message/index1.vue    |   56 +
 .../system/notify/message/message.data.ts     |  204 +
 .../src/views/system/notify/my/index.vue      |  125 +
 .../src/views/system/notify/my/my.data.ts     |  112 +
 .../notify/template/SendNotifyModal.vue       |   88 +
 .../system/notify/template/TemplateModal.vue  |   58 +
 .../views/system/notify/template/index.vue    |   97 +
 .../system/notify/template/template.data.ts   |  181 +
 .../system/oauth2/client/ClientModal.vue      |   58 +
 .../views/system/oauth2/client/client.data.ts |  212 +
 .../src/views/system/oauth2/client/index.vue  |   78 +
 .../src/views/system/oauth2/token/index.vue   |   60 +
 .../views/system/oauth2/token/token.data.ts   |   69 +
 .../views/system/operatelog/LogInfoModal.vue  |   25 +
 .../src/views/system/operatelog/index.vue     |   74 +
 .../system/operatelog/operateLog.data.ts      |  202 +
 .../src/views/system/post/PostModal.vue       |   58 +
 .../src/views/system/post/index.vue           |   94 +
 .../src/views/system/post/post.data.ts        |  112 +
 .../src/views/system/role/RoleMenuModal.vue   |  121 +
 .../src/views/system/role/RoleModal.vue       |   58 +
 .../src/views/system/role/RoleScopeModal.vue  |   73 +
 .../src/views/system/role/index.vue           |  122 +
 .../src/views/system/role/role.data.ts        |  186 +
 .../sensitiveWord/SensitiveWordModal.vue      |   58 +
 .../src/views/system/sensitiveWord/index.vue  |   99 +
 .../sensitiveWord/sensitiveWord.data.ts       |  113 +
 .../system/sms/channel/SmsChannelModal.vue    |   58 +
 .../src/views/system/sms/channel/index.vue    |   79 +
 .../system/sms/channel/smsChannel.data.ts     |  138 +
 .../src/views/system/sms/log/index.vue        |   47 +
 .../src/views/system/sms/log/smsLog.data.ts   |  148 +
 .../system/sms/template/SendSmsModal.vue      |   88 +
 .../system/sms/template/SmsTemplateModal.vue  |   58 +
 .../src/views/system/sms/template/index.vue   |  107 +
 .../system/sms/template/smsTemplate.data.ts   |  209 +
 .../src/views/system/tenant/TenantModal.vue   |   58 +
 .../src/views/system/tenant/index.vue         |   94 +
 .../src/views/system/tenant/tenant.data.ts    |  191 +
 .../tenantPackage/TenantPackageModal.vue      |  127 +
 .../src/views/system/tenantPackage/index.vue  |   83 +
 .../tenantPackage/tenantPackage.data.ts       |   90 +
 .../src/views/system/user/DeptTree.vue        |   41 +
 .../src/views/system/user/ResetPwdModal.vue   |   50 +
 .../src/views/system/user/UserModal.vue       |   58 +
 .../src/views/system/user/UserRoleModal.vue   |   52 +
 .../src/views/system/user/index.vue           |  144 +
 .../src/views/system/user/index1.vue          |  142 +
 .../src/views/system/user/user.data.ts        |  345 +
 .../src/views/users/configuration/index.vue   |  727 ++
 .../src/views/users/mine/index.vue            |  957 ++
 .../src/views/users/newNustomer/index.vue     | 1753 +++
 .../BusinessOrganizationModal.vue             |   58 +
 .../businessOrganization.data.ts              |  258 +
 .../views/xxjj/businessOrganization/index.vue |  151 +
 .../BusinessTree.vue                          |   42 +
 .../BusinessWarehouseModal.vue                |   59 +
 .../businessWarehouse.data.ts                 |  239 +
 .../xxjj/businessOrganizationConfig/index.vue |  111 +
 .../BusinessWarehouseModal.vue                |   58 +
 .../businessWarehouse.data.ts                 |  275 +
 .../views/xxjj/businessWarehouse/index.vue    |   95 +
 .../views/xxjj/customer/SubjectBasicModal.vue |   72 +
 .../src/views/xxjj/customer/index.vue         |   92 +
 .../views/xxjj/customer/subjectBasic.data.ts  | 1732 +++
 .../views/xxjj/enterprise/EnterpriseModal.vue |   57 +
 .../views/xxjj/enterprise/enterprise.data.ts  |  784 ++
 .../src/views/xxjj/enterprise/index.vue       |   92 +
 .../enterprisebranching/EnterpriseModal.vue   |   58 +
 .../enterprisebranching/enterprise.data.ts    |  851 ++
 .../views/xxjj/enterprisebranching/index.vue  |  129 +
 .../views/xxjj/service/SubjectBasicModal.vue  |   57 +
 .../src/views/xxjj/service/index.vue          |  139 +
 .../views/xxjj/service/subjectBasic.data.ts   | 1692 +++
 .../SubjectFollowManagementModal.vue          |   57 +
 .../xxjj/subjectFollowManagement/index.vue    |   92 +
 .../subjectFollowManagement.data.ts           |  397 +
 .../views/xxjj/supplier/SubjectBasicModal.vue |   57 +
 .../src/views/xxjj/supplier/index.vue         |   92 +
 .../views/xxjj/supplier/subjectBasic.data.ts  | 1692 +++
 yunxi-ui-admin-vben/stylelint.config.js       |   73 +
 yunxi-ui-admin-vben/tsconfig.json             |   41 +
 yunxi-ui-admin-vben/uno.config.ts             |   13 +
 yunxi-ui-admin-vben/vite.config.ts            |   99 +
 1049 files changed, 106860 insertions(+)
 create mode 100644 yunxi-ui-admin-vben/.editorconfig
 create mode 100644 yunxi-ui-admin-vben/.env
 create mode 100644 yunxi-ui-admin-vben/.env.front
 create mode 100644 yunxi-ui-admin-vben/.env.production
 create mode 100644 yunxi-ui-admin-vben/.env.static
 create mode 100644 yunxi-ui-admin-vben/.env.test
 create mode 100644 yunxi-ui-admin-vben/.eslintignore
 create mode 100644 yunxi-ui-admin-vben/.eslintrc.js
 create mode 100644 yunxi-ui-admin-vben/.gitattributes
 create mode 100644 yunxi-ui-admin-vben/.gitignore
 create mode 100644 yunxi-ui-admin-vben/.gitpod.yml
 create mode 100644 yunxi-ui-admin-vben/.hintrc
 create mode 100644 yunxi-ui-admin-vben/.prettierignore
 create mode 100644 yunxi-ui-admin-vben/.stylelintignore
 create mode 100644 yunxi-ui-admin-vben/LICENSE
 create mode 100644 yunxi-ui-admin-vben/README.md
 create mode 100644 yunxi-ui-admin-vben/commitlint.config.js
 create mode 100644 yunxi-ui-admin-vben/index.html
 create mode 100644 yunxi-ui-admin-vben/npm
 create mode 100644 yunxi-ui-admin-vben/package.json
 create mode 100644 yunxi-ui-admin-vben/pnpm-lock.yaml
 create mode 100644 yunxi-ui-admin-vben/public/favicon.ico
 create mode 100644 yunxi-ui-admin-vben/public/resource/img/logo.png
 create mode 100644 yunxi-ui-admin-vben/public/resource/img/pwa-192x192.png
 create mode 100644 yunxi-ui-admin-vben/public/resource/img/pwa-512x512.png
 create mode 100644 yunxi-ui-admin-vben/public/resource/img/wx.png
 create mode 100644 yunxi-ui-admin-vben/public/resource/img/wx2.png
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/langs/en.js
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/langs/zh_CN.js
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.inline.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.mobile.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.inline.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.mobile.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.mobile.min.css
 create mode 100644 yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.shadowdom.min.css
 create mode 100644 yunxi-ui-admin-vben/src/App.vue
 create mode 100644 yunxi-ui-admin-vben/src/api/base/login.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/model/loginModel.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/model/menuModel.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/model/uploadModel.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/model/userModel.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/profile.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/upload.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/base/user.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/activity/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/definition/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/form/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/leave/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/model/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/processInstance/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/task/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/taskAssignRule/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/bpm/userGroup/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/apiAccessLog/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/apiErrorLog/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/codegen/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/codegen/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/config/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/dataSourceConfig/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/dbDoc/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/file/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/fileConfig/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/job/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/jobLog/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/redis/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/infra/redis/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/address/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/group/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/level/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/point/config/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/point/record/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/signin/config/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/signin/record/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/tag/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/member/user/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/account/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/autoReply/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/draft/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/freePublish/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/material/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/menu/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/message/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/mpuser/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/statistics/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/mp/tag/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/pay/app/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/pay/channel/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/pay/demo/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/pay/notify/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/pay/order/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/pay/refund/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/area/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/dept/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/dict/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/dict/type.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/dict/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/enterprise/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/errorCode/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/loginLog/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/mail/account.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/mail/log.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/mail/template.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/menu/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/notice/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/notify/message.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/notify/template.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/oauth2/client.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/oauth2/token.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/operatelog/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/permission/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/post/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/role/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/sensitiveWord/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/sms/smsChannel/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/sms/smsLog/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/sms/smsTemplate/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/tenant/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/tenantPackage/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/system/user/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/xxjj/businessWarehouse/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/xxjj/customer/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/xxjj/enterprise/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/xxjj/subjectBasic/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/api/xxjj/subjectFollowManagement/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/download-count.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-1.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-2.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-3.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-4.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-5.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-6.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/moon.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/sun.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/test.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/total-sales.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/transaction.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/icons/visit-count.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/demo.png
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/header.jpg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/logo.png
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_app.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_bar.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_pc.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_qr.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_wap.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/mock.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_app.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_lite.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_pub.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/images/test/w100h100.png
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/illustration.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/login-bg-dark.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/login-bg.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/login-box-bg.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/net-error.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/no-data.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/preview/p-rotate.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/preview/resume.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/preview/scale.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/preview/unrotate.svg
 create mode 100644 yunxi-ui-admin-vben/src/assets/svg/preview/unscale.svg
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/AppDarkModeToggle.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/AppLocalePicker.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/AppLogo.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/AppProvider.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/AppSizePicker.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/search/AppSearch.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchFooter.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchKeyItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/search/useMenuSearch.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Application/src/useAppContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Authority/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Authority/src/Authority.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Basic/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Basic/src/BasicArrow.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Basic/src/BasicHelp.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Basic/src/BasicTitle.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Button/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Button/src/BasicButton.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Button/src/PopConfirmButton.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Button/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CardList/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CardList/src/CardList.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CardList/src/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/src/CodeEditor.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/CodeMirror.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codeMirror.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codemirror.css
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/src/json-preview/JsonPreview.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CodeEditor/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Container/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Container/src/LazyContainer.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Container/src/ScrollContainer.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseContainer.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Container/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/ContextMenu/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/ContextMenu/src/ContextMenu.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/ContextMenu/src/createContextMenu.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/ContextMenu/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CountDown/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CountDown/src/CountButton.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CountDown/src/CountdownInput.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CountDown/src/useCountdown.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CountTo/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CountTo/src/CountTo.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInner.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInput.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/CronTabModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/cron.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/DayUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/HourUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MinuteUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MonthUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/SecondUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/WeekUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/YearUI.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/tabs/useTabMixin.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/CronTab/src/validator.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Cropper/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Cropper/src/CopperModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Cropper/src/Cropper.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Cropper/src/CropperAvatar.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Cropper/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Description/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Description/src/Description.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Description/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Description/src/useDescription.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/DictTag/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/DictTag/src/DictTag.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/src/BasicDrawer.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerFooter.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Drawer/src/useDrawer.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Dropdown/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Dropdown/src/Dropdown.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Dropdown/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Excel/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Excel/src/Export2Excel.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Excel/src/ExportExcelModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Excel/src/ImportExcel.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Excel/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/BasicForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/componentMap.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/ApiCascader.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/ApiRadioGroup.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/ApiSelect.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/ApiTransfer.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/ApiTree.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/ApiTreeSelect.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/FileUpload.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/FormAction.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/FormItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/RadioButtonGroup.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/components/UploadItemActions.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/helper.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useAdvanced.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useAutoFocus.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useComponentRegister.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useForm.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormEvents.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormValues.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/hooks/useLabelWidth.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/types/form.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/types/formItem.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/types/hooks.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Form/src/types/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/componentPropsConfig.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/drag.less
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/variable.less
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/vFormItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/useForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/components/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/core/formItemConfig.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/core/iconConfig.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormDesignState.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useVFormMethods.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/typings/base-type.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/typings/form-type.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/typings/v-form-component.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/utils/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/FormDesign/src/utils/message.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/IFrame/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/IFrame/src/IFrame.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Icon/data/icons.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Icon/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Icon/src/Icon.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Icon/src/IconPicker.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Icon/src/SvgIcon.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Loading/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Loading/src/Loading.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Loading/src/createLoading.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Loading/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Loading/src/useLoading.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Markdown/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Markdown/src/Markdown.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Markdown/src/MarkdownViewer.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Markdown/src/getTheme.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Markdown/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/BasicMenu.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/components/BasicMenuItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/components/BasicSubMenuItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/components/MenuItemContent.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/index.less
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Menu/src/useOpenKeys.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/BasicModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/components/Modal.tsx
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/components/ModalClose.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/components/ModalFooter.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/components/ModalHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/components/ModalWrapper.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModal.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalDrag.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalFullScreen.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/index.less
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Modal/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Page/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Page/src/PageFooter.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Page/src/PageWrapper.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Preview/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Preview/src/Functional.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Preview/src/Preview.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Preview/src/functional.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Preview/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Scrollbar/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Scrollbar/src/Scrollbar.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Scrollbar/src/bar.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Scrollbar/src/types.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Scrollbar/src/util.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenu.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenuTag.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleSubMenu.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/Menu.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/SubMenuItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/menu.less
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useMenu.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/index.less
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/SimpleMenu/src/useOpenKeys.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/StrengthMeter/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/StrengthMeter/src/StrengthMeter.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/BasicTable.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/componentMap.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/EditTableHeaderIcon.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/HeaderCell.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/TableAction.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/TableActionIcon.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/TableFooter.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/TableHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/TableImg.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/TableTitle.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/editable/CellComponent.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/editable/EditableCell.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/editable/helper.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/editable/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/settings/ColumnSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/settings/FormSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/settings/FullScreenSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/settings/RedoSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/settings/SizeSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/components/settings/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/const.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useColumns.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useCustomRow.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useDataSource.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useLoading.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/usePagination.tsx
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useRender.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useRowSelection.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useScrollTo.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTable.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableExpand.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableFooter.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableForm.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableHeader.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableScroll.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableStyle.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/types/column.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/types/componentType.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/types/pagination.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/types/table.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Table/src/types/tableAction.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tinymce/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tinymce/src/Editor.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Tinymce/src/ImgUpload.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Tinymce/src/helper.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tinymce/src/tinymce.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Transition/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Transition/src/CollapseTransition.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Transition/src/CreateTransition.tsx
 create mode 100644 yunxi-ui-admin-vben/src/components/Transition/src/ExpandTransition.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/src/BasicTree.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/src/TreeIcon.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/src/components/TreeHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/src/hooks/useTree.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/src/types/tree.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/style/index.less
 create mode 100644 yunxi-ui-admin-vben/src/components/Tree/style/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/BasicUpload.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/FileList.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/ThumbUrl.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/UploadModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/UploadPreviewModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/data.tsx
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/helper.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/typing.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Upload/src/useUpload.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/Verify.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifyPoints.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifySlide.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/Verify/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/style/verify.css
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/utils/ase.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/Verifition/src/utils/util.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/VirtualScroll/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/components/VirtualScroll/src/VirtualScroll.vue
 create mode 100644 yunxi-ui-admin-vben/src/components/registerGlobComp.ts
 create mode 100644 yunxi-ui-admin-vben/src/design/color.less
 create mode 100644 yunxi-ui-admin-vben/src/design/config.less
 create mode 100644 yunxi-ui-admin-vben/src/design/entry.css
 create mode 100644 yunxi-ui-admin-vben/src/design/index.less
 create mode 100644 yunxi-ui-admin-vben/src/design/public.less
 create mode 100644 yunxi-ui-admin-vben/src/design/theme.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/base.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/fade.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/index.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/scale.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/scroll.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/slide.less
 create mode 100644 yunxi-ui-admin-vben/src/design/transition/zoom.less
 create mode 100644 yunxi-ui-admin-vben/src/design/var/breakpoint.less
 create mode 100644 yunxi-ui-admin-vben/src/design/var/easing.less
 create mode 100644 yunxi-ui-admin-vben/src/design/var/index.less
 create mode 100644 yunxi-ui-admin-vben/src/directives/clickOutside.ts
 create mode 100644 yunxi-ui-admin-vben/src/directives/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/directives/loading.ts
 create mode 100644 yunxi-ui-admin-vben/src/directives/permission.ts
 create mode 100644 yunxi-ui-admin-vben/src/directives/repeatClick.ts
 create mode 100644 yunxi-ui-admin-vben/src/directives/ripple/index.less
 create mode 100644 yunxi-ui-admin-vben/src/directives/ripple/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/appEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/breakpointEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/cacheEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/exceptionEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/httpEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/menuEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/pageEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/roleEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/sizeEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/enums/systemEnum.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/component/useFormItem.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/component/usePageContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/core/onMountedOrActivated.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/core/useAttrs.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/core/useContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/core/useLockFn.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/core/useRefs.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/event/useBreakpoint.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/event/useEventListener.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/event/useIntersectionObserver.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/event/useScroll.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/event/useScrollTo.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/event/useWindowSizeFn.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/setting/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/setting/useHeaderSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/setting/useMenuSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/setting/useMultipleTabSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/setting/useRootSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/setting/useTransitionSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useAppInject.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useContentHeight.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useContextMenu.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useCopyToClipboard.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useDesign.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useECharts.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useFullContent.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useI18n.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useLockPage.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useMessage.tsx
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/usePage.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/usePagination.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/usePermission.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useScript.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useSortable.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useTabs.ts
 create mode 100644 yunxi-ui-admin-vben/src/hooks/web/useTitle.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/content/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/content/useContentContext.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/content/useContentViewHeight.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/feature/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/footer/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/MultipleHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/Breadcrumb.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/ErrorAction.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/FullScreen.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/lock/LockModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/notify/NoticeList.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/notify/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/notify/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index1.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/index.less
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/header/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/menu/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/menu/useLayoutMenu.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/SettingDrawer.tsx
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/InputNumberItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/SelectItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/SettingFooter.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/SwitchItem.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/ThemeColorPicker.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/TypePicker.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/components/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/enum.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/handler.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/setting/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/sider/DragBar.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/sider/LayoutSider.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/sider/MixSider.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/sider/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/sider/useLayoutSider.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/components/FoldButton.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabContent.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabRedo.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/index.less
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/useMultipleTabs.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/tabs/useTabDropdown.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/trigger/HeaderTrigger.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/trigger/SiderTrigger.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/default/trigger/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/iframe/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/iframe/useFrameKeepAlive.ts
 create mode 100644 yunxi-ui-admin-vben/src/layouts/page/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/layouts/page/transition.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/helper.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/action.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/common.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/component.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/layout.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/profile.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/routes/basic.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/routes/dashboard.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/en/sys.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/action.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/antdLocale/DatePicker.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/common.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/component.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/layout.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/profile.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/basic.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/dashboard.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh-CN/sys.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/lang/zh_CN.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/setupI18n.ts
 create mode 100644 yunxi-ui-admin-vben/src/locales/useLocale.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/error-handle/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/initAppConfig.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/mitt/routeChange.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/theme/dark.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/theme/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/theme/updateBackground.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/theme/updateColorWeak.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/theme/updateGrayMode.ts
 create mode 100644 yunxi-ui-admin-vben/src/logics/theme/util.ts
 create mode 100644 yunxi-ui-admin-vben/src/main.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/constant.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/guard/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/guard/paramMenuGuard.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/guard/permissionGuard.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/guard/stateGuard.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/helper/menuHelper.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/helper/routeHelper.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/menus/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/routes/basic.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/routes/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/routes/modules/about.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/routes/modules/dashboard.ts
 create mode 100644 yunxi-ui-admin-vben/src/router/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/componentSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/designSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/encryptionSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/localeSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/projectSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/siteSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/settings/sizeSetting.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/app.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/dict.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/errorLog.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/locale.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/lock.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/multipleTab.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/permission.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/user.ts
 create mode 100644 yunxi-ui-admin-vben/src/store/modules/userMessage.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/axios.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/config.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/global.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/index.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/module.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/store.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/utils.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/types/vue-router.d.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/auth/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/bem.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/cache/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/cache/memory.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/cache/persistent.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/cache/storageCache.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/cipher.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/color.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/dateUtil.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/dict.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/domUtils.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/env.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/event/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/factory/createAsyncComponent.tsx
 create mode 100644 yunxi-ui-admin-vben/src/utils/file/base64Conver.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/file/download.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/helper/treeHelper.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/helper/tsxHelper.tsx
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/Axios.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/axiosCancel.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/axiosRetry.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/axiosTransform.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/checkStatus.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/helper.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/http/axios/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/is.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/lib/echarts.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/log.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/mitt.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/propTypes.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/tongji.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/tree.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/types.ts
 create mode 100644 yunxi-ui-admin-vben/src/utils/uuid.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/base/about/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/exception/Exception.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/exception/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/base/iframe/FrameBlank.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/iframe/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/lock/LockPage.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/lock/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/lock/useNow.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/ForgetPasswordForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/Login.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/LoginForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/LoginFormTitle.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/MobileForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/QrCodeForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/RegisterForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/SSOForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/SessionTimeoutLogin.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/sso.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/login/useLogin.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/AccountBind.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/BaseSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/MsgNotify.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/PasswordModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/SecureSetting.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/profile/index1.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/base/redirect/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/definition/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/form/FormModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/form/editor/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/form/form.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/form/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/group/GroupModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/group/group.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/group/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/model/ModelImportModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/model/ModelModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/model/editor/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/model/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/model/model.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/oa/leave/create.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/oa/leave/detail.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/oa/leave/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/oa/leave/leave.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/processInstance/create/create.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/processInstance/create/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/processInstance/detail/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/processInstance/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/processInstance/processInstance.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/task/done/done.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/task/done/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/task/todo/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/task/todo/todo.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/bpm/taskAssignRule/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/GrowCard.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SalesProductPie.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SiteAnalysis.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysis.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitRadar.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitSource.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/components/props.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/analysis/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/components/DynamicInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/components/ProjectCard.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/components/QuickNav.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/components/SaleRadar.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/components/WorkbenchHeader.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/components/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/dashboard/workbench/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/apiAccessLog/AccessLogModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/apiAccessLog/apiAccessLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/apiAccessLog/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/apiErrorLog/ErrorLogModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/apiErrorLog/apiErrorLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/apiErrorLog/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/build/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/EditTable.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/codegen.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/components/BasicInfoForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/components/CloumInfoForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/components/FinishForm.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/components/ImportTableModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/components/PreviewModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/components/data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/codegen/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/config/ConfigModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/config/config.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/config/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/dataSourceConfig.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/dbDoc/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/druid/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/file/file.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/file/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/fileConfig/FileConfigModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/fileConfig/ficleConfig.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/fileConfig/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/job/JobModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/job/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/job/job.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/job/logger/JobLogModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/job/logger/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/job/logger/jobLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/redis/components/CommandStats.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/redis/components/Memory.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/redis/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/redis/redis.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/server/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/skywalking/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/swagger/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/testDemo/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/infra/webSocket/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/market/banner/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/product/brand/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/product/category/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/product/property/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/product/spu/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/promotion/coupon/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/promotion/couponTemplate/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/promotion/discountActivity/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/promotion/rewardActivity/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillActivity/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillTime/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/trade/afterSale/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/trade/expressCompany/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mall/trade/order/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/group/GroupModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/group/group.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/member/group/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/level/LevelModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/level/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/level/level.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/member/point/config/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/point/record/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/point/record/record.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/member/signin/config/ConfigModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/signin/config/config.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/member/signin/config/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/signin/record/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/signin/record/record.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/member/tag/TagModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/tag/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/tag/tag.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/member/user/UpdateLevelModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/user/UserDetailDrawer.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/user/UserModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/user/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/member/user/user.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/account/AccountModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/account/account.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/account/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/autoReply/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxAccountSelect/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxLocation/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/type.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxMsg/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxMusic/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxNews/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxReply/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxVideoPlay/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/WxVoicePlay/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/components/index.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/draft/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/freePublish/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/material/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/menu/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/message/MessageModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/message/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/message/message.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/statistics/components/InterfaceSummaryChart.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/statistics/components/UpstreamMessageChart.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/statistics/components/UserCumulateChart.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/statistics/components/UserSummaryChart.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/statistics/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/statistics/statistics.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/tag/TagModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/tag/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/tag/tag.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/user/MpUserModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/user/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/mp/user/mpuser.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/app/AppModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/app/ChannelModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/app/app.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/app/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/cashier/cashier.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/cashier/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/demo/DemoModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/demo/demo.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/demo/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/notify/NotifyModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/notify/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/notify/notify.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/order/OrderModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/order/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/order/order.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/refund/RefundModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/refund/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/pay/refund/refund.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/report/goview/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/report/jmreport/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ConfirmDel.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalAdd.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalEdit.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/TransferList.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperateRecords.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/area/AreaModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/area/area.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/area/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dept/DeptModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dept/dept.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dept/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dict/DictData.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dict/DictDataModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dict/DictTypeModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dict/dict.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dict/dict.type.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/dict/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/errorCode/ErrorCodeModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/errorCode/errorCode.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/errorCode/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/loginlog/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/loginlog/index1.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/loginlog/loginLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/account/AccountModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/account/account.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/account/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/log/MailLogModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/log/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/log/mailLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/template/SendMailModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/template/TemplateModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/template/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/mail/template/template.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/menu/MenuModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/menu/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/menu/menu.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notice/NoticeModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notice/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notice/index1.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notice/notice.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/components/MessageInfoModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/components/message.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/message/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/message/index1.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/message/message.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/my/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/my/my.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/template/SendNotifyModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/template/TemplateModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/template/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/notify/template/template.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/oauth2/client/ClientModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/oauth2/client/client.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/oauth2/client/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/oauth2/token/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/oauth2/token/token.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/operatelog/LogInfoModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/operatelog/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/operatelog/operateLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/post/PostModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/post/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/post/post.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/role/RoleMenuModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/role/RoleModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/role/RoleScopeModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/role/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/role/role.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sensitiveWord/SensitiveWordModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sensitiveWord/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sensitiveWord/sensitiveWord.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/channel/SmsChannelModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/channel/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/channel/smsChannel.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/log/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/log/smsLog.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/template/SendSmsModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/template/SmsTemplateModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/template/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/sms/template/smsTemplate.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/tenant/TenantModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/tenant/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/tenant/tenant.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/tenantPackage/TenantPackageModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/tenantPackage/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/tenantPackage/tenantPackage.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/DeptTree.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/ResetPwdModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/UserModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/UserRoleModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/index1.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/system/user/user.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/users/configuration/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/users/mine/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/users/newNustomer/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/BusinessOrganizationModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/businessOrganization.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessTree.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/BusinessWarehouseModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/businessWarehouse.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/customer/SubjectBasicModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/customer/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/customer/subjectBasic.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/enterprise/EnterpriseModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/enterprise/enterprise.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/enterprise/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/EnterpriseModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/enterprise.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/service/SubjectBasicModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/service/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/service/subjectBasic.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/SubjectFollowManagementModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/subjectFollowManagement.data.ts
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/supplier/SubjectBasicModal.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/supplier/index.vue
 create mode 100644 yunxi-ui-admin-vben/src/views/xxjj/supplier/subjectBasic.data.ts
 create mode 100644 yunxi-ui-admin-vben/stylelint.config.js
 create mode 100644 yunxi-ui-admin-vben/tsconfig.json
 create mode 100644 yunxi-ui-admin-vben/uno.config.ts
 create mode 100644 yunxi-ui-admin-vben/vite.config.ts

diff --git a/yunxi-ui-admin-vben/.editorconfig b/yunxi-ui-admin-vben/.editorconfig
new file mode 100644
index 0000000..dccf841
--- /dev/null
+++ b/yunxi-ui-admin-vben/.editorconfig
@@ -0,0 +1,19 @@
+root = true
+
+[*]
+charset=utf-8
+end_of_line=lf
+insert_final_newline=true
+indent_style=space
+indent_size=2
+max_line_length = 100
+
+[*.{yml,yaml,json}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
diff --git a/yunxi-ui-admin-vben/.env b/yunxi-ui-admin-vben/.env
new file mode 100644
index 0000000..40b893d
--- /dev/null
+++ b/yunxi-ui-admin-vben/.env
@@ -0,0 +1,17 @@
+# 端口号
+VITE_PORT = 8090
+
+# 网站标题
+VITE_GLOB_APP_TITLE = 云息Saas平台
+
+# 简称，用于配置文件名字 不要出现空格、数字开头等特殊字符
+VITE_GLOB_APP_SHORT_NAME = Yunxi_Saas_Admin
+
+# 租户开关
+VITE_GLOB_APP_TENANT_ENABLE = true
+
+# 验证码的开关
+VITE_GLOB_APP_CAPTCHA_ENABLE = true
+
+# 百度统计
+VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/yunxi-ui-admin-vben/.env.front b/yunxi-ui-admin-vben/.env.front
new file mode 100644
index 0000000..6d8443d
--- /dev/null
+++ b/yunxi-ui-admin-vben/.env.front
@@ -0,0 +1,28 @@
+# 本地开发环境
+NODE_ENV=development
+
+# 资源公共路径,需要以 /开头和结尾
+VITE_PUBLIC_PATH = /
+
+# 本地开发代理，可以解决跨域及多地址代理
+# 如果接口地址匹配到，则会转发到http://localhost:3000，防止本地出现跨域问题
+# 可以有多个，注意多个不能换行，否则代理将会失效
+VITE_PROXY = [["/dev-api","http://api-dashboard.yudao.iocoder.cn/admin-api"],["/upload","http://api-dashboard.yudao.iocoder.cn/admin-api/infra/file/upload"]]
+# VITE_PROXY=[["/api","http://vben.xingyuv.com/test"]]
+
+# 是否删除Console.log
+VITE_DROP_CONSOLE = false
+
+# 基础页面地址，例如 swagger 等页面
+VITE_GLOB_BASE_URL = "http://api-dashboard.yudao.iocoder.cn"
+# 接口地址,如果没有跨域问题，直接在这里配置即可
+VITE_GLOB_API_URL = /dev-api
+
+# 文件上传接口  可选
+VITE_GLOB_UPLOAD_URL = /upload
+
+# 接口地址前缀，有些系统所有接口地址都有前缀，可以在这里统一加，方便切换
+VITE_GLOB_API_URL_PREFIX =
+
+# 百度统计
+VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/yunxi-ui-admin-vben/.env.production b/yunxi-ui-admin-vben/.env.production
new file mode 100644
index 0000000..9ebe49a
--- /dev/null
+++ b/yunxi-ui-admin-vben/.env.production
@@ -0,0 +1,30 @@
+# 资源公共路径,需要以 / 开头和结尾
+VITE_PUBLIC_PATH = /
+
+# 是否删除Console.log
+VITE_DROP_CONSOLE = true
+
+# 打包是否输出gz｜br文件
+# 可选: gzip | brotli | none
+# 也可以有多个, 例如 ‘gzip’|'brotli',这样会同时生成 .gz和.br文件
+VITE_BUILD_COMPRESS = 'gzip'
+
+# 使用compress时是否删除源文件，默认false
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
+
+# 基础页面地址，例如 swagger 等页面
+VITE_GLOB_BASE_URL = "http://localhost:48080"
+# 接口地址 可以由nginx做转发或者直接写实际地址
+VITE_GLOB_API_URL = http://localhost:48080/admin-api
+
+# 文件上传地址 可以由nginx做转发或者直接写实际地址
+VITE_GLOB_UPLOAD_URL = /upload
+
+# 接口地址前缀，有些系统所有接口地址都有前缀，可以在这里统一加，方便切换
+VITE_GLOB_API_URL_PREFIX =
+
+# 打包是否开启pwa功能
+VITE_USE_PWA = false
+
+# 百度统计
+VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/yunxi-ui-admin-vben/.env.static b/yunxi-ui-admin-vben/.env.static
new file mode 100644
index 0000000..dca1756
--- /dev/null
+++ b/yunxi-ui-admin-vben/.env.static
@@ -0,0 +1,30 @@
+# 资源公共路径,需要以 / 开头和结尾
+VITE_PUBLIC_PATH = /
+
+# 是否删除Console.log
+VITE_DROP_CONSOLE = true
+
+# 打包是否输出gz｜br文件
+# 可选: gzip | brotli | none
+# 也可以有多个, 例如 ‘gzip’|'brotli',这样会同时生成 .gz和.br文件
+VITE_BUILD_COMPRESS = 'gzip'
+
+# 使用compress时是否删除源文件，默认false
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
+
+# 基础页面地址，例如 swagger 等页面
+VITE_GLOB_BASE_URL = "http://api-dashboard.yudao.iocoder.cn"
+# 接口地址,如果没有跨域问题，直接在这里配置即可
+VITE_GLOB_API_URL = http://api-dashboard.yudao.iocoder.cn/admin-api
+
+# 文件上传地址 可以由nginx做转发或者直接写实际地址
+VITE_GLOB_UPLOAD_URL = http://api-dashboard.yudao.iocoder.cn/admin-api/infra/file/upload
+
+# 接口地址前缀，有些系统所有接口地址都有前缀，可以在这里统一加，方便切换
+VITE_GLOB_API_URL_PREFIX =
+
+# 打包是否开启pwa功能
+VITE_USE_PWA = false
+
+# 百度统计
+VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/yunxi-ui-admin-vben/.env.test b/yunxi-ui-admin-vben/.env.test
new file mode 100644
index 0000000..7c78cb5
--- /dev/null
+++ b/yunxi-ui-admin-vben/.env.test
@@ -0,0 +1,30 @@
+# 资源公共路径,需要以 / 开头和结尾
+VITE_PUBLIC_PATH = /
+
+# 是否删除Console.log
+VITE_DROP_CONSOLE = true
+
+# 打包是否输出gz｜br文件
+# 可选: gzip | brotli | none
+# 也可以有多个, 例如 ‘gzip’|'brotli',这样会同时生成 .gz和.br文件
+VITE_BUILD_COMPRESS = 'gzip'
+
+# 使用compress时是否删除源文件，默认false
+VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
+
+# 基础页面地址，例如 swagger 等页面
+VITE_GLOB_BASE_URL = "http://localhost:48080"
+# 接口地址,如果没有跨域问题，直接在这里配置即可
+VITE_GLOB_API_URL = http://localhost:48080/admin-api
+
+# 文件上传地址 可以由nginx做转发或者直接写实际地址
+VITE_GLOB_UPLOAD_URL = /upload
+
+# 接口地址前缀，有些系统所有接口地址都有前缀，可以在这里统一加，方便切换
+VITE_GLOB_API_URL_PREFIX =
+
+# 打包是否开启pwa功能
+VITE_USE_PWA = false
+
+# 百度统计
+VITE_APP_BAIDU_CODE = eb21166668bf766b9d059a6fd1c10777
diff --git a/yunxi-ui-admin-vben/.eslintignore b/yunxi-ui-admin-vben/.eslintignore
new file mode 100644
index 0000000..897dede
--- /dev/null
+++ b/yunxi-ui-admin-vben/.eslintignore
@@ -0,0 +1,13 @@
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.local
+/bin
+Dockerfile
diff --git a/yunxi-ui-admin-vben/.eslintrc.js b/yunxi-ui-admin-vben/.eslintrc.js
new file mode 100644
index 0000000..288e452
--- /dev/null
+++ b/yunxi-ui-admin-vben/.eslintrc.js
@@ -0,0 +1,10 @@
+const process = require('node:process')
+
+process.env.ESLINT_TSCONFIG = 'tsconfig.json'
+
+module.exports = {
+  extends: ['@xingyuv', '@unocss'],
+  rules: {
+    'no-console': 'off',
+  },
+}
diff --git a/yunxi-ui-admin-vben/.gitattributes b/yunxi-ui-admin-vben/.gitattributes
new file mode 100644
index 0000000..d4e5bd3
--- /dev/null
+++ b/yunxi-ui-admin-vben/.gitattributes
@@ -0,0 +1,11 @@
+# https://docs.github.com/cn/get-started/getting-started-with-git/configuring-git-to-handle-line-endings
+
+# Automatically normalize line endings (to LF) for all text-based files.
+* text=auto eol=lf
+
+# Declare files that will always have CRLF line endings on checkout.
+*.{cmd,[cC][mM][dD]} text eol=crlf
+*.{bat,[bB][aA][tT]} text eol=crlf
+
+# Denote all files that are truly binary and should not be modified.
+*.{ico,png,jpg,jpeg,gif,webp,svg,woff,woff2} binary
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/.gitignore b/yunxi-ui-admin-vben/.gitignore
new file mode 100644
index 0000000..4c6447b
--- /dev/null
+++ b/yunxi-ui-admin-vben/.gitignore
@@ -0,0 +1,39 @@
+node_modules
+.DS_Store
+dist
+.npmrc
+.cache
+
+tests/server/static
+tests/server/static/upload
+
+*.local
+# local env files
+.env.local
+.env.*.local
+.env.development
+.eslintcache
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+# .vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+package-lock.json
+
+.history
+.vscode
+.vite
+
+
+
diff --git a/yunxi-ui-admin-vben/.gitpod.yml b/yunxi-ui-admin-vben/.gitpod.yml
new file mode 100644
index 0000000..866381f
--- /dev/null
+++ b/yunxi-ui-admin-vben/.gitpod.yml
@@ -0,0 +1,6 @@
+ports:
+  - port: 3344
+    onOpen: open-preview
+tasks:
+  - init: pnpm install
+    command: pnpm run dev
diff --git a/yunxi-ui-admin-vben/.hintrc b/yunxi-ui-admin-vben/.hintrc
new file mode 100644
index 0000000..455c781
--- /dev/null
+++ b/yunxi-ui-admin-vben/.hintrc
@@ -0,0 +1,16 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "compat-api/css": [
+      "default",
+      {
+        "ignore": [
+          "-webkit-tap-highlight-color",
+          "text-size-adjust"
+        ]
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/.prettierignore b/yunxi-ui-admin-vben/.prettierignore
new file mode 100644
index 0000000..f7e39e6
--- /dev/null
+++ b/yunxi-ui-admin-vben/.prettierignore
@@ -0,0 +1,9 @@
+/dist/*
+.local
+.output.js
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*
diff --git a/yunxi-ui-admin-vben/.stylelintignore b/yunxi-ui-admin-vben/.stylelintignore
new file mode 100644
index 0000000..0517076
--- /dev/null
+++ b/yunxi-ui-admin-vben/.stylelintignore
@@ -0,0 +1,3 @@
+/dist/*
+/public/*
+public/*
diff --git a/yunxi-ui-admin-vben/LICENSE b/yunxi-ui-admin-vben/LICENSE
new file mode 100644
index 0000000..b9c65c2
--- /dev/null
+++ b/yunxi-ui-admin-vben/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-present, xingyuv
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/yunxi-ui-admin-vben/README.md b/yunxi-ui-admin-vben/README.md
new file mode 100644
index 0000000..f24bb95
--- /dev/null
+++ b/yunxi-ui-admin-vben/README.md
@@ -0,0 +1,132 @@
+# yudao-ui-admin-vben
+
+[![license](https://img.shields.io/github/license/xingyuv/vue-vben-admin.svg)](LICENSE)
+
+**严肃声明：现在、未来都不会有商业版本，所有代码全部开源!！**
+
+**「我喜欢写代码，乐此不疲」**  
+**「我喜欢做开源，以此为乐」**
+
+如果这个项目让你有所收获，记得 Star 关注哦，这对我是非常不错的鼓励与支持。
+
+## 预览地址
+
+- [预览地址](http://dashboard-vben.yudao.iocoder.cn/)
+- [启动文档](https://doc.iocoder.cn/quick-start/)
+- [开发文档](http://vben-doc.x-surge.com/)
+- [视频教程](https://doc.iocoder.cn/video/)
+
+## 外包项目请联系 [ xinyu370 ]
+
+- ![alt 定制开发](./public/resource/img/wx2.png)
+
+## 交流群
+
+- ![alt 交流群](./public/resource/img/wx.png)
+
+## 框架
+
+| 框架                                                                 | 说明                  | 版本   |
+| -------------------------------------------------------------------- | --------------------- | ------ |
+| [Vue](https://staging-cn.vuejs.org/)                                 | Vue 框架              | 3.3.4  |
+| [Vite](https://cn.vitejs.dev//)                                      | 开发与构建工具        | 4.4.9  |
+| [ant-design-vue](https://antdv.com/)                                 | ant-design-vue        | 4.0.3  |
+| [TypeScript](https://www.typescriptlang.org/docs/)                   | JavaScript 的超集     | 5.1.6  |
+| [pinia](https://pinia.vuejs.org/)                                    | Vue 存储库 替代 vuex5 | 2.1.6  |
+| [vueuse](https://vueuse.org/)                                        | 常用工具集            | 10.4.1 |
+| [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html/) | 国际化                | 9.4.1  |
+| [vue-router](https://router.vuejs.org/)                              | Vue 路由              | 4.2.5  |
+| [unocss](https://uno.antfu.me/)                                      | 原子 css              | 0.56.1 |
+| [iconify](https://icon-sets.iconify.design/)                         | 在线图标库            | 3.1.1  |
+
+- ![alt VbenAdmin](https://anncwb.github.io/anncwb/images/preview1.png)
+- ![alt VbenAdmin](https://anncwb.github.io/anncwb/images/preview2.png)
+- ![alt VbenAdmin](https://anncwb.github.io/anncwb/images/preview3.png)
+
+## 准备
+
+- [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境
+- [Vite4](https://vitejs.dev/) - 熟悉 vite 特性
+- [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法
+- [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法
+- [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法
+- [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用
+- [Ant-Design-Vue-4.0](https://antdv.com/) - ui 基本使用
+
+## 安装使用
+
+- 获取项目代码
+
+```bash
+git clone https://gitee.com/xingyuv/yudao-ui-admin-vben.git
+or
+git clone https://github.com/xingyuv/yudao-ui-admin-vben.git
+```
+
+- 安装依赖
+
+```bash
+pnpm i
+
+如提示 Expected version: >=8.6.0
+
+使用 cmd 等升级 pnpm 版本
+npm add -g pnpm
+
+```
+
+- 运行
+
+```bash
+pnpm dev
+
+or
+// 如果不想启动后端
+
+pnpm front
+
+```
+
+- 打包
+
+```bash
+pnpm build
+```
+
+## 开发进度
+
+- 系统管理 已完成
+- 基础设施 已完成
+- 支付管理 已完成
+- 升级 antdv 4.0 已完成
+- 公众号 进行中 50% 预计年底
+- 工作流 进行中 40% 预计年底
+
+## Git 贡献提交规范
+
+- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))
+
+  - `feat` 增加新功能
+  - `fix` 修复问题/BUG
+  - `style` 代码风格相关无影响运行结果的
+  - `perf` 优化/性能提升
+  - `refactor` 重构
+  - `revert` 撤销修改
+  - `test` 测试相关
+  - `docs` 文档/注释
+  - `chore` 依赖更新/脚手架配置修改等
+  - `workflow` 工作流改进
+  - `ci` 持续集成
+  - `types` 类型定义文件更改
+  - `wip` 开发中
+
+## 浏览器支持
+
+本地开发推荐使用`Chrome 80+` 浏览器
+
+支持现代浏览器, 不支持 IE
+
+| ![alt IE](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_32x32.png) | ![alt Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_32x32.png) | ![alt Firefox](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_32x32.png) | ![alt Chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_32x32.png) | ![alt Safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_32x32.png) |
+| :---------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: |
+|                     [IE](http://godban.github.io/browsers-support-badges/)                      |                     [Edge](http://godban.github.io/browsers-support-badgess/)                     |                        [Firefox](http://godban.github.io/browsers-support-badges/)                         |                       [Chrome](http://godban.github.io/browsers-support-badges/)                        |                       [Safari](http://godban.github.io/browsers-support-badges/)                        |
+|                                           not support                                           |                                          last 2 versions                                          |                                              last 2 versions                                               |                                             last 2 versions                                             |                                             last 2 versions                                             |
diff --git a/yunxi-ui-admin-vben/commitlint.config.js b/yunxi-ui-admin-vben/commitlint.config.js
new file mode 100644
index 0000000..906d79e
--- /dev/null
+++ b/yunxi-ui-admin-vben/commitlint.config.js
@@ -0,0 +1,91 @@
+const fs = require('node:fs')
+const path = require('node:path')
+const { execSync } = require('node:child_process')
+
+const scopes = fs
+  .readdirSync(path.resolve(__dirname, 'src'), { withFileTypes: true })
+  .filter(dirent => dirent.isDirectory())
+  .map(dirent => dirent.name.replace(/s$/, ''))
+
+// precomputed scope
+const scopeComplete = execSync('git status --porcelain || true')
+  .toString()
+  .trim()
+  .split('\n')
+  .find(r => ~r.indexOf('M  src'))
+  ?.replace(/(\/)/g, '%%')
+  ?.match(/src%%((\w|-)*)/)?.[1]
+  ?.replace(/s$/, '')
+
+/** @type {import('cz-git').UserConfig} */
+module.exports = {
+  ignores: [commit => commit.includes('init')],
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'body-leading-blank': [2, 'always'],
+    'footer-leading-blank': [1, 'always'],
+    'header-max-length': [2, 'always', 108],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+    'subject-case': [0],
+    'type-enum': [
+      2,
+      'always',
+      ['feat', 'fix', 'perf', 'style', 'docs', 'test', 'refactor', 'build', 'ci', 'chore', 'revert', 'wip', 'workflow', 'types', 'release'],
+    ],
+  },
+  prompt: {
+    /** @use `yarn commit :f` */
+    alias: {
+      f: 'docs: fix typos',
+      r: 'docs: update README',
+      s: 'style: update code format',
+      b: 'build: bump dependencies',
+      c: 'chore: update config',
+    },
+    customScopesAlign: !scopeComplete ? 'top' : 'bottom',
+    defaultScope: scopeComplete,
+    scopes: [...scopes, 'mock'],
+    allowEmptyIssuePrefixs: false,
+    allowCustomIssuePrefixs: false,
+
+    // English
+    typesAppend: [
+      { value: 'wip', name: 'wip:      work in process' },
+      { value: 'workflow', name: 'workflow: workflow improvements' },
+      { value: 'types', name: 'types:    type definition file changes' },
+    ],
+
+    // 中英文对照版
+    messages: {
+      type: '选择你要提交的类型 :',
+      scope: '选择一个提交范围 (可选):',
+      customScope: '请输入自定义的提交范围 :',
+      subject: '填写简短精炼的变更描述 :\n',
+      body: '填写更加详细的变更描述 (可选)。使用 "|" 换行 :\n',
+      breaking: '列举非兼容性重大的变更 (可选)。使用 "|" 换行 :\n',
+      footerPrefixsSelect: '选择关联issue前缀 (可选):',
+      customFooterPrefixs: '输入自定义issue前缀 :',
+      footer: '列举关联issue (可选) 例如: #31, #I3244 :\n',
+      confirmCommit: '是否提交或修改commit ?',
+    },
+    types: [
+      { value: 'feat', name: 'feat:     新增功能' },
+      { value: 'fix', name: 'fix:      修复缺陷' },
+      { value: 'docs', name: 'docs:     文档变更' },
+      { value: 'style', name: 'style:    代码格式' },
+      { value: 'refactor', name: 'refactor: 代码重构' },
+      { value: 'perf', name: 'perf:     性能优化' },
+      { value: 'test', name: 'test:     添加疏漏测试或已有测试改动' },
+      { value: 'build', name: 'build:    构建流程、外部依赖变更 (如升级 npm 包、修改打包配置等)' },
+      { value: 'ci', name: 'ci:       修改 CI 配置、脚本' },
+      { value: 'revert', name: 'revert:   回滚 commit' },
+      { value: 'chore', name: 'chore:    对构建过程或辅助工具和库的更改 (不影响源文件、测试用例)' },
+      { value: 'wip', name: 'wip:      正在开发中' },
+      { value: 'workflow', name: 'workflow: 工作流程改进' },
+      { value: 'types', name: 'types:    类型定义文件修改' },
+    ],
+    emptyScopesAlias: 'empty:      不填写',
+    customScopesAlias: 'custom:     自定义',
+  },
+}
diff --git a/yunxi-ui-admin-vben/index.html b/yunxi-ui-admin-vben/index.html
new file mode 100644
index 0000000..ed0f37c
--- /dev/null
+++ b/yunxi-ui-admin-vben/index.html
@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="en" id="htmlRoot">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="renderer" content="webkit" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
+    />
+    <title>%VITE_GLOB_APP_TITLE%</title>
+    <link rel="icon" href="/favicon.ico" />
+  </head>
+  <body>
+    <script>
+      (() => {
+        let htmlRoot = document.getElementById('htmlRoot')
+        let theme = window.localStorage.getItem('__APP__DARK__MODE__')
+        if (htmlRoot && theme) {
+          htmlRoot.setAttribute('data-theme', theme)
+          theme = htmlRoot = null
+        }
+      })()
+    </script>
+    <div id="app">
+      <style>
+        html[data-theme="dark"] {
+          .app-loading {
+            background-color: #2c344a;
+
+            .app-loading-title {
+              color: rgb(255 255 255 / 85%);
+            }
+          }
+        }
+
+        .app-loading {
+          display: flex;
+          width: 100%;
+          height: 100%;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          background-color: #f4f7f9;
+        }
+
+        .app-loading .app-loading-wrap {
+          position: absolute;
+          top: 50%;
+          left: 50%;
+          display: flex;
+          transform: translate3d(-50%, -50%, 0);
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+        }
+
+        .app-loading .dots {
+          display: flex;
+          padding: 98px;
+          justify-content: center;
+          align-items: center;
+        }
+
+        .app-loading .app-loading-title {
+          display: flex;
+          margin-top: 30px;
+          font-size: 30px;
+          color: rgb(0 0 0 / 85%);
+          justify-content: center;
+          align-items: center;
+        }
+
+        .app-loading .app-loading-logo {
+          display: block;
+          width: 90px;
+          margin: 0 auto;
+          margin-bottom: 20px;
+        }
+
+        .dot {
+          position: relative;
+          display: inline-block;
+          width: 48px;
+          height: 48px;
+          margin-top: 30px;
+          font-size: 32px;
+          transform: rotate(45deg);
+          box-sizing: border-box;
+          animation: antRotate 1.2s infinite linear;
+        }
+
+        .dot i {
+          position: absolute;
+          display: block;
+          width: 20px;
+          height: 20px;
+          background-color: #0065cc;
+          border-radius: 100%;
+          opacity: 30%;
+          transform: scale(0.75);
+          animation: antSpinMove 1s infinite linear alternate;
+          transform-origin: 50% 50%;
+        }
+
+        .dot i:nth-child(1) {
+          top: 0;
+          left: 0;
+        }
+
+        .dot i:nth-child(2) {
+          top: 0;
+          right: 0;
+          animation-delay: 0.4s;
+        }
+
+        .dot i:nth-child(3) {
+          right: 0;
+          bottom: 0;
+          animation-delay: 0.8s;
+        }
+
+        .dot i:nth-child(4) {
+          bottom: 0;
+          left: 0;
+          animation-delay: 1.2s;
+        }
+        @keyframes antRotate {
+          to {
+            transform: rotate(405deg);
+          }
+        }
+        @keyframes antRotate {
+          to {
+            transform: rotate(405deg);
+          }
+        }
+        @keyframes antSpinMove {
+          to {
+            opacity: 100%;
+          }
+        }
+        @keyframes antSpinMove {
+          to {
+            opacity: 100%;
+          }
+        }
+      </style>
+      <div class="app-loading">
+        <div class="app-loading-wrap">
+          <img src="/resource/img/logo.png" class="app-loading-logo" alt="Logo" />
+          <div class="app-loading-dots">
+            <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+          </div>
+          <div class="app-loading-title">%VITE_GLOB_APP_TITLE%</div>
+        </div>
+      </div>
+    </div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/yunxi-ui-admin-vben/npm b/yunxi-ui-admin-vben/npm
new file mode 100644
index 0000000..e69de29
diff --git a/yunxi-ui-admin-vben/package.json b/yunxi-ui-admin-vben/package.json
new file mode 100644
index 0000000..e62ca14
--- /dev/null
+++ b/yunxi-ui-admin-vben/package.json
@@ -0,0 +1,169 @@
+{
+  "name": "yudao-ui-admin-vben",
+  "version": "1.8.1-snapshot",
+  "packageManager": "pnpm@8.6.0",
+  "author": {
+    "name": "xingyuv",
+    "email": "xingyu4j@vip.qq.com",
+    "url": "https://gitee.com/xingyuv"
+  },
+  "license": "MIT",
+  "homepage": "https://gitee.com/xingyuv",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitee.com/xingyuv/vue-vben-admin.git"
+  },
+  "bugs": {
+    "url": "https://gitee.com/xingyuv/issues"
+  },
+  "engines": {
+    "node": ">= 18.0.0",
+    "pnpm": ">=8.6.0"
+  },
+  "scripts": {
+    "commit": "czg",
+    "bootstrap": "pnpm install",
+    "serve": "pnpm dev",
+    "dev": "vite",
+    "front": "vite --mode front",
+    "build": "cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=8192 vite build && esno ./build/script/postBuild.ts",
+    "build:test": "cross-env NODE_OPTIONS=--max-old-space-size=8192  vite build --mode test && esno ./build/script/postBuild.ts",
+    "build:static": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build --mode static && esno ./build/script/postBuild.ts",
+    "build:no-cache": "pnpm clean:cache && pnpm build",
+    "report": "cross-env REPORT=true pnpm build",
+    "type:check": "vue-tsc --noEmit --skipLibCheck",
+    "preview": "pnpm build && vite preview",
+    "preview:dist": "vite preview",
+    "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite",
+    "clean:lib": "rimraf node_modules",
+    "lint": "eslint \"src/**/*.{vue,ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{vue,ts,tsx}\" --fix",
+    "lint:stylelint": "stylelint \"src/**/*.{vue,css,less,scss}\" --fix --cache --cache-location node_modules/.cache/stylelint/",
+    "lint:lint-staged": "lint-staged",
+    "npm:check": "npx npm-check-updates",
+    "reinstall": "rimraf pnpm-lock.yaml && rimraf package.lock.json && rimraf node_modules && pnpm bootstrap",
+    "prepare": "husky install",
+    "gen:icon": "esno ./build/generate/icon/index.ts"
+  },
+  "dependencies": {
+    "@ant-design/colors": "^7.0.0",
+    "@ant-design/icons-vue": "^7.0.0",
+    "@iconify/iconify": "^3.1.1",
+    "@videojs-player/vue": "^1.0.0",
+    "@vue/runtime-core": "^3.3.4",
+    "@vueuse/core": "^10.4.1",
+    "@zxcvbn-ts/core": "^3.0.4",
+    "ant-design-vue": "^4.0.3",
+    "axios": "^1.5.0",
+    "benz-amr-recorder": "^1.1.5",
+    "codemirror": "^5.65.3",
+    "cron-parser": "^4.9.0",
+    "cropperjs": "^1.6.1",
+    "crypto-js": "^4.1.1",
+    "dayjs": "^1.11.10",
+    "echarts": "^5.4.3",
+    "lodash-es": "^4.17.21",
+    "nprogress": "^0.2.0",
+    "path-to-regexp": "^6.2.1",
+    "pinia": "^2.1.6",
+    "print-js": "^1.6.0",
+    "qs": "^6.11.2",
+    "resize-observer-polyfill": "^1.5.1",
+    "sortablejs": "^1.15.0",
+    "tinymce": "^5.10.7",
+    "vditor": "^3.9.5",
+    "video-js": "^0.7.0",
+    "vue": "^3.3.4",
+    "vue-i18n": "^9.4.1",
+    "vue-json-pretty": "^2.2.4",
+    "vue-router": "^4.2.5",
+    "vue-types": "^5.1.1",
+    "vuedraggable": "^4.1.0",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@iconify/json": "^2.2.119",
+    "@purge-icons/generated": "^0.9.0",
+    "@types/codemirror": "^5.60.10",
+    "@types/crypto-js": "^4.1.2",
+    "@types/fs-extra": "^11.0.2",
+    "@types/inquirer": "^9.0.3",
+    "@types/lodash-es": "^4.17.9",
+    "@types/node": "^20.6.0",
+    "@types/nprogress": "^0.2.1",
+    "@types/qs": "^6.9.8",
+    "@types/sortablejs": "^1.15.2",
+    "@unocss/eslint-config": "^0.56.1",
+    "@vitejs/plugin-vue": "4.3.4",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "@vue/compiler-sfc": "^3.3.4",
+    "@xingyuv/eslint-config": "^0.1.6",
+    "cross-env": "^7.0.3",
+    "cz-git": "^1.7.1",
+    "czg": "^1.7.1",
+    "dotenv": "^16.3.1",
+    "eslint": "^8.50.0",
+    "esno": "^0.17.0",
+    "fs-extra": "^11.1.1",
+    "husky": "^8.0.3",
+    "inquirer": "^9.2.11",
+    "less": "^4.2.0",
+    "lint-staged": "^14.0.1",
+    "picocolors": "^1.0.0",
+    "postcss": "^8.4.30",
+    "postcss-html": "^1.5.0",
+    "postcss-less": "^6.0.0",
+    "prettier": "^3.0.3",
+    "rimraf": "^5.0.1",
+    "rollup": "^3.29.3",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "stylelint": "^15.10.3",
+    "stylelint-config-recess-order": "^4.3.0",
+    "stylelint-config-recommended": "^13.0.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-order": "^6.0.3",
+    "stylelint-prettier": "^4.0.2",
+    "terser": "^5.20.0",
+    "typescript": "^5.2.2",
+    "unocss": "^0.56.1",
+    "vite": "^4.4.9",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-mkcert": "^1.16.0",
+    "vite-plugin-progress": "^0.0.7",
+    "vite-plugin-purge-icons": "^0.9.2",
+    "vite-plugin-pwa": "^0.16.5",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-vue-plugin-html": "^1.0.2",
+    "vue-eslint-parser": "^9.3.1",
+    "vue-tsc": "^1.8.13"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix"
+    ],
+    "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
+      "prettier --write--parser json"
+    ],
+    "package.json": [
+      "prettier --write"
+    ],
+    "*.vue": [
+      "eslint --fix",
+      "stylelint --fix"
+    ],
+    "*.{scss,less,styl,html}": [
+      "stylelint --fix"
+    ],
+    "*.md": [
+      "prettier --write"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  }
+}
diff --git a/yunxi-ui-admin-vben/pnpm-lock.yaml b/yunxi-ui-admin-vben/pnpm-lock.yaml
new file mode 100644
index 0000000..06ea66f
--- /dev/null
+++ b/yunxi-ui-admin-vben/pnpm-lock.yaml
@@ -0,0 +1,9973 @@
+lockfileVersion: '6.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+dependencies:
+  '@ant-design/colors':
+    specifier: ^7.0.0
+    version: 7.0.0
+  '@ant-design/icons-vue':
+    specifier: ^7.0.0
+    version: 7.0.0(vue@3.3.4)
+  '@iconify/iconify':
+    specifier: ^3.1.1
+    version: 3.1.1
+  '@videojs-player/vue':
+    specifier: ^1.0.0
+    version: 1.0.0(@types/video.js@7.3.52)(video.js@7.21.5)(vue@3.3.4)
+  '@vue/runtime-core':
+    specifier: ^3.3.4
+    version: 3.3.4
+  '@vueuse/core':
+    specifier: ^10.4.1
+    version: 10.4.1(vue@3.3.4)
+  '@zxcvbn-ts/core':
+    specifier: ^3.0.4
+    version: 3.0.4
+  ant-design-vue:
+    specifier: ^4.0.3
+    version: 4.0.3(vue@3.3.4)
+  axios:
+    specifier: ^1.5.0
+    version: 1.5.0(debug@4.3.4)
+  benz-amr-recorder:
+    specifier: ^1.1.5
+    version: 1.1.5
+  codemirror:
+    specifier: ^5.65.3
+    version: 5.65.15
+  cron-parser:
+    specifier: ^4.9.0
+    version: 4.9.0
+  cropperjs:
+    specifier: ^1.6.1
+    version: 1.6.1
+  crypto-js:
+    specifier: ^4.1.1
+    version: 4.1.1
+  dayjs:
+    specifier: ^1.11.10
+    version: 1.11.10
+  echarts:
+    specifier: ^5.4.3
+    version: 5.4.3
+  lodash-es:
+    specifier: ^4.17.21
+    version: 4.17.21
+  nprogress:
+    specifier: ^0.2.0
+    version: 0.2.0
+  path-to-regexp:
+    specifier: ^6.2.1
+    version: 6.2.1
+  pinia:
+    specifier: ^2.1.6
+    version: 2.1.6(typescript@5.2.2)(vue@3.3.4)
+  print-js:
+    specifier: ^1.6.0
+    version: 1.6.0
+  qs:
+    specifier: ^6.11.2
+    version: 6.11.2
+  resize-observer-polyfill:
+    specifier: ^1.5.1
+    version: 1.5.1
+  sortablejs:
+    specifier: ^1.15.0
+    version: 1.15.0
+  tinymce:
+    specifier: ^5.10.7
+    version: 5.10.7
+  vditor:
+    specifier: ^3.9.5
+    version: 3.9.5
+  video-js:
+    specifier: ^0.7.0
+    version: 0.7.0
+  vue:
+    specifier: ^3.3.4
+    version: 3.3.4
+  vue-i18n:
+    specifier: ^9.4.1
+    version: 9.4.1(vue@3.3.4)
+  vue-json-pretty:
+    specifier: ^2.2.4
+    version: 2.2.4(vue@3.3.4)
+  vue-router:
+    specifier: ^4.2.5
+    version: 4.2.5(vue@3.3.4)
+  vue-types:
+    specifier: ^5.1.1
+    version: 5.1.1(vue@3.3.4)
+  vuedraggable:
+    specifier: ^4.1.0
+    version: 4.1.0(vue@3.3.4)
+  xlsx:
+    specifier: ^0.18.5
+    version: 0.18.5
+
+devDependencies:
+  '@commitlint/cli':
+    specifier: ^17.7.1
+    version: 17.7.1
+  '@commitlint/config-conventional':
+    specifier: ^17.7.0
+    version: 17.7.0
+  '@iconify/json':
+    specifier: ^2.2.119
+    version: 2.2.119
+  '@purge-icons/generated':
+    specifier: ^0.9.0
+    version: 0.9.0
+  '@types/codemirror':
+    specifier: ^5.60.10
+    version: 5.60.10
+  '@types/crypto-js':
+    specifier: ^4.1.2
+    version: 4.1.2
+  '@types/fs-extra':
+    specifier: ^11.0.2
+    version: 11.0.2
+  '@types/inquirer':
+    specifier: ^9.0.3
+    version: 9.0.3
+  '@types/lodash-es':
+    specifier: ^4.17.9
+    version: 4.17.9
+  '@types/node':
+    specifier: ^20.6.0
+    version: 20.6.4
+  '@types/nprogress':
+    specifier: ^0.2.1
+    version: 0.2.1
+  '@types/qs':
+    specifier: ^6.9.8
+    version: 6.9.8
+  '@types/sortablejs':
+    specifier: ^1.15.2
+    version: 1.15.2
+  '@unocss/eslint-config':
+    specifier: ^0.56.1
+    version: 0.56.1(eslint@8.50.0)(typescript@5.2.2)
+  '@vitejs/plugin-vue':
+    specifier: 4.3.4
+    version: 4.3.4(vite@4.4.9)(vue@3.3.4)
+  '@vitejs/plugin-vue-jsx':
+    specifier: ^3.0.2
+    version: 3.0.2(vite@4.4.9)(vue@3.3.4)
+  '@vue/compiler-sfc':
+    specifier: ^3.3.4
+    version: 3.3.4
+  '@xingyuv/eslint-config':
+    specifier: ^0.1.6
+    version: 0.1.6(eslint@8.50.0)(typescript@5.2.2)
+  cross-env:
+    specifier: ^7.0.3
+    version: 7.0.3
+  cz-git:
+    specifier: ^1.7.1
+    version: 1.7.1
+  czg:
+    specifier: ^1.7.1
+    version: 1.7.1
+  dotenv:
+    specifier: ^16.3.1
+    version: 16.3.1
+  eslint:
+    specifier: ^8.50.0
+    version: 8.50.0
+  esno:
+    specifier: ^0.17.0
+    version: 0.17.0
+  fs-extra:
+    specifier: ^11.1.1
+    version: 11.1.1
+  husky:
+    specifier: ^8.0.3
+    version: 8.0.3
+  inquirer:
+    specifier: ^9.2.11
+    version: 9.2.11
+  less:
+    specifier: ^4.2.0
+    version: 4.2.0
+  lint-staged:
+    specifier: ^14.0.1
+    version: 14.0.1
+  picocolors:
+    specifier: ^1.0.0
+    version: 1.0.0
+  postcss:
+    specifier: ^8.4.30
+    version: 8.4.30
+  postcss-html:
+    specifier: ^1.5.0
+    version: 1.5.0
+  postcss-less:
+    specifier: ^6.0.0
+    version: 6.0.0(postcss@8.4.30)
+  prettier:
+    specifier: ^3.0.3
+    version: 3.0.3
+  rimraf:
+    specifier: ^5.0.1
+    version: 5.0.1
+  rollup:
+    specifier: ^3.29.3
+    version: 3.29.3
+  rollup-plugin-visualizer:
+    specifier: ^5.9.2
+    version: 5.9.2(rollup@3.29.3)
+  stylelint:
+    specifier: ^15.10.3
+    version: 15.10.3(typescript@5.2.2)
+  stylelint-config-recess-order:
+    specifier: ^4.3.0
+    version: 4.3.0(stylelint@15.10.3)
+  stylelint-config-recommended:
+    specifier: ^13.0.0
+    version: 13.0.0(stylelint@15.10.3)
+  stylelint-config-recommended-vue:
+    specifier: ^1.5.0
+    version: 1.5.0(postcss-html@1.5.0)(stylelint@15.10.3)
+  stylelint-config-standard:
+    specifier: ^34.0.0
+    version: 34.0.0(stylelint@15.10.3)
+  stylelint-order:
+    specifier: ^6.0.3
+    version: 6.0.3(stylelint@15.10.3)
+  stylelint-prettier:
+    specifier: ^4.0.2
+    version: 4.0.2(prettier@3.0.3)(stylelint@15.10.3)
+  terser:
+    specifier: ^5.20.0
+    version: 5.20.0
+  typescript:
+    specifier: ^5.2.2
+    version: 5.2.2
+  unocss:
+    specifier: ^0.56.1
+    version: 0.56.1(postcss@8.4.30)(rollup@3.29.3)(vite@4.4.9)
+  vite:
+    specifier: ^4.4.9
+    version: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+  vite-plugin-compression:
+    specifier: ^0.5.1
+    version: 0.5.1(vite@4.4.9)
+  vite-plugin-mkcert:
+    specifier: ^1.16.0
+    version: 1.16.0(vite@4.4.9)
+  vite-plugin-progress:
+    specifier: ^0.0.7
+    version: 0.0.7(vite@4.4.9)
+  vite-plugin-purge-icons:
+    specifier: ^0.9.2
+    version: 0.9.2(vite@4.4.9)
+  vite-plugin-pwa:
+    specifier: ^0.16.5
+    version: 0.16.5(vite@4.4.9)(workbox-build@7.0.0)(workbox-window@7.0.0)
+  vite-plugin-svg-icons:
+    specifier: ^2.0.1
+    version: 2.0.1(vite@4.4.9)
+  vite-vue-plugin-html:
+    specifier: ^1.0.2
+    version: 1.0.2(rollup@3.29.3)(vite@4.4.9)
+  vue-eslint-parser:
+    specifier: ^9.3.1
+    version: 9.3.1(eslint@8.50.0)
+  vue-tsc:
+    specifier: ^1.8.13
+    version: 1.8.13(typescript@5.2.2)
+
+packages:
+
+  /@aashutoshrathi/word-wrap@1.2.6:
+    resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /@ampproject/remapping@2.2.1:
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.19
+    dev: true
+
+  /@ant-design/colors@6.0.0:
+    resolution: {integrity: sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==}
+    dependencies:
+      '@ctrl/tinycolor': 3.6.1
+    dev: false
+
+  /@ant-design/colors@7.0.0:
+    resolution: {integrity: sha512-iVm/9PfGCbC0dSMBrz7oiEXZaaGH7ceU40OJEfKmyuzR9R5CRimJYPlRiFtMQGQcbNMea/ePcoIebi4ASGYXtg==}
+    dependencies:
+      '@ctrl/tinycolor': 3.6.1
+    dev: false
+
+  /@ant-design/icons-svg@4.3.1:
+    resolution: {integrity: sha512-4QBZg8ccyC6LPIRii7A0bZUk3+lEDCLnhB+FVsflGdcWPPmV+j3fire4AwwoqHV/BibgvBmR9ZIo4s867smv+g==}
+    dev: false
+
+  /@ant-design/icons-vue@7.0.0(vue@3.3.4):
+    resolution: {integrity: sha512-VEb0r/Jqo2qi9olfBephYlyxbmhQVZ5+tJ3Zw5VaBd5h0wV1zdjGt5mJxSbRRs2mnnOWpsa1s4PeoLwNnkLV/w==}
+    peerDependencies:
+      vue: '>=3.0.3'
+    dependencies:
+      '@ant-design/colors': 6.0.0
+      '@ant-design/icons-svg': 4.3.1
+      vue: 3.3.4
+    dev: false
+
+  /@antfu/install-pkg@0.1.1:
+    resolution: {integrity: sha512-LyB/8+bSfa0DFGC06zpCEfs89/XoWZwws5ygEa5D+Xsm3OfI+aXQ86VgVG7Acyef+rSZ5HE7J8rrxzrQeM3PjQ==}
+    dependencies:
+      execa: 5.1.1
+      find-up: 5.0.0
+    dev: true
+
+  /@antfu/utils@0.7.6:
+    resolution: {integrity: sha512-pvFiLP2BeOKA/ZOS6jxx4XhKzdVLHDhGlFEaZ2flWWYf2xOqVniqpk38I04DFRyz+L0ASggl7SkItTc+ZLju4w==}
+    dev: true
+
+  /@apideck/better-ajv-errors@0.3.6(ajv@8.12.0):
+    resolution: {integrity: sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      ajv: '>=8'
+    dependencies:
+      ajv: 8.12.0
+      json-schema: 0.4.0
+      jsonpointer: 5.0.1
+      leven: 3.1.0
+    dev: true
+
+  /@babel/code-frame@7.22.13:
+    resolution: {integrity: sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/highlight': 7.22.20
+      chalk: 2.4.2
+    dev: true
+
+  /@babel/compat-data@7.22.20:
+    resolution: {integrity: sha512-BQYjKbpXjoXwFW5jGqiizJQQT/aC7pFm9Ok1OWssonuguICi264lbgMzRp2ZMmRSlfkX6DsWDDcsrctK8Rwfiw==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/core@7.22.20:
+    resolution: {integrity: sha512-Y6jd1ahLubuYweD/zJH+vvOY141v4f9igNQAQ+MBgq9JlHS2iTsZKn1aMsb3vGccZsXI16VzTBw52Xx0DWmtnA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.22.15
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-module-transforms': 7.22.20(@babel/core@7.22.20)
+      '@babel/helpers': 7.22.15
+      '@babel/parser': 7.22.16
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.20
+      '@babel/types': 7.22.19
+      convert-source-map: 1.9.0
+      debug: 4.3.4
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/generator@7.22.15:
+    resolution: {integrity: sha512-Zu9oWARBqeVOW0dZOjXc3JObrzuqothQ3y/n1kUtrjCoCPLkXUwMvOo/F/TCfoHMbWIFlWwpZtkZVb9ga4U2pA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.19
+      jsesc: 2.5.2
+    dev: true
+
+  /@babel/helper-annotate-as-pure@7.22.5:
+    resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15:
+    resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-compilation-targets@7.22.15:
+    resolution: {integrity: sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/compat-data': 7.22.20
+      '@babel/helper-validator-option': 7.22.15
+      browserslist: 4.21.11
+      lru-cache: 5.1.1
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-create-class-features-plugin@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-member-expression-to-functions': 7.22.15
+      '@babel/helper-optimise-call-expression': 7.22.5
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.22.20)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-annotate-as-pure': 7.22.5
+      regexpu-core: 5.3.2
+      semver: 6.3.1
+    dev: true
+
+  /@babel/helper-define-polyfill-provider@0.4.2(@babel/core@7.22.20):
+    resolution: {integrity: sha512-k0qnnOqHn5dK9pZpfD5XXZ9SojAITdCKRn2Lp6rnDGzIbaP0rHyMPk/4wsSxVBVz4RfN0q6VpXWP2pDGIoQ7hw==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      debug: 4.3.4
+      lodash.debounce: 4.0.8
+      resolve: 1.22.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/helper-environment-visitor@7.22.20:
+    resolution: {integrity: sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-function-name@7.22.5:
+    resolution: {integrity: sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-hoist-variables@7.22.5:
+    resolution: {integrity: sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-member-expression-to-functions@7.22.15:
+    resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-module-imports@7.22.15:
+    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-module-transforms@7.22.20(@babel/core@7.22.20):
+    resolution: {integrity: sha512-dLT7JVWIUUxKOs1UnJUBR3S70YK+pKX6AbJgB2vMIvEkZkrfJDbYDJesnPshtKV4LhDOR3Oc5YULeDizRek+5A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-simple-access': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/helper-validator-identifier': 7.22.20
+    dev: true
+
+  /@babel/helper-optimise-call-expression@7.22.5:
+    resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-plugin-utils@7.22.5:
+    resolution: {integrity: sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-remap-async-to-generator@7.22.20(@babel/core@7.22.20):
+    resolution: {integrity: sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-wrap-function': 7.22.20
+    dev: true
+
+  /@babel/helper-replace-supers@7.22.20(@babel/core@7.22.20):
+    resolution: {integrity: sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-member-expression-to-functions': 7.22.15
+      '@babel/helper-optimise-call-expression': 7.22.5
+    dev: true
+
+  /@babel/helper-simple-access@7.22.5:
+    resolution: {integrity: sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-skip-transparent-expression-wrappers@7.22.5:
+    resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-split-export-declaration@7.22.6:
+    resolution: {integrity: sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helper-string-parser@7.22.5:
+    resolution: {integrity: sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-identifier@7.22.20:
+    resolution: {integrity: sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==}
+    engines: {node: '>=6.9.0'}
+
+  /@babel/helper-validator-option@7.22.15:
+    resolution: {integrity: sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-wrap-function@7.22.20:
+    resolution: {integrity: sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-function-name': 7.22.5
+      '@babel/template': 7.22.15
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/helpers@7.22.15:
+    resolution: {integrity: sha512-7pAjK0aSdxOwR+CcYAqgWOGy5dcfvzsTIfFTb2odQqW47MDfv14UaJDY6eng8ylM2EaeKXdxaSWESbkmaQHTmw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.20
+      '@babel/types': 7.22.19
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/highlight@7.22.20:
+    resolution: {integrity: sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      chalk: 2.4.2
+      js-tokens: 4.0.0
+    dev: true
+
+  /@babel/parser@7.22.16:
+    resolution: {integrity: sha512-+gPfKv8UWeKKeJTUxe59+OobVcrYHETCsORl61EmSkmgymguYk/X5bp7GuUIXaFsc6y++v8ZxPsLSSuujqDphA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.22.19
+
+  /@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.13.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-transform-optional-chaining': 7.22.15(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.20):
+    resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+    dev: true
+
+  /@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.22.20):
+    resolution: {integrity: sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.22.20):
+    resolution: {integrity: sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-import-assertions@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-import-attributes@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.22.20):
+    resolution: {integrity: sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-jsx@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-gvyP4hZrgrs/wWMaocvxZ44Hw0b3W8Pe+cMxc8V1ULQ07oh8VNbIRaoD1LRZVTvD+0nieDKjfgKg89sD7rrKrg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.22.20):
+    resolution: {integrity: sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.22.20):
+    resolution: {integrity: sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.22.20):
+    resolution: {integrity: sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-typescript@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.22.20):
+    resolution: {integrity: sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-arrow-functions@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-async-generator-functions@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-jBm1Es25Y+tVoTi5rfd5t1KLmL8ogLKpXszboWOTTtGFGz2RKnQe2yn7HbZ+kb/B8N0FVSGQo874NSlOU1T4+w==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.22.20)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-async-to-generator@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-block-scoped-functions@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-block-scoping@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-G1czpdJBZCtngoK1sJgloLiOHUnkb/bLZwqVZD8kXmq0ZnVfTTWUcs9OWtp0mBtYJ+4LQY1fllqBkOIPhXmFmw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-class-properties@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-class-static-block@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.12.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-classes@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-optimise-call-expression': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.22.20)
+      '@babel/helper-split-export-declaration': 7.22.6
+      globals: 11.12.0
+    dev: true
+
+  /@babel/plugin-transform-computed-properties@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/template': 7.22.15
+    dev: true
+
+  /@babel/plugin-transform-destructuring@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-HzG8sFl1ZVGTme74Nw+X01XsUTqERVQ6/RLHo3XjGRzm7XD6QTtfS3NJotVgCGy8BzkDqRjRBD8dAyJn5TuvSQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-dotall-regex@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-duplicate-keys@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-dynamic-import@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-exponentiation-operator@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-builder-binary-assignment-operator-visitor': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-export-namespace-from@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-for-of@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-function-name@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-json-strings@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-literals@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-logical-assignment-operators@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-member-expression-literals@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-modules-amd@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-R+PTfLTcYEmb1+kK7FNkhQ1gP4KgjpSO6HfH9+f8/yfp2Nt3ggBjiVpRwmwTlfqZLafYKJACy36yDXlEmI9HjQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-module-transforms': 7.22.20(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-modules-commonjs@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-jWL4eh90w0HQOTKP2MoXXUpVxilxsB2Vl4ji69rSjS3EcZ/v4sBmn+A3NpepuJzBhOaEBbR7udonlHHn5DWidg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-module-transforms': 7.22.20(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-simple-access': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-modules-systemjs@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-module-transforms': 7.22.20(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.20
+    dev: true
+
+  /@babel/plugin-transform-modules-umd@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-module-transforms': 7.22.20(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-named-capturing-groups-regex@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-new-target@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-nullish-coalescing-operator@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-numeric-separator@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-object-rest-spread@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.22.20
+      '@babel/core': 7.22.20
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-object-super@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-replace-supers': 7.22.20(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-optional-catch-binding@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-optional-chaining@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-ngQ2tBhq5vvSJw2Q2Z9i7ealNkpDMU0rGWnHPKqRZO0tzZ5tlaoz4hDvhXioOoaE0X2vfNss1djwg0DXlfu30A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-parameters@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-private-methods@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-private-property-in-object@7.22.11(@babel/core@7.22.20):
+    resolution: {integrity: sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-property-literals@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-regenerator@7.22.10(@babel/core@7.22.20):
+    resolution: {integrity: sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      regenerator-transform: 0.15.2
+    dev: true
+
+  /@babel/plugin-transform-reserved-words@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-shorthand-properties@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-spread@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-skip-transparent-expression-wrappers': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-sticky-regex@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-template-literals@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-typeof-symbol@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-typescript@7.22.15(@babel/core@7.22.20):
+    resolution: {integrity: sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-annotate-as-pure': 7.22.5
+      '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.22.20)
+    dev: true
+
+  /@babel/plugin-transform-unicode-escapes@7.22.10(@babel/core@7.22.20):
+    resolution: {integrity: sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-property-regex@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-regex@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/plugin-transform-unicode-sets-regex@7.22.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-create-regexp-features-plugin': 7.22.15(@babel/core@7.22.20)
+      '@babel/helper-plugin-utils': 7.22.5
+    dev: true
+
+  /@babel/preset-env@7.22.20(@babel/core@7.22.20):
+    resolution: {integrity: sha512-11MY04gGC4kSzlPHRfvVkNAZhUxOvm7DCJ37hPDnUENwe06npjIRAfInEMTGSb4LZK5ZgDFkv5hw0lGebHeTyg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/compat-data': 7.22.20
+      '@babel/core': 7.22.20
+      '@babel/helper-compilation-targets': 7.22.15
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/helper-validator-option': 7.22.15
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.22.20)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.20)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.22.20)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.22.20)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-import-assertions': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-syntax-import-attributes': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.22.20)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.22.20)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.22.20)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.22.20)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.22.20)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.22.20)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.22.20)
+      '@babel/plugin-transform-arrow-functions': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-async-generator-functions': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-async-to-generator': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-block-scoped-functions': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-block-scoping': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-class-properties': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-class-static-block': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-classes': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-computed-properties': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-destructuring': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-duplicate-keys': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-dynamic-import': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-exponentiation-operator': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-export-namespace-from': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-for-of': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-function-name': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-json-strings': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-literals': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-logical-assignment-operators': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-member-expression-literals': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-modules-amd': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-modules-commonjs': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-modules-systemjs': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-modules-umd': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-new-target': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-numeric-separator': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-object-rest-spread': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-object-super': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-optional-catch-binding': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-optional-chaining': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-parameters': 7.22.15(@babel/core@7.22.20)
+      '@babel/plugin-transform-private-methods': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-private-property-in-object': 7.22.11(@babel/core@7.22.20)
+      '@babel/plugin-transform-property-literals': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-regenerator': 7.22.10(@babel/core@7.22.20)
+      '@babel/plugin-transform-reserved-words': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-shorthand-properties': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-spread': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-sticky-regex': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-template-literals': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-typeof-symbol': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-unicode-escapes': 7.22.10(@babel/core@7.22.20)
+      '@babel/plugin-transform-unicode-property-regex': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.22.20)
+      '@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.22.20)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.22.20)
+      '@babel/types': 7.22.19
+      babel-plugin-polyfill-corejs2: 0.4.5(@babel/core@7.22.20)
+      babel-plugin-polyfill-corejs3: 0.8.4(@babel/core@7.22.20)
+      babel-plugin-polyfill-regenerator: 0.5.2(@babel/core@7.22.20)
+      core-js-compat: 3.32.2
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.22.20):
+    resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-plugin-utils': 7.22.5
+      '@babel/types': 7.22.19
+      esutils: 2.0.3
+    dev: true
+
+  /@babel/regjsgen@0.8.0:
+    resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==}
+    dev: true
+
+  /@babel/runtime@7.22.15:
+    resolution: {integrity: sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      regenerator-runtime: 0.14.0
+
+  /@babel/template@7.22.15:
+    resolution: {integrity: sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@babel/parser': 7.22.16
+      '@babel/types': 7.22.19
+    dev: true
+
+  /@babel/traverse@7.22.20:
+    resolution: {integrity: sha512-eU260mPZbU7mZ0N+X10pxXhQFMGTeLb9eFS0mxehS8HZp9o1uSnFeWQuG1UPrlxgA7QoUzFhOnilHDp0AXCyHw==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      '@babel/generator': 7.22.15
+      '@babel/helper-environment-visitor': 7.22.20
+      '@babel/helper-function-name': 7.22.5
+      '@babel/helper-hoist-variables': 7.22.5
+      '@babel/helper-split-export-declaration': 7.22.6
+      '@babel/parser': 7.22.16
+      '@babel/types': 7.22.19
+      debug: 4.3.4
+      globals: 11.12.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@babel/types@7.22.19:
+    resolution: {integrity: sha512-P7LAw/LbojPzkgp5oznjE6tQEIWbp4PkkfrZDINTro9zgBRtI324/EYsiSI7lhPbpIQ+DCeR2NNmMWANGGfZsg==}
+    engines: {node: '>=6.9.0'}
+    dependencies:
+      '@babel/helper-string-parser': 7.22.5
+      '@babel/helper-validator-identifier': 7.22.20
+      to-fast-properties: 2.0.0
+
+  /@commitlint/cli@17.7.1:
+    resolution: {integrity: sha512-BCm/AT06SNCQtvFv921iNhudOHuY16LswT0R3OeolVGLk8oP+Rk9TfQfgjH7QPMjhvp76bNqGFEcpKojxUNW1g==}
+    engines: {node: '>=v14'}
+    hasBin: true
+    dependencies:
+      '@commitlint/format': 17.4.4
+      '@commitlint/lint': 17.7.0
+      '@commitlint/load': 17.7.1
+      '@commitlint/read': 17.5.1
+      '@commitlint/types': 17.4.4
+      execa: 5.1.1
+      lodash.isfunction: 3.0.9
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /@commitlint/config-conventional@17.7.0:
+    resolution: {integrity: sha512-iicqh2o6et+9kWaqsQiEYZzfLbtoWv9uZl8kbI8EGfnc0HeGafQBF7AJ0ylN9D/2kj6txltsdyQs8+2fTMwWEw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      conventional-changelog-conventionalcommits: 6.1.0
+    dev: true
+
+  /@commitlint/config-validator@17.6.7:
+    resolution: {integrity: sha512-vJSncmnzwMvpr3lIcm0I8YVVDJTzyjy7NZAeXbTXy+MPUdAr9pKyyg7Tx/ebOQ9kqzE6O9WT6jg2164br5UdsQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      ajv: 8.12.0
+    dev: true
+
+  /@commitlint/ensure@17.6.7:
+    resolution: {integrity: sha512-mfDJOd1/O/eIb/h4qwXzUxkmskXDL9vNPnZ4AKYKiZALz4vHzwMxBSYtyL2mUIDeU9DRSpEUins8SeKtFkYHSw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      lodash.camelcase: 4.3.0
+      lodash.kebabcase: 4.1.1
+      lodash.snakecase: 4.1.1
+      lodash.startcase: 4.4.0
+      lodash.upperfirst: 4.3.1
+    dev: true
+
+  /@commitlint/execute-rule@17.4.0:
+    resolution: {integrity: sha512-LIgYXuCSO5Gvtc0t9bebAMSwd68ewzmqLypqI2Kke1rqOqqDbMpYcYfoPfFlv9eyLIh4jocHWwCK5FS7z9icUA==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/format@17.4.4:
+    resolution: {integrity: sha512-+IS7vpC4Gd/x+uyQPTAt3hXs5NxnkqAZ3aqrHd5Bx/R9skyCAWusNlNbw3InDbAK6j166D9asQM8fnmYIa+CXQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      chalk: 4.1.2
+    dev: true
+
+  /@commitlint/is-ignored@17.7.0:
+    resolution: {integrity: sha512-043rA7m45tyEfW7Zv2vZHF++176MLHH9h70fnPoYlB1slKBeKl8BwNIlnPg4xBdRBVNPaCqvXxWswx2GR4c9Hw==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      semver: 7.5.4
+    dev: true
+
+  /@commitlint/lint@17.7.0:
+    resolution: {integrity: sha512-TCQihm7/uszA5z1Ux1vw+Nf3yHTgicus/+9HiUQk+kRSQawByxZNESeQoX9ujfVd3r4Sa+3fn0JQAguG4xvvbA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/is-ignored': 17.7.0
+      '@commitlint/parse': 17.7.0
+      '@commitlint/rules': 17.7.0
+      '@commitlint/types': 17.4.4
+    dev: true
+
+  /@commitlint/load@17.7.1:
+    resolution: {integrity: sha512-S/QSOjE1ztdogYj61p6n3UbkUvweR17FQ0zDbNtoTLc+Hz7vvfS7ehoTMQ27hPSjVBpp7SzEcOQu081RLjKHJQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/config-validator': 17.6.7
+      '@commitlint/execute-rule': 17.4.0
+      '@commitlint/resolve-extends': 17.6.7
+      '@commitlint/types': 17.4.4
+      '@types/node': 20.4.7
+      chalk: 4.1.2
+      cosmiconfig: 8.3.6(typescript@5.2.2)
+      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.4.7)(cosmiconfig@8.3.6)(ts-node@10.9.1)(typescript@5.2.2)
+      lodash.isplainobject: 4.0.6
+      lodash.merge: 4.6.2
+      lodash.uniq: 4.5.0
+      resolve-from: 5.0.0
+      ts-node: 10.9.1(@types/node@20.6.4)(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - '@swc/core'
+      - '@swc/wasm'
+    dev: true
+
+  /@commitlint/message@17.4.2:
+    resolution: {integrity: sha512-3XMNbzB+3bhKA1hSAWPCQA3lNxR4zaeQAQcHj0Hx5sVdO6ryXtgUBGGv+1ZCLMgAPRixuc6en+iNAzZ4NzAa8Q==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/parse@17.7.0:
+    resolution: {integrity: sha512-dIvFNUMCUHqq5Abv80mIEjLVfw8QNuA4DS7OWip4pcK/3h5wggmjVnlwGCDvDChkw2TjK1K6O+tAEV78oxjxag==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/types': 17.4.4
+      conventional-changelog-angular: 6.0.0
+      conventional-commits-parser: 4.0.0
+    dev: true
+
+  /@commitlint/read@17.5.1:
+    resolution: {integrity: sha512-7IhfvEvB//p9aYW09YVclHbdf1u7g7QhxeYW9ZHSO8Huzp8Rz7m05aCO1mFG7G8M+7yfFnXB5xOmG18brqQIBg==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/top-level': 17.4.0
+      '@commitlint/types': 17.4.4
+      fs-extra: 11.1.1
+      git-raw-commits: 2.0.11
+      minimist: 1.2.8
+    dev: true
+
+  /@commitlint/resolve-extends@17.6.7:
+    resolution: {integrity: sha512-PfeoAwLHtbOaC9bGn/FADN156CqkFz6ZKiVDMjuC2N5N0740Ke56rKU7Wxdwya8R8xzLK9vZzHgNbuGhaOVKIg==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/config-validator': 17.6.7
+      '@commitlint/types': 17.4.4
+      import-fresh: 3.3.0
+      lodash.mergewith: 4.6.2
+      resolve-from: 5.0.0
+      resolve-global: 1.0.0
+    dev: true
+
+  /@commitlint/rules@17.7.0:
+    resolution: {integrity: sha512-J3qTh0+ilUE5folSaoK91ByOb8XeQjiGcdIdiB/8UT1/Rd1itKo0ju/eQVGyFzgTMYt8HrDJnGTmNWwcMR1rmA==}
+    engines: {node: '>=v14'}
+    dependencies:
+      '@commitlint/ensure': 17.6.7
+      '@commitlint/message': 17.4.2
+      '@commitlint/to-lines': 17.4.0
+      '@commitlint/types': 17.4.4
+      execa: 5.1.1
+    dev: true
+
+  /@commitlint/to-lines@17.4.0:
+    resolution: {integrity: sha512-LcIy/6ZZolsfwDUWfN1mJ+co09soSuNASfKEU5sCmgFCvX5iHwRYLiIuoqXzOVDYOy7E7IcHilr/KS0e5T+0Hg==}
+    engines: {node: '>=v14'}
+    dev: true
+
+  /@commitlint/top-level@17.4.0:
+    resolution: {integrity: sha512-/1loE/g+dTTQgHnjoCy0AexKAEFyHsR2zRB4NWrZ6lZSMIxAhBJnmCqwao7b4H8888PsfoTBCLBYIw8vGnej8g==}
+    engines: {node: '>=v14'}
+    dependencies:
+      find-up: 5.0.0
+    dev: true
+
+  /@commitlint/types@17.4.4:
+    resolution: {integrity: sha512-amRN8tRLYOsxRr6mTnGGGvB5EmW/4DDjLMgiwK3CCVEmN6Sr/6xePGEpWaspKkckILuUORCwe6VfDBw6uj4axQ==}
+    engines: {node: '>=v14'}
+    dependencies:
+      chalk: 4.1.2
+    dev: true
+
+  /@cspotcode/source-map-support@0.8.1:
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
+    dev: true
+
+  /@csstools/css-parser-algorithms@2.3.1(@csstools/css-tokenizer@2.2.0):
+    resolution: {integrity: sha512-xrvsmVUtefWMWQsGgFffqWSK03pZ1vfDki4IVIIUxxDKnGBzqNgv0A7SB1oXtVNEkcVO8xi1ZrTL29HhSu5kGA==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^2.2.0
+    dependencies:
+      '@csstools/css-tokenizer': 2.2.0
+    dev: true
+
+  /@csstools/css-tokenizer@2.2.0:
+    resolution: {integrity: sha512-wErmsWCbsmig8sQKkM6pFhr/oPha1bHfvxsUY5CYSQxwyhA9Ulrs8EqCgClhg4Tgg2XapVstGqSVcz0xOYizZA==}
+    engines: {node: ^14 || ^16 || >=18}
+    dev: true
+
+  /@csstools/media-query-list-parser@2.1.4(@csstools/css-parser-algorithms@2.3.1)(@csstools/css-tokenizer@2.2.0):
+    resolution: {integrity: sha512-V/OUXYX91tAC1CDsiY+HotIcJR+vPtzrX8pCplCpT++i8ThZZsq5F5dzZh/bDM3WUOjrvC1ljed1oSJxMfjqhw==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^2.3.1
+      '@csstools/css-tokenizer': ^2.2.0
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.3.1(@csstools/css-tokenizer@2.2.0)
+      '@csstools/css-tokenizer': 2.2.0
+    dev: true
+
+  /@csstools/selector-specificity@3.0.0(postcss-selector-parser@6.0.13):
+    resolution: {integrity: sha512-hBI9tfBtuPIi885ZsZ32IMEU/5nlZH/KOVYJCOh7gyMxaVLGmLedYqFN6Ui1LXkI8JlC8IsuC0rF0btcRZKd5g==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss-selector-parser: ^6.0.13
+    dependencies:
+      postcss-selector-parser: 6.0.13
+    dev: true
+
+  /@ctrl/tinycolor@3.6.1:
+    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
+    engines: {node: '>=10'}
+    dev: false
+
+  /@emotion/hash@0.9.1:
+    resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
+    dev: false
+
+  /@emotion/unitless@0.8.1:
+    resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
+    dev: false
+
+  /@es-joy/jsdoccomment@0.40.1:
+    resolution: {integrity: sha512-YORCdZSusAlBrFpZ77pJjc5r1bQs5caPWtAu+WWmiSo+8XaUzseapVrfAtiRFbQWnrBxxLLEwF6f6ZG/UgCQCg==}
+    engines: {node: '>=16'}
+    dependencies:
+      comment-parser: 1.4.0
+      esquery: 1.5.0
+      jsdoc-type-pratt-parser: 4.0.0
+    dev: true
+
+  /@esbuild-kit/cjs-loader@2.4.4:
+    resolution: {integrity: sha512-NfsJX4PdzhwSkfJukczyUiZGc7zNNWZcEAyqeISpDnn0PTfzMJR1aR8xAIPskBejIxBJbIgCCMzbaYa9SXepIg==}
+    dependencies:
+      '@esbuild-kit/core-utils': 3.3.2
+      get-tsconfig: 4.7.2
+    dev: true
+
+  /@esbuild-kit/core-utils@3.3.2:
+    resolution: {integrity: sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==}
+    dependencies:
+      esbuild: 0.18.20
+      source-map-support: 0.5.21
+    dev: true
+
+  /@esbuild-kit/esm-loader@2.6.5:
+    resolution: {integrity: sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA==}
+    dependencies:
+      '@esbuild-kit/core-utils': 3.3.2
+      get-tsconfig: 4.7.2
+    dev: true
+
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.50.0):
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 8.50.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@eslint-community/regexpp@4.8.1:
+    resolution: {integrity: sha512-PWiOzLIUAjN/w5K17PoF4n6sKBw0gqLHPhywmYHP4t1VFQQVYeb1yWsJwnMVEMl3tUHME7X/SJPZLmtG7XBDxQ==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: true
+
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.6.1
+      globals: 13.22.0
+      ignore: 5.2.4
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@eslint/js@8.50.0:
+    resolution: {integrity: sha512-NCC3zz2+nvYd+Ckfh87rA47zfu2QsQpvc6k1yzTk+b9KzRj0wkGa8LSoGOXN6Zv4lRf/EIoZ80biDh9HOI+RNQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@humanwhocodes/config-array@0.11.11:
+    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/module-importer@1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /@humanwhocodes/object-schema@1.2.1:
+    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
+
+  /@iconify/iconify@2.1.2:
+    resolution: {integrity: sha512-QcUzFeEWkE/mW+BVtEGmcWATClcCOIJFiYUD/PiCWuTcdEA297o8D4oN6Ra44WrNOHu1wqNW4J0ioaDIiqaFOQ==}
+    dependencies:
+      cross-fetch: 3.1.8
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@iconify/iconify@3.1.1:
+    resolution: {integrity: sha512-1nemfyD/OJzh9ALepH7YfuuP8BdEB24Skhd8DXWh0hzcOxImbb1ZizSZkpCzAwSZSGcJFmscIBaBQu+yLyWaxQ==}
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  /@iconify/json@2.2.119:
+    resolution: {integrity: sha512-tYvxJpBds6UgXe6/iq2pW7hblsniDGWuKEwCr8PnSKLmZMilrtzHX7v+pg7FFmV2l2qA2Iw4toMRpe11tWBI4Q==}
+    dependencies:
+      '@iconify/types': 2.0.0
+      pathe: 1.1.1
+    dev: true
+
+  /@iconify/types@2.0.0:
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  /@iconify/utils@2.1.10:
+    resolution: {integrity: sha512-0/+5hxjzCZ9RoYpqxnOzbnpQyMdZRuHcMxPJeuX+x/aZkAAD/N4TajDjAPT7LpX+M0bfLExj/p0bbDkUfp0lrg==}
+    dependencies:
+      '@antfu/install-pkg': 0.1.1
+      '@antfu/utils': 0.7.6
+      '@iconify/types': 2.0.0
+      debug: 4.3.4
+      kolorist: 1.8.0
+      local-pkg: 0.4.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@intlify/core-base@9.4.1:
+    resolution: {integrity: sha512-WIwx+elsZbxSMxRG5+LC+utRohFvmZMoDevfKOfnYMLbpCjCSavqTfHJAtfsY6ruowzqXeKkeLhRHbYbjoJx5g==}
+    engines: {node: '>= 16'}
+    dependencies:
+      '@intlify/message-compiler': 9.4.1
+      '@intlify/shared': 9.4.1
+    dev: false
+
+  /@intlify/message-compiler@9.4.1:
+    resolution: {integrity: sha512-aN2N+dUx320108QhH51Ycd2LEpZ+NKbzyQ2kjjhqMcxhHdxtOnkgdx+MDBhOy/CObwBmhC3Nygzc6hNlfKvPNw==}
+    engines: {node: '>= 16'}
+    dependencies:
+      '@intlify/shared': 9.4.1
+      source-map-js: 1.0.2
+    dev: false
+
+  /@intlify/shared@9.4.1:
+    resolution: {integrity: sha512-A51elBmZWf1FS80inf/32diO9DeXoqg9GR9aUDHFcfHoNDuT46Q+fpPOdj8jiJnSHSBh8E1E+6qWRhAZXdK3Ng==}
+    engines: {node: '>= 16'}
+    dev: false
+
+  /@isaacs/cliui@8.0.2:
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: /string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: /strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: /wrap-ansi@7.0.0
+    dev: true
+
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.19
+    dev: true
+
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
+  /@jridgewell/source-map@0.3.5:
+    resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.19
+    dev: true
+
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  /@jridgewell/trace-mapping@0.3.19:
+    resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /@jridgewell/trace-mapping@0.3.9:
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /@ljharb/through@2.3.9:
+    resolution: {integrity: sha512-yN599ZBuMPPK4tdoToLlvgJB4CLK8fGl7ntfy0Wn7U6ttNvHYurd81bfUiK/6sMkiIwm65R6ck4L6+Y3DfVbNQ==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+    dev: true
+
+  /@octokit/auth-token@3.0.4:
+    resolution: {integrity: sha512-TWFX7cZF2LXoCvdmJWY7XVPi74aSY0+FfBZNSXEXFkMpjcqsQwDSYVv5FhRFaI0V1ECnwbz4j59T/G+rXNWaIQ==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /@octokit/core@4.2.4:
+    resolution: {integrity: sha512-rYKilwgzQ7/imScn3M9/pFfUf4I1AZEH3KhyJmtPdE2zfaXAn2mFfUy4FbKewzc2We5y/LlKLj36fWJLKC2SIQ==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@octokit/auth-token': 3.0.4
+      '@octokit/graphql': 5.0.6
+      '@octokit/request': 6.2.8
+      '@octokit/request-error': 3.0.3
+      '@octokit/types': 9.3.2
+      before-after-hook: 2.2.3
+      universal-user-agent: 6.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/endpoint@7.0.6:
+    resolution: {integrity: sha512-5L4fseVRUsDFGR00tMWD/Trdeeihn999rTMGRMC1G/Ldi1uWlWJzI98H4Iak5DB/RVvQuyMYKqSK/R6mbSOQyg==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@octokit/types': 9.3.2
+      is-plain-object: 5.0.0
+      universal-user-agent: 6.0.0
+    dev: true
+
+  /@octokit/graphql@5.0.6:
+    resolution: {integrity: sha512-Fxyxdy/JH0MnIB5h+UQ3yCoh1FG4kWXfFKkpWqjZHw/p+Kc8Y44Hu/kCgNBT6nU1shNumEchmW/sUO1JuQnPcw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@octokit/request': 6.2.8
+      '@octokit/types': 9.3.2
+      universal-user-agent: 6.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/openapi-types@18.1.1:
+    resolution: {integrity: sha512-VRaeH8nCDtF5aXWnjPuEMIYf1itK/s3JYyJcWFJT8X9pSNnBtriDf7wlEWsGuhPLl4QIH4xM8fqTXDwJ3Mu6sw==}
+    dev: true
+
+  /@octokit/plugin-paginate-rest@6.1.2(@octokit/core@4.2.4):
+    resolution: {integrity: sha512-qhrmtQeHU/IivxucOV1bbI/xZyC/iOBhclokv7Sut5vnejAIAEXVcGQeRpQlU39E0WwK9lNvJHphHri/DB6lbQ==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      '@octokit/core': '>=4'
+    dependencies:
+      '@octokit/core': 4.2.4
+      '@octokit/tsconfig': 1.0.2
+      '@octokit/types': 9.3.2
+    dev: true
+
+  /@octokit/plugin-request-log@1.0.4(@octokit/core@4.2.4):
+    resolution: {integrity: sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==}
+    peerDependencies:
+      '@octokit/core': '>=3'
+    dependencies:
+      '@octokit/core': 4.2.4
+    dev: true
+
+  /@octokit/plugin-rest-endpoint-methods@7.2.3(@octokit/core@4.2.4):
+    resolution: {integrity: sha512-I5Gml6kTAkzVlN7KCtjOM+Ruwe/rQppp0QU372K1GP7kNOYEKe8Xn5BW4sE62JAHdwpq95OQK/qGNyKQMUzVgA==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      '@octokit/core': '>=3'
+    dependencies:
+      '@octokit/core': 4.2.4
+      '@octokit/types': 10.0.0
+    dev: true
+
+  /@octokit/request-error@3.0.3:
+    resolution: {integrity: sha512-crqw3V5Iy2uOU5Np+8M/YexTlT8zxCfI+qu+LxUB7SZpje4Qmx3mub5DfEKSO8Ylyk0aogi6TYdf6kxzh2BguQ==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@octokit/types': 9.3.2
+      deprecation: 2.3.1
+      once: 1.4.0
+    dev: true
+
+  /@octokit/request@6.2.8:
+    resolution: {integrity: sha512-ow4+pkVQ+6XVVsekSYBzJC0VTVvh/FCTUUgTsboGq+DTeWdyIFV8WSCdo0RIxk6wSkBTHqIK1mYuY7nOBXOchw==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@octokit/endpoint': 7.0.6
+      '@octokit/request-error': 3.0.3
+      '@octokit/types': 9.3.2
+      is-plain-object: 5.0.0
+      node-fetch: 2.7.0
+      universal-user-agent: 6.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/rest@19.0.13:
+    resolution: {integrity: sha512-/EzVox5V9gYGdbAI+ovYj3nXQT1TtTHRT+0eZPcuC05UFSWO3mdO9UY1C0i2eLF9Un1ONJkAk+IEtYGAC+TahA==}
+    engines: {node: '>= 14'}
+    dependencies:
+      '@octokit/core': 4.2.4
+      '@octokit/plugin-paginate-rest': 6.1.2(@octokit/core@4.2.4)
+      '@octokit/plugin-request-log': 1.0.4(@octokit/core@4.2.4)
+      '@octokit/plugin-rest-endpoint-methods': 7.2.3(@octokit/core@4.2.4)
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/tsconfig@1.0.2:
+    resolution: {integrity: sha512-I0vDR0rdtP8p2lGMzvsJzbhdOWy405HcGovrspJ8RRibHnyRgggUSNO5AIox5LmqiwmatHKYsvj6VGFHkqS7lA==}
+    dev: true
+
+  /@octokit/types@10.0.0:
+    resolution: {integrity: sha512-Vm8IddVmhCgU1fxC1eyinpwqzXPEYu0NrYzD3YZjlGjyftdLBTeqNblRC0jmJmgxbJIsQlyogVeGnrNaaMVzIg==}
+    dependencies:
+      '@octokit/openapi-types': 18.1.1
+    dev: true
+
+  /@octokit/types@9.3.2:
+    resolution: {integrity: sha512-D4iHGTdAnEEVsB8fl95m1hiz7D5YiRdQ9b/OEb3BYRVwbLsGHcRVPz+u+BgRLNk0Q0/4iZCBqDN96j2XNxfXrA==}
+    dependencies:
+      '@octokit/openapi-types': 18.1.1
+    dev: true
+
+  /@pkgjs/parseargs@0.11.0:
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@pkgr/utils@2.4.2:
+    resolution: {integrity: sha512-POgTXhjrTfbTV63DiFXav4lBHiICLKKwDeaKn9Nphwj7WH6m0hMMCaJkMyRWjgtPFyRKRVoMXXjczsTQRDEhYw==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      fast-glob: 3.3.1
+      is-glob: 4.0.3
+      open: 9.1.0
+      picocolors: 1.0.0
+      tslib: 2.6.2
+    dev: true
+
+  /@polka/url@1.0.0-next.23:
+    resolution: {integrity: sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==}
+    dev: true
+
+  /@purge-icons/core@0.9.1:
+    resolution: {integrity: sha512-sx8/a30MbbqQVEqhuMPE1wJpdVRRbEmwEPZpFzVkcDixzX4p+R2A0WVxqkb0xfHUBAVQwrSE2SeAyniIQLqbLw==}
+    dependencies:
+      '@iconify/iconify': 2.1.2
+      axios: 0.26.1(debug@4.3.4)
+      debug: 4.3.4
+      fast-glob: 3.3.1
+      fs-extra: 10.1.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
+  /@purge-icons/generated@0.9.0:
+    resolution: {integrity: sha512-s2t+1oVtGDV6KtqfCXtUOhxfeYvOdDF90IVm+nMs/6bUP0HeGZLslguuL/AibpwtfL4FA/oCsIu/RhwapgAdJw==}
+    dependencies:
+      '@iconify/iconify': 3.1.1
+    dev: true
+
+  /@rollup/plugin-babel@5.3.1(@babel/core@7.22.20)(rollup@2.79.1):
+    resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+      '@types/babel__core': ^7.1.9
+      rollup: ^1.20.0||^2.0.0
+    peerDependenciesMeta:
+      '@types/babel__core':
+        optional: true
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/plugin-node-resolve@11.2.1(rollup@2.79.1):
+    resolution: {integrity: sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==}
+    engines: {node: '>= 10.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      '@types/resolve': 1.17.1
+      builtin-modules: 3.3.0
+      deepmerge: 4.3.1
+      is-module: 1.0.0
+      resolve: 1.22.6
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/plugin-replace@2.4.2(rollup@2.79.1):
+    resolution: {integrity: sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==}
+    peerDependencies:
+      rollup: ^1.20.0 || ^2.0.0
+    dependencies:
+      '@rollup/pluginutils': 3.1.0(rollup@2.79.1)
+      magic-string: 0.25.9
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/pluginutils@3.1.0(rollup@2.79.1):
+    resolution: {integrity: sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==}
+    engines: {node: '>= 8.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0
+    dependencies:
+      '@types/estree': 0.0.39
+      estree-walker: 1.0.1
+      picomatch: 2.3.1
+      rollup: 2.79.1
+    dev: true
+
+  /@rollup/pluginutils@5.0.4(rollup@3.29.3):
+    resolution: {integrity: sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.2
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+      rollup: 3.29.3
+    dev: true
+
+  /@simonwep/pickr@1.8.2:
+    resolution: {integrity: sha512-/l5w8BIkrpP6n1xsetx9MWPWlU6OblN5YgZZphxan0Tq4BByTCETL6lyIeY8lagalS2Nbt4F2W034KHLIiunKA==}
+    dependencies:
+      core-js: 3.32.2
+      nanopop: 2.3.0
+    dev: false
+
+  /@stylistic/eslint-plugin-js@0.0.3:
+    resolution: {integrity: sha512-yC9tsmFxlgoDyD/B+93IH2TSe1Ca46s2uf+oUfkCLWTXFKTmPPy0YLDcme9Ha1Qydx5U+1lehe1jwG9VxtIdtw==}
+    dependencies:
+      acorn: 8.10.0
+      escape-string-regexp: 4.0.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esutils: 2.0.3
+      graphemer: 1.4.0
+    dev: true
+
+  /@stylistic/eslint-plugin-ts@0.0.3(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-G/jZ+XHlZtkxABOXswJNTmN4h8qNmECTjPLkWPMykPlfQeD1RSpBMEQHiJHZ3GAxnEcqAgi7CNA1FTvGWz6qwQ==}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 0.0.3
+      '@typescript-eslint/scope-manager': 6.7.2
+      '@typescript-eslint/type-utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      eslint: 8.50.0
+      graphemer: 1.4.0
+      semver: 7.5.4
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@surma/rollup-plugin-off-main-thread@2.2.3:
+    resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
+    dependencies:
+      ejs: 3.1.9
+      json5: 2.2.3
+      magic-string: 0.25.9
+      string.prototype.matchall: 4.0.10
+    dev: true
+
+  /@trysound/sax@0.2.0:
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /@tsconfig/node10@1.0.9:
+    resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
+    dev: true
+
+  /@tsconfig/node12@1.0.11:
+    resolution: {integrity: sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==}
+    dev: true
+
+  /@tsconfig/node14@1.0.3:
+    resolution: {integrity: sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==}
+    dev: true
+
+  /@tsconfig/node16@1.0.4:
+    resolution: {integrity: sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==}
+    dev: true
+
+  /@types/codemirror@5.60.10:
+    resolution: {integrity: sha512-ZTA3teiCWKT8HUUofqlGPlShu5ojdIajizsS0HpH6GL0/iEdjRt7fXbCLHHqKYP5k7dC/HnnWIjZAiELUwBdjQ==}
+    dependencies:
+      '@types/tern': 0.23.5
+    dev: true
+
+  /@types/crypto-js@4.1.2:
+    resolution: {integrity: sha512-t33RNmTu5ufG/sorROIafiCVJMx3jz95bXUMoPAZcUD14fxMXnuTzqzXZoxpR0tNx2xpw11Dlmem9vGCsrSOfA==}
+    dev: true
+
+  /@types/estree@0.0.39:
+    resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
+    dev: true
+
+  /@types/estree@1.0.2:
+    resolution: {integrity: sha512-VeiPZ9MMwXjO32/Xu7+OwflfmeoRwkE/qzndw42gGtgJwZopBnzy2gD//NN1+go1mADzkDcqf/KnFRSjTJ8xJA==}
+    dev: true
+
+  /@types/fs-extra@11.0.2:
+    resolution: {integrity: sha512-c0hrgAOVYr21EX8J0jBMXGLMgJqVf/v6yxi0dLaJboW9aQPh16Id+z6w2Tx1hm+piJOLv8xPfVKZCLfjPw/IMQ==}
+    dependencies:
+      '@types/jsonfile': 6.1.2
+      '@types/node': 20.6.4
+    dev: true
+
+  /@types/inquirer@9.0.3:
+    resolution: {integrity: sha512-CzNkWqQftcmk2jaCWdBTf9Sm7xSw4rkI1zpU/Udw3HX5//adEZUIm9STtoRP1qgWj0CWQtJ9UTvqmO2NNjhMJw==}
+    dependencies:
+      '@types/through': 0.0.31
+      rxjs: 7.8.1
+    dev: true
+
+  /@types/json-schema@7.0.13:
+    resolution: {integrity: sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==}
+    dev: true
+
+  /@types/jsonfile@6.1.2:
+    resolution: {integrity: sha512-8t92P+oeW4d/CRQfJaSqEwXujrhH4OEeHRjGU3v1Q8mUS8GPF3yiX26sw4svv6faL2HfBtGTe2xWIoVgN3dy9w==}
+    dependencies:
+      '@types/node': 20.6.4
+    dev: true
+
+  /@types/lodash-es@4.17.9:
+    resolution: {integrity: sha512-ZTcmhiI3NNU7dEvWLZJkzG6ao49zOIjEgIE0RgV7wbPxU0f2xT3VSAHw2gmst8swH6V0YkLRGp4qPlX/6I90MQ==}
+    dependencies:
+      '@types/lodash': 4.14.199
+    dev: true
+
+  /@types/lodash@4.14.199:
+    resolution: {integrity: sha512-Vrjz5N5Ia4SEzWWgIVwnHNEnb1UE1XMkvY5DGXrAeOGE9imk0hgTHh5GyDjLDJi9OTCn9oo9dXH1uToK1VRfrg==}
+    dev: true
+
+  /@types/mdast@3.0.12:
+    resolution: {integrity: sha512-DT+iNIRNX884cx0/Q1ja7NyUPpZuv0KPyL5rGNxm1WC1OtHstl7n4Jb7nk+xacNShQMbczJjt8uFzznpp6kYBg==}
+    dependencies:
+      '@types/unist': 2.0.8
+    dev: true
+
+  /@types/minimist@1.2.2:
+    resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
+    dev: true
+
+  /@types/node@10.17.60:
+    resolution: {integrity: sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==}
+    dev: true
+
+  /@types/node@20.4.7:
+    resolution: {integrity: sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==}
+    dev: true
+
+  /@types/node@20.6.4:
+    resolution: {integrity: sha512-nU6d9MPY0NBUMiE/nXd2IIoC4OLvsLpwAjheoAeuzgvDZA1Cb10QYg+91AF6zQiKWRN5i1m07x6sMe0niBznoQ==}
+    dev: true
+
+  /@types/normalize-package-data@2.4.2:
+    resolution: {integrity: sha512-lqa4UEhhv/2sjjIQgjX8B+RBjj47eo0mzGasklVJ78UKGQY1r0VpB9XHDaZZO9qzEFDdy4MrXLuEaSmPrPSe/A==}
+    dev: true
+
+  /@types/nprogress@0.2.1:
+    resolution: {integrity: sha512-TYuyVnp+nOnimgdOydDIDYIxv2kSeuJZw4tF0p/KG7hpzcMF1WkHaREwM8O4blqfT1F7rq0nht6Ko2KVUfWzBA==}
+    dev: true
+
+  /@types/qs@6.9.8:
+    resolution: {integrity: sha512-u95svzDlTysU5xecFNTgfFG5RUWu1A9P0VzgpcIiGZA9iraHOdSzcxMxQ55DyeRaGCSxQi7LxXDI4rzq/MYfdg==}
+    dev: true
+
+  /@types/resolve@1.17.1:
+    resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
+    dependencies:
+      '@types/node': 20.6.4
+    dev: true
+
+  /@types/semver@7.5.2:
+    resolution: {integrity: sha512-7aqorHYgdNO4DM36stTiGO3DvKoex9TQRwsJU6vMaFGyqpBA1MNZkz+PG3gaNUPpTAOYhT1WR7M1JyA3fbS9Cw==}
+    dev: true
+
+  /@types/sortablejs@1.15.2:
+    resolution: {integrity: sha512-mOIv/EnPMzAZAVbuh9uGjOZ1BBdimP9Y6IPGntsvQJtko5yapSDKB7GwB3AOlF5N3bkpk4sBwQRpS3aEkiUbaA==}
+    dev: true
+
+  /@types/svgo@2.6.4:
+    resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
+    dependencies:
+      '@types/node': 20.6.4
+    dev: true
+
+  /@types/tern@0.23.5:
+    resolution: {integrity: sha512-POau56wDk3TQ0mQ0qG7XDzv96U5whSENZ9lC0htDvEH+9YUREo+J2U+apWcVRgR2UydEE70JXZo44goG+akTNQ==}
+    dependencies:
+      '@types/estree': 1.0.2
+    dev: true
+
+  /@types/through@0.0.31:
+    resolution: {integrity: sha512-LpKpmb7FGevYgXnBXYs6HWnmiFyVG07Pt1cnbgM1IhEacITTiUaBXXvOR3Y50ksaJWGSfhbEvQFivQEFGCC55w==}
+    dependencies:
+      '@types/node': 20.6.4
+    dev: true
+
+  /@types/trusted-types@2.0.4:
+    resolution: {integrity: sha512-IDaobHimLQhjwsQ/NMwRVfa/yL7L/wriQPMhw1ZJall0KX6E1oxk29XMDeilW5qTIg5aoiqf5Udy8U/51aNoQQ==}
+    dev: true
+
+  /@types/unist@2.0.8:
+    resolution: {integrity: sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==}
+    dev: true
+
+  /@types/video.js@7.3.52:
+    resolution: {integrity: sha512-WFj/HkNVCfkchXDeDU0QbimC356FB5vva3g5mgsjk8n3UMKqP9S522rQAmu9LGPiCmShZRPuAlkXmbp5WId6ow==}
+    dev: false
+
+  /@types/web-bluetooth@0.0.17:
+    resolution: {integrity: sha512-4p9vcSmxAayx72yn70joFoL44c9MO/0+iVEBIQXe3v2h2SiAsEIo/G5v6ObFWvNKRFjbrVadNf9LqEEZeQPzdA==}
+    dev: false
+
+  /@typescript-eslint/eslint-plugin@6.7.2(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-ooaHxlmSgZTM6CHYAFRlifqh1OAr3PAQEwi7lhYhaegbnXrnh7CDcHmc3+ihhbQC7H0i4JF0psI5ehzkF6Yl6Q==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@eslint-community/regexpp': 4.8.1
+      '@typescript-eslint/parser': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/scope-manager': 6.7.2
+      '@typescript-eslint/type-utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.7.2
+      debug: 4.3.4
+      eslint: 8.50.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      natural-compare: 1.4.0
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser@6.7.2(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-KA3E4ox0ws+SPyxQf9iSI25R6b4Ne78ORhNHeVKrPQnoYsb9UhieoiRoJgrzgEeKGOXhcY1i8YtOeCHHTDa6Fw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 6.7.2
+      '@typescript-eslint/types': 6.7.2
+      '@typescript-eslint/typescript-estree': 6.7.2(typescript@5.2.2)
+      '@typescript-eslint/visitor-keys': 6.7.2
+      debug: 4.3.4
+      eslint: 8.50.0
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager@5.62.0:
+    resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/visitor-keys': 5.62.0
+    dev: true
+
+  /@typescript-eslint/scope-manager@6.7.2:
+    resolution: {integrity: sha512-bgi6plgyZjEqapr7u2mhxGR6E8WCzKNUFWNh6fkpVe9+yzRZeYtDTbsIBzKbcxI+r1qVWt6VIoMSNZ4r2A+6Yw==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.7.2
+      '@typescript-eslint/visitor-keys': 6.7.2
+    dev: true
+
+  /@typescript-eslint/type-utils@6.7.2(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-36F4fOYIROYRl0qj95dYKx6kybddLtsbmPIYNK0OBeXv2j9L5nZ17j9jmfy+bIDHKQgn2EZX+cofsqi8NPATBQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 6.7.2(typescript@5.2.2)
+      '@typescript-eslint/utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      debug: 4.3.4
+      eslint: 8.50.0
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types@5.62.0:
+    resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/types@6.7.2:
+    resolution: {integrity: sha512-flJYwMYgnUNDAN9/GAI3l8+wTmvTYdv64fcH8aoJK76Y+1FCZ08RtI5zDerM/FYT5DMkAc+19E4aLmd5KqdFyg==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.2.2):
+    resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/visitor-keys': 5.62.0
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/typescript-estree@6.7.2(typescript@5.2.2):
+    resolution: {integrity: sha512-kiJKVMLkoSciGyFU0TOY0fRxnp9qq1AzVOHNeN1+B9erKFCJ4Z8WdjAkKQPP+b1pWStGFqezMLltxO+308dJTQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 6.7.2
+      '@typescript-eslint/visitor-keys': 6.7.2
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.5.4
+      ts-api-utils: 1.0.3(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils@5.62.0(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      '@types/json-schema': 7.0.13
+      '@types/semver': 7.5.2
+      '@typescript-eslint/scope-manager': 5.62.0
+      '@typescript-eslint/types': 5.62.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
+      eslint: 8.50.0
+      eslint-scope: 5.1.1
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/utils@6.7.2(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-ZCcBJug/TS6fXRTsoTkgnsvyWSiXwMNiPzBUani7hDidBdj1779qwM1FIAmpH4lvlOZNF3EScsxxuGifjpLSWQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      '@types/json-schema': 7.0.13
+      '@types/semver': 7.5.2
+      '@typescript-eslint/scope-manager': 6.7.2
+      '@typescript-eslint/types': 6.7.2
+      '@typescript-eslint/typescript-estree': 6.7.2(typescript@5.2.2)
+      eslint: 8.50.0
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys@5.62.0:
+    resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.62.0
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@typescript-eslint/visitor-keys@6.7.2:
+    resolution: {integrity: sha512-uVw9VIMFBUTz8rIeaUT3fFe8xIUx8r4ywAdlQv1ifH+6acn/XF8Y6rwJ7XNmkNMDrTW+7+vxFFPIF40nJCVsMQ==}
+    engines: {node: ^16.0.0 || >=18.0.0}
+    dependencies:
+      '@typescript-eslint/types': 6.7.2
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /@unocss/astro@0.56.1(rollup@3.29.3)(vite@4.4.9):
+    resolution: {integrity: sha512-ivWm69J76DRwCiEFM75qR4WPMCC6nyOrUM5iQDTypwKbBX26XlXcYYCN3DLoQTmWdp5f2BubZXAg3KIdgVxrYg==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      '@unocss/core': 0.56.1
+      '@unocss/reset': 0.56.1
+      '@unocss/vite': 0.56.1(rollup@3.29.3)(vite@4.4.9)
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@unocss/cli@0.56.1(rollup@3.29.3):
+    resolution: {integrity: sha512-s7lRtPkNw7GXdej3uYKFgfyal3Bq0Ux9oJKQ3rV7ysvY5AMfHs+ayc1EC6vXsAunziJ39dloPrRY5cx1H7abkQ==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
+      '@unocss/config': 0.56.1
+      '@unocss/core': 0.56.1
+      '@unocss/preset-uno': 0.56.1
+      cac: 6.7.14
+      chokidar: 3.5.3
+      colorette: 2.0.20
+      consola: 3.2.3
+      fast-glob: 3.3.1
+      magic-string: 0.30.3
+      pathe: 1.1.1
+      perfect-debounce: 1.0.0
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@unocss/config@0.56.1:
+    resolution: {integrity: sha512-ZwKWtbMfg38laUNwjERkiTo3JKCgpw+hZMBqbbr2N4Rhc1ZaT4EJyQmcc/+P05JoNNr+ueYMoCMOCOtn/wuheQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.56.1
+      unconfig: 0.3.10
+    dev: true
+
+  /@unocss/core@0.56.1:
+    resolution: {integrity: sha512-2qmb/+hQ2CXmIgSqaeL6Pw2reO2MxsZlLMFuu71J8T3+UKrkI9NAwkZ4sdb38EoOisVIr2lvE48uc44XBfaOdg==}
+    dev: true
+
+  /@unocss/eslint-config@0.56.1(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-ph1w2FO+wCHq0jz0iQyxUbjwLSVjSz6wQ2yd0fCsm6mHNlewWHmu6gD3Grs9j5XDyFJEwz4HZZRHspJanqSJyA==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/eslint-plugin': 0.56.1(eslint@8.50.0)(typescript@5.2.2)
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@unocss/eslint-plugin@0.56.1(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-WLTybFXK9FJUMmEdUBa4Yj6uZx4qTCThGVej5Rn3XA+5f58zNmcSbipUG5oz16Z/QqYKP8iKhtg5zAQJMi0erg==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@typescript-eslint/utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@unocss/config': 0.56.1
+      '@unocss/core': 0.56.1
+      magic-string: 0.30.3
+      synckit: 0.8.5
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /@unocss/extractor-arbitrary-variants@0.56.1:
+    resolution: {integrity: sha512-2vEcVwUTpC0yROjvKGjR3HSE8jaf1cwQqL+Ba5oP+Y4Vrjlf8hqvoSowgVT+wp/ecPH8z82xFNhS+XMOdgXpGA==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/inspector@0.56.1:
+    resolution: {integrity: sha512-PJ3MEwOvUjLaiySPQQKlw0XgwpReNK7c+nDX0D8ZBmUyw3swSn8wSar2cCOLsKLRtKRRp4kz1brM/BaleyYyeg==}
+    dependencies:
+      '@unocss/rule-utils': 0.56.1
+      gzip-size: 6.0.0
+      sirv: 2.0.3
+    dev: true
+
+  /@unocss/postcss@0.56.1(postcss@8.4.30):
+    resolution: {integrity: sha512-8jUS5ynopvMbZmdUQhGv+lvKziuAPHHl9LaZzCJ4uHgPOwITNXWTi4dmNbytdYC3iYPQ++8eOph93VPCxdqVsw==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      postcss: ^8.4.21
+    dependencies:
+      '@unocss/config': 0.56.1
+      '@unocss/core': 0.56.1
+      '@unocss/rule-utils': 0.56.1
+      css-tree: 2.3.1
+      fast-glob: 3.3.1
+      magic-string: 0.30.3
+      postcss: 8.4.30
+    dev: true
+
+  /@unocss/preset-attributify@0.56.1:
+    resolution: {integrity: sha512-z+riyM9Fl+aYReg3cgxDRrI52teOL6ebj1UkMOje5sXuhneEQobUkg3k4Oi9NGTdalO5PU/jwcYCNfVksMPWZg==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/preset-icons@0.56.1:
+    resolution: {integrity: sha512-Jwyy7i39Hvt4gf+/vtlIcKucNP2y7IV5nF9KPuDnikho4xS/D24z3lbUclrscbH8XGfRcsUzGHI/y+8gD7zZjQ==}
+    dependencies:
+      '@iconify/utils': 2.1.10
+      '@unocss/core': 0.56.1
+      ofetch: 1.3.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@unocss/preset-mini@0.56.1:
+    resolution: {integrity: sha512-hOujmUN5kiA7KCkH1mUFf3cStsa3WZTi3g/I91VQ8EM4S6R7aRvME7LBXlb38z68+pckoDLhOhbN7gSg2iZTjA==}
+    dependencies:
+      '@unocss/core': 0.56.1
+      '@unocss/extractor-arbitrary-variants': 0.56.1
+      '@unocss/rule-utils': 0.56.1
+    dev: true
+
+  /@unocss/preset-tagify@0.56.1:
+    resolution: {integrity: sha512-cd1McbaEpoerduOt8dA6MOkVZQIutuF3dHyjrI/pXbDtoyzBWjT9MLEeV77Hlz3S09+9cqGZddBBkqo0WGsM0w==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/preset-typography@0.56.1:
+    resolution: {integrity: sha512-3p+dWEtMDe8MSPbUZseS94OpdYbv/pMTs2K1NBysE5BjIEVlyxRNWcZ8FC6risAJ1U0Ouctb6BqP6IA8r9BiWQ==}
+    dependencies:
+      '@unocss/core': 0.56.1
+      '@unocss/preset-mini': 0.56.1
+    dev: true
+
+  /@unocss/preset-uno@0.56.1:
+    resolution: {integrity: sha512-rNnjpmnfrP/1P462dyELBQHe5NDlFSrJevwjCpAOeFXdO0XCCULpHokuaovZYwesNvzzWu+cZequya38n5hkSw==}
+    dependencies:
+      '@unocss/core': 0.56.1
+      '@unocss/preset-mini': 0.56.1
+      '@unocss/preset-wind': 0.56.1
+      '@unocss/rule-utils': 0.56.1
+    dev: true
+
+  /@unocss/preset-web-fonts@0.56.1:
+    resolution: {integrity: sha512-SO2ZjrcFSi02QgQT3UVUtIlZE59A92gB1pzmYTMGZhjhmxqq6aghvBKEC00LfnQ200MRtAawgiZ+5Xysi/XsGg==}
+    dependencies:
+      '@unocss/core': 0.56.1
+      ofetch: 1.3.3
+    dev: true
+
+  /@unocss/preset-wind@0.56.1:
+    resolution: {integrity: sha512-/fR0eYlmezu6R3wWvN5zVNAfOE6rcC1CsEZKH0SdwchMvNDjJNd0rmAechI2BnVBaa3++H2Cz+0AfCDEP8tsjg==}
+    dependencies:
+      '@unocss/core': 0.56.1
+      '@unocss/preset-mini': 0.56.1
+      '@unocss/rule-utils': 0.56.1
+    dev: true
+
+  /@unocss/reset@0.56.1:
+    resolution: {integrity: sha512-nfzLKv2W9Y3fZLny6lYTroa/YExczGYHsVPCBPGkVt0TrM0yDA+ZKOHbN93b5myY9hzJ3pHTEQmYFsFwzzr6Kg==}
+    dev: true
+
+  /@unocss/rule-utils@0.56.1:
+    resolution: {integrity: sha512-mmmbx10eELAyhYZqBWlQFPOafnL1hHp2fo18rUbZLedvMJWds3Z23Q/u3VKEpJnCszNkr03BXVwscR5+ZdF4uw==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/scope@0.56.1:
+    resolution: {integrity: sha512-qIq/JuibrVOAJw/TCUm54XwHRcDImgrb1abZVuaicFh6fjmpdOi/iglYxoFqXS5gusp0m2vNnOLbaBB4LrPf5Q==}
+    dev: true
+
+  /@unocss/transformer-attributify-jsx-babel@0.56.1:
+    resolution: {integrity: sha512-8+l4tfifHiSnga3iaxqXfAMgEJG7yLphKPDSm6DHEMUqKeia9rn3V/bABx5KZxpMmnH6FoiYboJL4uf5W58a5Q==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/transformer-attributify-jsx@0.56.1:
+    resolution: {integrity: sha512-2dQ7immRBnZJQ9aU+VIiAbcFCycXq8yXG2RPd82Pl0tAV8f5DtLbbuTC5mzo5lGOhuXJ+/u+IpuL9xchjOV7WQ==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/transformer-compile-class@0.56.1:
+    resolution: {integrity: sha512-v3ICzTWj3oQ1S6qkGzg/oyzrk05ZgdcvjYFSZlgBIu2iUJldBhO0+7ZMuDpniaT21GjJvukLwiWrOF4mYyJCyg==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/transformer-directives@0.56.1:
+    resolution: {integrity: sha512-Pwh+JUxxn8ECqpEWETeD38OON5Y2oYAOC1CFKAyXoK22J7f51THoS07z2rZpDNdQA2T/szxenNCdRt72/NJ/pg==}
+    dependencies:
+      '@unocss/core': 0.56.1
+      '@unocss/rule-utils': 0.56.1
+      css-tree: 2.3.1
+    dev: true
+
+  /@unocss/transformer-variant-group@0.56.1:
+    resolution: {integrity: sha512-UwXNcW00R6MjHZajy8lmSfwWDwhnvd+rF9eRGfcJTEzWr+LtEmgw8SJBr7STCB4ZwRE37NIp4oLLl1jF8omGNg==}
+    dependencies:
+      '@unocss/core': 0.56.1
+    dev: true
+
+  /@unocss/vite@0.56.1(rollup@3.29.3)(vite@4.4.9):
+    resolution: {integrity: sha512-IztLc304zP2LYQMsP3yVHmLwXlLUgCY3q6Nkqw6Hpds7l5JXBsE7Q19DtNW+4nDOp9wvWhw7CjQLmoh8d+V0lQ==}
+    peerDependencies:
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
+      '@unocss/config': 0.56.1
+      '@unocss/core': 0.56.1
+      '@unocss/inspector': 0.56.1
+      '@unocss/scope': 0.56.1
+      '@unocss/transformer-directives': 0.56.1
+      chokidar: 3.5.3
+      fast-glob: 3.3.1
+      magic-string: 0.30.3
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /@videojs-player/vue@1.0.0(@types/video.js@7.3.52)(video.js@7.21.5)(vue@3.3.4):
+    resolution: {integrity: sha512-WonTezRfKu3fYdQLt/ta+nuKH6gMZUv8l40Jke/j4Lae7IqeO/+lLAmBnh3ni88bwR+vkFXIlZ2Ci7VKInIYJg==}
+    peerDependencies:
+      '@types/video.js': 7.x
+      video.js: 7.x
+      vue: 3.x
+    dependencies:
+      '@types/video.js': 7.3.52
+      video.js: 7.21.5
+      vue: 3.3.4
+    dev: false
+
+  /@videojs/http-streaming@2.16.2(video.js@7.21.5):
+    resolution: {integrity: sha512-etPTUdCFu7gUWc+1XcbiPr+lrhOcBu3rV5OL1M+3PDW89zskScAkkcdqYzP4pFodBPye/ydamQoTDScOnElw5A==}
+    engines: {node: '>=8', npm: '>=5'}
+    peerDependencies:
+      video.js: ^6 || ^7
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@videojs/vhs-utils': 3.0.5
+      aes-decrypter: 3.1.3
+      global: 4.4.0
+      m3u8-parser: 4.8.0
+      mpd-parser: 0.22.1
+      mux.js: 6.0.1
+      video.js: 7.21.5
+    dev: false
+
+  /@videojs/vhs-utils@3.0.5:
+    resolution: {integrity: sha512-PKVgdo8/GReqdx512F+ombhS+Bzogiofy1LgAj4tN8PfdBx3HSS7V5WfJotKTqtOWGwVfSWsrYN/t09/DSryrw==}
+    engines: {node: '>=8', npm: '>=5'}
+    dependencies:
+      '@babel/runtime': 7.22.15
+      global: 4.4.0
+      url-toolkit: 2.2.5
+    dev: false
+
+  /@videojs/xhr@2.6.0:
+    resolution: {integrity: sha512-7J361GiN1tXpm+gd0xz2QWr3xNWBE+rytvo8J3KuggFaLg+U37gZQ2BuPLcnkfGffy2e+ozY70RHC8jt7zjA6Q==}
+    dependencies:
+      '@babel/runtime': 7.22.15
+      global: 4.4.0
+      is-function: 1.0.2
+    dev: false
+
+  /@vitejs/plugin-vue-jsx@3.0.2(vite@4.4.9)(vue@3.3.4):
+    resolution: {integrity: sha512-obF26P2Z4Ogy3cPp07B4VaW6rpiu0ue4OT2Y15UxT5BZZ76haUY9guOsZV3uWh/I6xc+VeiW+ZVabRE82FyzWw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0
+      vue: ^3.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/plugin-transform-typescript': 7.22.15(@babel/core@7.22.20)
+      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.22.20)
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+      vue: 3.3.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vitejs/plugin-vue@4.3.4(vite@4.4.9)(vue@3.3.4):
+    resolution: {integrity: sha512-ciXNIHKPriERBisHFBvnTbfKa6r9SAesOYXeGDzgegcvy9Q4xdScSHAmKbNT0M3O0S9LKhIf5/G+UYG4NnnzYw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.0.0
+      vue: ^3.2.25
+    dependencies:
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+      vue: 3.3.4
+    dev: true
+
+  /@volar/language-core@1.10.1:
+    resolution: {integrity: sha512-JnsM1mIPdfGPxmoOcK1c7HYAsL6YOv0TCJ4aW3AXPZN/Jb4R77epDyMZIVudSGjWMbvv/JfUa+rQ+dGKTmgwBA==}
+    dependencies:
+      '@volar/source-map': 1.10.1
+    dev: true
+
+  /@volar/source-map@1.10.1:
+    resolution: {integrity: sha512-3/S6KQbqa7pGC8CxPrg69qHLpOvkiPHGJtWPkI/1AXCsktkJ6gIk/5z4hyuMp8Anvs6eS/Kvp/GZa3ut3votKA==}
+    dependencies:
+      muggle-string: 0.3.1
+    dev: true
+
+  /@volar/typescript@1.10.1:
+    resolution: {integrity: sha512-+iiO9yUSRHIYjlteT+QcdRq8b44qH19/eiUZtjNtuh6D9ailYM7DVR0zO2sEgJlvCaunw/CF9Ov2KooQBpR4VQ==}
+    dependencies:
+      '@volar/language-core': 1.10.1
+    dev: true
+
+  /@vue/babel-helper-vue-transform-on@1.1.5:
+    resolution: {integrity: sha512-SgUymFpMoAyWeYWLAY+MkCK3QEROsiUnfaw5zxOVD/M64KQs8D/4oK6Q5omVA2hnvEOE0SCkH2TZxs/jnnUj7w==}
+    dev: true
+
+  /@vue/babel-plugin-jsx@1.1.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-nKs1/Bg9U1n3qSWnsHhCVQtAzI6aQXqua8j/bZrau8ywT1ilXQbK4FwEJGmU8fV7tcpuFvWmmN7TMmV1OBma1g==}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-module-imports': 7.22.15
+      '@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.22.20)
+      '@babel/template': 7.22.15
+      '@babel/traverse': 7.22.20
+      '@babel/types': 7.22.19
+      '@vue/babel-helper-vue-transform-on': 1.1.5
+      camelcase: 6.3.0
+      html-tags: 3.3.1
+      svg-tags: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@vue/compiler-core@3.3.4:
+    resolution: {integrity: sha512-cquyDNvZ6jTbf/+x+AgM2Arrp6G4Dzbb0R64jiG804HRMfRiFXWI6kqUVqZ6ZR0bQhIoQjB4+2bhNtVwndW15g==}
+    dependencies:
+      '@babel/parser': 7.22.16
+      '@vue/shared': 3.3.4
+      estree-walker: 2.0.2
+      source-map-js: 1.0.2
+
+  /@vue/compiler-dom@3.3.4:
+    resolution: {integrity: sha512-wyM+OjOVpuUukIq6p5+nwHYtj9cFroz9cwkfmP9O1nzH68BenTTv0u7/ndggT8cIQlnBeOo6sUT/gvHcIkLA5w==}
+    dependencies:
+      '@vue/compiler-core': 3.3.4
+      '@vue/shared': 3.3.4
+
+  /@vue/compiler-sfc@3.3.4:
+    resolution: {integrity: sha512-6y/d8uw+5TkCuzBkgLS0v3lSM3hJDntFEiUORM11pQ/hKvkhSKZrXW6i69UyXlJQisJxuUEJKAWEqWbWsLeNKQ==}
+    dependencies:
+      '@babel/parser': 7.22.16
+      '@vue/compiler-core': 3.3.4
+      '@vue/compiler-dom': 3.3.4
+      '@vue/compiler-ssr': 3.3.4
+      '@vue/reactivity-transform': 3.3.4
+      '@vue/shared': 3.3.4
+      estree-walker: 2.0.2
+      magic-string: 0.30.3
+      postcss: 8.4.30
+      source-map-js: 1.0.2
+
+  /@vue/compiler-ssr@3.3.4:
+    resolution: {integrity: sha512-m0v6oKpup2nMSehwA6Uuu+j+wEwcy7QmwMkVNVfrV9P2qE5KshC6RwOCq8fjGS/Eak/uNb8AaWekfiXxbBB6gQ==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.4
+      '@vue/shared': 3.3.4
+
+  /@vue/devtools-api@6.5.0:
+    resolution: {integrity: sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==}
+    dev: false
+
+  /@vue/language-core@1.8.13(typescript@5.2.2):
+    resolution: {integrity: sha512-nata2fYBZAkl4QJrU+IcArJCMTHt1VP8ePL/Z7eUPC2AF+Cm7Qgo9ksNCPBzZRh1LYjCaSaqV7njqNogwpsMVg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@volar/language-core': 1.10.1
+      '@volar/source-map': 1.10.1
+      '@vue/compiler-dom': 3.3.4
+      '@vue/reactivity': 3.3.4
+      '@vue/shared': 3.3.4
+      minimatch: 9.0.3
+      muggle-string: 0.3.1
+      typescript: 5.2.2
+      vue-template-compiler: 2.7.14
+    dev: true
+
+  /@vue/reactivity-transform@3.3.4:
+    resolution: {integrity: sha512-MXgwjako4nu5WFLAjpBnCj/ieqcjE2aJBINUNQzkZQfzIZA4xn+0fV1tIYBJvvva3N3OvKGofRLvQIwEQPpaXw==}
+    dependencies:
+      '@babel/parser': 7.22.16
+      '@vue/compiler-core': 3.3.4
+      '@vue/shared': 3.3.4
+      estree-walker: 2.0.2
+      magic-string: 0.30.3
+
+  /@vue/reactivity@3.3.4:
+    resolution: {integrity: sha512-kLTDLwd0B1jG08NBF3R5rqULtv/f8x3rOFByTDz4J53ttIQEDmALqKqXY0J+XQeN0aV2FBxY8nJDf88yvOPAqQ==}
+    dependencies:
+      '@vue/shared': 3.3.4
+
+  /@vue/runtime-core@3.3.4:
+    resolution: {integrity: sha512-R+bqxMN6pWO7zGI4OMlmvePOdP2c93GsHFM/siJI7O2nxFRzj55pLwkpCedEY+bTMgp5miZ8CxfIZo3S+gFqvA==}
+    dependencies:
+      '@vue/reactivity': 3.3.4
+      '@vue/shared': 3.3.4
+
+  /@vue/runtime-dom@3.3.4:
+    resolution: {integrity: sha512-Aj5bTJ3u5sFsUckRghsNjVTtxZQ1OyMWCr5dZRAPijF/0Vy4xEoRCwLyHXcj4D0UFbJ4lbx3gPTgg06K/GnPnQ==}
+    dependencies:
+      '@vue/runtime-core': 3.3.4
+      '@vue/shared': 3.3.4
+      csstype: 3.1.2
+
+  /@vue/server-renderer@3.3.4(vue@3.3.4):
+    resolution: {integrity: sha512-Q6jDDzR23ViIb67v+vM1Dqntu+HUexQcsWKhhQa4ARVzxOY2HbC7QRW/ggkDBd5BU+uM1sV6XOAP0b216o34JQ==}
+    peerDependencies:
+      vue: 3.3.4
+    dependencies:
+      '@vue/compiler-ssr': 3.3.4
+      '@vue/shared': 3.3.4
+      vue: 3.3.4
+
+  /@vue/shared@3.3.4:
+    resolution: {integrity: sha512-7OjdcV8vQ74eiz1TZLzZP4JwqM5fA94K6yntPS5Z25r9HDuGNzaGdgvwKYq6S+MxwF0TFRwe50fIR/MYnakdkQ==}
+
+  /@vue/typescript@1.8.13(typescript@5.2.2):
+    resolution: {integrity: sha512-ALJjHFqQ3dgZVCI/ogAS/dZ7JEhIi1N0Em5I7uwabY1p9RDRK3odLsycMHyxZRjm5dLI15c07eeBloHiD2Otlg==}
+    dependencies:
+      '@volar/typescript': 1.10.1
+      '@vue/language-core': 1.8.13(typescript@5.2.2)
+    transitivePeerDependencies:
+      - typescript
+    dev: true
+
+  /@vueuse/core@10.4.1(vue@3.3.4):
+    resolution: {integrity: sha512-DkHIfMIoSIBjMgRRvdIvxsyboRZQmImofLyOHADqiVbQVilP8VVHDhBX2ZqoItOgu7dWa8oXiNnScOdPLhdEXg==}
+    dependencies:
+      '@types/web-bluetooth': 0.0.17
+      '@vueuse/metadata': 10.4.1
+      '@vueuse/shared': 10.4.1(vue@3.3.4)
+      vue-demi: 0.14.6(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@vueuse/metadata@10.4.1:
+    resolution: {integrity: sha512-2Sc8X+iVzeuMGHr6O2j4gv/zxvQGGOYETYXEc41h0iZXIRnRbJZGmY/QP8dvzqUelf8vg0p/yEA5VpCEu+WpZg==}
+    dev: false
+
+  /@vueuse/shared@10.4.1(vue@3.3.4):
+    resolution: {integrity: sha512-vz5hbAM4qA0lDKmcr2y3pPdU+2EVw/yzfRsBdu+6+USGa4PxqSQRYIUC9/NcT06y+ZgaTsyURw2I9qOFaaXHAg==}
+    dependencies:
+      vue-demi: 0.14.6(vue@3.3.4)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: false
+
+  /@xingyuv/eslint-config-basic@0.1.6(@typescript-eslint/eslint-plugin@6.7.2)(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-JTwjfotgqyiBkgRX4eQmnEYMhYYIkclQCvddswnfLWsI9XrGz/78Jzc/J+VHCeLCBAuUvhVlOYQpNEg7PJ85ww==}
+    peerDependencies:
+      eslint: '>=7.4.0'
+    dependencies:
+      '@stylistic/eslint-plugin-js': 0.0.3
+      eslint: 8.50.0
+      eslint-plugin-eslint-comments: 3.2.0(eslint@8.50.0)
+      eslint-plugin-html: 7.1.0
+      eslint-plugin-import: /eslint-plugin-i@2.28.1(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)
+      eslint-plugin-jsdoc: 46.8.2(eslint@8.50.0)
+      eslint-plugin-jsonc: 2.9.0(eslint@8.50.0)
+      eslint-plugin-markdown: 3.0.1(eslint@8.50.0)
+      eslint-plugin-n: 16.1.0(eslint@8.50.0)
+      eslint-plugin-no-only-tests: 3.1.0
+      eslint-plugin-promise: 6.1.1(eslint@8.50.0)
+      eslint-plugin-unicorn: 48.0.1(eslint@8.50.0)
+      eslint-plugin-unused-imports: 3.0.0(@typescript-eslint/eslint-plugin@6.7.2)(eslint@8.50.0)
+      eslint-plugin-xingyuv: 0.1.6(eslint@8.50.0)(typescript@5.2.2)
+      eslint-plugin-yml: 1.9.0(eslint@8.50.0)
+      jsonc-eslint-parser: 2.3.0
+      yaml-eslint-parser: 1.2.2
+    transitivePeerDependencies:
+      - '@typescript-eslint/eslint-plugin'
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+      - typescript
+    dev: true
+
+  /@xingyuv/eslint-config-ts@0.1.6(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-Lr4VwHMaO0iBtkRztiypyUCOaBbc8ToSiXPy1M+vhSkMNGyAyln5u61o/Er8bMwSuY5x5YtcsFA5PTapT897zg==}
+    peerDependencies:
+      eslint: '>=7.4.0'
+      typescript: '>=3.9'
+    dependencies:
+      '@stylistic/eslint-plugin-ts': 0.0.3(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/eslint-plugin': 6.7.2(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@xingyuv/eslint-config-basic': 0.1.6(@typescript-eslint/eslint-plugin@6.7.2)(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      eslint: 8.50.0
+      eslint-plugin-jest: 27.4.0(@typescript-eslint/eslint-plugin@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      typescript: 5.2.2
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - jest
+      - supports-color
+    dev: true
+
+  /@xingyuv/eslint-config-vue@0.1.6(@typescript-eslint/eslint-plugin@6.7.2)(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-swe4T0yG9FEGWuLInpXAZgQuxsRrkk/UfCfo8hc9Y/WOtNe2JqIaqh5EJhr7ERtRzpGeCnqVzm5+udd0dhxivA==}
+    peerDependencies:
+      eslint: '>=7.4.0'
+    dependencies:
+      '@xingyuv/eslint-config-basic': 0.1.6(@typescript-eslint/eslint-plugin@6.7.2)(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      '@xingyuv/eslint-config-ts': 0.1.6(eslint@8.50.0)(typescript@5.2.2)
+      eslint: 8.50.0
+      eslint-plugin-vue: 9.17.0(eslint@8.50.0)
+      local-pkg: 0.4.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/eslint-plugin'
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - jest
+      - supports-color
+      - typescript
+    dev: true
+
+  /@xingyuv/eslint-config@0.1.6(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-ka4tHMcHDlIaBUaD95PsprWif2VZAqfRUvd/ft1rtpQEq7py5zAGLXRDXzdveafhUKdDDuT9mdjbDDD4qYQgAA==}
+    peerDependencies:
+      eslint: '>=7.4.0'
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 6.7.2(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/parser': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      '@xingyuv/eslint-config-vue': 0.1.6(@typescript-eslint/eslint-plugin@6.7.2)(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      eslint: 8.50.0
+      eslint-plugin-eslint-comments: 3.2.0(eslint@8.50.0)
+      eslint-plugin-html: 7.1.0
+      eslint-plugin-import: /eslint-plugin-i@2.28.1(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)
+      eslint-plugin-jsonc: 2.9.0(eslint@8.50.0)
+      eslint-plugin-n: 16.1.0(eslint@8.50.0)
+      eslint-plugin-promise: 6.1.1(eslint@8.50.0)
+      eslint-plugin-unicorn: 48.0.1(eslint@8.50.0)
+      eslint-plugin-vue: 9.17.0(eslint@8.50.0)
+      eslint-plugin-yml: 1.9.0(eslint@8.50.0)
+      jsonc-eslint-parser: 2.3.0
+      yaml-eslint-parser: 1.2.2
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - jest
+      - supports-color
+      - typescript
+    dev: true
+
+  /@xmldom/xmldom@0.8.10:
+    resolution: {integrity: sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==}
+    engines: {node: '>=10.0.0'}
+    dev: false
+
+  /@zxcvbn-ts/core@3.0.4:
+    resolution: {integrity: sha512-aQeiT0F09FuJaAqNrxynlAwZ2mW/1MdXakKWNmGM1Qp/VaY6CnB/GfnMS2T8gB2231Esp1/maCWd8vTG4OuShw==}
+    dependencies:
+      fastest-levenshtein: 1.0.16
+    dev: false
+
+  /JSONStream@1.3.5:
+    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
+    hasBin: true
+    dependencies:
+      jsonparse: 1.3.1
+      through: 2.3.8
+    dev: true
+
+  /acorn-jsx@5.3.2(acorn@8.10.0):
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.10.0
+    dev: true
+
+  /acorn-walk@8.2.0:
+    resolution: {integrity: sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
+  /adler-32@1.3.1:
+    resolution: {integrity: sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /aes-decrypter@3.1.3:
+    resolution: {integrity: sha512-VkG9g4BbhMBy+N5/XodDeV6F02chEk9IpgRTq/0bS80y4dzy79VH2Gtms02VXomf3HmyRe3yyJYkJ990ns+d6A==}
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@videojs/vhs-utils': 3.0.5
+      global: 4.4.0
+      pkcs7: 1.0.4
+    dev: false
+
+  /ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+    dev: true
+
+  /ajv@8.12.0:
+    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+    dev: true
+
+  /ansi-escapes@4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.21.3
+    dev: true
+
+  /ansi-escapes@5.0.0:
+    resolution: {integrity: sha512-5GFMVX8HqE/TB+FuBJGuO5XG0WrsA6ptUqoODaT/n9mmUaZFkqnBueB4leqGBCmrUHnCnC4PCZTCd0E7QQ83bA==}
+    engines: {node: '>=12'}
+    dependencies:
+      type-fest: 1.4.0
+    dev: true
+
+  /ansi-regex@2.1.1:
+    resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ansi-styles@2.2.1:
+    resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /ansi-styles@3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: 1.9.3
+    dev: true
+
+  /ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: 2.0.1
+    dev: true
+
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ant-design-vue@4.0.3(vue@3.3.4):
+    resolution: {integrity: sha512-fbgZbbirLx7rc19ytaGxApwS01CKLRzvEZmH0TVF06niQA9ekx7xkvfQGlmiSaCs4b8nWZi4Bo7gUzRNRt5YJA==}
+    engines: {node: '>=12.22.0'}
+    peerDependencies:
+      vue: '>=3.2.0'
+    dependencies:
+      '@ant-design/colors': 6.0.0
+      '@ant-design/icons-vue': 7.0.0(vue@3.3.4)
+      '@babel/runtime': 7.22.15
+      '@ctrl/tinycolor': 3.6.1
+      '@emotion/hash': 0.9.1
+      '@emotion/unitless': 0.8.1
+      '@simonwep/pickr': 1.8.2
+      array-tree-filter: 2.1.0
+      async-validator: 4.2.5
+      csstype: 3.1.2
+      dayjs: 1.11.10
+      dom-align: 1.12.4
+      dom-scroll-into-view: 2.0.1
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      resize-observer-polyfill: 1.5.1
+      scroll-into-view-if-needed: 2.2.31
+      shallow-equal: 1.2.1
+      stylis: 4.3.0
+      throttle-debounce: 5.0.0
+      vue: 3.3.4
+      vue-types: 3.0.2(vue@3.3.4)
+      warning: 4.0.3
+    dev: false
+
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /arg@4.1.3:
+    resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
+    dev: true
+
+  /argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
+  /arr-diff@4.0.0:
+    resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-flatten@1.1.0:
+    resolution: {integrity: sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arr-union@3.1.0:
+    resolution: {integrity: sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /array-buffer-byte-length@1.0.0:
+    resolution: {integrity: sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==}
+    dependencies:
+      call-bind: 1.0.2
+      is-array-buffer: 3.0.2
+    dev: true
+
+  /array-ify@1.0.0:
+    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
+    dev: true
+
+  /array-tree-filter@2.1.0:
+    resolution: {integrity: sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==}
+    dev: false
+
+  /array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /array-unique@0.3.2:
+    resolution: {integrity: sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /arraybuffer.prototype.slice@1.0.2:
+    resolution: {integrity: sha512-yMBKppFur/fbHu9/6USUe03bZ4knMYiwFBcyiaXB8Go0qNehwX6inYPzK9U0NeQvGxKthcmHcaR8P5MStSRBAw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.0
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      es-abstract: 1.22.2
+      get-intrinsic: 1.2.1
+      is-array-buffer: 3.0.2
+      is-shared-array-buffer: 1.0.2
+    dev: true
+
+  /arrify@1.0.1:
+    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /asap@2.0.6:
+    resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
+    dev: false
+
+  /assign-symbols@1.0.0:
+    resolution: {integrity: sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /astral-regex@2.0.0:
+    resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /async-validator@4.2.5:
+    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: false
+
+  /async@3.2.4:
+    resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==}
+    dev: true
+
+  /asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+  /at-least-node@1.0.0:
+    resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
+    engines: {node: '>= 4.0.0'}
+    dev: true
+
+  /atob@2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
+    dev: true
+
+  /available-typed-arrays@1.0.5:
+    resolution: {integrity: sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /axios@0.26.1(debug@4.3.4):
+    resolution: {integrity: sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==}
+    dependencies:
+      follow-redirects: 1.15.3(debug@4.3.4)
+    transitivePeerDependencies:
+      - debug
+    dev: true
+
+  /axios@1.5.0(debug@4.3.4):
+    resolution: {integrity: sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==}
+    dependencies:
+      follow-redirects: 1.15.3(debug@4.3.4)
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+
+  /babel-plugin-polyfill-corejs2@0.4.5(@babel/core@7.22.20):
+    resolution: {integrity: sha512-19hwUH5FKl49JEsvyTcoHakh6BE0wgXLLptIyKZ3PijHc/Ci521wygORCUCCred+E/twuqRyAkE02BAWPmsHOg==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/compat-data': 7.22.20
+      '@babel/core': 7.22.20
+      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.20)
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-corejs3@0.8.4(@babel/core@7.22.20):
+    resolution: {integrity: sha512-9l//BZZsPR+5XjyJMPtZSK4jv0BsTO1zDac2GC6ygx9WLGlcsnRd1Co0B2zT5fF5Ic6BZy+9m3HNZ3QcOeDKfg==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.20)
+      core-js-compat: 3.32.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /babel-plugin-polyfill-regenerator@0.5.2(@babel/core@7.22.20):
+    resolution: {integrity: sha512-tAlOptU0Xj34V1Y2PNTL4Y0FOJMDB6bZmoW39FeCQIhigGLkqu3Fj6uiXpxIf6Ij274ENdYx64y6Au+ZKlb1IA==}
+    peerDependencies:
+      '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
+    dependencies:
+      '@babel/core': 7.22.20
+      '@babel/helper-define-polyfill-provider': 0.4.2(@babel/core@7.22.20)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /balanced-match@2.0.0:
+    resolution: {integrity: sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==}
+    dev: true
+
+  /base64-js@1.5.1:
+    resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
+    dev: true
+
+  /base@0.11.2:
+    resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      cache-base: 1.0.1
+      class-utils: 0.3.6
+      component-emitter: 1.3.0
+      define-property: 1.0.0
+      isobject: 3.0.1
+      mixin-deep: 1.3.2
+      pascalcase: 0.1.1
+    dev: true
+
+  /before-after-hook@2.2.3:
+    resolution: {integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==}
+    dev: true
+
+  /benz-amr-recorder@1.1.5:
+    resolution: {integrity: sha512-NepctcNTsZHK8NxBb5uKO5p8S+xkbm+vD6GLSkCYdJeEsriexvgumLHpDkanX4QJBcLRMVtg16buWMs+gUPB3g==}
+    dependencies:
+      benz-recorderjs: 1.0.5
+    dev: false
+
+  /benz-recorderjs@1.0.5:
+    resolution: {integrity: sha512-EwedOQo9KLti7HxDi/eZY51PSRbAXnOdEZmLvJ6ro3QQSoF9Y3AXBt57MIllGvVz5vtFYMeikG+GD7qTm3+p9w==}
+    dev: false
+
+  /big-integer@1.6.51:
+    resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==}
+    engines: {node: '>=0.6'}
+    dev: true
+
+  /big.js@5.2.2:
+    resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
+    dev: true
+
+  /binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /bl@4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    dev: true
+
+  /bluebird@3.7.2:
+    resolution: {integrity: sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==}
+    dev: true
+
+  /boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+    dev: true
+
+  /bplist-parser@0.2.0:
+    resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==}
+    engines: {node: '>= 5.10.0'}
+    dependencies:
+      big-integer: 1.6.51
+    dev: true
+
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+    dependencies:
+      balanced-match: 1.0.2
+    dev: true
+
+  /braces@2.3.2:
+    resolution: {integrity: sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-flatten: 1.1.0
+      array-unique: 0.3.2
+      extend-shallow: 2.0.1
+      fill-range: 4.0.0
+      isobject: 3.0.1
+      repeat-element: 1.1.4
+      snapdragon: 0.8.2
+      snapdragon-node: 2.1.1
+      split-string: 3.1.0
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /browserslist@4.21.11:
+    resolution: {integrity: sha512-xn1UXOKUz7DjdGlg9RrUr0GGiWzI97UQJnugHtH0OLDfJB7jMgoIkYvRIEO1l9EeEERVqeqLYOcFBW9ldjypbQ==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001538
+      electron-to-chromium: 1.4.528
+      node-releases: 2.0.13
+      update-browserslist-db: 1.0.13(browserslist@4.21.11)
+    dev: true
+
+  /buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+    dev: true
+
+  /buffer@5.7.1:
+    resolution: {integrity: sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==}
+    dependencies:
+      base64-js: 1.5.1
+      ieee754: 1.2.1
+    dev: true
+
+  /builtin-modules@3.3.0:
+    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /builtins@5.0.1:
+    resolution: {integrity: sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==}
+    dependencies:
+      semver: 7.5.4
+    dev: true
+
+  /bundle-name@3.0.0:
+    resolution: {integrity: sha512-PKA4BeSvBpQKQ8iPOGCSiell+N8P+Tf1DlwqmYhpe2gAhKPHn8EYOxVT+ShuGmhg8lN8XiSlS80yiExKXrURlw==}
+    engines: {node: '>=12'}
+    dependencies:
+      run-applescript: 5.0.0
+    dev: true
+
+  /cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /cache-base@1.0.1:
+    resolution: {integrity: sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      collection-visit: 1.0.0
+      component-emitter: 1.3.0
+      get-value: 2.0.6
+      has-value: 1.0.0
+      isobject: 3.0.1
+      set-value: 2.0.1
+      to-object-path: 0.3.0
+      union-value: 1.0.1
+      unset-value: 1.0.0
+    dev: true
+
+  /call-bind@1.0.2:
+    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+    dependencies:
+      function-bind: 1.1.1
+      get-intrinsic: 1.2.1
+
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camel-case@4.1.2:
+    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
+    dependencies:
+      pascal-case: 3.1.2
+      tslib: 2.6.2
+    dev: true
+
+  /camelcase-keys@6.2.2:
+    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
+    engines: {node: '>=8'}
+    dependencies:
+      camelcase: 5.3.1
+      map-obj: 4.3.0
+      quick-lru: 4.0.1
+    dev: true
+
+  /camelcase-keys@7.0.2:
+    resolution: {integrity: sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==}
+    engines: {node: '>=12'}
+    dependencies:
+      camelcase: 6.3.0
+      map-obj: 4.3.0
+      quick-lru: 5.1.1
+      type-fest: 1.4.0
+    dev: true
+
+  /camelcase@5.3.1:
+    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase@6.3.0:
+    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /caniuse-lite@1.0.30001538:
+    resolution: {integrity: sha512-HWJnhnID+0YMtGlzcp3T9drmBJUVDchPJ08tpUGFLs9CYlwWPH2uLgpHn8fND5pCgXVtnGS3H4QR9XLMHVNkHw==}
+    dev: true
+
+  /cfb@1.2.2:
+    resolution: {integrity: sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      adler-32: 1.3.1
+      crc-32: 1.2.2
+    dev: false
+
+  /chalk@1.1.3:
+    resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-styles: 2.2.1
+      escape-string-regexp: 1.0.5
+      has-ansi: 2.0.0
+      strip-ansi: 3.0.1
+      supports-color: 2.0.0
+    dev: true
+
+  /chalk@2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: 3.2.1
+      escape-string-regexp: 1.0.5
+      supports-color: 5.5.0
+    dev: true
+
+  /chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+    dev: true
+
+  /chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
+  /character-entities-legacy@1.1.4:
+    resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
+    dev: true
+
+  /character-entities@1.2.4:
+    resolution: {integrity: sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==}
+    dev: true
+
+  /character-reference-invalid@1.1.4:
+    resolution: {integrity: sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==}
+    dev: true
+
+  /chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+    dev: true
+
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /ci-info@3.8.0:
+    resolution: {integrity: sha512-eXTggHWSooYhq49F2opQhuHWgzucfF2YgODK4e1566GQs5BIfP30B0oenwBJHfWxAs2fyPB1s7Mg949zLf61Yw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /class-utils@0.3.6:
+    resolution: {integrity: sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      define-property: 0.2.5
+      isobject: 3.0.1
+      static-extend: 0.1.2
+    dev: true
+
+  /clean-css@5.3.2:
+    resolution: {integrity: sha512-JVJbM+f3d3Q704rF4bqQ5UUyTtuJ0JRKNbTKVEeujCCBoMdkEi+V+e8oktO9qGQNSvHrFTM6JZRXrUvGR1czww==}
+    engines: {node: '>= 10.0'}
+    dependencies:
+      source-map: 0.6.1
+    dev: true
+
+  /clean-regexp@1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /cli-cursor@3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
+    engines: {node: '>=8'}
+    dependencies:
+      restore-cursor: 3.1.0
+    dev: true
+
+  /cli-cursor@4.0.0:
+    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      restore-cursor: 4.0.0
+    dev: true
+
+  /cli-spinners@2.9.1:
+    resolution: {integrity: sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /cli-truncate@3.1.0:
+    resolution: {integrity: sha512-wfOBkjXteqSnI59oPcJkcPl/ZmwvMMOj340qUIY1SKZCv0B9Cf4D4fAucRkIKQmsIuYK3x1rrgU7MeGRruiuiA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      slice-ansi: 5.0.0
+      string-width: 5.1.2
+    dev: true
+
+  /cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+    dev: true
+
+  /cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+    dev: true
+
+  /clone@1.0.4:
+    resolution: {integrity: sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /clone@2.1.2:
+    resolution: {integrity: sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /codemirror@5.65.15:
+    resolution: {integrity: sha512-YC4EHbbwQeubZzxLl5G4nlbLc1T21QTrKGaOal/Pkm9dVDMZXMH7+ieSPEOZCtO9I68i8/oteJKOxzHC2zR+0g==}
+    dev: false
+
+  /codepage@1.15.0:
+    resolution: {integrity: sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /collection-visit@1.0.0:
+    resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-visit: 1.0.0
+      object-visit: 1.0.1
+    dev: true
+
+  /color-convert@1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
+    dependencies:
+      color-name: 1.1.3
+    dev: true
+
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: true
+
+  /color-name@1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
+    dev: true
+
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: true
+
+  /colord@2.9.3:
+    resolution: {integrity: sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==}
+    dev: true
+
+  /colorette@2.0.20:
+    resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
+    dev: true
+
+  /combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+    dependencies:
+      delayed-stream: 1.0.0
+
+  /commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /commander@11.0.0:
+    resolution: {integrity: sha512-9HMlXtt/BNoYr8ooyjjNRdIilOTkVJXB+GhxMTtOKwk0R4j4lS4NpjuqmRxroBfnfTSHQIHQB7wryHhXarNjmQ==}
+    engines: {node: '>=16'}
+    dev: true
+
+  /commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+    dev: true
+
+  /commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+    dev: true
+
+  /comment-parser@1.4.0:
+    resolution: {integrity: sha512-QLyTNiZ2KDOibvFPlZ6ZngVsZ/0gYnE6uTXi5aoDg8ed3AkJAz4sEje3Y8a29hQ1s6A99MZXe47fLAXQ1rTqaw==}
+    engines: {node: '>= 12.0.0'}
+    dev: true
+
+  /common-tags@1.8.2:
+    resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+
+  /compare-func@2.0.0:
+    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
+    dependencies:
+      array-ify: 1.0.0
+      dot-prop: 5.3.0
+    dev: true
+
+  /component-emitter@1.3.0:
+    resolution: {integrity: sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==}
+    dev: true
+
+  /compute-scroll-into-view@1.0.20:
+    resolution: {integrity: sha512-UCB0ioiyj8CRjtrvaceBLqqhZCVP+1B8+NWQhmdsm0VXOJtobBCf1dBQmebCCo34qZmUwZfIH2MZLqNHazrfjg==}
+    dev: false
+
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /connect-history-api-fallback@2.0.0:
+    resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /consola@3.2.3:
+    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+    dev: true
+
+  /conventional-changelog-angular@6.0.0:
+    resolution: {integrity: sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==}
+    engines: {node: '>=14'}
+    dependencies:
+      compare-func: 2.0.0
+    dev: true
+
+  /conventional-changelog-conventionalcommits@6.1.0:
+    resolution: {integrity: sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==}
+    engines: {node: '>=14'}
+    dependencies:
+      compare-func: 2.0.0
+    dev: true
+
+  /conventional-commits-parser@4.0.0:
+    resolution: {integrity: sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      JSONStream: 1.3.5
+      is-text-path: 1.0.1
+      meow: 8.1.2
+      split2: 3.2.2
+    dev: true
+
+  /convert-source-map@1.9.0:
+    resolution: {integrity: sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==}
+    dev: true
+
+  /copy-anything@2.0.6:
+    resolution: {integrity: sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==}
+    dependencies:
+      is-what: 3.14.1
+    dev: true
+
+  /copy-descriptor@0.1.1:
+    resolution: {integrity: sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /core-js-compat@3.32.2:
+    resolution: {integrity: sha512-+GjlguTDINOijtVRUxrQOv3kfu9rl+qPNdX2LTbJ/ZyVTuxK+ksVSAGX1nHstu4hrv1En/uPTtWgq2gI5wt4AQ==}
+    dependencies:
+      browserslist: 4.21.11
+    dev: true
+
+  /core-js@3.32.2:
+    resolution: {integrity: sha512-pxXSw1mYZPDGvTQqEc5vgIb83jGQKFGYWY76z4a7weZXUolw3G+OvpZqSRcfYOoOVUQJYEPsWeQK8pKEnUtWxQ==}
+    requiresBuild: true
+    dev: false
+
+  /cors@2.8.5:
+    resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
+    engines: {node: '>= 0.10'}
+    dependencies:
+      object-assign: 4.1.1
+      vary: 1.1.2
+    dev: true
+
+  /cosmiconfig-typescript-loader@4.4.0(@types/node@20.4.7)(cosmiconfig@8.3.6)(ts-node@10.9.1)(typescript@5.2.2):
+    resolution: {integrity: sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==}
+    engines: {node: '>=v14.21.3'}
+    peerDependencies:
+      '@types/node': '*'
+      cosmiconfig: '>=7'
+      ts-node: '>=10'
+      typescript: '>=4'
+    dependencies:
+      '@types/node': 20.4.7
+      cosmiconfig: 8.3.6(typescript@5.2.2)
+      ts-node: 10.9.1(@types/node@20.6.4)(typescript@5.2.2)
+      typescript: 5.2.2
+    dev: true
+
+  /cosmiconfig@8.3.6(typescript@5.2.2):
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+      typescript: 5.2.2
+    dev: true
+
+  /crc-32@1.2.2:
+    resolution: {integrity: sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+    dev: false
+
+  /create-require@1.1.1:
+    resolution: {integrity: sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==}
+    dev: true
+
+  /cron-parser@4.9.0:
+    resolution: {integrity: sha512-p0SaNjrHOnQeR8/VnfGbmg9te2kfyYSQ7Sc/j/6DtPL3JQvKxmjO9TSjNFpujqV3vEYYBvNNvXSxzyksBWAx1Q==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      luxon: 3.4.3
+    dev: false
+
+  /cropperjs@1.6.1:
+    resolution: {integrity: sha512-F4wsi+XkDHCOMrHMYjrTEE4QBOrsHHN5/2VsVAaRq8P7E5z7xQpT75S+f/9WikmBEailas3+yo+6zPIomW+NOA==}
+    dev: false
+
+  /cross-env@7.0.3:
+    resolution: {integrity: sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==}
+    engines: {node: '>=10.14', npm: '>=6', yarn: '>=1'}
+    hasBin: true
+    dependencies:
+      cross-spawn: 7.0.3
+    dev: true
+
+  /cross-fetch@3.1.8:
+    resolution: {integrity: sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==}
+    dependencies:
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /cross-spawn@7.0.3:
+    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
+    engines: {node: '>= 8'}
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+    dev: true
+
+  /crypto-js@4.1.1:
+    resolution: {integrity: sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw==}
+    dev: false
+
+  /crypto-random-string@2.0.0:
+    resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /css-functions-list@3.2.0:
+    resolution: {integrity: sha512-d/jBMPyYybkkLVypgtGv12R+pIFw4/f/IHtCTxWpZc8ofTYOPigIgmA6vu5rMHartZC+WuXhBUHfnyNUIQSYrg==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /css-select@4.3.0:
+    resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 4.3.1
+      domutils: 2.8.0
+      nth-check: 2.1.1
+    dev: true
+
+  /css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      nth-check: 2.1.1
+    dev: true
+
+  /css-tree@1.1.3:
+    resolution: {integrity: sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      mdn-data: 2.0.14
+      source-map: 0.6.1
+    dev: true
+
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.0.2
+    dev: true
+
+  /css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /csso@4.2.0:
+    resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      css-tree: 1.1.3
+    dev: true
+
+  /csstype@3.1.2:
+    resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
+
+  /cz-git@1.7.1:
+    resolution: {integrity: sha512-NMe4REukCS7op1YA1jixRXOgII8Um2/Ii8TeyFEOISgp2ZzeobzkMOP8dXSrTQ3bvmm7YpPOdr2301yJkOJcbA==}
+    engines: {node: '>=v12.20.0'}
+    dev: true
+
+  /czg@1.7.1:
+    resolution: {integrity: sha512-KP93cTbZxgWYDKJzZpjnLe0sy/2FwyegatnrOaqsath04WinvsdhZl5QCGkxTKBY2DavpKloIBW/WGZzCKmrlA==}
+    engines: {node: '>=v12.20.0'}
+    hasBin: true
+    dev: true
+
+  /dargs@7.0.0:
+    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /dayjs@1.11.10:
+    resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+    dev: false
+
+  /de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+    dev: true
+
+  /debug@2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.0.0
+    dev: true
+
+  /debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.3
+    dev: true
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+
+  /decamelize-keys@1.1.1:
+    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      decamelize: 1.2.0
+      map-obj: 1.0.1
+    dev: true
+
+  /decamelize@1.2.0:
+    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /decamelize@5.0.1:
+    resolution: {integrity: sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /decode-uri-component@0.2.2:
+    resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /default-browser-id@3.0.0:
+    resolution: {integrity: sha512-OZ1y3y0SqSICtE8DE4S8YOE9UZOJ8wO16fKWVP5J1Qz42kV9jcnMVFrEE/noXb/ss3Q4pZIH79kxofzyNNtUNA==}
+    engines: {node: '>=12'}
+    dependencies:
+      bplist-parser: 0.2.0
+      untildify: 4.0.0
+    dev: true
+
+  /default-browser@4.0.0:
+    resolution: {integrity: sha512-wX5pXO1+BrhMkSbROFsyxUm0i/cJEScyNhA4PPxc41ICuv05ZZB/MX28s8aZx6xjmatvebIapF6hLEKEcpneUA==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      bundle-name: 3.0.0
+      default-browser-id: 3.0.0
+      execa: 7.2.0
+      titleize: 3.0.0
+    dev: true
+
+  /defaults@1.0.4:
+    resolution: {integrity: sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==}
+    dependencies:
+      clone: 1.0.4
+    dev: true
+
+  /define-data-property@1.1.0:
+    resolution: {integrity: sha512-UzGwzcjyv3OtAvolTj1GoyNYzfFR+iqbGjcnBEENZVCpM4/Ng1yhGNvS3lR/xDS74Tb2wGG9WzNSNIOS9UVb2g==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.1
+      gopd: 1.0.1
+      has-property-descriptors: 1.0.0
+    dev: true
+
+  /define-lazy-prop@2.0.0:
+    resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /define-properties@1.2.1:
+    resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.0
+      has-property-descriptors: 1.0.0
+      object-keys: 1.1.1
+    dev: true
+
+  /define-property@0.2.5:
+    resolution: {integrity: sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 0.1.6
+    dev: true
+
+  /define-property@1.0.0:
+    resolution: {integrity: sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.2
+    dev: true
+
+  /define-property@2.0.2:
+    resolution: {integrity: sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-descriptor: 1.0.2
+      isobject: 3.0.1
+    dev: true
+
+  /defu@6.1.2:
+    resolution: {integrity: sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==}
+    dev: true
+
+  /delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  /deprecation@2.3.1:
+    resolution: {integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==}
+    dev: true
+
+  /destr@2.0.1:
+    resolution: {integrity: sha512-M1Ob1zPSIvlARiJUkKqvAZ3VAqQY6Jcuth/pBKQ2b1dX/Qx0OnJ8Vux6J2H5PTMQeRzWrrbTu70VxBfv/OPDJA==}
+    dev: true
+
+  /diff-match-patch@1.0.5:
+    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+    dev: false
+
+  /diff@4.0.2:
+    resolution: {integrity: sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==}
+    engines: {node: '>=0.3.1'}
+    dev: true
+
+  /dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-type: 4.0.0
+    dev: true
+
+  /doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /doctrine@3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /dom-align@1.12.4:
+    resolution: {integrity: sha512-R8LUSEay/68zE5c8/3BDxiTEvgb4xZTF0RKmAHfiEVN3klfIpXfi2/QCoiWPccVQ0J/ZGdz9OjzL4uJEP/MRAw==}
+    dev: false
+
+  /dom-scroll-into-view@2.0.1:
+    resolution: {integrity: sha512-bvVTQe1lfaUr1oFzZX80ce9KLDlZ3iU+XGNE/bz9HnGdklTieqsbmsLHe+rT2XWqopvL0PckkYqN7ksmm5pe3w==}
+    dev: false
+
+  /dom-serializer@0.2.2:
+    resolution: {integrity: sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==}
+    dependencies:
+      domelementtype: 2.3.0
+      entities: 2.2.0
+    dev: true
+
+  /dom-serializer@1.4.1:
+    resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+      entities: 2.2.0
+    dev: true
+
+  /dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+    dev: true
+
+  /dom-walk@0.1.2:
+    resolution: {integrity: sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==}
+    dev: false
+
+  /domelementtype@1.3.1:
+    resolution: {integrity: sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==}
+    dev: true
+
+  /domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+    dev: true
+
+  /domhandler@2.4.2:
+    resolution: {integrity: sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==}
+    dependencies:
+      domelementtype: 1.3.1
+    dev: true
+
+  /domhandler@4.3.1:
+    resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+    dependencies:
+      domelementtype: 2.3.0
+    dev: true
+
+  /domutils@1.7.0:
+    resolution: {integrity: sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==}
+    dependencies:
+      dom-serializer: 0.2.2
+      domelementtype: 1.3.1
+    dev: true
+
+  /domutils@2.8.0:
+    resolution: {integrity: sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==}
+    dependencies:
+      dom-serializer: 1.4.1
+      domelementtype: 2.3.0
+      domhandler: 4.3.1
+    dev: true
+
+  /domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+    dev: true
+
+  /dot-case@3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.6.2
+    dev: true
+
+  /dot-prop@5.3.0:
+    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-obj: 2.0.0
+    dev: true
+
+  /dotenv-expand@10.0.0:
+    resolution: {integrity: sha512-GopVGCpVS1UKH75VKHGuQFqS1Gusej0z4FyQkPdwjil2gNIv+LNsqBlboOzpJFZKVT95GkCyWJbBSdFEFUWI2A==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /dotenv@16.3.1:
+    resolution: {integrity: sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /duplexer@0.1.2:
+    resolution: {integrity: sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==}
+    dev: true
+
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: true
+
+  /echarts@5.4.3:
+    resolution: {integrity: sha512-mYKxLxhzy6zyTi/FaEbJMOZU1ULGEQHaeIeuMR5L+JnJTpz+YR03mnnpBhbR4+UYJAgiXgpyTVLffPAjOTLkZA==}
+    dependencies:
+      tslib: 2.3.0
+      zrender: 5.4.4
+    dev: false
+
+  /ejs@3.1.9:
+    resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      jake: 10.8.7
+    dev: true
+
+  /electron-to-chromium@1.4.528:
+    resolution: {integrity: sha512-UdREXMXzLkREF4jA8t89FQjA8WHI6ssP38PMY4/4KhXFQbtImnghh4GkCgrtiZwLKUKVD2iTVXvDVQjfomEQuA==}
+    dev: true
+
+  /element-kit@1.0.6:
+    resolution: {integrity: sha512-cH29YJ5n/cp36+a376JkYkcpvGJWIRRmrw1h8gAoRXMJwLUmmJvOZzssR6fHqGz0QSSJ7pq46XuEHdpEjoOXlQ==}
+    deprecated: package has been deprecated and is no longer maintained. Please see https://github.com/mkay581/element-kit
+    dependencies:
+      promise: 7.3.1
+      string: 3.3.3
+    dev: false
+
+  /emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+    dev: true
+
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: true
+
+  /emojis-list@3.0.0:
+    resolution: {integrity: sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /entities@1.1.2:
+    resolution: {integrity: sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==}
+    dev: true
+
+  /entities@2.2.0:
+    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
+    dev: true
+
+  /entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /errno@0.1.8:
+    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      prr: 1.0.1
+    dev: true
+    optional: true
+
+  /error-ex@1.3.2:
+    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
+    dependencies:
+      is-arrayish: 0.2.1
+    dev: true
+
+  /es-abstract@1.22.2:
+    resolution: {integrity: sha512-YoxfFcDmhjOgWPWsV13+2RNjq1F6UQnfs+8TftwNqtzlmFzEXvlUwdrNrYeaizfjQzRMxkZ6ElWMOJIFKdVqwA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      array-buffer-byte-length: 1.0.0
+      arraybuffer.prototype.slice: 1.0.2
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      es-set-tostringtag: 2.0.1
+      es-to-primitive: 1.2.1
+      function.prototype.name: 1.1.6
+      get-intrinsic: 1.2.1
+      get-symbol-description: 1.0.0
+      globalthis: 1.0.3
+      gopd: 1.0.1
+      has: 1.0.3
+      has-property-descriptors: 1.0.0
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.5
+      is-array-buffer: 3.0.2
+      is-callable: 1.2.7
+      is-negative-zero: 2.0.2
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      is-string: 1.0.7
+      is-typed-array: 1.1.12
+      is-weakref: 1.0.2
+      object-inspect: 1.12.3
+      object-keys: 1.1.1
+      object.assign: 4.1.4
+      regexp.prototype.flags: 1.5.1
+      safe-array-concat: 1.0.1
+      safe-regex-test: 1.0.0
+      string.prototype.trim: 1.2.8
+      string.prototype.trimend: 1.0.7
+      string.prototype.trimstart: 1.0.7
+      typed-array-buffer: 1.0.0
+      typed-array-byte-length: 1.0.0
+      typed-array-byte-offset: 1.0.0
+      typed-array-length: 1.0.4
+      unbox-primitive: 1.0.2
+      which-typed-array: 1.1.11
+    dev: true
+
+  /es-set-tostringtag@2.0.1:
+    resolution: {integrity: sha512-g3OMbtlwY3QewlqAiMLI47KywjWZoEytKr8pf6iTC8uJq5bIAH52Z9pnQ8pVL6whrCto53JZDuUIsifGeLorTg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.1
+      has: 1.0.3
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /es-to-primitive@1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+    dev: true
+
+  /esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
+    dev: true
+
+  /escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /escape-string-regexp@1.0.5:
+    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /eslint-import-resolver-node@0.3.9:
+    resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.13.0
+      resolve: 1.22.6
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.7.2)(eslint-import-resolver-node@0.3.9)(eslint@8.50.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+      debug: 3.2.7
+      eslint: 8.50.0
+      eslint-import-resolver-node: 0.3.9
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-es-x@7.2.0(eslint@8.50.0):
+    resolution: {integrity: sha512-9dvv5CcvNjSJPqnS5uZkqb3xmbeqRLnvXKK7iI5+oK/yTusyc46zbBZKENGsOfojm/mKfszyZb+wNqNPAPeGXA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=8'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      '@eslint-community/regexpp': 4.8.1
+      eslint: 8.50.0
+    dev: true
+
+  /eslint-plugin-eslint-comments@3.2.0(eslint@8.50.0):
+    resolution: {integrity: sha512-0jkOl0hfojIHHmEHgmNdqv4fmh7300NdpA9FFpF7zaoLvB/QeXOGNLIo86oAveJFrfB1p05kC8hpEMHM8DwWVQ==}
+    engines: {node: '>=6.5.0'}
+    peerDependencies:
+      eslint: '>=4.19.1'
+    dependencies:
+      escape-string-regexp: 1.0.5
+      eslint: 8.50.0
+      ignore: 5.2.4
+    dev: true
+
+  /eslint-plugin-html@7.1.0:
+    resolution: {integrity: sha512-fNLRraV/e6j8e3XYOC9xgND4j+U7b1Rq+OygMlLcMg+wI/IpVbF+ubQa3R78EjKB9njT6TQOlcK5rFKBVVtdfg==}
+    dependencies:
+      htmlparser2: 8.0.2
+    dev: true
+
+  /eslint-plugin-i@2.28.1(@typescript-eslint/parser@6.7.2)(eslint@8.50.0):
+    resolution: {integrity: sha512-a4oVt0j3ixNhGhvV4XF6NS7OWRFK2rrJ0Q5C4S2dSRb8FxZi31J0uUd5WJLL58wnVJ/OiQ1BxiXnFA4dWQO1Cg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      eslint: ^7.2.0 || ^8
+    dependencies:
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 8.50.0
+      eslint-import-resolver-node: 0.3.9
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.7.2)(eslint-import-resolver-node@0.3.9)(eslint@8.50.0)
+      get-tsconfig: 4.7.2
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      resolve: 1.22.6
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-jest@27.4.0(@typescript-eslint/eslint-plugin@6.7.2)(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-ukVeKmMPAUA5SWjHenvyyXnirKfHKMdOsTZdn5tZx5EW05HGVQwBohigjFZGGj3zuv1cV6hc82FvWv6LdIbkgg==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^5.0.0 || ^6.0.0
+      eslint: ^7.0.0 || ^8.0.0
+      jest: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+      jest:
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 6.7.2(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.50.0)(typescript@5.2.2)
+      eslint: 8.50.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-jsdoc@46.8.2(eslint@8.50.0):
+    resolution: {integrity: sha512-5TSnD018f3tUJNne4s4gDWQflbsgOycIKEUBoCLn6XtBMgNHxQFmV8vVxUtiPxAQq8lrX85OaSG/2gnctxw9uQ==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      '@es-joy/jsdoccomment': 0.40.1
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.0
+      debug: 4.3.4
+      escape-string-regexp: 4.0.0
+      eslint: 8.50.0
+      esquery: 1.5.0
+      is-builtin-module: 3.2.1
+      semver: 7.5.4
+      spdx-expression-parse: 3.0.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-jsonc@2.9.0(eslint@8.50.0):
+    resolution: {integrity: sha512-RK+LeONVukbLwT2+t7/OY54NJRccTXh/QbnXzPuTLpFMVZhPuq1C9E07+qWenGx7rrQl0kAalAWl7EmB+RjpGA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      eslint: 8.50.0
+      jsonc-eslint-parser: 2.3.0
+      natural-compare: 1.4.0
+    dev: true
+
+  /eslint-plugin-markdown@3.0.1(eslint@8.50.0):
+    resolution: {integrity: sha512-8rqoc148DWdGdmYF6WSQFT3uQ6PO7zXYgeBpHAOAakX/zpq+NvFYbDA/H7PYzHajwtmaOzAwfxyl++x0g1/N9A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.50.0
+      mdast-util-from-markdown: 0.8.5
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-n@16.1.0(eslint@8.50.0):
+    resolution: {integrity: sha512-3wv/TooBst0N4ND+pnvffHuz9gNPmk/NkLwAxOt2JykTl/hcuECe6yhTtLJcZjIxtZwN+GX92ACp/QTLpHA3Hg==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      builtins: 5.0.1
+      eslint: 8.50.0
+      eslint-plugin-es-x: 7.2.0(eslint@8.50.0)
+      get-tsconfig: 4.7.2
+      ignore: 5.2.4
+      is-core-module: 2.13.0
+      minimatch: 3.1.2
+      resolve: 1.22.6
+      semver: 7.5.4
+    dev: true
+
+  /eslint-plugin-no-only-tests@3.1.0:
+    resolution: {integrity: sha512-Lf4YW/bL6Un1R6A76pRZyE1dl1vr31G/ev8UzIc/geCgFWyrKil8hVjYqWVKGB/UIGmb6Slzs9T0wNezdSVegw==}
+    engines: {node: '>=5.0.0'}
+    dev: true
+
+  /eslint-plugin-promise@6.1.1(eslint@8.50.0):
+    resolution: {integrity: sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.50.0
+    dev: true
+
+  /eslint-plugin-unicorn@48.0.1(eslint@8.50.0):
+    resolution: {integrity: sha512-FW+4r20myG/DqFcCSzoumaddKBicIPeFnTrifon2mWIzlfyvzwyqZjqVP7m4Cqr/ZYisS2aiLghkUWaPg6vtCw==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      eslint: '>=8.44.0'
+    dependencies:
+      '@babel/helper-validator-identifier': 7.22.20
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      ci-info: 3.8.0
+      clean-regexp: 1.0.0
+      eslint: 8.50.0
+      esquery: 1.5.0
+      indent-string: 4.0.0
+      is-builtin-module: 3.2.1
+      jsesc: 3.0.2
+      lodash: 4.17.21
+      pluralize: 8.0.0
+      read-pkg-up: 7.0.1
+      regexp-tree: 0.1.27
+      regjsparser: 0.10.0
+      semver: 7.5.4
+      strip-indent: 3.0.0
+    dev: true
+
+  /eslint-plugin-unused-imports@3.0.0(@typescript-eslint/eslint-plugin@6.7.2)(eslint@8.50.0):
+    resolution: {integrity: sha512-sduiswLJfZHeeBJ+MQaG+xYzSWdRXoSw61DpU13mzWumCkR0ufD0HmO4kdNokjrkluMHpj/7PJeN35pgbhW3kw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/eslint-plugin': ^6.0.0
+      eslint: ^8.0.0
+    peerDependenciesMeta:
+      '@typescript-eslint/eslint-plugin':
+        optional: true
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 6.7.2(@typescript-eslint/parser@6.7.2)(eslint@8.50.0)(typescript@5.2.2)
+      eslint: 8.50.0
+      eslint-rule-composer: 0.3.0
+    dev: true
+
+  /eslint-plugin-vue@9.17.0(eslint@8.50.0):
+    resolution: {integrity: sha512-r7Bp79pxQk9I5XDP0k2dpUC7Ots3OSWgvGZNu3BxmKK6Zg7NgVtcOB6OCna5Kb9oQwJPl5hq183WD0SY5tZtIQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      eslint: 8.50.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.0.13
+      semver: 7.5.4
+      vue-eslint-parser: 9.3.1(eslint@8.50.0)
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-xingyuv@0.1.6(eslint@8.50.0)(typescript@5.2.2):
+    resolution: {integrity: sha512-ZKb+0FFVj/EpjuHRJBh5kjjKVrkTVpZWDO9PxtcWxee3a5+dQefNzN2Gltvbu03E/RsTP2pczEDa9Li4YtBfxA==}
+    dependencies:
+      '@typescript-eslint/utils': 6.7.2(eslint@8.50.0)(typescript@5.2.2)
+    transitivePeerDependencies:
+      - eslint
+      - supports-color
+      - typescript
+    dev: true
+
+  /eslint-plugin-yml@1.9.0(eslint@8.50.0):
+    resolution: {integrity: sha512-ayuC57WyVQ5+QZ02y62GiB//5+zsiyzUGxUX/mrhLni+jfsKA4KoITjkbR65iUdjjhWpyTJHPcAIFLKQIOwgsw==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.50.0
+      lodash: 4.17.21
+      natural-compare: 1.4.0
+      yaml-eslint-parser: 1.2.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-rule-composer@0.3.0:
+    resolution: {integrity: sha512-bt+Sh8CtDmn2OajxvNO+BX7Wn4CIWMpTRm3MaiKPCQcnnlm0CS2mhui6QaoeQugs+3Kj2ESKEEGJUdVafwhiCg==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+
+  /eslint-scope@5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+    dev: true
+
+  /eslint-scope@7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint@8.50.0:
+    resolution: {integrity: sha512-FOnOGSuFuFLv/Sa+FDVRZl4GGVAAFFi8LecRsI5a1tMO5HIE8nCm4ivAlzt4dT3ol/PaaGC0rJEEXQmHJBGoOg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.50.0)
+      '@eslint-community/regexpp': 4.8.1
+      '@eslint/eslintrc': 2.1.2
+      '@eslint/js': 8.50.0
+      '@humanwhocodes/config-array': 0.11.11
+      '@humanwhocodes/module-importer': 1.0.1
+      '@nodelib/fs.walk': 1.2.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      globals: 13.22.0
+      graphemer: 1.4.0
+      ignore: 5.2.4
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      is-path-inside: 3.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.3
+      strip-ansi: 6.0.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /esno@0.17.0:
+    resolution: {integrity: sha512-w78cQGlptQfsBYfootUCitsKS+MD74uR5L6kNsvwVkJsfzEepIafbvWsx2xK4rcFP4IUftt4F6J8EhagUxX+Bg==}
+    hasBin: true
+    dependencies:
+      tsx: 3.12.10
+    dev: true
+
+  /espree@9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2(acorn@8.10.0)
+      eslint-visitor-keys: 3.4.3
+    dev: true
+
+  /esquery@1.5.0:
+    resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse@4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estree-walker@1.0.1:
+    resolution: {integrity: sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==}
+    dev: true
+
+  /estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  /esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+    dev: true
+
+  /eventemitter3@5.0.1:
+    resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
+    dev: true
+
+  /execa@5.1.1:
+    resolution: {integrity: sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==}
+    engines: {node: '>=10'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 2.1.0
+      is-stream: 2.0.1
+      merge-stream: 2.0.0
+      npm-run-path: 4.0.1
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+      strip-final-newline: 2.0.0
+    dev: true
+
+  /execa@7.2.0:
+    resolution: {integrity: sha512-UduyVP7TLB5IcAQl+OzLyLcS/l32W/GLg+AhHJ+ow40FOk2U3SAllPwR44v4vmdFwIWqpdwxxpQbF1n5ta9seA==}
+    engines: {node: ^14.18.0 || ^16.14.0 || >=18.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 6.0.1
+      human-signals: 4.3.1
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.1.0
+      onetime: 6.0.0
+      signal-exit: 3.0.7
+      strip-final-newline: 3.0.0
+    dev: true
+
+  /expand-brackets@2.1.4:
+    resolution: {integrity: sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      posix-character-classes: 0.1.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /extend-shallow@2.0.1:
+    resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extendable: 0.1.1
+    dev: true
+
+  /extend-shallow@3.0.2:
+    resolution: {integrity: sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      assign-symbols: 1.0.0
+      is-extendable: 1.0.1
+    dev: true
+
+  /external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
+    dependencies:
+      chardet: 0.7.0
+      iconv-lite: 0.4.24
+      tmp: 0.0.33
+    dev: true
+
+  /extglob@2.0.4:
+    resolution: {integrity: sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      array-unique: 0.3.2
+      define-property: 1.0.0
+      expand-brackets: 2.1.4
+      extend-shallow: 2.0.1
+      fragment-cache: 0.2.1
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+    dev: true
+
+  /fast-diff@1.3.0:
+    resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
+    dev: true
+
+  /fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+    dev: true
+
+  /fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
+
+  /fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
+  /fastq@1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /figures@5.0.0:
+    resolution: {integrity: sha512-ej8ksPF4x6e5wvK9yevct0UCXh8TTFlWGVLlgjZuoBH1HwjIfKE/IdL5mq89sFA7zELi1VhKpmtDnrs7zWyeyg==}
+    engines: {node: '>=14'}
+    dependencies:
+      escape-string-regexp: 5.0.0
+      is-unicode-supported: 1.3.0
+    dev: true
+
+  /file-entry-cache@6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.1.0
+    dev: true
+
+  /filelist@1.0.4:
+    resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
+    dependencies:
+      minimatch: 5.1.6
+    dev: true
+
+  /fill-range@4.0.0:
+    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+      to-regex-range: 2.1.1
+    dev: true
+
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /flat-cache@3.1.0:
+    resolution: {integrity: sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      flatted: 3.2.9
+      keyv: 4.5.3
+      rimraf: 3.0.2
+    dev: true
+
+  /flatted@3.2.9:
+    resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+    dev: true
+
+  /follow-redirects@1.15.3(debug@4.3.4):
+    resolution: {integrity: sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dependencies:
+      debug: 4.3.4
+
+  /for-each@0.3.3:
+    resolution: {integrity: sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==}
+    dependencies:
+      is-callable: 1.2.7
+    dev: true
+
+  /for-in@1.0.2:
+    resolution: {integrity: sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /foreground-child@3.1.1:
+    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+    engines: {node: '>=14'}
+    dependencies:
+      cross-spawn: 7.0.3
+      signal-exit: 4.1.0
+    dev: true
+
+  /form-data@4.0.0:
+    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
+    engines: {node: '>= 6'}
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+
+  /frac@1.1.2:
+    resolution: {integrity: sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /fragment-cache@0.2.1:
+    resolution: {integrity: sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      map-cache: 0.2.2
+    dev: true
+
+  /fs-extra@10.1.0:
+    resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs-extra@11.1.1:
+    resolution: {integrity: sha512-MGIE4HOvQCeUCzmlHs0vXpih4ysz4wg9qiSAu6cd42lVwPbTM1TjV7RusoyQqMmk/95gdQZX72u+YW+c3eEpFQ==}
+    engines: {node: '>=14.14'}
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs-extra@9.1.0:
+    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      at-least-node: 1.0.0
+      graceful-fs: 4.2.11
+      jsonfile: 6.1.0
+      universalify: 2.0.0
+    dev: true
+
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind@1.1.1:
+    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+
+  /function.prototype.name@1.1.6:
+    resolution: {integrity: sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      es-abstract: 1.22.2
+      functions-have-names: 1.2.3
+    dev: true
+
+  /functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
+
+  /gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+    dev: true
+
+  /get-intrinsic@1.2.1:
+    resolution: {integrity: sha512-2DcsyfABl+gVHEfCOaTrWgyt+tb6MSEGmKq+kI5HwLbIYgjgmMcV8KQ41uaKz1xxUcn9tJtgFbQUEVcEbd0FYw==}
+    dependencies:
+      function-bind: 1.1.1
+      has: 1.0.3
+      has-proto: 1.0.1
+      has-symbols: 1.0.3
+
+  /get-own-enumerable-property-symbols@3.0.2:
+    resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==}
+    dev: true
+
+  /get-stream@6.0.1:
+    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /get-symbol-description@1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /get-tsconfig@4.7.2:
+    resolution: {integrity: sha512-wuMsz4leaj5hbGgg4IvDU0bqJagpftG5l5cXIAvo8uZrqn0NJqwtfupTN00VnkQJPcIRrxYrm1Ue24btpCha2A==}
+    dependencies:
+      resolve-pkg-maps: 1.0.0
+    dev: true
+
+  /get-value@2.0.6:
+    resolution: {integrity: sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /git-raw-commits@2.0.11:
+    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      dargs: 7.0.0
+      lodash: 4.17.21
+      meow: 8.1.2
+      split2: 3.2.2
+      through2: 4.0.2
+    dev: true
+
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob@10.3.6:
+    resolution: {integrity: sha512-mEfImdc/fiYHEcF6pHFfD2b/KrdFB1qH9mRe5vI5HROF8G51SWxQJ2V56Ezl6ZL9y86gsxQ1Lgo2S746KGUPSQ==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+    dependencies:
+      foreground-child: 3.1.1
+      jackspeak: 2.3.3
+      minimatch: 9.0.3
+      minipass: 7.0.3
+      path-scurry: 1.10.1
+    dev: true
+
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /global-dirs@0.1.1:
+    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
+    engines: {node: '>=4'}
+    dependencies:
+      ini: 1.3.8
+    dev: true
+
+  /global-modules@2.0.0:
+    resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
+    engines: {node: '>=6'}
+    dependencies:
+      global-prefix: 3.0.0
+    dev: true
+
+  /global-prefix@3.0.0:
+    resolution: {integrity: sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==}
+    engines: {node: '>=6'}
+    dependencies:
+      ini: 1.3.8
+      kind-of: 6.0.3
+      which: 1.3.1
+    dev: true
+
+  /global@4.4.0:
+    resolution: {integrity: sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==}
+    dependencies:
+      min-document: 2.19.0
+      process: 0.11.10
+    dev: false
+
+  /globals@11.12.0:
+    resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /globals@13.22.0:
+    resolution: {integrity: sha512-H1Ddc/PbZHTDVJSnj8kWptIRSD6AM3pK+mKytuIVF4uoBV7rshFlhhvA58ceJ5wp3Er58w6zj7bykMpYXt3ETw==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globalthis@1.0.3:
+    resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-properties: 1.2.1
+    dev: true
+
+  /globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.1
+      ignore: 5.2.4
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
+  /globjoin@0.1.4:
+    resolution: {integrity: sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==}
+    dev: true
+
+  /gopd@1.0.1:
+    resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
+    dependencies:
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    dev: true
+
+  /graphemer@1.4.0:
+    resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
+    dev: true
+
+  /gzip-size@6.0.0:
+    resolution: {integrity: sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      duplexer: 0.1.2
+    dev: true
+
+  /hard-rejection@2.1.0:
+    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /has-ansi@2.0.0:
+    resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /has-bigints@1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
+  /has-flag@1.0.0:
+    resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-flag@3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /has-property-descriptors@1.0.0:
+    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+    dependencies:
+      get-intrinsic: 1.2.1
+    dev: true
+
+  /has-proto@1.0.1:
+    resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+    engines: {node: '>= 0.4'}
+
+  /has-symbols@1.0.3:
+    resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
+    engines: {node: '>= 0.4'}
+
+  /has-tostringtag@1.0.0:
+    resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /has-value@0.3.1:
+    resolution: {integrity: sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 0.1.4
+      isobject: 2.1.0
+    dev: true
+
+  /has-value@1.0.0:
+    resolution: {integrity: sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      get-value: 2.0.6
+      has-values: 1.0.0
+      isobject: 3.0.1
+    dev: true
+
+  /has-values@0.1.4:
+    resolution: {integrity: sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /has-values@1.0.0:
+    resolution: {integrity: sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      kind-of: 4.0.0
+    dev: true
+
+  /has@1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+
+  /he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+    dev: true
+
+  /hosted-git-info@2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
+  /hosted-git-info@4.1.0:
+    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
+    engines: {node: '>=10'}
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /html-minifier-terser@7.2.0:
+    resolution: {integrity: sha512-tXgn3QfqPIpGl9o+K5tpcj3/MN4SfLtsx2GWwBC3SSd0tXQGyF3gsSqad8loJgKZGM3ZxbYDd5yhiBIdWpmvLA==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      camel-case: 4.1.2
+      clean-css: 5.3.2
+      commander: 10.0.1
+      entities: 4.5.0
+      param-case: 3.0.4
+      relateurl: 0.2.7
+      terser: 5.20.0
+    dev: true
+
+  /html-tags@3.3.1:
+    resolution: {integrity: sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /htmlparser2@3.10.1:
+    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
+    dependencies:
+      domelementtype: 1.3.1
+      domhandler: 2.4.2
+      domutils: 1.7.0
+      entities: 1.1.2
+      inherits: 2.0.4
+      readable-stream: 3.6.2
+    dev: true
+
+  /htmlparser2@8.0.2:
+    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      entities: 4.5.0
+    dev: true
+
+  /human-signals@2.1.0:
+    resolution: {integrity: sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==}
+    engines: {node: '>=10.17.0'}
+    dev: true
+
+  /human-signals@4.3.1:
+    resolution: {integrity: sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==}
+    engines: {node: '>=14.18.0'}
+    dev: true
+
+  /husky@8.0.3:
+    resolution: {integrity: sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  /iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: true
+
+  /iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    requiresBuild: true
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: true
+    optional: true
+
+  /idb@7.1.1:
+    resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
+    dev: true
+
+  /ieee754@1.2.1:
+    resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==}
+    dev: true
+
+  /ignore@5.2.4:
+    resolution: {integrity: sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==}
+    engines: {node: '>= 4'}
+    dev: true
+
+  /image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dev: true
+
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /indent-string@5.0.0:
+    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /individual@2.0.0:
+    resolution: {integrity: sha512-pWt8hBCqJsUWI/HtcfWod7+N9SgAqyPEaF7JQjwzjn5vGrpg6aQ5qeAFQ7dx//UH4J1O+7xqew+gCeeFt6xN/g==}
+    dev: false
+
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
+  /inquirer@9.2.11:
+    resolution: {integrity: sha512-B2LafrnnhbRzCWfAdOXisUzL89Kg8cVJlYmhqoi3flSiV/TveO+nsXwgKr9h9PIo+J1hz7nBSk6gegRIMBBf7g==}
+    engines: {node: '>=14.18.0'}
+    dependencies:
+      '@ljharb/through': 2.3.9
+      ansi-escapes: 4.3.2
+      chalk: 5.3.0
+      cli-cursor: 3.1.0
+      cli-width: 4.1.0
+      external-editor: 3.1.0
+      figures: 5.0.0
+      lodash: 4.17.21
+      mute-stream: 1.0.0
+      ora: 5.4.1
+      run-async: 3.0.0
+      rxjs: 7.8.1
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 6.2.0
+    dev: true
+
+  /internal-slot@1.0.5:
+    resolution: {integrity: sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.2.1
+      has: 1.0.3
+      side-channel: 1.0.4
+    dev: true
+
+  /is-accessor-descriptor@0.1.6:
+    resolution: {integrity: sha512-e1BM1qnDbMRG3ll2U9dSK0UMHuWOs3pY3AtcFsmvwPtKL3MML/Q86i+GilLfvqEs4GW+ExB91tQ3Ig9noDIZ+A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-accessor-descriptor@1.0.0:
+    resolution: {integrity: sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 6.0.3
+    dev: true
+
+  /is-alphabetical@1.0.4:
+    resolution: {integrity: sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==}
+    dev: true
+
+  /is-alphanumerical@1.0.4:
+    resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
+    dependencies:
+      is-alphabetical: 1.0.4
+      is-decimal: 1.0.4
+    dev: true
+
+  /is-array-buffer@3.0.2:
+    resolution: {integrity: sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      is-typed-array: 1.1.12
+    dev: true
+
+  /is-arrayish@0.2.1:
+    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
+    dev: true
+
+  /is-bigint@1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
+
+  /is-boolean-object@1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-buffer@1.1.6:
+    resolution: {integrity: sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==}
+    dev: true
+
+  /is-builtin-module@3.2.1:
+    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
+    engines: {node: '>=6'}
+    dependencies:
+      builtin-modules: 3.3.0
+    dev: true
+
+  /is-callable@1.2.7:
+    resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-core-module@2.13.0:
+    resolution: {integrity: sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-data-descriptor@0.1.4:
+    resolution: {integrity: sha512-+w9D5ulSoBNlmw9OHn3U2v51SyoCd0he+bB3xMl62oijhrspxowjU+AIcDY0N3iEJbUEkB15IlMASQsxYigvXg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-data-descriptor@1.0.0:
+    resolution: {integrity: sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 6.0.3
+    dev: true
+
+  /is-date-object@1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-decimal@1.0.4:
+    resolution: {integrity: sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==}
+    dev: true
+
+  /is-descriptor@0.1.6:
+    resolution: {integrity: sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-accessor-descriptor: 0.1.6
+      is-data-descriptor: 0.1.4
+      kind-of: 5.1.0
+    dev: true
+
+  /is-descriptor@1.0.2:
+    resolution: {integrity: sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-accessor-descriptor: 1.0.0
+      is-data-descriptor: 1.0.0
+      kind-of: 6.0.3
+    dev: true
+
+  /is-docker@2.2.1:
+    resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dev: true
+
+  /is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dev: true
+
+  /is-extendable@0.1.1:
+    resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-extendable@1.0.1:
+    resolution: {integrity: sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-plain-object: 2.0.4
+    dev: true
+
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-fullwidth-code-point@4.0.0:
+    resolution: {integrity: sha512-O4L094N2/dZ7xqVdrXhh9r1KODPJpFms8B5sGdJLPy664AgvXsreZUyCQQNItZRDlYug4xStLjNp/sz3HvBowQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /is-function@1.0.2:
+    resolution: {integrity: sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==}
+    dev: false
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-hexadecimal@1.0.4:
+    resolution: {integrity: sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==}
+    dev: true
+
+  /is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+    dependencies:
+      is-docker: 3.0.0
+    dev: true
+
+  /is-interactive@1.0.0:
+    resolution: {integrity: sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+    dev: true
+
+  /is-negative-zero@2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-number-object@1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-number@3.0.0:
+    resolution: {integrity: sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-obj@1.0.1:
+    resolution: {integrity: sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-obj@2.0.0:
+    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-path-inside@3.0.3:
+    resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-plain-obj@1.1.0:
+    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-plain-object@2.0.4:
+    resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /is-plain-object@3.0.1:
+    resolution: {integrity: sha512-Xnpx182SBMrr/aBik8y+GuR4U1L9FqMSojwDQwPMmxyC6bvEqly9UBCxhauBF5vNh2gwWJNX6oDV7O+OM4z34g==}
+    engines: {node: '>=0.10.0'}
+    dev: false
+
+  /is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  /is-regex@1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-regexp@1.0.0:
+    resolution: {integrity: sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-shared-array-buffer@1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-stream@2.0.1:
+    resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /is-string@1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-symbol@1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
+  /is-text-path@1.0.1:
+    resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      text-extensions: 1.9.0
+    dev: true
+
+  /is-typed-array@1.1.12:
+    resolution: {integrity: sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      which-typed-array: 1.1.11
+    dev: true
+
+  /is-unicode-supported@0.1.0:
+    resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /is-unicode-supported@1.3.0:
+    resolution: {integrity: sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /is-weakref@1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
+  /is-what@3.14.1:
+    resolution: {integrity: sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==}
+    dev: true
+
+  /is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-wsl@2.2.0:
+    resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
+    engines: {node: '>=8'}
+    dependencies:
+      is-docker: 2.2.1
+    dev: true
+
+  /isarray@1.0.0:
+    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
+    dev: true
+
+  /isarray@2.0.5:
+    resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
+    dev: true
+
+  /isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+    dev: true
+
+  /isobject@2.1.0:
+    resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isarray: 1.0.0
+    dev: true
+
+  /isobject@3.0.1:
+    resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /jackspeak@2.3.3:
+    resolution: {integrity: sha512-R2bUw+kVZFS/h1AZqBKrSgDmdmjApzgY0AlCPumopFiAlbUxE2gf+SCuBzQ0cP5hHmUmFYF5yw55T97Th5Kstg==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+    dev: true
+
+  /jake@10.8.7:
+    resolution: {integrity: sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      async: 3.2.4
+      chalk: 4.1.2
+      filelist: 1.0.4
+      minimatch: 3.1.2
+    dev: true
+
+  /jest-worker@26.6.2:
+    resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==}
+    engines: {node: '>= 10.13.0'}
+    dependencies:
+      '@types/node': 20.6.4
+      merge-stream: 2.0.0
+      supports-color: 7.2.0
+    dev: true
+
+  /jiti@1.20.0:
+    resolution: {integrity: sha512-3TV69ZbrvV6U5DfQimop50jE9Dl6J8O1ja1dvBbMba/sZ3YBEQqJ2VZRoQPVnhlzjNtU1vaXRZVrVjU4qtm8yA==}
+    hasBin: true
+    dev: true
+
+  /js-base64@2.6.4:
+    resolution: {integrity: sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==}
+    dev: true
+
+  /js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  /js-tokens@8.0.2:
+    resolution: {integrity: sha512-Olnt+V7xYdvGze9YTbGFZIfQXuGV4R3nQwwl8BrtgaPE/wq8UFpUHWuTNc05saowhSr1ZO6tx+V6RjE9D5YQog==}
+    dev: true
+
+  /js-yaml@4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
+  /jsdoc-type-pratt-parser@4.0.0:
+    resolution: {integrity: sha512-YtOli5Cmzy3q4dP26GraSOeAhqecewG04hoO8DY56CH4KJ9Fvv5qKWUCCo3HZob7esJQHCv6/+bnTy72xZZaVQ==}
+    engines: {node: '>=12.0.0'}
+    dev: true
+
+  /jsesc@0.5.0:
+    resolution: {integrity: sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==}
+    hasBin: true
+    dev: true
+
+  /jsesc@2.5.2:
+    resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /jsesc@3.0.2:
+    resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
+  /json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+    dev: true
+
+  /json-parse-even-better-errors@2.3.1:
+    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
+    dev: true
+
+  /json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+    dev: true
+
+  /json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+    dev: true
+
+  /json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+    dev: true
+
+  /json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: true
+
+  /json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dev: true
+
+  /jsonc-eslint-parser@2.3.0:
+    resolution: {integrity: sha512-9xZPKVYp9DxnM3sd1yAsh/d59iIaswDkai8oTxbursfKYbg/ibjX0IzFt35+VZ8iEW453TVTXztnRvYUQlAfUQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.10.0
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      semver: 7.5.4
+    dev: true
+
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: true
+
+  /jsonfile@6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
+    dependencies:
+      universalify: 2.0.0
+    optionalDependencies:
+      graceful-fs: 4.2.11
+    dev: true
+
+  /jsonparse@1.3.1:
+    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
+    engines: {'0': node >= 0.2.0}
+    dev: true
+
+  /jsonpointer@5.0.1:
+    resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /keycode@2.2.1:
+    resolution: {integrity: sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg==}
+    dev: false
+
+  /keyv@4.5.3:
+    resolution: {integrity: sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==}
+    dependencies:
+      json-buffer: 3.0.1
+    dev: true
+
+  /kind-of@3.2.2:
+    resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of@4.0.0:
+    resolution: {integrity: sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-buffer: 1.1.6
+    dev: true
+
+  /kind-of@5.1.0:
+    resolution: {integrity: sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /kind-of@6.0.3:
+    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /known-css-properties@0.28.0:
+    resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
+    dev: true
+
+  /kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+    dev: true
+
+  /less@4.2.0:
+    resolution: {integrity: sha512-P3b3HJDBtSzsXUl0im2L7gTO5Ubg8mEN6G8qoTS77iXxXX4Hvu4Qj540PZDvQ8V6DmX6iXo98k7Md0Cm1PrLaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+    dependencies:
+      copy-anything: 2.0.6
+      parse-node-version: 1.0.1
+      tslib: 2.6.2
+    optionalDependencies:
+      errno: 0.1.8
+      graceful-fs: 4.2.11
+      image-size: 0.5.5
+      make-dir: 2.1.0
+      mime: 1.6.0
+      needle: 3.2.0
+      source-map: 0.6.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /leven@3.1.0:
+    resolution: {integrity: sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
+  /lint-staged@14.0.1:
+    resolution: {integrity: sha512-Mw0cL6HXnHN1ag0mN/Dg4g6sr8uf8sn98w2Oc1ECtFto9tvRF7nkXGJRbx8gPlHyoR0pLyBr2lQHbWwmUHe1Sw==}
+    engines: {node: ^16.14.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      chalk: 5.3.0
+      commander: 11.0.0
+      debug: 4.3.4
+      execa: 7.2.0
+      lilconfig: 2.1.0
+      listr2: 6.6.1
+      micromatch: 4.0.5
+      pidtree: 0.6.0
+      string-argv: 0.3.2
+      yaml: 2.3.1
+    transitivePeerDependencies:
+      - enquirer
+      - supports-color
+    dev: true
+
+  /listr2@6.6.1:
+    resolution: {integrity: sha512-+rAXGHh0fkEWdXBmX+L6mmfmXmXvDGEKzkjxO+8mP3+nI/r/CWznVBvsibXdxda9Zz0OW2e2ikphN3OwCT/jSg==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      enquirer: '>= 2.3.0 < 3'
+    peerDependenciesMeta:
+      enquirer:
+        optional: true
+    dependencies:
+      cli-truncate: 3.1.0
+      colorette: 2.0.20
+      eventemitter3: 5.0.1
+      log-update: 5.0.1
+      rfdc: 1.3.0
+      wrap-ansi: 8.1.0
+    dev: true
+
+  /loader-utils@1.4.2:
+    resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
+    engines: {node: '>=4.0.0'}
+    dependencies:
+      big.js: 5.2.2
+      emojis-list: 3.0.0
+      json5: 1.0.2
+    dev: true
+
+  /local-pkg@0.4.3:
+    resolution: {integrity: sha512-SFppqq5p42fe2qcZQqqEOiVRXl+WCP1MdT6k7BDEW1j++sp5fIY+/fdRQitvKgB5BrBcmrs5m/L0v2FrU5MY1g==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: true
+
+  /locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
+  /lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: false
+
+  /lodash.camelcase@4.3.0:
+    resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
+    dev: true
+
+  /lodash.debounce@4.0.8:
+    resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
+    dev: true
+
+  /lodash.isfunction@3.0.9:
+    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}
+    dev: true
+
+  /lodash.isplainobject@4.0.6:
+    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+    dev: true
+
+  /lodash.kebabcase@4.1.1:
+    resolution: {integrity: sha512-N8XRTIMMqqDgSy4VLKPnJ/+hpGZN+PHQiJnSenYqPaVV/NCqEogTnAdZLQiGKhxX+JCs8waWq2t1XHWKOmlY8g==}
+    dev: true
+
+  /lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+    dev: true
+
+  /lodash.mergewith@4.6.2:
+    resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
+    dev: true
+
+  /lodash.snakecase@4.1.1:
+    resolution: {integrity: sha512-QZ1d4xoBHYUeuouhEq3lk3Uq7ldgyFXGBhg04+oRLnIz8o9T65Eh+8YdroUwn846zchkA9yDsDl5CVVaV2nqYw==}
+    dev: true
+
+  /lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+    dev: true
+
+  /lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
+    dev: true
+
+  /lodash.truncate@4.4.2:
+    resolution: {integrity: sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==}
+    dev: true
+
+  /lodash.uniq@4.5.0:
+    resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
+    dev: true
+
+  /lodash.upperfirst@4.3.1:
+    resolution: {integrity: sha512-sReKOYJIJf74dhJONhU4e0/shzi1trVbSWDOhKYE5XV2O+H7Sb2Dihwuc7xWxVl+DgFPyTqIN3zMfT9cq5iWDg==}
+    dev: true
+
+  /lodash@4.17.21:
+    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
+
+  /log-symbols@4.1.0:
+    resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==}
+    engines: {node: '>=10'}
+    dependencies:
+      chalk: 4.1.2
+      is-unicode-supported: 0.1.0
+    dev: true
+
+  /log-update@5.0.1:
+    resolution: {integrity: sha512-5UtUDQ/6edw4ofyljDNcOVJQ4c7OjDro4h3y8e1GQL5iYElYclVHJ3zeWchylvMaKnDbDilC8irOVyexnA/Slw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      ansi-escapes: 5.0.0
+      cli-cursor: 4.0.0
+      slice-ansi: 5.0.0
+      strip-ansi: 7.1.0
+      wrap-ansi: 8.1.0
+    dev: true
+
+  /loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+    dependencies:
+      js-tokens: 4.0.0
+    dev: false
+
+  /lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
+  /lru-cache@10.0.1:
+    resolution: {integrity: sha512-IJ4uwUTi2qCccrioU6g9g/5rvvVl13bsdczUUcqbciD9iLr095yj8DQKdObriEvuNSx325N1rV1O0sJFszx75g==}
+    engines: {node: 14 || >=16.14}
+    dev: true
+
+  /lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+    dependencies:
+      yallist: 3.1.1
+    dev: true
+
+  /lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+    dependencies:
+      yallist: 4.0.0
+    dev: true
+
+  /luxon@3.4.3:
+    resolution: {integrity: sha512-tFWBiv3h7z+T/tDaoxA8rqTxy1CHV6gHS//QdaH4pulbq/JuBSGgQspQQqcgnwdAx6pNI7cmvz5Sv/addzHmUg==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /m3u8-parser@4.8.0:
+    resolution: {integrity: sha512-UqA2a/Pw3liR6Df3gwxrqghCP17OpPlQj6RBPLYygf/ZSQ4MoSgvdvhvt35qV+3NaaA0FSZx93Ix+2brT1U7cA==}
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@videojs/vhs-utils': 3.0.5
+      global: 4.4.0
+    dev: false
+
+  /magic-string@0.25.9:
+    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
+  /magic-string@0.30.3:
+    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /make-dir@2.1.0:
+    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dependencies:
+      pify: 4.0.1
+      semver: 5.7.2
+    dev: true
+    optional: true
+
+  /make-error@1.3.6:
+    resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
+    dev: true
+
+  /map-cache@0.2.2:
+    resolution: {integrity: sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@1.0.1:
+    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /map-obj@4.3.0:
+    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /map-visit@1.0.0:
+    resolution: {integrity: sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-visit: 1.0.1
+    dev: true
+
+  /mathml-tag-names@2.1.3:
+    resolution: {integrity: sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==}
+    dev: true
+
+  /mdast-util-from-markdown@0.8.5:
+    resolution: {integrity: sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==}
+    dependencies:
+      '@types/mdast': 3.0.12
+      mdast-util-to-string: 2.0.0
+      micromark: 2.11.4
+      parse-entities: 2.0.0
+      unist-util-stringify-position: 2.0.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /mdast-util-to-string@2.0.0:
+    resolution: {integrity: sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==}
+    dev: true
+
+  /mdn-data@2.0.14:
+    resolution: {integrity: sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==}
+    dev: true
+
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+    dev: true
+
+  /meow@10.1.5:
+    resolution: {integrity: sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      '@types/minimist': 1.2.2
+      camelcase-keys: 7.0.2
+      decamelize: 5.0.1
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 8.0.0
+      redent: 4.0.0
+      trim-newlines: 4.1.1
+      type-fest: 1.4.0
+      yargs-parser: 20.2.9
+    dev: true
+
+  /meow@8.1.2:
+    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      '@types/minimist': 1.2.2
+      camelcase-keys: 6.2.2
+      decamelize-keys: 1.1.1
+      hard-rejection: 2.1.0
+      minimist-options: 4.1.0
+      normalize-package-data: 3.0.3
+      read-pkg-up: 7.0.1
+      redent: 3.0.0
+      trim-newlines: 3.0.1
+      type-fest: 0.18.1
+      yargs-parser: 20.2.9
+    dev: true
+
+  /merge-options@1.0.1:
+    resolution: {integrity: sha512-iuPV41VWKWBIOpBsjoxjDZw8/GbSfZ2mk7N1453bwMrfzdrIk7EzBd+8UVR6rkw67th7xnk9Dytl3J+lHPdxvg==}
+    engines: {node: '>=4'}
+    dependencies:
+      is-plain-obj: 1.1.0
+    dev: true
+
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromark@2.11.4:
+    resolution: {integrity: sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==}
+    dependencies:
+      debug: 4.3.4
+      parse-entities: 2.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /micromatch@3.1.0:
+    resolution: {integrity: sha512-3StSelAE+hnRvMs8IdVW7Uhk8CVed5tp+kLLGlBP6WiRAXS21GPGu/Nat4WNPXj2Eoc24B02SaeoyozPMfj0/g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      braces: 2.3.2
+      define-property: 1.0.0
+      extend-shallow: 2.0.1
+      extglob: 2.0.4
+      fragment-cache: 0.2.1
+      kind-of: 5.1.0
+      nanomatch: 1.2.13
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /mime-db@1.52.0:
+    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+    engines: {node: '>= 0.6'}
+
+  /mime-types@2.1.35:
+    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+    engines: {node: '>= 0.6'}
+    dependencies:
+      mime-db: 1.52.0
+
+  /mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /mimic-fn@2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /min-document@2.19.0:
+    resolution: {integrity: sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==}
+    dependencies:
+      dom-walk: 0.1.2
+    dev: false
+
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimatch@9.0.3:
+    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
+  /minimist-options@4.1.0:
+    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
+    engines: {node: '>= 6'}
+    dependencies:
+      arrify: 1.0.1
+      is-plain-obj: 1.1.0
+      kind-of: 6.0.3
+    dev: true
+
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
+
+  /minipass@7.0.3:
+    resolution: {integrity: sha512-LhbbwCfz3vsb12j/WkWQPZfKTsgqIe1Nf/ti1pKjYESGLHIVjWU96G9/ljLH4F9mWNVhlQOm0VySdAWzf05dpg==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dev: true
+
+  /mixin-deep@1.3.2:
+    resolution: {integrity: sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      for-in: 1.0.2
+      is-extendable: 1.0.1
+    dev: true
+
+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+    dependencies:
+      acorn: 8.10.0
+      pathe: 1.1.1
+      pkg-types: 1.0.3
+      ufo: 1.3.0
+    dev: true
+
+  /mpd-parser@0.22.1:
+    resolution: {integrity: sha512-fwBebvpyPUU8bOzvhX0VQZgSohncbgYwUyJJoTSNpmy7ccD2ryiCvM7oRkn/xQH5cv73/xU7rJSNCLjdGFor0Q==}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@videojs/vhs-utils': 3.0.5
+      '@xmldom/xmldom': 0.8.10
+      global: 4.4.0
+    dev: false
+
+  /mrmime@1.0.1:
+    resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ms@2.0.0:
+    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
+    dev: true
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+
+  /ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+    requiresBuild: true
+    dev: true
+
+  /muggle-string@0.3.1:
+    resolution: {integrity: sha512-ckmWDJjphvd/FvZawgygcUeQCxzvohjFO5RxTjj4eq8kw359gFF3E1brjfI+viLMxss5JrHTDRHZvu2/tuy0Qg==}
+    dev: true
+
+  /mute-stream@1.0.0:
+    resolution: {integrity: sha512-avsJQhyd+680gKXyG/sQc0nXaC6rBkPOfyHYcFb9+hdkqQkR9bdnkJ0AMZhke0oesPqIO+mFFJ+IdBc7mst4IA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
+
+  /mux.js@6.0.1:
+    resolution: {integrity: sha512-22CHb59rH8pWGcPGW5Og7JngJ9s+z4XuSlYvnxhLuc58cA1WqGDQPzuG8I+sPm1/p0CdgpzVTaKW408k5DNn8w==}
+    engines: {node: '>=8', npm: '>=5'}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+      global: 4.4.0
+    dev: false
+
+  /nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  /nanomatch@1.2.13:
+    resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-diff: 4.0.0
+      array-unique: 0.3.2
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      fragment-cache: 0.2.1
+      is-windows: 1.0.2
+      kind-of: 6.0.3
+      object.pick: 1.3.0
+      regex-not: 1.0.2
+      snapdragon: 0.8.2
+      to-regex: 3.0.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /nanopop@2.3.0:
+    resolution: {integrity: sha512-fzN+T2K7/Ah25XU02MJkPZ5q4Tj5FpjmIYq4rvoHX4yb16HzFdCO6JxFFn5Y/oBhQ8no8fUZavnyIv9/+xkBBw==}
+    dev: false
+
+  /natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
+  /needle@3.2.0:
+    resolution: {integrity: sha512-oUvzXnyLiVyVGoianLijF9O/RecZUf7TkBfimjGrLM4eQhXyeJwM6GeAWccwfQ9aa4gMCZKqhAOuLaMIcQxajQ==}
+    engines: {node: '>= 4.4.x'}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      debug: 3.2.7
+      iconv-lite: 0.6.3
+      sax: 1.2.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+    optional: true
+
+  /no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.6.2
+    dev: true
+
+  /node-fetch-native@1.4.0:
+    resolution: {integrity: sha512-F5kfEj95kX8tkDhUCYdV8dg3/8Olx/94zB8+ZNthFs6Bz31UpUi8Xh40TN3thLwXgrwXry1pEg9lJ++tLWTcqA==}
+    dev: true
+
+  /node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+    dependencies:
+      whatwg-url: 5.0.0
+    dev: true
+
+  /node-html-parser@6.1.10:
+    resolution: {integrity: sha512-6/uWdWxjQWQ7tMcFK2wWlrflsQUzh1HsEzlIf2j5+TtzfhT2yUvg3DwZYAmjEHeR3uX74ko7exjHW69J0tOzIg==}
+    dependencies:
+      css-select: 5.1.0
+      he: 1.2.0
+    dev: true
+
+  /node-releases@2.0.13:
+    resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
+    dev: true
+
+  /normalize-package-data@2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.6
+      semver: 5.7.2
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-package-data@3.0.3:
+    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
+    engines: {node: '>=10'}
+    dependencies:
+      hosted-git-info: 4.1.0
+      is-core-module: 2.13.0
+      semver: 7.5.4
+      validate-npm-package-license: 3.0.4
+    dev: true
+
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /npm-run-path@4.0.1:
+    resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
+    engines: {node: '>=8'}
+    dependencies:
+      path-key: 3.1.1
+    dev: true
+
+  /npm-run-path@5.1.0:
+    resolution: {integrity: sha512-sJOdmRGrY2sjNTRMbSvluQqg+8X7ZK61yvzBEIDhz4f8z1TZFYABsqjjCBd/0PUNE9M6QDgHJXQkGUEm7Q+l9Q==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
+  /nprogress@0.2.0:
+    resolution: {integrity: sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA==}
+    dev: false
+
+  /nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+    dependencies:
+      boolbase: 1.0.0
+    dev: true
+
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-copy@0.1.0:
+    resolution: {integrity: sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      copy-descriptor: 0.1.1
+      define-property: 0.2.5
+      kind-of: 3.2.2
+    dev: true
+
+  /object-inspect@1.12.3:
+    resolution: {integrity: sha512-geUvdk7c+eizMNUDkRpW1wJwgfOiOeHbxBR/hLXK1aT6zmVSO0jsQcs7fj6MGw89jC/cjGfLcNOrtMYtGqm81g==}
+
+  /object-keys@1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /object-visit@1.0.1:
+    resolution: {integrity: sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /object.assign@4.1.4:
+    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /object.pick@1.3.0:
+    resolution: {integrity: sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      isobject: 3.0.1
+    dev: true
+
+  /ofetch@1.3.3:
+    resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
+    dependencies:
+      destr: 2.0.1
+      node-fetch-native: 1.4.0
+      ufo: 1.3.0
+    dev: true
+
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
+  /onetime@5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==}
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: 2.1.0
+    dev: true
+
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
+  /open@8.4.2:
+    resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      define-lazy-prop: 2.0.0
+      is-docker: 2.2.1
+      is-wsl: 2.2.0
+    dev: true
+
+  /open@9.1.0:
+    resolution: {integrity: sha512-OS+QTnw1/4vrf+9hh1jc1jnYjzSG4ttTBB8UxOwAnInG3Uo4ssetzC1ihqaIHjLJnA5GGlRl6QlZXOTQhRBUvg==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      default-browser: 4.0.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      is-wsl: 2.2.0
+    dev: true
+
+  /optionator@0.9.3:
+    resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      '@aashutoshrathi/word-wrap': 1.2.6
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
+  /ora@5.4.1:
+    resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      bl: 4.1.0
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-spinners: 2.9.1
+      is-interactive: 1.0.0
+      is-unicode-supported: 0.1.0
+      log-symbols: 4.1.0
+      strip-ansi: 6.0.1
+      wcwidth: 1.0.1
+    dev: true
+
+  /os-tmpdir@1.0.2:
+    resolution: {integrity: sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: true
+
+  /p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
+  /p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
+  /p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /param-case@3.0.4:
+    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.6.2
+    dev: true
+
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /parse-entities@2.0.0:
+    resolution: {integrity: sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==}
+    dependencies:
+      character-entities: 1.2.4
+      character-entities-legacy: 1.1.4
+      character-reference-invalid: 1.1.4
+      is-alphanumerical: 1.0.4
+      is-decimal: 1.0.4
+      is-hexadecimal: 1.0.4
+    dev: true
+
+  /parse-json@5.2.0:
+    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      error-ex: 1.3.2
+      json-parse-even-better-errors: 2.3.1
+      lines-and-columns: 1.2.4
+    dev: true
+
+  /parse-node-version@1.0.1:
+    resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
+    engines: {node: '>= 0.10'}
+    dev: true
+
+  /pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.6.2
+    dev: true
+
+  /pascalcase@0.1.1:
+    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /path-scurry@1.10.1:
+    resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      lru-cache: 10.0.1
+      minipass: 7.0.3
+    dev: true
+
+  /path-to-regexp@6.2.1:
+    resolution: {integrity: sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw==}
+    dev: false
+
+  /path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /pathe@0.2.0:
+    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
+    dev: true
+
+  /pathe@1.1.1:
+    resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==}
+    dev: true
+
+  /perfect-debounce@1.0.0:
+    resolution: {integrity: sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==}
+    dev: true
+
+  /picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /pinia@2.1.6(typescript@5.2.2)(vue@3.3.4):
+    resolution: {integrity: sha512-bIU6QuE5qZviMmct5XwCesXelb5VavdOWKWaB17ggk++NUwQWWbP5YnsONTk3b752QkW9sACiR81rorpeOMSvQ==}
+    peerDependencies:
+      '@vue/composition-api': ^1.4.0
+      typescript: '>=4.4.4'
+      vue: ^2.6.14 || ^3.3.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@vue/devtools-api': 6.5.0
+      typescript: 5.2.2
+      vue: 3.3.4
+      vue-demi: 0.14.6(vue@3.3.4)
+    dev: false
+
+  /pkcs7@1.0.4:
+    resolution: {integrity: sha512-afRERtHn54AlwaF2/+LFszyAANTCggGilmcmILUzEjvs3XgFZT+xE6+QWQcAGmu4xajy+Xtj7acLOPdx5/eXWQ==}
+    hasBin: true
+    dependencies:
+      '@babel/runtime': 7.22.15
+    dev: false
+
+  /pkg-types@1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.4.2
+      pathe: 1.1.1
+    dev: true
+
+  /pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /posix-character-classes@0.1.1:
+    resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /postcss-html@1.5.0:
+    resolution: {integrity: sha512-kCMRWJRHKicpA166kc2lAVUGxDZL324bkj/pVOb6RhjB0Z5Krl7mN0AsVkBhVIRZZirY0lyQXG38HCVaoKVNoA==}
+    engines: {node: ^12 || >=14}
+    dependencies:
+      htmlparser2: 8.0.2
+      js-tokens: 8.0.2
+      postcss: 8.4.30
+      postcss-safe-parser: 6.0.0(postcss@8.4.30)
+    dev: true
+
+  /postcss-less@6.0.0(postcss@8.4.30):
+    resolution: {integrity: sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      postcss: ^8.3.5
+    dependencies:
+      postcss: 8.4.30
+    dev: true
+
+  /postcss-prefix-selector@1.16.0(postcss@5.2.18):
+    resolution: {integrity: sha512-rdVMIi7Q4B0XbXqNUEI+Z4E+pueiu/CS5E6vRCQommzdQ/sgsS4dK42U7GX8oJR+TJOtT+Qv3GkNo6iijUMp3Q==}
+    peerDependencies:
+      postcss: '>4 <9'
+    dependencies:
+      postcss: 5.2.18
+    dev: true
+
+  /postcss-resolve-nested-selector@0.1.1:
+    resolution: {integrity: sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==}
+    dev: true
+
+  /postcss-safe-parser@6.0.0(postcss@8.4.30):
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: 8.4.30
+    dev: true
+
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss-sorting@8.0.2(postcss@8.4.30):
+    resolution: {integrity: sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==}
+    peerDependencies:
+      postcss: ^8.4.20
+    dependencies:
+      postcss: 8.4.30
+    dev: true
+
+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
+
+  /postcss@5.2.18:
+    resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
+    engines: {node: '>=0.12'}
+    dependencies:
+      chalk: 1.1.3
+      js-base64: 2.6.4
+      source-map: 0.5.7
+      supports-color: 3.2.3
+    dev: true
+
+  /postcss@8.4.30:
+    resolution: {integrity: sha512-7ZEao1g4kd68l97aWG/etQKPKq07us0ieSZ2TnFDk11i0ZfDW2AwKHYU8qv4MZKqN2fdBfg+7q0ES06UA73C1g==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+
+  /posthtml-parser@0.2.1:
+    resolution: {integrity: sha512-nPC53YMqJnc/+1x4fRYFfm81KV2V+G9NZY+hTohpYg64Ay7NemWWcV4UWuy/SgMupqQ3kJ88M/iRfZmSnxT+pw==}
+    dependencies:
+      htmlparser2: 3.10.1
+      isobject: 2.1.0
+    dev: true
+
+  /posthtml-rename-id@1.0.12:
+    resolution: {integrity: sha512-UKXf9OF/no8WZo9edRzvuMenb6AD5hDLzIepJW+a4oJT+T/Lx7vfMYWT4aWlGNQh0WMhnUx1ipN9OkZ9q+ddEw==}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
+  /posthtml-render@1.4.0:
+    resolution: {integrity: sha512-W1779iVHGfq0Fvh2PROhCe2QhB8mEErgqzo1wpIt36tCgChafP+hbXIhLDOM8ePJrZcFs0vkNEtdibEWVqChqw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /posthtml-svg-mode@1.0.3:
+    resolution: {integrity: sha512-hEqw9NHZ9YgJ2/0G7CECOeuLQKZi8HjWLkBaSVtOWjygQ9ZD8P7tqeowYs7WrFdKsWEKG7o+IlsPY8jrr0CJpQ==}
+    dependencies:
+      merge-options: 1.0.1
+      posthtml: 0.9.2
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /posthtml@0.9.2:
+    resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      posthtml-parser: 0.2.1
+      posthtml-render: 1.4.0
+    dev: true
+
+  /prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-linter-helpers@1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      fast-diff: 1.3.0
+    dev: true
+
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dev: true
+
+  /pretty-bytes@5.6.0:
+    resolution: {integrity: sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /pretty-bytes@6.1.1:
+    resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    dev: true
+
+  /print-js@1.6.0:
+    resolution: {integrity: sha512-BfnOIzSKbqGRtO4o0rnj/K3681BSd2QUrsIZy/+WdCIugjIswjmx3lDEZpXB2ruGf9d4b3YNINri81+J0FsBWg==}
+    dev: false
+
+  /process@0.11.10:
+    resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
+    engines: {node: '>= 0.6.0'}
+    dev: false
+
+  /progress@2.0.3:
+    resolution: {integrity: sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
+  /promise@7.3.1:
+    resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
+    dependencies:
+      asap: 2.0.6
+    dev: false
+
+  /proxy-from-env@1.1.0:
+    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
+
+  /prr@1.0.1:
+    resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /punycode@2.3.0:
+    resolution: {integrity: sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /qs@6.11.2:
+    resolution: {integrity: sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.4
+    dev: false
+
+  /query-string@4.3.4:
+    resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      object-assign: 4.1.1
+      strict-uri-encode: 1.1.0
+    dev: true
+
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /quick-lru@4.0.1:
+    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /quick-lru@5.1.1:
+    resolution: {integrity: sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /randombytes@2.1.0:
+    resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /rd@2.0.1:
+    resolution: {integrity: sha512-/XdKU4UazUZTXFmI0dpABt8jSXPWcEyaGdk340KdHnsEOdkTctlX23aAK7ChQDn39YGNlAJr1M5uvaKt4QnpNw==}
+    dependencies:
+      '@types/node': 10.17.60
+    dev: true
+
+  /read-pkg-up@7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg-up@8.0.0:
+    resolution: {integrity: sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      find-up: 5.0.0
+      read-pkg: 6.0.0
+      type-fest: 1.4.0
+    dev: true
+
+  /read-pkg@5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.2
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
+  /read-pkg@6.0.0:
+    resolution: {integrity: sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.2
+      normalize-package-data: 3.0.3
+      parse-json: 5.2.0
+      type-fest: 1.4.0
+    dev: true
+
+  /readable-stream@3.6.2:
+    resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+    dev: true
+
+  /redent@4.0.0:
+    resolution: {integrity: sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==}
+    engines: {node: '>=12'}
+    dependencies:
+      indent-string: 5.0.0
+      strip-indent: 4.0.0
+    dev: true
+
+  /regenerate-unicode-properties@10.1.1:
+    resolution: {integrity: sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      regenerate: 1.4.2
+    dev: true
+
+  /regenerate@1.4.2:
+    resolution: {integrity: sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==}
+    dev: true
+
+  /regenerator-runtime@0.14.0:
+    resolution: {integrity: sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==}
+
+  /regenerator-transform@0.15.2:
+    resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==}
+    dependencies:
+      '@babel/runtime': 7.22.15
+    dev: true
+
+  /regex-not@1.0.2:
+    resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /regexp-tree@0.1.27:
+    resolution: {integrity: sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==}
+    hasBin: true
+    dev: true
+
+  /regexp.prototype.flags@1.5.1:
+    resolution: {integrity: sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      set-function-name: 2.0.1
+    dev: true
+
+  /regexpu-core@5.3.2:
+    resolution: {integrity: sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      '@babel/regjsgen': 0.8.0
+      regenerate: 1.4.2
+      regenerate-unicode-properties: 10.1.1
+      regjsparser: 0.9.1
+      unicode-match-property-ecmascript: 2.0.0
+      unicode-match-property-value-ecmascript: 2.1.0
+    dev: true
+
+  /regjsparser@0.10.0:
+    resolution: {integrity: sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==}
+    hasBin: true
+    dependencies:
+      jsesc: 0.5.0
+    dev: true
+
+  /regjsparser@0.9.1:
+    resolution: {integrity: sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==}
+    hasBin: true
+    dependencies:
+      jsesc: 0.5.0
+    dev: true
+
+  /relateurl@0.2.7:
+    resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
+    engines: {node: '>= 0.10'}
+    dev: true
+
+  /repeat-element@1.1.4:
+    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /repeat-string@1.6.1:
+    resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+    dev: false
+
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /resolve-global@1.0.0:
+    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
+    engines: {node: '>=8'}
+    dependencies:
+      global-dirs: 0.1.1
+    dev: true
+
+  /resolve-pkg-maps@1.0.0:
+    resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
+    dev: true
+
+  /resolve-url@0.2.1:
+    resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
+    deprecated: https://github.com/lydell/resolve-url#deprecated
+    dev: true
+
+  /resolve@1.22.6:
+    resolution: {integrity: sha512-njhxM7mV12JfufShqGy3Rz8j11RPdLy4xi15UurGJeoHLfJpVXKdh3ueuOqbYUcDZnffr6X739JBo5LzyahEsw==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.13.0
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /restore-cursor@3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
+    engines: {node: '>=8'}
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+    dev: true
+
+  /restore-cursor@4.0.0:
+    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      onetime: 5.1.2
+      signal-exit: 3.0.7
+    dev: true
+
+  /ret@0.1.15:
+    resolution: {integrity: sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==}
+    engines: {node: '>=0.12'}
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rfdc@1.3.0:
+    resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
+    dev: true
+
+  /rimraf@3.0.2:
+    resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rimraf@5.0.1:
+    resolution: {integrity: sha512-OfFZdwtd3lZ+XZzYP/6gTACubwFcHdLRqS9UX3UwpU2dnGQYkPFISRwvM3w9IiB2w7bW5qGo/uAwE4SmXXSKvg==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      glob: 10.3.6
+    dev: true
+
+  /rollup-plugin-purge-icons@0.9.1:
+    resolution: {integrity: sha512-hRDKBsPUz47UMdBufki2feTmBF2ClEJlYqL7N6vpVAHSLd7V2BJUaNKOF7YYbLMofVVF+9hm44YSkYO6k9hUgg==}
+    engines: {node: '>= 12'}
+    dependencies:
+      '@purge-icons/core': 0.9.1
+      '@purge-icons/generated': 0.9.0
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
+  /rollup-plugin-terser@7.0.2(rollup@2.79.1):
+    resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
+    deprecated: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
+    peerDependencies:
+      rollup: ^2.0.0
+    dependencies:
+      '@babel/code-frame': 7.22.13
+      jest-worker: 26.6.2
+      rollup: 2.79.1
+      serialize-javascript: 4.0.0
+      terser: 5.20.0
+    dev: true
+
+  /rollup-plugin-visualizer@5.9.2(rollup@3.29.3):
+    resolution: {integrity: sha512-waHktD5mlWrYFrhOLbti4YgQCn1uR24nYsNuXxg7LkPH8KdTXVWR9DNY1WU0QqokyMixVXJS4J04HNrVTMP01A==}
+    engines: {node: '>=14'}
+    hasBin: true
+    peerDependencies:
+      rollup: 2.x || 3.x
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      open: 8.4.2
+      picomatch: 2.3.1
+      rollup: 3.29.3
+      source-map: 0.7.4
+      yargs: 17.7.2
+    dev: true
+
+  /rollup@2.79.1:
+    resolution: {integrity: sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /rollup@3.29.3:
+    resolution: {integrity: sha512-T7du6Hum8jOkSWetjRgbwpM6Sy0nECYrYRSmZjayFcOddtKJWU4d17AC3HNUk7HRuqy4p+G7aEZclSHytqUmEg==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /run-applescript@5.0.0:
+    resolution: {integrity: sha512-XcT5rBksx1QdIhlFOCtgZkB99ZEouFZ1E2Kc2LHqNW13U3/74YGdkQRmThTwxy4QIyookibDKYZOPqX//6BlAg==}
+    engines: {node: '>=12'}
+    dependencies:
+      execa: 5.1.1
+    dev: true
+
+  /run-async@3.0.0:
+    resolution: {integrity: sha512-540WwVDOMxA6dN6We19EcT9sc3hkXPw5mzRNGM3FkdN/vtE9NFvj5lFAPNwUDmJjXidm3v7TC1cTE7t17Ulm1Q==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /rust-result@1.0.0:
+    resolution: {integrity: sha512-6cJzSBU+J/RJCF063onnQf0cDUOHs9uZI1oroSGnHOph+CQTIJ5Pp2hK5kEQq1+7yE/EEWfulSNXAQ2jikPthA==}
+    dependencies:
+      individual: 2.0.0
+    dev: false
+
+  /rxjs@7.8.1:
+    resolution: {integrity: sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
+  /safe-array-concat@1.0.1:
+    resolution: {integrity: sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==}
+    engines: {node: '>=0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      has-symbols: 1.0.3
+      isarray: 2.0.5
+    dev: true
+
+  /safe-buffer@5.2.1:
+    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
+    dev: true
+
+  /safe-json-parse@4.0.0:
+    resolution: {integrity: sha512-RjZPPHugjK0TOzFrLZ8inw44s9bKox99/0AZW9o/BEQVrJfhI+fIHMErnPyRa89/yRXUUr93q+tiN6zhoVV4wQ==}
+    dependencies:
+      rust-result: 1.0.0
+    dev: false
+
+  /safe-regex-test@1.0.0:
+    resolution: {integrity: sha512-JBUUzyOgEwXQY1NuPtvcj/qcBDbDmEvWufhlnXZIm75DEHp+afM1r1ujJpJsV/gSM4t59tpDyPi1sd6ZaPFfsA==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      is-regex: 1.1.4
+    dev: true
+
+  /safe-regex@1.1.0:
+    resolution: {integrity: sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==}
+    dependencies:
+      ret: 0.1.15
+    dev: true
+
+  /safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+    dev: true
+
+  /sax@1.2.4:
+    resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /scroll-into-view-if-needed@2.2.31:
+    resolution: {integrity: sha512-dGCXy99wZQivjmjIqihaBQNjryrz5rueJY7eHfTdyWEiR4ttYpsajb14rn9s5d4DY4EcY6+4+U/maARBXJedkA==}
+    dependencies:
+      compute-scroll-into-view: 1.0.20
+    dev: false
+
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
+    hasBin: true
+    dev: true
+
+  /semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+    dev: true
+
+  /semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+    dev: true
+
+  /serialize-javascript@4.0.0:
+    resolution: {integrity: sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==}
+    dependencies:
+      randombytes: 2.1.0
+    dev: true
+
+  /set-function-name@2.0.1:
+    resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      define-data-property: 1.1.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.0
+    dev: true
+
+  /set-value@2.0.1:
+    resolution: {integrity: sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 2.0.1
+      is-extendable: 0.1.1
+      is-plain-object: 2.0.4
+      split-string: 3.1.0
+    dev: true
+
+  /shallow-equal@1.2.1:
+    resolution: {integrity: sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==}
+    dev: false
+
+  /shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+    dependencies:
+      shebang-regex: 3.0.0
+    dev: true
+
+  /shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /side-channel@1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      object-inspect: 1.12.3
+
+  /signal-exit@3.0.7:
+    resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
+    dev: true
+
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+    dev: true
+
+  /sirv@2.0.3:
+    resolution: {integrity: sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@polka/url': 1.0.0-next.23
+      mrmime: 1.0.1
+      totalist: 3.0.1
+    dev: true
+
+  /slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /slice-ansi@4.0.0:
+    resolution: {integrity: sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      astral-regex: 2.0.0
+      is-fullwidth-code-point: 3.0.0
+    dev: true
+
+  /slice-ansi@5.0.0:
+    resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      is-fullwidth-code-point: 4.0.0
+    dev: true
+
+  /snapdragon-node@2.1.1:
+    resolution: {integrity: sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 1.0.0
+      isobject: 3.0.1
+      snapdragon-util: 3.0.1
+    dev: true
+
+  /snapdragon-util@3.0.1:
+    resolution: {integrity: sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /snapdragon@0.8.2:
+    resolution: {integrity: sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      base: 0.11.2
+      debug: 2.6.9
+      define-property: 0.2.5
+      extend-shallow: 2.0.1
+      map-cache: 0.2.2
+      source-map: 0.5.7
+      source-map-resolve: 0.5.3
+      use: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /sortablejs@1.14.0:
+    resolution: {integrity: sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==}
+    dev: false
+
+  /sortablejs@1.15.0:
+    resolution: {integrity: sha512-bv9qgVMjUMf89wAvM6AxVvS/4MX3sPeN0+agqShejLU5z5GX4C75ow1O2e5k4L6XItUyAK3gH6AxSbXrOM5e8w==}
+    dev: false
+
+  /source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  /source-map-resolve@0.5.3:
+    resolution: {integrity: sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==}
+    deprecated: See https://github.com/lydell/source-map-resolve#deprecated
+    dependencies:
+      atob: 2.1.2
+      decode-uri-component: 0.2.2
+      resolve-url: 0.2.1
+      source-map-url: 0.4.1
+      urix: 0.1.0
+    dev: true
+
+  /source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+    dev: true
+
+  /source-map-url@0.4.1:
+    resolution: {integrity: sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==}
+    deprecated: See https://github.com/lydell/source-map-url#deprecated
+    dev: true
+
+  /source-map@0.5.7:
+    resolution: {integrity: sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.7.4:
+    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /source-map@0.8.0-beta.0:
+    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
+    engines: {node: '>= 8'}
+    dependencies:
+      whatwg-url: 7.1.0
+    dev: true
+
+  /sourcemap-codec@1.4.8:
+    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
+    deprecated: Please use @jridgewell/sourcemap-codec instead
+    dev: true
+
+  /spdx-correct@3.2.0:
+    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.15
+    dev: true
+
+  /spdx-exceptions@2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+    dev: true
+
+  /spdx-expression-parse@3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.15
+    dev: true
+
+  /spdx-license-ids@3.0.15:
+    resolution: {integrity: sha512-lpT8hSQp9jAKp9mhtBU4Xjon8LPGBvLIuBiSVhMEtmLecTh2mO0tlqrAMp47tBXzMr13NJMQ2lf7RpQGLJ3HsQ==}
+    dev: true
+
+  /split-string@3.1.0:
+    resolution: {integrity: sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      extend-shallow: 3.0.2
+    dev: true
+
+  /split2@3.2.2:
+    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
+    dependencies:
+      readable-stream: 3.6.2
+    dev: true
+
+  /ssf@0.11.2:
+    resolution: {integrity: sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      frac: 1.1.2
+    dev: false
+
+  /stable@0.1.8:
+    resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
+    deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
+    dev: true
+
+  /static-extend@0.1.2:
+    resolution: {integrity: sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 0.2.5
+      object-copy: 0.1.0
+    dev: true
+
+  /strict-uri-encode@1.1.0:
+    resolution: {integrity: sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+    dev: true
+
+  /string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+    dev: true
+
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+    dev: true
+
+  /string.prototype.matchall@4.0.10:
+    resolution: {integrity: sha512-rGXbGmOEosIQi6Qva94HUjgPs9vKW+dkG7Y8Q5O2OYkWL6wFaTRZO8zM4mhP94uX55wgyrXzfS2aGtGzUL7EJQ==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      es-abstract: 1.22.2
+      get-intrinsic: 1.2.1
+      has-symbols: 1.0.3
+      internal-slot: 1.0.5
+      regexp.prototype.flags: 1.5.1
+      set-function-name: 2.0.1
+      side-channel: 1.0.4
+    dev: true
+
+  /string.prototype.trim@1.2.8:
+    resolution: {integrity: sha512-lfjY4HcixfQXOfaqCvcBuOIapyaroTXhbkfJN3gcB1OtyupngWK4sEET9Knd0cXd28kTUqu/kHoV4HKSJdnjiQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      es-abstract: 1.22.2
+    dev: true
+
+  /string.prototype.trimend@1.0.7:
+    resolution: {integrity: sha512-Ni79DqeB72ZFq1uH/L6zJ+DKZTkOtPIHovb3YZHQViE+HDouuU4mBrLOLDn5Dde3RF8qw5qVETEjhu9locMLvA==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      es-abstract: 1.22.2
+    dev: true
+
+  /string.prototype.trimstart@1.0.7:
+    resolution: {integrity: sha512-NGhtDFu3jCEm7B4Fy0DpLewdJQOZcQ0rGbwQ/+stjnrp2i+rlKeCvos9hOIeCmqwratM47OBxY7uFZzjxHXmrg==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.2.1
+      es-abstract: 1.22.2
+    dev: true
+
+  /string@3.3.3:
+    resolution: {integrity: sha512-LbvprpPZT/39QKfNrlPX9vXtS7If80vqbPQ7clnHQb5oVOM5hz/cs3iQCCZjvQDwsAWl+HpLQX3gRgN6IC8t3g==}
+    dev: false
+
+  /string_decoder@1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /stringify-object@3.3.0:
+    resolution: {integrity: sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==}
+    engines: {node: '>=4'}
+    dependencies:
+      get-own-enumerable-property-symbols: 3.0.2
+      is-obj: 1.0.1
+      is-regexp: 1.0.0
+    dev: true
+
+  /strip-ansi@3.0.1:
+    resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
+  /strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-regex: 5.0.1
+    dev: true
+
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+
+  /strip-comments@2.0.1:
+    resolution: {integrity: sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /strip-final-newline@2.0.0:
+    resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-indent@4.0.0:
+    resolution: {integrity: sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==}
+    engines: {node: '>=12'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /style-search@0.1.0:
+    resolution: {integrity: sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==}
+    dev: true
+
+  /stylelint-config-html@1.1.0(postcss-html@1.5.0)(stylelint@15.10.3):
+    resolution: {integrity: sha512-IZv4IVESjKLumUGi+HWeb7skgO6/g4VMuAYrJdlqQFndgbj6WJAXPhaysvBiXefX79upBdQVumgYcdd17gCpjQ==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.5.0
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint-config-recess-order@4.3.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-EWVtxZ8oq4/meTrRNUDrS5TqMz6TX72JjKDwVQq0JJDXE+P/o7UuFw3wWV/0O9yvJfh/da6nJY71ZUn/wSfB4g==}
+    peerDependencies:
+      stylelint: '>=15'
+    dependencies:
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-order: 6.0.3(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended-vue@1.5.0(postcss-html@1.5.0)(stylelint@15.10.3):
+    resolution: {integrity: sha512-65TAK/clUqkNtkZLcuytoxU0URQYlml+30Nhop7sRkCZ/mtWdXt7T+spPSB3KMKlb+82aEVJ4OrcstyDBdbosg==}
+    engines: {node: ^12 || >=14}
+    peerDependencies:
+      postcss-html: ^1.0.0
+      stylelint: '>=14.0.0'
+    dependencies:
+      postcss-html: 1.5.0
+      semver: 7.5.4
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-config-html: 1.1.0(postcss-html@1.5.0)(stylelint@15.10.3)
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-config-recommended@13.0.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      stylelint: ^15.10.0
+    dependencies:
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint-config-standard@34.0.0(stylelint@15.10.3):
+    resolution: {integrity: sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      stylelint: ^15.10.0
+    dependencies:
+      stylelint: 15.10.3(typescript@5.2.2)
+      stylelint-config-recommended: 13.0.0(stylelint@15.10.3)
+    dev: true
+
+  /stylelint-order@6.0.3(stylelint@15.10.3):
+    resolution: {integrity: sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==}
+    peerDependencies:
+      stylelint: ^14.0.0 || ^15.0.0
+    dependencies:
+      postcss: 8.4.30
+      postcss-sorting: 8.0.2(postcss@8.4.30)
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint-prettier@4.0.2(prettier@3.0.3)(stylelint@15.10.3):
+    resolution: {integrity: sha512-EoHnR2PiaWgpGtoI4VW7AzneMfwmwQsNwQ+3/E2k/a+ju5yO6rfPfop4vzPQKcJN4ZM1YbspEOPu88D8538sbg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      prettier: '>=3.0.0'
+      stylelint: '>=15.8.0'
+    dependencies:
+      prettier: 3.0.3
+      prettier-linter-helpers: 1.0.0
+      stylelint: 15.10.3(typescript@5.2.2)
+    dev: true
+
+  /stylelint@15.10.3(typescript@5.2.2):
+    resolution: {integrity: sha512-aBQMMxYvFzJJwkmg+BUUg3YfPyeuCuKo2f+LOw7yYbU8AZMblibwzp9OV4srHVeQldxvSFdz0/Xu8blq2AesiA==}
+    engines: {node: ^14.13.1 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@csstools/css-parser-algorithms': 2.3.1(@csstools/css-tokenizer@2.2.0)
+      '@csstools/css-tokenizer': 2.2.0
+      '@csstools/media-query-list-parser': 2.1.4(@csstools/css-parser-algorithms@2.3.1)(@csstools/css-tokenizer@2.2.0)
+      '@csstools/selector-specificity': 3.0.0(postcss-selector-parser@6.0.13)
+      balanced-match: 2.0.0
+      colord: 2.9.3
+      cosmiconfig: 8.3.6(typescript@5.2.2)
+      css-functions-list: 3.2.0
+      css-tree: 2.3.1
+      debug: 4.3.4
+      fast-glob: 3.3.1
+      fastest-levenshtein: 1.0.16
+      file-entry-cache: 6.0.1
+      global-modules: 2.0.0
+      globby: 11.1.0
+      globjoin: 0.1.4
+      html-tags: 3.3.1
+      ignore: 5.2.4
+      import-lazy: 4.0.0
+      imurmurhash: 0.1.4
+      is-plain-object: 5.0.0
+      known-css-properties: 0.28.0
+      mathml-tag-names: 2.1.3
+      meow: 10.1.5
+      micromatch: 4.0.5
+      normalize-path: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.30
+      postcss-resolve-nested-selector: 0.1.1
+      postcss-safe-parser: 6.0.0(postcss@8.4.30)
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      resolve-from: 5.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      style-search: 0.1.0
+      supports-hyperlinks: 3.0.0
+      svg-tags: 1.0.0
+      table: 6.8.1
+      write-file-atomic: 5.0.1
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /stylis@4.3.0:
+    resolution: {integrity: sha512-E87pIogpwUsUwXw7dNyU4QDjdgVMy52m+XEOPEKUn161cCzWjjhPSQhByfd1CcNvrOLnXQ6OnnZDwnJrz/Z4YQ==}
+    dev: false
+
+  /supports-color@2.0.0:
+    resolution: {integrity: sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==}
+    engines: {node: '>=0.8.0'}
+    dev: true
+
+  /supports-color@3.2.3:
+    resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
+    engines: {node: '>=0.8.0'}
+    dependencies:
+      has-flag: 1.0.0
+    dev: true
+
+  /supports-color@5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: 3.0.0
+    dev: true
+
+  /supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: 4.0.0
+    dev: true
+
+  /supports-hyperlinks@3.0.0:
+    resolution: {integrity: sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==}
+    engines: {node: '>=14.18'}
+    dependencies:
+      has-flag: 4.0.0
+      supports-color: 7.2.0
+    dev: true
+
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /svg-baker@1.7.0:
+    resolution: {integrity: sha512-nibslMbkXOIkqKVrfcncwha45f97fGuAOn1G99YwnwTj8kF9YiM6XexPcUso97NxOm6GsP0SIvYVIosBis1xLg==}
+    dependencies:
+      bluebird: 3.7.2
+      clone: 2.1.2
+      he: 1.2.0
+      image-size: 0.5.5
+      loader-utils: 1.4.2
+      merge-options: 1.0.1
+      micromatch: 3.1.0
+      postcss: 5.2.18
+      postcss-prefix-selector: 1.16.0(postcss@5.2.18)
+      posthtml-rename-id: 1.0.12
+      posthtml-svg-mode: 1.0.3
+      query-string: 4.3.4
+      traverse: 0.6.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /svg-tags@1.0.0:
+    resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
+    dev: true
+
+  /svgo@2.8.0:
+    resolution: {integrity: sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 4.3.0
+      css-tree: 1.1.3
+      csso: 4.2.0
+      picocolors: 1.0.0
+      stable: 0.1.8
+    dev: true
+
+  /synckit@0.8.5:
+    resolution: {integrity: sha512-L1dapNV6vu2s/4Sputv8xGsCdAVlb5nRDMFU/E27D44l5U6cw1g0dGd45uLc+OXjNMmF4ntiMdCimzcjFKQI8Q==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/utils': 2.4.2
+      tslib: 2.6.2
+    dev: true
+
+  /table@6.8.1:
+    resolution: {integrity: sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==}
+    engines: {node: '>=10.0.0'}
+    dependencies:
+      ajv: 8.12.0
+      lodash.truncate: 4.4.2
+      slice-ansi: 4.0.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /temp-dir@2.0.0:
+    resolution: {integrity: sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /tempy@0.6.0:
+    resolution: {integrity: sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==}
+    engines: {node: '>=10'}
+    dependencies:
+      is-stream: 2.0.1
+      temp-dir: 2.0.0
+      type-fest: 0.16.0
+      unique-string: 2.0.0
+    dev: true
+
+  /terser@5.20.0:
+    resolution: {integrity: sha512-e56ETryaQDyebBwJIWYB2TT6f2EZ0fL0sW/JRXNMN26zZdKi2u/E/5my5lG6jNxym6qsrVXfFRmOdV42zlAgLQ==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/source-map': 0.3.5
+      acorn: 8.10.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
+    dev: true
+
+  /text-extensions@1.9.0:
+    resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
+    engines: {node: '>=0.10'}
+    dev: true
+
+  /text-table@0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
+
+  /throttle-debounce@5.0.0:
+    resolution: {integrity: sha512-2iQTSgkkc1Zyk0MeVrt/3BvuOXYPl/R8Z0U2xxo9rjwNciaHDG3R+Lm6dh4EeUci49DanvBnuqI6jshoQQRGEg==}
+    engines: {node: '>=12.22'}
+    dev: false
+
+  /through2@4.0.2:
+    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
+    dependencies:
+      readable-stream: 3.6.2
+    dev: true
+
+  /through@2.3.8:
+    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
+    dev: true
+
+  /tinymce@5.10.7:
+    resolution: {integrity: sha512-9UUjaO0R7FxcFo0oxnd1lMs7H+D0Eh+dDVo5hKbVe1a+VB0nit97vOqlinj+YwgoBDt6/DSCUoWqAYlLI8BLYA==}
+    dev: false
+
+  /titleize@3.0.0:
+    resolution: {integrity: sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /tmp@0.0.33:
+    resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
+    engines: {node: '>=0.6.0'}
+    dependencies:
+      os-tmpdir: 1.0.2
+    dev: true
+
+  /to-fast-properties@2.0.0:
+    resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
+    engines: {node: '>=4'}
+
+  /to-object-path@0.3.0:
+    resolution: {integrity: sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      kind-of: 3.2.2
+    dev: true
+
+  /to-regex-range@2.1.1:
+    resolution: {integrity: sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-number: 3.0.0
+      repeat-string: 1.6.1
+    dev: true
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /to-regex@3.0.2:
+    resolution: {integrity: sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      define-property: 2.0.2
+      extend-shallow: 3.0.2
+      regex-not: 1.0.2
+      safe-regex: 1.1.0
+    dev: true
+
+  /totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+    dev: true
+
+  /tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+    dependencies:
+      punycode: 2.3.0
+    dev: true
+
+  /traverse@0.6.7:
+    resolution: {integrity: sha512-/y956gpUo9ZNCb99YjxG7OaslxZWHfCHAUUfshwqOXmxUIvqLjVO581BT+gM59+QV9tFe6/CGG53tsA1Y7RSdg==}
+    dev: true
+
+  /trim-newlines@3.0.1:
+    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /trim-newlines@4.1.1:
+    resolution: {integrity: sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /ts-api-utils@1.0.3(typescript@5.2.2):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
+    engines: {node: '>=16.13.0'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+    dependencies:
+      typescript: 5.2.2
+    dev: true
+
+  /ts-node@10.9.1(@types/node@20.6.4)(typescript@5.2.2):
+    resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==}
+    hasBin: true
+    peerDependencies:
+      '@swc/core': '>=1.2.50'
+      '@swc/wasm': '>=1.2.50'
+      '@types/node': '*'
+      typescript: '>=2.7'
+    peerDependenciesMeta:
+      '@swc/core':
+        optional: true
+      '@swc/wasm':
+        optional: true
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      '@tsconfig/node10': 1.0.9
+      '@tsconfig/node12': 1.0.11
+      '@tsconfig/node14': 1.0.3
+      '@tsconfig/node16': 1.0.4
+      '@types/node': 20.6.4
+      acorn: 8.10.0
+      acorn-walk: 8.2.0
+      arg: 4.1.3
+      create-require: 1.1.1
+      diff: 4.0.2
+      make-error: 1.3.6
+      typescript: 5.2.2
+      v8-compile-cache-lib: 3.0.1
+      yn: 3.1.1
+    dev: true
+
+  /tslib@1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+    dev: true
+
+  /tslib@2.3.0:
+    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==}
+    dev: false
+
+  /tslib@2.6.2:
+    resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
+    dev: true
+
+  /tsutils@3.21.0(typescript@5.2.2):
+    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
+    engines: {node: '>= 6'}
+    peerDependencies:
+      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+    dependencies:
+      tslib: 1.14.1
+      typescript: 5.2.2
+    dev: true
+
+  /tsx@3.12.10:
+    resolution: {integrity: sha512-2+46h4xvUt1aLDNvk5YBT8Uzw+b7BolGbn7iSMucYqCXZiDc+1IMghLVdw8kKjING32JFOeO+Am9posvjkeclA==}
+    hasBin: true
+    dependencies:
+      '@esbuild-kit/cjs-loader': 2.4.4
+      '@esbuild-kit/core-utils': 3.3.2
+      '@esbuild-kit/esm-loader': 2.6.5
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
+  /type-fest@0.16.0:
+    resolution: {integrity: sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.18.1:
+    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /type-fest@0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest@1.4.0:
+    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /typed-array-buffer@1.0.0:
+    resolution: {integrity: sha512-Y8KTSIglk9OZEr8zywiIHG/kmQ7KWyjseXs1CbSo8vC42w7hg2HgYTxSWwP0+is7bWDc1H+Fo026CpHFwm8tkw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.2.1
+      is-typed-array: 1.1.12
+    dev: true
+
+  /typed-array-byte-length@1.0.0:
+    resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      has-proto: 1.0.1
+      is-typed-array: 1.1.12
+    dev: true
+
+  /typed-array-byte-offset@1.0.0:
+    resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      has-proto: 1.0.1
+      is-typed-array: 1.1.12
+    dev: true
+
+  /typed-array-length@1.0.4:
+    resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+    dependencies:
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      is-typed-array: 1.1.12
+    dev: true
+
+  /typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  /ufo@1.3.0:
+    resolution: {integrity: sha512-bRn3CsoojyNStCZe0BG0Mt4Nr/4KF+rhFlnNXybgqt5pXHNFRlqinSoQaTrGyzE4X8aHplSb+TorH+COin9Yxw==}
+    dev: true
+
+  /unbox-primitive@1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    dependencies:
+      call-bind: 1.0.2
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+    dev: true
+
+  /unconfig@0.3.10:
+    resolution: {integrity: sha512-tj317lhIq2iZF/NXrJnU1t2UaGUKKz1eL1sK2t63Oq66V9BxqvZV12m55fp/fpQJ+DDmVlLgo7cnLVOZkhlO/A==}
+    dependencies:
+      '@antfu/utils': 0.7.6
+      defu: 6.1.2
+      jiti: 1.20.0
+      mlly: 1.4.2
+    dev: true
+
+  /underscore@1.13.6:
+    resolution: {integrity: sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A==}
+    dev: false
+
+  /unicode-canonical-property-names-ecmascript@2.0.0:
+    resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /unicode-match-property-ecmascript@2.0.0:
+    resolution: {integrity: sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==}
+    engines: {node: '>=4'}
+    dependencies:
+      unicode-canonical-property-names-ecmascript: 2.0.0
+      unicode-property-aliases-ecmascript: 2.1.0
+    dev: true
+
+  /unicode-match-property-value-ecmascript@2.1.0:
+    resolution: {integrity: sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /unicode-property-aliases-ecmascript@2.1.0:
+    resolution: {integrity: sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /union-value@1.0.1:
+    resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      arr-union: 3.1.0
+      get-value: 2.0.6
+      is-extendable: 0.1.1
+      set-value: 2.0.1
+    dev: true
+
+  /unique-string@2.0.0:
+    resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
+    engines: {node: '>=8'}
+    dependencies:
+      crypto-random-string: 2.0.0
+    dev: true
+
+  /unist-util-stringify-position@2.0.3:
+    resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==}
+    dependencies:
+      '@types/unist': 2.0.8
+    dev: true
+
+  /universal-user-agent@6.0.0:
+    resolution: {integrity: sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==}
+    dev: true
+
+  /universalify@2.0.0:
+    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==}
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
+  /unocss@0.56.1(postcss@8.4.30)(rollup@3.29.3)(vite@4.4.9):
+    resolution: {integrity: sha512-jjkcyXfW90CUjN4tBV6SrHX9ifi5GQgcwAQlMRB0copJEW3ejM/nyZnRgNexaV7hi7Ao76XMVqCKbOC5B+IuOA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@unocss/webpack': 0.56.1
+      vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0
+    peerDependenciesMeta:
+      '@unocss/webpack':
+        optional: true
+      vite:
+        optional: true
+    dependencies:
+      '@unocss/astro': 0.56.1(rollup@3.29.3)(vite@4.4.9)
+      '@unocss/cli': 0.56.1(rollup@3.29.3)
+      '@unocss/core': 0.56.1
+      '@unocss/extractor-arbitrary-variants': 0.56.1
+      '@unocss/postcss': 0.56.1(postcss@8.4.30)
+      '@unocss/preset-attributify': 0.56.1
+      '@unocss/preset-icons': 0.56.1
+      '@unocss/preset-mini': 0.56.1
+      '@unocss/preset-tagify': 0.56.1
+      '@unocss/preset-typography': 0.56.1
+      '@unocss/preset-uno': 0.56.1
+      '@unocss/preset-web-fonts': 0.56.1
+      '@unocss/preset-wind': 0.56.1
+      '@unocss/reset': 0.56.1
+      '@unocss/transformer-attributify-jsx': 0.56.1
+      '@unocss/transformer-attributify-jsx-babel': 0.56.1
+      '@unocss/transformer-compile-class': 0.56.1
+      '@unocss/transformer-directives': 0.56.1
+      '@unocss/transformer-variant-group': 0.56.1
+      '@unocss/vite': 0.56.1(rollup@3.29.3)(vite@4.4.9)
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - postcss
+      - rollup
+      - supports-color
+    dev: true
+
+  /unset-value@1.0.0:
+    resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      has-value: 0.3.1
+      isobject: 3.0.1
+    dev: true
+
+  /untildify@4.0.0:
+    resolution: {integrity: sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /upath@1.2.0:
+    resolution: {integrity: sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /update-browserslist-db@1.0.13(browserslist@4.21.11):
+    resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.21.11
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: true
+
+  /uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+    dependencies:
+      punycode: 2.3.0
+    dev: true
+
+  /urix@0.1.0:
+    resolution: {integrity: sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==}
+    deprecated: Please see https://github.com/lydell/urix#deprecated
+    dev: true
+
+  /url-toolkit@2.2.5:
+    resolution: {integrity: sha512-mtN6xk+Nac+oyJ/PrI7tzfmomRVNFIWKUbG8jdYFt52hxbiReFAXIjYskvu64/dvuW71IcB7lV8l0HvZMac6Jg==}
+    dev: false
+
+  /use@3.1.1:
+    resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
+  /v8-compile-cache-lib@3.0.1:
+    resolution: {integrity: sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==}
+    dev: true
+
+  /validate-npm-package-license@3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.2.0
+      spdx-expression-parse: 3.0.1
+    dev: true
+
+  /vary@1.1.2:
+    resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
+    engines: {node: '>= 0.8'}
+    dev: true
+
+  /vditor@3.9.5:
+    resolution: {integrity: sha512-yRFyEOoJ0GQGAjfzDBV9ZKemCleqspSf3Jg3XtKVj8RwnjnF6oScLQCAwSgRzCamYl+F+rIX9at0c3tEsatY/A==}
+    dependencies:
+      diff-match-patch: 1.0.5
+    dev: false
+
+  /video-js@0.7.0:
+    resolution: {integrity: sha512-bnVzEmW+wHV+X4jdRVCUm85xWnLnQtOjvn6lGJMt9CmZo+gb6fNeobcnX41S2ILwSdNEz2FFXfBHy/+/v0Xbfg==}
+    deprecated: Your installed version of the video-js package is now under the youtube-video-js. Please use that instead
+    dependencies:
+      element-kit: 1.0.6
+      promise: 7.3.1
+      underscore: 1.13.6
+    dev: false
+
+  /video.js@7.21.5:
+    resolution: {integrity: sha512-WRq86tXZKrThA9mK+IR+v4tIQVVvnb5LhvL71fD2AX7TxVOPdaeK1X/wyuUruBqWaOG3w2sZXoMY6HF2Jlo9qA==}
+    dependencies:
+      '@babel/runtime': 7.22.15
+      '@videojs/http-streaming': 2.16.2(video.js@7.21.5)
+      '@videojs/vhs-utils': 3.0.5
+      '@videojs/xhr': 2.6.0
+      aes-decrypter: 3.1.3
+      global: 4.4.0
+      keycode: 2.2.1
+      m3u8-parser: 4.8.0
+      mpd-parser: 0.22.1
+      mux.js: 6.0.1
+      safe-json-parse: 4.0.0
+      videojs-font: 3.2.0
+      videojs-vtt.js: 0.15.5
+    dev: false
+
+  /videojs-font@3.2.0:
+    resolution: {integrity: sha512-g8vHMKK2/JGorSfqAZQUmYYNnXmfec4MLhwtEFS+mMs2IDY398GLysy6BH6K+aS1KMNu/xWZ8Sue/X/mdQPliA==}
+    dev: false
+
+  /videojs-vtt.js@0.15.5:
+    resolution: {integrity: sha512-yZbBxvA7QMYn15Lr/ZfhhLPrNpI/RmCSCqgIff57GC2gIrV5YfyzLfLyZMj0NnZSAz8syB4N0nHXpZg9MyrMOQ==}
+    dependencies:
+      global: 4.4.0
+    dev: false
+
+  /vite-plugin-compression@0.5.1(vite@4.4.9):
+    resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      chalk: 4.1.2
+      debug: 4.3.4
+      fs-extra: 10.1.0
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-mkcert@1.16.0(vite@4.4.9):
+    resolution: {integrity: sha512-5r+g8SB9wZzLNUFekGwZo3e0P6QlS6rbxK5p9z/itxNAimsYohgjK/YfVPVxM9EuglP9hjridq0lUejo9v1nVg==}
+    engines: {node: '>=v16.7.0'}
+    peerDependencies:
+      vite: '>=3'
+    dependencies:
+      '@octokit/rest': 19.0.13
+      axios: 1.5.0(debug@4.3.4)
+      debug: 4.3.4
+      picocolors: 1.0.0
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
+  /vite-plugin-progress@0.0.7(vite@4.4.9):
+    resolution: {integrity: sha512-zyvKdcc/X+6hnw3J1HVV1TKrlFKC4Rh8GnDnWG/2qhRXjqytTcM++xZ+SAPnoDsSyWl8O93ymK0wZRgHAoglEQ==}
+    engines: {node: '>=14', pnpm: '>=7.0.0'}
+    peerDependencies:
+      vite: '>2.0.0-0'
+    dependencies:
+      picocolors: 1.0.0
+      progress: 2.0.3
+      rd: 2.0.1
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    dev: true
+
+  /vite-plugin-purge-icons@0.9.2(vite@4.4.9):
+    resolution: {integrity: sha512-vxJEMyNyckqLr/4HPsW9P6BMLUvOVMvjjFz3jLl4Wke1KWE8ITJUxIUwodxaOmEp9L2lxVk5an3TYeycZCfqFw==}
+    engines: {node: '>= 12'}
+    peerDependencies:
+      vite: ^2.0.0 || ^3.0.0 || ^4.0.0
+    dependencies:
+      '@purge-icons/core': 0.9.1
+      '@purge-icons/generated': 0.9.0
+      rollup-plugin-purge-icons: 0.9.1
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
+  /vite-plugin-pwa@0.16.5(vite@4.4.9)(workbox-build@7.0.0)(workbox-window@7.0.0):
+    resolution: {integrity: sha512-Ahol4dwhMP2UHPQXkllSlXbihOaDFnvBIDPmAxoSZ1EObBUJGP4CMRyCyAVkIHjd6/H+//vH0DM2ON+XxHr81g==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      vite: ^3.1.0 || ^4.0.0
+      workbox-build: ^7.0.0
+      workbox-window: ^7.0.0
+    dependencies:
+      debug: 4.3.4
+      fast-glob: 3.3.1
+      pretty-bytes: 6.1.1
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+      workbox-build: 7.0.0
+      workbox-window: 7.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-plugin-svg-icons@2.0.1(vite@4.4.9):
+    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@types/svgo': 2.6.4
+      cors: 2.8.5
+      debug: 4.3.4
+      etag: 1.8.1
+      fs-extra: 10.1.0
+      pathe: 0.2.0
+      svg-baker: 1.7.0
+      svgo: 2.8.0
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vite-vue-plugin-html@1.0.2(rollup@3.29.3)(vite@4.4.9):
+    resolution: {integrity: sha512-MADzWRhKRXQDefI2ttVukx5NMMh+Wh9S2bhmXW4Kce4F4IfTgy5dain6KYZvS5NtqMXiTj/bURPpdaAxwrQ9DA==}
+    peerDependencies:
+      vite: '>=4.2.0'
+    dependencies:
+      '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
+      colorette: 2.0.20
+      connect-history-api-fallback: 2.0.0
+      consola: 3.2.3
+      dotenv: 16.3.1
+      dotenv-expand: 10.0.0
+      ejs: 3.1.9
+      fast-glob: 3.3.1
+      fs-extra: 11.1.1
+      html-minifier-terser: 7.2.0
+      node-html-parser: 6.1.10
+      pathe: 1.1.1
+      vite: 4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0)
+    transitivePeerDependencies:
+      - rollup
+    dev: true
+
+  /vite@4.4.9(@types/node@20.6.4)(less@4.2.0)(terser@5.20.0):
+    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      '@types/node': 20.6.4
+      esbuild: 0.18.20
+      less: 4.2.0
+      postcss: 8.4.30
+      rollup: 3.29.3
+      terser: 5.20.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    dev: true
+
+  /vue-demi@0.14.6(vue@3.3.4):
+    resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    peerDependencies:
+      '@vue/composition-api': ^1.0.0-rc.1
+      vue: ^3.0.0-0 || ^2.6.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /vue-eslint-parser@9.3.1(eslint@8.50.0):
+    resolution: {integrity: sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.50.0
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.3
+      espree: 9.6.1
+      esquery: 1.5.0
+      lodash: 4.17.21
+      semver: 7.5.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /vue-i18n@9.4.1(vue@3.3.4):
+    resolution: {integrity: sha512-vnQyYE9LBuNOqPpETIcCaGnAyLEqfeIvDcyZ9T+WBCWFTqWw1J8FuF1jfeDwpHBi5JKgAwgXyq1mt8jp/x/GPA==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      '@intlify/core-base': 9.4.1
+      '@intlify/shared': 9.4.1
+      '@vue/devtools-api': 6.5.0
+      vue: 3.3.4
+    dev: false
+
+  /vue-json-pretty@2.2.4(vue@3.3.4):
+    resolution: {integrity: sha512-JX80b3QDrspcH43C53CdtYeq/froApQGSV5y43bEMWFj2LGOxB96aH1VmvrFA21nD1WTP6nwfFMQqGXuS4jyFQ==}
+    engines: {node: '>= 10.0.0', npm: '>= 5.0.0'}
+    peerDependencies:
+      vue: '>=3.0.0'
+    dependencies:
+      vue: 3.3.4
+    dev: false
+
+  /vue-router@4.2.5(vue@3.3.4):
+    resolution: {integrity: sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==}
+    peerDependencies:
+      vue: ^3.2.0
+    dependencies:
+      '@vue/devtools-api': 6.5.0
+      vue: 3.3.4
+    dev: false
+
+  /vue-template-compiler@2.7.14:
+    resolution: {integrity: sha512-zyA5Y3ArvVG0NacJDkkzJuPQDF8RFeRlzV2vLeSnhSpieO6LK2OVbdLPi5MPPs09Ii+gMO8nY4S3iKQxBxDmWQ==}
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+    dev: true
+
+  /vue-tsc@1.8.13(typescript@5.2.2):
+    resolution: {integrity: sha512-Hl8zUXPVK2KzPtbXeMCN0CSFkwvD96YOtYt9KvJPG9W8QGcNpGk9KHwPuGMxA8blWXSIli7gtsoC+clICEVdVg==}
+    hasBin: true
+    peerDependencies:
+      typescript: '*'
+    dependencies:
+      '@vue/language-core': 1.8.13(typescript@5.2.2)
+      '@vue/typescript': 1.8.13(typescript@5.2.2)
+      semver: 7.5.4
+      typescript: 5.2.2
+    dev: true
+
+  /vue-types@3.0.2(vue@3.3.4):
+    resolution: {integrity: sha512-IwUC0Aq2zwaXqy74h4WCvFCUtoV0iSWr0snWnE9TnU18S66GAQyqQbRf2qfJtUuiFsBf6qp0MEwdonlwznlcrw==}
+    engines: {node: '>=10.15.0'}
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      is-plain-object: 3.0.1
+      vue: 3.3.4
+    dev: false
+
+  /vue-types@5.1.1(vue@3.3.4):
+    resolution: {integrity: sha512-FMY/JCLWePXgGIcMDqYdJsQm1G0CDxEjq6W0+tZMJZlX37q/61eSGSIa/XFRwa9T7kkKXuxxl94/2kgxyWQqKw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      vue: ^2.0.0 || ^3.0.0
+    peerDependenciesMeta:
+      vue:
+        optional: true
+    dependencies:
+      is-plain-object: 5.0.0
+      vue: 3.3.4
+    dev: false
+
+  /vue@3.3.4:
+    resolution: {integrity: sha512-VTyEYn3yvIeY1Py0WaYGZsXnz3y5UnGi62GjVEqvEGPl6nxbOrCXbVOTQWBEJUqAyTUk2uJ5JLVnYJ6ZzGbrSw==}
+    dependencies:
+      '@vue/compiler-dom': 3.3.4
+      '@vue/compiler-sfc': 3.3.4
+      '@vue/runtime-dom': 3.3.4
+      '@vue/server-renderer': 3.3.4(vue@3.3.4)
+      '@vue/shared': 3.3.4
+
+  /vuedraggable@4.1.0(vue@3.3.4):
+    resolution: {integrity: sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==}
+    peerDependencies:
+      vue: ^3.0.1
+    dependencies:
+      sortablejs: 1.14.0
+      vue: 3.3.4
+    dev: false
+
+  /warning@4.0.3:
+    resolution: {integrity: sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==}
+    dependencies:
+      loose-envify: 1.4.0
+    dev: false
+
+  /wcwidth@1.0.1:
+    resolution: {integrity: sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==}
+    dependencies:
+      defaults: 1.0.4
+    dev: true
+
+  /webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+    dev: true
+
+  /webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+    dev: true
+
+  /whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+    dev: true
+
+  /whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+    dev: true
+
+  /which-boxed-primitive@1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
+  /which-typed-array@1.1.11:
+    resolution: {integrity: sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      available-typed-arrays: 1.0.5
+      call-bind: 1.0.2
+      for-each: 0.3.3
+      gopd: 1.0.1
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /which@1.3.1:
+    resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+    dependencies:
+      isexe: 2.0.0
+    dev: true
+
+  /wmf@1.0.2:
+    resolution: {integrity: sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /word@0.3.0:
+    resolution: {integrity: sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==}
+    engines: {node: '>=0.8'}
+    dev: false
+
+  /workbox-background-sync@7.0.0:
+    resolution: {integrity: sha512-S+m1+84gjdueM+jIKZ+I0Lx0BDHkk5Nu6a3kTVxP4fdj3gKouRNmhO8H290ybnJTOPfBDtTMXSQA/QLTvr7PeA==}
+    dependencies:
+      idb: 7.1.1
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-broadcast-update@7.0.0:
+    resolution: {integrity: sha512-oUuh4jzZrLySOo0tC0WoKiSg90bVAcnE98uW7F8GFiSOXnhogfNDGZelPJa+6KpGBO5+Qelv04Hqx2UD+BJqNQ==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-build@7.0.0:
+    resolution: {integrity: sha512-CttE7WCYW9sZC+nUYhQg3WzzGPr4IHmrPnjKiu3AMXsiNQKx+l4hHl63WTrnicLmKEKHScWDH8xsGBdrYgtBzg==}
+    engines: {node: '>=16.0.0'}
+    dependencies:
+      '@apideck/better-ajv-errors': 0.3.6(ajv@8.12.0)
+      '@babel/core': 7.22.20
+      '@babel/preset-env': 7.22.20(@babel/core@7.22.20)
+      '@babel/runtime': 7.22.15
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.22.20)(rollup@2.79.1)
+      '@rollup/plugin-node-resolve': 11.2.1(rollup@2.79.1)
+      '@rollup/plugin-replace': 2.4.2(rollup@2.79.1)
+      '@surma/rollup-plugin-off-main-thread': 2.2.3
+      ajv: 8.12.0
+      common-tags: 1.8.2
+      fast-json-stable-stringify: 2.1.0
+      fs-extra: 9.1.0
+      glob: 7.2.3
+      lodash: 4.17.21
+      pretty-bytes: 5.6.0
+      rollup: 2.79.1
+      rollup-plugin-terser: 7.0.2(rollup@2.79.1)
+      source-map: 0.8.0-beta.0
+      stringify-object: 3.3.0
+      strip-comments: 2.0.1
+      tempy: 0.6.0
+      upath: 1.2.0
+      workbox-background-sync: 7.0.0
+      workbox-broadcast-update: 7.0.0
+      workbox-cacheable-response: 7.0.0
+      workbox-core: 7.0.0
+      workbox-expiration: 7.0.0
+      workbox-google-analytics: 7.0.0
+      workbox-navigation-preload: 7.0.0
+      workbox-precaching: 7.0.0
+      workbox-range-requests: 7.0.0
+      workbox-recipes: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+      workbox-streams: 7.0.0
+      workbox-sw: 7.0.0
+      workbox-window: 7.0.0
+    transitivePeerDependencies:
+      - '@types/babel__core'
+      - supports-color
+    dev: true
+
+  /workbox-cacheable-response@7.0.0:
+    resolution: {integrity: sha512-0lrtyGHn/LH8kKAJVOQfSu3/80WDc9Ma8ng0p2i/5HuUndGttH+mGMSvOskjOdFImLs2XZIimErp7tSOPmu/6g==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-core@7.0.0:
+    resolution: {integrity: sha512-81JkAAZtfVP8darBpfRTovHg8DGAVrKFgHpOArZbdFd78VqHr5Iw65f2guwjE2NlCFbPFDoez3D3/6ZvhI/rwQ==}
+    dev: true
+
+  /workbox-expiration@7.0.0:
+    resolution: {integrity: sha512-MLK+fogW+pC3IWU9SFE+FRStvDVutwJMR5if1g7oBJx3qwmO69BNoJQVaMXq41R0gg3MzxVfwOGKx3i9P6sOLQ==}
+    dependencies:
+      idb: 7.1.1
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-google-analytics@7.0.0:
+    resolution: {integrity: sha512-MEYM1JTn/qiC3DbpvP2BVhyIH+dV/5BjHk756u9VbwuAhu0QHyKscTnisQuz21lfRpOwiS9z4XdqeVAKol0bzg==}
+    dependencies:
+      workbox-background-sync: 7.0.0
+      workbox-core: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+    dev: true
+
+  /workbox-navigation-preload@7.0.0:
+    resolution: {integrity: sha512-juWCSrxo/fiMz3RsvDspeSLGmbgC0U9tKqcUPZBCf35s64wlaLXyn2KdHHXVQrb2cqF7I0Hc9siQalainmnXJA==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-precaching@7.0.0:
+    resolution: {integrity: sha512-EC0vol623LJqTJo1mkhD9DZmMP604vHqni3EohhQVwhJlTgyKyOkMrZNy5/QHfOby+39xqC01gv4LjOm4HSfnA==}
+    dependencies:
+      workbox-core: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+    dev: true
+
+  /workbox-range-requests@7.0.0:
+    resolution: {integrity: sha512-SxAzoVl9j/zRU9OT5+IQs7pbJBOUOlriB8Gn9YMvi38BNZRbM+RvkujHMo8FOe9IWrqqwYgDFBfv6sk76I1yaQ==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-recipes@7.0.0:
+    resolution: {integrity: sha512-DntcK9wuG3rYQOONWC0PejxYYIDHyWWZB/ueTbOUDQgefaeIj1kJ7pdP3LZV2lfrj8XXXBWt+JDRSw1lLLOnww==}
+    dependencies:
+      workbox-cacheable-response: 7.0.0
+      workbox-core: 7.0.0
+      workbox-expiration: 7.0.0
+      workbox-precaching: 7.0.0
+      workbox-routing: 7.0.0
+      workbox-strategies: 7.0.0
+    dev: true
+
+  /workbox-routing@7.0.0:
+    resolution: {integrity: sha512-8YxLr3xvqidnbVeGyRGkaV4YdlKkn5qZ1LfEePW3dq+ydE73hUUJJuLmGEykW3fMX8x8mNdL0XrWgotcuZjIvA==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-strategies@7.0.0:
+    resolution: {integrity: sha512-dg3qJU7tR/Gcd/XXOOo7x9QoCI9nk74JopaJaYAQ+ugLi57gPsXycVdBnYbayVj34m6Y8ppPwIuecrzkpBVwbA==}
+    dependencies:
+      workbox-core: 7.0.0
+    dev: true
+
+  /workbox-streams@7.0.0:
+    resolution: {integrity: sha512-moVsh+5to//l6IERWceYKGiftc+prNnqOp2sgALJJFbnNVpTXzKISlTIsrWY+ogMqt+x1oMazIdHj25kBSq/HQ==}
+    dependencies:
+      workbox-core: 7.0.0
+      workbox-routing: 7.0.0
+    dev: true
+
+  /workbox-sw@7.0.0:
+    resolution: {integrity: sha512-SWfEouQfjRiZ7GNABzHUKUyj8pCoe+RwjfOIajcx6J5mtgKkN+t8UToHnpaJL5UVVOf5YhJh+OHhbVNIHe+LVA==}
+    dev: true
+
+  /workbox-window@7.0.0:
+    resolution: {integrity: sha512-j7P/bsAWE/a7sxqTzXo3P2ALb1reTfZdvVp6OJ/uLr/C2kZAMvjeWGm8V4htQhor7DOvYg0sSbFN2+flT5U0qA==}
+    dependencies:
+      '@types/trusted-types': 2.0.4
+      workbox-core: 7.0.0
+    dev: true
+
+  /wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+    dev: true
+
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
+  /write-file-atomic@5.0.1:
+    resolution: {integrity: sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dependencies:
+      imurmurhash: 0.1.4
+      signal-exit: 4.1.0
+    dev: true
+
+  /xlsx@0.18.5:
+    resolution: {integrity: sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==}
+    engines: {node: '>=0.8'}
+    hasBin: true
+    dependencies:
+      adler-32: 1.3.1
+      cfb: 1.2.2
+      codepage: 1.15.0
+      crc-32: 1.2.2
+      ssf: 0.11.2
+      wmf: 1.0.2
+      word: 0.3.0
+    dev: false
+
+  /xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+    dev: true
+
+  /yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+    dev: true
+
+  /yaml-eslint-parser@1.2.2:
+    resolution: {integrity: sha512-pEwzfsKbTrB8G3xc/sN7aw1v6A6c/pKxLAkjclnAyo5g5qOh6eL9WGu0o3cSDQZKrTNk4KL4lQSwZW+nBkANEg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    dependencies:
+      eslint-visitor-keys: 3.4.3
+      lodash: 4.17.21
+      yaml: 2.3.2
+    dev: true
+
+  /yaml@2.3.1:
+    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /yaml@2.3.2:
+    resolution: {integrity: sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==}
+    engines: {node: '>= 14'}
+    dev: true
+
+  /yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.1.1
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+    dev: true
+
+  /yn@3.1.1:
+    resolution: {integrity: sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /zrender@5.4.4:
+    resolution: {integrity: sha512-0VxCNJ7AGOMCWeHVyTrGzUgrK4asT4ml9PEkeGirAkKNYXYzoPJCLvmyfdoOXcjTHPs10OZVMfD1Rwg16AZyYw==}
+    dependencies:
+      tslib: 2.3.0
+    dev: false
diff --git a/yunxi-ui-admin-vben/public/favicon.ico b/yunxi-ui-admin-vben/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..522fa268888771f5112509cfb0b6b53e52a6331b
GIT binary patch
literal 4286
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

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/img/logo.png b/yunxi-ui-admin-vben/public/resource/img/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a9cd65c155f4cc0f49006871b60cb3ef9b37d16
GIT binary patch
literal 9360
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
KMNUMnLSTZt9|y(&

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/img/pwa-192x192.png b/yunxi-ui-admin-vben/public/resource/img/pwa-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..393fed716de501467f9e3e82328e999b58f73895
GIT binary patch
literal 13208
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
KMNUMnLSTXx#LXK3

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/img/pwa-512x512.png b/yunxi-ui-admin-vben/public/resource/img/pwa-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..314fa529584cc98b39f5857de9c61840620b7283
GIT binary patch
literal 59425
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
JLe=ig{{hr59321v

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/img/wx.png b/yunxi-ui-admin-vben/public/resource/img/wx.png
new file mode 100644
index 0000000000000000000000000000000000000000..d56ec6ad3617415e1d9f273fa0971b2e7328fb80
GIT binary patch
literal 177785
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

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/img/wx2.png b/yunxi-ui-admin-vben/public/resource/img/wx2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9ff8d18ff87416a3a2cbdaf88b95dadab85e9d05
GIT binary patch
literal 138181
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%0Au+qI<ypofYI;_hgpK^*fIS}b?Va}pH
zAFY;nqOUgtX>;ba!RjJ0nS5~|$x666F|_^Pm3q6%=6ZxZ*BOc_*KI>^#8$QG?cW-r
z2eo+bKMb*HGrV()O3hziPtj{JWmf$ThkNn$S9l79ej}dh_e4OIeNOzoo+tKq`)dI1
zdDreUyd>imSUcKWAvr29PxrtE4T|XUx)U6MbF&J}EugE8D$O1SB!un)xKV$9JR7*F
z^j0sn`mR7=8Blfq1z(N}T$8|M0hrj)eri{+Yd|91A$?Mi=pqSn;m`3(u~86B>bsz6
z$|e0J<4GM0$msy0-9dGQVyc%(Xx~;EU_eT>8)E=!nhN$U^mjp(bhKoa@`(&OIDBqQ
zkGE$a1aNfV_v^H>ya~{WsHmwGE619o0FkSn_ca!X+63Lw$M!l$(vU<65D*Wl^b&w#
zZ0=UBDGDc|A`;zZ9Qoyup+y?&Nl3(r(AT+fPkC7fZ``5_o><`iU<YHB_q!P>Vov>d
zISfzR<FLZo!LWFFp8G6Z#f{(h<qC=Yc&WA9FAGWuhg||mU)A&9T;a|r5DSXjxMo#c
z3%s$mF-!>WyT1!l`+jZ`^=s567jwZftyMB(h{`zudp(ha;C-U$bJQIbRgS<MOs{A9
z!}GPt5$|45rOm_jYM|LgVyh!p?~BCiv&B(;Z1VHy0>PB;``oW1IgO2cR&B=v%B!z;
z+sTI>1I0=SrI#=m|Bik9B)4L{Y8I;QZqIa%9$k)HD!}e2a6V%{W72MVTtsZ&xznzM
z5hf_$4wM*zqiY#1{-9!VQ|I$5d!o0fqcrT*YBLayt?UWR====Sa`iNL6T3fueI2}d
zyf8PAxTWvS5GMF7?wPRpb1f%F#-{vwyX#8BEoC5mN1WUDugZ(>+@f?<CCfW*Mn-~4
zjz7N?TnHzA<5ES?bN9G3m(a)edAKc0fISH9ILsRpW>nF_d_`xlbKvN>D<p?IeZfZ2
zT(kT!?dvo@{(-^`8sA?OOX0yA@7IzqtU>24WtjZYWSR=z?jez4`6=4Yk$5VnE0w#M
zUZ}6N{5b8}b{ZH3oPM%ok@WcaqY56pm$sT}sp0J9eN<}sLoc}o6Tr$V#$BTvxFs#D
zJ;^^vv6AaGqhF)%8wxu^^HNLGiIKX5ql#_n1#eb8-cHg(|7`f>mptS>7<-#M!rc0C
zZ$&IpiwR<fngWxTNdtG2yEipc0Z)QGqiJn{9oLHlw~c>nQG=UAyjlMucOLyA9GezJ
zvy>;v)G9ZNn}SRKKbeEL?jKJG7qzn0+_EDt9QD%_3zJb@FotL~t=?;|E-^lj2__g}
z!8Ej^xp~xbe2gKYTvG3-5f{?Z?3kN+wgU|-I`!D*hga=tvNcdy4cwv!M)*aXMlbxd
zwasb@Wl>$t%lSDovwVGLF;$*wh6K;js|$07cIXmbXLoh%cCh~ue8=S;JBS<J45~RA
zGm{loK6EZR^0K`{TSGv=MXF%x4Sdoe!F0BoE~I@vRIAZ<yIgEnR0zUm^YUUQKn4je
zGrM!3vHD`J{Uv^LbF<s_#+p$Q_O4LynWm!cq1b~+WxP->T?#0xY;0_R{kpf14}J<u
zU0VqFJb_>v%nGr<?FF>q+(1~y(j_l&J+1t-O(mG!(gI026L>lo0g<BefMkUTQ~?D6
z1&S&BfoL@qlwFS(DN_M`Iz$HoT<C-RW|Mi6z$ZFcro{<K9fi2ifYH3DxLC<ns*li>
z02~6vFCd!c3IvT-f&=H5i`XYLz@!L(-iRKc3m*fX?O`Aj0}?jF4nJs!I6NGmQ%OOg
z1ISX`0Dtmdoh25iv{&7c(0gfg+yj0$Y#!IswCp=QpZlHdy}hYy5qLSii=JGfX2Abm
zjf<dExnG%5%BJMeOL_{+O$2`*dpIM9KZuLhTWT#34X?F-tQ9AFe;OccNt2Dl#)nc|
z+(a7<R({t>`v1{%R$)<o@7LEapn!BECDPs9peRz(4I(Yw4bsvj-CfcR0|*ERL$}n>
z-QE26{NC$5@W4xf;o#ZNz3;WwXT7VJ2;~@^TV;qj3^HsYu@HHSzIk%(FYSe+(7lFR
z^G#9W7*&~_QT*O|Aln*A$cEy@_p!tWuDQelSm5IaEp&7q^{&3~Iv=Xf#i9-0oV)#G
z30BhFh>If!ZfCFE%dr2h9a&O{soQx%6tcx!&jv&ZD(<oUPsatl&^W2c6gq8>=47S%
zgp@pdJj1^{@QJMettFkuz!c}>hWAcQnRl4a<vPPHP*0(`1xq=hx1TzzIEK$WkCOZI
zPokfV*7mh}2_IQjbnGZC>5c{&z%JPg+@nPuQJ0&roDb_l20Aga*#6o&L6I46WCUGi
zyQU`invTyW=6)V;T>ZMy_pmWF$V~gkx7J*A4Xvr6drEFuV_B$5l-v?wRgAe;2%6wZ
z4-JS7YCo}2BM#F*8h|E$m7O8f;DxqO$C}$%iKeQTCmbWGQyBlVQHxWAs!3R65DJQ^
zn~=<f6;wQ#Uu5$<cdb_%2Yl9l)9#J3Bii!?qzq_MdR?1cim61(c&q!v*u(pHhT;-G
zve5som?1c5D#vfuFEV7p64w>e=7{tG^^g^N_<+<zRV!J^#L!28eR!dbVRK*p^nRL`
z95&ngV;pNs{e8*;N7rx3c)uVHn{5&!d-+tPI~7QySkHl__BIwUvA*qU!Z1`g!dl6%
zVW&$7ayQcOHz>DRn{`Wmu=W>2i(r2P^Yi^Dkru>bK`^cP%NB1vXeDqJYsMMVQO>Xb
zfkY(`u-*uc4g+EfC~xukJC0n!Pyf!K9KuHZ-}@W7)1Cz5$zo7z>LulO;^6hjo#xWU
zc7MHWl>P5x5zF}LX!Si&L6H3^>T3R5C7iB5?AB4xdLlI|_V$Ie<$W7R1-Zvui5R?5
zzL8}*k#01$)9VF3dEW3nM2bo6UzT|1P{+&XF^g0Bh(5+Qn50Xqm1c>vrB6<lzQI!z
z?AmFri?}0u)0o}Dy&4fUoV$<Ll55yuEis~bEh8CTM?<3sub(wdvwKZT$;b%aG@tKM
zy^+ZdYajigV$L}Wb=G{>a@_UG+y3ln(FrUd?(m+zc<chI=SeRKV8JCO5^T7{vn+ZZ
zwFzG@gLDZ!3(H1|S*9VFQ~;Sg1F&T7y4<DTV!yy7|8>a3$XHx#_v_u&qALX;6<0oY
z1D5z^;KlG3z1C}S$^rJOUHx`TbMr5=Rfb^D0oRdU;3@re|KNL3W^j@QyO;I`t_>Jy
zxFP&9&-;py74D+g)dOKS5UVi*Hzv?ynE=iU`0;b`2$nrYpo#Ap1b|rY_sztNpouJU
z$?Sdtj+@Vlhi2T}-P>JucOLJKw!p#j0a?P(kTRamEP9Jf4(_`p)U|t_Xu<&ilJHgZ
zQNd?ReYf^voSAccI(DmWDdBu&y6U;3fWt)p6()-4%sN-pr;XG4yL#;FJ<;i7-I+v_
zX4WB8DHNLbA>^um(W{m1r<^acgN6fok25V;pQWOyZU}7r6`mtU(bGh|sBbirTt0F{
zDN^;q_j=9j=DmLbd7SLascTuEwU~Bv^@1o&Ph;a*WqKx8Dqi@g=oR^znL|d8mzYGE
zYMB&D^j<|Dq4MCgpIn^jUn$QbTcMslDE;A7QUCWdw!tQCaNo7?bjBC`ieZj(iedmH
z7(O~9#p819^IiG&T{-pd!#LbVq3HtNl(OmxD?eHTZ5?9JUp%;*6dja$eTOVW-XH96
zxm!<XL<pY9T-+}rH5S`e+#hbi|LUQk*R#23|9HKQM;qCJ39?)WvLRuLZrA!-PA6NY
z6=O?x8bCHj_L)65du-Sil)5W<(?M+5O1>XVFpf)+Ha_<DjpCx&b8?ey?t%l2F<6f7
z$bX5KzflPqa)@u8Zt+Evsh94iKX{9}v;;593!<6W*{hK^<9%OQ+i5AG4A?@6M4+#N
z6o)*DsNrZ*{igeT;osSbh*r$r4DtNgcuC!CY0Y$1VQV7yK9C_nX?PpY(5ZPXF}}_*
zxs9%8PbmK0L!PNaZ+^gn?5*4$j)`&+vPxMx>`*<;-BSh9#@An|-gtZ$(>aS_I9w6o
zAZ-$;0_{%MCf}TX6o9m{^}M`O@%o&xYA}y`&VtO5qY`-J6lqUS^OrB9nlb!$+#Gk-
zbSH`DIM8Kqc~<_6V@=$J2ox~Cd-57#^r1IV!Q$jkuDV%@Gc8@E?UwCM*Cb#08HQYL
z5x)BI$4U?lq`o!i;9}^HRoX&~#QP{2O`*{}F?kCpZAJrNzuhm;zrV3ZedUN%P0#Z7
z-9Xh2SuL>^q7hV{(MVx2@q3bs4s%64f3iQTeL%QiNV4uqy`zETF)*fmsOQZhtt*!8
zJboJ>TPA5`)lj1NhF`L2n2P7jT-STOUO(H0?%T}4huM;8W1XS$v2+aIKK4%#XOW@t
zjo$sZ#!RM&zGssWB5xMGY`B86u<%ldhA9@6kJ|YDoAJRYXh*W$WJ8ON2$=46Q8qGK
z!#*RGFD)+@*}ntN=T|L)M3ZXZtmxj<YqZHg6>0|l36Q;0<V;aDA+?^XF$r&3s<)g`
z`kzp%{tl32HUcybd16W$8q|aC?tx(9b);N^N5admUOAM;XQY+LCK#<h4dUw8fYVr;
z=$L;F&Ix)q*F&^hSVI<kez7d0GM*{d+49`V_{L(t*z8!(lqFfPXEE$M<dDCX$IGO)
z!8n<CPQB-Xlxj;6R#?nvnK1fSs+PY*IQwphv9r{+LTz~fpEHAihCVexph-u+9zBw2
zXWGWsM{(KH8auc{e@cBw<L{oCynu_Lig&?v!peo^3t#)a^J;?VqBl3GOn;qWcfW(a
z)rPQ@CdIDhs7L>NKc%AWbz>sXPAvJ`ReOZ$PLoDVOw}#FTG3W{Wr3S_gDmLO_xk+M
zUnkjTF+mF^Pu3B>*YWfsPr)mdXRlo<sq{hXtlw#BXu|6%TKFWtY=J_Qr_l-eIk~pr
zk`|FuUg$^x_CS$!zJO8Ld`kYz$Lrt&uu&K%{$e!RsoDEGBIfkRV_w$R^HkymrUM#A
zP+JB{R|4!Ioy3ga43D(Jc3xI~sM*bdH2+R3_}9fs`#RU*EA)|{7dmC#Y%pgCCpUx#
za^$sMo`x$d{pQ?N^cIi&;O}6ZdhM~|``WI6o*DH<#hMc_q}b@9k5x2ePzSWg3ZBQ@
z+u3-88Zva5v}EGd8gdTSJ#3>Xi5X`z+c;vT)Z&OVxrzuob(5bbVCQgzW8#rS@2PEV
zdZ54wmI+5}wz-^r>%WGv3td7v>-Yz+JbSKvDv8SWSeBOJ*E8B=D&`m8Z8i1(9H0lU
zej>fYCJen%nt@@0w5!VkH(P@^Un|+;@dm^`ykw_-XGpIs)$w{Fb%?S*kX#n#__{1M
zD5F@;bMN=9oV&t(Tt-ilY^#wL9nlNXp(Z<i+|X|-koMY0;OP8)kEO;Dpn#8bzN7os
zk2X9tSRF^coST=%{F_YNr}@Bc+Ssa_@~-57S_`3s2KMg@>B#s!?s$ZMP&RtaY2Vdi
zIidWMqpu^@u;Hxwt+Gi-T9xej`>R=5HoX;lDfgec0W747(zqH!!}6XF^#l}Cb5<7E
zPLU*X%$OX7gX@DBlyV3@O@cCxpRoP2y*ILc*R$0V_Q8-B0zwQuf=-+Liq7wH@AFkc
zT+(v36}w_r#a{hAS+BNK!O<S$+)v1*96?2Wz0@kyPkMXy;l2Gv$viSZG2;5M+G$|_
zj6s0)=cV?Di)avxW&0k*sy$^Z*BJF-fYE$Yd>rHSU&BzgL;!#>eQw=AoWS%sMgWCU
z;C`{o{_AoaSg)h8{N03ywahZ!1HfAfpDj5cLeR3Y9U-%vj-&G}h=X@6h_Hf{CB=m+
zK0dzi?RFkq<^b5$5Ns-GcxNs%6!;%2#9g<DL6=Df*pB`K3Dn+pe-K<J_uPk<WtQLH
znczs;fp)z!KvW+C?|jyddj}9whlkAI0&mo7_3vpmEurAPp`xVJDX^8k7I0)|0a#i0
zmyI1J;FH0xLs!Gmm5-5n-@|<JoZJNzU0B5R8B)>&3SOp-{%S^5+IYbM<9keaNmCq1
z!HN&AXPjyWT?GOKScvTjPDRb7#pHOeg<07~HQqd<6Ya26aQT8)TAsP!6!fb%L-p>2
ziQv!@#tBh&bfzq;AFC4CShTesRIZpGSqck4?56O0XOJ-YVWKbaU>QODMD*rk?QU7c
zB(2=?MVU}=Fec`G<mYM4ENDQ7SHDnObD&BU*7A$)!or4iG4=bqOa1x7)((+_n@vpe
zbIyR5^=bHjRqtQDBAxZns3%vq7=bQ!mPXHsiKC^<{HY|j%4!6g1q9&DAcDWUbsaZE
ze(5^~r#b<dmGRUe;|;2Yo(og7C|B@M>zeS*{*CT!#uX;4xH})nr#ROINB=6xg@X)4
znrQD{eu%}G{MquUwY6MtJX*Rhj@7BGK9ky386vr2KPsv4g(7-AJXQaVy%rbiz<=CR
znkU2?j+IF)PLIpjp_59gt<;|f)W&WqTZd#cA%cs_^^vDx=7GI^3$|1FZ+_2AMIKj}
zDEynwrMLQ4=Vl{I5-;?gSRKbyQzqE}E#mC39q(vghSOIuZi~0k-b(2QLq?ulNrZ#0
zO!D5{x}A3xX*+-NX1$(_>5;<e`6eQ;Tn!)Ltld{A1>=PfDU)tp`q>lgE1q6v;@KW3
z91m`)zaR_}D0BQ-D+oyHc&oem92JN7Yi9u#n+Niz{eE~u7830&vsr;C_>_ej?}>8A
zo;6g;R~6F^nZ0CDr>L17Ur)~#s^fp>Eg6$#>!4OiTCt0CA=7y}hX-#IQP0Q+YQ;io
zuv6f8I#!SS&Hgti9h(KNg=JnrNy1z(?`s{Ld==gtkW$7uCHq)Rr-MAs@QUPbXfOk-
z3-3<vDu=eD;cIJ&AO@m%Tl-I1KR8S>?=D(ir14#X`M)NV$WAx5AG0N7C(n9a&u4UV
zO%SX}2@H7onO^68lCRh!H}!h|LxBUcqWNwDv^F@%QU0|#p|dNej1VJ}=U42=+`At!
zJ()@HmAV`L*g$rT^R@#u=<HDCRN`j9)K9j1FFVV@)Y7R8AyqQI1kJ=}r)|RQk?|(i
z$E}i^Z~jtT$f^avlM}@5R+Pa?p%ttRe}usF8JU>@dl?HgXnVSx#J1ys7ajoxE@_Z+
z^c8_4SpkG@^H=TgD(K=lVaNp(*<65phVy4ZeFt3Rhyy{}-O{pTc0>OGAXyBs`JB9h
zM=stI>iq%O_ynEL$8|6edpq4TcuEBq5x8H&U|XS^9l)gvz_-$5h9mIC%<(7@1q1{{
z3j|+B;)M5r-rQ_p0`~%UnFT<v1zjXQSFJEO1Gd3t@ssc&;ap7=IAVaRf`o+hXAR6&
zui$xAK$hDCP}<+@Xorw9g+w-kVNlvP1PU6UYGC|5^0^WM?YnRe7U&eF1o?h|(c*qB
z^3760K_SYYl8<lZN%@0f4#T`Mz08vZOUD)oD-Ggv<DX5@6par^*9;4J)LWHHyxq|-
zpPP7@wy;fAl5-c+eu{N&36F^%at66q^=!zN*=?U9F@9DOW2gnSU+z>{F48_BxA_!o
z5VhM}o^X~+opUIui->En1qlv|?_u4`G*Wx;7!Q?-oi|d-b{Iz_RWzGhqn?Li5*$1Q
z%ZmU>Vp{{Dwjfhvlgs&DUiayNkBHNae1h$1UP)^wnpV&GUpa)+60xKGfQHt<tJ}9g
z?t2tjgRyY@z&-pRFuFDP`?R#tOk};J-6{Wc_xf3QqKjI53?HFWj_XJcBP>>(`%y6;
zJ<Wq2pDN&ydhy2XI|-Ihz?NHoUf#3EZ@6k~>n>P*2z5;VC8dgB{x{=+A{r#MR-o;t
zwTFV0e*F9V3|pkqR(-krr<*4hzt_NkQ4YOT6`SE%e1iP>Fs6VZpOAEl?oQK@+%8@Y
zM*=imL}qC&V_A_z+kJbFKsw<)e=FmFR)!I&2F_+v9D4^@I@A*^9^1J(jYzbce7(8y
z2Ecehu(nW2v?e4?4CDB8_N55&uQguyR{j;H&tg~q2KI1yn1j07&lMWO;G{rzLs^om
z3JVi)g&(PbL-isK+ZnbF>^t;#z?h*<RyVs~HD)Sd64jZK(S=6Oe$&+ZmfW93o?yh<
zX5~)}eLz^ZTxkSn3Fkn7C6e!bVM?at=lD7SN{pw8A!CcSFIoZp!Rflc?sXZV)-823
z<`(A83OF`0qu&ZR<O4qP2O7T4pCCx2`4K3Ex7EkM8WEpFNQE6bYUO7*ix#C5!TO3L
z=k42v!xDK^{l&GqydHnBQsz5Hb95--tNu4@b*2>A6T(9P-L+EwFPJcGVNR%P_7p4N
zRa<E1?u)dmQWoG~{kQa%NZB~fs5FOwR3O+_omnt0+P4bp`0YI+%j3VFz89kZ8q6e^
z8~3P!Qyk+1U|rr8%M*rnYA!4PU{1>C_Xll}DV#-Io-<xfJe?KH*kK=y(QFr^S!G4K
zE?Rl=e_UqD?D-!OdU2OjR2&wc*4Nd2HZZ8fd!k}U0}0V=R1Ga<<u15;0!XFLw`Z$C
z>&YqdGeCo128V<a3<!-SZdbODlNWFx6`W?Zoc^bb=@A?`%Fb|fZM5j^$3;M`Ju5SK
z__U!1JP^J&;kd4z0FMPKRe+eG>o~;o%nMWq!3%U39HVOo_4M?HfS^%!TA^JZreoWN
zZ>KKnalYLN5*di_)ulV&SN@b80iLfz$BUbjXy3uP`l$L*Zh3eL{<nSjYd#y&CxE?v
zM&~fvdejcx%JNkJus(1E^ijA<!qik%v7-B$LFE5AolOV1^0}SGSnm4;hj83NTd*U6
zA49ttwlyVQ4HESC<5cUOsJZdNGKH(1uR`|yThh&*ae0k6F_C>tF{77Fba9F(n)&uA
ztMToMc!m1*LS$>En!KC+j<>q;6-jgK5Q_n?$`r#LlGnq^dBVzg_Ggk+$Ypa(f6G*u
zUz$vp`I@gnw!s2qx4sm1d_u@mxJzZdAU>~1Kf=j=oMjqe``;TnZ-+|1*HqU2IhR4(
zUUCiMyfU2?&6;mdq#3EmaWA7=tfG9Kr;mL1vq*^~ixbG6GwTQ>_k%pEn0$-LQ%A<;
zFex<E875#wJ^~Z-yggu{0FekCmV?hHDMxLGP%#fpmPmP|cKl%YA<=fex$u0q<;~N4
zbJVc!4u{8;Hj;Q&eEMi#qi${3UZs5(;Yi9AnGNJ@`;xi8&T6ANHSS1j^f{j{`=Oz2
z@Miqc`j|^S*1C+oK3nw2D!J~>c)adVP5tRY_%9}hIp5|Q2EWOjk6kQVETSet;_aXK
zzN7863m@nhJRBcj;2@$-Ul&B=<EN*6Z@lXCu50aC{iQFUJH^$z*BW>4EKB11Z=v^i
zoE>g>fH4d(;A6MXi}bp-_RUV3pF|0vT*KH>Zyx3dXjKK(@8A;%*i?QkLS{)^zQ{l^
zJ^X057Dfv;M_fg&5q5@+L~DZ5&BZzq;VnJ0<HiE<VR|Sw`v3muS)$RZNjLv8!x*wi
zTd10t1@R8POKOSVFQ+Vcx&Lt&A!V$+pi2nmZ~ya;?~Mk6Xt53LS8?z0)mz21ou9a0
z%`F1gK6OV_{7{}Zji->#440Odj3M+#F?oSIKnlB2+(k0rCAJFfmD%dqQ8mQ1ksTdh
zkoGnrK_9Z#OqBOgi17C(Lb?(7VIKHm{x^>Ql3^MyqntwJk8zQi?qm&Dp_ds`pexHk
zZWy@L{D(8imE-ZeRE?^Od+oRW!A!Zbf3Me67%EgE+kZ;&?J@FkPIbL3&{DF+#RPe@
z?!j&1ufy%!Q!Jm}nuIU<s+Mk#1)rhqVtdedH2GN#bhIec?ceJ#FR@^9xs>aNGVuzp
z&<2I4KW}}1hm6flS*X?GRcoLaeq7PE`B5VX?JeIigVrbZPn!X3d412KImybI<oQX5
ze^fa(<=cKcm@J78i-&=_Y5?JwY6S+(+xGCDuOMTkqM{-N(i<Rjx|`9?L3pe+1)`|?
zWwn6n(+=@4PA3=fFrL)X)s^%176B-%Y!y1T1>GtIkxU<;n|N98EVT&%!O{r6UOZY_
zbj>Cf2U>_$s|yPlD**2n-jEHS9e@nVd7H18B?|9$1Xk7GFToEW^EyZ*NsFf4DdV~I
z`=)>+TGwACX|c_SH{;4hq!s=d6JoX`N-STdx?!f-%rnuDFSIp{t6H3k*7mUjhhZ<_
z;>KKA<%{=?xVhcHtuwOsm_uC@?lm%O?Ip3(FYoe@8T3yMP9X>fBr~tK42Z1gDhnsw
zs*riAmF&ve?S#fB-sWFxRAN2ux1>e=<yF`JuuMS>JOWoAZ!}Dev)s}OXsq=4jeSpB
zCJ_zUpB~2UZyV@pHy@trovPZsmmaT@L=Xmel33OwLPwrY)NG>L{1q7otfhkcdnw|0
ztY(zk{*Hy^G*wdT)Tj2nVQRYL0qdSLP(DdPEo!Y8XPe7nK_NzUe!?jBXj)1=PDB_3
z)jFQ6WZSM0iJzetRF!@oxg(?f`55VP(i~Ohg|7xg&y4nvPcTazW|~+sFm8Hxr_B<@
zhGOrc7GZh!C#8|D-~T~|;6TygsKxXVQk@VFrHVKpGI7|Ve?XPIZvrI4tLQT=>##;w
zy5u&Ye(3z%cC49$=@yZh#(Uy<j)4LZho-s@7&>Xp`tvDYE-Mf#k3NpljI4tZfY5ow
zP~7kb$!$+_jzKzpJ;TychVkVgVy!DJ_#Wd^Jkf;jmlMcjT<T_>204hdNWZ#SBu_AQ
zMKE8ePPCQt+V0DY{j9+jZ(P9YAk+SB#>1dKMU&E47MYHP#t`;7Wo=p99j&1Oxv=t+
zqjqTjwL^g44V;kMlufm76VUV0y4@<UJeG7IY|TmPvukm}ySMW61UY_KAy#RODj=xU
zIU9y76)ya+x~3i8cv<*w!Ab?og_a4J&lw^G-HZ?@)P<D7fI4AiURN^60W^(2v!}>w
zOkH@==@4rIh)#y-;UhQ2lxCf#KQ;}e%@LuAavzr7nnD{eVZ<KuuI(U`K&GF}@@<Vy
zFbBD?ugf1D9NFf$sN6El7f-e{A)X8DR7s!SO@&UL$tNbV-V~UXE4TZke#*WN>8w4M
zp^P+JR9100_BtOOem-8vvx}!ze}7o>pY=pkYER>Q&y!Ewm}wO61H6L<Jc;=e7KMsg
z!yq~>@OZrj4|~&PIN``9G8+Oe1>BhMj8xbSRIe~FGOogF+W<il;2wW~27BOUcsVyW
z$2p9!z0k}BBm<L?Opyps4iy%L3YuL)EK-T>&pt%H?g7#4k5W<rr7DH1t6w)qvPS0W
zEs42I(ZGbh0wPwF846{Z4*+P1hld9*frB%uK}`j`xcmRL!-Om>==MgDK|zbXW}P`U
zP%qOJPa3V$;P%RN&%<Uo1{>6Qj{>6=ApCTLUu6f}bP_lA2cL#r+q?5+;*+^8aDZ)!
z8Pw3MgObBSK>h`4D=xSaEw=IjCA8h;lckHiJbJL<XZ6iSWDJ1U0kq31faD0qAPZ~f
z6VDaP=FKyGC&%$QQH2Hz?Mg43`9ZQzPoB@|;?s!YyyHcTYA#cGm#yJ{CMC*s)TGth
zH@&T}*EW-{cAz%b<!ZqPC^}Mf@+4kGp0YVsZpY2G$BD>xJNPUMC5rdAlMaewQ))WV
zy%NLmffNKfBy@g_lo|<pr8~i-B$e@AjA5Vkw$9V$6{B`p)6J=C>cf0<uH#txKA#qU
zFRh4<ZZwcGcSPMX>=mF<Hd9WEt`|{ncTdo*{ynck3E};2cJlsrFN=ug%?1aln3Kqp
zq5>T{Y^C>TBr|HKBeZ;8$k@BldEVG$>_~5_l=oWnDQ0cX@qV;mePhZ*kH&3lF`n3C
zf7+$|bfn|@dy9Tu9n;iHX>v8s)6>hdWrN_G%!}RT^B=HsO`ad<IxR-Y!Eb30qY5Z;
z)@vOy#!Ohlc142o>0pRmLzM?i4u6^&Y-K2$e+{r`oTx<))7X#%_dV5xEpnbC2XuWX
z^XU#Bu0y-RVoB=do~8NW!Fk@o-P5@hSAw0sVncoTxHr(=iaB<v4g*X2r-f<hE}Zlk
zo?haNy!0`FPx4)+OPSOZhl;0Tk9f7NG}|YU{mB?gz0OXj5zOK2HOyUP0fxheh+x;i
z?)ZVkcWJiEp2iStFF6Vrdw=J$H<HIg%lp<(wX9Q<8XHeeFL^U(N4sKH*(X{z?0g!D
zs0Q9f(1+V?#R!`od^)bQw%)g?V+c>?rp>X8>YOYkDoXsoU*DzjfkfF~z%vfgEYu$?
zot7RWvDMTGM2zuVEHRPklrOgCA8SDcPC`Ay^mIY7BB~&=`6m>QKRMiA**!aYYK4#<
z&d?RuxCGh;^KCObU76(Dbx?G)5q<x~ZkCx!gmm!_g>r`)hsD3L>IF8@(ar!%sraG6
zMTTio2hdiJDz)G)7h%M6m9BOHR+XB}{4u5`ZSMyI<Dp%;iz2;EVOSy#Z4lW#=FLOd
zGaKhrJr-W?GkMk{0>e*5RU;c_@&Q9>p30L&f#ky~=3*2BWDI2LC(#?1_@RlBf^)k;
zyCEJXj(4%Zm?`i*7Mw_S+)MIA((9ZIDqc13HB`^F6O=OzU9a9{;cce=cZ45Xp!n`P
zE5hLKk?g=1S?a4w&KJP7bGiR-0VFU!J%0d^Ofa-Rf{lwIczDyjY6xMsn7-Em1453Q
za_}T4IA*5qWa4Q}%DcITBKpPcCQ9XiTcX;i&(wPc*ttP>ss!k70#}c(`?J*pQ$?Wl
z20XmSASMD(fqzQX$~bBNS3k2%f7Q6?LgIP357##b(*;x*o(e5a0n{FzAdO2(`XEfc
zl@mh#6_~@pnHK}rpYW9?Rp1*owrJ3BaSTv;;0oamQl?zH!bgxZ&N)M(7q)E|1aSPA
zB=TX~l|C%=ccI1Y?V{NtcIxXrR90U^vK+j<@9Qd(y&Ws_xcNS^X)Za&8l(QQ-z&Jg
zkhkOYed=zVlnOdo&OMw>bQ%L?=1wOKi*CQ;D|8i+K<X}0DD3oc1Ih6Rtvw6Xl*$&5
z=hpTpDDEFi@igZeiF=>jC^#xjvRvw)%+-5lz5ie@1~nEfg$43<avA%$I^-smV5&UJ
zIRByK(QU$JOm7z^*2)Y!xcl(vg~BGh1N(9dQy3R}?1(+|T?Z|CtX~c48`-v^vJ8Cw
z92o~@j&<MT26jA5IF{d^)Kiq~eF@C^lFI!kK^y5C(|UNLGkpa=5o{%^K(K?Uq9e<a
zRi{`T{q$_N?f&pxo<Y{d`o`gx-D^EabM~vekST{DlUGxltK9{CnYXMh#e{CCVXG`S
z29ui_-O)mR#d^1h>hh%`)l6FcikU*^o7e%qjun^Xf%4OA&=|xrrgJSk`yOJvyW=yS
zti-kYQJ7D;t1-omrmVC}bPg(^Cd^kY#>UC%8*5~$m1Rwnj}`(bg<szX1BKJjN`4q}
z(&gaFc&31rc~x>FUuTGCJfxnhQ>>wmvzULdDN3o=HO#?OEyA&dzhjp-&GnL>;I4Is
z*YRr3RN(+?1H#HNTpGqv!#w!6#*3U^H0xh04y2|n5>{!w%2$>~G{G_8+OlP*KSQ+T
z9O{R4zdj)yb}G4VQ{DX3Buwk#0C^qPuw1^#ur!<SWuuduvU@rIlpT{a30f7$E_VM5
zRHIcjQx5$iE05U4Dljli_6ag%-9zut`uBSc#yu)EJ4tOFj7M~DdxRynN4DDbI_>Hk
z^J6>H5bpdk0AYk~yuf9YJRjg8(y{`Y;(H(Zo<u1IpJ}!M_YAV8)CqszL%HfEUU?(X
z3!A1p!!^Kfom*4hv)R4NO+o&#Hh((z9}XH5s=d(>eUU3N7i89P<ECY7b@3s}+4q7n
z9D^f%f~hNAfPFK~c;B)%rHyZB-ctqmx>Wz532qSOGxOXYv|Rsjxcl)AN;@YT(s+Fr
z6s8btK7;e@Mvg9ES>T|w*m&<Ugi2s>4vovBoLLjbk#3RGEp+_B^Jswh2~k%xp4hHk
zrN+R-srb`tTI(F1&y|YHTAb9?GE%`uc~3sKyaZ23uLz3S6X3)dc-b)6MLbK7Y-kA|
zcuC=v-4$W81WADtZ`9tlv!H!Q1Em~rv16J3C>G=r5P3n1G92;;yjOs)1IXEpd-@X#
z3xgmx^6YxQcBIOB-t58`G{F9AvZs0mhj;=kpy0EOjSWE1Q`@?~In!#g%bCLjTM|Iz
z>{P1X2xn{m?0o|oswj9Xmy)E#uWvqT5;}QI;<=Y&N4%BugQc1jkF?pYJ7y`CQ6L+*
zHM<n+69*N1|8Frt_x<AW81)jWzi*JZ3XZsd#T;^@Nbt-H12gw5+3vJY+OXn>cMX#g
z5QW5o>+5KrXVKF(BssO{6t$dKjNg;jd1_vGL(+dp*_4B52&Pj#B{J_U(!fFV@8oN(
z)XyUunr`7#k_@*B1~HVp5GiOKc^pL12%;RzxezubfEc_&Znb`oCb!w{iYl9gX*h{e
zcB80#;TLPQ#5q_L16?QkdXZJseKY@3#Zi_oHBE@qY{|9e@VU9o&Svc|1MY({s>B<h
zgPL10emT%+n}yVOy^KCT!DM_;4mGGLji4zj<Z!-c^|%uLJ;3&%`V^|ve#&Ph7>u5F
zxDKgJv|rMKPM&QUczqA<6~^D?N={^@=vuf^M3TE2G}rLsIiEeR7@V|QstPK4x;xfu
zYFh7C6~W5Ng)-;%=ka+BKyn!<Y{#|-iuzvJRz~;EOzx&>w>dH;oKkdDNIaA7ajk#p
zlRD)tm}w|ke(C`$iI1souAiBCKI`XQPCzC2!QI^LdF6rmT4aW`@T2^zfbed)gT(F|
zJ)?6rw24agB#NsM6MN^lt1H@@F9vaa9TuA-B-;EXUH`Czb2xiLH?S-A@wW!_?Wd=T
z+&wk?|FzCtkDW>_U~{GD;saqrK&~Xr-iC0?m7T%O`vXa(mF-5VBIe1N8ZGP~R;mlf
zDI#r_cRe|(rlU!)=S*i_Q$J1mS@)-|1$!%2Ad-f*R$p1-@`4b?>JJI)uCKdyA;kkA
z0rLK5yihOEJcIOrgF+j=<YzpGUuWTaRthXUDY`57b5@;qFRhkDzMLhI5ky<dbG2~4
zvq7GbN6sxon9oJ9&|gaUYLF&xG5O_d2s`ZHHO>B|ql)&igmWrp=>+pHd*;iwGb!Ck
znl3OL;0j6OMNLv8o?RBX0~J{D8;cx*bW+I8S_~<zYsBaEmiyWNfUWCf?hr3)x*#<5
zMIN+!VVbS$?>H8hdV|uusl|_jwI!`$YEQvmt88dLdOgF9_e{wSys5=qpkl@?4_FYz
z`h#mn>goD_>_&XIJ6&fQ7uYYzIgoVdL*F2X_aiNktlWv;J+dS1hJ;@?JVQBJ?Wlb1
zd*=i~QS6}F89;u4#o81YlQa_nw6oy!Dru(`_Q1L~Q%Ofh7h>2=n)6e>Q%o6o?8{PK
z1~nc&KAaa*<#F*1j)MXI!#`Xj!cvS0tMD&^=SfS7GIIf$O4Rr63mK3a<g!FF!2AIC
zpmf(ieJBwL^_;Lr#GZtKFKPv-Bwu^N@ZofQaN)26p9oIZlgz<_uR#k63IMuq46y$`
z$woVc6(s>~l~kpE+eg~?gNmQV0Wj`|K2ekz?+@mmDp*?sdlw(d3|oBpL<NsO1jQ;V
z->K@kpE<Mb=O^|Rz4@m6B9uy0DU-7J0=M=e#<$eYzz9A15a9r&sqt2PB1^VL!{GIJ
zmVQ&k_oZH~oC@ch(yP#`E?ev?!SP1Lk4Bv1A+VRP95|`;LY;!T4NPd6Fe5s=UN6hH
zuQRT{4RC**;-y%o!Zp6D^vW5p>s7<@-DH4T6M-T2YGD>^;HB*Yuo_YIb&VvZ>a>&$
zm2e`l>^&7tRB=FSZ(&*73$^JTr*qL$_2e~Yb{0FQIm9;n%S|Yef+rTw+I8nuM6zzq
z4W<UZ-w&rSJ3Z%w3h1_Mq^fCU@iqRr=|5<E^A1^Vf=uUWmV}r;I%KPB4Sy*t$+w2&
z=hMKa%BlFy|D1dZ$6`MFB9L5omuaNjPX@@`u?DbTobr(Qi9fui(0IV6S3FTPnYyZ$
z#4LQ~JK7oh{2AICi+^<m)(Xtgc3<5CTSGR^z*2z=O!0k{sn^}9v<f>|h8|b^TdtAz
z-$Lk%Tz;HFJK0?o)3{J()0Q<1xPeV@D1E$B3yD9^5d$a$Xp9(V9etbC<{h<uSLJ%v
z_s%Lz2&hu&i!>pQEq{m>DF?3Z{@nOv@$X?4xSM#A*dBe$6JXg+!R-<s<>*^(v`m$m
z9W8qEXXNE3XT9uCNEP2S{9>}yju(DO*N;M6H|wu|L&-{}*HyDi{pzaz<aV0Cq3cCJ
z_*<tT9<m-Wt12<Wvj;Vl+l{mc7CwP`?mwY4v}Ueo_AY%`Ll&B!jZPHm9hL3u|145q
zaa^BmB9b}Cy}%E;?)grnX0KSO>Goy_Joz9kR(%=s-hFVrE{t95D69KVRBChw2&k$I
zE+(zEJy>ASB6WvJEzGg?t}9^QehZ0bDUmtrwb>f2m15{Tp)vIFmc!U`jw*iSkHMRy
zWtJQ9%0ObGe0}8ju6_vg;+8EYjirk!xCcwrIL8+eyFG1;Og^TG7iSpo&pY#L3-qIH
zEQVrn=&|RHI0dPfnfk=FkBX)cE~B>Btg9fXBEFGAW&h3oa|+{1KY>a(Jm@TP(~JdC
zM}t&KqP-u0sJEBeS_O}H%*5_e9E_gxgWg+^r*v<9U{wM41+WMFrm_v{Czr!VI=*!N
zry%xl9&to12i%25V7Gt1|1Tc=Bl}ugMPNJdHd@U$L;_XQ5%g)@{M-Xs^BTbM1iA8N
zpl$x>`FhYL3{Dqt2ay6x#S{>gfCHs0Y;53xaKPIYrt%$?WHZ#R{)%+e@gxf9P+M?H
z%uyP!c83A~GbrRqGVl>FF);xfm9CYlO8J`oFJzpy08S204~X*p+39H&Gt`yfyBsh`
z(|}G+a<H`oA+inN(r%dlU)%QA9#pV0O%ZfvtZch{4LHB>N}=8R@4cpJMhgGFmoPvR
ztFSE)Nc^muai0;6{9Fw!QuR!9l-gPKxgfdU%o}v@qCZ6UXY7of@jEyI8!?UVIX|SB
z=sv~=yX2+C@bE*-4d|J2758`{T?ub^&R2Q*GYsEOI9OZ_pzesqw>K&?@Ht`Cy(pOq
z|3XBgRWi(+pZbMJo3H7?>Y8fX9Icn_7@c9E9(&qeT%I0cIG%Q(;xp=EO4Q;|xDu9g
zroMuaCN>>SvGbp2PE}_E*4rS%BJ6zrr$Hp)i@!%GK~5xNV?|$#Gd>)qkEkUr-j)x<
zglOuCcq3rK(!3oH#%T4%5=&gwn9dCDVozrbY7d3(&!hIVz)ZnLxbSI&{484YaNK0Z
zB#_`hZ)%{;6*8EAf>~;2reN?_vBDR6WwqDPe}9mbR4m{6p_N0k<pt8-vnu9ziluYM
zB{#FTSbm=o4FlPc5rVm}N1LOwRK2~RR3<rkvOZK^*QNK%^<LjjE8ODq4Kjj_+dQ}#
z4-#y<W4*{HX`K8|&cBNzOZFt`+T<qWap^!5K1;|^lNNJc^!we8CiV4woMNnWJUH*q
z_7wW^2Q7*%lD(a?S4&UWy{)Kc6-*kC_O?h99+|MWwDCfH$<rc-(8kuDuZM?-uP$jd
zA!7Z91mR0ThTsNb?_u(jtIT1tcQPNn*0q7d(v0cMmCpPlAXI(e@6f^6a*3QM`W;`?
z@t7N%lBTnx^tynT0i0Mr_wN4e<TFfXk$$WOV~gu0wWdy1p^ESyFtBKk`wvB0^twcx
z{zW$9X%}G8tP$&^yTfH(n&^Fe7uK%ULzF|`=3w|Sr~f4nK^9<8S#SC1zW<>Dl_agS
zp7eH-4b!;NRNeSJ+>0l+i@&jYsPFqr#JD<JaLE6GA#thzg_ymRd2olUOKzJer(?R;
z#Mxr=&>8O$U@$}+<qK7%`D;15LgxxM<mCytTnpUHY{L#%2-;31(-#H0CWo;-wmdhy
zb>mHkm+-<d^68OD)<YuLV6E!`*w+cZ&#{Jf4ywMODO*1kmPH@>?t7*)Y@TCfz3_qh
zdde8u3N~LYe$LOGL&FzE&YgAN(H1ZG{+@A;6}gL!u}!O1byWmMH85{`=72Q^;VnLq
z{E+=X0<6hjjUac2Q1UwT<fBZcq-XxmPX&`ZEihV{7jEDZa0WoT&lRo*z>@QN3Hk)m
z-{2hi%%BI5HSP4gAgNB3<-Lhq9ZU7WRBhShcIm4915hl0d+PpX#8>_C5Kz4ZUlB0>
z{Yw$iMP&%LZL9qlj#m)uCk);0d`Yq1yhRE%0F?e2J=YA>l@cyr(8R0Ac?2q~bGo9Z
zXJ+6Ca8tG0=ZEcgHu~-x_`gF>9mn1i*3T!B*fdErqltiXuoP2)e+BVqnfDC=f>e`)
zJGx&2Z`Jp@pgC2>z{YAdEgO>{R@Ph08r0H9jNDzsJr=*0cCQbbbzKPBi}X|6x?X45
zma{HSCEzS%w+6d86)HlMxXF+Isaa3%+0T>yWkRZ);Fh{jD`Zb1upH7*x2#j_pBAL#
zFG69wezfawyO)+P)r~TBJ34PclM0Yc+<why%qL*T6)8^Pj!Wp|71Na4l;(>h-mJpV
z&d@PKRFJCrSJ_Lae5`w9;L#y7`3t}L6W?Y;UUqiuOW!BtLSoWIs-i62Cjv9Ci4ff2
z%CCQy-9MO!U>24Y3DJ3Din#1GKJq5B^1EU@>%(yRdYR>MnjV4P0s`ZM3n^^1&hzVe
z%D2y@Gp@Nu#MX(t1YPH(j`Yho2axE{EZ8shIkJR&M8Tg&YwdBL8tVWZUw5j?4w2__
zxZTLjO%{Spo6@#%O{Mna?_YY1{#PLM>L;m2#pUgI5_!{aLbAR}pKYfyLn_XJD6jRE
z8i~S6h=Ijb67>d697~RNnQdIs`PXa1X*w7=)rq;Z-?kAadGWW^x5D1iA!AJ4eji>B
z!j`6bb%f^Kth|533%wJ_W9&uQQ1Y1+i>A03F}mo)vpqClyCAcM)YT`D-%t+krFNem
z+Jk4lsnC{n=6uKm{FkFcnW`_gz%yyFl7c>j#uRSnQAC8xWF!aH5^bIs6RlfSwf|PZ
zq%t@cyPU*C(!3Wg-K)_HKQ&+nDNwN9v`+k8gM^Nf7T(&ojmM{@mGt#-iTY??;rP8?
zYI;>Ca9!&zmVE~c5cgpnO+|&jU)FN)qAM+pRr`qgl0KxUCUobQl0H7WKZL5^It5Fi
zq;>uG{}G(^=)4p&+FqLRn`1*V<co-X_-S&*$Xo?RKblYqtEvM-tB|C^x&X%qtX@wg
zoWtI~Bn^MC@1eBW#x?rdhfJ4fA^JGPdv-~iQcu@E5J1p_9WWszeLcki?o$z8Ta1*G
z@CKI-*6(tca;d+vm#7534DJ<>NW%jf3;Z|{uxT%C>Q4@1cb4hQ$(O_nx-s7|zgLV}
zUORf^LX1scdOMZ4a!SSNNRcp3asPtJdHIzg9V_PhfkULT<Ou&Dgpis+nL0u@;Z8Mm
z(k$^6^6z;Z*s$9W*^e#xaS`3mbb9`~L{{qfncx{h=Iu%8!o4$}o=YO<(DVFv&9CnD
zKU?Ftx^&|mBFX~F_K9@JP~&;na95F{o4@n!!KVUcSn0y$E<cW!N0wJwzouo`)-;w=
z0OvZ2e8usrkaT(lUS3ILW)e2-0L4YMz#SAWDPOt-1%_*3*<XdxOg(rP3IQY2e{~pk
zYqUR9{}esS3{s$zW*|f7%K|ZVg(f`Yj?FUj$uwC{8yAmj`3^$`bIf#1>xE)TQTavu
z;_+`4C+Lg2+bBxbRJl6suDz1k^TP5oB!t9cA61Ok3w0J8f({toMIE)j>d5G+oaM8P
zWk;EMQS@4#%+<Y6xn&YHfbX5eOW6xeMh6eEvUF|tZ`a&C3Y&PrLhZEvF<i&e$sG@S
zy1OK&Hxu5NaY<JP3qI*X6|mj-i1RG%n~U{yy!%t74H4}EgF-6n`v<Yu)U>q)yZNEP
zRH3C52r;Eqx6<PSqv*%Y)%~GPZ>p2=jF{bcYs%xw+a0I<9-}K+&74w|_NTZ_r#`m?
z4Fx-%UNdAdsJPG3WMK%c8dE@+t&GpNWu2SJo{({<>V(%9i_)-4%3EoVqvLkDwUAvV
zYvsx;O{;(YSo}6@;__XqH}Wj^AgR(v5F${n5>eZ-&Yn-*6%&WtL9YF~)e~oMVR`_p
z1&_Bi<k8r|*~>lC&szJ`+I3!b-g)9eT3aKLJmZC%Dq{OOY*yDXIB1=tIGP<Jatg3b
z&qs`;pM=|mlUIkx$|2QlkxXKuf7>imx7Dz6J@t_TvpH>!*MkXMcytC~Y1Ci4w!`SJ
z(4c0LCO@ACWqRC#wL?q3yy0ZFfQjSGKmgu5IS;~MVr7E0It7kPZXLYlLqQtsfJzb;
z_<dgYeX`Lj`6w3d8^aM~rafzd8Gb|Fqs5rz5goK!{A5+ImJ7-@it4A}tE<Tw6Oj95
zrvJl{kqW$`4INAZi_3Z_KB2%(mD8Dc6l5P`8&=j&*{?AAHwFig$sC0P)`UEj2Nx2)
zoIL;FN~A`<xw4k-jfR8%4aeX8E^hE&JUs5*@Lh$mYe9@V>8v#O=R0)Pr@GMIpHW}P
zJ>Gq73py72#z)q<%4Xk>O%tnW8~e%l;%dh7)wj<dGJTq0bL!nThK>4`(t=N*_IxDv
zP~df&V2X1}WYK8ZhLrGw6oY(=WDdgC&gWFyTGpj|iW2;nJ2*dk7~S*FL6{n#u+zIU
zpUnd^B12Jn95(r>c|4Xsyg(1mw+A+Y(GK4ymopG|dIWD|I1ZoPX?rvR*N(#LSOO@J
zif}(ctZ&T}2qf9o*sVyy-=*OC;KU653Z{R!s0c%S1PwYT@TyvHqX&qq15Z~dOXDaY
zSAjbNDBAO-dpHge%Liy$Q1k<Sg4Zmh<8JYYNYslTOai(f8Wl2h2NxFrl!g<?nsBBI
zXe$~9(kPss?OpM)rw7!{&;~yr8sdG4sg)f3hV(x}KN|eb@9!5!E2a$OpI;c}9}2E{
z=e8vgVvt!(APV2HTr0$*)ud<p?}|=%-*92PQb8>3EJE>6OuCpeM}Bx+PA<PQ$r5mA
z{EiKZFttHa=$Asp?ub6fkA=jA+QrQ-DL(r>=9u?|&WpF!Z<OCCzsObl(&%UY97q3&
zq-H31#&oJfx%g!t>dFb>l$paL7Q608eL7=bw;+#rq7{bYQiA|tHKvJ}5eP3)%V}Q8
zLyMKTJaL_C@bf}avkAXm<W@Fo(;;GLOQpxjF$MYRI_}Krlj0LBNmR>)neSnr&T4LM
zQRx;1!4OR@l#D1D^`(;H$ykn8p5)m#_bJBgyHM?$c!3LiacZ098hy9PUzKt<$13wx
z`R2c;DDEpdBwuQH<2vyWh>}}0xqETc2os&V3mC844V<3wMOVZyrwnGQw&fMh52&wn
z6~{Xp&H@L29D#r3t_rhI%(}qLH!(1mH!rTr?e5bb$y;=SeLJM3JVB_#d^t)DJ)%6q
z!7y5vb(<VKk`X8g9IsXU1zP7ctN1$oMXc|ShSkacqT6d10h3~1@;FUM4h?p2;=3jz
zbILQ9#*?`Q_4Z=<*sUmw!9Z6Rn(a7ChrVUu;a?7ySbyuPDTmU)>)*^3ZbS4&?F!T*
zfH8^54G>t_%GI{;_IL2|j#Cmi@M64@@F6OlM|AZ{SPp{VNrlNN(4#*X9JINo>wR!O
zx+`xRnXR34lx3+mekIdj46Uht9$=!AX%Yc!Ro``yn~zsk`((e9{0CW=Y@&|gU!m1?
z@LSiD6lFu}{cpwn4=?$#6*SJ;N^5$Q#kp~EakqJ-$+b=FvSLo{F5QOb#edBLduKbM
zp2dbBU0mj)R$t0X*g!YCuv*nj(?gL-N?LRiZ)B30cHB=X6C5uz6731e8QbWlGifU3
zl4)ECb9x%XX~ZCC_ALHuw`67{>mOa-Z)c(yb|D|z_gke8dVg)_ClvfC0^du)Qs#K)
zf_SN#SzbqQx98|Jqr?1{P|uL?2t5DuM?3joCJ*KGInsiw(T^!cNLi})SS)WxZFf5*
zow^+F5gxAUb9;VwB)IRVxQ~x~mHDKVdKMPazD(<piEDEiubf*1DHzK&!J}$vyz?IV
zv_EaGr73G?AD!VIL`d;2Jv-3et^;JA!yFF?r8@rZ2udP*vx*=Zbhm*uK}u@sYV_lF
zv?jdv<94zLbaQ!uO~BUTkq;lR7q^xbIs;qLo{_-T<|e#<h=`bYB{!UP)%J<^6bWAv
zt~;K9*uxq>2G~e$frp<q2|6}E-@3d^r2y~zgm-2K1O$L>#L(@J8IY`;t+P;>asxpB
zO(}|7tQ)UPHs2d4shCeX820@DD)aI2=qa<~9@=3H{1slnue}Law^J2-@LVM9ev|J8
zKyIM}2~0QO9%5GB04GfW*Jg++V-LuP{ObG*%0dSEL_t>vYzw$C8M(N)AiyOqCnskI
zLZ4@VN5js~|IyX8vBH%yyZ?C2(#r0HMo!MHDJpya`*FT#rEL6jx2d*Fk;>%Egeg{p
zQlj?0IRqsrcJGclW6Ub$AN$*NqO$l1jVNtHu2(o37I|Jc;lyPNg4PdHdKaUJcmz<1
z1-vHNPV47m%yzraKfJr{TBf4+I#=B`AVxx+z(+R5zPC80>m+$eOFho_J;I_$Rk&7H
zZ9fzxY8APwE+hdLi?c3-*7!&N@PH6baw!!PtjRp^MAVcEX*)jFUx?11uWO3e6Xury
zdC>EP;wK3Y^oe;;rSY{%M*5tcFUVTnWIdg-9yT47U*8~hImd8fPiAPhQ7$Zy%pX{n
zx9b?UKHnj><?<l)l(obCoa8K1h!kaa>@8Eh9iMf^kQ6DcUjR$ol;2O8a``Q)jJ2kX
zc*H!PH*eD<X`1Uf)cOY-1LPvOP4qZr2pMRC;zm@5jjRgI8@<<<IvBmZTapd4sEB1I
z^+U|LajBQ{nfMN5{iQVKC%}<Te;pSR{A$6IdgRH&J+ZN_sL4$$HQa*};_6Ixq^I}c
z=~rJAf`E-6e;<XgSGuCehTT*c^Gx}m!$}R=k$%F)Vp+}k$j@fyHzVEwNIsm&MtzpG
z>639^EER*Hi6*ntB=`Ca%-tFWsVlabX{+cAA>EGTS(>olAEu@0oX`h7_V-5|&%`qq
z*Ju*+Nh|bYS2{A4NBFLWIn++=3;rZYxTnVZZyJxfqEei$EH(X$Q`C5!Xh!Oy=;77a
zF&G_<$aR;NsyD2^TT@TfnU>T7aW8@LT@l{&At2rE>S2uBdY!MMQ3x~S-FVnQ1`h(>
z+fXo{j_3D<35HmUbk0PM9Q_cj@%W<dJ^Sl#J8|@qV3K8GK~n?Y5W|ZfzTcSnSGJ-$
z-?AwtXlWgtMwu|M9?97I#V&PfMSF(G3cJ<)F*2e_G$9k@Y=|~~>m3)dHyFyk6YAG-
zIO{)+qf)G?k>7uQBW6f2MeecDsYCX!4r;ISM7m<73eoJl>*)-?8U3i%C}Rlg6Cs<F
ztv~70MndjKGdO5@4eZd&$1W%59%fIJv+1`0XZfrOM6Oy|THL^+@3%}e$k%RfPvH#^
zbTOAxz92lsvW$6LqUeo^+<x2&wu+BCS&t~lQIK@oFG`W3m(|f0gjsNay^5lUv(gE<
z@4bDSy$7%vL_|mLIe=tzJp5pJw%{^vEvKlscL%pGz<CLvl>;>Q49(6aBi(mg)>qmC
zI|4%IrWNkB*zs?KTg_3SBS<_b8@0PT@H?tp<6p4rMt>#@d{g(G6!(6e<(KC#sL?Ml
zaB<18ZaVuUa;I*#jg9vO$E8K~Ox`?X8$?<B+HD==HPKIH(Hm(Bno$oaGCc^qRH?K}
zLWn0rc=y_!NTmEUO%0jSqf~U#EK%+~eoLf~^RkmfuHKtes{oU^|70D)=%%vNpJNsN
zqJ9(qCQ&jMUl-;2KVLkE;c-;|sB`DFzu%HB(T<;X0rG<XYD3Qwp<#eejtS;lPRM3y
zKyh5K0EClq{2Ur3BQ&6+7K{_@*ZuZV)fxq{BGKBsDpuL<PQ-TYvUS8{Xje+tr+*Ey
z^NUcc)%5#igZ=B*`Y;r69&OU0K@(zu_Q1B6p6;hND$RGXd;sZ6BgxNy!D^%8A82=S
zhBBb?Uk6sxwPr@?luMp7&#Su-k6hj5UwN&Omu0`+Gt!tJ$c;~?k3Nn?{g~^(^4A?U
z`qpLi74otA*Le6&$-w-(yZ?lK*7+W+f*piXTH`@whL04lgn?&bf;I7Y=$DDwH{bgH
zqxX#KUPHPhOEdB+{5VQ5NPzq4-MgAPxuQqHulUv^H1TZs=DJxm;S@%E4B2#hZ@#D0
zj9g(3+D~)}ERFtLF4yafc-WlA%bFeiO~=c9{O4mV*~_h2clJK9cH!=pP3oC*lbeio
zLEd`WW*={anM%yAMQ?ua=(_{tn(1|4)`*?DXIOZWiQ7!6pzd=SI=dd`ySSlp8Hdbu
z0|V$ux0FC88PnKLV3|tUTq~M%+&D${db)VU^^@8-@Xu92y+;M==3QrNo_kg#8Ag^6
z4K%(lK*bHb?%fQ>*LK!SY)G+w**g4NSanb`^Z!>vy@z-LZC{@>P1>nh7kYWR;F14#
zEstgw$G;p@rq+u>Hx?N<SCsM`GmW>zV<|4T+)v$7dIOhN5AmKJ>O2~V-uOI4^udn>
zA?5XwYMcv{&glv~-x~0RB4c9(jwbygQty2n>i#H3<NxD3n25*M9g8nqmcba*?sLz5
zo!2~bj@a~sSRsmI>8`+H-dqx&uc12%qwwK4t{ks^^s+65U73pRQ+qzfW0hc{zMESR
zH;w#r5%W^-TUh`mo0ThNNoQMqxrX&UiWx3dr54T0gOXw{o$dR4cy}K#A$8Z))oDKN
zgwxD8GZ2I?I6zrC>~!Cksh58RHe~Rm!n^%OM@N4*wqLL)m#79Y4N2BH?I;6NBoP@|
zxrfsR5}_`@s|f!F@yi}S!G)U(fCu`_XWdeCuECn5alzpgup&JKy$}X<+l+t<MU?~v
zX>4^`T3R>2cG%tp^(tq>Yv6rva&@=}u$BqvB)rS~7?Q}tVozSc<3LPCR?yhkxXM2Q
z4{Y8Yb!5SNQ3W>e_7*|^*AOsTf)5Ta1fs@4vFZ4~s=g{9u3*^~cb5=?26qVV?(VL^
z3Be&VXmE$%?(XjH4#Az^?gY2DbMBM#=5sz~clYe7E?KqKtJ^<(BoGyV04Dpxi;G1P
zqHvl<0aeCnBwv)^bKNo=mW0NQ6k6DxfQtL2bK=rSE3S__yZ9z3tUwq&D2C)QSm{SH
zPo=Itza=RtlX_+LD|zF$ZjV1C6V8+cF`O<QT?DjZFlh~8Iwh_|O@!EOf;hQsdtBAR
zW10v~DdwgNj8CXvwx_bHV8q>t7Aaxfr09Nr)oC1$ZCH|yE(-GYH48k436bs|`<>xo
zt^_|VPpJ4MJdB4T5}kQYMFW(~^d_Zeg;q}bXlUvs*V3lp{`_kh=$63CQ$v=nEplnl
zt+&zmw2Q@0bJ4^W&Xy=@C^TM7fiq{<6b9f<zWmV0-gm*jvV(=%UQldS{|VG^EYUxf
z1B&RCc-IgL&gA%@1F67TtmY*ehp<}c?*P+_$Z0A!1k2@%!4yiBWL6i>z>5=wJX)7?
z8|G{AeKy~*U$S_~moIfWak_w`VDb0qOalY{%Kj*wih7b`$%Wg|x$GB#y)T@GU)@{F
zZ)Rh!=MAw}I}pNstjTQ3cO3iN*~aKy41!p3{LU$@HGh~{f0Kv%D6)gmrbxOp)le!h
zc6^7@7boFHl4`-PwQzJ&0>M$d$olKh9y!3({y0Y5VKWWeERoWBIll0yp8Y857+#ZR
zwAHT@4v*Gf&8PG22LG)~%aX^-Iu-~j^jpZrc+O}it(6@62=tnF95OF1vi1m=r!E)U
zia=^oVLz%$4^lg6)_nN#LffKuTbxO!I{bM$|DIC3|Gh>bNTfKb_|cP8UhMqnlbMq5
zvp{|TjCrMO6WH7BrzXUdIrhY@IZ{k1!6C<c$_(Oy3=v)`5<kv`GJEASk8nE}4_da<
z@OW5@+NXP2<&RGdj`H)JU(Kke3`xnI@^4qyPUg@vUgqaFDLVAYIlp+8jw^2*q%Tky
z@poj>d(8Y@kn-ldN5Ng5Hrn*flK@;A<C#onZA<1icQ$wbTQeD_MdKJf^n=HdX)IXu
zjkU~8X2q(5uuOLP$iL?#Opfo<WI_U(yDbj>H)(otFGU*oOh<~2x^jM1U8y_MF;+%-
zX}XO5%ogxxI?Jx#I4hADLFq+lsy|t3f9=0{R@HaaHZ2PHy|G0<p)4X)kPG4QzNrOc
z+Bs+KFubCKOsw!D<wSP9r8hufQRyWbsH8<iSh`zad0?2_<_}hN;;w)`XTLA2S=l;p
zJMAKLbaX5jXBQL%?(gp}!oFaK!W5{6Zf%*IJR1C1A1FwYBymW|$k+qKLd6hz0LPJ%
zo^A%zB>;C+4aimeV`+kegKGw&_@kqvEdU@1fRtL>+Wv`Sk&~0xH#Io}@>&xft*9{6
zn<(h$bvE;K-?IGTV?70@y1OAVGBVh?xc>DRSXo(nfk943gQR~tq%OP@|9l3}BIR*A
z{pjW8<>KmkwHv2IR$vB5Zn3ko|HDJCtgbR*Fcp}&xWsE2f+dn>*W#3!l3IW|%D)8*
zT!7JMXJ`MhWiseBMgSP8WI#H@4;aPD1SqPi-OhBMo}V#Af3L2N0gnL#)OX9(CeQ#`
z9oiKC4N6^I9e~FQy1R2j15}IwNoZiD?u{a{p$A|9+3EkaW*As3pd#>3Gzi$_EKvRF
zLl+tc+Qi%dS@_Y(32<1a=~D?80v}n3KAn%0uwusvcE;m`DKp9NPoY~5MJOVOD&rn|
z%%!Q6l=Ys!()WH1Acy)cJLQ^bB2}pp02vga7W_BZlVUmsyf67FBR?gPNPbNGYd#)P
z+P4HX4&B=|$R?>@+LRbN89I~$)oLgnOIsh@4N)Bi`v^>4XlVqQKTAdUXjt@3hJkW>
z74<rzpSf&|N$bDYk1<3#eA<?pPJ^-I<CcTXjp^>|V<<#-`t%|bDg^b`JmTLIUf{8X
z;G1oV_R_~6@D~!@Q>giaH@E5+Ubl?;m}nMZZTS~W<PXOcU#CpXAcPXW?uvXaZx&Hw
zRg#Hq&Cvc%4HN#<=MJ+e-#?bOQp1B3e$Q1SNPB#*K1YXCa!d-%4qZYMfL%x}`a2py
zxC=uO;cfj=(AOb-bB=Y3)Zr5Om(adiCL5^oSKOD6HR6UUrcdUk;c`RQ>`}@Pq5;&}
zIq-ByyCKye6>gap7;;leNlD~*0WtyQ$3srFg7dOeW$0>pC5XJqKnw=^vFgIMsGx{%
z5Lu)`)be7>(znFp*Dwz|^Lftve}p7-WaTttD#U5?a;T<%;f$ftd(c^d#9|9)XW75Y
z$5_=XHJ3?>3XcR&w-3q7%p|ySmkCTzj<L3znrqtI2^d~JZuRiktqBb&1z+bI^bCyE
zwtKh|tv;VRH2pnjHYFX}7{NmA{T$<zd_%FW6MXV?{E(rcBjC^E3wSlKadG#nKR6Q~
z*<$t295Ic(_nPTp4SxCuk=Av}X$FiEVG;|8(9Szbh7k*HLmD>S`1Fl!C!mHw-x}wx
zNwoQ9N=eMCxqo!UT4z2o6W<;8i{3q+e*~OCTY0WfXD!1n)M?p19{CCef*NDcq@|af
z-&sdbQcTjKL~VzC@o<F{(i)HU=5YE{2_s@9QkRQoP|OB0w)r_e-DUSQR&-?iFgSKL
z5ynWlvzUG$&|rFWq6a@(=nvc26!ln}A&`uut?$YN)v&C3U5?YAWpzd2LA@zDxtbNT
zcuD8&c~qG_J|piezJzDp_>gT1O|ivbgr0wolJ-$2)6HxA)S$k)){h##uD3cAC2=a(
z2bEmX--d!YX1dw3N%+1q6#cGh#}i%vU@CtB7JK;I_1xCA12EBYLjYRlO<;ic?cr&$
zOA$~Y{PVQX^zi!U-3yqeSOS6>V3ezV=J@>F0t8A1suqBQ8a889&kGa;xP0#q^P-PC
zAhUqU^OTg7tudoFR*dGAmyxU&L_mL-Y_-Y$0B{}AZwuX7ugh6ify|yJ8%{pgaap_c
zMvq7k{}cwxBU=E$9e98@7grR)u6YYiQc|*cD~Mp&qR#Vq_0Rrn)*Jgjk!Aq=@lX6%
zv(+-)5stazFBTy2wX5|0SLt?e3*B=Q`sGIG{iglJ^TOlLPRE58bJWfy@HpQo@4LFE
z^;spMiPeoePW~xVKw@YOWa<DlJYGJP_~SIMQ}B?%!a`t>8v3`|9YtVlKRtYrT*;mV
zETY0NB$WdjM97yXyg?rX%NY4|lP#H>O#zRn`Q4rch%~mmwkBQmc8*XQ6Xco!vHpE9
zy{fuQvw>f~3@M%9v5kND=mO!z?T$&0#g=$ppv@zJ)415th_PDrkyO63CJ0pxjWtn~
zKhvu>jHOpy*r234vp>Fa6*|-q;|Uvgeg)jlL{Up~iRS-f37wPMRJ{aJoUEJD7vis+
z=daI)QbF0%vy`#2q?%EUZ`wa~zZG@Fw5i^Vzmd^t@oTm-hh~|YUYiw~S7BuDth6V0
zXt<c)*UuM!GP3Z@(^Ml(k`^C~DC6DfMnG^~iE`-O;U&Lh4k){D^mBlcf<C`4H#<-6
zr+)})A9oMUT*j(8HD}WaHZNo2RwNV_XG_KKMMPNhapA@cy!HA>K>vkbH(NP`?@|v%
zGoh*j&19wL(0VbJ{lxvmTD~kVA9^EKHRT@jw^oTbbSlk@OXqlAl_CqLUf2j-d6NU_
z_c}w`Sr8azGd~B2b|x(It+dlpi%zM!MAkfYSYz*LWVGj#H!A>3JgnGhuRKhD?uaw@
z2027sba9TI??|*B>sK1;3|&-K9<-m+ta02&UiQ|I8BECBDI~O<)Ve9^VKw)?xNtAg
zcwQK1QcHzB2&ONjnmvax6g3q-434qMfAH!LnHn?Vt-RHr<Dp36<(}AN3PxRYRq5TU
zw@9kUK=kHTMw#4zpR`t}_5uSgL(Lt9<3L8Ri+V_moRXIn&4U`r^R`@)3Gq>o_24G&
zjbG>!&E>XPN@YafYElt+aTKKppVa#vl(HIy^Kd1ciAOc+ve=@(k+D6xXU%l-r7LFB
z`Ci!<KG=WxmE2j7nyc0JNZ!%J(&4o9DfU8N$LVAXiVyCZUr;r-X`_IV(M{kbhukvR
zP2SqKr0ET++b1T?qvx$z&gFtaG1mJr$>}*}u<FU#^n!8=AG4MpR7S0O&u2IEOj+^=
zcBY3l9f>9n=k^QrXOBTNpI0NI7V6vs6;JB~Bk7xh>G9s#U>rt+*8fQJ`8)*s6sxWo
zp=JPyNc)k3eQhQYuZy%1IvN@)H#b7};UUdG>$GKf7~KO{U@Aa+PC8Xo5m8Z0$rqvo
z5jz)ygM)vklYrrjny5W~fPWtv8aj2cFBtvg$LlL{*2MQ9qEDY{H;4q>)erv3c(HPF
zN|vbSs?#|F0-<;3sFRnPf4Eqz0VbJLty@$`;Ts;3+xz>Ily~k6Q&ZC?Z8g`%uG}4L
z;-Mk2lz`kD%J|XEB#|dpZcR<1&z4UC^agVithO&m{c^6VLA;rYrJGw6rXbz$5XFEH
zmda23(s?aQ{*k0c4YD6n2xd_w2%zv!OnV1ak2KA?D_MNL)sT9AV69Y@V!)+XL=caQ
zsg$_$mtCT$(EJ`$f^=m@Q3*Pf#j4?hw3beX8z`a!hc{#7tjDN)v>xu+6mI)6EPXsJ
z!@tsxU!F{v$bIJ5|LN~f+E^n(hoP!I@wm;(*k*d7b}_7rpD^eX{*w#(j<IN}+%(zD
zeJS3bg^{>c>KV-)vgMN#bX?S&R%U05KYqIijm<K^*PtG$kTVfloEpEwT2vt)7v)br
z(qiaMF)2e7n$+UYM6T5ljWc*(xD-b~Jtxy5f%-+FpREby_ofsW4w7C#PJM=XbQH1c
zZ{otE<HGsIqomoW^x2V6M9Q8{SAhMxT6(cV0HMw{5}`9}V>&Z8k8$7-6iO}zMk>%A
zY+Vmg#>>|bEHTTw6w&TcaFtQiQIXQigPM}u>pz}m5-k_jEy~rk9;ayDozo=t`5p$H
z=Zx!0;tDC-D6DTGzNPTi!5<-{Vf-?}U*eWjh)SEPC>LjtQp}5>>?J=MxOdBhl}rbE
z8Qak5d|x3fVv=z({E<rUal-8?6FZf@(Qm0}zg;8-{ud}riaC4k4A3qxD_nU{FFLOu
z^QNlB@L6~aZf%f*iHVsUcHVS|`84zOuXX;UZj*l_Xs)K7C>X0_5AbI5sk02rrIz6>
zt@MAoKJY|x7TjhT#v^@IOp4LRm*Uo6j@us1#KD#rsmSqprOry*o1L1vZoH#dyenJ+
zvZMMBNvm+kfT-VXrEwtz*tmIk(J*Dll3ZdYYSXV0CyTcsbPN^42Q<0U*avIJqrW+A
zDiIrH{Ow1WkiOOw?$`{&m(FbuJrK(AYhO>$#zKAHDzB=o0LMgu0Ieo|uou5){jkDo
zPpIV3wcvqU{zLy0uQ#XaSN033J^1oBb?aqBG(Votm+-xm12ih;G2);z3Qf7L@^$Z1
z!7sUw-Cfr3Wv{e#7sr;h+-FJX@64Y+c~h)Wc16n@9*NDQ;@7+FrFQtalY9_!jY|AI
z$7fFCPq6omnr@~zetEI;j^m$%`9GKvVT1e=eYR>z|3BvXwF5z|E7<jW;C^if#4+N>
z%p2|hO#UlI;2@P7b!C=SwuV_|c_sGrh@8-OV$h5L_)eWn@IF50_Z4vfnVm#QO9=>!
zQ(br-@ByjME;-2~0tAp(0Mh2Q06$$6iO}S~riSaH!B8Nc;c&<OM)(1^9bl%)`e802
zJM#SJ-J6P<8pss%-ImQYmjIcO=(E+PxUs#5O?aVUVDc0A(fqo)IN(b*cJ_W?LY;0~
zhV~Jl&Id}p{JnrM;3VJ1723ZQ0a3<7H@sl=rtA=)LI~Q8k)pvt!X-!s@)dcY-*W#2
zNTGmr;3fEXf267Sg~hL=de==4FBp+&CsRXZzHuC7WJBWhx^f!t;;f7pGxNlH+*Q8p
zNnT-vfx#b>LoewN`GuT{k#pkO=AI}tK}uM(X~2r37oxak!vM>6MWGy*`@5Cl_|N%j
z91Jg??uYOx`4xluPuIowbY954I_3?09(+WIA^XN|qXgMxX1|kGMdz$jNrnAwN_@lO
z3-yFA%Z{~nK5-zF`}gzu&e|LpmF(>ce-=FW9zPY+T-JT$Ky!8%!$uddP6T5okEZ&R
zV^=c!HQpl{ItqW|H=@QJcNW=QcfW|qokp5HVYY^xN2bG*V4^+0Jgg9=+;l^+YUbm0
zRcxh<cSitcceiuQ=~qm`0ui!$dr^PyP+@M_YRtnbs%P6Wu|gRZkMSawlBnV@whG$X
zLc~eJ%zAur6lw|COYOL|D+=-$h3CNoXI2U`ofIR}(`3QH*YWKSE59OaRomIPR!rzV
zgZi%B-B;OqARBVY+KLs+AOpcNy0|C2e$I>a%2{qpY~0uljyFTR<_feR%9GxZqSG)O
z<&Re%y-0@+p?PZQvDxiqXI<RG#Ou_&FfiUYDPSYFXnCKh<oI37yWig)QPNgb_3IhN
z=Dl<pT`ZSoGPZm=&1r>rxyK@_Caww$;ykyO5f>ULj>?^XVezt|`P6yDZsAAA>BYXh
zrMfd6D%MqS$;CNZ?5zjita(vLO~;w()5!ff4wipYonYFlmGT(f8n|Nh>9kA?Z&giS
z&D_0znt3raN}cwbng|YG<J8{FQ=0gl;CMLB{dXP~8&g0hcuGiULS3fTQ6{!)V{P~j
z7heE^_9=E14W8}!9_2$agUqD0+;z+BCy<AIDn}${x%Xe~nCGByeir@B&}l3*2SvTu
zA9l7t%~gG~6K4iUG~DhE9)ZXrODXZF>_<x>S04xc4DXtl)KCg7!IMpiW`5+G-_szX
zzSr7(j52DUS#yXa8zPpcy^7$w-|)JW!I0PcfirAa7y5R{pn0#(HKeqD6lqC{W~32h
zYVy{M+_5A+12lb&g=%@EBOO}I8u|s2=gWJ?v}pDnSHiw%x6s?m?LIF2TbB(!Alb(z
z_-zu*b7+d#ox*JH;N68HL{rF_A}6-YlG>D$^+CI820q9FizCjq!P0g;${$O??LB{|
z6dBW=fKCCnb^J~((&t8S@TY4U#E*pTvjIc7_aBnAFa=VSwJ;0&JxhgC%|x{@*6O(}
z_N-_e+pqp@qQA5wI~t$pDUL+IN#aoib~ZDcVi?U&ArAYRr3zK5{+|RM=@QPrP95~S
z_y`I_`LnXMF4vDQ`>4bi?kbVsvd)~?cpQ~`np*Mf|6*fiug@HMW}hGI{i*uXHfdOr
z&T|y?JJNZe(`qP0fZHP?JmgB3Ak3=@FWF%`DgoAa3tW)1pqd!5VGo@7zO_bSr^PX0
zVuhl=a(1^{s7lczcTib$Dccz}^K`rJ6slk#PQ1WKPY)rvsRZ(l-Yv!~^k-uUsYI^7
zW-=6nlsTInimQ{@{_q)!A4QJhk81Nll0wLD7ks=!*w55{h(r@{rJiYzbkrWli;lMu
zt6&OlL@RDeiCJsfPYcwJtkj3-64~$)My#<n$&7M|^KI<~Y<-ktZ2IeX8DU)f2aY@6
z>egn2h7Mg)f?8qf%(LbrWh&3hc1Ce^5(~*q-!_#qpQCmkm#3jTsO1nK=?Sn9NPWh4
z=9weYBo?vcI9t+h7Y!(|&;(=gsQIa61=EtKTJq^ffFi%WZKUD~{^;XNc31bhzeHFk
z#a?%fev0#|>Pu3CYx%b*;TQit2|J$jgS$SkVcMPcV*2LU*epN-+oy*D@qTTV(gugT
zCZxX^V=6&~6dNgrWsBP7>o8Dj)$3NjSyv}Cr4a1&FADzrxjCQu0jn0AJMA!e5d6yH
z?Z6WK)1Xa|7Zg<gcc7ZhWG8lS@o0w`tBj5@H3!f+nKpwNzRvCG>b`r7hJFu(gS>Ls
zg2?VP;FjA!94SNmz=N6@YVF=$y=BiKS6-#iZ^quqvbOt;U|*(PlA|=gv4PnNnep=y
zJ3bUCe%7bDpa=DA-(hU#H5c1XPTDywRDOnT`~wy!^wx}_#HV>ziCI=+ZCg1uztFXa
zjj;$4IVl&huc*H`32ZTjH)4#bR9fhBVoQ;-Wm^-r{5-d(4oE~(lwQ4M9&v@g&&@e%
z7@JU<kF`K4Xp$K^Yl`{J(l{tVPOEp6&zoWF>Co;xN|VNz(+Hrk+Fu(gcz@BN_cCRN
zQj@|+RP4X!)T>op>_xz$7rta7v@O0)K^P7BXnV*NhM{I&cD(K0l<ZwB+dSHc8)+vF
zx+oHMlj*f)Mix)as7Bljq^ltR3+EtJ%q61j8ejOU7viahx*g|ItblT^?Wfa_mxUz1
zr_xF<9^6Hx@#6@s>J~~>-nGUNl0&ce!k3kn?E%a|HUp~i$hv*LgvnF=ltr|I<aDNG
zniT0fQBgg)u!fFXb~8eHBjkr*^BUhyq;DwQE?#gkgp3Mpb}j~ix6Td>Q+-v6;+)OB
zg#>4{D~AoAG(0R1tM!<z){=9<&S9-_u?#^lEP9EA6JTjto!Ru=@9X#*ow-rYZBQ7`
zRaKLhM#O}sVjf{yMRIGdU_8qP*zCueJlJ!A*qyB{erBb3n#XGPv)}1X4leI-1DMfT
zUF<3iC?gh0b#J9{)2y~f($_u}6+7oSWKAeIps(fPI<k{?3QiJAsTBsaXL;`xi%u^C
z$aUq`E?{u`umN5}Z6!~ST%5Vx`P9wM8{rf&^K_<LvnM#H%!3Vhv7z<>oJ(62PV<lA
zZfG&sCrf@!_GTcvt81VhXf(%P>1BR&S9KZ_&Lj%<vnSc*AJOAg?MaH&GP6R47dEGD
z`JUaa6okYtp!t>JVpi|smrH*owIHjDBn8NWv{*jruOaj04=uF{wraOnt)r#gZOb><
z1OlI(pWdIljS$~@MDmX@EA#@TyPydp2PfD<e^Zvdu`6D^)$0ytz1uQI-gXtz)_-~>
zk(jL`KKXN9n>jGEI)&0l)WFa-fZ54$>*k$Ii`O1!V#OyFQLjNCTBMiqb??rQ4MnpV
z6g7V!n1>_&Va*k)h=Z8vDN;7iREJ+9N#w7KAULcvXP>!(Xa&V|l(e_DV2I)^z5bzc
zGGQc1Me|!xBi)bkzi8ZLFm^^5GUH=)Iy;UfCJBZjOas9cEjflH!83K8SAuA@W-g<t
z5`|J$A6Jtdn{GnoMs^qEp~-FAGX~U(slp$1MfA_z<kJ8K^Rp{i^H+^)gOZY3#CFaS
zEp!Fi)w*kA=yz$ZKm^|=mK~{0oB%;<c(R{%h2#+qx|xFGQSReW&kx7`dZp>2zo*mk
zbCx;2!b9+WQpSKZGub5{pNDj2F^2NN{!8B-d24G^IR0DO_X^-M&5g$RrO@V5pMPkr
zFspo^iDD;@uLo9#@WDqet1S3jRLm4Iu;>a$NH`I=Y2+n8zpyPUXLV9Wy5UW~s(h=-
zF!GneYAHF_(KOa&G4v`@*1YzRE%v5F4uP|w;2~rF_B4axs)~8y_k6N(?&(d;tpYm*
ztPn5DSojX*{%CB0b#P+5e_12MKr#1m&4pZ?hDU^%8pKO<g6E`-!nKmU&BB#ibkgI9
zgKryLI6tRuKkUXz%(j6SzF`WTGtf*apbcLBn&Qki0~pXLH;$*2nVe;6nU+~|DVLZf
zXKc?I5ajS_Z@%R~c?`<27Z6UK$k#OR0cq1rxqTFzLNqbG(`*l66WT6M?9I~e^v%>x
zhE**y9s6>Ims9N+zGxhfZGN{eKDrhRiQ!mKrKD=@$x$>~))${Y7#m>t{i?jcpF-!Q
zq`xTE*071NDf=YzIn6$Q?_+v}?dfWDi?A$wR^kxu0&UtCQtB#x$aPGksL>$hr8rzx
z@pU{+sP;<8!%rvuxjaIPSVqZpQf`4OM7W%0G^wtj!zFS<(<uE@<zv|*3nxZ+wRIUy
z7^CU&SZc9q`VlKZdVp(LZRiZHJC%GFDtuzhI+})3?i5xdpAknILnOZSKo#mJ9ZFJS
zjlsfZ4kBS5{x?WXgXB#lGGYa4=ZUJsf)x~kkz%LDrC~A2x}VeICUYvZ#-<Kc@9>Vf
zmkZWuWU*q|QnK7JOuB^zbQ&DvzF)A73-OQ24StmR-NGba=gr+azLu1K+pEpdf@!!E
z3&n3FLnx$&_bRW9HPv36bQ0O7!1TtY&vb4#EbXY<N+4p|s0*P3SlIh#xm7mi{|>P%
z4dwhzpSdbtYjq?DBP<E89THs(w=sJng%Zims_^UARoSc0dmPna9QQP@fI+#k+&iFf
zV%QxzEYGc=XPv{_3;VDkN6v_;gFGgoR`;Qixlhs>b?#hT7xmU-%(T}^zBN(@U^y99
zAwXY;ZWx~siLkK@@G_h0jHu+%6;Zavmsp_W)O_Cdw^-iV;R@cH=47<VnywqZqtRqY
zO1Z3ndXr7uM`=n)6vP~sUi{*OX99Lv!E%ZdY@v--HQa8luBVr2?2#b7g$bFY|6mkQ
ztNM79;s(7*4%O*LChiXp-*##PD}s^cil<`eJ30V|UC3_^b6N)NlklS;-R0v+%V*Pq
zw!v=5&4e5s;y*$;<TOMat7);W*?Og1s0|WC^tvXx<AO?`T5%dIZv~>B;;`7$GXYCO
zY7&f{_oVn)8!(+NwGmfuY48a~dhzoS9NXRwY}QkNvGq!itN0w+0XZV`yQ8tP*%D{G
zI(8&l+IuNB*XLvg*;F;ZF^?JjHrBrDR)lIHHqGsg9H<|}wACKD<6-Veo$g8P)Q<VP
zfmc`=I>FzbYuod<#%LKaS$y2fhu4FV*Z7hTYGTOD5$$b}yWh-#o<{|n(=*t$bbL~b
z$Bl6O>ID>f&YRS9Z_#XLPNWx+$7__r;Jg^ak50sRxh<aJM{O;~$4*7Gx&T{$a&!_r
z8S(_-5~%z7%nbX&F{2fvqhXn_66$<N!lFU8K^1VN^&Nuc&mT{EsCnP6H{41LIWFm#
zb)-<|9-XLTm#>jSbm6z7hw1ECkwZPrRa8{#wKW(C378s{JHS;gE~(qcfPI^mmc9L=
z$)Xb&to=xDKFGfnh*l&vn9*upKSEb)fr)`rDxQO>`OH49b44R$9l~LYk&4R3s1o=t
z{lVhZ#@`C}%QhQLFaIrmToN&iEE|`t0a8Wr8%Q1n2id@ft{KXErW8tzgQ3f29$JPk
zd%1QZYUC3zdbheX5SxKG!_K_#QNdTpjS3O2V%R+*n~n-KZM&aStV=X$nzUbV%xfHH
z=J@!Pzic6B;{NIdcEdZ=hty8(l+$8j=bM)r?)MvNh~sV^{Pd_}ux4VNZnKTKes)n6
z0(lI%-}MdFm|${2t!=ysygGCgIc`EQEwtFt{GgTIEFE~3v!`~XrdI37wV^Dm8lDbU
zP`FS)<%mFn?K%9BU1zz9`(g&NYe>o>&-W+dxW-0;F?;I|6uzPjWVZC`=%RYdV%(*M
z+4;Kd8EGZ)EzD{8j+DeVUi$}@kSdV!o*Jpp?vOiGZ++nFMyyCg(?eKbwHAWQgLVp|
z4!(82mauw8NcAM9Max+a+7-7fx@j5Q6k+PusV(cgAXB$qR*5fdW?OMAaoRq%^tsb+
zUqAjH;bym!{_UU}*4iLr+F<Q{jZ0u28izvmFf*5ft@ai&H0KN(C6v5)_UE)NE|SU8
zv&A3EFX5IcQl{s%54KP?RzWUSzk{p~NI`j7V=RQ6%7+(?Qg-G`SQTh{wvJfeA5mRj
z7EvR4$KQ@ve-NVSJA3o$8<Sns6jI_poZXv&p2H&E?0P`cmIpnALfpwaTY0dmQJdSD
z?2EVNExdO`0eS$0NGRTNQ9JZ1SIK!45l&cRJWAv_tL5!bX8sA`l^pW@miV9~p5i5P
z%5z0o<WrG+00U21KIGehm>ve0H`!!Dh~!3{gkWvx;sEk(CdtVbFLu5A&*xP4oHvDE
z`~*j~;@lIZ>=rt65#O?NkcdZqnVJeVr^XcxI$PA3pBm77K;0OZjW8&~*Ct1Ai&L9H
znTh>bZMc+?ABI0cDp5pe6=(K{8zg^X&FatW+=x_q{b`uNlX!G-5lqV?&RfW9hd&su
ztxOt1(;hKu_I+jMG;J>=6G0BDG<hZ}53E&-_`v>69bI1Cdak@neVS5KGp>u4jZMos
zNrMh#d~LrFox^Mc`&oX9s|`Vp#0*DKd}=OqjhD!u#2|1%HVL1OF#Dr*s=4yLikH;w
zr=#%xGq@iWA-Wxu#RD5zA*F#v<8?;6-k&pb!+vN%Iz!oOW6d(eFW2d|vfBpLjFLkZ
ziENi+a2qUHP$VAo{&gQy$CqS?!5j{`wHR#@Of`r;sw<JZ%KVMqhtOve=#Fz`tVq9v
z#;IcSMepkus|67=5<eNpx`}}sR2_At$VU5BG98W7l{*<3*doNxrt#qTlp>jg*LrL4
zc8hvvsF{7MNs3eXuN3oC#ZzOvt~!0?d?G3&JsrPC+EQ!!NbMC)c#Y=B<-vjdD(9xZ
zy^5wAb9AQ$ILG4&3gi1@rz8^+A4I?gR<F@j$jc8srA8d4#CMj{yRplXe$^sAL~r|)
zaY{+apjK&{P`SPm#7~?B!{rXBc4srz0;-Q#BOt+WGT*f~);i{-WUm5wlj?G{+2?_X
zYvF3%FX{InIgi*b-a161-btVdb3Ao5us-YQy@+#AU$E3k*4IE^*WN%r;G4pVj&@)z
zO*N9>#e~qMa{2n|yvFwt;_Yn&tKyak?}sG-*oC-jLutz51E428zC3m$!(Vjb+e^qN
zj53zTfj9zp>zpU{;K~#>Y8-5ajrQF-xZp^f6p!|n)SCEH+1#JuO2$EcX6_y40h_-O
z!U*So(|u?x&ps$m_legPh!TgKG_iOqbdzK~M!#oTQ5ttTkhw9QdIkuy---aLc_XgU
z2Na*v<Amq(*3y2H6}Nsf<Z^&UISR_ZodH$pv&g3$2{NRvbD~z`|K>Fr9+uj}KjVvn
z@cVKR`HA*~yVcW%cKzH|{8Z}(IY>F8lZVcRGV7yPdCg0R#s-boNxG9sA~Q@>FXs#{
zzg3|rZV5{M^6Fu0#Cj@QXlYek!blKGFqj@P@F>8%VJ#Vjs~Dsf)@BD!#%lH*o(qm7
zXncnr%fyeWYo3>+V0KzY3b$oheuyDvK}<|g7u1SI_BvO>yIGFMy{?h`gf9FB@lYj`
z|J3fEqvopsLFqx8%S(-@$j7}7RkO=A^zOMU099*TPJhHn%&yv&;rCrQM4id4>N`XX
zey@D5^h|9`adk}0?+>3XgaQl3P40peRKD}_a!k66sJ7ZK8Op&0d2x<KZ3Wrj=uq|O
zor|%`YW*nW75e@ds$W=bxzXn^I=RZWek|xDG*fpybI30d@4-GxQcz;?2iIuyY`_hX
zbvyOmgpmhsO67@8z=c0V6J8x3XquQu2VxSxUNKWTHuz<qE2Jb>N=!d*2Ab-pl_8d*
zjnAX82|2q4gth1Wv=Bf>G&gb@%KS2Dfh=ir=$8FN*O02aob~ZUSu%NeU(dj79!*p!
z#AY2m(^8Ydid#UYuS5n*E`2oQCxcA-?h8>ggUtRNc)U~f>s<oY-i~S$Ez3#-T`N;A
z>HMj~ijf-&wSNcH`~8zUlhKFoy&3d!cErOs0Pd5RfR>Cxzmq=_qxu<?(i)Jheh2hQ
zvwa44iu}P?m7CuUteMV79G0(9EbAqic$K1X{=Lj@#ObE*^+PL(FpGcZulT%{!yKB>
zcR{;WzFunPFuyZhOO%$LJ@*Spf3G9h!PxnnKjjU{59iZ$6Dt!Xa{(L$?;4E`fvf>R
zN_p<zH6RXoByT-UE~~tEe2{(LA705UUd#O6A3A#EOp|bqh(&Uxw(ow<(mJG?JA74U
z`yGKHDjm!EK+{@@SeAtl8O2kU{Y3b!8{^_dK1CC|mS`NSuw0t79DA=4a~~i6gC=ar
z9qt&qd}c&z<p*}N;?jF5j{SxUh81mz!6GCv%^=w*xbDiyPReWUyakB7Pti4ghdrqw
z5DkV9F}V0Th?;whce$kq+ai&|Ho_)X1Uot%bM%lwTUpFL^o7eR+MWZWd`gfCUu<>~
zVDH%>Q4>bg<JwY^5&r0CqhV)DSRYmw8kZfm#C~gkVgPGxiD?c~cy<VT)Xv-qqxlO_
znZTJbxzh)rOj;`W+d@oZKzL1C?HVz5RgYhl@7!t^&`RDfE#mU3sr))z^dMshr!2Fn
zbg6mhH=~WnW^G+i5gVkhz;9I4pjS?R1#LU#)&Eq~{r+KZACJ~z4<=+HWS%47!V9n6
zkR&BclixpzZhT-<>mwNXCIym7LEFOb8=JSrCNlzcr926kfI@6H7rO;P0}4bm<Y{?n
z2knCyCgAj^M4oRu@2grR><g^o_{4~l2$oxl@{!Ite@~YUtMCn03wp|(RFY0fK*+Id
zhZ?A-Tx!11QjWNZ|3`%9$kW$PlAP3bd6MpQUw?(Q<Qf*NYf<10vd%aW4p+*}RDTwE
zExDV{hP-Tohuui0Xkt!Y&RW$g<R_|R{K(XvgF5Wb5V)O!Gc5B<O?6l%--mtmOg`hO
zXsl|AB7iUc=HbySv`$w||98fgUnRR<WVF3Pf~U6wDbU*E0X%DcA(1B{Q|w})pGY@u
zhYpiorpY%YcF<wgZSzq#gV2)D&}^Q>3M-RV#qf3IysN%hP})^<fzS}N82FBmnN=^b
z-hwbSu7_5FI(c5}FVrRZ=LcWm_F}sG<&$U|qG@;Yg#?Hf=o_k5?#*}l{3QrdZz6k3
zvb&}w$Zk=SZEKB{P+7z6uB#K9dyZ0-NE`LMPxHl+?<OVZsF4#B2R{sdosSsqnys_V
zIqTd-yQ}R{BTMajb6#!MSRw@<Sm4Fz6EdaU*X~6WRFu8n5ZFyVvQ97lGM4BV6YvMS
zMJGtN_%*o{HdpiY1+H69o<+bx8ZB`Qyl?RJl?K7|Ih%9-!zZ-J-3Ipqi9Zqi{=*y4
z&-^$}j;X&Cw`EXv(%e`T6=VkSZXql94<dCTomnImPB;c;FM!g@3~=6Fes$P%5l3)?
z;(|mMVaMR`eGippVA<))j(!)#^g#@p5P{XfUp($Ox+j6(Vtr9Fg66C$gM7t)W%@e=
z)iv&H^q>9yXX}4SQupr^qbJTXHXu*6og5csmK!4Nuc_pq^Z3x;$J1z&l#+!hC*a>G
zqiCM7q9(yWhBJX`*>q_sk;R90(Bi}LA3*zRH;hjV(%KIuoy5ITT%B6G&DuS=WV)yH
zMhY3V(JkK|{y)ojo*-L_17`s9{_bsoyjWRkns61k0aT=001Vhv)Q7_?#yA%kBK%+u
z1;mN;u1iM=Vh8w3gG~#JmO!ZY+9l5|H81audJIq{TzlEXOBTYM7W4x()a$&(o6csF
zuFn7d8~<lpWt2L5x=;)}Z56Hq7a1=1F3U<T7W#r7lGu8!<IJ1xYXB18UknTk;aD2y
zic6XLxlZ&H;v0$9oYqmCv83LEEb@o12VoZP=C3N}Z`+r(DVI1jckg_8ym{3(4|aNn
zdREwaWJDdQ@Unw_Nf7&^ef?MF6_<Xo3hunGNs$=k7njcV7CpVV)9!=YHcz|2XBZJt
zgyiMApB+lqnAx?tr^|&jDkuIt+=@>9_rmKzr9nAmem+}awehiu`F+wGJFn<bHJy|r
zX?!z4v#U>!cedR}LEyqjZE7=p=<Jo}UjY<|>TkE;YxN<eEXLAnDMqp~r+eqUrs0)?
z_W6NZVXu=MoJm5@s&TE8>ZYxEAz4XHE%^fPn+D@a(o<KZMA1d~O6A){hP{?{e-)--
z@;6j<s{?VZ;A$h~z`ce^FdXuY<M)5RG$(n1-99ic*pQdZkFmUXGdjWkvy_=YPFvA2
zYpWd#&>C1X87A(HH{y`!E_Mema9pMo4L&Ayu>IwrSmM&yzWB2?dXcG*F1#E}LXx_d
z*~df7r)z9gDK9pY!+186g31X)UT|A+MaPb|7Q}3i71d1iSrOx9QLYQMo8$x6vwaXp
zPm2_#@sF=t+u48gzi`Ls0a>m>>ErWaF;Lb2ACrD{x5`oInD!El_xvMxUPei&9V@Gx
z7^_7U#_tHwPIR(QSXam}9ga9C7zxO!p{dGx(#jxNNh28&GG9+s$=?hs`z{vBHlw*%
z7%1AwVi9K0T`8jcxfnc<)VcOKHCuD^LYcQu_SXB^m5YrEQQGoWe7|qx>0tc!sE!7=
z5B<il&865y#G&_J#&(gl@0?v@@rsR#NE;J+2-5E*m!U-a{VB6r?V55b`U4n5Gu332
zlEbt2TkpazV9%9_>onDv;=+;PU^>%LXFfSZUsmyStPXi3x`5f|VU$GZdHd<zG0}zf
zJaqddZN{G9QmcLmQn<mlTeR*z9ITY^?dC_$Nnj@6-u}<A%v)X6Ym@jO<qgPGF&JT1
zYV%!ai@==|1BMq>E>_8a&kUMtfnw$dAAmN<X<?{2C}ULNe2{Or5nhy^*6Q!0v%Fx8
z*R>|&Pu_=8x`e;HpB*;gKG2u$zoR2xKqlK$ZsN6AVgg=<q-cdS`@bIR=+aAmQMRtc
z&*|j3T@&N{ELigvIZ{v(F0ryqN9g#}jwmf1e88R9m*PqLc?Yig45sc`g5t;Ly~qvy
z$NfdYE=$D@?fV2aJaF-peUNwD5V(_A7r})Yu9|r;gF17cnRT`+`N#j=Ca`1PFN`p`
zWs@)1;GpVj>=Q1Eq(UY#N+!%GZaf^}GPK#<-h(q}{(xPoqerfb=kc51`Mw69HXXm}
zu53o2d1ExMY4lT*p}(v1^+a&;=Ffi)7qu}QAEy5T&*`kB<#z7>9qa49)t90db$-38
zE7!8v??>U{qWVGPjS$PD>ZMTcuhMR^N*fO=mRUY4o>xI#%M9e{hR|>CAL>7nzJ)_P
zr3(4{pKFMtblRSoapfXw6jFp6L3=gEO38?Zum)91ABG`vfKbedZJ20Bh{yf@$|Jaf
zfAM7kpA~KCTlf2)Oz#+xpWu#<zuw0n-d4K*zoQ5K@yA6r2$m|!?rWv;Z;A~?O{Acz
zcm|Qti{aQc@TIc{)p&qX=N5{!@e5M-+Xd{y`+Ef&#avgCUo`~qk&#douM{=*`(Jg9
B>Z<?%

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/langs/en.js b/yunxi-ui-admin-vben/public/resource/tinymce/langs/en.js
new file mode 100644
index 0000000..27337c3
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/langs/en.js
@@ -0,0 +1,419 @@
+tinymce.addI18n('es', {
+  Redo: 'Rehacer',
+  Undo: 'Deshacer',
+  Cut: 'Cortar',
+  Copy: 'Copiar',
+  Paste: 'Pegar',
+  'Select all': 'Seleccionar todo',
+  'New document': 'Nuevo documento',
+  Ok: 'Ok',
+  Cancel: 'Cancelar',
+  'Visual aids': 'Ayudas visuales',
+  Bold: 'Negrita',
+  Italic: 'Cursiva',
+  Underline: 'Subrayado',
+  Strikethrough: 'Tachado',
+  Superscript: 'Super\u00edndice',
+  Subscript: 'Sub\u00edndice',
+  'Clear formatting': 'Limpiar formato',
+  'Align left': 'Alinear a la izquierda',
+  'Align center': 'Alinear al centro',
+  'Align right': 'Alinear a la derecha',
+  Justify: 'Justificar',
+  'Bullet list': 'Lista de vi\u00f1etas',
+  'Numbered list': 'Lista numerada',
+  'Decrease indent': 'Disminuir sangr\u00eda',
+  'Increase indent': 'Incrementar sangr\u00eda',
+  Close: 'Cerrar',
+  Formats: 'Formatos',
+  "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": 'Su navegador no es compatible con el acceso directo al portapapeles. Use las teclas Crtl+X\/C\/V de su teclado.',
+  Headers: 'Encabezados',
+  'Header 1': 'Encabezado 1',
+  'Header 2': 'Encabezado 2',
+  'Header 3': 'Encabezado 3',
+  'Header 4': 'Encabezado 4',
+  'Header 5': 'Encabezado 5',
+  'Header 6': 'Encabezado 6',
+  Headings: 'Encabezados',
+  'Heading 1': 'Encabezado 1',
+  'Heading 2': 'Encabezado 2',
+  'Heading 3': 'Encabezado 3',
+  'Heading 4': 'Encabezado 4',
+  'Heading 5': 'Encabezado 5',
+  'Heading 6': 'Encabezado 6',
+  Preformatted: 'Con formato previo',
+  Div: 'Div',
+  Pre: 'Pre',
+  Code: 'C\u00f3digo',
+  Paragraph: 'P\u00e1rrafo',
+  Blockquote: 'Blockquote',
+  Inline: 'Alineado',
+  Blocks: 'Bloques',
+  'Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.': 'Pegar est\u00e1 ahora en modo de texto plano. El contenido se pegar\u00e1 como texto plano hasta que desactive esta opci\u00f3n.',
+  Fonts: 'Fuentes',
+  'Font Sizes': 'Tama\u00f1os de fuente',
+  Class: 'Clase',
+  'Browse for an image': 'Buscar una imagen',
+  OR: 'OR',
+  'Drop an image here': 'Arrastre una imagen aqu\u00ed',
+  Upload: 'Cargar',
+  Block: 'Bloque',
+  Align: 'Alinear',
+  Default: 'Por defecto',
+  Circle: 'C\u00edrculo',
+  Disc: 'Disco',
+  Square: 'Cuadrado',
+  'Lower Alpha': 'Inferior Alfa',
+  'Lower Greek': 'Inferior Griega',
+  'Lower Roman': 'Inferior Romana',
+  'Upper Alpha': 'Superior Alfa',
+  'Upper Roman': 'Superior Romana',
+  'Anchor...': 'Anclaje...',
+  Name: 'Nombre',
+  Id: 'Id',
+  'Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.': 'Deber\u00eda comenzar por una letra, seguida solo de letras, n\u00fameros, guiones, puntos, dos puntos o guiones bajos.',
+  'You have unsaved changes are you sure you want to navigate away?': 'Tiene cambios sin guardar. \u00bfEst\u00e1 seguro de que quiere salir?',
+  'Restore last draft': 'Restaurar el \u00faltimo borrador',
+  'Special character...': 'Car\u00e1cter especial...',
+  'Source code': 'C\u00f3digo fuente',
+  'Insert\/Edit code sample': 'Insertar\/editar c\u00f3digo de prueba',
+  Language: 'Idioma',
+  'Code sample...': 'Ejemplo de c\u00f3digo...',
+  'Color Picker': 'Selector de colores',
+  R: 'R',
+  G: 'V',
+  B: 'A',
+  'Left to right': 'De izquierda a derecha',
+  'Right to left': 'De derecha a izquierda',
+  'Emoticons...': 'Emoticones...',
+  'Metadata and Document Properties': 'Metadatos y propiedades del documento',
+  Title: 'T\u00edtulo',
+  Keywords: 'Palabras clave',
+  Description: 'Descripci\u00f3n',
+  Robots: 'Robots',
+  Author: 'Autor',
+  Encoding: 'Codificaci\u00f3n',
+  Fullscreen: 'Pantalla completa',
+  Action: 'Acci\u00f3n',
+  Shortcut: 'Atajo',
+  Help: 'Ayuda',
+  Address: 'Direcci\u00f3n',
+  'Focus to menubar': 'Enfocar la barra del men\u00fa',
+  'Focus to toolbar': 'Enfocar la barra de herramientas',
+  'Focus to element path': 'Enfocar la ruta del elemento',
+  'Focus to contextual toolbar': 'Enfocar la barra de herramientas contextual',
+  'Insert link (if link plugin activated)': 'Insertar enlace (si el complemento de enlace est\u00e1 activado)',
+  'Save (if save plugin activated)': 'Guardar (si el componente de salvar est\u00e1 activado)',
+  'Find (if searchreplace plugin activated)': 'Buscar (si el complemento buscar-remplazar est\u00e1 activado)',
+  'Plugins installed ({0}):': 'Plugins instalados ({0}):',
+  'Premium plugins:': 'Complementos premium:',
+  'Learn more...': 'Aprende m\u00e1s...',
+  'You are using {0}': 'Estas usando {0}',
+  Plugins: 'Complementos',
+  'Handy Shortcuts': 'Accesos directos',
+  'Horizontal line': 'L\u00ednea horizontal',
+  'Insert\/edit image': 'Insertar\/editar imagen',
+  'Image description': 'Descripci\u00f3n de la imagen',
+  Source: 'Enlace',
+  Dimensions: 'Dimensiones',
+  'Constrain proportions': 'Restringir proporciones',
+  General: 'General',
+  Advanced: 'Avanzado',
+  Style: 'Estilo',
+  'Vertical space': 'Espacio vertical',
+  'Horizontal space': 'Espacio horizontal',
+  Border: 'Borde',
+  'Insert image': 'Insertar imagen',
+  'Image...': 'Imagen...',
+  'Image list': 'Lista de im\u00e1genes',
+  'Rotate counterclockwise': 'Girar a la izquierda',
+  'Rotate clockwise': 'Girar a la derecha',
+  'Flip vertically': 'Invertir verticalmente',
+  'Flip horizontally': 'Invertir horizontalmente',
+  'Edit image': 'Editar imagen',
+  'Image options': 'Opciones de imagen',
+  'Zoom in': 'Acercar',
+  'Zoom out': 'Alejar',
+  Crop: 'Recortar',
+  Resize: 'Redimensionar',
+  Orientation: 'Orientaci\u00f3n',
+  Brightness: 'Brillo',
+  Sharpen: 'Forma',
+  Contrast: 'Contraste',
+  'Color levels': 'Niveles de color',
+  Gamma: 'Gamma',
+  Invert: 'Invertir',
+  Apply: 'Aplicar',
+  Back: 'Atr\u00e1s',
+  'Insert date\/time': 'Insertar fecha\/hora',
+  'Date\/time': 'Fecha\/hora',
+  'Insert\/Edit Link': 'Insertar\/editar enlace',
+  'Insert\/edit link': 'Insertar\/editar enlace',
+  'Text to display': 'Texto para mostrar',
+  Url: 'URL',
+  'Open link in...': 'Abrir enlace en...',
+  'Current window': 'Ventana actual',
+  None: 'Ninguno',
+  'New window': 'Nueva ventana',
+  'Remove link': 'Quitar enlace',
+  Anchors: 'Anclas',
+  'Link...': 'Enlace...',
+  'Paste or type a link': 'Pega o introduce un enlace',
+  'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?': 'El enlace que has introducido no parece ser una direcci\u00f3n de correo electr\u00f3nico. Quieres a\u00f1adir el prefijo necesario mailto: ?',
+  'The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?': 'El enlace que has introducido no parece ser una enlace externo. Quieres a\u00f1adir el prefijo necesario http:\/\/ ?',
+  'Link list': 'Lista de enlaces',
+  'Insert video': 'Insertar video',
+  'Insert\/edit video': 'Insertar\/editar video',
+  'Insert\/edit media': 'Insertar\/editar medio',
+  'Alternative source': 'Enlace alternativo',
+  'Alternative source URL': 'Origen de URL alternativo',
+  'Media poster (Image URL)': 'P\u00f3ster de medio (URL de imagen)',
+  'Paste your embed code below:': 'Pega tu c\u00f3digo embebido debajo',
+  Embed: 'Incrustado',
+  'Media...': 'Medios...',
+  'Nonbreaking space': 'Espacio fijo',
+  'Page break': 'Salto de p\u00e1gina',
+  'Paste as text': 'Pegar como texto',
+  Preview: 'Previsualizar',
+  'Print...': 'Imprimir...',
+  Save: 'Guardar',
+  Find: 'Buscar',
+  'Replace with': 'Reemplazar con',
+  Replace: 'Reemplazar',
+  'Replace all': 'Reemplazar todo',
+  Previous: 'Anterior',
+  Next: 'Siguiente',
+  'Find and replace...': 'Buscar y reemplazar...',
+  'Could not find the specified string.': 'No se encuentra la cadena de texto especificada',
+  'Match case': 'Coincidencia exacta',
+  'Find whole words only': 'Solo palabras completas',
+  'Spell check': 'Revisar ortograf\u00eda',
+  Ignore: 'Ignorar',
+  'Ignore all': 'Ignorar todos',
+  Finish: 'Finalizar',
+  'Add to Dictionary': 'A\u00f1adir al Diccionario',
+  'Insert table': 'Insertar tabla',
+  'Table properties': 'Propiedades de la tabla',
+  'Delete table': 'Eliminar tabla',
+  Cell: 'Celda',
+  Row: 'Fila',
+  Column: 'Columna',
+  'Cell properties': 'Propiedades de la celda',
+  'Merge cells': 'Combinar celdas',
+  'Split cell': 'Dividir celdas',
+  'Insert row before': 'Insertar fila antes',
+  'Insert row after': 'Insertar fila despu\u00e9s ',
+  'Delete row': 'Eliminar fila',
+  'Row properties': 'Propiedades de la fila',
+  'Cut row': 'Cortar fila',
+  'Copy row': 'Copiar fila',
+  'Paste row before': 'Pegar la fila antes',
+  'Paste row after': 'Pegar la fila despu\u00e9s',
+  'Insert column before': 'Insertar columna antes',
+  'Insert column after': 'Insertar columna despu\u00e9s',
+  'Delete column': 'Eliminar columna',
+  Cols: 'Columnas',
+  Rows: 'Filas',
+  Width: 'Ancho',
+  Height: 'Alto',
+  'Cell spacing': 'Espacio entre celdas',
+  'Cell padding': 'Relleno de celda',
+  'Show caption': 'Mostrar t\u00edtulo',
+  Left: 'Izquierda',
+  Center: 'Centrado',
+  Right: 'Derecha',
+  'Cell type': 'Tipo de celda',
+  Scope: '\u00c1mbito',
+  Alignment: 'Alineaci\u00f3n',
+  'H Align': 'Alineamiento Horizontal',
+  'V Align': 'Alineamiento Vertical',
+  Top: 'Arriba',
+  Middle: 'Centro',
+  Bottom: 'Abajo',
+  'Header cell': 'Celda de la cebecera',
+  'Row group': 'Grupo de filas',
+  'Column group': 'Grupo de columnas',
+  'Row type': 'Tipo de fila',
+  Header: 'Cabecera',
+  Body: 'Cuerpo',
+  Footer: 'Pie de p\u00e1gina',
+  'Border color': 'Color del borde',
+  'Insert template...': 'Insertar plantilla...',
+  Templates: 'Plantillas',
+  Template: 'Plantilla',
+  'Text color': 'Color del texto',
+  'Background color': 'Color de fondo',
+  'Custom...': 'Personalizar...',
+  'Custom color': 'Color personalizado',
+  'No color': 'Sin color',
+  'Remove color': 'Quitar color',
+  'Table of Contents': 'Tabla de contenidos',
+  'Show blocks': 'Mostrar bloques',
+  'Show invisible characters': 'Mostrar caracteres invisibles',
+  'Word count': 'Contar palabras',
+  Count: 'Recuento',
+  Document: 'Documento',
+  Selection: 'Selecci\u00f3n',
+  Words: 'Palabras',
+  'Words: {0}': 'Palabras: {0}',
+  '{0} words': '{0} palabras',
+  File: 'Archivo',
+  Edit: 'Editar',
+  Insert: 'Insertar',
+  View: 'Ver',
+  Format: 'Formato',
+  Table: 'Tabla',
+  Tools: 'Herramientas',
+  'Powered by {0}': 'Desarrollado por {0}',
+  'Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help': '\u00c1rea de texto enriquecido. Pulse ALT-F9 para el menu. Pulse ALT-F10 para la barra de herramientas. Pulse ALT-0 para ayuda',
+  'Image title': 'Titulo de imagen',
+  'Border width': 'Ancho de borde',
+  'Border style': 'Estilo de borde',
+  Error: 'Error',
+  Warn: 'Advertencia',
+  Valid: 'V\u00e1lido',
+  'To open the popup, press Shift+Enter': 'Para abrir el elemento emergente, pulse May\u00fas+Intro',
+  'Rich Text Area. Press ALT-0 for help.': '\u00c1rea de texto enriquecido. Pulse ALT-0 para abrir la ayuda.',
+  'System Font': 'Fuente de sistema',
+  'Failed to upload image: {0}': 'Fallo al cargar imagen: {0}',
+  'Failed to load plugin: {0} from url {1}': 'Fallo al cargar complemento: {0} desde URL {1}',
+  'Failed to load plugin url: {0}': 'Fallo al cargar URL del complemento: {0}',
+  'Failed to initialize plugin: {0}': 'Fallo al iniciar el complemento: {0}',
+  example: 'ejemplo',
+  Search: 'Buscar',
+  All: 'Todo',
+  Currency: 'Divisa',
+  Text: 'Texto',
+  Quotations: 'Comillas',
+  Mathematical: 'S\u00edmbolo matem\u00e1tico',
+  'Extended Latin': 'Latino extendido A',
+  Symbols: 'S\u00edmbolos',
+  Arrows: 'Flechas',
+  'User Defined': 'Definido por el usuario',
+  'dollar sign': 'signo de d\u00f3lar',
+  'currency sign': 'signo de divisa',
+  'euro-currency sign': 'signo de euro',
+  'colon sign': 'signo de dos puntos',
+  'cruzeiro sign': 'signo de cruceiro',
+  'french franc sign': 'signo de franco franc\u00e9s',
+  'lira sign': 'signo de lira',
+  'mill sign': 'signo de mill',
+  'naira sign': 'signo de naira',
+  'peseta sign': 'signo de peseta',
+  'rupee sign': 'signo de rupia',
+  'won sign': 'signo de won',
+  'new sheqel sign': 'signo de nuevo s\u00e9quel',
+  'dong sign': 'signo de dong',
+  'kip sign': 'signo de kip',
+  'tugrik sign': 'signo de tugrik',
+  'drachma sign': 'signo de dracma',
+  'german penny symbol': 'signo de penique alem\u00e1n',
+  'peso sign': 'signo de peso',
+  'guarani sign': 'signo de guaran\u00ed',
+  'austral sign': 'signo de austral',
+  'hryvnia sign': 'signo de grivna',
+  'cedi sign': 'signo de cedi',
+  'livre tournois sign': 'signo de libra tornesa',
+  'spesmilo sign': 'signo de spesmilo',
+  'tenge sign': 'signo de tenge',
+  'indian rupee sign': 'signo de rupia india',
+  'turkish lira sign': 'signo de lira turca',
+  'nordic mark sign': 'signo de marco n\u00f3rdico',
+  'manat sign': 'signo de manat',
+  'ruble sign': 'signo de rublo',
+  'yen character': 'car\u00e1cter de yen',
+  'yuan character': 'car\u00e1cter de yuan',
+  'yuan character, in hong kong and taiwan': 'car\u00e1cter de yuan en Hong Kong y Taiw\u00e1n',
+  'yen\/yuan character variant one': 'Variante uno de car\u00e1cter de yen\/yuan',
+  'Loading emoticons...': 'Cargando emoticonos...',
+  'Could not load emoticons': 'No se han podido cargar los emoticonos',
+  People: 'Personas',
+  'Animals and Nature': 'Animales y naturaleza',
+  'Food and Drink': 'Comida y bebida',
+  Activity: 'Actividad',
+  'Travel and Places': 'Viajes y lugares',
+  Objects: 'Objetos',
+  Flags: 'Banderas',
+  Characters: 'Caracteres',
+  'Characters (no spaces)': 'Caracteres (sin espacios)',
+  '{0} characters': '{0} caracteres',
+  'Error: Form submit field collision.': 'Error: Colisi\u00f3n de campo al enviar formulario.',
+  'Error: No form element found.': 'Error: No se encuentra ning\u00fan elemento de formulario.',
+  Update: 'Actualizar',
+  'Color swatch': 'Muestrario de colores',
+  Turquoise: 'Turquesa',
+  Green: 'Verde',
+  Blue: 'Azul',
+  Purple: 'P\u00farpura',
+  'Navy Blue': 'Azul marino',
+  'Dark Turquoise': 'Turquesa oscuro',
+  'Dark Green': 'Verde oscuro',
+  'Medium Blue': 'Azul medio',
+  'Medium Purple': 'P\u00farpura medio',
+  'Midnight Blue': 'Azul medio',
+  Yellow: 'Amarillo',
+  Orange: 'Naranja',
+  Red: 'Rojo',
+  'Light Gray': 'Gris claro',
+  Gray: 'Gris',
+  'Dark Yellow': 'Amarillo oscuro',
+  'Dark Orange': 'Naranja oscuro',
+  'Dark Red': 'Rojo oscuro',
+  'Medium Gray': 'Gris medio',
+  'Dark Gray': 'Gris oscuro',
+  'Light Green': 'Verde claro',
+  'Light Yellow': 'Amarillo claro',
+  'Light Red': 'Rojo claro',
+  'Light Purple': 'Morado claro',
+  'Light Blue': 'Azul claro',
+  'Dark Purple': 'Morado oscuro',
+  'Dark Blue': 'Azul oscuro',
+  Black: 'Negro',
+  White: 'Blanco',
+  'Switch to or from fullscreen mode': 'Activar o desactivar modo pantalla completa',
+  'Open help dialog': 'Abrir di\u00e1logo de ayuda',
+  history: 'historial',
+  styles: 'estilos',
+  formatting: 'formato',
+  alignment: 'alineaci\u00f3n',
+  indentation: 'sangr\u00eda',
+  'permanent pen': 'bol\u00edgrafo permanente',
+  comments: 'comentarios',
+  'Format Painter': 'Copiar formato',
+  'Insert\/edit iframe': 'Insertar\/editar iframe',
+  Capitalization: 'Uso de may\u00fasculas',
+  lowercase: 'min\u00fasculas',
+  UPPERCASE: 'MAY\u00daSCULAS',
+  'Title Case': 'Tipo T\u00edtulo',
+  'Permanent Pen Properties': 'Propiedades del bol\u00edgrafo permanente',
+  'Permanent pen properties...': 'Propiedades del bol\u00edgrafo permanente...',
+  Font: 'Fuente',
+  Size: 'Tama\u00f1o',
+  'More...': 'M\u00e1s...',
+  'Spellcheck Language': 'Corrector',
+  'Select...': 'Seleccionar...',
+  Preferences: 'Preferencias',
+  Yes: 'S\u00ed',
+  No: 'No',
+  'Keyboard Navigation': 'Navegaci\u00f3n con el teclado',
+  Version: 'Versi\u00f3n',
+  Anchor: 'Ancla',
+  'Special character': 'Car\u00e1cter especial',
+  'Code sample': 'Ejemplo de c\u00f3digo',
+  Color: 'Color',
+  Emoticons: 'Emoticonos',
+  'Document properties': 'Propiedades del documento',
+  Image: 'Imagen',
+  'Insert link': 'Insertar enlace',
+  Target: 'Destino',
+  Link: 'Enlace',
+  Poster: 'Miniatura',
+  Media: 'Media',
+  Print: 'Imprimir',
+  Prev: 'Anterior',
+  'Find and replace': 'Buscar y reemplazar',
+  'Whole words': 'Palabras completas',
+  Spellcheck: 'Corrector ortogr\u00e1fico',
+  Caption: 'Subt\u00edtulo',
+  'Insert template': 'Insertar plantilla'
+})
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/langs/zh_CN.js b/yunxi-ui-admin-vben/public/resource/tinymce/langs/zh_CN.js
new file mode 100644
index 0000000..f9d8b5c
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/langs/zh_CN.js
@@ -0,0 +1,389 @@
+tinymce.addI18n('zh_CN',{
+"Redo": "\u91cd\u505a",
+"Undo": "\u64a4\u9500",
+"Cut": "\u526a\u5207",
+"Copy": "\u590d\u5236",
+"Paste": "\u7c98\u8d34",
+"Select all": "\u5168\u9009",
+"New document": "\u65b0\u6587\u4ef6",
+"Ok": "\u786e\u5b9a",
+"Cancel": "\u53d6\u6d88",
+"Visual aids": "\u7f51\u683c\u7ebf",
+"Bold": "\u7c97\u4f53",
+"Italic": "\u659c\u4f53",
+"Underline": "\u4e0b\u5212\u7ebf",
+"Strikethrough": "\u5220\u9664\u7ebf",
+"Superscript": "\u4e0a\u6807",
+"Subscript": "\u4e0b\u6807",
+"Clear formatting": "\u6e05\u9664\u683c\u5f0f",
+"Align left": "\u5de6\u8fb9\u5bf9\u9f50",
+"Align center": "\u4e2d\u95f4\u5bf9\u9f50",
+"Align right": "\u53f3\u8fb9\u5bf9\u9f50",
+"Justify": "\u4e24\u7aef\u5bf9\u9f50",
+"Bullet list": "\u9879\u76ee\u7b26\u53f7",
+"Numbered list": "\u7f16\u53f7\u5217\u8868",
+"Decrease indent": "\u51cf\u5c11\u7f29\u8fdb",
+"Increase indent": "\u589e\u52a0\u7f29\u8fdb",
+"Close": "\u5173\u95ed",
+"Formats": "\u683c\u5f0f",
+"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u6253\u5f00\u526a\u8d34\u677f\uff0c\u8bf7\u4f7f\u7528Ctrl+X\/C\/V\u7b49\u5feb\u6377\u952e\u3002",
+"Headers": "\u6807\u9898",
+"Header 1": "\u6807\u98981",
+"Header 2": "\u6807\u98982",
+"Header 3": "\u6807\u98983",
+"Header 4": "\u6807\u98984",
+"Header 5": "\u6807\u98985",
+"Header 6": "\u6807\u98986",
+"Headings": "\u6807\u9898",
+"Heading 1": "\u6807\u98981",
+"Heading 2": "\u6807\u98982",
+"Heading 3": "\u6807\u98983",
+"Heading 4": "\u6807\u98984",
+"Heading 5": "\u6807\u98985",
+"Heading 6": "\u6807\u98986",
+"Preformatted": "\u9884\u5148\u683c\u5f0f\u5316\u7684",
+"Div": "Div",
+"Pre": "Pre",
+"Code": "\u4ee3\u7801",
+"Paragraph": "\u6bb5\u843d",
+"Blockquote": "\u5f15\u6587\u533a\u5757",
+"Inline": "\u6587\u672c",
+"Blocks": "\u57fa\u5757",
+"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002",
+"Fonts": "\u5b57\u4f53",
+"Font Sizes": "\u5b57\u53f7",
+"Class": "\u7c7b\u578b",
+"Browse for an image": "\u6d4f\u89c8\u56fe\u50cf",
+"OR": "\u6216",
+"Drop an image here": "\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64",
+"Upload": "\u4e0a\u4f20",
+"Block": "\u5757",
+"Align": "\u5bf9\u9f50",
+"Default": "\u9ed8\u8ba4",
+"Circle": "\u7a7a\u5fc3\u5706",
+"Disc": "\u5b9e\u5fc3\u5706",
+"Square": "\u65b9\u5757",
+"Lower Alpha": "\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd",
+"Lower Greek": "\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd",
+"Lower Roman": "\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd",
+"Upper Alpha": "\u5927\u5199\u82f1\u6587\u5b57\u6bcd",
+"Upper Roman": "\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd",
+"Anchor...": "\u951a\u70b9...",
+"Name": "\u540d\u79f0",
+"Id": "\u6807\u8bc6\u7b26",
+"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002",
+"You have unsaved changes are you sure you want to navigate away?": "\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f",
+"Restore last draft": "\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f",
+"Special characters...": "\u7279\u6b8a\u5b57\u7b26...",
+"Source code": "\u6e90\u4ee3\u7801",
+"Insert\/Edit code sample": "\u63d2\u5165\/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b",
+"Language": "\u8bed\u8a00",
+"Code sample...": "\u793a\u4f8b\u4ee3\u7801...",
+"Color Picker": "\u9009\u8272\u5668",
+"R": "R",
+"G": "G",
+"B": "B",
+"Left to right": "\u4ece\u5de6\u5230\u53f3",
+"Right to left": "\u4ece\u53f3\u5230\u5de6",
+"Emoticons...": "\u8868\u60c5\u7b26\u53f7...",
+"Metadata and Document Properties": "\u5143\u6570\u636e\u548c\u6587\u6863\u5c5e\u6027",
+"Title": "\u6807\u9898",
+"Keywords": "\u5173\u952e\u8bcd",
+"Description": "\u63cf\u8ff0",
+"Robots": "\u673a\u5668\u4eba",
+"Author": "\u4f5c\u8005",
+"Encoding": "\u7f16\u7801",
+"Fullscreen": "\u5168\u5c4f",
+"Action": "\u64cd\u4f5c",
+"Shortcut": "\u5feb\u6377\u952e",
+"Help": "\u5e2e\u52a9",
+"Address": "\u5730\u5740",
+"Focus to menubar": "\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f",
+"Focus to toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f",
+"Focus to element path": "\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84",
+"Focus to contextual toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355",
+"Insert link (if link plugin activated)": "\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
+"Save (if save plugin activated)": "\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
+"Find (if searchreplace plugin activated)": "\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
+"Plugins installed ({0}):": "\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):",
+"Premium plugins:": "\u4f18\u79c0\u63d2\u4ef6\uff1a",
+"Learn more...": "\u4e86\u89e3\u66f4\u591a...",
+"You are using {0}": "\u4f60\u6b63\u5728\u4f7f\u7528 {0}",
+"Plugins": "\u63d2\u4ef6",
+"Handy Shortcuts": "\u5feb\u6377\u952e",
+"Horizontal line": "\u6c34\u5e73\u5206\u5272\u7ebf",
+"Insert\/edit image": "\u63d2\u5165\/\u7f16\u8f91\u56fe\u7247",
+"Image description": "\u56fe\u7247\u63cf\u8ff0",
+"Source": "\u5730\u5740",
+"Dimensions": "\u5927\u5c0f",
+"Constrain proportions": "\u4fdd\u6301\u7eb5\u6a2a\u6bd4",
+"General": "\u666e\u901a",
+"Advanced": "\u9ad8\u7ea7",
+"Style": "\u6837\u5f0f",
+"Vertical space": "\u5782\u76f4\u8fb9\u8ddd",
+"Horizontal space": "\u6c34\u5e73\u8fb9\u8ddd",
+"Border": "\u8fb9\u6846",
+"Insert image": "\u63d2\u5165\u56fe\u7247",
+"Image...": "\u56fe\u7247...",
+"Image list": "\u56fe\u7247\u5217\u8868",
+"Rotate counterclockwise": "\u9006\u65f6\u9488\u65cb\u8f6c",
+"Rotate clockwise": "\u987a\u65f6\u9488\u65cb\u8f6c",
+"Flip vertically": "\u5782\u76f4\u7ffb\u8f6c",
+"Flip horizontally": "\u6c34\u5e73\u7ffb\u8f6c",
+"Edit image": "\u7f16\u8f91\u56fe\u7247",
+"Image options": "\u56fe\u7247\u9009\u9879",
+"Zoom in": "\u653e\u5927",
+"Zoom out": "\u7f29\u5c0f",
+"Crop": "\u88c1\u526a",
+"Resize": "\u8c03\u6574\u5927\u5c0f",
+"Orientation": "\u65b9\u5411",
+"Brightness": "\u4eae\u5ea6",
+"Sharpen": "\u9510\u5316",
+"Contrast": "\u5bf9\u6bd4\u5ea6",
+"Color levels": "\u989c\u8272\u5c42\u6b21",
+"Gamma": "\u4f3d\u9a6c\u503c",
+"Invert": "\u53cd\u8f6c",
+"Apply": "\u5e94\u7528",
+"Back": "\u540e\u9000",
+"Insert date\/time": "\u63d2\u5165\u65e5\u671f\/\u65f6\u95f4",
+"Date\/time": "\u65e5\u671f\/\u65f6\u95f4",
+"Insert\/Edit Link": "\u63d2\u5165\/\u7f16\u8f91\u94fe\u63a5",
+"Insert\/edit link": "\u63d2\u5165\/\u7f16\u8f91\u94fe\u63a5",
+"Text to display": "\u663e\u793a\u6587\u5b57",
+"Url": "\u5730\u5740",
+"Open link in...": "\u94fe\u63a5\u6253\u5f00\u4f4d\u7f6e...",
+"Current window": "\u5f53\u524d\u7a97\u53e3",
+"None": "\u65e0",
+"New window": "\u5728\u65b0\u7a97\u53e3\u6253\u5f00",
+"Remove link": "\u5220\u9664\u94fe\u63a5",
+"Anchors": "\u951a\u70b9",
+"Link...": "\u94fe\u63a5...",
+"Paste or type a link": "\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5",
+"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f",
+"The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp:\/\/:\u524d\u7f00\u5417\uff1f",
+"Link list": "\u94fe\u63a5\u5217\u8868",
+"Insert video": "\u63d2\u5165\u89c6\u9891",
+"Insert\/edit video": "\u63d2\u5165\/\u7f16\u8f91\u89c6\u9891",
+"Insert\/edit media": "\u63d2\u5165\/\u7f16\u8f91\u5a92\u4f53",
+"Alternative source": "\u955c\u50cf",
+"Alternative source URL": "\u66ff\u4ee3\u6765\u6e90\u7f51\u5740",
+"Media poster (Image URL)": "\u5c01\u9762(\u56fe\u7247\u5730\u5740)",
+"Paste your embed code below:": "\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:",
+"Embed": "\u5185\u5d4c",
+"Media...": "\u591a\u5a92\u4f53...",
+"Nonbreaking space": "\u4e0d\u95f4\u65ad\u7a7a\u683c",
+"Page break": "\u5206\u9875\u7b26",
+"Paste as text": "\u7c98\u8d34\u4e3a\u6587\u672c",
+"Preview": "\u9884\u89c8",
+"Print...": "\u6253\u5370...",
+"Save": "\u4fdd\u5b58",
+"Find": "\u67e5\u627e",
+"Replace with": "\u66ff\u6362\u4e3a",
+"Replace": "\u66ff\u6362",
+"Replace all": "\u5168\u90e8\u66ff\u6362",
+"Previous": "\u4e0a\u4e00\u4e2a",
+"Next": "\u4e0b\u4e00\u4e2a",
+"Find and replace...": "\u67e5\u627e\u5e76\u66ff\u6362...",
+"Could not find the specified string.": "\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.",
+"Match case": "\u533a\u5206\u5927\u5c0f\u5199",
+"Find whole words only": "\u5168\u5b57\u5339\u914d",
+"Spell check": "\u62fc\u5199\u68c0\u67e5",
+"Ignore": "\u5ffd\u7565",
+"Ignore all": "\u5168\u90e8\u5ffd\u7565",
+"Finish": "\u5b8c\u6210",
+"Add to Dictionary": "\u6dfb\u52a0\u5230\u5b57\u5178",
+"Insert table": "\u63d2\u5165\u8868\u683c",
+"Table properties": "\u8868\u683c\u5c5e\u6027",
+"Delete table": "\u5220\u9664\u8868\u683c",
+"Cell": "\u5355\u5143\u683c",
+"Row": "\u884c",
+"Column": "\u5217",
+"Cell properties": "\u5355\u5143\u683c\u5c5e\u6027",
+"Merge cells": "\u5408\u5e76\u5355\u5143\u683c",
+"Split cell": "\u62c6\u5206\u5355\u5143\u683c",
+"Insert row before": "\u5728\u4e0a\u65b9\u63d2\u5165",
+"Insert row after": "\u5728\u4e0b\u65b9\u63d2\u5165",
+"Delete row": "\u5220\u9664\u884c",
+"Row properties": "\u884c\u5c5e\u6027",
+"Cut row": "\u526a\u5207\u884c",
+"Copy row": "\u590d\u5236\u884c",
+"Paste row before": "\u7c98\u8d34\u5230\u4e0a\u65b9",
+"Paste row after": "\u7c98\u8d34\u5230\u4e0b\u65b9",
+"Insert column before": "\u5728\u5de6\u4fa7\u63d2\u5165",
+"Insert column after": "\u5728\u53f3\u4fa7\u63d2\u5165",
+"Delete column": "\u5220\u9664\u5217",
+"Cols": "\u5217",
+"Rows": "\u884c",
+"Width": "\u5bbd",
+"Height": "\u9ad8",
+"Cell spacing": "\u5355\u5143\u683c\u5916\u95f4\u8ddd",
+"Cell padding": "\u5355\u5143\u683c\u5185\u8fb9\u8ddd",
+"Show caption": "\u663e\u793a\u6807\u9898",
+"Left": "\u5de6\u5bf9\u9f50",
+"Center": "\u5c45\u4e2d",
+"Right": "\u53f3\u5bf9\u9f50",
+"Cell type": "\u5355\u5143\u683c\u7c7b\u578b",
+"Scope": "\u8303\u56f4",
+"Alignment": "\u5bf9\u9f50\u65b9\u5f0f",
+"H Align": "\u6c34\u5e73\u5bf9\u9f50",
+"V Align": "\u5782\u76f4\u5bf9\u9f50",
+"Top": "\u9876\u90e8\u5bf9\u9f50",
+"Middle": "\u5782\u76f4\u5c45\u4e2d",
+"Bottom": "\u5e95\u90e8\u5bf9\u9f50",
+"Header cell": "\u8868\u5934\u5355\u5143\u683c",
+"Row group": "\u884c\u7ec4",
+"Column group": "\u5217\u7ec4",
+"Row type": "\u884c\u7c7b\u578b",
+"Header": "\u8868\u5934",
+"Body": "\u8868\u4f53",
+"Footer": "\u8868\u5c3e",
+"Border color": "\u8fb9\u6846\u989c\u8272",
+"Insert template...": "\u63d2\u5165\u6a21\u677f...",
+"Templates": "\u6a21\u677f",
+"Template": "\u6a21\u677f",
+"Text color": "\u6587\u5b57\u989c\u8272",
+"Background color": "\u80cc\u666f\u8272",
+"Custom...": "\u81ea\u5b9a\u4e49...",
+"Custom color": "\u81ea\u5b9a\u4e49\u989c\u8272",
+"No color": "\u65e0",
+"Remove color": "\u79fb\u9664\u989c\u8272",
+"Table of Contents": "\u5185\u5bb9\u5217\u8868",
+"Show blocks": "\u663e\u793a\u533a\u5757\u8fb9\u6846",
+"Show invisible characters": "\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26",
+"Word count": "\u5b57\u6570",
+"Words: {0}": "\u5b57\u6570\uff1a{0}",
+"{0} words": "{0} \u5b57",
+"File": "\u6587\u4ef6",
+"Edit": "\u7f16\u8f91",
+"Insert": "\u63d2\u5165",
+"View": "\u89c6\u56fe",
+"Format": "\u683c\u5f0f",
+"Table": "\u8868\u683c",
+"Tools": "\u5de5\u5177",
+"Powered by {0}": "\u7531{0}\u9a71\u52a8",
+"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9",
+"Image title": "\u56fe\u7247\u6807\u9898",
+"Border width": "\u8fb9\u6846\u5bbd\u5ea6",
+"Border style": "\u8fb9\u6846\u6837\u5f0f",
+"Error": "\u9519\u8bef",
+"Warn": "\u8b66\u544a",
+"Valid": "\u6709\u6548",
+"To open the popup, press Shift+Enter": "\u6309Shitf+Enter\u952e\u6253\u5f00\u5bf9\u8bdd\u6846",
+"Rich Text Area. Press ALT-0 for help.": "\u7f16\u8f91\u533a\u3002\u6309Alt+0\u952e\u6253\u5f00\u5e2e\u52a9\u3002",
+"System Font": "\u7cfb\u7edf\u5b57\u4f53",
+"Failed to upload image: {0}": "\u56fe\u7247\u4e0a\u4f20\u5931\u8d25: {0}",
+"Failed to load plugin: {0} from url {1}": "\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25: {0} \u6765\u81ea\u94fe\u63a5 {1}",
+"Failed to load plugin url: {0}": "\u63d2\u4ef6\u52a0\u8f7d\u5931\u8d25 \u94fe\u63a5: {0}",
+"Failed to initialize plugin: {0}": "\u63d2\u4ef6\u521d\u59cb\u5316\u5931\u8d25: {0}",
+"example": "\u793a\u4f8b",
+"Search": "\u641c\u7d22",
+"All": "\u5168\u90e8",
+"Currency": "\u8d27\u5e01",
+"Text": "\u6587\u5b57",
+"Quotations": "\u5f15\u7528",
+"Mathematical": "\u6570\u5b66",
+"Extended Latin": "\u62c9\u4e01\u8bed\u6269\u5145",
+"Symbols": "\u7b26\u53f7",
+"Arrows": "\u7bad\u5934",
+"User Defined": "\u81ea\u5b9a\u4e49",
+"dollar sign": "\u7f8e\u5143\u7b26\u53f7",
+"currency sign": "\u8d27\u5e01\u7b26\u53f7",
+"euro-currency sign": "\u6b27\u5143\u7b26\u53f7",
+"colon sign": "\u5192\u53f7",
+"cruzeiro sign": "\u514b\u9c81\u8d5b\u7f57\u5e01\u7b26\u53f7",
+"french franc sign": "\u6cd5\u90ce\u7b26\u53f7",
+"lira sign": "\u91cc\u62c9\u7b26\u53f7",
+"mill sign": "\u5bc6\u5c14\u7b26\u53f7",
+"naira sign": "\u5948\u62c9\u7b26\u53f7",
+"peseta sign": "\u6bd4\u585e\u5854\u7b26\u53f7",
+"rupee sign": "\u5362\u6bd4\u7b26\u53f7",
+"won sign": "\u97e9\u5143\u7b26\u53f7",
+"new sheqel sign": "\u65b0\u8c22\u514b\u5c14\u7b26\u53f7",
+"dong sign": "\u8d8a\u5357\u76fe\u7b26\u53f7",
+"kip sign": "\u8001\u631d\u57fa\u666e\u7b26\u53f7",
+"tugrik sign": "\u56fe\u683c\u91cc\u514b\u7b26\u53f7",
+"drachma sign": "\u5fb7\u62c9\u514b\u9a6c\u7b26\u53f7",
+"german penny symbol": "\u5fb7\u56fd\u4fbf\u58eb\u7b26\u53f7",
+"peso sign": "\u6bd4\u7d22\u7b26\u53f7",
+"guarani sign": "\u74dc\u62c9\u5c3c\u7b26\u53f7",
+"austral sign": "\u6fb3\u5143\u7b26\u53f7",
+"hryvnia sign": "\u683c\u91cc\u592b\u5c3c\u4e9a\u7b26\u53f7",
+"cedi sign": "\u585e\u5730\u7b26\u53f7",
+"livre tournois sign": "\u91cc\u5f17\u5f17\u5c14\u7b26\u53f7",
+"spesmilo sign": "spesmilo\u7b26\u53f7",
+"tenge sign": "\u575a\u6208\u7b26\u53f7",
+"indian rupee sign": "\u5370\u5ea6\u5362\u6bd4",
+"turkish lira sign": "\u571f\u8033\u5176\u91cc\u62c9",
+"nordic mark sign": "\u5317\u6b27\u9a6c\u514b",
+"manat sign": "\u9a6c\u7eb3\u7279\u7b26\u53f7",
+"ruble sign": "\u5362\u5e03\u7b26\u53f7",
+"yen character": "\u65e5\u5143\u5b57\u6837",
+"yuan character": "\u4eba\u6c11\u5e01\u5143\u5b57\u6837",
+"yuan character, in hong kong and taiwan": "\u5143\u5b57\u6837\uff08\u6e2f\u53f0\u5730\u533a\uff09",
+"yen\/yuan character variant one": "\u5143\u5b57\u6837\uff08\u5927\u5199\uff09",
+"Loading emoticons...": "\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7...",
+"Could not load emoticons": "\u4e0d\u80fd\u52a0\u8f7d\u8868\u60c5\u7b26\u53f7",
+"People": "\u4eba\u7c7b",
+"Animals and Nature": "\u52a8\u7269\u548c\u81ea\u7136",
+"Food and Drink": "\u98df\u7269\u548c\u996e\u54c1",
+"Activity": "\u6d3b\u52a8",
+"Travel and Places": "\u65c5\u6e38\u548c\u5730\u70b9",
+"Objects": "\u7269\u4ef6",
+"Flags": "\u65d7\u5e1c",
+"Characters": "\u5b57\u7b26",
+"Characters (no spaces)": "\u5b57\u7b26(\u65e0\u7a7a\u683c)",
+"Error: Form submit field collision.": "\u9519\u8bef: \u8868\u5355\u63d0\u4ea4\u5b57\u6bb5\u51b2\u7a81\u3002",
+"Error: No form element found.": "\u9519\u8bef: \u6ca1\u6709\u8868\u5355\u63a7\u4ef6\u3002",
+"Update": "\u66f4\u65b0",
+"Color swatch": "\u989c\u8272\u6837\u672c",
+"Turquoise": "\u9752\u7eff\u8272",
+"Green": "\u7eff\u8272",
+"Blue": "\u84dd\u8272",
+"Purple": "\u7d2b\u8272",
+"Navy Blue": "\u6d77\u519b\u84dd",
+"Dark Turquoise": "\u6df1\u84dd\u7eff\u8272",
+"Dark Green": "\u6df1\u7eff\u8272",
+"Medium Blue": "\u4e2d\u84dd\u8272",
+"Medium Purple": "\u4e2d\u7d2b\u8272",
+"Midnight Blue": "\u6df1\u84dd\u8272",
+"Yellow": "\u9ec4\u8272",
+"Orange": "\u6a59\u8272",
+"Red": "\u7ea2\u8272",
+"Light Gray": "\u6d45\u7070\u8272",
+"Gray": "\u7070\u8272",
+"Dark Yellow": "\u6697\u9ec4\u8272",
+"Dark Orange": "\u6df1\u6a59\u8272",
+"Dark Red": "\u6df1\u7ea2\u8272",
+"Medium Gray": "\u4e2d\u7070\u8272",
+"Dark Gray": "\u6df1\u7070\u8272",
+"Black": "\u9ed1\u8272",
+"White": "\u767d\u8272",
+"Switch to or from fullscreen mode": "\u5207\u6362\u5168\u5c4f\u6a21\u5f0f",
+"Open help dialog": "\u6253\u5f00\u5e2e\u52a9\u5bf9\u8bdd\u6846",
+"history": "\u5386\u53f2",
+"styles": "\u6837\u5f0f",
+"formatting": "\u683c\u5f0f\u5316",
+"alignment": "\u5bf9\u9f50",
+"indentation": "\u7f29\u8fdb",
+"permanent pen": "\u8bb0\u53f7\u7b14",
+"comments": "\u5907\u6ce8",
+"Anchor": "\u951a\u70b9",
+"Special character": "\u7279\u6b8a\u7b26\u53f7",
+"Code sample": "\u4ee3\u7801\u793a\u4f8b",
+"Color": "\u989c\u8272",
+"Emoticons": "\u8868\u60c5",
+"Document properties": "\u6587\u6863\u5c5e\u6027",
+"Image": "\u56fe\u7247",
+"Insert link": "\u63d2\u5165\u94fe\u63a5",
+"Target": "\u6253\u5f00\u65b9\u5f0f",
+"Link": "\u94fe\u63a5",
+"Poster": "\u5c01\u9762",
+"Media": "\u5a92\u4f53",
+"Print": "\u6253\u5370",
+"Prev": "\u4e0a\u4e00\u4e2a",
+"Find and replace": "\u67e5\u627e\u548c\u66ff\u6362",
+"Whole words": "\u5168\u5b57\u5339\u914d",
+"Spellcheck": "\u62fc\u5199\u68c0\u67e5",
+"Caption": "\u6807\u9898",
+"Insert template": "\u63d2\u5165\u6a21\u677f"
+});
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.inline.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.inline.min.css
new file mode 100644
index 0000000..b4ab9a3
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.inline.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed #000;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.min.css
new file mode 100644
index 0000000..e27b8a0
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed #000;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.mobile.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.mobile.min.css
new file mode 100644
index 0000000..35f7dc0
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/content.mobile.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.min.css
new file mode 100644
index 0000000..e71f6f0
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tox{box-shadow:none;box-sizing:content-box;color:#2a3746;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #000;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox-tinymce-inline{border:none;box-shadow:none}.tox-tinymce-inline .tox-editor-header{background-color:transparent;border:1px solid #000;border-radius:0;box-shadow:none}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border:1px solid #000;border-radius:3px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>:last-child:not(:only-child){border-color:#000;border-style:solid}.tox .accessibility-issue__repair{margin-top:16px}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:rgba(32,122,183,.5);border-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description>:last-child{border-color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.5);border-color:rgba(255,165,0,.8);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description>:last-child{border-color:rgba(255,165,0,.8)}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.5);border-color:rgba(204,0,0,.8);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description>:last-child{border-color:rgba(204,0,0,.8)}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);border-color:rgba(120,171,70,.8);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{border-color:rgba(120,171,70,.8)}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue__header h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:4px 4px 4px 8px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description>:last-child{border-left-width:1px;padding-left:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description>:last-child{border-right-width:1px;padding-right:4px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:#3d546f;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:#2b3b4e;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,.2)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#1a1a1a;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#333;color:#fff;cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;color:#fff;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active{background-color:#4a5562}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#757d87;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active{background-color:#4a5562}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#757d87;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;-ms-flex-preferred-size:auto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(255,255,255,.5);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:#fff}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(255,255,255,.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid #1a1a1a;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:2px 0 3px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{-ms-grid-row-align:center;align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{-ms-grid-row-align:center;align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #000}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #000}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#4a5562}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#2b3b4e;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:rgba(255,255,255,.5);font-size:12px}.tox .tox-comment__body{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#2b3b4e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(43,59,78,0),#2b3b4e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#2b3b4e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#2b3b4e;box-shadow:0 0 8px 8px #2b3b4e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#2b3b4e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,.5)}.tox .tox-user__name{color:rgba(255,255,255,.5);font-size:12px;font-style:normal;font-weight:700;text-transform:uppercase}.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;-ms-flex-preferred-size:auto;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;padding:16px 16px}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;font-size:14px;line-height:1.3;margin-bottom:8px;text-decoration:none;white-space:nowrap}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #207ab7;color:#207ab7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto;max-height:650px;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#207ab7;cursor:pointer;text-decoration:none}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content a:active{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content ul{display:block;list-style-type:disc;margin-bottom:16px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:1px solid #000;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}.tox.tox-platform-ie .tox-dialog-wrap{position:-ms-device-fixed}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #000;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;-ms-flex-preferred-size:auto;overflow:hidden;position:relative}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;-ms-flex-preferred-size:auto;height:100%;position:absolute;width:100%}.tox.tox-inline-edit-area{border:1px dotted #000}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{z-index:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none;transition:box-shadow .5s}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(42,55,70,.2);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-textarea{flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-image-tools{width:100%}.tox .tox-image-tools__toolbar{align-items:center;display:flex;justify-content:center}.tox .tox-image-tools__image{background-color:#666;height:380px;overflow:auto;position:relative;width:100%}.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top:8px}.tox .tox-image-tools__image-bg{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools__toolbar>.tox-spacer{flex:1;-ms-flex-preferred-size:auto}.tox .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left:8px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left:32px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right:8px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right:32px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#000;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 4px 0 4px}.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #000}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:transparent;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn--active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:-ms-grid;display:grid;font-size:14px;font-weight:400;-ms-grid-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification a{cursor:pointer;text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#547831}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#f8dede;border-color:#f2bfbf;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#c00}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fffaea;border-color:#ffe89d;color:#fff}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fff}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff}.tox .tox-notification--info{background-color:#d9edf7;border-color:#779ecb;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#fff}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{-ms-grid-row-align:center;align-self:center;color:#fff;font-size:14px;-ms-grid-column-span:1;grid-column-end:3;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{-ms-grid-row-align:center;align-self:center;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{-ms-grid-row-align:start;align-self:start;-ms-grid-column-span:1;grid-column-end:4;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification .tox-progress-bar{-ms-grid-column-span:3;grid-column-end:4;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:center;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#000 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #000 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #000 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #000;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;-ms-flex-preferred-size:0;min-height:0}.tox .tox-sidebar{background-color:#222f3e;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;-ms-flex-preferred-size:auto;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #000;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid #000;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:hidden}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#fff;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;text-decoration:underline}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-left:1ch}.tox .tox-statusbar__resize-handle svg{display:block;fill:#fff}.tox .tox-statusbar__resize-handle:focus svg{background-color:#4a5562;border-radius:1px;box-shadow:0 0 0 2px #4a5562}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0;text-transform:none;width:34px}.tox .tox-tbtn svg{display:block;fill:#fff}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#4a5562;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{-ms-grid-row-align:stretch;align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tbtn--select{margin:2px 0 3px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,.5)}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:2px 0 3px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #4a5562 inset}.tox .tox-split-button:focus{background:#4a5562;box-shadow:none;color:#fff}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,.5)}.tox .tox-split-button .tox-tbtn{margin:0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #000;margin-top:-1px}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #000}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #000}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #000}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#3d546f;border-radius:3px;box-shadow:0 2px 4px rgba(42,55,70,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:none}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3d546f;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #3d546f;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #3d546f;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #3d546f;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-well{border:1px solid #000;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #000;border-radius:3px;display:flex;flex:1;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-image-tools-edit-panel{height:60px}.tox .tox-image-tools__sidebar{height:60px}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
new file mode 100644
index 0000000..3a45cac
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-outer-container{all:initial;display:block}.tinymce-mobile-outer-container *{border:0;box-sizing:initial;cursor:inherit;float:none;line-height:1;margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;text-shadow:none;white-space:nowrap}.tinymce-mobile-icon-arrow-back::before{content:"\e5cd"}.tinymce-mobile-icon-image::before{content:"\e412"}.tinymce-mobile-icon-cancel-circle::before{content:"\e5c9"}.tinymce-mobile-icon-full-dot::before{content:"\e061"}.tinymce-mobile-icon-align-center::before{content:"\e234"}.tinymce-mobile-icon-align-left::before{content:"\e236"}.tinymce-mobile-icon-align-right::before{content:"\e237"}.tinymce-mobile-icon-bold::before{content:"\e238"}.tinymce-mobile-icon-italic::before{content:"\e23f"}.tinymce-mobile-icon-unordered-list::before{content:"\e241"}.tinymce-mobile-icon-ordered-list::before{content:"\e242"}.tinymce-mobile-icon-font-size::before{content:"\e245"}.tinymce-mobile-icon-underline::before{content:"\e249"}.tinymce-mobile-icon-link::before{content:"\e157"}.tinymce-mobile-icon-unlink::before{content:"\eca2"}.tinymce-mobile-icon-color::before{content:"\e891"}.tinymce-mobile-icon-previous::before{content:"\e314"}.tinymce-mobile-icon-next::before{content:"\e315"}.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content:"\e264"}.tinymce-mobile-icon-undo::before{content:"\e166"}.tinymce-mobile-icon-redo::before{content:"\e15a"}.tinymce-mobile-icon-removeformat::before{content:"\e239"}.tinymce-mobile-icon-small-font::before{content:"\e906"}.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content:"\e5ca"}.tinymce-mobile-icon-small-heading::before{content:"small"}.tinymce-mobile-icon-large-heading::before{content:"large"}.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family:sans-serif;font-size:80%}.tinymce-mobile-mask-edit-icon::before{content:"\e254"}.tinymce-mobile-icon-back::before{content:"\e5c4"}.tinymce-mobile-icon-heading::before{content:"Headings";font-family:sans-serif;font-size:80%;font-weight:700}.tinymce-mobile-icon-h1::before{content:"H1";font-weight:700}.tinymce-mobile-icon-h2::before{content:"H2";font-weight:700}.tinymce-mobile-icon-h3::before{content:"H3";font-weight:700}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{align-items:center;display:flex;justify-content:center;background:rgba(51,51,51,.5);height:100%;position:absolute;top:0;width:100%}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-family:sans-serif;font-size:1em;justify-content:space-between}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items:center;display:flex;justify-content:center;flex-direction:column;font-size:1em}@media only screen and (min-device-width:700px){.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{font-size:1.2em}}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em;background-color:#fff;color:#207ab7}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{content:"\e900";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon{z-index:2}.tinymce-mobile-android-container.tinymce-mobile-android-maximized{background:#fff;border:none;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position:relative}.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display:flex;flex-grow:1}.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display:flex!important;flex-grow:1;height:auto!important}.tinymce-mobile-android-scroll-reload{overflow:hidden}:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top:23px}.tinymce-mobile-toolstrip{background:#fff;display:flex;flex:0 0 auto;z-index:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex:1;height:2.5em;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex-shrink:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background:#f44336}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{align-items:center;display:flex;height:80%;margin-left:2px;margin-right:2px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected{background:#c8cbcf;color:#ccc}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type{background:#207ab7;color:#eceff1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex:1;padding-bottom:.4em;padding-top:.4em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{display:flex;min-height:1.5em;overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain{display:flex;height:100%;transition:left cubic-bezier(.4,0,1,1) .15s;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen{display:flex;flex:0 0 auto;justify-content:space-between;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input{font-family:Sans-serif}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container{display:flex;flex-grow:1;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x{-ms-grid-row-align:center;align-self:center;background:inherit;border:none;border-radius:50%;color:#888;font-size:.6em;font-weight:700;height:100%;padding-right:2px;position:absolute;right:0}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x{display:none}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before{align-items:center;display:flex;font-weight:700;height:100%;padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before{visibility:hidden}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{color:#ccc;font-size:10px;line-height:10px;margin:0 2px;padding-top:3px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color:#c8cbcf}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before{margin-left:.5em;margin-right:.9em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before{margin-left:.9em;margin-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{display:flex;flex:1;margin-left:0;margin-right:0;padding:.28em 0;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line{background:#ccc;display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-left:2em;padding-right:2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient{background:linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black{background:#000;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white{background:#fff;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{align-items:center;background-clip:padding-box;background-color:#455a64;border:.5em solid rgba(136,136,136,0);border-radius:3em;bottom:0;color:#fff;display:flex;height:.5em;justify-content:center;left:-10px;margin:auto;position:absolute;top:0;transition:border 120ms cubic-bezier(.39,.58,.57,1);width:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active{border:.5em solid rgba(136,136,136,.39)}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction:column;justify-content:center}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog){height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{background:#fff;border:none;border-radius:0;color:#455a64;flex-grow:1;font-size:.85em;padding-bottom:.1em;padding-left:5px;padding-top:.1em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color:#888}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color:#888}.tinymce-mobile-dropup{background:#fff;display:flex;overflow:hidden;width:100%}.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition:height .3s ease-out}.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition:height .3s ease-in}.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow:0}.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow:1}.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}@media only screen and (orientation:landscape){.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:150px}}.tinymce-mobile-styles-menu{font-family:sans-serif;outline:4px solid #000;overflow:hidden;position:relative;width:100%}.tinymce-mobile-styles-menu [role=menu]{display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.tinymce-mobile-styles-menu [role=menu].transitioning{transition:transform .5s ease-in-out}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{border-bottom:1px solid #ddd;color:#455a64;cursor:pointer;display:flex;padding:1em 1em;position:relative}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{color:#455a64;content:"\e314";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{color:#455a64;content:"\e315";font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{align-items:center;background:#fff;border-top:#455a64;color:#455a64;display:flex;min-height:2.5em;padding-left:1em;padding-right:1em}.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform:translate(-100%)}.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform:translate(0)}.tinymce-mobile-styles-menu [data-transitioning-destination=after][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=after]{transform:translate(100%)}@font-face{font-family:tinymce-mobile;font-style:normal;font-weight:400;src:url(fonts/tinymce-mobile.woff?8x92w3) format('woff')}@media (min-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:25px}}@media (max-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:18px}}.tinymce-mobile-icon{font-family:tinymce-mobile,sans-serif}.mixin-flex-and-centre{align-items:center;display:flex;justify-content:center}.mixin-flex-bar{align-items:center;display:flex;height:100%}.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{background-color:#fff;width:100%}.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{background-color:#207ab7;border-radius:50%;bottom:1em;color:#fff;font-size:1em;height:2.1em;position:fixed;right:2em;width:2.1em;align-items:center;display:flex;justify-content:center}@media only screen and (min-device-width:700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size:1.2em}}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height:300px;overflow:hidden}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height:100%}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display:none}input[type=file]::-webkit-file-upload-button{display:none}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom:50%}}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
new file mode 100644
index 0000000..a0893b9
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.inline.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.inline.min.css
new file mode 100644
index 0000000..b4ab9a3
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.inline.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed #000;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.min.css
new file mode 100644
index 0000000..844858d
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:1298}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-resize-backdrop{z-index:10000}.mce-content-body .mce-clonedresizable{cursor:default;opacity:.5;outline:1px dashed #000;position:absolute;z-index:10001}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10002}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.mobile.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.mobile.min.css
new file mode 100644
index 0000000..35f7dc0
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/content.mobile.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff
new file mode 100644
index 0000000000000000000000000000000000000000..1e3be038a607cb7c2544ed8ae3d6621f77bf4c38
GIT binary patch
literal 4624
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

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.min.css
new file mode 100644
index 0000000..f570b8e
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tox{box-shadow:none;box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;box-shadow:none;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox-tinymce-inline{border:none;box-shadow:none}.tox-tinymce-inline .tox-editor-header{background-color:transparent;border:1px solid #ccc;border-radius:0;box-shadow:none}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox[dir=rtl] .tox-icon--flip svg{transform:rotateY(180deg)}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>:last-child:not(:only-child){border-color:#ccc;border-style:solid}.tox .accessibility-issue__repair{margin-top:16px}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:rgba(32,122,183,.1);border-color:rgba(32,122,183,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description>:last-child{border-color:rgba(32,122,183,.4)}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon{color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.1);border-color:rgba(255,165,0,.5);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description>:last-child{border-color:rgba(255,165,0,.5)}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{color:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg{fill:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon{color:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.1);border-color:rgba(204,0,0,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description>:last-child{border-color:rgba(204,0,0,.4)}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);border-color:rgba(120,171,70,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{border-color:rgba(120,171,70,.4)}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg{fill:#78ab46}.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue__header h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:4px 4px 4px 8px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description>:last-child{border-left-width:1px;padding-left:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description>:last-child{border-right-width:1px;padding-right:4px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;text-decoration:none;text-transform:none}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,.3)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;color:#222f3e;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active{background-color:#dee0e2}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active{background-color:#dee0e2}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;-ms-flex-preferred-size:auto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(34,47,62,.7);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:#222f3e}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg{fill:rgba(34,47,62,.5)}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:2px 0 3px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{-ms-grid-row-align:center;align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{-ms-grid-row-align:center;align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#fff;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:rgba(34,47,62,.7);font-size:12px}.tox .tox-comment__body{color:#222f3e;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,.7)}.tox .tox-user__name{color:rgba(34,47,62,.7);font-size:12px;font-style:normal;font-weight:700;text-transform:uppercase}.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;-ms-flex-preferred-size:auto;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;padding:16px 16px}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;font-size:14px;line-height:1.3;margin-bottom:8px;text-decoration:none;white-space:nowrap}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #207ab7;color:#207ab7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto;max-height:650px;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#207ab7;cursor:pointer;text-decoration:none}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content a:active{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content ul{display:block;list-style-type:disc;margin-bottom:16px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #ccc}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}.tox.tox-platform-ie .tox-dialog-wrap{position:-ms-device-fixed}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;-ms-flex-preferred-size:auto;overflow:hidden;position:relative}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;-ms-flex-preferred-size:auto;height:100%;position:absolute;width:100%}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{z-index:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none;transition:box-shadow .5s}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{background-color:transparent;box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34,47,62,.2);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-textarea{flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-image-tools{width:100%}.tox .tox-image-tools__toolbar{align-items:center;display:flex;justify-content:center}.tox .tox-image-tools__image{background-color:#666;height:380px;overflow:auto;position:relative;width:100%}.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top:8px}.tox .tox-image-tools__image-bg{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools__toolbar>.tox-spacer{flex:1;-ms-flex-preferred-size:auto}.tox .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left:8px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left:32px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right:8px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right:32px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 4px 0 4px}.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:transparent;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn--active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:-ms-grid;display:grid;font-size:14px;font-weight:400;-ms-grid-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification a{cursor:pointer;text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#547831}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f8dede;border-color:#f2bfbf;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#c00}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fffaea;border-color:#ffe89d;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#222f3e}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d9edf7;border-color:#779ecb;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#222f3e}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{-ms-grid-row-align:center;align-self:center;color:#222f3e;font-size:14px;-ms-grid-column-span:1;grid-column-end:3;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{-ms-grid-row-align:center;align-self:center;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{-ms-grid-row-align:start;align-self:start;-ms-grid-column-span:1;grid-column-end:4;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification .tox-progress-bar{-ms-grid-column-span:3;grid-column-end:4;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:center;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar,.tox .tox-pop--resizing .tox-toolbar__group{flex-wrap:nowrap}.tox .tox-pop--transition{transition:.15s ease;transition-property:left,right,top,bottom}.tox .tox-pop--transition::after,.tox .tox-pop--transition::before{transition:all .15s,visibility 0s,opacity 75ms ease 75ms}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;opacity:1;position:absolute;width:0}.tox .tox-pop.tox-pop--inset::after,.tox .tox-pop.tox-pop--inset::before{opacity:0;transition:all 0s .15s,visibility 0s,opacity 75ms ease}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;-ms-flex-preferred-size:0;min-height:0}.tox .tox-sidebar{background-color:#fff;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;-ms-flex-preferred-size:auto;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:hidden}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;text-decoration:underline}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-left:1ch}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,.7)}.tox .tox-statusbar__resize-handle:focus svg{background-color:#dee0e2;border-radius:1px;box-shadow:0 0 0 2px #dee0e2}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1299}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0;text-transform:none;width:34px}.tox .tox-tbtn svg{display:block;fill:#222f3e}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{-ms-grid-row-align:stretch;align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tbtn--select{margin:2px 0 3px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:2px 0 3px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-split-button .tox-tbtn{margin:0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:0 2px 4px rgba(34,47,62,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:none}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-image-tools-edit-panel{height:60px}.tox .tox-image-tools__sidebar{height:60px}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.mobile.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.mobile.min.css
new file mode 100644
index 0000000..3a45cac
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.mobile.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-outer-container{all:initial;display:block}.tinymce-mobile-outer-container *{border:0;box-sizing:initial;cursor:inherit;float:none;line-height:1;margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;text-shadow:none;white-space:nowrap}.tinymce-mobile-icon-arrow-back::before{content:"\e5cd"}.tinymce-mobile-icon-image::before{content:"\e412"}.tinymce-mobile-icon-cancel-circle::before{content:"\e5c9"}.tinymce-mobile-icon-full-dot::before{content:"\e061"}.tinymce-mobile-icon-align-center::before{content:"\e234"}.tinymce-mobile-icon-align-left::before{content:"\e236"}.tinymce-mobile-icon-align-right::before{content:"\e237"}.tinymce-mobile-icon-bold::before{content:"\e238"}.tinymce-mobile-icon-italic::before{content:"\e23f"}.tinymce-mobile-icon-unordered-list::before{content:"\e241"}.tinymce-mobile-icon-ordered-list::before{content:"\e242"}.tinymce-mobile-icon-font-size::before{content:"\e245"}.tinymce-mobile-icon-underline::before{content:"\e249"}.tinymce-mobile-icon-link::before{content:"\e157"}.tinymce-mobile-icon-unlink::before{content:"\eca2"}.tinymce-mobile-icon-color::before{content:"\e891"}.tinymce-mobile-icon-previous::before{content:"\e314"}.tinymce-mobile-icon-next::before{content:"\e315"}.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content:"\e264"}.tinymce-mobile-icon-undo::before{content:"\e166"}.tinymce-mobile-icon-redo::before{content:"\e15a"}.tinymce-mobile-icon-removeformat::before{content:"\e239"}.tinymce-mobile-icon-small-font::before{content:"\e906"}.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content:"\e5ca"}.tinymce-mobile-icon-small-heading::before{content:"small"}.tinymce-mobile-icon-large-heading::before{content:"large"}.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family:sans-serif;font-size:80%}.tinymce-mobile-mask-edit-icon::before{content:"\e254"}.tinymce-mobile-icon-back::before{content:"\e5c4"}.tinymce-mobile-icon-heading::before{content:"Headings";font-family:sans-serif;font-size:80%;font-weight:700}.tinymce-mobile-icon-h1::before{content:"H1";font-weight:700}.tinymce-mobile-icon-h2::before{content:"H2";font-weight:700}.tinymce-mobile-icon-h3::before{content:"H3";font-weight:700}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{align-items:center;display:flex;justify-content:center;background:rgba(51,51,51,.5);height:100%;position:absolute;top:0;width:100%}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-family:sans-serif;font-size:1em;justify-content:space-between}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items:center;display:flex;justify-content:center;flex-direction:column;font-size:1em}@media only screen and (min-device-width:700px){.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{font-size:1.2em}}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em;background-color:#fff;color:#207ab7}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{content:"\e900";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon{z-index:2}.tinymce-mobile-android-container.tinymce-mobile-android-maximized{background:#fff;border:none;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position:relative}.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display:flex;flex-grow:1}.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display:flex!important;flex-grow:1;height:auto!important}.tinymce-mobile-android-scroll-reload{overflow:hidden}:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top:23px}.tinymce-mobile-toolstrip{background:#fff;display:flex;flex:0 0 auto;z-index:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex:1;height:2.5em;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex-shrink:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background:#f44336}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{align-items:center;display:flex;height:80%;margin-left:2px;margin-right:2px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected{background:#c8cbcf;color:#ccc}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type{background:#207ab7;color:#eceff1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex:1;padding-bottom:.4em;padding-top:.4em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{display:flex;min-height:1.5em;overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain{display:flex;height:100%;transition:left cubic-bezier(.4,0,1,1) .15s;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen{display:flex;flex:0 0 auto;justify-content:space-between;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input{font-family:Sans-serif}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container{display:flex;flex-grow:1;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x{-ms-grid-row-align:center;align-self:center;background:inherit;border:none;border-radius:50%;color:#888;font-size:.6em;font-weight:700;height:100%;padding-right:2px;position:absolute;right:0}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x{display:none}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before{align-items:center;display:flex;font-weight:700;height:100%;padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before{visibility:hidden}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{color:#ccc;font-size:10px;line-height:10px;margin:0 2px;padding-top:3px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color:#c8cbcf}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before{margin-left:.5em;margin-right:.9em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before{margin-left:.9em;margin-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{display:flex;flex:1;margin-left:0;margin-right:0;padding:.28em 0;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line{background:#ccc;display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-left:2em;padding-right:2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient{background:linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black{background:#000;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white{background:#fff;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{align-items:center;background-clip:padding-box;background-color:#455a64;border:.5em solid rgba(136,136,136,0);border-radius:3em;bottom:0;color:#fff;display:flex;height:.5em;justify-content:center;left:-10px;margin:auto;position:absolute;top:0;transition:border 120ms cubic-bezier(.39,.58,.57,1);width:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active{border:.5em solid rgba(136,136,136,.39)}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction:column;justify-content:center}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog){height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{background:#fff;border:none;border-radius:0;color:#455a64;flex-grow:1;font-size:.85em;padding-bottom:.1em;padding-left:5px;padding-top:.1em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color:#888}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color:#888}.tinymce-mobile-dropup{background:#fff;display:flex;overflow:hidden;width:100%}.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition:height .3s ease-out}.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition:height .3s ease-in}.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow:0}.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow:1}.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}@media only screen and (orientation:landscape){.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:150px}}.tinymce-mobile-styles-menu{font-family:sans-serif;outline:4px solid #000;overflow:hidden;position:relative;width:100%}.tinymce-mobile-styles-menu [role=menu]{display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.tinymce-mobile-styles-menu [role=menu].transitioning{transition:transform .5s ease-in-out}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{border-bottom:1px solid #ddd;color:#455a64;cursor:pointer;display:flex;padding:1em 1em;position:relative}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{color:#455a64;content:"\e314";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{color:#455a64;content:"\e315";font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{align-items:center;background:#fff;border-top:#455a64;color:#455a64;display:flex;min-height:2.5em;padding-left:1em;padding-right:1em}.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform:translate(-100%)}.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform:translate(0)}.tinymce-mobile-styles-menu [data-transitioning-destination=after][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=after]{transform:translate(100%)}@font-face{font-family:tinymce-mobile;font-style:normal;font-weight:400;src:url(fonts/tinymce-mobile.woff?8x92w3) format('woff')}@media (min-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:25px}}@media (max-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:18px}}.tinymce-mobile-icon{font-family:tinymce-mobile,sans-serif}.mixin-flex-and-centre{align-items:center;display:flex;justify-content:center}.mixin-flex-bar{align-items:center;display:flex;height:100%}.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{background-color:#fff;width:100%}.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{background-color:#207ab7;border-radius:50%;bottom:1em;color:#fff;font-size:1em;height:2.1em;position:fixed;right:2em;width:2.1em;align-items:center;display:flex;justify-content:center}@media only screen and (min-device-width:700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size:1.2em}}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height:300px;overflow:hidden}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height:100%}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display:none}input[type=file]::-webkit-file-upload-button{display:none}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom:50%}}
diff --git a/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.shadowdom.min.css b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.shadowdom.min.css
new file mode 100644
index 0000000..a0893b9
--- /dev/null
+++ b/yunxi-ui-admin-vben/public/resource/tinymce/skins/ui/oxide/skin.shadowdom.min.css
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox-shadowhost.tox-fullscreen,.tox.tox-tinymce.tox-fullscreen{left:0;position:fixed;top:0;z-index:1200}.tox.tox-tinymce.tox-fullscreen{background-color:transparent}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
diff --git a/yunxi-ui-admin-vben/src/App.vue b/yunxi-ui-admin-vben/src/App.vue
new file mode 100644
index 0000000..9bc36ca
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/App.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import 'dayjs/locale/zh-cn'
+
+import { App, ConfigProvider } from 'ant-design-vue'
+import { storeToRefs } from 'pinia'
+
+import { computed } from 'vue'
+import { AppProvider } from '@/components/Application'
+import { useTitle } from '@/hooks/web/useTitle'
+import { useLocale } from '@/locales/useLocale'
+import { useAppStore } from '@/store/modules/app'
+
+// support Multi-language
+const { getAntdLocale } = useLocale()
+const appStore = useAppStore()
+const { themeConfig } = storeToRefs(appStore)
+
+const componentSize = computed(() => appStore.getComponentSize)
+// Listening to page changes and dynamically changing site titles
+useTitle()
+</script>
+
+<template>
+  <ConfigProvider :locale="getAntdLocale" :theme="themeConfig" :component-size="componentSize">
+    <App class="h-full w-full">
+      <AppProvider>
+        <RouterView />
+      </AppProvider>
+    </App>
+  </ConfigProvider>
+</template>
diff --git a/yunxi-ui-admin-vben/src/api/base/login.ts b/yunxi-ui-admin-vben/src/api/base/login.ts
new file mode 100644
index 0000000..8583bcd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/login.ts
@@ -0,0 +1,91 @@
+import type { TentantNameVO } from './model/loginModel'
+import { defHttp } from '@/utils/http/axios'
+import { getRefreshToken } from '@/utils/auth'
+
+enum Api {
+  Login = '/system/auth/login',
+  RefreshToken = '/system/auth/refresh-token?refreshToken=',
+  GetTenantIdByName = '/system/tenant/get-id-by-name?name=',
+  GetTenantIdByUserName = '/system/tenant/get-tenantId-by-userName?name=',
+  LoginOut = '/system/auth/logout',
+  GetUserInfo = '/system/auth/get-permission-info',
+  GetCaptcha = '/system/captcha/get',
+  CheckCaptcha = '/system/captcha/check',
+}
+
+// 刷新访问令牌
+export function refreshToken() {
+  const refreshToken: string = getRefreshToken()
+  return defHttp.post({ url: Api.RefreshToken + refreshToken })
+}
+
+// 使用租户名，获得租户编号
+export function getTenantIdByName(name: string) {
+  return defHttp.get<TentantNameVO>({ url: Api.GetTenantIdByName + name })
+}
+// 使用租户名，获得租户编号
+export function getTenantIdByUserName(name: string) {
+  return defHttp.get<TentantNameVO>({ url: Api.GetTenantIdByUserName + name })
+}
+// 登出
+export function loginOut() {
+  return defHttp.delete({ url: Api.LoginOut })
+}
+
+// 获取用户权限信息
+export function getUserInfo() {
+  return defHttp.get({ url: Api.GetUserInfo })
+}
+
+// 获取登录验证码
+export function sendSmsCode(mobile, scene) {
+  return defHttp.post({
+    url: '/system/auth/send-sms-code',
+    data: {
+      mobile,
+      scene,
+    },
+  })
+}
+
+// 获取验证图片  以及token
+export function getCaptcha(data) {
+  return defHttp.post({ url: Api.GetCaptcha, data }, { isReturnNativeResponse: true })
+}
+
+// 滑动或者点选验证
+export function checkCaptcha(data) {
+  return defHttp.post({ url: Api.CheckCaptcha, data }, { isReturnNativeResponse: true })
+}
+
+// ========== OAUTH 2.0 相关 ==========
+
+export function getAuthorize(clientId) {
+  return defHttp.get({ url: `/system/oauth2/authorize?clientId=${clientId}` })
+}
+
+export function authorize(responseType, clientId, redirectUri, state, autoApprove, checkedScopes, uncheckedScopes) {
+  // 构建 scopes
+  const scopes = {}
+  for (const scope of checkedScopes)
+    scopes[scope] = true
+
+  for (const scope of uncheckedScopes)
+    scopes[scope] = false
+
+  // 发起请求
+  return defHttp.post({
+    url: '/system/oauth2/authorize',
+    headers: {
+      'Content-type': 'application/x-www-form-urlencoded',
+    },
+    params: {
+      response_type: responseType,
+      client_id: clientId,
+      redirect_uri: redirectUri,
+      state,
+      auto_approve: autoApprove,
+      scope: JSON.stringify(scopes),
+    },
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/model/loginModel.ts b/yunxi-ui-admin-vben/src/api/base/model/loginModel.ts
new file mode 100644
index 0000000..fa2761d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/model/loginModel.ts
@@ -0,0 +1,9 @@
+export interface UserLoginVO {
+  username: string
+  password: string
+  captchaVerification: string
+}
+
+export interface TentantNameVO {
+  id: number
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/model/menuModel.ts b/yunxi-ui-admin-vben/src/api/base/model/menuModel.ts
new file mode 100644
index 0000000..ecd3168
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/model/menuModel.ts
@@ -0,0 +1,12 @@
+import type { RouteMeta } from 'vue-router'
+
+export interface RouteItem {
+  path: string
+  component: any
+  meta: RouteMeta
+  name?: string
+  alias?: string | string[]
+  redirect?: string
+  caseSensitive?: boolean
+  children?: RouteItem[]
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/model/uploadModel.ts b/yunxi-ui-admin-vben/src/api/base/model/uploadModel.ts
new file mode 100644
index 0000000..4d1698f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/model/uploadModel.ts
@@ -0,0 +1,5 @@
+export interface UploadApiResult {
+  message: string
+  code: number
+  url: string
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/model/userModel.ts b/yunxi-ui-admin-vben/src/api/base/model/userModel.ts
new file mode 100644
index 0000000..794efc7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/model/userModel.ts
@@ -0,0 +1,45 @@
+import type { RouteItem } from './menuModel'
+
+/**
+ * @description: Login interface parameters
+ */
+export interface LoginParams {
+  username: string
+  password: string
+  captchaVerification: string
+}
+
+/**
+ * @description: SmsLogin interface parameters
+ */
+export interface SmsLoginParams {
+  mobile: number
+  code: number
+}
+
+/**
+ * @description: Login interface return value
+ */
+export interface LoginResultModel {
+  userId: string | number
+  accessToken: string
+  refreshToken: string
+  expiresTime: number
+}
+
+/**
+ * @description: Get user information return value
+ */
+export interface GetUserInfoModel {
+  roles: string[]
+  permissions: string[]
+  menus: RouteItem[]
+  // 用户id
+  user: userModel
+}
+
+export interface userModel {
+  id: string | number
+  avatar: string
+  nickname: string
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/profile.ts b/yunxi-ui-admin-vben/src/api/base/profile.ts
new file mode 100644
index 0000000..005b596
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/profile.ts
@@ -0,0 +1,128 @@
+import { ContentTypeEnum } from '@/enums/httpEnum'
+import { defHttp } from '@/utils/http/axios'
+
+export interface ProfileDept {
+  id: number
+  name: string
+}
+export interface ProfileRole {
+  id: number
+  name: string
+}
+export interface ProfilePost {
+  id: number
+  name: string
+}
+export interface SocialUser {
+  id: number
+  type: number
+  openid: string
+  token: string
+  rawTokenInfo: string
+  nickname: string
+  avatar: string
+  rawUserInfo: string
+  code: string
+  state: string
+}
+export interface ProfileVO {
+  id: number
+  username: string
+  nickname: string
+  dept: ProfileDept
+  roles: ProfileRole[]
+  posts: ProfilePost[]
+  socialUsers: SocialUser[]
+  email: string
+  mobile: string
+  sex: number
+  avatar: string
+  status: number
+  remark: string
+  loginIp: string
+  loginDate: Date
+  createTime: Date
+}
+
+export interface UserProfileUpdateReqVO {
+  nickname: string
+  email: string
+  mobile: string
+  sex: number
+}
+
+enum Api {
+  getUserProfileApi = '/system/user/profile/get',
+  putUserProfileApi = '/system/user/profile/update',
+  uploadAvatarApi = '/system/user/profile/update-avatar',
+  updateUserPwdApi = '/system/user/profile/update-password',
+  socialBindApi = '/system/social-user/bind',
+  socialUnbindApi = '/system/social-user/unbind',
+}
+
+/**
+ * @description: getUserProfileApi
+ */
+export function getUserProfileApi() {
+  return defHttp.get({ url: Api.getUserProfileApi })
+}
+
+/**
+ * @description: updateUserProfileApi
+ */
+export function updateUserProfileApi(data: UserProfileUpdateReqVO) {
+  return defHttp.put({ url: Api.putUserProfileApi, data })
+}
+
+// 用户密码重置
+export function updateUserPwdApi(oldPassword: string, newPassword: string) {
+  return defHttp.put({
+    url: Api.updateUserPwdApi,
+    data: {
+      oldPassword,
+      newPassword,
+    },
+  })
+}
+
+// 用户头像上传
+export function uploadAvatarApi(data) {
+  return defHttp.put({
+    url: Api.uploadAvatarApi,
+    headers: {
+      'Content-type': ContentTypeEnum.FORM_DATA,
+      'ignoreCancelToken': true,
+    },
+    data,
+  })
+}
+
+// 社交绑定，使用 code 授权码
+export function socialBind(type, code, state) {
+  return defHttp.post({
+    url: Api.socialBindApi,
+    data: {
+      type,
+      code,
+      state,
+    },
+  })
+}
+
+// 取消社交绑定
+export function socialUnbind(type, openid) {
+  return defHttp.delete({
+    url: Api.socialUnbindApi,
+    data: {
+      type,
+      openid,
+    },
+  })
+}
+
+// 社交授权的跳转
+export function socialAuthRedirect(type, redirectUri) {
+  return defHttp.get({
+    url: `/system/auth/social-auth-redirect?type=${type}&redirectUri=${redirectUri}`,
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/upload.ts b/yunxi-ui-admin-vben/src/api/base/upload.ts
new file mode 100644
index 0000000..9fdb525
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/upload.ts
@@ -0,0 +1,20 @@
+import type { AxiosProgressEvent } from 'axios'
+import type { UploadApiResult } from './model/uploadModel'
+import { defHttp } from '@/utils/http/axios'
+import type { UploadFileParams } from '@/types/axios'
+import { useGlobSetting } from '@/hooks/setting'
+
+const { uploadUrl = '' } = useGlobSetting()
+
+/**
+ * @description: Upload interface
+ */
+export function uploadApi(params: UploadFileParams, onUploadProgress: (progressEvent: AxiosProgressEvent) => void) {
+  return defHttp.uploadFile<UploadApiResult>(
+    {
+      url: uploadUrl,
+      onUploadProgress,
+    },
+    params,
+  )
+}
diff --git a/yunxi-ui-admin-vben/src/api/base/user.ts b/yunxi-ui-admin-vben/src/api/base/user.ts
new file mode 100644
index 0000000..082004d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/base/user.ts
@@ -0,0 +1,36 @@
+import type { GetUserInfoModel, LoginParams, LoginResultModel, SmsLoginParams } from './model/userModel'
+import { defHttp } from '@/utils/http/axios'
+
+import type { ErrorMessageMode } from '@/types/axios'
+
+enum Api {
+  Login = '/system/auth/login',
+  Logout = '/system/auth/logout',
+  SmsLogin = '/system/auth/sms-login',
+  GetUserInfo = '/system/auth/get-permission-info',
+}
+
+/**
+ * @description: user login api
+ */
+export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal') {
+  return defHttp.post<LoginResultModel>({ url: Api.Login, params }, { errorMessageMode: mode })
+}
+
+/**
+ * @description: user smslogin api
+ */
+export function smsLogin(params: SmsLoginParams, mode: ErrorMessageMode = 'modal') {
+  return defHttp.post<LoginResultModel>({ url: Api.SmsLogin, params }, { errorMessageMode: mode })
+}
+
+/**
+ * @description: getUserInfo
+ */
+export function getUserInfo() {
+  return defHttp.get<GetUserInfoModel>({ url: Api.GetUserInfo }, { errorMessageMode: 'none' })
+}
+
+export function doLogout() {
+  return defHttp.post({ url: Api.Logout })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/activity/index.ts b/yunxi-ui-admin-vben/src/api/bpm/activity/index.ts
new file mode 100644
index 0000000..7af0c2e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/activity/index.ts
@@ -0,0 +1,5 @@
+import { defHttp } from '@/utils/http/axios'
+
+export function getActivityList(params) {
+  return defHttp.get({ url: '/bpm/activity/list', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/definition/index.ts b/yunxi-ui-admin-vben/src/api/bpm/definition/index.ts
new file mode 100644
index 0000000..ec84edd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/definition/index.ts
@@ -0,0 +1,13 @@
+import { defHttp } from '@/utils/http/axios'
+
+export function getProcessDefinitionPage(params) {
+  return defHttp.get({ url: '/bpm/process-definition/page', params })
+}
+
+export function getProcessDefinitionList(params) {
+  return defHttp.get({ url: '/bpm/process-definition/list', params })
+}
+
+export function getProcessDefinitionBpmnXML(id) {
+  return defHttp.get({ url: `/bpm/process-definition/get-bpmn-xml?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/form/index.ts b/yunxi-ui-admin-vben/src/api/bpm/form/index.ts
new file mode 100644
index 0000000..35bcfc4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/form/index.ts
@@ -0,0 +1,41 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface FormVO {
+  id: number
+  name: string
+  conf: string
+  fields: string[]
+  status: number
+  remark: string
+  createTime: string
+}
+
+// 创建工作流的表单定义
+export function createForm(data: FormVO) {
+  return defHttp.post({ url: '/bpm/form/create', data })
+}
+
+// 更新工作流的表单定义
+export function updateForm(data: FormVO) {
+  return defHttp.put({ url: '/bpm/form/update', data })
+}
+
+// 删除工作流的表单定义
+export function deleteForm(id: number) {
+  return defHttp.delete({ url: `/bpm/form/delete?id=${id}` })
+}
+
+// 获得工作流的表单定义
+export function getForm(id: number) {
+  return defHttp.get({ url: `/bpm/form/get?id=${id}` })
+}
+
+// 获得工作流的表单定义分页
+export function getFormPage(params) {
+  return defHttp.get({ url: '/bpm/form/page', params })
+}
+
+// 获得动态表单的精简列表
+export function getSimpleForms() {
+  return defHttp.get({ url: '/bpm/form/list-all-simple' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/leave/index.ts b/yunxi-ui-admin-vben/src/api/bpm/leave/index.ts
new file mode 100644
index 0000000..01d156e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/leave/index.ts
@@ -0,0 +1,27 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface LeaveVO {
+  id: number
+  result: number
+  type: number
+  reason: string
+  processInstanceId: string
+  startTime: string
+  endTime: string
+  createTime: string
+}
+
+// 创建请假申请
+export function createLeave(data: LeaveVO) {
+  return defHttp.post({ url: '/bpm/oa/leave/create', data })
+}
+
+// 获得请假申请
+export function getLeave(id: number) {
+  return defHttp.get({ url: `/bpm/oa/leave/get?id=${id}` })
+}
+
+// 获得请假申请分页
+export function getLeavePage(params) {
+  return defHttp.get({ url: '/bpm/oa/leave/page', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/model/index.ts b/yunxi-ui-admin-vben/src/api/bpm/model/index.ts
new file mode 100644
index 0000000..483e9d8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/model/index.ts
@@ -0,0 +1,62 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ProcessDefinitionVO {
+  id: string
+  version: number
+  deploymentTIme: string
+  suspensionState: number
+}
+
+export interface ModelVO {
+  id: number
+  formName: string
+  key: string
+  name: string
+  description: string
+  category: string
+  formType: number
+  formId: number
+  formCustomCreatePath: string
+  formCustomViewPath: string
+  processDefinition: ProcessDefinitionVO
+  status: number
+  remark: string
+  createTime: string
+}
+
+export function getModelPage(params) {
+  return defHttp.get({ url: '/bpm/model/page', params })
+}
+
+export function getModel(id: number) {
+  return defHttp.get({ url: `/bpm/model/get?id=${id}` })
+}
+
+export function updateModel(data: ModelVO) {
+  return defHttp.put({ url: '/bpm/model/update', data })
+}
+
+// 任务状态修改
+export function updateModelState(id: number, state: number) {
+  const data = {
+    id,
+    state,
+  }
+  return defHttp.put({ url: '/bpm/model/update-state', data })
+}
+
+export function createModel(data: ModelVO) {
+  return defHttp.post({ url: '/bpm/model/create', data })
+}
+
+export function deleteModel(id: number) {
+  return defHttp.delete({ url: `/bpm/model/delete?id=${id}` })
+}
+
+export function deployModel(id: number) {
+  return defHttp.post({ url: `/bpm/model/deploy?id=${id}` })
+}
+
+export function importModel(data) {
+  return defHttp.post({ url: '/bpm/model/import', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/processInstance/index.ts b/yunxi-ui-admin-vben/src/api/bpm/processInstance/index.ts
new file mode 100644
index 0000000..8f5866e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/processInstance/index.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '@/utils/http/axios'
+
+export function getMyProcessInstancePage(params) {
+  return defHttp.get({ url: '/bpm/process-instance/my-page', params })
+}
+
+export function createProcessInstance(data) {
+  return defHttp.post({ url: '/bpm/process-instance/create', data })
+}
+
+export function cancelProcessInstance(id: number, reason: string) {
+  const data = {
+    id,
+    reason,
+  }
+  return defHttp.delete({ url: '/bpm/process-instance/cancel', data })
+}
+
+export function getProcessInstance(id: number) {
+  return defHttp.get({ url: `/bpm/process-instance/get?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/task/index.ts b/yunxi-ui-admin-vben/src/api/bpm/task/index.ts
new file mode 100644
index 0000000..f3721b8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/task/index.ts
@@ -0,0 +1,39 @@
+import { defHttp } from '@/utils/http/axios'
+
+export function getTodoTaskPage(params) {
+  return defHttp.get({ url: '/bpm/task/todo-page', params })
+}
+
+export function getDoneTaskPage(params) {
+  return defHttp.get({ url: '/bpm/task/done-page', params })
+}
+
+export function completeTask(data) {
+  return defHttp.put({ url: '/bpm/task/complete', data })
+}
+
+export function approveTask(data) {
+  return defHttp.put({ url: '/bpm/task/approve', data })
+}
+
+export function rejectTask(data) {
+  return defHttp.put({ url: '/bpm/task/reject', data })
+}
+export function backTask(data) {
+  return defHttp.put({ url: '/bpm/task/back', data })
+}
+
+export function updateTaskAssignee(data) {
+  return defHttp.put({ url: '/bpm/task/update-assignee', data })
+}
+
+export function getTaskListByProcessInstanceId(processInstanceId) {
+  return defHttp.get({
+    url: `/bpm/task/list-by-process-instance-id?processInstanceId=${processInstanceId}`,
+  })
+}
+
+// 导出任务
+export async function exportTask(params) {
+  return await defHttp.download({ url: '/bpm/task/export', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/taskAssignRule/index.ts b/yunxi-ui-admin-vben/src/api/bpm/taskAssignRule/index.ts
new file mode 100644
index 0000000..020122b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/taskAssignRule/index.ts
@@ -0,0 +1,23 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface TaskAssignVO {
+  id: number
+  modelId: string
+  processDefinitionId: string
+  taskDefinitionKey: string
+  taskDefinitionName: string
+  options: string[]
+  type: number
+}
+
+export function getTaskAssignRuleList(params) {
+  return defHttp.get({ url: '/bpm/task-assign-rule/list', params })
+}
+
+export function createTaskAssignRule(data: TaskAssignVO) {
+  return defHttp.post({ url: '/bpm/task-assign-rule/create', data })
+}
+
+export function updateTaskAssignRule(data: TaskAssignVO) {
+  return defHttp.put({ url: '/bpm/task-assign-rule/update', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/bpm/userGroup/index.ts b/yunxi-ui-admin-vben/src/api/bpm/userGroup/index.ts
new file mode 100644
index 0000000..c18501d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/bpm/userGroup/index.ts
@@ -0,0 +1,41 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface UserGroupVO {
+  id: number
+  name: string
+  description: string
+  memberUserIds: number[]
+  status: number
+  remark: string
+  createTime: string
+}
+
+// 创建用户组
+export function createUserGroup(data: UserGroupVO) {
+  return defHttp.post({ url: '/bpm/user-group/create', data })
+}
+
+// 更新用户组
+export function updateUserGroup(data: UserGroupVO) {
+  return defHttp.put({ url: '/bpm/user-group/update', data })
+}
+
+// 删除用户组
+export function deleteUserGroup(id: number) {
+  return defHttp.delete({ url: `/bpm/user-group/delete?id=${id}` })
+}
+
+// 获得用户组
+export function getUserGroup(id: number) {
+  return defHttp.get({ url: `/bpm/user-group/get?id=${id}` })
+}
+
+// 获得用户组分页
+export function getUserGroupPage(params) {
+  return defHttp.get({ url: '/bpm/user-group/page', params })
+}
+
+// 获取用户组精简信息列表
+export function listSimpleUserGroups() {
+  return defHttp.get({ url: '/bpm/user-group/list-all-simple' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/apiAccessLog/index.ts b/yunxi-ui-admin-vben/src/api/infra/apiAccessLog/index.ts
new file mode 100644
index 0000000..b76d00d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/apiAccessLog/index.ts
@@ -0,0 +1,50 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ApiAccessLogVO {
+  id: number
+  traceId: string
+  userId: number
+  userType: number
+  applicationName: string
+  requestMethod: string
+  requestParams: string
+  requestUrl: string
+  userIp: string
+  userAgent: string
+  beginTime: Date
+  endTIme: Date
+  duration: number
+  resultCode: number
+  resultMsg: string
+  createTime: Date
+}
+
+export interface ApiAccessLogPageReqVO extends PageParam {
+  userId?: number
+  userType?: number
+  applicationName?: string
+  requestUrl?: string
+  beginTime?: Date[]
+  duration?: number
+  resultCode?: number
+}
+
+export interface ApiAccessLogExportReqVO {
+  userId?: number
+  userType?: number
+  applicationName?: string
+  requestUrl?: string
+  beginTime?: Date[]
+  duration?: number
+  resultCode?: number
+}
+
+// 查询列表API 访问日志
+export function getApiAccessLogPage(params: ApiAccessLogPageReqVO) {
+  return defHttp.get({ url: '/infra/api-access-log/page', params })
+}
+
+// 导出API 访问日志
+export function exportApiAccessLog(params: ApiAccessLogExportReqVO) {
+  return defHttp.download({ url: '/infra/api-access-log/export-excel', params }, '访问日志.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/apiErrorLog/index.ts b/yunxi-ui-admin-vben/src/api/infra/apiErrorLog/index.ts
new file mode 100644
index 0000000..1368cc9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/apiErrorLog/index.ts
@@ -0,0 +1,69 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ApiErrorLogVO {
+  id: number
+  traceId: string
+  userId: number
+  userType: number
+  applicationName: string
+  requestMethod: string
+  requestParams: string
+  requestUrl: string
+  userIp: string
+  userAgent: string
+  exceptionTime: Date
+  exceptionName: string
+  exceptionMessage: string
+  exceptionRootCauseMessage: string
+  exceptionStackTrace: string
+  exceptionClassName: string
+  exceptionFileName: string
+  exceptionMethodName: string
+  exceptionLineNumber: number
+  processUserId: number
+  processStatus: number
+  processTime: Date
+  resultCode: number
+  createTime: Date
+}
+
+export interface ApiErrorLogPageReqVO extends PageParam {
+  userId?: number
+  userType?: number
+  applicationName?: string
+  requestUrl?: string
+  exceptionTime?: Date[]
+  processStatus: number
+}
+
+export interface ApiErrorLogExportReqVO {
+  userId?: number
+  userType?: number
+  applicationName?: string
+  requestUrl?: string
+  exceptionTime?: Date[]
+  processStatus: number
+}
+
+// 查询列表API 访问日志
+export function getApiErrorLogPage(params: ApiErrorLogPageReqVO) {
+  return defHttp.get({ url: '/infra/api-error-log/page', params })
+}
+
+// 更新 API 错误日志的处理状态
+export function updateApiErrorLogProcess(id: number, processStatus: number) {
+  return defHttp.put({
+    url: `/infra/api-error-log/update-status?id=${id}&processStatus=${processStatus}`,
+  })
+}
+
+// 导出API 错误日志
+export function exportApiErrorLog(params: ApiErrorLogExportReqVO) {
+  return defHttp.download(
+    {
+      url: '/infra/api-error-log/export-excel',
+      params,
+    },
+    '错误日志.xls',
+  )
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/codegen/index.ts b/yunxi-ui-admin-vben/src/api/infra/codegen/index.ts
new file mode 100644
index 0000000..d215fa9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/codegen/index.ts
@@ -0,0 +1,57 @@
+import type { CodegenCreateListReqVO, CodegenUpdateReqVO } from './types'
+import { defHttp } from '@/utils/http/axios'
+
+// 查询列表代码生成表定义
+export function getCodegenTablePage(params) {
+  return defHttp.get({ url: '/infra/codegen/table/page', params })
+}
+
+// 查询详情代码生成表定义
+export function getCodegenTable(id: number) {
+  return defHttp.get({ url: `/infra/codegen/detail?tableId=${id}` })
+}
+
+// 新增代码生成表定义
+export function createCodegenTable(data: CodegenCreateListReqVO) {
+  return defHttp.post({ url: '/infra/codegen/create', data })
+}
+
+// 修改代码生成表定义
+export function updateCodegenTable(data: CodegenUpdateReqVO) {
+  return defHttp.put({ url: '/infra/codegen/update', data })
+}
+
+// 基于数据库的表结构，同步数据库的表和字段定义
+export function syncCodegenFromDB(id: number) {
+  return defHttp.put({ url: `/infra/codegen/sync-from-db?tableId=${id}` })
+}
+
+// 基于 SQL 建表语句，同步数据库的表和字段定义
+export function syncCodegenFromSQL(id: number, sql: string) {
+  return defHttp.put({ url: `/infra/codegen/sync-from-sql?tableId=${id}&sql=${sql}` })
+}
+
+// 预览生成代码
+export function previewCodegen(id: number) {
+  return defHttp.get({ url: `/infra/codegen/preview?tableId=${id}` })
+}
+
+// 下载生成代码
+export function downloadCodegen(data) {
+  return defHttp.download({ url: `/infra/codegen/download?tableId=${data.id}` }, `${data.tableName}.zip`)
+}
+
+// 获得表定义
+export function getSchemaTableList(params) {
+  return defHttp.get({ url: '/infra/codegen/db/table/list', params })
+}
+
+// 基于数据库的表结构，创建代码生成器的表定义
+export function createCodegenList(data) {
+  return defHttp.post({ url: '/infra/codegen/create-list', data })
+}
+
+// 删除代码生成表定义
+export function deleteCodegenTable(id: number) {
+  return defHttp.delete({ url: `/infra/codegen/delete?tableId=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/codegen/types.ts b/yunxi-ui-admin-vben/src/api/infra/codegen/types.ts
new file mode 100644
index 0000000..741d0f6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/codegen/types.ts
@@ -0,0 +1,61 @@
+export interface CodegenTableVO {
+  id: number
+  tableId: number
+  isParentMenuIdValid: boolean
+  dataSourceConfigId: number
+  scene: number
+  tableName: string
+  tableComment: string
+  remark: string
+  moduleName: string
+  businessName: string
+  className: string
+  classComment: string
+  author: string
+  createTime: Date
+  updateTime: Date
+  templateType: number
+  parentMenuId: number
+}
+
+export interface CodegenColumnVO {
+  id: number
+  tableId: number
+  columnName: string
+  dataType: string
+  columnComment: string
+  nullable: number
+  primaryKey: number
+  autoIncrement: string
+  ordinalPosition: number
+  javaType: string
+  javaField: string
+  dictType: string
+  example: string
+  createOperation: number
+  updateOperation: number
+  listOperation: number
+  listOperationCondition: string
+  listOperationResult: number
+  htmlType: string
+}
+export interface DatabaseTableVO {
+  name: string
+  comment: string
+}
+export interface CodegenDetailVO {
+  table: CodegenTableVO
+  columns: CodegenColumnVO[]
+}
+export interface CodegenPreviewVO {
+  filePath: string
+  code: string
+}
+export interface CodegenUpdateReqVO {
+  table: CodegenTableVO
+  columns: CodegenColumnVO[]
+}
+export interface CodegenCreateListReqVO {
+  dataSourceConfigId: number
+  tableNames: string[]
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/config/index.ts b/yunxi-ui-admin-vben/src/api/infra/config/index.ts
new file mode 100644
index 0000000..a121586
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/config/index.ts
@@ -0,0 +1,62 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ConfigVO {
+  id: number
+  category: string
+  name: string
+  key: string
+  value: string
+  type: number
+  visible: boolean
+  remark: string
+  createTime: Date
+}
+
+export interface ConfigPageReqVO extends PageParam {
+  name?: string
+  key?: string
+  type?: number
+  createTime?: Date[]
+}
+
+export interface ConfigExportReqVO {
+  name?: string
+  key?: string
+  type?: number
+  createTime?: Date[]
+}
+
+// 查询参数列表
+export function getConfigPage(params: ConfigPageReqVO) {
+  return defHttp.get({ url: '/infra/config/page', params })
+}
+
+// 查询参数详情
+export function getConfig(id: number) {
+  return defHttp.get({ url: `/infra/config/get?id=${id}` })
+}
+
+// 根据参数键名查询参数值
+export function getConfigKey(configKey: string) {
+  return defHttp.get({ url: `/infra/config/get-value-by-key?key=${configKey}` })
+}
+
+// 新增参数
+export function createConfig(data: ConfigVO) {
+  return defHttp.post({ url: '/infra/config/create', data })
+}
+
+// 修改参数
+export function updateConfig(data: ConfigVO) {
+  return defHttp.put({ url: '/infra/config/update', data })
+}
+
+// 删除参数
+export function deleteConfig(id: number) {
+  return defHttp.delete({ url: `/infra/config/delete?id=${id}` })
+}
+
+// 导出参数
+export function exportConfig(params: ConfigExportReqVO) {
+  return defHttp.download({ url: '/infra/config/export', params }, '参数.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/dataSourceConfig/index.ts b/yunxi-ui-admin-vben/src/api/infra/dataSourceConfig/index.ts
new file mode 100644
index 0000000..b2e81a7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/dataSourceConfig/index.ts
@@ -0,0 +1,35 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface DataSourceConfigVO {
+  id: number
+  name: string
+  url: string
+  username: string
+  password: string
+  createTime: Date
+}
+
+// 查询数据源配置列表
+export function getDataSourceConfigList() {
+  return defHttp.get({ url: '/infra/data-source-config/list' })
+}
+
+// 查询数据源配置详情
+export function getDataSourceConfig(id: number) {
+  return defHttp.get({ url: `/infra/data-source-config/get?id=${id}` })
+}
+
+// 新增数据源配置
+export function createDataSourceConfig(data: DataSourceConfigVO) {
+  return defHttp.post({ url: '/infra/data-source-config/create', data })
+}
+
+// 修改数据源配置
+export function updateDataSourceConfig(data: DataSourceConfigVO) {
+  return defHttp.put({ url: '/infra/data-source-config/update', data })
+}
+
+// 删除数据源配置
+export function deleteDataSourceConfig(id: number) {
+  return defHttp.delete({ url: `/infra/data-source-config/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/dbDoc/index.ts b/yunxi-ui-admin-vben/src/api/infra/dbDoc/index.ts
new file mode 100644
index 0000000..39d3617
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/dbDoc/index.ts
@@ -0,0 +1,16 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 导出Html
+export function exportHtml() {
+  return defHttp.get({ url: '/infra/db-doc/export-html', responseType: 'blob' })
+}
+
+// 导出Word
+export function exportWord() {
+  return defHttp.get({ url: '/infra/db-doc/export-word', responseType: 'blob' })
+}
+
+// 导出Markdown
+export function exportMarkdown() {
+  return defHttp.get({ url: '/infra/db-doc/export-markdown', responseType: 'blob' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/file/index.ts b/yunxi-ui-admin-vben/src/api/infra/file/index.ts
new file mode 100644
index 0000000..fc071a6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/file/index.ts
@@ -0,0 +1,28 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface FileVO {
+  id: number
+  configId: number
+  path: string
+  name: string
+  url: string
+  size: string
+  type: string
+  createTime: Date
+}
+
+export interface FilePageReqVO extends PageParam {
+  path?: string
+  type?: string
+  createTime?: Date[]
+}
+
+// 查询文件列表
+export function getFilePage(params: FilePageReqVO) {
+  return defHttp.get({ url: '/infra/file/page', params })
+}
+
+// 删除文件
+export function deleteFile(id: number) {
+  return defHttp.delete({ url: `/infra/file/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/fileConfig/index.ts b/yunxi-ui-admin-vben/src/api/infra/fileConfig/index.ts
new file mode 100644
index 0000000..95b9ae0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/fileConfig/index.ts
@@ -0,0 +1,66 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface FileClientConfig {
+  basePath: string
+  host?: string
+  port?: number
+  username?: string
+  password?: string
+  mode?: string
+  endpoint?: string
+  bucket?: string
+  accessKey?: string
+  accessSecret?: string
+  domain: string
+}
+export interface FileConfigVO {
+  id: number
+  name: string
+  storage: number
+  master: boolean
+  visible: boolean
+  config: FileClientConfig
+  remark: string
+  createTime: Date
+}
+
+export interface FileConfigPageReqVO extends PageParam {
+  name?: string
+  storage?: number
+  createTime?: Date[]
+}
+
+// 查询文件配置列表
+export function getFileConfigPage(params: FileConfigPageReqVO) {
+  return defHttp.get({ url: '/infra/file-config/page', params })
+}
+
+// 查询文件配置详情
+export function getFileConfig(id: number) {
+  return defHttp.get({ url: `/infra/file-config/get?id=${id}` })
+}
+
+// 更新文件配置为主配置
+export function updateFileConfigMaster(id: number) {
+  return defHttp.put({ url: `/infra/file-config/update-master?id=${id}` })
+}
+
+// 新增文件配置
+export function createFileConfig(data: FileConfigVO) {
+  return defHttp.post({ url: '/infra/file-config/create', data })
+}
+
+// 修改文件配置
+export function updateFileConfig(data: FileConfigVO) {
+  return defHttp.put({ url: '/infra/file-config/update', data })
+}
+
+// 删除文件配置
+export function deleteFileConfig(id: number) {
+  return defHttp.delete({ url: `/infra/file-config/delete?id=${id}` })
+}
+
+// 测试文件配置
+export function testFileConfig(id: number) {
+  return defHttp.get({ url: `/infra/file-config/test?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/job/index.ts b/yunxi-ui-admin-vben/src/api/infra/job/index.ts
new file mode 100644
index 0000000..6c7ed9e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/job/index.ts
@@ -0,0 +1,71 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface JobVO {
+  id: number
+  name: string
+  status: number
+  handlerName: string
+  handlerParam: string
+  cronExpression: string
+  retryCount: number
+  retryInterval: number
+  monitorTimeout: number
+  createTime: Date
+}
+
+export interface JobPageReqVO extends PageParam {
+  name?: string
+  status?: number
+  handlerName?: string
+}
+
+export interface JobExportReqVO {
+  name?: string
+  status?: number
+  handlerName?: string
+}
+
+// 任务列表
+export function getJobPage(params: JobPageReqVO) {
+  return defHttp.get({ url: '/infra/job/page', params })
+}
+
+// 任务详情
+export function getJob(id: number) {
+  return defHttp.get({ url: `/infra/job/get?id=${id}` })
+}
+
+// 新增任务
+export function createJob(data: JobVO) {
+  return defHttp.post({ url: '/infra/job/create', data })
+}
+
+// 修改定时任务调度
+export function updateJob(data: JobVO) {
+  return defHttp.put({ url: '/infra/job/update', data })
+}
+
+// 删除定时任务调度
+export function deleteJob(id: number) {
+  return defHttp.delete({ url: `/infra/job/delete?id=${id}` })
+}
+
+// 导出定时任务调度
+export function exportJob(params: JobExportReqVO) {
+  return defHttp.download({ url: '/infra/job/export-excel', params }, '定时任务.xls')
+}
+
+// 任务状态修改
+export function updateJobStatus(id: number, status: number) {
+  return defHttp.put({ url: `/infra/job/update-status?id=${id}&status=${status}` })
+}
+
+// 定时任务立即执行一次
+export function runJob(id: number) {
+  return defHttp.put({ url: `/infra/job/trigger?id=${id}` })
+}
+
+// 获得定时任务的下 n 次执行时间
+export function getJobNextTimes(id: number) {
+  return defHttp.get({ url: `/infra/job/get_next_times?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/jobLog/index.ts b/yunxi-ui-admin-vben/src/api/infra/jobLog/index.ts
new file mode 100644
index 0000000..cdb8ca6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/jobLog/index.ts
@@ -0,0 +1,46 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface JobLogVO {
+  id: number
+  jobId: number
+  handlerName: string
+  handlerParam: string
+  cronExpression: string
+  executeIndex: string
+  beginTime: string
+  endTime: string
+  duration: string
+  status: number
+  createTime: string
+}
+
+export interface JobLogPageReqVO extends PageParam {
+  jobId?: number
+  handlerName?: string
+  beginTime?: string
+  endTime?: string
+  status?: number
+}
+
+export interface JobLogExportReqVO {
+  jobId?: number
+  handlerName?: string
+  beginTime?: string
+  endTime?: string
+  status?: number
+}
+
+// 任务日志列表
+export function getJobLogPage(params: JobLogPageReqVO) {
+  return defHttp.get({ url: '/infra/job-log/page', params })
+}
+
+// 任务日志详情
+export function getJobLog(id: number) {
+  return defHttp.get({ url: `/infra/job-log/get?id=${id}` })
+}
+
+// 导出定时任务日志
+export function exportJobLog(params: JobLogExportReqVO) {
+  return defHttp.download({ url: '/infra/job-log/export-excel', params }, '定时任务日志.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/redis/index.ts b/yunxi-ui-admin-vben/src/api/infra/redis/index.ts
new file mode 100644
index 0000000..bc9a8f4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/redis/index.ts
@@ -0,0 +1,8 @@
+import { defHttp } from '@/utils/http/axios'
+
+/**
+ * 获取redis 监控信息
+ */
+export function getCache() {
+  return defHttp.get({ url: '/infra/redis/get-monitor-info' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/infra/redis/types.ts b/yunxi-ui-admin-vben/src/api/infra/redis/types.ts
new file mode 100644
index 0000000..2342e54
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/infra/redis/types.ts
@@ -0,0 +1,185 @@
+export interface RedisMonitorInfoVO {
+  info: RedisInfoVO
+  dbSize: number
+  commandStats: RedisCommandStatsVO[]
+}
+
+export interface RedisInfoVO {
+  io_threaded_reads_processed: string
+  tracking_clients: string
+  uptime_in_seconds: string
+  cluster_connections: string
+  current_cow_size: string
+  maxmemory_human: string
+  aof_last_cow_size: string
+  master_replid2: string
+  mem_replication_backlog: string
+  aof_rewrite_scheduled: string
+  total_net_input_bytes: string
+  rss_overhead_ratio: string
+  hz: string
+  current_cow_size_age: string
+  redis_build_id: string
+  errorstat_BUSYGROUP: string
+  aof_last_bgrewrite_status: string
+  multiplexing_api: string
+  client_recent_max_output_buffer: string
+  allocator_resident: string
+  mem_fragmentation_bytes: string
+  aof_current_size: string
+  repl_backlog_first_byte_offset: string
+  tracking_total_prefixes: string
+  redis_mode: string
+  redis_git_dirty: string
+  aof_delayed_fsync: string
+  allocator_rss_bytes: string
+  repl_backlog_histlen: string
+  io_threads_active: string
+  rss_overhead_bytes: string
+  total_system_memory: string
+  loading: string
+  evicted_keys: string
+  maxclients: string
+  cluster_enabled: string
+  redis_version: string
+  repl_backlog_active: string
+  mem_aof_buffer: string
+  allocator_frag_bytes: string
+  io_threaded_writes_processed: string
+  instantaneous_ops_per_sec: string
+  used_memory_human: string
+  total_error_replies: string
+  role: string
+  maxmemory: string
+  used_memory_lua: string
+  rdb_current_bgsave_time_sec: string
+  used_memory_startup: string
+  used_cpu_sys_main_thread: string
+  lazyfree_pending_objects: string
+  aof_pending_bio_fsync: string
+  used_memory_dataset_perc: string
+  allocator_frag_ratio: string
+  arch_bits: string
+  used_cpu_user_main_thread: string
+  mem_clients_normal: string
+  expired_time_cap_reached_count: string
+  unexpected_error_replies: string
+  mem_fragmentation_ratio: string
+  aof_last_rewrite_time_sec: string
+  master_replid: string
+  aof_rewrite_in_progress: string
+  lru_clock: string
+  maxmemory_policy: string
+  run_id: string
+  latest_fork_usec: string
+  tracking_total_items: string
+  total_commands_processed: string
+  expired_keys: string
+  errorstat_ERR: string
+  used_memory: string
+  module_fork_in_progress: string
+  errorstat_WRONGPASS: string
+  aof_buffer_length: string
+  dump_payload_sanitizations: string
+  mem_clients_slaves: string
+  keyspace_misses: string
+  server_time_usec: string
+  executable: string
+  lazyfreed_objects: string
+  db0: string
+  used_memory_peak_human: string
+  keyspace_hits: string
+  rdb_last_cow_size: string
+  aof_pending_rewrite: string
+  used_memory_overhead: string
+  active_defrag_hits: string
+  tcp_port: string
+  uptime_in_days: string
+  used_memory_peak_perc: string
+  current_save_keys_processed: string
+  blocked_clients: string
+  total_reads_processed: string
+  expire_cycle_cpu_milliseconds: string
+  sync_partial_err: string
+  used_memory_scripts_human: string
+  aof_current_rewrite_time_sec: string
+  aof_enabled: string
+  process_supervised: string
+  master_repl_offset: string
+  used_memory_dataset: string
+  used_cpu_user: string
+  rdb_last_bgsave_status: string
+  tracking_total_keys: string
+  atomicvar_api: string
+  allocator_rss_ratio: string
+  client_recent_max_input_buffer: string
+  clients_in_timeout_table: string
+  aof_last_write_status: string
+  mem_allocator: string
+  used_memory_scripts: string
+  used_memory_peak: string
+  process_id: string
+  master_failover_state: string
+  errorstat_NOAUTH: string
+  used_cpu_sys: string
+  repl_backlog_size: string
+  connected_slaves: string
+  current_save_keys_total: string
+  gcc_version: string
+  total_system_memory_human: string
+  sync_full: string
+  connected_clients: string
+  module_fork_last_cow_size: string
+  total_writes_processed: string
+  allocator_active: string
+  total_net_output_bytes: string
+  pubsub_channels: string
+  current_fork_perc: string
+  active_defrag_key_hits: string
+  rdb_changes_since_last_save: string
+  instantaneous_input_kbps: string
+  used_memory_rss_human: string
+  configured_hz: string
+  expired_stale_perc: string
+  active_defrag_misses: string
+  used_cpu_sys_children: string
+  number_of_cached_scripts: string
+  sync_partial_ok: string
+  used_memory_lua_human: string
+  rdb_last_save_time: string
+  pubsub_patterns: string
+  slave_expires_tracked_keys: string
+  redis_git_sha1: string
+  used_memory_rss: string
+  rdb_last_bgsave_time_sec: string
+  os: string
+  mem_not_counted_for_evict: string
+  active_defrag_running: string
+  rejected_connections: string
+  aof_rewrite_buffer_length: string
+  total_forks: string
+  active_defrag_key_misses: string
+  allocator_allocated: string
+  aof_base_size: string
+  instantaneous_output_kbps: string
+  second_repl_offset: string
+  rdb_bgsave_in_progress: string
+  used_cpu_user_children: string
+  total_connections_received: string
+  migrate_cached_sockets: string
+}
+
+export interface RedisCommandStatsVO {
+  command: string
+  calls: number
+  usec: number
+}
+
+export interface RedisKeyInfo {
+  keyTemplate: string
+  keyType: string
+  valueType: string
+  timeoutType: number
+  timeout: number
+  memo: string
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/address/index.ts b/yunxi-ui-admin-vben/src/api/member/address/index.ts
new file mode 100644
index 0000000..1d8fb25
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/address/index.ts
@@ -0,0 +1,15 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface AddressVO {
+  id: number
+  name: string
+  mobile: string
+  areaId: number
+  detailAddress: string
+  defaultStatus: boolean
+}
+
+// 查询用户收件地址列表
+export function getAddressList(params) {
+  return defHttp.get({ url: '/member/address/list', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/group/index.ts b/yunxi-ui-admin-vben/src/api/member/group/index.ts
new file mode 100644
index 0000000..1787fed
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/group/index.ts
@@ -0,0 +1,38 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface GroupVO {
+  id: number
+  name: string
+  remark: string
+  status: number
+}
+
+// 查询用户分组列表
+export function getGroupPage(params: any) {
+  return defHttp.get({ url: '/member/group/page', params })
+}
+
+// 查询用户分组详情
+export function getGroup(id: number) {
+  return defHttp.get({ url: `/member/group/get?id=${id}` })
+}
+
+// 新增用户分组
+export function createGroup(data: GroupVO) {
+  return defHttp.post({ url: '/member/group/create', data })
+}
+
+// 查询用户分组 - 精简信息列表
+export function getSimpleGroupList() {
+  return defHttp.get({ url: '/member/group/list-all-simple' })
+}
+
+// 修改用户分组
+export function updateGroup(data: GroupVO) {
+  return defHttp.put({ url: '/member/group/update', data })
+}
+
+// 删除用户分组
+export function deleteGroup(id: number) {
+  return defHttp.delete({ url: `/member/group/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/level/index.ts b/yunxi-ui-admin-vben/src/api/member/level/index.ts
new file mode 100644
index 0000000..d192124
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/level/index.ts
@@ -0,0 +1,42 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface LevelVO {
+  id: number
+  name: string
+  experience: number
+  value: number
+  discountPercent: number
+  icon: string
+  bgUrl: string
+  status: number
+}
+
+// 查询会员等级列表
+export function getLevelList(params) {
+  return defHttp.get({ url: '/member/level/list', params })
+}
+
+// 查询会员等级详情
+export function getLevel(id: number) {
+  return defHttp.get({ url: `/member/level/get?id=${id}` })
+}
+
+// 查询会员等级 - 精简信息列表
+export function getSimpleLevelList() {
+  return defHttp.get({ url: '/member/level/list-all-simple' })
+}
+
+// 新增会员等级
+export function createLevel(data: LevelVO) {
+  return defHttp.post({ url: '/member/level/create', data })
+}
+
+// 修改会员等级
+export function updateLevel(data: LevelVO) {
+  return defHttp.put({ url: '/member/level/update', data })
+}
+
+// 删除会员等级
+export function deleteLevel(id: number) {
+  return defHttp.delete({ url: `/member/level/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/point/config/index.ts b/yunxi-ui-admin-vben/src/api/member/point/config/index.ts
new file mode 100644
index 0000000..d6abc99
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/point/config/index.ts
@@ -0,0 +1,19 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ConfigVO {
+  id: number
+  tradeDeductEnable: number
+  tradeDeductUnitPrice: number
+  tradeDeductMaxPrice: number
+  tradeGivePoint: number
+}
+
+// 查询积分设置详情
+export function getConfig() {
+  return defHttp.get({ url: '/member/point/config/get' })
+}
+
+// 新增修改积分设置
+export function saveConfig(data: ConfigVO) {
+  return defHttp.put({ url: '/member/point/config/save', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/point/record/index.ts b/yunxi-ui-admin-vben/src/api/member/point/record/index.ts
new file mode 100644
index 0000000..e209e11
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/point/record/index.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface RecordVO {
+  id: number
+  bizId: string
+  bizType: string
+  title: string
+  description: string
+  point: number
+  totalPoint: number
+  status: number
+  userId: number
+  freezingTime: Date
+  thawingTime: Date
+  createDate: Date
+}
+
+// 查询用户积分记录列表
+export function getRecordPage(params) {
+  return defHttp.get({ url: '/member/point/record/page', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/signin/config/index.ts b/yunxi-ui-admin-vben/src/api/member/signin/config/index.ts
new file mode 100644
index 0000000..19aa5b8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/signin/config/index.ts
@@ -0,0 +1,33 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SignInConfigVO {
+  id: number
+  day: number | null
+  point: number | null
+  enable: boolean | null
+}
+
+// 查询积分签到规则列表
+export function getSignInConfigList() {
+  return defHttp.get({ url: '/member/point/sign-in-config/list' })
+}
+
+// 查询积分签到规则详情
+export function getSignInConfig(id: number) {
+  return defHttp.get({ url: `/member/point/sign-in-config/get?id=${id}` })
+}
+
+// 新增积分签到规则
+export function createSignInConfig(data: SignInConfigVO) {
+  return defHttp.post({ url: '/member/point/sign-in-config/create', data })
+}
+
+// 修改积分签到规则
+export function updateSignInConfig(data: SignInConfigVO) {
+  return defHttp.put({ url: '/member/point/sign-in-config/update', data })
+}
+
+// 删除积分签到规则
+export function deleteSignInConfig(id: number) {
+  return defHttp.delete({ url: `/member/point/sign-in-config/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/signin/record/index.ts b/yunxi-ui-admin-vben/src/api/member/signin/record/index.ts
new file mode 100644
index 0000000..5836e09
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/signin/record/index.ts
@@ -0,0 +1,13 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SignInRecordVO {
+  id: number
+  userId: number
+  day: number
+  point: number
+}
+
+// 查询用户签到积分列表
+export function getSignInRecordPage(params) {
+  return defHttp.get({ url: '/member/point/sign-in-record/page', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/tag/index.ts b/yunxi-ui-admin-vben/src/api/member/tag/index.ts
new file mode 100644
index 0000000..b37914a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/tag/index.ts
@@ -0,0 +1,36 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface TagVO {
+  id: number
+  name: string
+}
+
+// 查询会员标签列表
+export function getMemberTagPage(params) {
+  return defHttp.get({ url: '/member/tag/page', params })
+}
+
+// 查询会员标签详情
+export function getMemberTag(id: number) {
+  return defHttp.get({ url: `/member/tag/get?id=${id}` })
+}
+
+// 查询会员标签 - 精简信息列表
+export function getSimpleTagList() {
+  return defHttp.get({ url: '/member/tag/list-all-simple' })
+}
+
+// 新增会员标签
+export function createMemberTag(data: TagVO) {
+  return defHttp.post({ url: '/member/tag/create', data })
+}
+
+// 修改会员标签
+export function updateMemberTag(data: TagVO) {
+  return defHttp.put({ url: '/member/tag/update', data })
+}
+
+// 删除会员标签
+export function deleteMemberTag(id: number) {
+  return defHttp.delete({ url: `/member/tag/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/member/user/index.ts b/yunxi-ui-admin-vben/src/api/member/user/index.ts
new file mode 100644
index 0000000..3a4a13e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/member/user/index.ts
@@ -0,0 +1,39 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface UserVO {
+  id: number
+  mobile: string
+  password: string
+  status: number
+  registerIp: string
+  loginIp: string
+  loginDate: Date
+  nickname: string
+  avatar: string
+  name: string
+  sex: number
+  areaId: number
+  birthday: Date
+  mark: string
+  createTime: Date
+}
+
+// 查询会员用户列表
+export function getUserPage(params) {
+  return defHttp.get({ url: '/member/user/page', params })
+}
+
+// 查询会员用户详情
+export function getUser(id: number) {
+  return defHttp.get({ url: `/member/user/get?id=${id}` })
+}
+
+// 修改会员用户
+export function updateUser(data: UserVO) {
+  return defHttp.put({ url: '/member/user/update', data })
+}
+
+// 修改会员用户等级
+export function updateUserLevel(data: any) {
+  return defHttp.put({ url: '/member/user/update-level', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/account/index.ts b/yunxi-ui-admin-vben/src/api/mp/account/index.ts
new file mode 100644
index 0000000..631f182
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/account/index.ts
@@ -0,0 +1,46 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface AccountVO {
+  id?: number
+  name: string
+}
+
+// 创建公众号账号
+export function createAccount(data) {
+  return defHttp.post({ url: '/mp/account/create', data })
+}
+
+// 更新公众号账号
+export function updateAccount(data) {
+  return defHttp.put({ url: '/mp/account/update', data })
+}
+
+// 删除公众号账号
+export function deleteAccount(id) {
+  return defHttp.delete({ url: `/mp/account/delete?id=${id}`, method: 'delete' })
+}
+
+// 获得公众号账号
+export function getAccount(id) {
+  return defHttp.get({ url: `/mp/account/get?id=${id}` })
+}
+
+// 获得公众号账号分页
+export function getAccountPage(params) {
+  return defHttp.get({ url: '/mp/account/page', params })
+}
+
+// 获取公众号账号精简信息列表
+export function getSimpleAccounts() {
+  return defHttp.get({ url: '/mp/account/list-all-simple' })
+}
+
+// 生成公众号二维码
+export function generateAccountQrCode(id) {
+  return defHttp.put({ url: `/mp/account/generate-qr-code?id=${id}` })
+}
+
+// 清空公众号 API 配额
+export function clearAccountQuota(id) {
+  return defHttp.put({ url: `/mp/account/clear-quota?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/autoReply/index.ts b/yunxi-ui-admin-vben/src/api/mp/autoReply/index.ts
new file mode 100644
index 0000000..01b29f6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/autoReply/index.ts
@@ -0,0 +1,26 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建公众号的自动回复
+export function createAutoReply(data) {
+  return defHttp.post({ url: '/mp/auto-reply/create', data })
+}
+
+// 更新公众号的自动回复
+export function updateAutoReply(data) {
+  return defHttp.put({ url: '/mp/auto-reply/update', data })
+}
+
+// 删除公众号的自动回复
+export function deleteAutoReply(id) {
+  return defHttp.delete({ url: `/mp/auto-reply/delete?id=${id}` })
+}
+
+// 获得公众号的自动回复
+export function getAutoReply(id) {
+  return defHttp.get({ url: `/mp/auto-reply/get?id=${id}` })
+}
+
+// 获得公众号的自动回复分页
+export function getAutoReplyPage(params) {
+  return defHttp.get({ url: '/mp/auto-reply/page', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/draft/index.ts b/yunxi-ui-admin-vben/src/api/mp/draft/index.ts
new file mode 100644
index 0000000..dc68700
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/draft/index.ts
@@ -0,0 +1,26 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得公众号草稿分页
+export function getDraftPage(params) {
+  return defHttp.get({ url: '/mp/draft/page', params })
+}
+
+// 创建公众号草稿
+export function createDraft(accountId, articles) {
+  return defHttp.post({
+    url: `/mp/draft/create?accountId=${accountId}`,
+    data: {
+      articles,
+    },
+  })
+}
+
+// 更新公众号草稿
+export function updateDraft(accountId, mediaId, articles) {
+  return defHttp.put({ url: `/mp/draft/update?accountId=${accountId}&mediaId=${mediaId}`, data: articles })
+}
+
+// 删除公众号草稿
+export function deleteDraft(accountId, mediaId) {
+  return defHttp.delete({ url: `/mp/draft/delete?accountId=${accountId}&mediaId=${mediaId}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/freePublish/index.ts b/yunxi-ui-admin-vben/src/api/mp/freePublish/index.ts
new file mode 100644
index 0000000..7d30314
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/freePublish/index.ts
@@ -0,0 +1,16 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得公众号素材分页
+export function getFreePublishPage(params) {
+  return defHttp.get({ url: '/mp/free-publish/page', params })
+}
+
+// 删除公众号素材
+export function deleteFreePublish(accountId, articleId) {
+  return defHttp.delete({ url: `/mp/free-publish/delete?accountId=${accountId}&&articleId=${articleId}` })
+}
+
+// 发布公众号素材
+export function submitFreePublish(accountId, mediaId) {
+  return defHttp.post({ url: `/mp/free-publish/submit?accountId=${accountId}&&mediaId=${mediaId}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/material/index.ts b/yunxi-ui-admin-vben/src/api/mp/material/index.ts
new file mode 100644
index 0000000..28250fe
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/material/index.ts
@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得公众号素材分页
+export function getMaterialPage(params) {
+  return defHttp.get({ url: '/mp/material/page', params })
+}
+
+// 删除公众号永久素材
+export function deletePermanentMaterial(id) {
+  return defHttp.delete({ url: `/mp/material/delete-permanent?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/menu/index.ts b/yunxi-ui-admin-vben/src/api/mp/menu/index.ts
new file mode 100644
index 0000000..f8efa21
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/menu/index.ts
@@ -0,0 +1,22 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得公众号菜单列表
+export function getMenuList(accountId) {
+  return defHttp.get({ url: `/mp/menu/list?accountId=${accountId}` })
+}
+
+// 保存公众号菜单
+export function saveMenu(accountId, menus) {
+  return defHttp.post({
+    url: '/mp/menu/save',
+    data: {
+      accountId,
+      menus,
+    },
+  })
+}
+
+// 删除公众号菜单
+export function deleteMenu(accountId) {
+  return defHttp.delete({ url: `/mp/menu/delete?accountId=${accountId}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/message/index.ts b/yunxi-ui-admin-vben/src/api/mp/message/index.ts
new file mode 100644
index 0000000..aa4689a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/message/index.ts
@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得公众号消息分页
+export function getMessagePage(params) {
+  return defHttp.get({ url: '/mp/message/page', params })
+}
+
+// 给粉丝发送消息
+export function sendMessage(data) {
+  return defHttp.post({ url: '/mp/message/send', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/mpuser/index.ts b/yunxi-ui-admin-vben/src/api/mp/mpuser/index.ts
new file mode 100644
index 0000000..fff41af
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/mpuser/index.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 更新公众号粉丝
+export function updateUser(data) {
+  return defHttp.put({ url: '/mp/user/update', data })
+}
+
+// 获得公众号粉丝
+export function getUser(id) {
+  return defHttp.get({ url: `/mp/user/get?id=${id}` })
+}
+
+// 获得公众号粉丝分页
+export function getUserPage(params) {
+  return defHttp.get({ url: '/mp/user/page', params })
+}
+
+// 同步公众号粉丝
+export function syncUser(accountId) {
+  return defHttp.post({ url: `/mp/user/sync?accountId=${accountId}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/statistics/index.ts b/yunxi-ui-admin-vben/src/api/mp/statistics/index.ts
new file mode 100644
index 0000000..00aeff9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/statistics/index.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获取消息发送概况数据
+export function getUpstreamMessage(params) {
+  return defHttp.get({ url: '/mp/statistics/upstream-message', params })
+}
+
+// 用户增减数据
+export function getUserSummary(params) {
+  return defHttp.get({ url: '/mp/statistics/user-summary', params })
+}
+
+// 获得用户累计数据
+export function getUserCumulate(params) {
+  return defHttp.get({ url: '/mp/statistics/user-cumulate', params })
+}
+
+// 获得接口分析数据
+export function getInterfaceSummary(params) {
+  return defHttp.get({ url: '/mp/statistics/interface-summary', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/mp/tag/index.ts b/yunxi-ui-admin-vben/src/api/mp/tag/index.ts
new file mode 100644
index 0000000..4b8d4a1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/mp/tag/index.ts
@@ -0,0 +1,36 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建公众号标签
+export function createTag(data) {
+  return defHttp.post({ url: '/mp/tag/create', data })
+}
+
+// 更新公众号标签
+export function updateTag(data) {
+  return defHttp.put({ url: '/mp/tag/update', data })
+}
+
+// 删除公众号标签
+export function deleteTag(id) {
+  return defHttp.delete({ url: `/mp/tag/delete?id=${id}` })
+}
+
+// 获得公众号标签
+export function getTag(id) {
+  return defHttp.get({ url: `/mp/tag/get?id=${id}` })
+}
+
+// 获得公众号标签分页
+export function getTagPage(params) {
+  return defHttp.get({ url: '/mp/tag/page', params })
+}
+
+// 获取公众号标签精简信息列表
+export function getSimpleTags() {
+  return defHttp.get({ url: '/mp/tag/list-all-simple' })
+}
+
+// 同步公众号标签
+export function syncTag(accountId) {
+  return defHttp.post({ url: `/mp/tag/sync?accountId=${accountId}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/pay/app/index.ts b/yunxi-ui-admin-vben/src/api/pay/app/index.ts
new file mode 100644
index 0000000..b68395e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/pay/app/index.ts
@@ -0,0 +1,63 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface AppVO {
+  id: number
+  name: string
+  status: number
+  remark: string
+  payNotifyUrl: string
+  refundNotifyUrl: string
+  merchantId: number
+  merchantName: string
+  createTime: Date
+}
+
+export interface AppPageReqVO extends PageParam {
+  name?: string
+  status?: number
+  remark?: string
+  payNotifyUrl?: string
+  refundNotifyUrl?: string
+  merchantName?: string
+  createTime?: Date[]
+}
+
+export interface AppUpdateStatusReqVO {
+  id: number
+  status: number
+}
+
+// 查询列表支付应用
+export function getAppPage(params: AppPageReqVO) {
+  return defHttp.get({ url: '/pay/app/page', params })
+}
+
+// 查询详情支付应用
+export function getApp(id: number) {
+  return defHttp.get({ url: `/pay/app/get?id=${id}` })
+}
+
+// 新增支付应用
+export function createApp(data: AppVO) {
+  return defHttp.post({ url: '/pay/app/create', data })
+}
+
+// 修改支付应用
+export function updateApp(data: AppVO) {
+  return defHttp.put({ url: '/pay/app/update', data })
+}
+
+// 支付应用信息状态修改
+export function changeAppStatus(data: AppUpdateStatusReqVO) {
+  return defHttp.put({ url: '/pay/app/update-status', data })
+}
+
+// 删除支付应用
+export function deleteApp(id: number) {
+  return defHttp.delete({ url: `/pay/app/delete?id=${id}` })
+}
+
+// 获得支付应用列表
+export function getAppList() {
+  return defHttp.get({ url: '/pay/app/list' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/pay/channel/index.ts b/yunxi-ui-admin-vben/src/api/pay/channel/index.ts
new file mode 100644
index 0000000..9a1f079
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/pay/channel/index.ts
@@ -0,0 +1,69 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ChannelVO {
+  id: number
+  code: string
+  config: string
+  status: number
+  remark: string
+  feeRate: number
+  merchantId: number
+  appId: number
+  createTime: Date
+}
+
+export interface ChannelPageReqVO extends PageParam {
+  code?: string
+  status?: number
+  remark?: string
+  feeRate?: number
+  merchantId?: number
+  appId?: number
+  config?: string
+  createTime?: Date[]
+}
+
+export interface ChannelExportReqVO {
+  code?: string
+  status?: number
+  remark?: string
+  feeRate?: number
+  merchantId?: number
+  appId?: number
+  config?: string
+  createTime?: Date[]
+}
+
+// 查询列表支付渠道
+export function getChannelPage(params: PageParam) {
+  return defHttp.get({ url: '/pay/channel/page', params })
+}
+
+// 查询详情支付渠道
+export function getChannel(appId: string, code: string) {
+  const params = {
+    appId,
+    code,
+  }
+  return defHttp.get({ url: '/pay/channel/get', params })
+}
+
+// 新增支付渠道
+export function createChannel(data: ChannelVO) {
+  return defHttp.post({ url: '/pay/channel/create', data })
+}
+
+// 修改支付渠道
+export function updateChannel(data: ChannelVO) {
+  return defHttp.put({ url: '/pay/channel/update', data })
+}
+
+// 删除支付渠道
+export function deleteChannel(id: number) {
+  return defHttp.delete({ url: `/pay/channel/delete?id=${id}` })
+}
+
+// 导出支付渠道
+export function exportChannel(params) {
+  return defHttp.download({ url: '/pay/channel/export-excel', params }, '支付渠道.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/pay/demo/index.ts b/yunxi-ui-admin-vben/src/api/pay/demo/index.ts
new file mode 100644
index 0000000..f61c75f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/pay/demo/index.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得示例订单分页
+export function getDemoOrderPage(params) {
+  return defHttp.get({ url: '/pay/demo-order/page', params })
+}
+
+// 获得示例订单
+export function getDemoOrder(id: number) {
+  return defHttp.get({ url: `/pay/demo-order/get?id=${id}` })
+}
+
+// 创建示例订单
+export function createDemoOrder(data) {
+  return defHttp.post({ url: '/pay/demo-order/create', data })
+}
+
+// 退款示例订单
+export function refundDemoOrder(id: number) {
+  return defHttp.put({ url: `/pay/demo-order/refund?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/pay/notify/index.ts b/yunxi-ui-admin-vben/src/api/pay/notify/index.ts
new file mode 100644
index 0000000..96f911f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/pay/notify/index.ts
@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得支付通知明细
+export function getNotifyTaskDetail(id) {
+  return defHttp.get({ url: `/pay/notify/get-detail?id=${id}` })
+}
+
+// 获得支付通知分页
+export function getNotifyTaskPage(params) {
+  return defHttp.get({ url: '/pay/notify/page', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/pay/order/index.ts b/yunxi-ui-admin-vben/src/api/pay/order/index.ts
new file mode 100644
index 0000000..ea6a969
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/pay/order/index.ts
@@ -0,0 +1,104 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OrderVO {
+  id: number
+  merchantId: number
+  appId: number
+  channelId: number
+  channelCode: string
+  merchantOrderId: string
+  subject: string
+  body: string
+  notifyUrl: string
+  notifyStatus: number
+  amount: number
+  channelFeeRate: number
+  channelFeeAmount: number
+  status: number
+  userIp: string
+  expireTime: Date
+  successTime: Date
+  notifyTime: Date
+  successExtensionId: number
+  refundStatus: number
+  refundTimes: number
+  refundAmount: number
+  channelUserId: string
+  channelOrderNo: string
+  createTime: Date
+}
+
+export interface OrderPageReqVO extends PageParam {
+  merchantId?: number
+  appId?: number
+  channelId?: number
+  channelCode?: string
+  merchantOrderId?: string
+  subject?: string
+  body?: string
+  notifyUrl?: string
+  notifyStatus?: number
+  amount?: number
+  channelFeeRate?: number
+  channelFeeAmount?: number
+  status?: number
+  expireTime?: Date[]
+  successTime?: Date[]
+  notifyTime?: Date[]
+  successExtensionId?: number
+  refundStatus?: number
+  refundTimes?: number
+  channelUserId?: string
+  channelOrderNo?: string
+  createTime?: Date[]
+}
+
+export interface OrderExportReqVO {
+  merchantId?: number
+  appId?: number
+  channelId?: number
+  channelCode?: string
+  merchantOrderId?: string
+  subject?: string
+  body?: string
+  notifyUrl?: string
+  notifyStatus?: number
+  amount?: number
+  channelFeeRate?: number
+  channelFeeAmount?: number
+  status?: number
+  expireTime?: Date[]
+  successTime?: Date[]
+  notifyTime?: Date[]
+  successExtensionId?: number
+  refundStatus?: number
+  refundTimes?: number
+  channelUserId?: string
+  channelOrderNo?: string
+  createTime?: Date[]
+}
+
+// 查询列表支付订单
+export function getOrderPage(params: OrderPageReqVO) {
+  return defHttp.get({ url: '/pay/order/page', params })
+}
+
+// 查询详情支付订单
+export function getOrder(id: number) {
+  return defHttp.get({ url: `/pay/order/get?id=${id}` })
+}
+
+// 获得支付订单的明细
+export function getOrderDetail(id: number) {
+  return defHttp.get({ url: `/pay/order/get-detail?id=${id}` })
+}
+
+// 提交支付订单
+export function submitOrder(data: any) {
+  return defHttp.post({ url: '/pay/order/submit', data })
+}
+
+// 导出支付订单
+export function exportOrder(params: OrderExportReqVO) {
+  return defHttp.download({ url: '/pay/order/export-excel', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/pay/refund/index.ts b/yunxi-ui-admin-vben/src/api/pay/refund/index.ts
new file mode 100644
index 0000000..9770fa8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/pay/refund/index.ts
@@ -0,0 +1,116 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface RefundVO {
+  id: number
+  merchantId: number
+  appId: number
+  channelId: number
+  channelCode: string
+  orderId: string
+  tradeNo: string
+  merchantOrderId: string
+  merchantRefundNo: string
+  notifyUrl: string
+  notifyStatus: number
+  status: number
+  type: number
+  payAmount: number
+  refundAmount: number
+  reason: string
+  userIp: string
+  channelOrderNo: string
+  channelRefundNo: string
+  channelErrorCode: string
+  channelErrorMsg: string
+  channelExtras: string
+  expireTime: Date
+  successTime: Date
+  notifyTime: Date
+  createTime: Date
+}
+
+export interface RefundPageReqVO extends PageParam {
+  merchantId?: number
+  appId?: number
+  channelId?: number
+  channelCode?: string
+  orderId?: string
+  tradeNo?: string
+  merchantOrderId?: string
+  merchantRefundNo?: string
+  notifyUrl?: string
+  notifyStatus?: number
+  status?: number
+  type?: number
+  payAmount?: number
+  refundAmount?: number
+  reason?: string
+  userIp?: string
+  channelOrderNo?: string
+  channelRefundNo?: string
+  channelErrorCode?: string
+  channelErrorMsg?: string
+  channelExtras?: string
+  expireTime?: Date[]
+  successTime?: Date[]
+  notifyTime?: Date[]
+  createTime?: Date[]
+}
+
+export interface PayRefundExportReqVO {
+  merchantId?: number
+  appId?: number
+  channelId?: number
+  channelCode?: string
+  orderId?: string
+  tradeNo?: string
+  merchantOrderId?: string
+  merchantRefundNo?: string
+  notifyUrl?: string
+  notifyStatus?: number
+  status?: number
+  type?: number
+  payAmount?: number
+  refundAmount?: number
+  reason?: string
+  userIp?: string
+  channelOrderNo?: string
+  channelRefundNo?: string
+  channelErrorCode?: string
+  channelErrorMsg?: string
+  channelExtras?: string
+  expireTime?: Date[]
+  successTime?: Date[]
+  notifyTime?: Date[]
+  createTime?: Date[]
+}
+
+// 查询列表退款订单
+export function getRefundPage(params: RefundPageReqVO) {
+  return defHttp.get({ url: '/pay/refund/page', params })
+}
+
+// 查询详情退款订单
+export function getRefund(id: number) {
+  return defHttp.get({ url: `/pay/refund/get?id=${id}` })
+}
+
+// 新增退款订单
+export function createRefund(data: RefundVO) {
+  return defHttp.post({ url: '/pay/refund/create', data })
+}
+
+// 修改退款订单
+export function updateRefund(data: RefundVO) {
+  return defHttp.put({ url: '/pay/refund/update', data })
+}
+
+// 删除退款订单
+export function deleteRefund(id: number) {
+  return defHttp.delete({ url: `/pay/refund/delete?id=${id}` })
+}
+
+// 导出退款订单
+export function exportRefund(params: PayRefundExportReqVO) {
+  return defHttp.download({ url: '/pay/refund/export-excel', params }, '退款订单.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/area/index.ts b/yunxi-ui-admin-vben/src/api/system/area/index.ts
new file mode 100644
index 0000000..cf318f9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/area/index.ts
@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得地区树
+export function getAreaTree() {
+  return defHttp.get({ url: '/system/area/tree' })
+}
+
+// 获得 IP 对应的地区名
+export function getAreaByIp(ip: string) {
+  return defHttp.get({ url: `/system/area/get-by-ip?ip=${ip}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/dept/index.ts b/yunxi-ui-admin-vben/src/api/system/dept/index.ts
new file mode 100644
index 0000000..6ab2173
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/dept/index.ts
@@ -0,0 +1,48 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface DeptVO {
+  id?: number
+  name: string
+  parentId: number
+  status: number
+  sort: number
+  leaderUserId: number
+  phone: string
+  email: string
+  createTime: Date
+}
+
+export interface DeptPageReqVO {
+  name?: string
+  status?: number
+}
+
+// 查询部门（精简)列表
+export function listSimpleDept() {
+  return defHttp.get({ url: '/system/dept/list-all-simple' })
+}
+
+// 查询部门列表
+export function getDeptPage(params: DeptPageReqVO) {
+  return defHttp.get({ url: '/system/dept/list', params })
+}
+
+// 查询部门详情
+export function getDept(id: number) {
+  return defHttp.get({ url: `/system/dept/get?id=${id}` })
+}
+
+// 新增部门
+export function createDept(data: DeptVO) {
+  return defHttp.post({ url: '/system/dept/create', data })
+}
+
+// 修改部门
+export function updateDept(params: DeptVO) {
+  return defHttp.put({ url: '/system/dept/update', data: params })
+}
+
+// 删除部门
+export function deleteDept(id: number) {
+  return defHttp.delete({ url: `/system/dept/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/dict/data.ts b/yunxi-ui-admin-vben/src/api/system/dict/data.ts
new file mode 100644
index 0000000..1cb23ff
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/dict/data.ts
@@ -0,0 +1,36 @@
+import type { DictDataExportReqVO, DictDataPageReqVO, DictDataVO } from './types'
+import { defHttp } from '@/utils/http/axios'
+
+// 查询字典数据（精简)列表
+export function listSimpleDictData() {
+  return defHttp.get({ url: '/system/dict-data/list-all-simple' })
+}
+
+// 查询字典数据列表
+export function getDictDataPage(params: DictDataPageReqVO) {
+  return defHttp.get({ url: '/system/dict-data/page', params })
+}
+
+// 查询字典数据详情
+export function getDictData(id: number) {
+  return defHttp.get({ url: `/system/dict-data/get?id=${id}` })
+}
+
+// 新增字典数据
+export function createDictData(data: DictDataVO) {
+  return defHttp.post({ url: '/system/dict-data/create', data })
+}
+
+// 修改字典数据
+export function updateDictData(data: DictDataVO) {
+  return defHttp.put({ url: '/system/dict-data/update', data })
+}
+
+// 删除字典数据
+export function deleteDictData(id: number) {
+  return defHttp.delete({ url: `/system/dict-data/delete?id=${id}` })
+}
+// 导出字典类型数据
+export function exportDictData(params: DictDataExportReqVO) {
+  return defHttp.get({ url: '/system/dict-data/export', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/dict/type.ts b/yunxi-ui-admin-vben/src/api/system/dict/type.ts
new file mode 100644
index 0000000..c07b585
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/dict/type.ts
@@ -0,0 +1,36 @@
+import type { DictTypeExportReqVO, DictTypePageReqVO, DictTypeVO } from './types'
+import { defHttp } from '@/utils/http/axios'
+
+// 查询字典（精简)列表
+export function listSimpleDictType() {
+  return defHttp.get({ url: '/system/dict-type/list-all-simple' })
+}
+
+// 查询字典列表
+export function getDictTypePage(params: DictTypePageReqVO) {
+  return defHttp.get({ url: '/system/dict-type/page', params })
+}
+
+// 查询字典详情
+export function getDictType(id: number) {
+  return defHttp.get({ url: `/system/dict-type/get?id=${id}` })
+}
+
+// 新增字典
+export function createDictType(data: DictTypeVO) {
+  return defHttp.post({ url: '/system/dict-type/create', data })
+}
+
+// 修改字典
+export function updateDictType(data: DictTypeVO) {
+  return defHttp.put({ url: '/system/dict-type/update', data })
+}
+
+// 删除字典
+export function deleteDictType(id: number) {
+  return defHttp.delete({ url: `/system/dict-type/delete?id=${id}` })
+}
+// 导出字典类型
+export function exportDictType(params: DictTypeExportReqVO) {
+  return defHttp.get({ url: '/system/dict-type/export', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/dict/types.ts b/yunxi-ui-admin-vben/src/api/system/dict/types.ts
new file mode 100644
index 0000000..4be0d98
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/dict/types.ts
@@ -0,0 +1,46 @@
+export interface DictTypeVO {
+  id: number
+  name: string
+  type: string
+  status: number
+  remark: string
+  createTime: Date
+}
+
+export interface DictTypePageReqVO {
+  name: string
+  type: string
+  status: number
+  createTime: Date[]
+}
+
+export interface DictTypeExportReqVO {
+  name: string
+  type: string
+  status: number
+  createTime: Date[]
+}
+
+export interface DictDataVO {
+  id: number
+  sort: number
+  label: string
+  value: string
+  dictType: string
+  status: number
+  colorType: string
+  cssClass: string
+  remark: string
+  createTime: Date
+}
+export interface DictDataPageReqVO {
+  label: string
+  dictType: string
+  status: number
+}
+
+export interface DictDataExportReqVO {
+  label: string
+  dictType: string
+  status: number
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/enterprise/index.ts b/yunxi-ui-admin-vben/src/api/system/enterprise/index.ts
new file mode 100644
index 0000000..0e3ef42
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/enterprise/index.ts
@@ -0,0 +1,37 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 查询企业信息列表
+export function getEnterprisePage(params) {
+    return defHttp.get({ url: '/system/enterprise/page', params })
+}
+
+// 查询企业信息详情
+export function getEnterprise(id: number) {
+    return defHttp.get({ url: '/system/enterprise/get?id=' + id })
+}
+
+// 新增企业信息
+export function createEnterprise(data) {
+    return defHttp.post({ url: '/system/enterprise/create', data })
+}
+
+// 修改企业信息
+export function updateEnterprise(data) {
+    return defHttp.put({ url: '/system/enterprise/update', data })
+}
+
+// 修改企业状态
+export function updateEnterpriseStatus(data) {
+  return defHttp.put({ url: '/system/enterprise/updateStatus', data })
+}
+
+
+// 删除企业信息
+export function deleteEnterprise(id: number) {
+    return defHttp.delete({ url: '/system/enterprise/delete?id=' + id })
+}
+
+// 导出企业信息 Excel
+export function exportEnterprise(params) {
+    return defHttp.download({ url: '/system/enterprise/export-excel', params }, '企业信息.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/errorCode/index.ts b/yunxi-ui-admin-vben/src/api/system/errorCode/index.ts
new file mode 100644
index 0000000..de5a79a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/errorCode/index.ts
@@ -0,0 +1,49 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ErrorCodeVO {
+  id: number
+  type: number
+  applicationName: string
+  code: number
+  message: string
+  memo: string
+  createTime: Date
+}
+
+export interface ErrorCodePageReqVO extends PageParam {
+  type?: number
+  applicationName?: string
+  code?: number
+  message?: string
+  createTime?: Date[]
+}
+
+// 查询错误码列表
+export function getErrorCodePage(params: ErrorCodePageReqVO) {
+  return defHttp.get({ url: '/system/error-code/page', params })
+}
+
+// 查询错误码详情
+export function getErrorCode(id: number) {
+  return defHttp.get({ url: `/system/error-code/get?id=${id}` })
+}
+
+// 新增错误码
+export function createErrorCode(data: ErrorCodeVO) {
+  return defHttp.post({ url: '/system/error-code/create', data })
+}
+
+// 修改错误码
+export function updateErrorCode(data: ErrorCodeVO) {
+  return defHttp.put({ url: '/system/error-code/update', data })
+}
+
+// 删除错误码
+export function deleteErrorCode(id: number) {
+  return defHttp.delete({ url: `/system/error-code/delete?id=${id}` })
+}
+
+// 导出错误码
+export function excelErrorCode(params: ErrorCodePageReqVO) {
+  return defHttp.download({ url: '/system/error-code/export-excel', params }, '错误码.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/loginLog/index.ts b/yunxi-ui-admin-vben/src/api/system/loginLog/index.ts
new file mode 100644
index 0000000..db9150a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/loginLog/index.ts
@@ -0,0 +1,30 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface LoginLogVO {
+  id: number
+  logType: number
+  traceId: number
+  userId: number
+  userType: number
+  username: string
+  status: number
+  userIp: string
+  userAgent: string
+  createTime: Date
+}
+
+export interface LoginLogReqVO extends PageParam {
+  userIp?: string
+  username?: string
+  status?: boolean
+  createTime?: Date[]
+}
+
+// 查询登录日志列表
+export function getLoginLogPage(params: LoginLogReqVO) {
+  return defHttp.get({ url: '/system/login-log/page', params })
+}
+// 导出登录日志
+export function exportLoginLog(params: LoginLogReqVO) {
+  return defHttp.download({ url: '/system/login-log/export', params }, '登录日志.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/mail/account.ts b/yunxi-ui-admin-vben/src/api/system/mail/account.ts
new file mode 100644
index 0000000..ef71ae5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/mail/account.ts
@@ -0,0 +1,31 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建邮箱账号
+export function createMailAccount(data) {
+  return defHttp.post({ url: '/system/mail-account/create', data })
+}
+
+// 更新邮箱账号
+export function updateMailAccount(data) {
+  return defHttp.put({ url: '/system/mail-account/update', data })
+}
+
+// 删除邮箱账号
+export function deleteMailAccount(id: number) {
+  return defHttp.delete({ url: `/system/mail-account/delete?id=${id}` })
+}
+
+// 获得邮箱账号
+export function getMailAccount(id: number) {
+  return defHttp.get({ url: `/system/mail-account/get?id=${id}` })
+}
+
+// 获得邮箱账号分页
+export function getMailAccountPage(params) {
+  return defHttp.get({ url: '/system/mail-account/page', params })
+}
+
+// 获取邮箱账号的精简信息列表
+export function getSimpleMailAccountList() {
+  return defHttp.get({ url: '/system/mail-account/list-all-simple' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/mail/log.ts b/yunxi-ui-admin-vben/src/api/system/mail/log.ts
new file mode 100644
index 0000000..3afebca
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/mail/log.ts
@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得邮件日志
+export function getMailLog(id: number) {
+  return defHttp.get({ url: `/system/mail-log/get?id=${id}` })
+}
+
+// 获得邮件日志分页
+export function getMailAccountPage(params) {
+  return defHttp.get({ url: '/system/mail-log/page', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/mail/template.ts b/yunxi-ui-admin-vben/src/api/system/mail/template.ts
new file mode 100644
index 0000000..85ed36c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/mail/template.ts
@@ -0,0 +1,54 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建邮件模版
+export function createMailTemplate(data) {
+  return defHttp.post({ url: '/system/mail-template/create', data })
+}
+
+// 更新邮件模版
+export function updateMailTemplate(data) {
+  return defHttp.put({ url: '/system/mail-template/update', data })
+}
+
+// 删除邮件模版
+export function deleteMailTemplate(id: number) {
+  return defHttp.delete({ url: `/system/mail-template/delete?id=${id}` })
+}
+
+// 获得邮件模版
+export function getMailTemplate(id: number) {
+  return defHttp.get({ url: `/system/mail-template/get?id=${id}` })
+}
+
+// 获得邮件模版分页
+export function getMailTemplatePage(params) {
+  return defHttp.get({ url: '/system/mail-template/page', params })
+}
+
+// 邮件模板
+export interface MailTemplate {
+  name: string // 标题
+  code: string // 编码
+  accountId: number
+  nickname: string // 发送人
+  title: string // 标题
+  content: string // 内容
+  status: number //
+  remark?: any // 备注
+  id: number
+  params: string[] // 模板里的参数
+  createTime: number
+}
+
+export interface SendMailParams {
+  mail: string
+  templateCode: string
+  templateParams: {
+    [key: string]: any
+  }
+}
+
+// 发送测试邮件
+export function sendMail(data: SendMailParams) {
+  return defHttp.post({ url: '/system/mail-template/send-mail', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/menu/index.ts b/yunxi-ui-admin-vben/src/api/system/menu/index.ts
new file mode 100644
index 0000000..4ea5f68
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/menu/index.ts
@@ -0,0 +1,52 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface MenuVO {
+  id: number
+  name: string
+  permission: string
+  type: number
+  sort: number
+  parentId: number
+  path: string
+  icon: string
+  component: string
+  status: number
+  visible: boolean
+  keepAlive: boolean
+  createTime: Date
+}
+
+export interface MenuPageReqVO {
+  name?: string
+  status?: number
+}
+
+// 查询菜单（精简）列表
+export function listSimpleMenus() {
+  return defHttp.get({ url: '/system/menu/list-all-simple' })
+}
+
+// 查询菜单列表
+export function getMenuList(params: MenuPageReqVO) {
+  return defHttp.get({ url: '/system/menu/list', params })
+}
+
+// 获取菜单详情
+export function getMenu(id: number) {
+  return defHttp.get({ url: `/system/menu/get?id=${id}` })
+}
+
+// 新增菜单
+export function createMenu(data: MenuVO) {
+  return defHttp.post({ url: '/system/menu/create', data })
+}
+
+// 修改菜单
+export function updateMenu(data: MenuVO) {
+  return defHttp.put({ url: '/system/menu/update', data })
+}
+
+// 删除菜单
+export function deleteMenu(id: number) {
+  return defHttp.delete({ url: `/system/menu/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/notice/index.ts b/yunxi-ui-admin-vben/src/api/system/notice/index.ts
new file mode 100644
index 0000000..79cf924
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/notice/index.ts
@@ -0,0 +1,42 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface NoticeVO {
+  id: number
+  title: string
+  type: number
+  content: string
+  status: number
+  remark: string
+  creator: string
+  createTime: Date
+}
+
+export interface NoticePageReqVO extends PageParam {
+  title?: string
+  status?: number
+}
+
+// 查询公告列表
+export function getNoticePage(params: NoticePageReqVO) {
+  return defHttp.get({ url: '/system/notice/page', params })
+}
+
+// 查询公告详情
+export function getNotice(id: number) {
+  return defHttp.get({ url: `/system/notice/get?id=${id}` })
+}
+
+// 新增公告
+export function createNotice(data: NoticeVO) {
+  return defHttp.post({ url: '/system/notice/create', data })
+}
+
+// 修改公告
+export function updateNotice(data: NoticeVO) {
+  return defHttp.put({ url: '/system/notice/update', data })
+}
+
+// 删除公告
+export function deleteNotice(id: number) {
+  return defHttp.delete({ url: `/system/notice/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/notify/message.ts b/yunxi-ui-admin-vben/src/api/system/notify/message.ts
new file mode 100644
index 0000000..7b99571
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/notify/message.ts
@@ -0,0 +1,32 @@
+import qs from 'qs'
+import { defHttp } from '@/utils/http/axios'
+
+// 获得站内信分页
+export function getNotifyMessagePage(params) {
+  return defHttp.get({ url: '/system/notify-message/page', params })
+}
+
+// 获得我的站内信分页
+export function getMyNotifyMessagePage(params) {
+  return defHttp.get({ url: '/system/notify-message/my-page', params })
+}
+
+// 批量标记已读
+export function updateNotifyMessageRead(ids: number[]) {
+  return defHttp.put({ url: `/system/notify-message/update-read?${qs.stringify({ ids }, { indices: false })}` })
+}
+
+// 标记所有站内信为已读
+export function updateAllNotifyMessageRead() {
+  return defHttp.put({ url: '/system/notify-message/update-all-read' })
+}
+
+// 获取当前用户的最新站内信列表
+export function getUnreadNotifyMessageList() {
+  return defHttp.get({ url: '/system/notify-message/get-unread-list' })
+}
+
+// 获得当前用户的未读站内信数量
+export function getUnreadNotifyMessageCount() {
+  return defHttp.get<number>({ url: '/system/notify-message/get-unread-count' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/notify/template.ts b/yunxi-ui-admin-vben/src/api/system/notify/template.ts
new file mode 100644
index 0000000..eb6a563
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/notify/template.ts
@@ -0,0 +1,63 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建站内信模板
+export function createNotifyTemplate(data) {
+  return defHttp.post({ url: '/system/notify-template/create', data })
+}
+
+// 更新站内信模板
+export function updateNotifyTemplate(data) {
+  return defHttp.put({ url: '/system/notify-template/update', data })
+}
+
+// 删除站内信模板
+export function deleteNotifyTemplate(id: number) {
+  return defHttp.delete({ url: `/system/notify-template/delete?id=${id}` })
+}
+
+// 获得站内信模板
+export function getNotifyTemplate(id: number) {
+  return defHttp.get({ url: `/system/notify-template/get?id=${id}` })
+}
+
+// 获得站内信模板分页
+export function getNotifyTemplatePage(params) {
+  return defHttp.get({ url: '/system/notify-template/page', params })
+}
+
+// 获取岗位精简信息列表
+export function listSimplePosts() {
+  return defHttp.get({ url: '/system/post/list-all-simple' })
+}
+
+// 导出站内信模板 Excel
+export function exportNotifyTemplateExcel(params) {
+  return defHttp.download({ url: '/system/notify-template/export-excel', params }, '导出站内信模板.xls')
+}
+
+export interface SendNotifyParam {
+  userId: number
+  templateCode: string
+  templateParams: {
+    [key: string]: string
+  }
+}
+
+export interface NotifyTemplate {
+  name: string
+  code: string
+  type: number
+  nickname: string
+  content: string
+  status: number
+  remark?: any
+  id: number
+  params: string[]
+  createTime: number
+  key: string
+}
+
+// 发送
+export function sendNotify(data: SendNotifyParam) {
+  return defHttp.post({ url: '/system/notify-template/send-notify', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/oauth2/client.ts b/yunxi-ui-admin-vben/src/api/system/oauth2/client.ts
new file mode 100644
index 0000000..61dc611
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/oauth2/client.ts
@@ -0,0 +1,51 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OAuth2ClientVO {
+  id: number
+  clientId: string
+  secret: string
+  name: string
+  logo: string
+  description: string
+  status: number
+  accessTokenValiditySeconds: number
+  refreshTokenValiditySeconds: number
+  redirectUris: string[]
+  autoApprove: boolean
+  authorizedGrantTypes: string[]
+  scopes: string[]
+  authorities: string[]
+  resourceIds: string[]
+  additionalInformation: string
+  isAdditionalInformationJson: boolean
+  createTime: Date
+}
+
+export interface OAuth2ClientPageReqVO extends PageParam {
+  name?: string
+  status?: number
+}
+// 查询 OAuth2列表
+export function getOAuth2ClientPage(params: OAuth2ClientPageReqVO) {
+  return defHttp.get({ url: '/system/oauth2-client/page', params })
+}
+
+// 查询 OAuth2详情
+export function getOAuth2Client(id: number) {
+  return defHttp.get({ url: `/system/oauth2-client/get?id=${id}` })
+}
+
+// 新增 OAuth2
+export function createOAuth2Client(data: OAuth2ClientVO) {
+  return defHttp.post({ url: '/system/oauth2-client/create', data })
+}
+
+// 修改 OAuth2
+export function updateOAuth2Client(data: OAuth2ClientVO) {
+  return defHttp.put({ url: '/system/oauth2-client/update', data })
+}
+
+// 删除 OAuth2
+export function deleteOAuth2Client(id: number) {
+  return defHttp.delete({ url: `/system/oauth2-client/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/oauth2/token.ts b/yunxi-ui-admin-vben/src/api/system/oauth2/token.ts
new file mode 100644
index 0000000..26b7080
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/oauth2/token.ts
@@ -0,0 +1,28 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OAuth2TokenVO {
+  id: number
+  accessToken: string
+  refreshToken: string
+  userId: number
+  userType: number
+  clientId: string
+  createTime: Date
+  expiresTime: Date
+}
+
+export interface OAuth2TokenPageReqVO extends PageParam {
+  userId?: number
+  userType?: number
+  clientId?: string
+}
+
+// 查询 token列表
+export function getAccessTokenPage(params: OAuth2TokenPageReqVO) {
+  return defHttp.get({ url: '/system/oauth2-token/page', params })
+}
+
+// 删除 token
+export function deleteAccessToken(accessToken: number) {
+  return defHttp.delete({ url: `/system/oauth2-token/delete?accessToken=${accessToken}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/operatelog/index.ts b/yunxi-ui-admin-vben/src/api/system/operatelog/index.ts
new file mode 100644
index 0000000..edbd944
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/operatelog/index.ts
@@ -0,0 +1,41 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OperateLogVO {
+  id: number
+  userNickname: string
+  traceId: string
+  userId: number
+  module: string
+  name: string
+  type: number
+  content: string
+  exts: Map<string, object>
+  defHttpMethod: string
+  defHttpUrl: string
+  userIp: string
+  userAgent: string
+  javaMethod: string
+  javaMethodArgs: string
+  startTime: Date
+  duration: number
+  resultCode: number
+  resultMsg: string
+  resultData: string
+}
+
+export interface OperateLogPageReqVO extends PageParam {
+  module?: string
+  userNickname?: string
+  type?: number
+  success?: boolean
+  startTime?: Date[]
+}
+
+// 查询操作日志列表
+export function getOperateLogPage(params: OperateLogPageReqVO) {
+  return defHttp.get({ url: '/system/operate-log/page', params })
+}
+// 导出操作日志
+export function exportOperateLog(params: OperateLogPageReqVO) {
+  return defHttp.download({ url: '/system/operate-log/export', params }, '操作日志.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/permission/index.ts b/yunxi-ui-admin-vben/src/api/system/permission/index.ts
new file mode 100644
index 0000000..6e9182a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/permission/index.ts
@@ -0,0 +1,42 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface PermissionAssignUserRoleReqVO {
+  userId: number
+  roleIds: number[]
+}
+
+export interface PermissionAssignRoleMenuReqVO {
+  roleId: number
+  menuIds: number[]
+}
+
+export interface PermissionAssignRoleDataScopeReqVO {
+  roleId: number
+  dataScope: number
+  dataScopeDeptIds: number[]
+}
+
+// 查询角色拥有的菜单权限
+export function listRoleMenus(roleId: number) {
+  return defHttp.get({ url: `/system/permission/list-role-menus?roleId=${roleId}` })
+}
+
+// 赋予角色菜单权限
+export function assignRoleMenu(data: PermissionAssignRoleMenuReqVO) {
+  return defHttp.post({ url: '/system/permission/assign-role-menu', data })
+}
+
+// 赋予角色数据权限
+export function assignRoleDataScope(data: PermissionAssignRoleDataScopeReqVO) {
+  return defHttp.post({ url: '/system/permission/assign-role-data-scope', data })
+}
+
+// 查询用户拥有的角色数组
+export function listUserRoles(userId: number) {
+  return defHttp.get({ url: `/system/permission/list-user-roles?userId=${userId}` })
+}
+
+// 赋予用户角色
+export function assignUserRole(data: PermissionAssignUserRoleReqVO) {
+  return defHttp.post({ url: '/system/permission/assign-user-role', data })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/post/index.ts b/yunxi-ui-admin-vben/src/api/system/post/index.ts
new file mode 100644
index 0000000..4a89faa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/post/index.ts
@@ -0,0 +1,58 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface PostVO {
+  id?: number
+  name: string
+  code: string
+  sort: number
+  status: number
+  remark: string
+  createTime?: Date
+}
+
+export interface PostPageReqVO extends PageParam {
+  code?: string
+  name?: string
+  status?: number
+}
+
+export interface PostExportReqVO {
+  code?: string
+  name?: string
+  status?: number
+}
+
+// 查询岗位列表
+export function getPostPage(params: PostPageReqVO) {
+  return defHttp.get<PageResult<PostVO>>({ url: '/system/post/page', params })
+}
+
+// 获取岗位精简信息列表
+export function listSimplePosts() {
+  return defHttp.get({ url: '/system/post/list-all-simple' })
+}
+
+// 查询岗位详情
+export function getPost(id: number) {
+  return defHttp.get({ url: `/system/post/get?id=${id}` })
+}
+
+// 新增岗位
+export function createPost(data: PostVO) {
+  return defHttp.post({ url: '/system/post/create', data })
+}
+
+// 修改岗位
+export function updatePost(data: PostVO) {
+  return defHttp.put({ url: '/system/post/update', data })
+}
+
+// 删除岗位
+export function deletePost(id: number) {
+  return defHttp.delete({ url: `/system/post/delete?id=${id}` })
+}
+
+// 导出岗位
+export function exportPost(params: PostExportReqVO) {
+  return defHttp.download({ url: '/system/post/export', params }, '导出岗位.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/role/index.ts b/yunxi-ui-admin-vben/src/api/system/role/index.ts
new file mode 100644
index 0000000..7d3abc8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/role/index.ts
@@ -0,0 +1,70 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface RoleVO {
+  id: number
+  name: string
+  code: string
+  sort: number
+  status: number
+  type: number
+  createTime: Date
+}
+
+export interface RolePageReqVO extends PageParam {
+  name?: string
+  code?: string
+  status?: number
+  createTime?: Date[]
+}
+
+export interface UpdateStatusReqVO {
+  id: number
+  status: number
+}
+
+export interface RoleExportReqVO {
+  name?: string
+  code?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询角色列表
+export function getRolePage(params: RolePageReqVO) {
+  return defHttp.get({ url: '/system/role/page', params })
+}
+
+// 查询角色（精简)列表
+export function listSimpleRoles() {
+  return defHttp.get({ url: '/system/role/list-all-simple' })
+}
+
+// 查询角色详情
+export function getRole(id: number) {
+  return defHttp.get({ url: `/system/role/get?id=${id}` })
+}
+
+// 新增角色
+export function createRole(data: RoleVO) {
+  return defHttp.post({ url: '/system/role/create', data })
+}
+
+// 修改角色
+export function updateRole(data: RoleVO) {
+  return defHttp.put({ url: '/system/role/update', data })
+}
+
+// 修改角色状态
+export function updateRoleStatus(data: UpdateStatusReqVO) {
+  return defHttp.put({ url: '/system/role/update-status', data })
+}
+
+// 删除角色
+export function deleteRole(id: number) {
+  return defHttp.delete({ url: `/system/role/delete?id=${id}` })
+}
+
+// 导出角色
+export function exportRole(params: RoleExportReqVO) {
+  return defHttp.download({ url: '/system/post/export', params }, '导出角色.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/sensitiveWord/index.ts b/yunxi-ui-admin-vben/src/api/system/sensitiveWord/index.ts
new file mode 100644
index 0000000..4dfa79a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/sensitiveWord/index.ts
@@ -0,0 +1,64 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SensitiveWordVO {
+  id: number
+  name: string
+  status: number
+  description: string
+  tags: string[]
+  createTime: Date
+}
+
+export interface SensitiveWordPageReqVO extends PageParam {
+  name?: string
+  tag?: string
+  status?: number
+  createTime?: Date[]
+}
+
+export interface SensitiveWordExportReqVO {
+  name?: string
+  tag?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询敏感词列表
+export function getSensitiveWordPage(params: SensitiveWordPageReqVO) {
+  return defHttp.get({ url: '/system/sensitive-word/page', params })
+}
+
+// 查询敏感词详情
+export function getSensitiveWord(id: number) {
+  return defHttp.get({ url: `/system/sensitive-word/get?id=${id}` })
+}
+
+// 新增敏感词
+export function createSensitiveWord(data: SensitiveWordVO) {
+  return defHttp.post({ url: '/system/sensitive-word/create', data })
+}
+
+// 修改敏感词
+export function updateSensitiveWord(data: SensitiveWordVO) {
+  return defHttp.put({ url: '/system/sensitive-word/update', data })
+}
+
+// 删除敏感词
+export function deleteSensitiveWord(id: number) {
+  return defHttp.delete({ url: `/system/sensitive-word/delete?id=${id}` })
+}
+
+// 导出敏感词
+export function exportSensitiveWord(params: SensitiveWordExportReqVO) {
+  return defHttp.download({ url: '/system/sensitive-word/export-excel', params }, '导出敏感词.xls')
+}
+
+// 获取所有敏感词的标签数组
+export function getSensitiveWordTags() {
+  return defHttp.get({ url: '/system/sensitive-word/get-tags' })
+}
+
+// 获得文本所包含的不合法的敏感词数组
+export function validateText(id: number) {
+  return defHttp.get({ url: `/system/sensitive-word/validate-text?${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/sms/smsChannel/index.ts b/yunxi-ui-admin-vben/src/api/system/sms/smsChannel/index.ts
new file mode 100644
index 0000000..46c0e38
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/sms/smsChannel/index.ts
@@ -0,0 +1,50 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SmsChannelVO {
+  id: number
+  code: string
+  status: number
+  signature: string
+  remark: string
+  apiKey: string
+  apiSecret: string
+  callbackUrl: string
+  createTime: Date
+}
+
+export interface SmsChannelPageReqVO extends PageParam {
+  signature?: string
+  code?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询短信渠道列表
+export function getSmsChannelPage(params: SmsChannelPageReqVO) {
+  return defHttp.get({ url: '/system/sms-channel/page', params })
+}
+
+// 获得短信渠道精简列表
+export function getSimpleSmsChannels() {
+  return defHttp.get({ url: '/system/sms-channel/list-all-simple' })
+}
+
+// 查询短信渠道详情
+export function getSmsChannel(id: number) {
+  return defHttp.get({ url: `/system/sms-channel/get?id=${id}` })
+}
+
+// 新增短信渠道
+export function createSmsChannel(data: SmsChannelVO) {
+  return defHttp.post({ url: '/system/sms-channel/create', data })
+}
+
+// 修改短信渠道
+export function updateSmsChannel(data: SmsChannelVO) {
+  return defHttp.put({ url: '/system/sms-channel/update', data })
+}
+
+// 删除短信渠道
+export function deleteSmsChannel(id: number) {
+  return defHttp.delete({ url: `/system/sms-channel/delete?id=${id}` })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/sms/smsLog/index.ts b/yunxi-ui-admin-vben/src/api/system/sms/smsLog/index.ts
new file mode 100644
index 0000000..00d9f04
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/sms/smsLog/index.ts
@@ -0,0 +1,57 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SmsLogVO {
+  id: number
+  channelId: number
+  channelCode: string
+  templateId: number
+  templateCode: string
+  templateType: number
+  templateContent: string
+  templateParams: Map<string, object>
+  mobile: string
+  userId: number
+  userType: number
+  sendStatus: number
+  sendTime: Date
+  sendCode: number
+  sendMsg: string
+  apiSendCode: string
+  apiSendMsg: string
+  apidefHttpId: string
+  apiSerialNo: string
+  receiveStatus: number
+  receiveTime: Date
+  apiReceiveCode: string
+  apiReceiveMsg: string
+  createTime: Date
+}
+
+export interface SmsLogPageReqVO extends PageParam {
+  channelId?: number
+  templateId?: number
+  mobile?: string
+  sendStatus?: number
+  sendTime?: Date[]
+  receiveStatus?: number
+  receiveTime?: Date[]
+}
+export interface SmsLogExportReqVO {
+  channelId?: number
+  templateId?: number
+  mobile?: string
+  sendStatus?: number
+  sendTime?: Date[]
+  receiveStatus?: number
+  receiveTime?: Date[]
+}
+
+// 查询短信日志列表
+export function getSmsLogPage(params: SmsLogPageReqVO) {
+  return defHttp.get({ url: '/system/sms-log/page', params })
+}
+
+// 导出短信日志
+export function exportSmsLog(params: SmsLogExportReqVO) {
+  return defHttp.download({ url: '/system/sms-log/export', params }, '短信日志.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/sms/smsTemplate/index.ts b/yunxi-ui-admin-vben/src/api/system/sms/smsTemplate/index.ts
new file mode 100644
index 0000000..5dfe192
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/sms/smsTemplate/index.ts
@@ -0,0 +1,94 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SmsTemplateVO {
+  id: number
+  type: number
+  status: number
+  code: string
+  name: string
+  content: string
+  remark: string
+  apiTemplateId: string
+  channelId: number
+  channelCode: string
+  params: string[]
+  createTime: Date
+}
+
+export interface SendSmsReqVO {
+  mobile: string
+  templateCode: string
+  templateParams: {
+    [key: string]: any
+  }
+}
+
+export interface SmsTemplatePageReqVO {
+  type?: number
+  status?: number
+  code?: string
+  content?: string
+  apiTemplateId?: string
+  channelId?: number
+  createTime?: Date[]
+}
+
+export interface SmsTemplateExportReqVO {
+  type?: number
+  status?: number
+  code?: string
+  content?: string
+  apiTemplateId?: string
+  channelId?: number
+  createTime?: Date[]
+}
+
+// 查询短信模板列表
+export function getSmsTemplatePage(params: SmsTemplatePageReqVO) {
+  return defHttp.get({ url: '/system/sms-template/page', params })
+}
+
+// 查询短信模板详情
+export function getSmsTemplate(id: number) {
+  return defHttp.get({ url: `/system/sms-template/get?id=${id}` })
+}
+
+// 新增短信模板
+export function createSmsTemplate(data: SmsTemplateVO) {
+  return defHttp.post({ url: '/system/sms-template/create', data })
+}
+
+// 修改短信模板
+export function updateSmsTemplate(data: SmsTemplateVO) {
+  return defHttp.put({ url: '/system/sms-template/update', data })
+}
+
+// 删除短信模板
+export function deleteSmsTemplate(id: number) {
+  return defHttp.delete({ url: `/system/sms-template/delete?id=${id}` })
+}
+
+// 邮件模板
+export interface SmsTemplate {
+  name: string // 标题
+  code: string // 编码
+  accountId: number
+  nickname: string // 发送人
+  title: string // 标题
+  content: string // 内容
+  status: number //
+  remark?: any // 备注
+  id: number
+  params: string[] // 模板里的参数
+  createTime: number
+}
+
+// 发送短信
+export function sendSms(data: SendSmsReqVO) {
+  return defHttp.post({ url: '/system/sms-template/send-sms', data })
+}
+
+// 导出短信模板
+export function exportSmsTemplate(params: SmsTemplateExportReqVO) {
+  return defHttp.download({ url: '/system/sms-template/export-excel', params }, '短信模板.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/tenant/index.ts b/yunxi-ui-admin-vben/src/api/system/tenant/index.ts
new file mode 100644
index 0000000..7fa6138
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/tenant/index.ts
@@ -0,0 +1,62 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface TenantVO {
+  id: number
+  name: string
+  contactName: string
+  contactMobile: string
+  status: number
+  domain: string
+  packageId: number
+  username: string
+  password: string
+  expireTime: Date
+  accountCount: number
+  createTime: Date
+}
+
+export interface TenantPageReqVO extends PageParam {
+  name?: string
+  contactName?: string
+  contactMobile?: string
+  status?: number
+  createTime?: Date[]
+}
+
+export interface TenantExportReqVO {
+  name?: string
+  contactName?: string
+  contactMobile?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询租户列表
+export function getTenantPage(params: TenantPageReqVO) {
+  return defHttp.get({ url: '/system/tenant/page', params })
+}
+
+// 查询租户详情
+export function getTenant(id: number) {
+  return defHttp.get({ url: `/system/tenant/get?id=${id}` })
+}
+
+// 新增租户
+export function createTenant(data: TenantVO) {
+  return defHttp.post({ url: '/system/tenant/create', data })
+}
+
+// 修改租户
+export function updateTenant(data: TenantVO) {
+  return defHttp.put({ url: '/system/tenant/update', data })
+}
+
+// 删除租户
+export function deleteTenant(id: number) {
+  return defHttp.delete({ url: `/system/tenant/delete?id=${id}` })
+}
+
+// 导出租户
+export function exportTenant(params: TenantExportReqVO) {
+  return defHttp.download({ url: '/system/tenant/export-excel', params }, '租户.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/tenantPackage/index.ts b/yunxi-ui-admin-vben/src/api/system/tenantPackage/index.ts
new file mode 100644
index 0000000..853a234
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/tenantPackage/index.ts
@@ -0,0 +1,49 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface TenantPackageVO {
+  id: number
+  name: string
+  status: number
+  remark: string
+  creator: string
+  updater: string
+  updateTime: string
+  menuIds: number[]
+  createTime: Date
+}
+
+export interface TenantPackagePageReqVO extends PageParam {
+  name?: string
+  status?: number
+  remark?: string
+  createTime?: Date[]
+}
+
+// 查询租户套餐列表
+export function getTenantPackagePage(params: TenantPackagePageReqVO) {
+  return defHttp.get({ url: '/system/tenant-package/page', params })
+}
+
+// 获得租户
+export function getTenantPackage(id: number) {
+  return defHttp.get({ url: `/system/tenant-package/get?id=${id}` })
+}
+
+// 新增租户套餐
+export function createTenantPackage(data: TenantPackageVO) {
+  return defHttp.post({ url: '/system/tenant-package/create', data })
+}
+
+// 修改租户套餐
+export function updateTenantPackage(data: TenantPackageVO) {
+  return defHttp.put({ url: '/system/tenant-package/update', data })
+}
+
+// 删除租户套餐
+export function deleteTenantPackage(id: number) {
+  return defHttp.delete({ url: `/system/tenant-package/delete?id=${id}` })
+}
+// 获取租户套餐精简信息列表
+export function getTenantPackageList() {
+  return defHttp.get({ url: '/system/tenant-package/get-simple-list' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/system/user/index.ts b/yunxi-ui-admin-vben/src/api/system/user/index.ts
new file mode 100644
index 0000000..6b2bd8c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/system/user/index.ts
@@ -0,0 +1,91 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface UserVO {
+  id: number
+  username: string
+  nickname: string
+  deptId: number
+  postIds: string[]
+  email: string
+  mobile: string
+  sex: number
+  avatar: string
+  loginIp: string
+  status: number
+  remark: string
+  loginDate: Date
+  createTime: Date
+}
+
+export interface UserPageReqVO extends PageParam {
+  deptId?: number
+  username?: string
+  mobile?: string
+  status?: number
+  createTime?: Date[]
+}
+
+export interface UserExportReqVO {
+  code?: string
+  name?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询用户管理列表
+export function getUserPage(params: UserPageReqVO) {
+  return defHttp.get({ url: '/system/user/page', params })
+}
+
+// 查询用户详情
+export function getUser(id: number) {
+  return defHttp.get({ url: `/system/user/get?id=${id}` })
+}
+
+// 新增用户
+export function createUser(data: UserVO) {
+  return defHttp.post({ url: '/system/user/create', data })
+}
+
+// 修改用户
+export function updateUser(data: UserVO) {
+  return defHttp.put({ url: '/system/user/update', data })
+}
+
+// 删除用户
+export function deleteUser(id: number) {
+  return defHttp.delete({ url: `/system/user/delete?id=${id}` })
+}
+
+// 导出用户
+export function exportUser(params: UserExportReqVO) {
+  return defHttp.download({ url: '/system/user/export', params }, '用户.xls')
+}
+
+// 下载用户导入模板
+export function importUserTemplate() {
+  return defHttp.download({ url: '/system/user/get-import-template' }, '用户导入模板.xls')
+}
+
+// 用户密码重置
+export function resetUserPwd(id: number, password: string) {
+  const data = {
+    id,
+    password,
+  }
+  return defHttp.put({ url: '/system/user/update-password', data })
+}
+
+// 用户状态修改
+export function updateUserStatus(id: number, status: number) {
+  const data = {
+    id,
+    status,
+  }
+  return defHttp.put({ url: '/system/user/update-status', data })
+}
+
+// 获取用户精简信息列表
+export function getListSimpleUsers() {
+  return defHttp.get({ url: '/system/user/list-all-simple' })
+}
diff --git a/yunxi-ui-admin-vben/src/api/xxjj/businessWarehouse/index.ts b/yunxi-ui-admin-vben/src/api/xxjj/businessWarehouse/index.ts
new file mode 100644
index 0000000..31c76ba
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/xxjj/businessWarehouse/index.ts
@@ -0,0 +1,47 @@
+import { defHttp } from '@/utils/http/axios'
+import { handleTree } from '@/utils/tree'
+
+// 查询业务线/仓库列表
+export function getBusinessWarehousePage(params) {
+    return defHttp.get({ url: '/system/business-warehouse/page', params })
+}
+
+// 查询业务线/仓库详情
+export function getBusinessWarehouse(id: number) {
+    return defHttp.get({ url: '/system/business-warehouse/get?id=' + id })
+}
+
+// 新增业务线/仓库
+export function createBusinessWarehouse(data) {
+    return defHttp.post({ url: '/system/business-warehouse/create', data })
+}
+
+// 修改业务线/仓库
+export function updateBusinessWarehouse(data) {
+    return defHttp.put({ url: '/system/business-warehouse/update', data })
+}
+
+// 删除业务线/仓库
+export function deleteBusinessWarehouse(id: number) {
+    return defHttp.delete({ url: '/system/business-warehouse/delete?id=' + id })
+}
+
+// 导出业务线 Excel
+export function exportBusinessWarehouse(params) {
+    return defHttp.download({ url: '/system/business-warehouse/export-excel', params }, '业务线.xls')
+}
+
+// 查询业务线（精简)列表
+export function listSimpleBusiness() {
+   return  defHttp.get({ url: '/system/business-warehouse/list-all-simple' })
+}
+
+  // 查询业务线列表
+export function getBusinessPage(params) {
+    return defHttp.get({ url: '/system/business-warehouse/business', params })
+}
+
+  // 查询业务组织列表
+  export function getBusinessUserList(params) {
+    return defHttp.get({ url: '/system/business-warehouse/business-user', params })
+}
diff --git a/yunxi-ui-admin-vben/src/api/xxjj/customer/index.ts b/yunxi-ui-admin-vben/src/api/xxjj/customer/index.ts
new file mode 100644
index 0000000..ef093c6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/xxjj/customer/index.ts
@@ -0,0 +1,31 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 查询客户信息列表
+export function getCustomerPage(params) {
+    return defHttp.get({ url: '/xxjj/customer/page', params })
+}
+
+// 查询客户信息详情
+export function getCustomer(id: number) {
+    return defHttp.get({ url: '/xxjj/customer/get?id=' + id })
+}
+
+// 新增客户信息
+export function createCustomer(data) {
+    return defHttp.post({ url: '/xxjj/customer/create', data })
+}
+
+// 修改客户信息
+export function updateCustomer(data) {
+    return defHttp.put({ url: '/xxjj/customer/update', data })
+}
+
+// 删除客户信息
+export function deleteCustomer(id: number) {
+    return defHttp.delete({ url: '/xxjj/customer/delete?id=' + id })
+}
+
+// 导出客户信息 Excel
+export function exportCustomer(params) {
+    return defHttp.download({ url: '/xxjj/customer/export-excel', params }, '客户信息.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/xxjj/enterprise/index.ts b/yunxi-ui-admin-vben/src/api/xxjj/enterprise/index.ts
new file mode 100644
index 0000000..af8ddbe
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/xxjj/enterprise/index.ts
@@ -0,0 +1,31 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 查询企业信息列表
+export function getEnterprisePage(params) {
+    return defHttp.get({ url: '/system/enterprise/page', params })
+}
+
+// 查询企业信息详情
+export function getEnterprise(id: number) {
+    return defHttp.get({ url: '/system/enterprise/get?id=' + id })
+}
+
+// 新增企业信息
+export function createEnterprise(data) {
+    return defHttp.post({ url: '/system/enterprise/create', data })
+}
+
+// 修改企业信息
+export function updateEnterprise(data) {
+    return defHttp.put({ url: '/system/enterprise/update', data })
+}
+
+// 删除企业信息
+export function deleteEnterprise(id: number) {
+    return defHttp.delete({ url: '/system/enterprise/delete?id=' + id })
+}
+
+// 导出企业信息 Excel
+export function exportEnterprise(params) {
+    return defHttp.download({ url: '/system/enterprise/export-excel', params }, '企业信息.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/xxjj/subjectBasic/index.ts b/yunxi-ui-admin-vben/src/api/xxjj/subjectBasic/index.ts
new file mode 100644
index 0000000..92df8da
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/xxjj/subjectBasic/index.ts
@@ -0,0 +1,31 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 查询基础业务信息表(客户，供应商，服务商主体)列表
+export function getSubjectBasicPage(params) {
+    return defHttp.get({ url: '/xxjj/subject-basic/page', params })
+}
+
+// 查询基础业务信息表(客户，供应商，服务商主体)详情
+export function getSubjectBasic(id: number) {
+    return defHttp.get({ url: '/xxjj/subject-basic/get?id=' + id })
+}
+
+// 新增基础业务信息表(客户，供应商，服务商主体)
+export function createSubjectBasic(data) {
+    return defHttp.post({ url: '/xxjj/subject-basic/create', data })
+}
+
+// 修改基础业务信息表(客户，供应商，服务商主体)
+export function updateSubjectBasic(data) {
+    return defHttp.put({ url: '/xxjj/subject-basic/update', data })
+}
+
+// 删除基础业务信息表(客户，供应商，服务商主体)
+export function deleteSubjectBasic(id: number) {
+    return defHttp.delete({ url: '/xxjj/subject-basic/delete?id=' + id })
+}
+
+// 导出基础业务信息表(客户，供应商，服务商主体) Excel
+export function exportSubjectBasic(params) {
+    return defHttp.download({ url: '/xxjj/subject-basic/export-excel', params }, '基础业务信息表(客户，供应商，服务商主体).xls')
+}
diff --git a/yunxi-ui-admin-vben/src/api/xxjj/subjectFollowManagement/index.ts b/yunxi-ui-admin-vben/src/api/xxjj/subjectFollowManagement/index.ts
new file mode 100644
index 0000000..bef04d1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/api/xxjj/subjectFollowManagement/index.ts
@@ -0,0 +1,31 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 查询主体跟进管理列表
+export function getSubjectFollowManagementPage(params) {
+    return defHttp.get({ url: '/xxjj/subject-follow-management/page', params })
+}
+
+// 查询主体跟进管理详情
+export function getSubjectFollowManagement(id: number) {
+    return defHttp.get({ url: '/xxjj/subject-follow-management/get?id=' + id })
+}
+
+// 新增主体跟进管理
+export function createSubjectFollowManagement(data) {
+    return defHttp.post({ url: '/xxjj/subject-follow-management/create', data })
+}
+
+// 修改主体跟进管理
+export function updateSubjectFollowManagement(data) {
+    return defHttp.put({ url: '/xxjj/subject-follow-management/update', data })
+}
+
+// 删除主体跟进管理
+export function deleteSubjectFollowManagement(id: number) {
+    return defHttp.delete({ url: '/xxjj/subject-follow-management/delete?id=' + id })
+}
+
+// 导出主体跟进管理 Excel
+export function exportSubjectFollowManagement(params) {
+    return defHttp.download({ url: '/xxjj/subject-follow-management/export-excel', params }, '主体跟进管理.xls')
+}
diff --git a/yunxi-ui-admin-vben/src/assets/icons/download-count.svg b/yunxi-ui-admin-vben/src/assets/icons/download-count.svg
new file mode 100644
index 0000000..1c95195
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/download-count.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 356.99 419.8"><defs><style>.cls-1{fill:#ffa546;}.cls-2{fill:#ff6059;opacity:0.4;}.cls-3{fill:#426572;}.cls-4{fill:#ffd947;}</style></defs><title>Asset 91</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M351,380.73v17.59a15.52,15.52,0,0,1-15.47,15.48H21.46A15.52,15.52,0,0,1,6,398.32V380.73a15.51,15.51,0,0,1,15.47-15.47H335.52A15.51,15.51,0,0,1,351,380.73Z"/><path class="cls-2" d="M351,406.85c0,3.95-7,7.19-15.47,7.19H21.46C13,414,6,410.8,6,406.85V380.73a15.51,15.51,0,0,1,15.47-15.47H37.66l3.44,25.27c0,4,7,7.2,15.47,7.2l283.72,12.44,7.38-2.28Z"/><path class="cls-3" d="M335.52,419.8H21.46A21.5,21.5,0,0,1,0,398.32V380.73a21.49,21.49,0,0,1,21.46-21.47H335.52A21.49,21.49,0,0,1,357,380.73v17.59a21.52,21.52,0,0,1-21.46,21.48ZM21.46,371.26A9.48,9.48,0,0,0,12,380.73v17.59a9.48,9.48,0,0,0,9.46,9.48H335.52a9.52,9.52,0,0,0,9.46-9.48V380.73a9.48,9.48,0,0,0-9.46-9.47Z"/><path class="cls-1" d="M247.93,138H233.23V41.7A35.7,35.7,0,0,0,197.53,6H159.45a35.7,35.7,0,0,0-35.7,35.7V138H109.06C80,138,61.84,169.48,76.37,194.64l34.72,60.13,30,52c16.6,28.76,58.12,28.76,74.72,0l30-52,34.72-60.13C295.14,169.48,277,138,247.93,138Z"/><path class="cls-2" d="M280.62,188l-34.73,60.13-30,52c-11.24,19.46-66.68,32.78-52.52,18.88,60.22-59.12,104.3-182.16,104.3-182.16A37.74,37.74,0,0,1,280.62,188Z"/><path class="cls-4" d="M192.3,6c-.22.23-.42.47-.63.72-38.92,45-18.36,116.49-42.85,170.71-10.14,22.45-29.18,41.51-52.15,49.48L78,194.64C63.52,169.48,81.67,138,110.72,138h14.7V41.7A35.7,35.7,0,0,1,161.12,6Z"/><path class="cls-3" d="M178.49,334.39h0a48.64,48.64,0,0,1-42.56-24.57L71.17,197.64A43.75,43.75,0,0,1,109.06,132h8.69V41.7A41.74,41.74,0,0,1,159.45,0h38.09a41.75,41.75,0,0,1,41.7,41.7V132h8.69a43.75,43.75,0,0,1,37.89,65.62L221,309.82A48.64,48.64,0,0,1,178.49,334.39ZM109.06,144a31.75,31.75,0,0,0-27.49,47.62l64.76,112.17a37.14,37.14,0,0,0,64.33,0l64.76-112.17A31.75,31.75,0,0,0,247.92,144H227.23V41.7A29.73,29.73,0,0,0,197.53,12H159.45a29.73,29.73,0,0,0-29.7,29.7V144Z"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-1.svg b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-1.svg
new file mode 100644
index 0000000..e1553e5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 391.31 560.11"><defs><style>.cls-1{fill:#f9cdb7;}.cls-2{fill:#e2a78d;}.cls-3{fill:#213346;}.cls-4{fill:#bfe1ee;}.cls-5{fill:#dfe7ea;}.cls-6{fill:#b46078;}.cls-7{fill:#96426e;}.cls-8{fill:#fff;}.cls-9{fill:#fefdf5;}.cls-10{fill:#f4eae1;}.cls-11{fill:#f9637c;}.cls-12{fill:#ba4264;}.cls-13{fill:#b13a59;}</style></defs><title>Asset 15</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="45.9" cy="303.35" r="41.4"/><path class="cls-2" d="M78.13,278.08a41.39,41.39,0,0,0-57.27,57.27,41.4,41.4,0,1,1,57.27-57.27Z"/><path class="cls-3" d="M45.9,347.82a45.9,45.9,0,1,1,45.89-45.9A46,46,0,0,1,45.9,347.82Zm0-82.79a36.9,36.9,0,1,0,36.89,36.89A36.94,36.94,0,0,0,45.9,265Z"/><circle class="cls-1" cx="345.41" cy="303.35" r="41.4"/><path class="cls-3" d="M345.42,347.82a45.9,45.9,0,1,1,45.89-45.9A46,46,0,0,1,345.42,347.82Zm0-82.79a36.9,36.9,0,1,0,36.89,36.89A36.94,36.94,0,0,0,345.42,265Z"/><path class="cls-1" d="M191.57,88.78h2.79a146.1,146.1,0,0,1,146.1,146.1v95A147.5,147.5,0,0,1,193,477.43h0a147.5,147.5,0,0,1-147.5-147.5v-95a146.1,146.1,0,0,1,146.1-146.1Z"/><path class="cls-2" d="M211.7,474.46a147.74,147.74,0,0,1-20.29,1.41c-81.14,0-147.5-66.37-147.5-147.5v-97c0-79.3,64.87-144.18,144.17-144.18h6.65a142.14,142.14,0,0,1,17,1C147.26,95.87,91.42,154.6,81.17,220.06a509,509,0,0,1-13.33,61.86L54.49,328.37C54.49,402.62,140.07,464.5,211.7,474.46Z"/><path class="cls-3" d="M191.41,481.93a152.43,152.43,0,0,1-152-152V234.88A151,151,0,0,1,190,84.28h2.79a151,151,0,0,1,150.61,150.6v95.05a152.45,152.45,0,0,1-152,152ZM190,93.28a142,142,0,0,0-141.6,141.6v95.05a142.82,142.82,0,0,0,244,101,142,142,0,0,0,42-101V234.88A142,142,0,0,0,192.8,93.28Z"/><path class="cls-4" d="M325.44,305.26v.19C324.89,305.48,325.11,305.35,325.44,305.26Z"/><path class="cls-3" d="M368.43,305.61a3,3,0,0,1-2.94-2.41c-4.06-20.3-24.53-16.89-25.4-16.73a3,3,0,1,1-1-5.91c9.36-1.67,28.17.66,32.33,21.46a3,3,0,0,1-2.35,3.53A3,3,0,0,1,368.43,305.61Z"/><path class="cls-3" d="M21.27,308.26a2.36,2.36,0,0,1-.37,0,3,3,0,0,1-2.61-3.34c1.75-14.23,7.79-21.26,12.55-24.65a20.94,20.94,0,0,1,10.61-4.05,3,3,0,0,1,.24,6c-.65,0-14.7,1.08-17.45,23.43A3,3,0,0,1,21.27,308.26Z"/><ellipse class="cls-5" cx="184.64" cy="499.11" rx="179.73" ry="52.86"/><path class="cls-6" d="M335.74,353.31c21.15,38.6,14.42,76.22,15.16,112.12l-11.45-12.67a123.72,123.72,0,0,1-30.05,60,44.13,44.13,0,0,0-13.92-15.33,92.89,92.89,0,0,1-28.69,48.92,37.34,37.34,0,0,0-1.06-30.87A58.87,58.87,0,0,1,233.6,551.2a24.22,24.22,0,0,0,2.63-23.34c-11.66,19.79-45.18,20.39-57.53,1-.86,3.91-.23,9.05,3.76,9.38-16.8,2.59-32.18-4.49-43.74-16.95a28.25,28.25,0,0,0,9.37,18.32A51.33,51.33,0,0,1,105.4,511.3c-21.68,1.35-43.33-13.51-49.87-34.21a10.36,10.36,0,0,1-2.7,9.92C15.38,468,17.38,382.75,41.91,354.63c0,0,51.63,8.28,83,32.06,8.53,6.48,8.78-2.64,21-7.72,16.48-6.83,45.87-11.63,62.57-11.7,24.41-.11,37.46,30.85,53.1,16.16C303,344.58,335.38,352.66,335.74,353.31Z"/><path class="cls-7" d="M352.35,461,340.9,448.3a123.83,123.83,0,0,1-30,60,44.26,44.26,0,0,0-13.92-15.34,92.89,92.89,0,0,1-28.69,48.92A37.38,37.38,0,0,0,267.18,511a58.84,58.84,0,0,1-32.13,35.77,24.22,24.22,0,0,0,2.63-23.33c-11.66,19.79-45.18,20.39-57.53,1-.87,3.91.11,18.31,4.11,18.65-16.8,2.58-32.53-13.76-44.09-26.22.67,7,2.41,19.59,7.68,24.23-17.9-.91-33.22-18.12-41-34.26-21.68,1.35-43.33-13.5-49.87-34.21a10.38,10.38,0,0,1-2.7,9.93C41.34,476,32.8,461.71,28.19,444.67,44.75,456.74,64.24,465,83.51,472.46c13.08,5,26.33,9.83,40.12,12.34,13.38,2.43,27.05,2.67,40.65,2.91,37.73.65,77,1,111.14-15.22,9.78-4.65,20.09-12.6,19.75-23.43-.39-12.38-13.93-19.44-25.48-23.87,24.6-3.65,44.78-22.73,56-44.92a136.88,136.88,0,0,0,9.89-26.39l3.31,2.58C349,391.91,351.61,425.08,352.35,461Z"/><path class="cls-3" d="M256.37,560.11l7.72-18.34a32.54,32.54,0,0,0,2.3-16.08,63.44,63.44,0,0,1-29.54,26.86l-15.22,6.65,9.78-13.42A19.55,19.55,0,0,0,235,535.31c-6.64,5.87-15.71,9.29-25.74,9.47a40.71,40.71,0,0,1-22-5.69c1.08,5.49,1.15,10.37-3.11,12.33l-1.88.87-1.88-.87c-13.79-6.36-24.61-12.92-33.69-20.51,1.54,6.3,3.28,8.56,4.17,9.34l9.71,8.53-12.91-.66c-19.13-1-35-18.9-43.5-35h-.05c-18.58,0-36.49-10.43-46.18-26.13l-.46.48-2.31,2.25-2.88-1.46C38,481,27.7,464.56,23.31,441.92c-6.43-33.13.88-73.25,16.66-91.33a4.5,4.5,0,0,1,6.78,5.91c-14.15,16.23-20.57,53-14.61,83.71,3.45,17.74,10.68,31,20.55,37.85a5.39,5.39,0,0,0-.06-2.56L61.27,473c5.89,18.64,25.78,32.29,45.3,31.07l3-.19,1.31,2.73c7.82,16.21,18.57,26.05,28.08,30.23A85.81,85.81,0,0,1,135.69,519l-1.27-13.24,9.05,9.75c9,9.69,19.89,17.53,34.83,25-.35-1.64-.78-3.38-1.09-4.62-1.3-5.17-2-8.22-1.46-10.69l2.33-10.64,5.86,9.18c4.85,7.6,14,12.09,24.49,12.09h.66c10.8-.2,20-5,24.71-13l4.51-7.66,3.5,8.16a28.32,28.32,0,0,1,2,14.83,54.25,54.25,0,0,0,19.1-26.84l3.33-10.56,5,9.89a41.62,41.62,0,0,1,4.38,18.57,88.24,88.24,0,0,0,16.95-35.57l1.43-6.48,5.49,3.73a48.58,48.58,0,0,1,11.95,11.55,120.21,120.21,0,0,0,25.08-53.29l1.69-8.89,10.47,11.59c2.16-37.59-3.37-68.28-17.17-95.91a4.5,4.5,0,1,1,8-4c15.83,31.7,21.33,67,17.31,111.15l-.93,10.24-12.53-13.87A127.42,127.42,0,0,1,314.17,513l-4.26,4.66-3-5.54a39.46,39.46,0,0,0-7.37-9.62,97.41,97.41,0,0,1-28.29,44.41Z"/><path class="cls-1" d="M158.08,455.14A10.16,10.16,0,0,1,147.94,445V406.25a10.17,10.17,0,0,1,10.14-10.14H229a10.17,10.17,0,0,1,10.13,10.14V445A10.16,10.16,0,0,1,229,455.14"/><path class="cls-2" d="M240.85,410.47v12a10.15,10.15,0,0,0-9.29-6.1H160.61a10.16,10.16,0,0,0-10.14,10.13v26.74a10.1,10.1,0,0,1-.84-4V410.47a10.16,10.16,0,0,1,10.13-10.13h71A10.16,10.16,0,0,1,240.85,410.47Z"/><path class="cls-3" d="M193.13,394.93c7.32,0,14.47,0,21.37.11l10.16.12,2.48,0,1.23,0h.34l.45,0,.89.06a14.83,14.83,0,0,1,6.56,2.4,14.65,14.65,0,0,1,6.5,11.19l0,.81v.68l0,1.11-.06,2.21c0,1.45-.08,2.89-.13,4.3-.18,5.64-.38,10.9-.61,15.69s-.48,9.14-.75,12.95c0,.48-.06,1-.1,1.41,0,.23,0,.45,0,.68s-.05.55-.08.81a12.38,12.38,0,0,1-.77,3.09,12,12,0,0,1-3.1,4.43,10.12,10.12,0,0,1-6.49,2.68,5.06,5.06,0,0,1-1.78-.27c-.39-.15-.58-.31-.58-.49s.19-.35.52-.54l1.41-.68a10.84,10.84,0,0,0,4.06-3.37,8.74,8.74,0,0,0,1.39-3.21,8.13,8.13,0,0,0,.13-1.92l0-.53c0-.23,0-.45-.05-.68,0-.46-.07-.93-.1-1.41-.27-3.81-.52-8.15-.74-12.95s-.44-10.05-.62-15.69c0-1.41-.09-2.85-.13-4.3l-.06-2.21,0-1.11v-.28l0-.16,0-.32a5.68,5.68,0,0,0-2.72-4.14,5.59,5.59,0,0,0-2.44-.77h-.76l-1.23,0-2.48,0-10.16.12c-6.9.07-14.05.1-21.37.1s-14.47,0-21.37-.1l-10.17-.12-2.47,0-1.23,0h-.76a5.59,5.59,0,0,0-2.44.77,5.68,5.68,0,0,0-2.72,4.14l0,.32,0,.16v.28l0,1.11-.06,2.21c0,1.45-.09,2.89-.13,4.3-.18,5.64-.39,10.9-.62,15.69s-.47,9.14-.74,12.95c0,.48-.07,1-.1,1.41,0,.23,0,.45,0,.68l0,.53a8.13,8.13,0,0,0,.13,1.92,8.58,8.58,0,0,0,1.39,3.21,10.69,10.69,0,0,0,4.06,3.37l1.4.68c.34.19.52.37.52.54s-.18.34-.57.49a5.06,5.06,0,0,1-1.78.27,10.14,10.14,0,0,1-6.5-2.68,12,12,0,0,1-3.09-4.43,12.38,12.38,0,0,1-.77-3.09c0-.26-.07-.59-.08-.81l-.06-.68c0-.46-.06-.93-.1-1.41-.26-3.81-.51-8.15-.74-12.95s-.43-10.05-.61-15.69c0-1.41-.09-2.85-.13-4.3,0-.73-.05-1.47-.07-2.21l0-1.11v-.68l0-.81a14.74,14.74,0,0,1,13.06-13.59l.89-.06.45,0h.34l1.23,0,2.47,0,10.17-.12C178.66,395,185.81,394.93,193.13,394.93Z"/><path class="cls-3" d="M54.48,374.11a37.83,37.83,0,0,0,.49,9.41,39.45,39.45,0,0,0,3,9.29,40.75,40.75,0,0,1-5.73-8.37,42.54,42.54,0,0,1-3.46-9.9,46.05,46.05,0,0,1-1-10.71,50.72,50.72,0,0,1,.42-5.48,35.47,35.47,0,0,1,1.17-5.68l10.41,4.56a24.21,24.21,0,0,0-2,3.68,43.89,43.89,0,0,0-1.6,4.2A39.74,39.74,0,0,0,54.48,374.11Z"/><path class="cls-3" d="M70,382.66c.81,7.4,4.1,14.79,8.86,21.21A47.32,47.32,0,0,1,64.51,384a38.71,38.71,0,0,1-2.31-12.94,35.09,35.09,0,0,1,2.63-13.62l10,5.38C71,367.93,69.21,375.33,70,382.66Z"/><path class="cls-3" d="M98.32,388.23a51,51,0,0,0,6.84,20.32,54,54,0,0,1-12.35-18.93A56.65,56.65,0,0,1,89,366.14l11.2,1.92A47.79,47.79,0,0,0,98.32,388.23Z"/><path class="cls-3" d="M282.66,384.17a26.93,26.93,0,0,1-.31,8.78c-.5,2.23-1.26,3.53-2,3.48-1.43-.15-2-5.39-2.82-11.65s-1.36-11.51,0-12c.66-.21,1.71.88,2.72,2.92A27,27,0,0,1,282.66,384.17Z"/><path class="cls-3" d="M305.19,378.25a35.36,35.36,0,0,1-2.39,12.16c-1.21,3-2.49,4.54-3.14,4.31-1.37-.52.25-7.73.42-16.61s-.95-16.16.45-16.6c.65-.19,1.85,1.45,2.91,4.47A35.62,35.62,0,0,1,305.19,378.25Z"/><path class="cls-3" d="M328.91,374.58a53,53,0,0,1,.5,9.22,44.45,44.45,0,0,1-.88,7.48c-.89,4.19-2.12,6.59-2.77,6.45-1.47-.31-.09-10.37-1.91-22.42s-5.7-21.42-4.36-22.11c.6-.31,2.41,1.68,4.41,5.46a46.7,46.7,0,0,1,2.91,6.93A56.29,56.29,0,0,1,328.91,374.58Z"/><path class="cls-3" d="M63.25,476.89a41,41,0,0,1-.26-8.64,36.07,36.07,0,0,1,.52-3.73,28.41,28.41,0,0,1,.79-3.18c1.19-3.83,2.68-5.88,3.3-5.66s.47,2.63.25,6.31c0,.93-.12,1.93-.13,3s0,2.22,0,3.41a68.87,68.87,0,0,0,.61,7.76,75.5,75.5,0,0,0,1.58,7.62c.34,1.15.63,2.26,1,3.27s.66,2,1,2.85c1.24,3.47,2.14,5.7,1.53,6.13s-2.54-1.16-4.76-4.51A27.16,27.16,0,0,1,67,488.7a35.74,35.74,0,0,1-1.55-3.44A41.24,41.24,0,0,1,63.25,476.89Z"/><path class="cls-3" d="M95.32,490.74a52.94,52.94,0,0,1-.06-13.92c.47-3.51,1.17-5.64,1.87-5.63s1.28,2.19,1.74,5.63.8,8.16,1.51,13.2c.37,2.51.82,4.86,1.3,7,.29,1,.5,2.06.8,3q.19.7.39,1.35l.41,1.23c1,3.14,1.89,5.16,1.29,5.61s-2.46-.92-4.52-4l-.78-1.23c-.25-.43-.48-.9-.73-1.39a31.63,31.63,0,0,1-1.37-3.18A41.46,41.46,0,0,1,95.32,490.74Z"/><path class="cls-3" d="M133.57,497.43c-4.22-15-4.79-27.65-3.43-27.82s4.23,11.85,8.35,26.45,7.93,26.36,6.6,26.93S137.74,512.42,133.57,497.43Z"/><path class="cls-3" d="M246.46,509.58c1.89-6.31,3.22-12.24,4.4-16.52s2.17-6.94,2.88-6.83.94,2.91.68,7.41a78.07,78.07,0,0,1-3.07,17.43,59.78,59.78,0,0,1-3.67,9.2,42.39,42.39,0,0,1-2.2,3.76c-.37.57-.73,1.13-1.1,1.64l-1.13,1.43c-3,3.61-5.46,5.14-5.93,4.69s.94-2.87,2.92-6.68c.25-.47.5-1,.77-1.49l.78-1.65c.56-1.12,1-2.39,1.62-3.67C244.45,515.67,245.5,512.73,246.46,509.58Z"/><path class="cls-3" d="M276.25,498.2c1.34-7.68,2-14.9,3-20.1s1.81-8.37,2.51-8.31,1.07,3.35,1.08,8.62a122.32,122.32,0,0,1-1.55,20.69,60.77,60.77,0,0,1-3.08,11.26,42.45,42.45,0,0,1-4.42,8.53c-3.14,4.54-6,6.46-6.51,6s1.27-3.2,3.37-7.8a68.85,68.85,0,0,0,3.11-8.29A89.28,89.28,0,0,0,276.25,498.2Z"/><path class="cls-3" d="M306.39,479c1.49-6.22,2.52-12,3.48-16.23s1.83-6.81,2.54-6.73,1.08,2.78,1,7.15a78.88,78.88,0,0,1-2.11,17,58.26,58.26,0,0,1-3,9.11c-.63,1.35-1.19,2.63-1.87,3.77-.33.58-.63,1.14-1,1.66l-1,1.47c-2.59,3.69-4.87,5.39-5.38,5s.61-2.87,2.22-6.72L302,493c.2-.53.41-1.08.62-1.66.47-1.12.85-2.38,1.32-3.67C304.79,485,305.63,482.1,306.39,479Z"/><path class="cls-3" d="M316.6,469.6c1.61-4,2.93-7.79,4-11.33.5-1.78,1-3.46,1.41-5.07s.78-3.1,1.1-4.47c1.26-5.5,1.93-9,2.68-9s1.27,3.64.89,9.52c-.1,1.46-.24,3.07-.52,4.78s-.61,3.53-1,5.44a76.28,76.28,0,0,1-9.69,23.34c-1.07,1.63-2.07,3.19-3.13,4.56s-2.05,2.64-3,3.74c-3.89,4.42-6.89,6.55-7.37,6.09s1.47-3.46,4.47-8.24c.75-1.2,1.57-2.5,2.39-3.94s1.69-3,2.6-4.58C313.16,477.18,315,473.53,316.6,469.6Z"/><path class="cls-8" d="M36.38,392.54c.75-3.65,2.73-6.2,4.07-5.78s1.62,3.43.93,6.81-2.14,6-3.55,5.89S35.63,396.18,36.38,392.54Z"/><path class="cls-8" d="M37.64,432a53,53,0,0,1-1.88-14.87c.13-3.85.79-6.2,1.47-6.2,1.47,0,2.42,9.08,5.35,19.74s6.63,19,5.37,19.72c-.59.34-2.36-1.34-4.42-4.6A51.58,51.58,0,0,1,37.64,432Z"/><path class="cls-3" d="M125.55,391.49h-.49c-5.14-.18-9.18-3.25-12.42-5.71l-.2-.15a157,157,0,0,0-68.06-29.49,4.5,4.5,0,0,1,1.51-8.87,166.07,166.07,0,0,1,72,31.19l.19.15c2.47,1.87,5,3.8,7.31,3.89s4.86-1.61,7.58-3.4l.77-.5C149.09,368.55,169,363,189.86,363h0c20.83,0,40.77,5.52,56.13,15.56l.77.5c2.71,1.79,5.3,3.48,7.58,3.4s4.84-2,7.3-3.89l.2-.15a166.07,166.07,0,0,1,72-31.19,4.5,4.5,0,1,1,1.51,8.87,157,157,0,0,0-68.06,29.49l-.2.15c-3.24,2.46-7.28,5.53-12.42,5.71s-9.43-2.62-12.85-4.87l-.74-.49c-28.72-18.76-73.71-18.76-102.43,0l-.74.49C134.6,388.79,130.5,391.49,125.55,391.49Z"/><path class="cls-3" d="M190.39,345.16a4.49,4.49,0,0,1-4.5-4.5V294.07a4.5,4.5,0,0,1,9,0v46.59A4.5,4.5,0,0,1,190.39,345.16Z"/><path class="cls-2" d="M178.07,222.19c1.68,7.42,1.09,17.32-4.12,23.31-6.08,7-15.65,5.56-23.92,5.21a103.64,103.64,0,0,0-30,3.07c-8,2.05-15.14,7-23.27,8.36-8.9,1.55-11-3.2-5.06-9.72,7-7.66,17-15.82,26.45-20.25,17.56-8.26,39.91-12.29,59.6-10.32"/><path class="cls-2" d="M204.25,225.47c-1.68,7.42-1.08,17.32,4.13,23.31,6.07,7,15.65,5.56,23.92,5.21a103.61,103.61,0,0,1,30,3.07c8,2.05,15.14,6.95,23.27,8.36,8.91,1.55,11-3.19,5.06-9.72-6.94-7.66-17-15.81-26.44-20.25-17.57-8.26-39.91-12.29-59.61-10.31"/><path class="cls-6" d="M205.19,214.55c-1.68,7.41-1.09,17.31,4.12,23.3,6.07,7,15.65,5.57,23.92,5.22a103.23,103.23,0,0,1,30,3.07c8,2.05,15.15,6.94,23.27,8.36,8.91,1.55,11-3.2,5.07-9.73-6.95-7.66-17-15.81-26.45-20.25-17.57-8.26-39.91-12.28-59.6-10.31"/><path class="cls-3" d="M289.6,259.29a22.42,22.42,0,0,1-3.85-.36c-5-.87-9.51-2.84-13.86-4.75a64.83,64.83,0,0,0-9.76-3.68,98.35,98.35,0,0,0-28.71-2.93c-.88,0-1.78.08-2.68.13-8,.44-18,1-24.83-6.89-6.61-7.6-6.88-19.43-5.11-27.26a5.34,5.34,0,0,1,4.29-3.82,123.23,123.23,0,0,1,62,10.72c9.2,4.33,19.88,12.49,27.87,21.3,5.87,6.47,4.76,11.05,3.58,13.2C297.53,256.7,295.17,259.29,289.6,259.29Zm-51.81-20.82a106.54,106.54,0,0,1,26.58,3.31,73,73,0,0,1,11.13,4.16c4,1.77,7.86,3.44,11.79,4.12a12.72,12.72,0,0,0,2.79.22,12.53,12.53,0,0,0-1.83-2.48c-7.24-8-16.83-15.35-25-19.2a114.19,114.19,0,0,0-54.15-10.17c-.7,5.74.13,12.44,3.63,16.47,4,4.56,10.57,4.2,17.55,3.82l2.79-.15C234.63,238.51,236.21,238.47,237.79,238.47Z"/><path class="cls-6" d="M173.31,210.57c1.68,7.42,1.09,17.32-4.12,23.3-6.08,7-15.66,5.57-23.93,5.22a103.27,103.27,0,0,0-30,3.07c-8,2.05-15.14,7-23.27,8.36-8.91,1.55-11-3.2-5.06-9.72,6.94-7.66,17-15.82,26.45-20.25,17.56-8.26,39.9-12.29,59.6-10.32"/><path class="cls-3" d="M88.89,255.31c-5.56,0-7.93-2.59-8.89-4.34-1.19-2.15-2.3-6.72,3.58-13.2,8-8.81,18.66-17,27.86-21.29a123,123,0,0,1,62-10.72,5.3,5.3,0,0,1,4.29,3.82c1.77,7.82,1.49,19.65-5.12,27.25-6.86,7.88-16.82,7.33-24.83,6.89l-2.68-.13a98.35,98.35,0,0,0-28.71,2.93,66.24,66.24,0,0,0-9.75,3.68c-4.36,1.91-8.86,3.88-13.87,4.75A22.42,22.42,0,0,1,88.89,255.31Zm-.47-9a12.45,12.45,0,0,0,2.78-.21c3.93-.69,7.75-2.36,11.8-4.13a73.52,73.52,0,0,1,11.12-4.16,107.61,107.61,0,0,1,31.33-3.2c.92,0,1.85.09,2.8.14,7,.38,13.57.75,17.54-3.82,3.51-4,4.33-10.72,3.63-16.47a114.34,114.34,0,0,0-54.15,10.17c-8.19,3.85-17.78,11.21-25,19.2A12.55,12.55,0,0,0,88.42,246.3Z"/><path class="cls-3" d="M183.32,443.66a115.94,115.94,0,0,1-19.23-1.61,3.5,3.5,0,1,1,1.27-6.88c.3.05,30.64,5.45,44.81-4.67a15.44,15.44,0,0,0,6.65-10.76,3.5,3.5,0,1,1,6.92,1.05,22.47,22.47,0,0,1-9.51,15.42C205.9,442.15,193.63,443.66,183.32,443.66Z"/><path class="cls-3" d="M353.48,315.47a3,3,0,0,1-2.91-2.3,38.7,38.7,0,0,1-1.16-13.9A21,21,0,0,1,355.94,286a3,3,0,0,1,4,4.48,15.11,15.11,0,0,0-4.57,9.53,33.19,33.19,0,0,0,1,11.77,3,3,0,0,1-2.22,3.61A2.79,2.79,0,0,1,353.48,315.47Z"/><path class="cls-3" d="M33.65,315.47a2.79,2.79,0,0,1-.7-.08,3,3,0,0,1-2.23-3.61,33.19,33.19,0,0,0,1-11.77,15.1,15.1,0,0,0-4.56-9.53,3,3,0,1,1,4-4.48,21,21,0,0,1,6.53,13.27,38.93,38.93,0,0,1-1.16,13.9A3,3,0,0,1,33.65,315.47Z"/><path class="cls-8" d="M257.31,169.69a45.27,45.27,0,0,1,7.68,4,35.23,35.23,0,0,1,5.5,4.42c2.85,2.87,4,5.23,3.3,6s-3.05,0-6.42-1.57l-5.81-2.68c-2.18-1-4.56-2-7.09-3s-5-1.88-7.24-2.68l-6.07-2c-3.49-1.2-5.77-2.2-5.73-3.28s2.48-2,6.52-2.08a34.71,34.71,0,0,1,7,.58A45.21,45.21,0,0,1,257.31,169.69Z"/><path class="cls-8" d="M37.56,196.45a14.27,14.27,0,0,1,4.18-5.72c1.52-1.16,2.92-1.47,3.78-.87s1.07,2,.85,3.68a23.93,23.93,0,0,1-1.76,5.89,23.77,23.77,0,0,1-3,5.37c-1.06,1.34-2.18,2.15-3.23,1.95s-1.79-1.42-2-3.31A14.32,14.32,0,0,1,37.56,196.45Z"/><path class="cls-8" d="M59.41,173.58c3.26-1.52,6.63-1.21,7.53.71s-1,4.71-4.29,6.23-6.63,1.2-7.53-.71S56.15,175.1,59.41,173.58Z"/><path class="cls-8" d="M74.62,157.15c2.37-5.05,5.43-8.82,7.45-8.15s2.07,5.88-.51,11.39-6.65,8.81-8.43,7.7S72.26,162.2,74.62,157.15Z"/><path class="cls-9" d="M57.89,159.15V82c0-15.57,6.93-29.64,17.59-35.75l38.7-22.17c46.33-26.53,98.7-26.53,145,0l38.71,22.17C308.57,52.33,315.49,66.4,315.49,82v77.18"/><path class="cls-10" d="M312.46,80.79v19.39c-49.22-48.34-115.1-74.62-177.69-59.93-17.18,4-34.87,11.84-45.35,28.33-13.07,20.57-10.54,52.57,5.53,70C106.58,151.12,122,155,137.89,158h-83V80.79c0-15.58,6.92-29.65,17.59-35.76l38.7-22.17c46.32-26.52,98.7-26.52,145,0L294.88,45C305.55,51.14,312.46,65.21,312.46,80.79Z"/><path class="cls-3" d="M315.3,163.91a4.5,4.5,0,0,1-4.5-4.5V82.23c0-14-6-26.52-15.32-31.85L256.77,28.22c-22.36-12.81-46-19.31-70.27-19.31s-47.91,6.5-70.27,19.31L77.52,50.38C68.22,55.71,62.2,68.22,62.2,82.23v77.18a4.5,4.5,0,0,1-9,0V82.23c0-17.18,7.79-32.75,19.85-39.66l38.7-22.16c47.51-27.21,102-27.21,149.5,0L300,42.57C312,49.48,319.8,65.05,319.8,82.23v77.18A4.49,4.49,0,0,1,315.3,163.91Z"/><path class="cls-11" d="M358.91,168a188.7,188.7,0,0,1-7.86,25.11c-1.65,4.39-15.77,41.8-14.06,43.41-34-31.93-86.3-52.37-145-52.37S81.13,204.56,47.14,236.44c-12.27-38.2-42.51-96.29-6.57-129,10.27-9.35,23.35-13.28,36.1-16.5,72.69-18.36,148.62-20.81,221.57-3.88,12,2.79,24,6.15,34.87,12.74s20.46,16.78,25,30C362.43,142.3,361.73,155.35,358.91,168Z"/><path class="cls-12" d="M61.88,102.48C69,96,77.49,92.12,86.27,89.28q-4.09,1-8.18,2c-12.75,3.22-25.83,7.15-36.1,16.5-35.94,32.71-5.7,90.8,6.57,129a163.52,163.52,0,0,1,17-13.88C52.14,185,28.54,132.83,61.88,102.48Z"/><path class="cls-13" d="M104.58,105a1,1,0,0,1-.19-2c6.25-1.26,12.88-2.39,19.71-3.36a1,1,0,0,1,.28,2c-6.79,1-13.39,2.09-19.6,3.34A.68.68,0,0,1,104.58,105Z"/><path class="cls-13" d="M57.19,120.46a1,1,0,0,1-.84-.46,1,1,0,0,1,.3-1.38c.42-.27,10.63-6.73,35.7-12.92a1,1,0,1,1,.48,1.94c-24.75,6.11-35,12.6-35.1,12.66A1,1,0,0,1,57.19,120.46Z"/><path class="cls-13" d="M220.93,96.32h-.09c-6.83-.61-13.48-1-19.79-1.22a1,1,0,0,1,0-2h0c6.34.2,13,.62,19.9,1.23a1,1,0,0,1-.09,2Z"/><path class="cls-13" d="M152,99.31a1,1,0,0,1-.16-2l5.35-.91c10.3-1.78,21-3.62,31.71-3.45a1,1,0,1,1,0,2c-10.58-.16-21.13,1.66-31.34,3.42l-5.37.91Z"/><path class="cls-13" d="M326.33,116.8a1,1,0,0,1-.33-.06c-6.55-2.35-13-4.47-19.07-6.29a1,1,0,0,1-.67-1.25,1,1,0,0,1,1.25-.67c6.13,1.83,12.58,4,19.16,6.33a1,1,0,0,1-.34,1.94Z"/><path class="cls-13" d="M295.34,107.21a1,1,0,0,1-.24,0C270.44,101,258.75,102,258.64,102a1,1,0,1,1-.19-2c.48,0,12.09-1.07,37.13,5.24a1,1,0,0,1-.24,2Z"/><path class="cls-13" d="M105.15,117.87a1,1,0,0,1-.19-2c6.24-1.26,12.88-2.39,19.71-3.36a1,1,0,1,1,.28,2c-6.79,1-13.39,2.09-19.6,3.34A.68.68,0,0,1,105.15,117.87Z"/><path class="cls-13" d="M57.76,133.34a1,1,0,0,1-.54-1.84c.42-.27,10.63-6.73,35.7-12.92a1,1,0,0,1,.48,1.94c-24.69,6.1-35,12.6-35.1,12.66A1,1,0,0,1,57.76,133.34Z"/><path class="cls-13" d="M221.5,109.2h-.09c-6.83-.61-13.49-1-19.79-1.22a1,1,0,0,1-1-1,1,1,0,0,1,1-1c6.33.2,13,.62,19.89,1.23a1,1,0,0,1-.08,2Z"/><path class="cls-13" d="M152.57,112.24a1,1,0,0,1-.35-1.94c.46-.17,11.58-4.16,37.21-4.46a1,1,0,0,1,1,1,1,1,0,0,1-1,1c-25.23.3-36.44,4.3-36.55,4.34A1,1,0,0,1,152.57,112.24Z"/><path class="cls-13" d="M326.9,129.68a1,1,0,0,1-.34-.06c-6.54-2.35-12.95-4.47-19.06-6.29a1,1,0,0,1,.58-1.92c6.13,1.83,12.58,4,19.16,6.33a1,1,0,0,1-.34,1.94Z"/><path class="cls-13" d="M295.91,120.09a1,1,0,0,1-.24,0c-24.72-6.23-36.35-5.2-36.46-5.19a1,1,0,0,1-.2-2c.49,0,12.09-1.07,37.14,5.24a1,1,0,0,1-.24,2Z"/><path class="cls-13" d="M104,132.4a1,1,0,0,1-1-.8,1,1,0,0,1,.78-1.18c6.25-1.25,12.88-2.39,19.71-3.36a1,1,0,0,1,1.14.85,1,1,0,0,1-.85,1.13c-6.8,1-13.4,2.09-19.61,3.34A.65.65,0,0,1,104,132.4Z"/><path class="cls-13" d="M56.62,147.87a1,1,0,0,1-.84-.46,1,1,0,0,1,.3-1.38c.42-.27,10.64-6.73,35.71-12.92a1,1,0,0,1,1.21.73,1,1,0,0,1-.74,1.21c-24.74,6.11-35,12.6-35.1,12.66A1,1,0,0,1,56.62,147.87Z"/><path class="cls-13" d="M220.36,123.73h-.09c-6.83-.62-13.48-1-19.78-1.23a1,1,0,0,1-1-1,1,1,0,0,1,1-1c6.34.2,13,.62,19.9,1.23a1,1,0,0,1-.09,2Z"/><path class="cls-13" d="M151.43,126.77a1,1,0,0,1-.35-1.94c.47-.17,11.58-4.16,37.22-4.46h0a1,1,0,0,1,0,2c-25.29.3-36.43,4.3-36.54,4.34A1.07,1.07,0,0,1,151.43,126.77Z"/><path class="cls-13" d="M325.77,144.22a1,1,0,0,1-.34-.06c-6.54-2.36-12.95-4.48-19.06-6.3a1,1,0,0,1-.67-1.25,1,1,0,0,1,1.24-.67c6.14,1.84,12.59,4,19.16,6.33a1,1,0,0,1-.33,1.95Z"/><path class="cls-13" d="M294.77,134.62l-.24,0c-24.65-6.21-36.35-5.2-36.46-5.19a1,1,0,0,1-.19-2c.48,0,12.08-1.07,37.14,5.24a1,1,0,0,1-.25,2Z"/><path class="cls-8" d="M134.28,55.94a21.68,21.68,0,0,1,9.13,1c2.27.86,3.52,2,3.38,3s-1.6,1.81-3.74,2.36a52.83,52.83,0,0,1-8.1,1.2,52.47,52.47,0,0,1-8.19.23c-2.2-.16-3.76-.65-4.09-1.66s.7-2.36,2.79-3.59A21.52,21.52,0,0,1,134.28,55.94Z"/><path class="cls-8" d="M189.16,54c14.08.87,25.23,3.94,25,6s-11.61,2.48-25.44,1.63S163.63,59,163.64,56.91,175.09,53.15,189.16,54Z"/><path class="cls-3" d="M45,244.59l-2.18-6.77c-1.91-6-4.28-12.43-6.78-19.29-13.82-37.8-31-84.85,1.47-114.42C48.67,94,62.43,89.89,75.57,86.57c75.35-19,152.7-20.37,223.69-3.89C311.33,85.48,324.07,89,335.45,96c12.88,7.83,22.44,19.32,26.92,32.35,4.08,11.86,4.39,25.17.93,40.67h0a191.33,191.33,0,0,1-8,25.71l-.14.4c-10,26.58-13.67,38.62-13.77,40.85a3.89,3.89,0,0,0-1.28-2.7l-6.16,6.56C299.3,207.29,247.58,188.65,192,188.65S84.83,207.26,50.21,239.73ZM197.37,80.24A489.6,489.6,0,0,0,77.77,95.3c-12,3-24.58,6.73-34.17,15.47-28,25.5-12,69.4.92,104.68,1.65,4.52,3.25,8.88,4.7,13.07,36.12-31.14,87.71-48.87,142.8-48.87,54.72,0,106,17.49,142,48.22,1-3.25,2.37-7.53,4.18-12.73,2.27-6.56,5.11-14.37,8.44-23.22l.15-.39A184.81,184.81,0,0,0,354.52,167c3.08-13.83,2.87-25.54-.66-35.78-3.8-11.05-12-20.85-23.09-27.6-9.72-5.91-20.44-9.15-33.54-12.19A441.79,441.79,0,0,0,197.37,80.24ZM358.91,168h0Z"/><path class="cls-8" d="M316.3,283a85,85,0,0,1-.17-10.5c.2-2.77.72-4.63,1.76-4.88s2.37,1.22,3.57,3.91a35.67,35.67,0,0,1,1.44,22.17c-.84,2.82-2,4.45-3,4.34s-1.82-1.89-2.38-4.61A83.3,83.3,0,0,1,316.3,283Z"/><path class="cls-8" d="M310.41,253a8.45,8.45,0,0,1-.74-3.45,4,4,0,0,1,1-2.95,2.9,2.9,0,0,1,3.26-.34,7.5,7.5,0,0,1,3.8,8.75,2.92,2.92,0,0,1-2.48,2.15,4.08,4.08,0,0,1-2.87-1.26A8.5,8.5,0,0,1,310.41,253Z"/><path class="cls-8" d="M300.23,237.15c-1-1.27-.45-3.35,1.22-4.65s3.82-1.33,4.82-.06.44,3.36-1.23,4.66S301.22,238.42,300.23,237.15Z"/><path class="cls-8" d="M258.7,168A36.44,36.44,0,0,1,271.61,173c3,2,4.41,3.89,3.92,4.8s-2.75.81-6,.2-7.55-1.61-12.31-2.55-9.11-1.61-12.36-2.27-5.37-1.37-5.47-2.44,1.91-2.24,5.43-3A36.43,36.43,0,0,1,258.7,168Z"/><path class="cls-8" d="M296.63,182.34a5.05,5.05,0,0,1,2.82,2.8,3,3,0,0,1-.45,3,4.48,4.48,0,0,1-2.58,1.46,4.48,4.48,0,0,1-4.87-2,4.37,4.37,0,0,1-.75-2.87,3,3,0,0,1,1.85-2.44A5.05,5.05,0,0,1,296.63,182.34Z"/><path class="cls-8" d="M320.06,194.45a16.53,16.53,0,0,1,5.18,5.14c1,1.69,1.19,3.15.49,3.94s-2.13.8-3.88.28a28.09,28.09,0,0,1-11.07-7.19c-1.19-1.39-1.77-2.7-1.32-3.67s1.85-1.37,3.8-1.15A16.57,16.57,0,0,1,320.06,194.45Z"/><circle class="cls-3" cx="133.38" cy="300.14" r="22.91"/><circle class="cls-1" cx="143.6" cy="283.11" r="12.7"/><circle class="cls-8" cx="124.18" cy="308.69" r="5.28"/><circle class="cls-3" cx="239.38" cy="305.14" r="22.91"/><circle class="cls-1" cx="249.6" cy="288.11" r="12.7"/><circle class="cls-8" cx="230.18" cy="313.69" r="5.28"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-2.svg b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-2.svg
new file mode 100644
index 0000000..c4c1722
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 379.47 510.81"><defs><style>.cls-1{fill:#dfe7ea;}.cls-2{fill:#ceea57;}.cls-3{fill:#213346;}.cls-4{fill:#95bc4a;}.cls-5{fill:#bfe1ee;}.cls-11,.cls-6{fill:#fff;}.cls-7{fill:#f5a2c6;}.cls-8{fill:#d676a3;}.cls-9{fill:#f9637c;}.cls-10{fill:#cc3656;}.cls-11{opacity:0.5;}.cls-12{fill:#f6aecd;}.cls-13{fill:#86b9f8;}.cls-14{fill:#7662fa;}</style></defs><title>Asset 16</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><ellipse class="cls-1" cx="191.74" cy="457.95" rx="179.73" ry="52.86"/><circle class="cls-2" cx="334.64" cy="271.05" r="40.33"/><path class="cls-3" d="M334.64,314.49a44.83,44.83,0,1,1,44.83-44.83A44.88,44.88,0,0,1,334.64,314.49Zm0-80.66a35.83,35.83,0,1,0,35.83,35.83A35.87,35.87,0,0,0,334.64,233.83Z"/><path class="cls-3" d="M356.42,273.33a3,3,0,0,1-2.93-2.41c-3.92-19.6-23.82-16.39-24.67-16.24a3,3,0,0,1-1.05-5.91c9.15-1.63,27.53.65,31.6,21a3,3,0,0,1-2.35,3.53A3.05,3.05,0,0,1,356.42,273.33Z"/><circle class="cls-2" cx="44.83" cy="269.05" r="40.33"/><path class="cls-4" d="M76.23,244.43a40.32,40.32,0,0,0-55.79,55.79,40.33,40.33,0,1,1,55.79-55.79Z"/><path class="cls-3" d="M44.83,312.49a44.83,44.83,0,1,1,44.83-44.83A44.88,44.88,0,0,1,44.83,312.49Zm0-80.66a35.83,35.83,0,1,0,35.83,35.83A35.87,35.87,0,0,0,44.83,231.83Z"/><path class="cls-2" d="M188.76,62h2.72A142.34,142.34,0,0,1,333.82,204.34v92.6a143.7,143.7,0,0,1-143.7,143.7h0a143.7,143.7,0,0,1-143.7-143.7v-92.6A142.34,142.34,0,0,1,188.76,62Z"/><path class="cls-4" d="M208.37,437.76a143.43,143.43,0,0,1-19.77,1.37c-79,0-143.71-64.66-143.71-143.71V200.94c0-77.25,63.22-140.46,140.47-140.46h6.48a136.88,136.88,0,0,1,16.53,1C138.82,69.71,84.43,129.29,84.43,200.94v94.48C84.43,367.76,138.58,428.06,208.37,437.76Z"/><path class="cls-3" d="M188.6,445.15A148.62,148.62,0,0,1,40.39,296.94v-92.6A147.26,147.26,0,0,1,187.24,57.5H190A147.26,147.26,0,0,1,336.8,204.34v92.6A148.62,148.62,0,0,1,188.6,445.15ZM187.24,66.5A138.26,138.26,0,0,0,49.39,204.34v92.6a139,139,0,0,0,237.52,98.31,138.2,138.2,0,0,0,40.89-98.31v-92.6A138.24,138.24,0,0,0,190,66.5Z"/><path class="cls-5" d="M319.19,272.92v.18C318.65,273.12,318.86,273,319.19,272.92Z"/><path class="cls-3" d="M20.84,273.92a2.31,2.31,0,0,1-.37,0,3,3,0,0,1-2.61-3.34c1.7-13.89,7.61-20.76,12.26-24.07a20.44,20.44,0,0,1,10.38-4,3,3,0,0,1,.23,6c-.63,0-14.25,1.06-16.92,22.76A3,3,0,0,1,20.84,273.92Z"/><path class="cls-3" d="M190.57,306.5a3,3,0,0,1-3-3V256.91a3,3,0,1,1,6,0V303.5A3,3,0,0,1,190.57,306.5Z"/><path class="cls-6" d="M40.94,365.6c.72-3.5,2.66-5.94,4-5.52s1.67,3.31,1,6.55-2.1,5.77-3.51,5.62S40.22,369.1,40.94,365.6Z"/><path class="cls-6" d="M42.16,403.44a49.43,49.43,0,0,1-1.78-14.27c.14-3.7.8-5.95,1.48-6,1.47,0,2.43,8.7,5.23,18.9s6.3,18.17,5,18.93c-.59.34-2.31-1.26-4.31-4.37A48.78,48.78,0,0,1,42.16,403.44Z"/><path class="cls-7" d="M137.75,2.51a33.77,33.77,0,0,0-24.37,10.94,34,34,0,0,0-41.26,46,34,34,0,1,0,38.79,54.36,34,34,0,0,0,54.73-27.46c0-.39,0-.78-.06-1.17a34,34,0,1,0,7.68-66.91,34.46,34.46,0,0,0-5.87.62A33.92,33.92,0,0,0,137.75,2.51Z"/><path class="cls-8" d="M89.32,49.48a33.74,33.74,0,0,0,2.8,12.94,34,34,0,0,0,6.82,64,34.92,34.92,0,0,1-6.91.82A34,34,0,0,1,77.12,62.42a34,34,0,0,1,30.57-47.49,34.27,34.27,0,0,1,8.1.82A34,34,0,0,0,89.32,49.48Z"/><path class="cls-3" d="M86.42,130.69A38.47,38.47,0,0,1,66.54,59.3,38.47,38.47,0,0,1,102.61,9.43a38.62,38.62,0,0,1,9.42,1A38,38,0,0,1,137.67,0h0a38.68,38.68,0,0,1,31.88,16c1.2-.14,2.42-.22,3.63-.24a38.47,38.47,0,0,1,28.34,65.18,38.17,38.17,0,0,1-27,11.75,40.18,40.18,0,0,1-4.53-.19,38.46,38.46,0,0,1-58.66,29.07,38.09,38.09,0,0,1-24.22,9.13ZM103.29,18.42h-.53a29.45,29.45,0,0,0-28.94,30,29,29,0,0,0,2.43,11.22l1.75,4L74,65.5a29.47,29.47,0,1,0,33.65,47.16l2.8-2.92,3.2,2.48A29.45,29.45,0,0,0,161.14,88.4c0-.29,0-.58,0-.87l-.53-6.29,6.12,1.55a29.47,29.47,0,1,0,6.65-58.05,28.71,28.71,0,0,0-5.08.54l-3.08.6-1.63-2.68A29.59,29.59,0,0,0,137.83,9h0a29.21,29.21,0,0,0-21.14,9.5l-1.93,2.09L112,19.75A29.32,29.32,0,0,0,103.29,18.42ZM137.75,4.51h0Z"/><polygon class="cls-3" points="225.1 107.59 226.73 112.26 221.44 110.12 233.38 107.94 235.94 107.48 236.58 109.21 243.09 126.94 231.9 111.73 235.06 112.98 224.2 118.39 221.46 119.76 218.98 116.27 215.87 111.89 194.8 82.23 205.66 66.03 225.1 107.59"/><polygon class="cls-3" points="81.49 154.74 81.53 157.94 84.27 155.47 76.54 156.78 74.89 157.06 74.88 158.25 74.82 170.43 78.27 158.75 76.63 160.2 84.41 161.1 86.37 161.33 87.11 158.67 88.04 155.33 95.65 128.68 84.16 125.25 81.49 154.74"/><polygon class="cls-3" points="197.95 122.51 197.9 126.47 194.51 123.42 204.09 125.03 206.15 125.38 206.16 126.86 206.23 141.99 201.95 127.48 203.99 129.29 194.33 130.4 191.89 130.68 190.97 127.38 189.82 123.23 180.37 90.14 194.63 85.89 197.95 122.51"/><polygon class="cls-3" points="149.78 144.16 144.65 143.61 144.93 142.63 148.61 118.63 135.56 121.73 137.8 143.28 138.05 145.98 138.25 148.13 140.4 147.9 147.64 147.1 148.59 155.26 151.23 145.32 151.49 144.35 149.78 144.16"/><circle class="cls-3" cx="241.03" cy="227.35" r="41.06"/><rect class="cls-9" x="238.09" y="225.78" width="15.99" height="86.04" rx="6.5"/><path class="cls-10" d="M249.78,310.38a5.81,5.81,0,0,1-3.69,1.43c-4.42,0-8-5.69-8-12.71V238.48c0-7,3.58-12.7,8-12.7a5.8,5.8,0,0,1,3.69,1.42c-2.56,2.13-4.31,6.38-4.31,11.28V299.1C245.47,304,247.22,308.25,249.78,310.38Z"/><path class="cls-3" d="M246.09,314.81a11,11,0,0,1-11-11v-70a11,11,0,0,1,22,0v70A11,11,0,0,1,246.09,314.81Zm0-86a5,5,0,0,0-5,5v70a5,5,0,1,0,10,0v-70A5,5,0,0,0,246.09,228.78Z"/><path class="cls-6" d="M296.05,131.36a75.23,75.23,0,0,1,6,11c.74,1.78,1.43,3.47,1.95,5.11s1,3.16,1.31,4.57c1.35,5.68,1.2,9.35.22,9.6-2.16.52-6.69-12.4-15.84-26.1-9-13.81-19.06-23.07-17.73-24.84.61-.81,4.05.51,8.73,4,1.17.87,2.42,1.86,3.69,3s2.58,2.43,3.93,3.81A76.62,76.62,0,0,1,296.05,131.36Z"/><path class="cls-6" d="M313.3,178.31c.48,2.42-.82,4.71-2.89,5.12s-4.15-1.22-4.62-3.64.82-4.72,2.9-5.13S312.83,175.89,313.3,178.31Z"/><path class="cls-6" d="M317,202.62c.54,4.11-.73,7.66-2.82,7.94s-4.24-2.84-4.77-6.94.73-7.66,2.83-7.94S316.48,198.52,317,202.62Z"/><circle class="cls-11" cx="229.78" cy="343.53" r="5.28"/><path class="cls-12" d="M138,52.68a29,29,0,0,0-19.37-.87c-4.89,1.53-7.35,3.77-7.61,3.46-.11-.12.35-.84,1.49-1.84A19.53,19.53,0,0,1,118,50.11a27.32,27.32,0,0,1,9.38-1.92,29,29,0,0,1,11.56,2.13,27.34,27.34,0,0,1,9.7,6.66,27.9,27.9,0,0,1,5.25,8,23.39,23.39,0,0,1,1.74,6.16c.19,1.49.1,2.34-.06,2.36-.42.07-.9-3.21-3.31-7.74a30.26,30.26,0,0,0-5.31-7.14A27.38,27.38,0,0,0,138,52.68Z"/><path class="cls-12" d="M108.26,80.3a20.07,20.07,0,0,1,5.12-6.47,17.38,17.38,0,0,1,5.9-3.25,12.35,12.35,0,0,1,4.47-.59c1.06.08,1.62.29,1.61.45,0,.42-2.29.4-5.44,1.83a19,19,0,0,0-5,3.33,20.41,20.41,0,0,0-4.38,5.83,30,30,0,0,0-2.72,13.22c0,3.56.27,5.81-.11,5.89s-1.22-2.07-1.69-5.78a27.59,27.59,0,0,1,0-6.59A24.21,24.21,0,0,1,108.26,80.3Z"/><path class="cls-12" d="M140.43,20.33a25.58,25.58,0,0,1,7.06,2.46,15.34,15.34,0,0,1,4.81,3.92,8.61,8.61,0,0,1,1.76,3.83c.16,1,0,1.54-.14,1.56-.41.07-.75-2-3-4.19a16.3,16.3,0,0,0-4.52-3,28.82,28.82,0,0,0-6.48-2.05,20.5,20.5,0,0,0-6.69-.31,13.86,13.86,0,0,0-5.09,1.69c-2.71,1.55-3.75,3.39-4.09,3.2-.15-.07-.09-.63.35-1.52a9.55,9.55,0,0,1,2.73-3.17,13.55,13.55,0,0,1,5.72-2.52A19.9,19.9,0,0,1,140.43,20.33Z"/><path class="cls-12" d="M186.89,58.43a31.33,31.33,0,0,0,1.87-9.7,11.92,11.92,0,0,0-2.48-7.23,38.35,38.35,0,0,0-3.72-4.12c-.95-1-1.44-1.54-1.33-1.68s.8.18,2,.91a22.1,22.1,0,0,1,4.49,3.76,12.88,12.88,0,0,1,3.43,8.27,30.14,30.14,0,0,1-1.79,10.58,20.67,20.67,0,0,1-2.38,5.16,14,14,0,0,1-3.87,3.81,16.85,16.85,0,0,1-8.49,2.65,18,18,0,0,1-5.85-.68c-1.33-.39-2-.81-1.95-1,.1-.41,3,.43,7.63-.16a16.46,16.46,0,0,0,7.33-2.79A12.18,12.18,0,0,0,184.85,63,19.79,19.79,0,0,0,186.89,58.43Z"/><path class="cls-12" d="M85.1,87.16A13.11,13.11,0,0,1,81,78.56c-.12-2.47.54-3.89.85-3.83s.39,1.48.94,3.56A14,14,0,0,0,94.08,88.92c2.11.43,3.54.36,3.61.74s-1.3,1-3.78,1.06A13.1,13.1,0,0,1,85.1,87.16Z"/><path class="cls-12" d="M133,92.83a24.28,24.28,0,0,0,4.74-.43,20,20,0,0,0,2-.52,16.5,16.5,0,0,0,1.73-.6c2.1-.83,3.36-1.6,3.61-1.3s-.66,1.54-2.78,2.91a13.24,13.24,0,0,1-1.81,1,16.71,16.71,0,0,1-2.21.82,18.08,18.08,0,0,1-10.7-.22,16.23,16.23,0,0,1-2.18-.92,11.2,11.2,0,0,1-1.76-1c-2.06-1.46-2.88-2.81-2.66-3s1.49.54,3.55,1.46c.52.22,1.08.47,1.71.67s1.3.4,2,.6A24.26,24.26,0,0,0,133,92.83Z"/><path class="cls-12" d="M104.17,42.92a20.9,20.9,0,0,1,4-4,17.67,17.67,0,0,1,2.09-1.33,12.45,12.45,0,0,1,2-.9c2.48-.93,4.14-.86,4.19-.55s-1.36.94-3.41,2.17a17.51,17.51,0,0,0-1.62,1.08c-.58.38-1.13.88-1.74,1.37a23.08,23.08,0,0,0-6,8.07c-.29.72-.6,1.4-.8,2.06s-.4,1.29-.55,1.87c-.59,2.31-.7,3.86-1.09,3.89s-.86-1.53-.7-4.17a13.28,13.28,0,0,1,.3-2.13,16.39,16.39,0,0,1,.66-2.4A20.41,20.41,0,0,1,104.17,42.92Z"/><path class="cls-12" d="M163.78,45.73a23.94,23.94,0,0,0,1.71-3.89,22.19,22.19,0,0,0,.81-3.4c.32-2,.34-3.32.72-3.38s.95,1.21,1.09,3.46a14.52,14.52,0,0,1-.35,3.94A16.69,16.69,0,0,1,163,50.82a14.36,14.36,0,0,1-3.2,2.32c-2,1-3.43,1.14-3.54.85s1-1.06,2.54-2.35a22.65,22.65,0,0,0,2.5-2.45A23.79,23.79,0,0,0,163.78,45.73Z"/><path class="cls-6" d="M173.73,70.51a21.63,21.63,0,0,0,8.47-4.27c1.93-1.57,3-3,3.68-2.73.32.11.49.65.41,1.55a8.73,8.73,0,0,1-1.32,3.5,16.46,16.46,0,0,1-10,6.9,22.68,22.68,0,0,1-11.76-.33c-2.83-.87-4.37-1.93-4.22-2.6s2-.89,4.71-1A47.09,47.09,0,0,0,173.73,70.51Z"/><path class="cls-6" d="M186.07,51.39c.2-1.77,1.49-3.08,2.89-2.93s2.38,1.72,2.19,3.49-1.49,3.08-2.89,2.92S185.88,53.16,186.07,51.39Z"/><path class="cls-6" d="M183.86,41.8a2.6,2.6,0,0,1,4.14-3,2.61,2.61,0,0,1-4.14,3Z"/><path class="cls-13" d="M330,302c20.28,37,13.83,73.05,14.54,107.47l-11-12.15a118.62,118.62,0,0,1-28.8,57.47,42.38,42.38,0,0,0-13.34-14.7A89.09,89.09,0,0,1,263.9,487a35.8,35.8,0,0,0-1-29.59,56.4,56.4,0,0,1-30.8,34.29,23.17,23.17,0,0,0,2.52-22.37c-11.17,19-43.3,19.54-55.14,1-.82,3.75-.22,8.67,3.61,9-16.11,2.48-30.85-4.3-41.93-16.25a27.05,27.05,0,0,0,9,17.56,49.18,49.18,0,0,1-40.92-27.17c-20.77,1.29-41.53-12.94-47.8-32.79a9.91,9.91,0,0,1-2.59,9.51c-35.89-18.22-34-99.94-10.46-126.89,0,0,49.48,7.94,79.51,30.74,6.43,4.88,14.43-4.6,23.27-7.4,17.51-5.53,38.32-11.15,56.88-11.22,23.39-.1,35.9,29.56,50.89,15.49C298.57,293.65,329.64,301.39,330,302Z"/><path class="cls-14" d="M345.91,405.22l-11-12.16a118.76,118.76,0,0,1-28.81,57.48,42.3,42.3,0,0,0-13.34-14.7,89,89,0,0,1-27.51,46.89,35.83,35.83,0,0,0-1-29.59,56.4,56.4,0,0,1-30.8,34.29A23.2,23.2,0,0,0,236,465.06c-11.17,19-43.3,19.54-55.14,1-.83,3.75.11,17.55,3.94,17.87-16.1,2.48-31.18-13.18-42.26-25.13.64,6.7,2.31,18.78,7.36,23.23-17.16-.88-31.84-17.37-39.3-32.84-20.78,1.29-41.53-12.95-47.8-32.79a9.91,9.91,0,0,1-2.58,9.51c-12.41-6.3-20.59-20-25-36.31,15.87,11.57,34.55,19.51,53,26.63,12.54,4.82,25.24,9.42,38.46,11.83,12.82,2.33,25.92,2.56,39,2.79,36.17.62,73.84.94,106.53-14.59,9.37-4.45,19.26-12.08,18.93-22.46-.37-11.86-13.35-18.63-24.42-22.88,23.58-3.5,42.91-21.78,53.67-43.05a131.59,131.59,0,0,0,9.48-25.3L333,305C342.73,339,345.19,370.81,345.91,405.22Z"/><path class="cls-3" d="M253.41,500.93l7.73-18.34a31,31,0,0,0,2.25-14.75,61,61,0,0,1-28.12,25.32l-15.22,6.65,9.79-13.42a18.51,18.51,0,0,0,3.37-9.49,38.29,38.29,0,0,1-24.46,8.83,39.29,39.29,0,0,1-20.87-5.26c1,5.16.93,9.73-3.16,11.61l-1.89.86-1.88-.86c-13-6-23.27-12.19-31.89-19.33,1.42,5.57,3,7.6,3.8,8.31l9.71,8.53-12.91-.66c-18.37-.93-33.64-18.1-41.8-33.56-17.77,0-34.88-10-44.23-24.92l-.28.28L61,433l-2.87-1.46c-13.73-7-23.61-22.79-27.84-44.54-6.17-31.81.86-70.33,16-87.71a4.5,4.5,0,1,1,6.78,5.92c-13.31,15.26-19.57,51.18-14,80.07,3.26,16.82,10.08,29.4,19.38,36a5.07,5.07,0,0,0-.1-2.09l8.63-2.54c5.62,17.79,24.6,30.81,43.23,29.66l3-.19,1.31,2.72c7.38,15.29,17.47,24.65,26.45,28.73a83.68,83.68,0,0,1-3-16.73l-1.27-13.24,9.05,9.75c8.53,9.2,18.86,16.65,33,23.73-.31-1.46-.69-2.95-1-4-1.25-5-1.93-7.92-1.4-10.33l2.33-10.64,5.86,9.18c4.71,7.38,13.68,11.69,24,11.5s19.08-4.81,23.52-12.35l4.51-7.66,3.51,8.17a27.18,27.18,0,0,1,2,13.86A51.87,51.87,0,0,0,260,453.4l3.32-10.56,5,9.88a40,40,0,0,1,4.21,17.36,84.32,84.32,0,0,0,15.89-33.6l1.43-6.48,5.49,3.72a47,47,0,0,1,11.36,10.93,115.09,115.09,0,0,0,23.84-50.82l1.7-8.88,10,11.05c2-35.79-3.31-65-16.46-91.39a4.5,4.5,0,1,1,8-4C349,331,354.25,364.9,350.39,407.23l-.93,10.24-12.07-13.36a122.34,122.34,0,0,1-27.94,51.07l-4.26,4.65-3-5.53a37.69,37.69,0,0,0-6.81-9,93.54,93.54,0,0,1-27.08,42.37Z"/><path class="cls-2" d="M159.69,399.62a9.74,9.74,0,0,1-9.71-9.71V352.76a9.74,9.74,0,0,1,9.71-9.71h68a9.75,9.75,0,0,1,9.72,9.71v37.15a9.75,9.75,0,0,1-9.72,9.71"/><path class="cls-4" d="M239,356.81v11.52a9.75,9.75,0,0,0-8.91-5.85h-68a9.74,9.74,0,0,0-9.71,9.71v25.63a9.65,9.65,0,0,1-.81-3.87V356.81a9.75,9.75,0,0,1,9.71-9.72h68A9.76,9.76,0,0,1,239,356.81Z"/><path class="cls-3" d="M193.29,341.91c7,0,13.87,0,20.49.1l9.74.12,2.37,0,1.18,0h.33l.43,0,.85.06a14.26,14.26,0,0,1,6.29,2.29,14.06,14.06,0,0,1,6.23,10.73l0,.78v.65l0,1.07c0,.7,0,1.41-.05,2.11,0,1.39-.09,2.77-.13,4.12-.17,5.41-.37,10.45-.59,15s-.45,8.76-.71,12.42c0,.45-.07.9-.1,1.34,0,.22,0,.44-.05.66s-.05.52-.08.78a11.57,11.57,0,0,1-.74,3,11.41,11.41,0,0,1-3,4.24,9.64,9.64,0,0,1-6.23,2.57,4.68,4.68,0,0,1-1.7-.26c-.38-.14-.55-.3-.55-.46s.17-.34.49-.52l1.35-.66a10.23,10.23,0,0,0,3.89-3.22,8.51,8.51,0,0,0,1.34-3.09,8,8,0,0,0,.12-1.84l0-.5c0-.22,0-.44-.05-.66l-.09-1.34c-.26-3.66-.5-7.82-.72-12.42s-.41-9.63-.59-15c0-1.35-.08-2.73-.12-4.12l-.06-2.11,0-1.07v-.43l0-.3a5.41,5.41,0,0,0-4.95-4.71h-.73l-1.18,0-2.37,0-9.74.12c-6.62.06-13.47.1-20.49.1s-13.87,0-20.48-.1l-9.74-.12-2.38,0-1.18,0h-.73a5.42,5.42,0,0,0-4.94,4.71l0,.3,0,.16v.27l0,1.07c0,.7,0,1.41-.05,2.11,0,1.39-.09,2.77-.13,4.12-.17,5.41-.37,10.45-.59,15s-.46,8.76-.71,12.42c0,.45-.07.9-.1,1.34,0,.22,0,.44,0,.66l0,.5a7.43,7.43,0,0,0,.13,1.84,8.18,8.18,0,0,0,1.34,3.09,10.21,10.21,0,0,0,3.88,3.22l1.35.66c.32.18.5.35.5.52s-.18.32-.55.46A4.74,4.74,0,0,1,157,404a9.6,9.6,0,0,1-6.22-2.57,11.32,11.32,0,0,1-3-4.24,12,12,0,0,1-.74-3c0-.26-.06-.57-.08-.78s0-.44-.05-.66l-.09-1.34c-.26-3.66-.5-7.82-.72-12.42s-.41-9.63-.59-15c0-1.35-.08-2.73-.12-4.12l-.06-2.11,0-1.07v-.65l0-.78a14.08,14.08,0,0,1,6.22-10.73,14.31,14.31,0,0,1,6.29-2.29l.86-.06.43,0h.32l1.18,0,2.38,0,9.74-.12C179.42,342,186.28,341.91,193.29,341.91Z"/><path class="cls-3" d="M60.39,322a37.09,37.09,0,0,0,.47,9,37.78,37.78,0,0,0,2.92,8.91,39.35,39.35,0,0,1-5.49-8A40.74,40.74,0,0,1,55,322.37a44.5,44.5,0,0,1-1-10.27,49.21,49.21,0,0,1,.4-5.25,33.42,33.42,0,0,1,1.13-5.44l10,4.36a23.19,23.19,0,0,0-1.89,3.53,41.21,41.21,0,0,0-1.54,4A38.35,38.35,0,0,0,60.39,322Z"/><path class="cls-3" d="M75.3,330.15c.78,7.09,3.93,14.18,8.49,20.33A45.39,45.39,0,0,1,70,331.43,37.16,37.16,0,0,1,67.79,319,33.53,33.53,0,0,1,70.32,306l9.59,5.16C76.2,316,74.51,323.12,75.3,330.15Z"/><path class="cls-3" d="M102.41,335.48A49,49,0,0,0,109,355a51.46,51.46,0,0,1-11.83-18.14,54.08,54.08,0,0,1-3.61-22.51l10.73,1.85A45.78,45.78,0,0,0,102.41,335.48Z"/><path class="cls-3" d="M279.1,331.6a25.9,25.9,0,0,1-.28,8.41c-.49,2.14-1.22,3.39-1.88,3.33-1.37-.13-2-5.16-2.7-11.16s-1.3-11,0-11.49c.63-.2,1.64.84,2.61,2.8A25.74,25.74,0,0,1,279.1,331.6Z"/><path class="cls-3" d="M300.7,325.92a34.06,34.06,0,0,1-2.28,11.66c-1.17,2.83-2.4,4.35-3,4.13-1.32-.5.23-7.41.4-15.92s-.91-15.49.43-15.91c.62-.19,1.77,1.39,2.79,4.28A34.18,34.18,0,0,1,300.7,325.92Z"/><path class="cls-3" d="M323.44,322.4a51.55,51.55,0,0,1,.48,8.84,42.08,42.08,0,0,1-.84,7.17c-.86,4-2,6.32-2.66,6.19-1.41-.31-.09-10-1.83-21.5s-5.47-20.53-4.18-21.19c.58-.3,2.31,1.61,4.22,5.24a44.14,44.14,0,0,1,2.79,6.64A53.12,53.12,0,0,1,323.44,322.4Z"/><path class="cls-3" d="M68.8,420.47a39.61,39.61,0,0,1-.25-8.28,35.94,35.94,0,0,1,.5-3.58,25.93,25.93,0,0,1,.76-3c1.14-3.68,2.57-5.64,3.16-5.43s.45,2.52.24,6.05c0,.89-.12,1.85-.12,2.88s0,2.13,0,3.28a59.18,59.18,0,0,0,2.11,14.73c.33,1.1.6,2.17.94,3.14s.63,1.89.92,2.73c1.2,3.32,2,5.46,1.47,5.87s-2.43-1.11-4.56-4.32a23.37,23.37,0,0,1-1.57-2.71,33.94,33.94,0,0,1-1.49-3.3A40.12,40.12,0,0,1,68.8,420.47Z"/><path class="cls-3" d="M99.55,433.75a50.42,50.42,0,0,1-.07-13.35c.45-3.36,1.12-5.4,1.79-5.39s1.24,2.09,1.67,5.4.77,7.81,1.45,12.64c.35,2.41.78,4.67,1.25,6.7.27,1,.47,2,.76,2.85l.38,1.3c.14.41.27.8.39,1.18,1,3,1.81,4.94,1.24,5.37s-2.36-.88-4.34-3.84c-.24-.37-.49-.77-.74-1.18s-.46-.87-.7-1.33a28,28,0,0,1-1.31-3.05A39.4,39.4,0,0,1,99.55,433.75Z"/><path class="cls-3" d="M136.2,440.16c-4-14.35-4.59-26.51-3.28-26.67s4.05,11.36,8,25.35,7.6,25.27,6.32,25.82S140.2,454.53,136.2,440.16Z"/><path class="cls-3" d="M244.41,451.81c1.82-6.05,3.09-11.74,4.22-15.84s2.08-6.65,2.75-6.55.91,2.79.66,7.11a75.23,75.23,0,0,1-2.94,16.7,56.28,56.28,0,0,1-3.52,8.82c-.71,1.29-1.35,2.52-2.1,3.61-.37.54-.71,1.07-1.06,1.56l-1.08,1.38c-2.84,3.46-5.24,4.92-5.69,4.49s.9-2.74,2.8-6.4c.24-.45.48-.93.74-1.43l.74-1.58c.54-1.08,1-2.29,1.55-3.52C242.49,457.64,243.49,454.83,244.41,451.81Z"/><path class="cls-3" d="M273,440.9c1.29-7.37,2-14.28,2.87-19.27s1.74-8,2.41-8,1,3.21,1,8.27a116.76,116.76,0,0,1-1.5,19.83,57.15,57.15,0,0,1-2.95,10.79,40,40,0,0,1-4.24,8.17c-3,4.36-5.79,6.2-6.23,5.76s1.21-3.06,3.23-7.47a65,65,0,0,0,3-7.94A85.72,85.72,0,0,0,273,440.9Z"/><path class="cls-3" d="M301.86,422.49c1.43-6,2.41-11.53,3.33-15.56s1.76-6.53,2.43-6.46,1,2.67,1,6.86a74.69,74.69,0,0,1-2,16.31,56.91,56.91,0,0,1-2.88,8.73c-.61,1.29-1.15,2.53-1.8,3.62-.31.55-.6,1.09-.91,1.59l-.95,1.41c-2.48,3.54-4.67,5.16-5.16,4.77s.59-2.76,2.14-6.45l.6-1.45q.3-.76.6-1.59c.45-1.08.82-2.28,1.26-3.51C300.32,428.25,301.13,425.46,301.86,422.49Z"/><path class="cls-3" d="M311.64,413.48c1.55-3.78,2.81-7.46,3.86-10.85.48-1.71,1-3.33,1.35-4.87s.75-3,1.06-4.28c1.21-5.28,1.85-8.64,2.57-8.62s1.22,3.49.85,9.12c-.1,1.41-.23,2.95-.5,4.59s-.58,3.38-1,5.21a72.61,72.61,0,0,1-9.28,22.38c-1,1.56-2,3-3,4.36s-2,2.53-2.89,3.59c-3.73,4.24-6.6,6.27-7.06,5.84s1.41-3.32,4.28-7.9c.72-1.15,1.51-2.4,2.29-3.78s1.62-2.84,2.49-4.39C308.34,420.75,310.06,417.25,311.64,413.48Z"/><path class="cls-6" d="M42.94,339.6c.72-3.5,2.66-5.94,4-5.52s1.67,3.31,1,6.55-2.1,5.77-3.51,5.62S42.22,343.1,42.94,339.6Z"/><path class="cls-6" d="M44.16,377.44a49.43,49.43,0,0,1-1.78-14.27c.14-3.7.8-5.95,1.48-6,1.47,0,2.43,8.7,5.23,18.9s6.3,18.17,5,18.93c-.59.34-2.31-1.26-4.31-4.37A48.78,48.78,0,0,1,44.16,377.44Z"/><path class="cls-3" d="M128.52,338.8H128c-5-.18-8.88-3.13-12-5.51l-.19-.14a150.17,150.17,0,0,0-65.16-28.23A4.5,4.5,0,0,1,52.19,296,159.48,159.48,0,0,1,121.27,326l.19.15c2.35,1.77,4.77,3.61,6.9,3.69s4.58-1.53,7.15-3.22l.75-.49c14.75-9.64,33.89-14.95,53.9-14.95h0c20,0,39.15,5.31,53.9,14.95l.74.48c2.58,1.7,5,3.3,7.15,3.23s4.56-1.92,6.9-3.69l.19-.15A159.59,159.59,0,0,1,328.13,296a4.5,4.5,0,0,1,1.52,8.88,150.17,150.17,0,0,0-65.16,28.23l-.19.14c-3.13,2.38-7,5.33-12,5.51s-9.12-2.53-12.42-4.7l-.71-.47c-27.47-17.94-70.5-17.94-98,0l-.72.47C137.27,336.2,133.32,338.8,128.52,338.8Z"/><path class="cls-3" d="M210.09,385.31h-36a3.5,3.5,0,1,1,0-7h36a3.5,3.5,0,0,1,0,7Z"/><circle class="cls-14" cx="256.32" cy="340.31" r="34.5"/><circle class="cls-6" cx="246.03" cy="330.35" r="40.04"/><circle class="cls-11" cx="250.78" cy="312.53" r="5.28"/><polygon class="cls-3" points="141.26 29.28 141.29 32.05 143.66 29.92 136.97 31.05 135.54 31.29 135.53 32.32 135.48 42.88 138.47 32.75 137.05 34.01 143.79 34.79 145.49 34.99 146.13 32.68 146.93 29.79 152.37 10.18 143.58 3.72 141.26 29.28"/><polygon class="cls-3" points="131.05 92.41 129.84 89.02 133.69 90.55 125.03 92.19 123.17 92.54 122.7 91.28 117.89 78.43 126.08 89.43 123.78 88.53 131.65 84.56 133.64 83.55 135.46 86.07 137.73 89.24 153.18 110.69 145.37 122.52 131.05 92.41"/><circle class="cls-3" cx="123.96" cy="232.98" r="22.91"/><circle class="cls-2" cx="134.18" cy="215.95" r="12.7"/><circle class="cls-6" cx="114.77" cy="241.53" r="5.28"/><circle class="cls-3" cx="242.84" cy="330.2" r="15.77"/><circle class="cls-6" cx="255.89" cy="340.77" r="10.18"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-3.svg b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-3.svg
new file mode 100644
index 0000000..81145f9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 391.79 532.35"><defs><style>.cls-1{fill:#f9cdb7;}.cls-2{fill:#e2a78d;}.cls-3{fill:#213346;}.cls-4{fill:#bfe1ee;}.cls-5{fill:#dfe7ea;}.cls-6{fill:#e99a4f;}.cls-7{fill:#ce7149;}.cls-8,.cls-9{fill:#fff;}.cls-9{opacity:0.5;}</style></defs><title>Asset 17</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="345.9" cy="275.59" r="41.4"/><path class="cls-2" d="M333.5,312.37a41.4,41.4,0,1,0,0-79.56,41.41,41.41,0,0,1,0,79.56Z"/><circle class="cls-1" cx="45.9" cy="275.59" r="41.4"/><path class="cls-2" d="M55.4,314.37a41.4,41.4,0,1,1,0-79.56,41.41,41.41,0,0,0,0,79.56Z"/><path class="cls-3" d="M45.9,320.06a45.9,45.9,0,1,1,45.89-45.9A46,46,0,0,1,45.9,320.06Zm0-82.79a36.9,36.9,0,1,0,36.89,36.89A36.94,36.94,0,0,0,45.9,237.27Z"/><path class="cls-3" d="M21.27,281a3.1,3.1,0,0,1-.43,0,3.51,3.51,0,0,1-3.05-3.9c1.77-14.41,7.92-21.55,12.76-25a21.46,21.46,0,0,1,10.88-4.14,3.5,3.5,0,0,1,.28,7c-.65,0-14.28,1.11-17,23A3.5,3.5,0,0,1,21.27,281Z"/><path class="cls-3" d="M33.65,288.21a3.88,3.88,0,0,1-.82-.09,3.5,3.5,0,0,1-2.59-4.22,32.88,32.88,0,0,0,1-11.59,14.61,14.61,0,0,0-4.4-9.21,3.5,3.5,0,1,1,4.65-5.23,21.52,21.52,0,0,1,6.69,13.58,39.36,39.36,0,0,1-1.16,14.07A3.5,3.5,0,0,1,33.65,288.21Z"/><path class="cls-3" d="M345.9,320.06a45.9,45.9,0,1,1,45.89-45.9A46,46,0,0,1,345.9,320.06Zm0-82.79a36.9,36.9,0,1,0,36.89,36.89A36.94,36.94,0,0,0,345.9,237.27Z"/><path class="cls-3" d="M370.52,281a3.5,3.5,0,0,1-3.47-3.07c-2.69-21.94-16.39-23-17-23a3.52,3.52,0,0,1-3.32-3.66,3.47,3.47,0,0,1,3.6-3.34,21.46,21.46,0,0,1,10.88,4.14c4.85,3.45,11,10.59,12.76,25A3.5,3.5,0,0,1,371,281,3,3,0,0,1,370.52,281Z"/><path class="cls-3" d="M358.15,288.21a3.49,3.49,0,0,1-3.4-2.69,39.2,39.2,0,0,1-1.17-14.08,21.56,21.56,0,0,1,6.69-13.57,3.5,3.5,0,1,1,4.66,5.23,14.56,14.56,0,0,0-4.4,9.21,32.42,32.42,0,0,0,1,11.59,3.52,3.52,0,0,1-2.6,4.22A3.72,3.72,0,0,1,358.15,288.21Z"/><path class="cls-1" d="M196.57,61h2.79a146.1,146.1,0,0,1,146.1,146.1v95A147.5,147.5,0,0,1,198,449.67h0a147.5,147.5,0,0,1-147.5-147.5v-95A146.1,146.1,0,0,1,196.57,61Z"/><path class="cls-2" d="M216.7,446.7a147.74,147.74,0,0,1-20.29,1.41c-81.14,0-147.5-66.37-147.5-147.5v-97c0-79.3,64.87-144.18,144.17-144.18h6.65a142.14,142.14,0,0,1,17,1C152.26,68.11,96.42,126.84,86.17,192.3a509.6,509.6,0,0,1-13.33,61.87L59.49,300.61C59.49,374.86,145.07,436.74,216.7,446.7Z"/><path class="cls-3" d="M196.41,454.17a152.43,152.43,0,0,1-152-152V207.12A151,151,0,0,1,195,56.52h2.79a151,151,0,0,1,150.61,150.6v95.05a152.45,152.45,0,0,1-152,152ZM195,65.52a142,142,0,0,0-141.6,141.6v95.05a143.43,143.43,0,0,0,143,143h0a143.43,143.43,0,0,0,143-143V207.12A142,142,0,0,0,197.8,65.52Z"/><path class="cls-4" d="M330.44,277.5v.2C329.89,277.72,330.11,277.59,330.44,277.5Z"/><ellipse class="cls-5" cx="189.64" cy="471.35" rx="179.73" ry="52.86"/><path class="cls-6" d="M340.74,325.56c21.15,38.59,14.42,76.21,15.16,112.11L344.45,425A123.67,123.67,0,0,1,314.4,485a44.13,44.13,0,0,0-13.92-15.33,92.89,92.89,0,0,1-28.69,48.92,37.34,37.34,0,0,0-1.06-30.87,58.87,58.87,0,0,1-32.13,35.77,24.22,24.22,0,0,0,2.63-23.34c-11.66,19.79-45.18,20.39-57.53,1-.86,3.91-.23,9.05,3.76,9.38-16.8,2.59-32.18-4.49-43.74-16.95a28.25,28.25,0,0,0,9.37,18.32,51.33,51.33,0,0,1-42.69-28.35c-21.68,1.35-43.33-13.5-49.87-34.21a10.36,10.36,0,0,1-2.7,9.92C20.38,440.24,22.38,355,46.91,326.87c0,0,51.63,8.28,83,32.07,20,15.18,54.48-19.31,83.62-19.43,24.41-.11,37.46,30.85,53.1,16.16C308,316.82,340.38,324.9,340.74,325.56Z"/><path class="cls-7" d="M357.35,433.22,345.9,420.54a123.83,123.83,0,0,1-30,60,44.26,44.26,0,0,0-13.92-15.34,92.85,92.85,0,0,1-28.69,48.92,37.38,37.38,0,0,0-1.06-30.87A58.84,58.84,0,0,1,240.05,519a24.22,24.22,0,0,0,2.63-23.33c-11.66,19.79-45.18,20.39-57.53,1-.87,3.92.11,18.31,4.11,18.65-16.8,2.58-32.53-13.75-44.09-26.22.67,7,2.41,19.59,7.68,24.23-17.9-.91-33.22-18.12-41-34.26-21.68,1.35-43.33-13.5-49.87-34.21a10.38,10.38,0,0,1-2.7,9.93C46.34,448.23,37.8,434,33.19,416.91,49.75,429,69.24,437.27,88.51,444.7c13.08,5,26.33,9.83,40.12,12.34,13.38,2.43,27.05,2.67,40.65,2.91,37.73.65,77,1,111.14-15.22,9.78-4.65,20.09-12.6,19.75-23.43-.39-12.38-13.93-19.44-25.48-23.87,24.6-3.65,44.78-22.73,56-44.92a136.88,136.88,0,0,0,9.89-26.39l3.31,2.58C354,364.15,356.61,397.32,357.35,433.22Z"/><path class="cls-6" d="M180.3,341l-49.84,18.58-82-37.21a62.33,62.33,0,0,0-12.09,21.43A237,237,0,0,1,86,361.31a244.47,244.47,0,0,1,22.74,12.33c4,2.46,12.45,10.51,17.42,9.89a10.29,10.29,0,0,0,4.12-1.85c45.61-29.33,79.08-30.62,132.55-21.06L237.74,346Z"/><path class="cls-3" d="M261.36,532.35,269.09,514a32.54,32.54,0,0,0,2.3-16.08,63.44,63.44,0,0,1-29.54,26.86l-15.22,6.65L236.41,518A19.55,19.55,0,0,0,240,507.55c-6.64,5.87-15.71,9.29-25.74,9.47a40.79,40.79,0,0,1-22.06-5.69c1.1,5.49,1.16,10.38-3.1,12.33l-1.88.87-1.88-.87c-13.79-6.36-24.61-12.91-33.69-20.51,1.53,6.3,3.28,8.56,4.17,9.34l9.71,8.53-12.91-.66c-19.13-1-35-18.9-43.5-35h-.06c-18.58,0-36.48-10.43-46.17-26.13l-.47.48L60.12,462l-2.88-1.46C43,453.25,32.7,436.8,28.31,414.16,21.88,381,29.19,340.91,45,322.83a4.5,4.5,0,1,1,6.78,5.92c-14.15,16.22-20.57,53-14.61,83.7,3.45,17.74,10.68,31,20.55,37.85a5.39,5.39,0,0,0-.06-2.56l8.64-2.54c5.89,18.64,25.8,32.28,45.3,31.07l3-.19,1.32,2.73C123.72,495,134.47,504.86,144,509a85.81,85.81,0,0,1-3.29-17.82L139.42,478l9.05,9.75c9,9.69,19.89,17.53,34.83,25-.35-1.64-.78-3.38-1.09-4.62-1.3-5.17-2-8.22-1.46-10.69l2.33-10.64,5.86,9.18c4.95,7.76,14.36,12.28,25.15,12.09s20-5,24.71-13l4.51-7.66,3.5,8.17a28.27,28.27,0,0,1,2,14.82,54.35,54.35,0,0,0,19.11-26.83L271.21,473l5,9.89a41.62,41.62,0,0,1,4.38,18.57,88.11,88.11,0,0,0,16.95-35.57l1.43-6.48,5.49,3.73a48.76,48.76,0,0,1,11.95,11.55,120.21,120.21,0,0,0,25.08-53.29l1.69-8.89,10.47,11.59c2.16-37.59-3.37-68.28-17.17-95.91a4.5,4.5,0,1,1,8-4c15.83,31.7,21.33,67,17.31,111.15l-.93,10.24-12.53-13.87a127.51,127.51,0,0,1-29.2,53.55l-4.26,4.65-3-5.54a39.94,39.94,0,0,0-7.38-9.62,97.41,97.41,0,0,1-28.29,44.41Z"/><path class="cls-1" d="M163.08,427.38a10.16,10.16,0,0,1-10.14-10.13V378.49a10.17,10.17,0,0,1,10.14-10.14H234a10.17,10.17,0,0,1,10.13,10.14v38.76A10.16,10.16,0,0,1,234,427.38"/><path class="cls-2" d="M245.85,382.71v12a10.15,10.15,0,0,0-9.29-6.1H165.61a10.16,10.16,0,0,0-10.14,10.13V425.5a10.1,10.1,0,0,1-.84-4V382.71a10.16,10.16,0,0,1,10.13-10.13h71A10.16,10.16,0,0,1,245.85,382.71Z"/><path class="cls-3" d="M198.13,367.18c7.32,0,14.47,0,21.37.1l10.16.12,2.48,0,1.23,0h.34l.45,0,.89.06a14.83,14.83,0,0,1,6.56,2.4,14.65,14.65,0,0,1,6.5,11.19l0,.81v.68l0,1.11L248,386c0,1.45-.08,2.89-.13,4.3-.18,5.64-.38,10.9-.61,15.69s-.48,9.14-.75,12.95c0,.48-.06.95-.1,1.41,0,.23,0,.46,0,.68s-.05.55-.08.81a12.57,12.57,0,0,1-.77,3.1,12,12,0,0,1-3.1,4.42A10.12,10.12,0,0,1,236,432a4.84,4.84,0,0,1-1.78-.27c-.39-.15-.58-.31-.58-.49s.19-.35.52-.54l1.41-.68a10.84,10.84,0,0,0,4.06-3.37,8.74,8.74,0,0,0,1.39-3.21,8.13,8.13,0,0,0,.13-1.92l0-.53c0-.22,0-.45-.05-.68,0-.46-.07-.93-.1-1.41-.27-3.81-.52-8.15-.74-12.95s-.44-10.05-.62-15.69c0-1.41-.09-2.85-.13-4.3l-.06-2.21,0-1.11v-.28l0-.16,0-.32a5.7,5.7,0,0,0-2.72-4.14,5.59,5.59,0,0,0-2.44-.77h-.76l-1.23,0-2.48,0-10.16.12c-6.9.07-14.05.11-21.37.11s-14.47,0-21.37-.11L166.59,377l-2.47,0-1.23,0h-.76a5.59,5.59,0,0,0-2.44.77,5.7,5.7,0,0,0-2.72,4.14l0,.32,0,.16v.28l0,1.11-.06,2.21c0,1.45-.09,2.89-.13,4.3-.18,5.64-.39,10.9-.62,15.69s-.47,9.14-.74,12.95c0,.48-.07.95-.1,1.41,0,.23,0,.46,0,.68l0,.53a8.13,8.13,0,0,0,.13,1.92,8.58,8.58,0,0,0,1.39,3.21,10.69,10.69,0,0,0,4.06,3.37l1.4.68c.34.19.52.37.52.54s-.18.34-.57.49a4.84,4.84,0,0,1-1.78.27,10.14,10.14,0,0,1-6.5-2.68,12,12,0,0,1-3.09-4.42,12.57,12.57,0,0,1-.77-3.1c0-.26-.07-.59-.08-.81l-.06-.68c0-.46-.06-.93-.1-1.41-.26-3.81-.51-8.15-.74-12.95s-.43-10.05-.61-15.69c0-1.41-.09-2.85-.13-4.3,0-.73-.05-1.47-.07-2.21l0-1.11V382l0-.81a14.74,14.74,0,0,1,13.06-13.59l.89-.06.45,0h.34l1.23,0,2.47,0,10.17-.12C183.66,367.21,190.81,367.18,198.13,367.18Z"/><path class="cls-3" d="M59.48,346.35a37.83,37.83,0,0,0,.49,9.41,39.45,39.45,0,0,0,3,9.29,40.75,40.75,0,0,1-5.73-8.37,42.54,42.54,0,0,1-3.46-9.9,46.05,46.05,0,0,1-1-10.71,50.92,50.92,0,0,1,.42-5.48,35.69,35.69,0,0,1,1.17-5.68l10.41,4.56a24.7,24.7,0,0,0-2,3.68,43.89,43.89,0,0,0-1.6,4.2A39.74,39.74,0,0,0,59.48,346.35Z"/><path class="cls-3" d="M75,354.9c.81,7.4,4.1,14.8,8.86,21.21a47.35,47.35,0,0,1-14.38-19.87,38.82,38.82,0,0,1-2.31-12.95,35.09,35.09,0,0,1,2.63-13.62l10,5.38C76,340.17,74.21,347.57,75,354.9Z"/><path class="cls-3" d="M103.32,360.47a51,51,0,0,0,6.84,20.32,54,54,0,0,1-12.35-18.93A56.65,56.65,0,0,1,94,338.38l11.2,1.92A47.79,47.79,0,0,0,103.32,360.47Z"/><path class="cls-3" d="M287.66,356.41a26.93,26.93,0,0,1-.31,8.78c-.5,2.23-1.26,3.53-2,3.48-1.43-.15-2-5.39-2.82-11.65s-1.36-11.51,0-12c.66-.22,1.71.87,2.72,2.91A27,27,0,0,1,287.66,356.41Z"/><path class="cls-3" d="M310.19,350.49a35.36,35.36,0,0,1-2.39,12.16c-1.21,3-2.49,4.54-3.14,4.31-1.37-.52.25-7.73.42-16.61s-.95-16.16.45-16.6c.65-.19,1.85,1.45,2.91,4.47A35.62,35.62,0,0,1,310.19,350.49Z"/><path class="cls-3" d="M333.91,346.82a53,53,0,0,1,.5,9.22,44.45,44.45,0,0,1-.88,7.48c-.89,4.19-2.12,6.59-2.77,6.45-1.47-.31-.09-10.37-1.91-22.42s-5.7-21.42-4.36-22.11c.6-.31,2.41,1.68,4.41,5.46a46.7,46.7,0,0,1,2.91,6.93A56.29,56.29,0,0,1,333.91,346.82Z"/><path class="cls-3" d="M68.25,449.13a41,41,0,0,1-.26-8.64,36.07,36.07,0,0,1,.52-3.73,28.41,28.41,0,0,1,.79-3.18c1.19-3.83,2.68-5.88,3.3-5.66s.47,2.63.25,6.32c0,.92-.12,1.92-.13,3s0,2.22,0,3.41a68.87,68.87,0,0,0,.61,7.76A75.5,75.5,0,0,0,74.89,456c.34,1.15.63,2.26,1,3.27s.66,2,1,2.85c1.24,3.47,2.14,5.7,1.53,6.13s-2.54-1.16-4.76-4.51A26.15,26.15,0,0,1,72,460.94a35.74,35.74,0,0,1-1.55-3.44A41.24,41.24,0,0,1,68.25,449.13Z"/><path class="cls-3" d="M100.32,463a52.94,52.94,0,0,1-.06-13.92c.47-3.51,1.17-5.64,1.87-5.63s1.28,2.19,1.74,5.63.8,8.16,1.51,13.2c.37,2.51.82,4.86,1.3,7,.29,1,.5,2.06.8,3q.19.7.39,1.35l.41,1.23c1,3.14,1.89,5.16,1.29,5.61s-2.46-.92-4.52-4l-.78-1.23c-.25-.43-.48-.9-.73-1.39a31.63,31.63,0,0,1-1.37-3.18A41.46,41.46,0,0,1,100.32,463Z"/><path class="cls-3" d="M138.57,469.67c-4.22-15-4.79-27.65-3.43-27.82s4.23,11.85,8.35,26.45,7.93,26.36,6.6,26.93S142.74,484.66,138.57,469.67Z"/><path class="cls-3" d="M251.46,481.82c1.89-6.31,3.22-12.24,4.4-16.52s2.17-6.94,2.88-6.83.94,2.91.68,7.41a78.07,78.07,0,0,1-3.07,17.43,59.38,59.38,0,0,1-3.67,9.2,42.39,42.39,0,0,1-2.2,3.76c-.37.57-.73,1.13-1.1,1.64l-1.13,1.43c-3,3.61-5.46,5.14-5.93,4.69s.94-2.87,2.92-6.68c.25-.47.5-1,.77-1.49l.78-1.65c.56-1.12,1-2.39,1.62-3.67C249.45,487.91,250.5,485,251.46,481.82Z"/><path class="cls-3" d="M281.25,470.44c1.34-7.68,2-14.9,3-20.1s1.81-8.37,2.51-8.31,1.07,3.35,1.08,8.62a122.32,122.32,0,0,1-1.55,20.69,60.77,60.77,0,0,1-3.08,11.26,42.45,42.45,0,0,1-4.42,8.53c-3.14,4.54-6,6.46-6.51,6s1.27-3.2,3.37-7.8a68.21,68.21,0,0,0,3.11-8.29A89.28,89.28,0,0,0,281.25,470.44Z"/><path class="cls-3" d="M311.39,451.23c1.49-6.22,2.52-12,3.48-16.23s1.83-6.81,2.54-6.73,1.08,2.78,1,7.15a78.88,78.88,0,0,1-2.11,17,58.26,58.26,0,0,1-3,9.11c-.63,1.35-1.19,2.63-1.87,3.78-.33.57-.63,1.13-1,1.65l-1,1.47c-2.59,3.69-4.87,5.39-5.38,5s.61-2.87,2.22-6.72c.2-.48.42-1,.64-1.51s.41-1.08.62-1.66c.47-1.12.85-2.38,1.32-3.67C309.79,457.25,310.63,454.34,311.39,451.23Z"/><path class="cls-3" d="M321.6,441.84c1.61-3.95,2.93-7.79,4-11.33.5-1.78,1-3.46,1.41-5.07s.78-3.1,1.1-4.47c1.26-5.5,1.93-9,2.68-9s1.27,3.64.89,9.52c-.1,1.46-.24,3.07-.52,4.78s-.61,3.53-1,5.44a76,76,0,0,1-9.69,23.34c-1.07,1.63-2.07,3.19-3.13,4.56s-2.05,2.64-3,3.74c-3.89,4.43-6.89,6.55-7.37,6.09s1.47-3.46,4.47-8.24c.75-1.2,1.57-2.5,2.39-3.94s1.69-3,2.6-4.58C318.16,449.42,320,445.77,321.6,441.84Z"/><path class="cls-8" d="M41.38,364.78c.75-3.65,2.73-6.2,4.07-5.78s1.62,3.43.93,6.81-2.14,6-3.55,5.89S40.63,368.42,41.38,364.78Z"/><path class="cls-8" d="M42.64,404.21a53,53,0,0,1-1.88-14.87c.13-3.85.79-6.2,1.47-6.2,1.47,0,2.42,9.08,5.35,19.74s6.63,19,5.37,19.72c-.59.34-2.36-1.34-4.42-4.6A51.58,51.58,0,0,1,42.64,404.21Z"/><path class="cls-3" d="M130.55,363.73h-.49c-5.14-.18-9.18-3.24-12.42-5.71l-.2-.15a157,157,0,0,0-68.07-29.49,4.5,4.5,0,0,1,1.52-8.87,166.07,166.07,0,0,1,72,31.19l.2.15c2.46,1.87,5,3.8,7.3,3.89s4.87-1.61,7.58-3.4l.77-.5c15.36-10,35.29-15.56,56.13-15.56h0c20.83,0,40.77,5.52,56.13,15.56l.77.5c2.71,1.79,5.25,3.48,7.58,3.4s4.84-2,7.3-3.89l.2-.15a166.07,166.07,0,0,1,72-31.19,4.5,4.5,0,0,1,1.52,8.87,157,157,0,0,0-68.07,29.49l-.2.15c-3.24,2.46-7.28,5.53-12.42,5.71s-9.43-2.62-12.85-4.87l-.74-.49c-28.72-18.76-73.71-18.76-102.43,0l-.74.49C139.6,361,135.5,363.73,130.55,363.73Z"/><path class="cls-3" d="M195.39,318.4a3.5,3.5,0,0,1-3.5-3.5V268.31a3.5,3.5,0,0,1,7,0V314.9A3.5,3.5,0,0,1,195.39,318.4Z"/><path class="cls-2" d="M209.25,194.71c-1.68,7.42-1.08,17.32,4.13,23.31,6.07,7,15.65,5.56,23.92,5.22a103.26,103.26,0,0,1,30,3.06c8,2,15.14,6.95,23.27,8.36,8.91,1.55,11-3.19,5.06-9.72-6.94-7.66-17-15.81-26.44-20.25a118.77,118.77,0,0,0-59.61-10.31"/><path class="cls-6" d="M210.19,183.79c-1.68,7.41-1.09,17.31,4.12,23.3,6.07,7,15.65,5.57,23.92,5.22a103.23,103.23,0,0,1,30,3.07c8,2.05,15.15,6.94,23.27,8.36,8.91,1.55,11-3.2,5.07-9.73-6.95-7.65-17-15.81-26.45-20.24a118.64,118.64,0,0,0-59.6-10.32"/><path class="cls-3" d="M294.6,227.53a21.4,21.4,0,0,1-3.68-.35c-4.88-.84-9.33-2.79-13.63-4.67a65.63,65.63,0,0,0-9.91-3.74,99.68,99.68,0,0,0-29-3c-.89,0-1.79.08-2.69.13-7.79.43-17.48,1-24-6.55-6.37-7.32-6.62-18.78-4.9-26.37a3.52,3.52,0,0,1,1.16-1.91,3.48,3.48,0,0,1,2.26-1.14,122,122,0,0,1,61.44,10.63c9.08,4.27,19.64,12.34,27.55,21.06,5.45,6,4.5,10.13,3.44,12.05C301.77,225.25,299.66,227.53,294.6,227.53Zm-51.81-18.82A105.61,105.61,0,0,1,269.13,212a72.87,72.87,0,0,1,11,4.1c4.1,1.8,8,3.49,12,4.2a8.67,8.67,0,0,0,4.3,0c-.08-.54-.6-1.9-2.43-3.91-7.32-8.08-17-15.53-25.34-19.44a115.35,115.35,0,0,0-55.46-10.2c-.91,6.15-.12,13.61,3.76,18.07,4.29,4.93,11.12,4.55,18.35,4.15l2.78-.14C239.66,208.75,241.23,208.71,242.79,208.71Z"/><path class="cls-2" d="M183.07,186.43c1.68,7.42,1.09,17.32-4.12,23.31-6.08,7-15.65,5.56-23.92,5.21A103.64,103.64,0,0,0,125,218c-8,2-15.14,6.95-23.27,8.36-8.9,1.55-11-3.2-5.06-9.72,7-7.66,17-15.82,26.45-20.25,17.56-8.26,39.91-12.29,59.6-10.31"/><path class="cls-6" d="M178.31,175.81c1.68,7.42,1.09,17.32-4.12,23.31-6.08,7-15.66,5.56-23.93,5.21a103.27,103.27,0,0,0-30,3.07c-8,2-15.14,6.95-23.27,8.36-8.91,1.55-11-3.2-5.06-9.72,6.94-7.66,17-15.82,26.45-20.25,17.56-8.26,39.9-12.29,59.6-10.32"/><path class="cls-3" d="M93.9,219.55c-5.06,0-7.17-2.27-8-3.82-1.05-1.92-2-6,3.44-12,7.91-8.72,18.47-16.8,27.56-21.07A122.07,122.07,0,0,1,178.31,172a3.5,3.5,0,0,1,2.25,1.14,3.44,3.44,0,0,1,1.16,1.91c1.72,7.59,1.47,19.05-4.89,26.37-6.54,7.52-16.23,7-24,6.56l-2.69-.14a99.71,99.71,0,0,0-29,3,66,66,0,0,0-9.91,3.74c-4.3,1.88-8.75,3.83-13.63,4.68A21.29,21.29,0,0,1,93.9,219.55Zm-1.83-7.24a8.88,8.88,0,0,0,4.3,0c4-.7,7.93-2.4,12-4.19a72.1,72.1,0,0,1,11-4.11,106.66,106.66,0,0,1,31-3.17c.91,0,1.84.09,2.78.14,7.23.4,14.06.77,18.36-4.16,3.87-4.46,4.66-11.92,3.75-18.07A115.18,115.18,0,0,0,119.85,189c-8.31,3.9-18,11.35-25.35,19.43C92.67,210.41,92.15,211.77,92.07,212.31Z"/><path class="cls-7" d="M340.46,243.84c-6-46.08-35.17-92.93-58.18-123.34l-7-5.27,60-2.06C346.81,155.27,349.82,201.11,340.46,243.84Z"/><path class="cls-8" d="M249.46,120.86a38.06,38.06,0,0,1,6.86,3.6,29.12,29.12,0,0,1,4.87,4c2.51,2.63,3.45,4.8,2.77,5.58s-2.86.14-5.88-1.15c-1.51-.65-3.27-1.42-5.19-2.28s-4-1.75-6.26-2.65-4.4-1.67-6.37-2.4-3.8-1.34-5.34-1.9c-3.08-1.15-5.09-2.14-5-3.22s2.22-2,5.84-2.14a29.39,29.39,0,0,1,6.3.43A38.48,38.48,0,0,1,249.46,120.86Z"/><path class="cls-6" d="M92.19,132.81c29.19-4.84,58.37,3.32,87,9,29,5.73,57,5.91,86-.74,38.4-8.81,88.08-27.83,106.7-71.12A76.9,76.9,0,0,0,375,61.34c-20.42,14.6-47.12,12.59-69.71,3s-42.46-25.77-63.5-39.17S197.13.91,173.16,3.63c-23.29,2.64-47.76,17.86-65.39,35A78.55,78.55,0,0,0,91.53,60.7C88,68.12,87.33,78.9,81.26,84.4c-2.86,2.59-6.59,3.46-10,5.08-15.49,7.47-21.13,29-23.64,48-5.17,39-3.54,79,1.88,118"/><path class="cls-3" d="M344,247a4.31,4.31,0,0,1-1.12-.15,4.5,4.5,0,0,1-3.24-5.48c11.44-44.36,5.43-83.13-7.1-127.69a4.5,4.5,0,1,1,8.66-2.44c12.93,46,19.09,86.07,7.16,132.38A4.51,4.51,0,0,1,344,247Z"/><path class="cls-7" d="M84.69,146.36c0,1.6,0,3.18-.09,4.75L75.34,178.6l-3.12,9.24c-3.13,5.88-6.5,11.7-9.62,17.59S59.57,217,57.35,223a130.31,130.31,0,0,0-6.44,22.57c-2-10.35-6-20.67-7.22-31.15,4.9-4.13,7.94-10.22,9.47-16.49,1.66-6.79,1.69-13.86,1.72-20.85a34.9,34.9,0,0,1,7.45,16.14c.05-.22.1-.46.15-.69q4.08-19.68,6.46-39.66c.72,1.35,1.38,2.72,2,4.13a71.28,71.28,0,0,1,2.81,9.87c0-.33.09-.64.12-1Q76,150.39,76.69,134.7A48.12,48.12,0,0,1,84.69,146.36Z"/><path class="cls-7" d="M338,110.71a155.88,155.88,0,0,1-30.76,16c-2.21.87-4.44,1.72-6.67,2.52-4.79,1.72-9.61,3.25-14.4,4.64-8.59,2.5-17.07,4.5-25.07,6.1-29,5.82-57,5.66-86,.65-15.34-2.66-30.82-5.94-46.39-7.76h0l-37.41.79c0,.4.09.81.12,1.21l-1.06.14-1.67,4.22h0l-1.12,2.81c.18-1.56.3-3.14.34-4.74a56.14,56.14,0,0,0-.35-8.13l35.56-.75a95,95,0,0,1-13.84,2l1.47,0a70.84,70.84,0,0,0,14.31-2h0c10-2.44,23.3-8.24,32.64-12.89-1.21,3.52-4,10.23-7.47,11.6,13.7.77,23.75-2.55,37.16-5.45a30.37,30.37,0,0,1-12.68,10.25l-.52.22c.56,0,1.12,0,1.69,0,.17-.09.33-.19.49-.29a49.15,49.15,0,0,0,6.42-4.7s-3.72,6-3.72,6h0a103,103,0,0,0,44.29-4.43l5.39-1.77,5.76-.8c-1.71,1.75-6.58,3.31-8.61,4.67a34.78,34.78,0,0,1-9.85,4.61c1.37,0,3.49,2.12,4.85,2,10.13-.7,19.39-4.89,29.33-7.14,3.41-.77,7.56-2.33,11-3.14,3-.73,12.1-3.72,15-4.82L275,125.25l3.61-.08-2.11-.59-3,3c.11,0-.86,1.54-.75,1.5,16.8-4.79,47.23-14.23,63.65-20.18h1.07C337.63,109.47,337.82,110.08,338,110.71Z"/><path class="cls-3" d="M49.07,260.3a4.4,4.4,0,0,1-1.42-.23,4.51,4.51,0,0,1-2.85-5.69c3-8.87,40.51-120.88,40.89-122a4.5,4.5,0,0,1,8.54,2.86c-.38,1.13-37.94,113.13-40.89,122A4.5,4.5,0,0,1,49.07,260.3Z"/><path class="cls-8" d="M53.66,144.87a12,12,0,0,1,3.85-5.08c1.42-1,2.76-1.21,3.62-.61s1.14,1.88,1,3.42A20.34,20.34,0,0,1,58,152.52c-1,1.17-2.11,1.87-3.16,1.67s-1.81-1.31-2.09-3A12,12,0,0,1,53.66,144.87Z"/><path class="cls-8" d="M73.29,124.32c2.9-1.35,6-.89,6.87,1s-.73,4.57-3.63,5.93-6,.89-6.87-1S70.39,125.68,73.29,124.32Z"/><path class="cls-8" d="M86.6,109.93c2.1-4.46,5-7.73,7-7.06s2.24,5.38-.07,10.31-6.09,7.77-7.88,6.65S84.52,114.4,86.6,109.93Z"/><path class="cls-3" d="M70.57,69.83a55.25,55.25,0,0,0-9.49-9.16c-2.74-2-4.72-2.87-5.16-2.37-.89,1.07,4.59,7,10.86,14.67l2.69,3.26a17.67,17.67,0,0,0-6.57-.85c-2,.18-3.16.77-3.19,1.43s1,1.34,2.69,2,3.87,1.45,6.3,2.34,4.61,1.76,6.3,2.31l.77.23c1.72,1.88,2.94,2.92,3.46,2.62s.07-2.44-1.41-5.5A56.54,56.54,0,0,0,70.57,69.83Z"/><path class="cls-3" d="M189.84,121.17c-.54.28-1.18.64-1.9,1.06s-1.52.9-2.37,1.43l-1.32.83-1.38.88-2.93,1.88-1.53,1c-.26.16-.51.32-.78.47l-.78.48q-1.57.94-3.18,1.83c-1.07.57-2.15,1.12-3.22,1.63l-.82.36c-.26.13-.53.24-.81.36l-1.6.65c-1.07.4-2.11.8-3.13,1.09-.51.18-1,.29-1.49.44s-1,.24-1.43.37l-1.35.3-1.25.23c-.79.12-1.5.23-2.1.29s-1.08.11-1.41.15l-.52.07.41.31a10.67,10.67,0,0,0,1.24.79,16.92,16.92,0,0,0,2.09,1l1.36.43c.48.12,1,.24,1.54.35s1.12.18,1.71.23,1.22.09,1.85.09a22.9,22.9,0,0,0,4-.34,18.43,18.43,0,0,0,2.06-.44l1-.28,1-.34a27.94,27.94,0,0,0,4-1.77,34.42,34.42,0,0,0,3.63-2.31l.84-.64c.27-.21.53-.44.79-.66.53-.44,1-.89,1.51-1.36a33.1,33.1,0,0,0,2.6-2.77c.39-.46.75-.92,1.1-1.37l.95-1.32c.59-.87,1.1-1.68,1.52-2.42s.77-1.4,1-2,.46-1,.59-1.32l.19-.49-.47.22C190.82,120.66,190.38,120.88,189.84,121.17Z"/><path class="cls-3" d="M232.08,127.34l-2.08.93c-.79.37-1.67.79-2.64,1.22-.47.23-1,.48-1.47.71l-1.57.75L221,132.56c-.58.26-1.16.55-1.75.84-.3.15-.59.29-.9.42l-.9.43c-1.2.59-2.44,1.13-3.65,1.73s-2.46,1.15-3.68,1.68l-.91.41c-.3.15-.6.28-.9.41-.61.26-1.2.52-1.78.81-1.18.49-2.31,1.05-3.4,1.51-.55.24-1.08.47-1.59.72s-1,.44-1.5.66c-1,.46-1.86.86-2.65,1.22l-2.08,1c-.58.28-1,.52-1.35.69l-.48.27.53.12c.35.07.86.16,1.5.25a21.78,21.78,0,0,0,2.34.23,30.35,30.35,0,0,0,3,0c.55,0,1.13-.05,1.73-.1s1.2-.13,1.84-.21c1.26-.15,2.57-.42,3.93-.72.67-.16,1.35-.35,2-.55.34-.09.69-.19,1-.3l1-.36c1.39-.45,2.74-1,4.1-1.63s2.66-1.31,3.9-2.07l.94-.55c.31-.19.6-.39.9-.59.59-.4,1.18-.79,1.74-1.2,1.1-.85,2.16-1.66,3.09-2.53l1.35-1.27c.42-.42.81-.86,1.19-1.26a26,26,0,0,0,1.94-2.33,21.05,21.05,0,0,0,1.34-1.93c.35-.55.6-1,.77-1.31l.26-.49-.52.19C233.14,126.89,232.67,127.08,232.08,127.34Z"/><path class="cls-3" d="M285.59,114.78c-.58.47-1.29,1-2.1,1.64-.4.31-.82.65-1.26,1l-1.41,1.09c-.48.38-1,.79-1.49,1.19L277.72,121c-1.08.88-2.28,1.73-3.45,2.67-.62.44-1.22.91-1.84,1.38-.3.23-.61.47-.93.69l-.95.69c-1.25,1-2.58,1.85-3.86,2.79s-2.62,1.84-3.94,2.7l-1,.65c-.31.23-.64.44-1,.65-.65.42-1.29.83-1.92,1.26-1.28.78-2.49,1.63-3.69,2.34l-1.73,1.1c-.55.36-1.12.66-1.64,1l-1.51,1-1.38.84c-.87.54-1.63,1-2.27,1.42s-1.13.72-1.47,1l-.52.36h.63c.41,0,1,0,1.76-.05a26.4,26.4,0,0,0,2.72-.26l1.67-.25c.58-.11,1.18-.24,1.81-.39s1.3-.29,2-.48,1.36-.41,2.07-.63c1.42-.44,2.87-1,4.37-1.67.74-.33,1.48-.69,2.23-1.06.38-.18.76-.36,1.13-.57l1.11-.62c1.5-.81,2.94-1.78,4.39-2.74s2.79-2.05,4.07-3.18l1-.84c.32-.27.62-.57.92-.86.6-.59,1.2-1.16,1.76-1.74,1.1-1.2,2.15-2.35,3.05-3.54l1.3-1.73c.41-.57.76-1.15,1.12-1.68s.68-1.07,1-1.58l.8-1.48a24.8,24.8,0,0,0,1.17-2.47c.29-.7.5-1.26.64-1.64l.2-.59-.52.36C286.65,114,286.17,114.32,285.59,114.78Z"/><path class="cls-3" d="M75.07,168.26c0-.33,0-.66-.07-1-.07-.66-.14-1.3-.21-1.94s-.22-1.25-.33-1.86a16,16,0,0,0-.4-1.75c-.16-.57-.32-1.11-.47-1.64s-.38-1-.56-1.5-.38-.92-.55-1.35-.42-.8-.61-1.17a13.83,13.83,0,0,0-1.09-1.82c-.34-.49-.61-.86-.79-1.11l-.29-.39.11.47.35,1.3c.17.55.33,1.23.49,2,.09.38.18.79.28,1.22s.14.89.22,1.37.2,1,.24,1.47.12,1,.18,1.59.1,1.1.14,1.67.11,1.15.1,1.75,0,1.2,0,1.81c0,.31,0,.62,0,.93l0,.93q0,.94-.06,1.89c0,.64-.06,1.27-.11,1.91-.11,1.27-.2,2.55-.36,3.8l-.1.94-.12.94c-.08.61-.15,1.22-.23,1.83-.19,1.19-.32,2.37-.51,3.47-.08.56-.16,1.1-.23,1.62s-.16,1-.24,1.52c-.14,1-.27,1.87-.39,2.67s-.2,1.5-.27,2.07-.13,1-.16,1.35,0,.48,0,.48l.23-.42.61-1.21c.26-.53.55-1.17.88-1.92s.67-1.59,1-2.53l.54-1.47q.24-.76.51-1.59c.36-1.09.65-2.27,1-3.49.15-.61.28-1.24.41-1.87l.2-1,.15-1c.23-1.3.37-2.65.48-4,.06-.67.06-1.36.09-2a19.44,19.44,0,0,0,0-2Z"/><path class="cls-3" d="M62.89,191.23l-.23-.94c-.08-.31-.17-.62-.27-.92-.19-.61-.36-1.21-.59-1.78a24.73,24.73,0,0,0-1.44-3.24c-.26-.5-.52-1-.8-1.43s-.56-.88-.84-1.28a22.14,22.14,0,0,0-1.65-2.09c-.53-.59-1-1.07-1.44-1.45s-.77-.66-1-.84l-.37-.27.22.4c.14.26.36.64.62,1.13s.57,1.07.89,1.75.68,1.46,1,2.31c.18.42.35.86.52,1.33s.34.94.5,1.43c.34,1,.64,2,.92,3.14.15.54.26,1.11.39,1.67.07.29.13.57.18.86l.16.87c.21,1.16.37,2.35.5,3.55s.19,2.39.21,3.58v.89a8.42,8.42,0,0,1,0,.87c0,.59,0,1.16,0,1.73s-.05,1.13-.1,1.67-.09,1.09-.16,1.61-.11,1-.18,1.52-.13,1-.22,1.43c-.14.91-.31,1.75-.46,2.5s-.31,1.4-.43,1.94l-.3,1.26c-.07.3-.1.45-.1.45l.27-.37c.18-.24.44-.6.75-1.07s.66-1.07,1-1.77a24.08,24.08,0,0,0,1.12-2.41c.2-.45.35-.93.53-1.43s.33-1,.48-1.56.29-1.1.41-1.68.24-1.17.33-1.78.17-1.23.23-1.86c0-.32.06-.64.08-.95l0-1a32.15,32.15,0,0,0-.12-3.92A35.27,35.27,0,0,0,62.89,191.23Z"/><path class="cls-3" d="M340.52,135.12c-.56-.33-2.35,1.41-4.39,4.82a31.05,31.05,0,0,0-1.53,2.85c-.53,1-1,2.19-1.5,3.41a54.73,54.73,0,0,0-2.4,8.19,53.3,53.3,0,0,0-1,8.48c0,1.31,0,2.55,0,3.72s.16,2.24.29,3.22c.54,3.94,1.5,6.24,2.14,6.16,1.42-.19,1-9.55,3.37-20.59S341.75,135.85,340.52,135.12Z"/><path class="cls-3" d="M332.65,76.3q.6-.6,1.08-1.11c1.28-1.36,1.88-2.21,1.67-2.46s-1.68.43-4.06,1.79q.2-.28.12-.42c-.32-.6-3.28.45-8,1.89-1.18.36-2.47.76-3.87,1.11s-2.89.74-4.46,1.13c-3.16.7-6.64,1.35-10.34,1.81s-7.24.61-10.48.67c-1.61,0-3.15,0-4.59,0s-2.79-.11-4-.17c-4.93-.3-8-.62-8.21,0s2.72,2,7.75,3.17a39.25,39.25,0,0,0,4.15.75c1.5.25,3.12.36,4.83.49a68.2,68.2,0,0,0,11.11-.34,68,68,0,0,0,10.48-2.16A105.26,105.26,0,0,1,303,86.69a105.34,105.34,0,0,1-13.4,2.42c-2.09.18-4.08.41-5.94.45-.94,0-1.84.12-2.71.12l-2.51,0c-6.38,0-10.4-.39-10.54.3-.06.31.87.77,2.65,1.35l1.48.45c.55.14,1.15.26,1.79.4a42.19,42.19,0,0,0,4.43.73l2.6.29c.9.08,1.85.09,2.83.14,2,.12,4.05,0,6.26,0a78.72,78.72,0,0,0,14.2-2.19,78.61,78.61,0,0,0,13.5-4.9c2-1,3.85-1.92,5.51-3,.84-.51,1.66-1,2.42-1.48l2.14-1.5a44.2,44.2,0,0,0,3.53-2.77C331.77,77.08,332.24,76.69,332.65,76.3Z"/><path class="cls-3" d="M258.59,56.35c.84-.51,1.67-1,2.42-1.49l2.14-1.49a42.47,42.47,0,0,0,3.53-2.77c.5-.43,1-.82,1.38-1.21s.77-.77,1.09-1.11c1.27-1.36,1.87-2.22,1.67-2.46s-1.69.43-4.07,1.79c.13-.19.17-.33.12-.43-.32-.59-3.27.46-8,1.9-1.18.35-2.47.75-3.87,1.11s-2.89.74-4.46,1.13c-3.15.7-6.64,1.35-10.34,1.8s-7.24.61-10.47.68c-1.62,0-3.16,0-4.6,0s-2.79-.11-4-.18c-4.92-.29-8-.61-8.21,0s2.72,2,7.75,3.17c1.26.28,2.65.56,4.15.75s3.12.36,4.83.49a67.15,67.15,0,0,0,11.11-.35,66.79,66.79,0,0,0,10.48-2.16,104.66,104.66,0,0,1-12.79,4.27A105.34,105.34,0,0,1,225,62.2c-2.09.18-4.07.41-5.94.45-.94,0-1.84.12-2.71.12l-2.5,0c-6.39,0-10.41-.39-10.55.29-.06.31.87.78,2.65,1.36l1.48.45c.55.14,1.15.26,1.79.4a42.64,42.64,0,0,0,4.43.73l2.6.28c.9.09,1.85.1,2.83.15,2,.12,4,0,6.26,0a79.62,79.62,0,0,0,14.2-2.19,78.61,78.61,0,0,0,13.5-4.9C255.05,58.32,256.93,57.4,258.59,56.35Z"/><path class="cls-3" d="M195.19,30.86c.37-.2.73-.43,1.11-.66.73-.47,1.54-.92,2.32-1.45.41-.24.8-.5,1.2-.76.21-.13.41-.27.62-.39l.61-.4c.81-.54,1.66-1.05,2.48-1.62s1.64-1.1,2.47-1.63l.6-.41c.2-.15.4-.28.6-.41.41-.27.81-.53,1.19-.81.79-.52,1.53-1.08,2.26-1.57l1-.76c.34-.26.67-.49,1-.72l1.76-1.33c.52-.43,1-.8,1.37-1.1s.68-.59.88-.77l.15-.14.21-.06,1.73-.51.62-.2-.62-.19c-.41-.12-1-.29-1.77-.45s-1.69-.35-2.77-.5-2.3-.26-3.64-.33c-.67,0-1.37,0-2.1,0s-1.47,0-2.23.07a47,47,0,0,0-4.82.5c-.83.13-1.67.29-2.52.47l-1.28.28-1.28.32A43.6,43.6,0,0,0,191.24,17a39.83,39.83,0,0,0-4.92,2.38c-.39.22-.78.45-1.16.69l-1.13.73c-.73.51-1.46,1-2.13,1.56a28.65,28.65,0,0,0-3.65,3.44l-.78.89-.7.92a17.84,17.84,0,0,0-1.22,1.8,15.91,15.91,0,0,0-1,1.75c-.14.28-.27.55-.41.82s-.21.55-.31.81a18.1,18.1,0,0,0-.83,2.76,13.93,13.93,0,0,0-.26,1.82c0,.41,0,.63,0,.63l.41-.49c.28-.32.61-.81,1.11-1.37s1.07-1.25,1.8-2l.54-.55.61-.56c.41-.38.83-.78,1.31-1.15s.93-.8,1.47-1.18l.78-.59.83-.58c1.11-.79,2.36-1.53,3.64-2.28l2-1.09,1-.52q.51-.27,1.05-.51c1.42-.69,2.91-1.31,4.4-1.92,1.16-.46,2.32-.9,3.5-1.32l0,0-.63.53c-.21.18-.4.37-.6.56-.39.37-.77.74-1.13,1.12a27.05,27.05,0,0,0-2,2.33c-.28.39-.56.76-.81,1.14s-.48.76-.69,1.13a18.31,18.31,0,0,0-1,2.06,12.12,12.12,0,0,0-.65,1.69c-.16.48-.26.87-.33,1.13l-.09.42.39-.17c.25-.11.61-.28,1.05-.5l1.53-.82,1.9-1.07Z"/><path class="cls-3" d="M107.52,78.93q-.13-.72-.33-1.71l-.46-2.13c-.1-.38-.19-.78-.29-1.19s-.2-.82-.31-1.25c-.23-.84-.42-1.75-.7-2.65-.1-.46-.23-.91-.37-1.38-.07-.23-.13-.46-.19-.7l-.2-.7c-.28-.94-.51-1.9-.81-2.84s-.57-1.9-.83-2.85l-.21-.7c-.09-.23-.15-.46-.22-.69-.14-.46-.27-.92-.43-1.37-.25-.91-.57-1.78-.83-2.62l-.41-1.23c-.15-.4-.27-.79-.4-1.17l-.75-2.06-.65-1.64c-.18-.46-.35-.82-.47-1.07l-.09-.18v-.22c0-.77,0-1.39,0-1.8s0-.65,0-.65l-.36.53c-.24.35-.57.87-1,1.55s-.83,1.52-1.29,2.51-.93,2.12-1.4,3.38c-.21.63-.44,1.29-.66,2s-.4,1.42-.6,2.16c-.37,1.49-.7,3.09-.94,4.75q-.18,1.24-.3,2.55L92,66.84q0,.66-.06,1.32A42.83,42.83,0,0,0,92,73.58a39.33,39.33,0,0,0,.82,5.4c.09.44.19.88.31,1.31l.37,1.3c.27.85.54,1.69.86,2.49a29.54,29.54,0,0,0,2.21,4.51l.62,1,.67.93a19.84,19.84,0,0,0,1.36,1.7,15.78,15.78,0,0,0,1.39,1.43l.67.63.68.54a17.42,17.42,0,0,0,2.39,1.6,12.55,12.55,0,0,0,1.66.79l.59.24-.35-.54c-.22-.36-.59-.82-1-1.47s-.88-1.39-1.34-2.3l-.37-.67-.35-.75c-.24-.5-.5-1-.72-1.59s-.49-1.13-.69-1.75c-.11-.3-.22-.61-.34-.92l-.3-1c-.43-1.3-.76-2.71-1.11-4.15-.14-.74-.29-1.48-.44-2.23L99.44,79a11.19,11.19,0,0,1-.18-1.16c-.24-1.55-.39-3.16-.54-4.76-.1-1.25-.17-2.49-.22-3.74v0l.32.75c.11.25.23.5.35.74.25.48.48,1,.74,1.41a28.05,28.05,0,0,0,1.65,2.55c.29.38.57.76.86,1.11s.58.69.87,1A18.9,18.9,0,0,0,105,78.52a12.68,12.68,0,0,0,1.42,1.12c.41.3.75.51,1,.65l.37.21s0-.15,0-.42S107.6,79.41,107.52,78.93Z"/><path class="cls-3" d="M157.63,30.1c.21-.26.41-.52.63-.76l.62-.77c.82-1,1.69-2.06,2.5-3.13s1.66-2.11,2.5-3.13l.6-.79c.19-.27.4-.52.6-.78.41-.51.81-1,1.18-1.54.8-1,1.52-2,2.25-3,.36-.48.7-1,1-1.41s.66-.92,1-1.35l1.7-2.45c.5-.77.93-1.44,1.3-2s.63-1,.81-1.36l.13-.24.25-.17,2-1.38.71-.52h-.87c-.58,0-1.41.06-2.46.17s-2.34.26-3.79.52-3.07.63-4.82,1.1c-.87.26-1.78.52-2.71.83s-1.88.66-2.85,1c-1.94.76-4,1.64-6,2.67-1,.52-2,1.07-3,1.66l-1.53.9-1.51.95a65.41,65.41,0,0,0-5.9,4.36,52.74,52.74,0,0,0-5.32,5.14c-.42.44-.82.9-1.21,1.37l-1.14,1.41c-.73,1-1.45,1.92-2.09,2.91a39.74,39.74,0,0,0-3.25,6q-.31.75-.63,1.47t-.51,1.47a25.35,25.35,0,0,0-.81,2.83,22.86,22.86,0,0,0-.5,2.66c0,.42-.11.83-.17,1.23s0,.79-.06,1.17a22.82,22.82,0,0,0,.1,3.9,18.82,18.82,0,0,0,.42,2.44l.2.85.32-.81c.23-.53.45-1.3.86-2.23s.85-2.06,1.49-3.28l.46-.94.55-1a23.46,23.46,0,0,1,1.2-2c.44-.69.86-1.42,1.39-2.12l.76-1.1.83-1.09c1.09-1.49,2.39-3,3.72-4.47l2.11-2.23L141.81,32c.36-.38.74-.75,1.13-1.11,1.54-1.47,3.19-2.89,4.85-4.31,1.3-1.08,2.61-2.13,4-3.17l0,0-.59.95c-.19.31-.36.64-.53,1-.34.65-.68,1.28-1,1.93a38.56,38.56,0,0,0-1.52,3.8c-.2.63-.4,1.23-.57,1.82s-.29,1.18-.41,1.74a27.31,27.31,0,0,0-.49,3.1,18.32,18.32,0,0,0-.12,2.44c0,.68,0,1.23,0,1.6l.06.57L147,42c.28-.25.67-.62,1.14-1.09l1.63-1.69,2-2.18c.35-.4.71-.82,1.09-1.24s.75-.87,1.14-1.32c.75-.92,1.6-1.84,2.38-2.84C156.83,31.11,157.23,30.61,157.63,30.1Z"/><path class="cls-3" d="M188.32,415.9a115.94,115.94,0,0,1-19.23-1.61,3.5,3.5,0,1,1,1.26-6.88c.31,0,30.65,5.45,44.82-4.67A15.44,15.44,0,0,0,221.82,392a3.5,3.5,0,1,1,6.92,1,22.47,22.47,0,0,1-9.51,15.42C210.9,414.39,198.63,415.9,188.32,415.9Z"/><circle class="cls-9" cx="260.6" cy="260.93" r="5.28"/><circle class="cls-3" cx="245.8" cy="264.38" r="22.91"/><circle class="cls-1" cx="256.02" cy="247.35" r="12.7"/><path class="cls-8" d="M300.59,168.74c1.29,2.37,1.34,4.85.1,5.52s-3.29-.7-4.58-3.08-1.34-4.85-.1-5.52S299.3,166.36,300.59,168.74Z"/><path class="cls-8" d="M310.25,189.88c1.94,3.62,2.51,7.1,1.27,7.77s-3.83-1.73-5.77-5.36-2.52-7.1-1.27-7.77S308.3,186.25,310.25,189.88Z"/><path class="cls-2" d="M299.47,144.54a262.36,262.36,0,0,1-35.32,10.62c-29,6.65-57,6.47-86,.74-25.17-5-50.77-11.88-76.43-10.17q2.81-6.3,6.16-12.27l18.41-.39c10.64,1.22,21.21,3.34,31.78,5.55.36.16.75.32,1.18.49l1.36.43c.48.12,1,.24,1.54.35s1.12.18,1.71.23,1.22.09,1.85.09h.06c7.43,1.54,14.86,3,22.32,4.12,2.23.33,4.49.63,6.8.88l-.46.26.53.12c.35.07.86.16,1.5.25a21.78,21.78,0,0,0,2.34.23,30.35,30.35,0,0,0,3,0c.53,0,1.1-.05,1.68-.1,27.91,1.92,60.1-1.45,89.18-11.39C295,137.79,297.22,141.11,299.47,144.54Z"/><path class="cls-3" d="M48.53,260.48a4.48,4.48,0,0,1-4.45-3.88c-6.29-45.25-7.1-84.24-2.47-119.22C45.3,109.48,53.85,92.67,67.76,86c1.14-.55,2.28-1,3.38-1.45a18.15,18.15,0,0,0,5.5-2.92c3.46-3.14,5-8.42,6.69-14a62.23,62.23,0,0,1,4-10.82C101,30.15,129.81,8.13,159,2c40.31-8.54,71.8,12.57,102.27,33,14.23,9.53,28.94,19.39,44.16,25.83,24.66,10.44,48.47,9.52,65.33-2.54l10.62-7.6-3.69,12.53a80.3,80.3,0,0,1-3.28,9.09C365.33,93.3,343.91,122,293.34,139c-32.79,11-72.38,14.65-105.89,9.64-9.25-1.38-18.56-3.32-27.56-5.2-23.42-4.88-45.55-9.49-68.56-5.67a4.5,4.5,0,0,1-1.47-8.88c24.66-4.09,48.66.91,71.87,5.74,8.87,1.85,18.05,3.77,27.05,5.11,32.17,4.81,70.18,1.35,101.69-9.27,25.37-8.54,58.45-25.6,74.21-58.63-18,7.64-40.17,6.76-62.78-2.81-16-6.78-31.08-16.88-45.66-26.65C226,22.14,197.43,3,160.84,10.75c-26.25,5.56-53.21,26.18-65.55,50.13A54.71,54.71,0,0,0,92,70.14c-1.85,6.24-3.95,13.3-9.28,18.13a25.88,25.88,0,0,1-8.19,4.6c-1,.4-1.95.79-2.83,1.21-10.95,5.28-17.87,19.83-21.13,44.48C46,172.72,46.82,210.93,53,255.37a4.5,4.5,0,0,1-3.84,5.07A4.4,4.4,0,0,1,48.53,260.48Z"/><path class="cls-3" d="M343.6,255.94a4.49,4.49,0,0,1-4.5-4.47c-.3-40.92-49.59-113.6-50.09-114.33a4.5,4.5,0,1,1,7.44-5.08c2.09,3.07,51.33,75.71,51.65,119.35a4.51,4.51,0,0,1-4.47,4.53Z"/><path class="cls-8" d="M327.53,239.22a114.3,114.3,0,0,1,1,14c0,2.15,0,4.2-.15,6.11s-.26,3.69-.45,5.31c-.76,6.47-2,10.34-2.64,10.25-1.5-.19-.14-15.93-2.82-35-2.51-19.06-8.05-33.86-6.65-34.44.61-.26,2.82,3.14,5.29,9.17.62,1.51,1.26,3.17,1.86,5s1.19,3.78,1.78,5.85A114.05,114.05,0,0,1,327.53,239.22Z"/><circle class="cls-3" cx="145.8" cy="264.38" r="22.91"/><circle class="cls-1" cx="156.02" cy="247.35" r="12.7"/><circle class="cls-8" cx="136.6" cy="272.93" r="5.28"/><circle class="cls-8" cx="239.6" cy="272.93" r="5.28"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-4.svg b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-4.svg
new file mode 100644
index 0000000..e586ed4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 464.12 605.75"><defs><style>.cls-1{fill:#dfe7ea;}.cls-2{fill:#f0d7c2;}.cls-3{fill:#d7ad8c;}.cls-4{fill:#c4987a;}.cls-5{fill:#8376a5;}.cls-6{fill:#655a8e;}.cls-7{fill:#ebcbac;}.cls-16,.cls-8,.cls-9{fill:none;stroke:#42565e;stroke-miterlimit:10;}.cls-8{stroke-linecap:round;}.cls-8,.cls-9{stroke-width:10px;}.cls-9{stroke-linecap:square;}.cls-10{fill:#dcb79b;}.cls-11{fill:#fff;}.cls-12{fill:#40565a;}.cls-13{fill:#a699d6;}.cls-14{fill:#485d63;}.cls-15{fill:#796f9c;}.cls-16{stroke-width:11px;}.cls-17{fill:#325560;}</style></defs><title>Asset 120</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><ellipse class="cls-1" cx="236.82" cy="551.53" rx="184.33" ry="54.22"/><path class="cls-2" d="M30.24,275.91A69.67,69.67,0,0,0,21.69,369c4.48,6,10.06,11.3,16.89,14.32s15,3.46,21.65,0"/><path class="cls-3" d="M18,366.5c3.62,6.7,8.36,12.95,14.66,17.24,2.69,1.84,7,1.57,11.13,1.27-5.9-4.26-10.4-10.26-13.86-16.68-15.65-29-9.35-68.14,14.59-90.75H68.76v-1.84H32.58C8.64,298.37,2.34,337.52,18,366.5Z"/><path class="cls-3" d="M419,275a69.67,69.67,0,0,1,29.75,88.61c-3,6.84-7.19,13.32-13.14,17.82s-13.82,6.82-21.06,5"/><path class="cls-4" d="M411.42,386.76a29.59,29.59,0,0,0,19.15-4.19c6.72-4,11.79-10.17,15.61-16.77A67.58,67.58,0,0,0,453.47,316c-4.12-16.58-18.64-31.49-33.49-41l-1,13.49c7.89,8.45,16.35,18.74,19.1,29.76a67.58,67.58,0,0,1-7.29,49.78c-3.82,6.6-8.9,12.74-15.61,16.77A30.36,30.36,0,0,1,411.42,386.76Z"/><path class="cls-5" d="M452.36,118.46c-8.78-30.07-32.4-57-62.92-63.67a46.85,46.85,0,0,0-9.71-17.86c-5.41-6.13-12.35-10.72-19.61-14.48-36.17-18.7-79.26-17-119.65-11.85-16.15,2.07-32.27,4.63-48,8.91C128.34,37,73,84.38,45.91,145.09s-22.25,133.54,7.56,193L262.36,185.91V334.35H414.7c-8.85-26.74-4.64-73.12,7.76-98.72,9.21-19,22.61-32.09,28.47-53.07C457,160.94,458.72,140.29,452.36,118.46Z"/><path class="cls-6" d="M454.65,186.37C452,196,447.72,203.88,443,211.49c-.82-48.6-11-97.83-36.11-139.38A92.48,92.48,0,0,0,398.41,60c28,8.43,49.4,34,57.66,62.31C462.44,144.1,460.69,164.75,454.65,186.37Z"/><path class="cls-7" d="M53.69,331.22c15.1-11.09,21.39-30.36,26.05-48.51A691.24,691.24,0,0,0,99.16,167.36l91,27.16c10,3,20.12,6,30.54,6.38,26.17,1,49.73-14.31,74.25-23.5A165.16,165.16,0,0,1,370,167.87s7.5,121.7,48.83,164.47c.81,73-43.54,137.46-92.3,191.78-11.27,12.55-23,25.08-37.55,33.62l-.21.12a72.52,72.52,0,0,1-36.5,10.2l-29.86.15a71.65,71.65,0,0,1-36.73-9.91l-1-.56c-14.55-8.54-26.28-21.06-37.55-33.62C98.47,469.8,52,405.33,52.78,332.34"/><path class="cls-2" d="M146.18,528.31c-48.31-54-94-118-93.24-190.45l.91-1.13c15.09-11.09,21.39-30.36,26-48.51A690.78,690.78,0,0,0,99.31,172.88l28.18,8.41C118.46,222.82,83,409.19,146.18,528.31Z"/><path class="cls-3" d="M323.51,525.35a270.7,270.7,0,0,1-19.2,19.85c22.46-40.14,35.38-85.8,40-131.73,6.33-63.1-2.24-126.93-17.2-188.56-.55-2.26-1.17-4.63-2.75-6.34-2.47-2.67-6.5-3-10.13-3.13-20.76-.84-41.76-1.81-61.63-7.87a105.08,105.08,0,0,1-17.44-7c19.43-4.07,37.77-14.78,56.7-21.88A165.11,165.11,0,0,1,367,169.1s7.49,121.69,48.83,164.46C416.61,406.56,372.26,471,323.51,525.35Z"/><path class="cls-8" d="M390.57,54.45c31.3,6,55.6,33.41,64.53,64,6.37,21.82,4.61,42.47-1.43,64.1-5.86,21-19.26,34.06-28.47,53.07-12.4,25.6-14.78,71.07-5.93,97.81"/><path class="cls-8" d="M27.49,275.91A69.67,69.67,0,0,0,18.93,369c4.48,6,10.06,11.3,16.89,14.32s15,3.46,21.65,0"/><path class="cls-8" d="M422.38,274.38A69.67,69.67,0,0,1,452.13,363c-3,6.84-7.19,13.32-13.14,17.82s-13.82,6.82-21.06,5"/><polygon class="cls-3" points="237.17 353.31 237.17 432.24 264.71 432.24 237.17 353.31"/><polyline class="cls-9" points="237.32 357.44 236.19 423.51 236.11 428.1"/><path class="cls-10" d="M344.27,308.58c.57,5-.41,9-1.09,8.93s-.9-4-1.45-8.65-1.2-8.52-.51-8.75S343.71,303.58,344.27,308.58Z"/><path class="cls-11" d="M160.6,204.75a109.34,109.34,0,0,1,22.25,7.54c5.49,2.71,8.48,5.28,8,6.57s-4.34,1.18-10.15.31-13.7-2.41-22.45-4.49A144,144,0,0,1,136,207.81c-5.57-2.38-8.76-4.67-8.36-6s4.24-1.55,10.15-1A175.83,175.83,0,0,1,160.6,204.75Z"/><path class="cls-12" d="M397.3,128.18a75.72,75.72,0,0,1,1.9,14c0,2.17.07,4.23-.09,6.16-.07,1-.1,1.89-.21,2.78l-.35,2.55c-1,6.48-2.82,10.19-3.8,10s-1.24-4.15-1.61-10.27L393,151c0-.83-.16-1.7-.23-2.59-.11-1.78-.38-3.68-.6-5.67-.54-4-1.27-8.29-2.32-12.78s-2.39-8.66-3.69-12.45c-.71-1.87-1.32-3.68-2-5.33-.34-.83-.63-1.65-1-2.41l-.95-2.21c-2.43-5.63-4.08-9.23-3.19-9.9s4.05,1.91,7.9,7.22l1.46,2.11c.5.74.95,1.55,1.44,2.38,1,1.65,1.9,3.5,2.85,5.46A75.74,75.74,0,0,1,397.3,128.18Z"/><path class="cls-12" d="M435.13,118.25a108.47,108.47,0,0,1-2.34,18.33c-.67,2.76-1.29,5.39-2.1,7.78-.39,1.2-.73,2.37-1.14,3.46L428.33,151a55.23,55.23,0,0,1-2.41,5.25c-.39.76-.74,1.46-1.11,2.09s-.74,1.19-1.08,1.69c-1.34,2-2.3,3-2.79,2.77-1-.47.38-5.47,2.21-13.44l.71-3.13c.25-1.08.43-2.23.67-3.4.51-2.34.86-4.87,1.31-7.51A173.57,173.57,0,0,0,427.48,118a173.79,173.79,0,0,0-.37-17.39c-.26-2.66-.43-5.21-.77-7.58-.16-1.18-.25-2.34-.42-3.44l-.48-3.17c-1.25-8.08-2.3-13.17-1.24-13.56.5-.18,1.38.87,2.58,3q.45.79,1,1.76c.32.66.62,1.38,1,2.17a55.19,55.19,0,0,1,2,5.41l1,3.21c.33,1.12.59,2.31.89,3.54.64,2.45,1.06,5.11,1.53,7.91A108.47,108.47,0,0,1,435.13,118.25Z"/><path class="cls-12" d="M407,237.87a61.19,61.19,0,0,1,3-13.43,51.88,51.88,0,0,1,2.35-5.53c.43-.84.8-1.66,1.25-2.41l1.31-2.14a30.51,30.51,0,0,1,2.52-3.48c.4-.49.77-.95,1.14-1.34s.75-.73,1.09-1c1.35-1.2,2.28-1.69,2.71-1.38.91.66-.62,4.15-2.6,9.64l-.77,2.16c-.27.75-.48,1.55-.74,2.36-.56,1.61-1,3.38-1.49,5.21A83.83,83.83,0,0,0,414.29,251c.13,1.9.18,3.72.4,5.4.1.85.14,1.68.25,2.46l.32,2.27c.83,5.79,1.62,9.51.59,10-.48.21-1.3-.46-2.37-1.9q-.4-.54-.85-1.23c-.29-.46-.55-1-.84-1.54A30.49,30.49,0,0,1,410,262.5l-.85-2.36c-.28-.83-.48-1.71-.73-2.61a51.91,51.91,0,0,1-1.18-5.89A61.23,61.23,0,0,1,407,237.87Z"/><path class="cls-13" d="M338.06,11a505.1,505.1,0,0,0-65.52,7.53c-9.44,1.72-18.9,3.72-27.78,7.32C237.13,29,230,33.22,222.27,36.08l-1,.35c-15.13,5.37-33.2,6.48-43.21,19L179.81,52q1.31-2.53,2.6-5.07a64.64,64.64,0,0,0-39.5,17c-.84.79-1.73,1.54-2.63,2.27-9,7.24-20.27,11.3-28.87,19.81q-.45-4.32-.89-8.65-2,1.23-3.94,2.52c-9.37,6.19-18,13.53-24.81,22.49-7.31,9.7-12.31,21.4-12.89,33.52a2.76,2.76,0,0,0-1.28-1.65c-.22.33-.44.67-.65,1a164.8,164.8,0,0,0-25.72,75.23q-1.39-4.56-2.77-9.1c-.08,1.17-.16,2.37-.21,3.63a304,304,0,0,0,3.3,57.5,58,58,0,0,1-13.19-23.61,221.08,221.08,0,0,1,5.31-59.68A200.24,200.24,0,0,1,46,142.48a217.66,217.66,0,0,1,18.72-33.54A52.26,52.26,0,0,1,66.84,100a231.53,231.53,0,0,1,78.78-67.78,147.77,147.77,0,0,0-11.25,10A223.1,223.1,0,0,1,179,21.07q6.69-2.31,13.52-4.18a312,312,0,0,1,36.29-7.31c3.89-.58,7.79-1.1,11.68-1.61,10.4-1.34,21-2.43,31.56-3C294.53,3.75,317,4.85,338.06,11Z"/><path class="cls-8" d="M50.86,335.92C21,276.49,16.19,203.66,43.3,142.95S125.73,34.84,189.89,17.37c15.71-4.28,31.83-6.84,48-8.91,40.39-5.18,83.48-6.85,119.65,11.85,7.26,3.75,14.2,8.35,19.61,14.48C388.79,48,392,67.82,386,84.4s-20.53,29.56-37.4,34.67"/><path class="cls-12" d="M119.45,55.71a122.27,122.27,0,0,1,11.37-12.29c1.91-1.73,3.71-3.37,5.52-4.79s3.48-2.72,5.07-3.83c6.39-4.44,10.89-6.3,11.46-5.47,1.28,1.85-13.39,13.4-27.43,31.16C111.22,78.11,103.19,95,101.1,94.13c-.93-.38-.12-5.17,2.8-12.39.74-1.8,1.58-3.75,2.62-5.79s2.18-4.19,3.45-6.44A122.24,122.24,0,0,1,119.45,55.71Z"/><path class="cls-12" d="M152.92,44.74a155.46,155.46,0,0,1,12.6-13.37c2.09-1.91,4.07-3.71,6-5.29s3.78-3,5.5-4.29c6.91-5,11.74-7.28,12.34-6.46,1.32,1.81-14.6,14.92-30.58,34.31C142.68,68.9,132.71,87,130.69,86c-.91-.44.42-5.6,4.09-13.32.92-1.92,2-4,3.21-6.2s2.61-4.49,4.1-6.89A155.46,155.46,0,0,1,152.92,44.74Z"/><path class="cls-12" d="M193,32.11a87.62,87.62,0,0,1,14.89-12.4,79.37,79.37,0,0,1,14-7.35c8.37-3.31,14-3.82,14.24-2.87s-4.55,3.39-11.85,7.73a121.7,121.7,0,0,0-25.76,20.23c-8.94,9.23-15.89,18.86-21.16,25.73s-8.78,11.07-9.7,10.51,1-5.67,5.14-13.44A127.77,127.77,0,0,1,193,32.11Z"/><path class="cls-12" d="M246.25,15.32A101.07,101.07,0,0,1,263,7.14a76.92,76.92,0,0,1,14.74-4c8.63-1.37,14-.51,14.08.47s-5,2.2-12.8,4.79a141.76,141.76,0,0,0-28.82,13.45c-10.67,6.49-19.73,13.51-26.43,18.52s-11.06,8-11.8,7.22,2.32-5.1,8.21-11.27A131.37,131.37,0,0,1,246.25,15.32Z"/><path class="cls-12" d="M38.39,192.46a120.8,120.8,0,0,0,3.08,13.79c.66,2.07,1.22,4.08,1.91,5.9.33.91.6,1.82.94,2.67l.95,2.43c2.44,6.21,4.26,10.1,3.34,10.76-.43.31-1.43-.29-2.9-1.67q-.55-.52-1.19-1.18c-.41-.45-.81-1-1.26-1.52a38.32,38.32,0,0,1-2.81-3.91L39,217.34c-.5-.84-.94-1.75-1.43-2.68a65,65,0,0,1-2.76-6.13,71.66,71.66,0,0,1-4.66-30.3,64.9,64.9,0,0,1,.79-6.68c.19-1,.33-2,.56-3l.69-2.72a38.34,38.34,0,0,1,1.5-4.57c.26-.66.49-1.27.74-1.83s.53-1,.78-1.48c1-1.76,1.76-2.63,2.26-2.47,1.07.35.52,4.61.05,11.26l-.17,2.61c-.06.9,0,1.85-.09,2.82-.11,1.94,0,4,0,6.2A120.86,120.86,0,0,0,38.39,192.46Z"/><path class="cls-12" d="M36.06,250.75a94.42,94.42,0,0,0,5.12,8.54c.9,1.25,1.71,2.48,2.56,3.55.42.55.8,1.1,1.2,1.6l1.16,1.45c3,3.71,5,6.11,4.35,7s-3.77,0-8.06-3.08l-1.65-1.24c-.57-.44-1.1-1-1.68-1.47a42.43,42.43,0,0,1-3.46-3.52,47.69,47.69,0,0,1-10.33-19.94,42.32,42.32,0,0,1-.88-4.85c-.09-.77-.19-1.5-.23-2.22s0-1.4-.06-2.06c0-5.26,1.13-8.39,2.13-8.36s1.91,3.05,3.23,7.61l.52,1.78c.18.62.41,1.25.62,1.91.38,1.32.92,2.69,1.42,4.14A94.39,94.39,0,0,0,36.06,250.75Z"/><path class="cls-12" d="M67.93,123.65A94.35,94.35,0,0,0,69.15,133c.31,1.43.54,2.81.87,4.07.16.64.27,1.27.43,1.86l.44,1.71c1.13,4.37,1.93,7.26,1,7.85s-3.35-1.43-6-5.72l-1-1.71c-.33-.6-.61-1.25-.92-1.92a40.14,40.14,0,0,1-1.7-4.39,45.45,45.45,0,0,1-1.49-21.39,40.27,40.27,0,0,1,1.08-4.58c.22-.71.4-1.39.64-2l.73-1.83c2-4.61,4.21-6.91,5.12-6.49s.62,3.42.11,7.91l-.2,1.76c-.07.61-.1,1.25-.17,1.9-.15,1.3-.19,2.7-.3,4.16A94.26,94.26,0,0,0,67.93,123.65Z"/><path class="cls-6" d="M355.66,174.31a165.11,165.11,0,0,0-59.78,10.43c-10.63,4-21.07,9.1-31.63,13.56v-4.12L252.17,203a106,106,0,0,1-14.22,3.9c-1.55.3-3.11.56-4.69.78a69.08,69.08,0,0,1-11.64.58c-10.43-.39-20.55-3.4-30.53-6.38l-56.29-16.8-14.54-4.34-20.14-6q-2.75,33.38-8.73,66.39Q87.06,265.14,81,288.82c-.1.41-.21.82-.31,1.23-4.66,18.14-10.95,37.42-26,48.5l-.92,1.13c0,1.12,0,2.25,0,3.36Q50.69,336.71,48,330.2c11.22-9.15,18.92-22.41,22.74-36.44,4.32-15.88,4-32.73,1.4-49a1.49,1.49,0,0,0,1.43.57c1.44-.21,3-2.36,3.4-4.18a188.87,188.87,0,0,0,4.36-49.24c0-.66-.06-1.31-.09-2l3.23,3.4c6-11.47,4.25-31.47,6.3-44.25,13.89,12.88,48.77,13.2,66.08,5.51-4.33,3.77-5,12.86-10.1,15.6,1.53,0-8.28,5-6.75,4.94a129.75,129.75,0,0,0,65.78-21.6c-5.24,11-14.41,26.68-26,30.42,1.69.36,2.65-6.32,4.34-6q12.47,2.51,25.09,4.17c12.06,1.61,24.59,2.62,36.17-1.11,14.49-4.66,25.64-16.08,36.16-27.09q0,2.9-.35,5.8a65.84,65.84,0,0,1-5,19.31l32.61-13.88c.05.5.09,1,.12,1.51a27,27,0,0,1-3.55,14.74q25.15-11.8,49.59-25A27.75,27.75,0,0,1,355.66,174.31Z"/><path class="cls-6" d="M411.74,319.21c-8.3-10.85-15.05-25-20.53-40.32-.08-.22-.16-.44-.23-.65-11.25-33.09-16.84-70.92-19.39-93.54,10.71,26.93,25,59.59,39.5,85.45h0C408.88,287.05,408.92,304.81,411.74,319.21Z"/><path class="cls-14" d="M269.63,176.7c24.26-13.66,43.82-25.11,45.05-23.33s-16.68,16.14-41.28,30-46.18,21.74-47,19.86S245.4,190.42,269.63,176.7Z"/><path class="cls-14" d="M257.18,173.65c4.41-4.6,8.39-9.18,11.9-13.46,1.71-2.18,3.38-4.21,4.84-6.2.74-1,1.49-1.92,2.16-2.85l1.94-2.68c4.93-6.84,8-11.24,9-10.75s-.41,5.73-4.33,13.56l-1.59,3c-.56,1.05-1.22,2.11-1.87,3.22-1.28,2.24-2.84,4.51-4.47,6.91a121.8,121.8,0,0,1-26.14,27c-2.34,1.71-4.56,3.34-6.75,4.7-1.09.69-2.12,1.38-3.15,2l-3,1.69c-7.7,4.18-13,5.67-13.41,4.78s3.78-4.16,10.45-9.32l2.61-2c.91-.7,1.81-1.48,2.78-2.25,1.94-1.52,3.92-3.26,6-5C248.28,182.34,252.73,178.22,257.18,173.65Z"/><path class="cls-12" d="M167.43,170.51a127.73,127.73,0,0,0,20.86-7.38c3-1.53,6-2.88,8.6-4.48,1.31-.77,2.63-1.44,3.82-2.21l3.41-2.23c2.24-1.34,4.06-2.84,5.78-4,.84-.61,1.67-1.15,2.38-1.68s1.35-1.06,1.94-1.5c2.38-1.77,3.91-2.61,4.3-2.26s-.39,1.87-2.19,4.37q-.68.93-1.54,2c-.6.72-1.3,1.44-2,2.23a55.67,55.67,0,0,1-5.34,5.13l-3.32,2.77c-1.17.95-2.49,1.79-3.81,2.73a89.12,89.12,0,0,1-8.83,5.42,103.88,103.88,0,0,1-22.17,8.5,103.87,103.87,0,0,1-23.57,2.85,89.14,89.14,0,0,1-10.34-.66c-1.61-.22-3.17-.34-4.64-.63l-4.23-.9a55.7,55.7,0,0,1-7.12-2c-1-.36-2-.66-2.85-1s-1.63-.75-2.32-1.09c-2.76-1.36-4.16-2.34-4-2.84s1.92-.47,4.86,0c.73.11,1.54.26,2.42.42s1.86.23,2.89.37c2.07.25,4.38.72,7,.86l4.06.38c1.41.13,2.89.1,4.41.17,3,.2,6.29,0,9.69-.06A127.74,127.74,0,0,0,167.43,170.51Z"/><path class="cls-12" d="M132.77,165a101.23,101.23,0,0,0,11.59-5.33c1.7-1,3.36-1.87,4.83-2.84.74-.47,1.49-.89,2.17-1.36l2-1.33c5-3.41,8.07-5.83,8.93-5.11.4.34.13,1.39-.74,3q-.33.61-.76,1.34c-.3.47-.67.95-1.06,1.47a32.16,32.16,0,0,1-2.84,3.38L155,160c-.64.63-1.36,1.21-2.09,1.85a54.7,54.7,0,0,1-4.91,3.75,60.59,60.59,0,0,1-26.34,9.87,54.62,54.62,0,0,1-6.16.4c-1,0-1.9,0-2.79,0l-2.57-.2a32.13,32.13,0,0,1-4.36-.68c-.64-.14-1.23-.26-1.76-.41s-1-.34-1.45-.5c-1.73-.66-2.62-1.27-2.54-1.8.17-1.11,4.09-1.32,10.09-2l2.35-.29c.81-.1,1.65-.27,2.52-.4,1.74-.23,3.58-.66,5.51-1A101.21,101.21,0,0,0,132.77,165Z"/><path class="cls-12" d="M72.26,253c-3.94-18.19-10.05-32.28-8.1-33.34.9-.48,3.66,2.5,6.83,8.12.79,1.41,1.62,3,2.4,4.69S75,236,75.75,238a99.8,99.8,0,0,1,4,13.3,99.82,99.82,0,0,1,2,13.73c.12,2.13.24,4.15.2,6.05s-.07,3.66-.19,5.27c-.5,6.44-1.74,10.3-2.76,10.25C76.78,286.49,76.37,271.13,72.26,253Z"/><path class="cls-12" d="M82.64,210.52c-.93-5.11-1.91-9.93-2.87-14.31-.52-2.17-1-4.26-1.47-6.19l-.69-2.81-.68-2.58c-1.72-6.58-2.86-10.76-1.87-11.26s3.8,3,6.94,9.37l1.19,2.53c.4.89.76,1.83,1.15,2.8.8,1.94,1.5,4.06,2.24,6.29a126.38,126.38,0,0,1,3.6,14.79,156.62,156.62,0,0,1,2.4,27.28c0,7-.65,11.34-1.7,11.43s-2.36-4.11-3.69-10.92S84.46,220.74,82.64,210.52Z"/><path class="cls-12" d="M344.09,154.54c1.54-2,2.91-4,4.14-5.82.58-.94,1.18-1.81,1.68-2.67s1-1.65,1.46-2.38c1.79-2.95,3.1-4.91,4.17-4.69s1.56,2.67.92,6.54a22.28,22.28,0,0,1-.74,3.1,30,30,0,0,1-1.27,3.44A34.57,34.57,0,0,1,344.2,165.2a30,30,0,0,1-3,2.07,22.28,22.28,0,0,1-2.83,1.48c-3.59,1.57-6.13,1.62-6.56.71s1.11-2.74,3.53-5.19c.6-.62,1.27-1.27,2-2s1.41-1.49,2.18-2.28C340.94,158.34,342.52,156.53,344.09,154.54Z"/><path class="cls-8" d="M53.84,333.37C68.95,322.28,75.23,303,79.9,284.86A691.24,691.24,0,0,0,99.31,169.51l91,27.16c10,3,20.12,6,30.54,6.38,26.17,1,49.73-14.31,74.25-23.5A165.16,165.16,0,0,1,370.19,170s7.5,121.7,48.83,164.47c.81,73-43.54,137.46-92.3,191.78-11.27,12.55-23,25.08-37.55,33.62L289,560a72.52,72.52,0,0,1-36.5,10.2l-29.86.15a71.65,71.65,0,0,1-36.73-9.91l-1-.56c-14.55-8.54-26.28-21.06-37.55-33.62C98.62,472,52.12,407.48,52.93,334.49"/><path class="cls-15" d="M366.79,83c3.56-9.19,4.7-18.51,5.61-25.39s1.67-11.38,3.11-11.5,3.15,4.16,4.11,11.49a63.11,63.11,0,0,1,.29,13.08,57.22,57.22,0,0,1-3.61,16A46.21,46.21,0,0,1,367.44,101a36.74,36.74,0,0,1-11,8.3,22.84,22.84,0,0,1-8.9,2.45c-2.21.06-3.45-.39-3.59-1.06-.32-1.48,3.72-3.27,8.61-7.49A48.83,48.83,0,0,0,360.21,95,53.81,53.81,0,0,0,366.79,83Z"/><path class="cls-15" d="M393.72,82.48c.87-4.87,1.17-9.75,1.81-13.49s1.62-6.21,3-6.35,2.93,2,4.17,5.79a32.63,32.63,0,0,1,1.39,6.9,33.45,33.45,0,0,1-.35,9,27.19,27.19,0,0,1-3.21,8.81,20.26,20.26,0,0,1-5.08,5.9,11.07,11.07,0,0,1-4.8,2.28c-1.31.2-2.17-.08-2.53-.67-.73-1.26.54-3.35,1.86-6.32A49.1,49.1,0,0,0,393.72,82.48Z"/><path class="cls-15" d="M363.5,116.33c3.72-2.45,7.13-4.62,9.92-6.06s5-2.06,6-1.12.74,3.29-1,6.3a32.08,32.08,0,0,1-21.71,14.25c-3.46.41-5.77-.25-6.18-1.58s1-3.12,3.44-5.1S359.77,118.77,363.5,116.33Z"/><path class="cls-15" d="M405.25,202a22.88,22.88,0,0,1,7.56-8.1c2.52-1.51,4.63-1.74,5.6-.75s.76,3-.12,5.45a57,57,0,0,1-4.2,8.5,57,57,0,0,1-5.26,7.89c-1.67,2-3.28,3.19-4.65,2.83s-2.2-2.28-2.16-5.22A22.88,22.88,0,0,1,405.25,202Z"/><path class="cls-11" d="M46.05,163.48a38.77,38.77,0,0,1,3.68-7.13,28.5,28.5,0,0,1,4.21-5c2.78-2.58,5.19-3.49,6.27-2.63s.8,3.3-.21,6.55-2.66,7.39-4.44,12-3.35,8.72-4.8,11.81-2.84,5.08-4.27,5-2.54-2.4-2.85-6.18a28.52,28.52,0,0,1,.3-6.56A38.81,38.81,0,0,1,46.05,163.48Z"/><path class="cls-11" d="M77.47,109.21a11.49,11.49,0,0,1,6.45-3c2-.16,3.51.49,4.17,1.73a4.9,4.9,0,0,1-.29,4.37,16,16,0,0,1-8.4,7.53,4.9,4.9,0,0,1-4.37-.18c-1.16-.79-1.64-2.38-1.27-4.33A11.49,11.49,0,0,1,77.47,109.21Z"/><ellipse class="cls-11" cx="210.56" cy="221.64" rx="5.11" ry="8.76" transform="translate(-22.94 418.97) rotate(-86.67)"/><path class="cls-9" d="M224.78,442.79h22.94"/><path class="cls-9" d="M20.87,340A35.55,35.55,0,0,1,42,316.79"/><path class="cls-9" d="M442.19,340A35.55,35.55,0,0,0,421,316.79"/><path class="cls-11" d="M36.71,359.23a58.7,58.7,0,0,1,4.48,7.36c1.06,2.29,1.34,4.25.37,5.29s-2.92,1-5.37-.08a19.33,19.33,0,0,1-8-6.91c-2.49-3.68-3.38-8-2.81-11.09a7,7,0,0,1,1.47-3.46,2.37,2.37,0,0,1,2.07-.95c1.42.21,2.44,1.71,3.61,3.43S35.05,356.75,36.71,359.23Z"/><path class="cls-3" d="M306.74,281.15a53.41,53.41,0,0,0-19.38,5.9c-4.86,2.45-8,4.52-9.27,3.52-.59-.47-.59-1.67.1-3.41a20.9,20.9,0,0,1,4.39-6.38,33.08,33.08,0,0,1,4-3.56,37.32,37.32,0,0,1,5.31-3.26,38.1,38.1,0,0,1,28.15-2.45,37.32,37.32,0,0,1,5.79,2.29,33.07,33.07,0,0,1,4.6,2.8,20.9,20.9,0,0,1,5.43,5.52c1,1.6,1.18,2.78.69,3.34-1.07,1.2-4.53-.29-9.74-1.86A53.41,53.41,0,0,0,306.74,281.15Z"/><path class="cls-9" d="M342.4,280.36a49.37,49.37,0,0,0-70.8,6.17"/><path class="cls-16" d="M264.12,323.48c12.85-5.69,25.89-11.31,39.71-13.84s28.68-1.72,41.06,4.94"/><path class="cls-17" d="M326.2,321.18a17.9,17.9,0,0,1-35.79,0c0-9.88,8-13.77,17.9-13.77S326.2,311.3,326.2,321.18Z"/><path class="cls-3" d="M167.36,281.15a53.41,53.41,0,0,1,19.38,5.9c4.86,2.45,8,4.52,9.27,3.52.59-.47.59-1.67-.1-3.41a20.9,20.9,0,0,0-4.39-6.38,33.08,33.08,0,0,0-4-3.56,37.32,37.32,0,0,0-5.31-3.26A38.1,38.1,0,0,0,154,271.51a37.32,37.32,0,0,0-5.79,2.29,33.07,33.07,0,0,0-4.6,2.8,20.9,20.9,0,0,0-5.43,5.52c-1,1.6-1.18,2.78-.69,3.34,1.07,1.2,4.53-.29,9.74-1.86A53.41,53.41,0,0,1,167.36,281.15Z"/><path class="cls-9" d="M131.69,280.36a49.37,49.37,0,0,1,70.8,6.17"/><path class="cls-16" d="M210,323.48c-12.85-5.69-25.89-11.31-39.71-13.84s-28.68-1.72-41.06,4.94"/><path class="cls-17" d="M147.9,321.18a17.9,17.9,0,0,0,35.79,0c0-9.88-8-13.77-17.9-13.77S147.9,311.3,147.9,321.18Z"/><path class="cls-9" d="M206,498.28A59.24,59.24,0,0,0,236,503c14.26-1.51,29.15-10,32.35-24"/><circle class="cls-2" cx="237.17" cy="528.6" r="10.55" transform="translate(-329.15 406.34) rotate(-53.65)"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-5.svg b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-5.svg
new file mode 100644
index 0000000..746e4b8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 485.29 648.83"><defs><style>.cls-1{fill:#485d63;}.cls-2{fill:#dfe7ea;}.cls-3{fill:#f0d7c2;}.cls-4{fill:#e8bc70;}.cls-5{fill:#9e8863;}.cls-6{fill:#eace9b;}.cls-7{fill:#ebcbac;}.cls-8{fill:#d7ad8c;}.cls-9{fill:#fff;}.cls-10{fill:#ebdce8;}.cls-11,.cls-12,.cls-13,.cls-15,.cls-16{fill:none;stroke:#42565e;stroke-miterlimit:10;}.cls-11{stroke-linecap:square;}.cls-11,.cls-15,.cls-16{stroke-width:10px;}.cls-12,.cls-13{stroke-width:8px;}.cls-13,.cls-15{stroke-linecap:round;}.cls-14{fill:#dcb79b;}.cls-17{fill:#325560;}.cls-18{fill:#f9d7a5;}.cls-19{fill:#aa9777;}</style></defs><title>Asset 110</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M443.55,323.66c2.62-14.83,4.62-26.94,6.06-26.84s1.64,12.6-1,27.72-7.13,26.8-8.45,26.42S441,338.5,443.55,323.66Z"/><ellipse class="cls-2" cx="268.35" cy="594.61" rx="184.33" ry="54.22"/><path class="cls-3" d="M428.34,469.65c0-8.3,16.78-.48,23.63-5.16s12-11.49,16-18.79c17.05-31.58,10.19-74.24-15.9-98.88H412.62V469.59S428.34,471.71,428.34,469.65Z"/><path class="cls-4" d="M434.11,381c-9.53,46,36-85,40.14-131.84A277.35,277.35,0,0,0,475.52,220a190.51,190.51,0,0,0-21.46-84.42c-9.77-18.73-24.42-37-45-41.73H276.62V389.38S434.59,378.69,434.11,381Z"/><path class="cls-5" d="M472.25,252.2C468.11,299,422.58,430,432.11,384c.12-.56-8.91-.38-22.68.23,8.3-26.32,15.11-53,19.16-80.32,7-47.44,5.38-96.92-11.08-142a79.81,79.81,0,0,1-9.11,39,99.38,99.38,0,0,0-66.89-53.24,146.34,146.34,0,0,1-3.3,57.77,113.39,113.39,0,0,0-63.59-35.83V96.83H407.05c20.59,4.74,35.24,23,45,41.73A190.51,190.51,0,0,1,473.52,223,276.87,276.87,0,0,1,472.25,252.2Z"/><path class="cls-4" d="M358.56,191.68c18.18-3.38,30.29-20.74,37.35-37.83A161.36,161.36,0,0,0,407.4,107,85.23,85.23,0,0,0,382.46,38.8h0A82.69,82.69,0,0,0,364,24.87C291.64-14.73,216.06,17,145.47,66.21,71.2,118,29.88,211,34.33,301.46c1.21,24.66,5.52,49.05,8,73.62,3,30.75,3.14,61.7,3.24,92.6.09,28.69.18,57.42-2,86s-9.05,60.95-33.71,75.78C25,638.32,41.63,645.8,59.15,645.74c32.19-.11,59.91-26.75,69.67-57.43s4.74-64.17-4.61-95"/><path class="cls-6" d="M127.21,490.34c9.35,30.8,14.36,64.3,4.61,95s-37.48,57.33-69.67,57.43c-17.52.06-34.2-7.41-49.34-16.24.81-.49,1.59-1,2.36-1.51,40.57-1.44,79.75-27.29,96.16-64.58a37.9,37.9,0,0,1-38,.64A52.25,52.25,0,0,0,111.77,525a51.18,51.18,0,0,1-32.54,2.87c10.53-2.58,18.3-12,22.13-22.1s4.42-21.18,5.43-32c1.93-20.56,5.55-41.07,12.68-60.45,15.06-40.93,44.72-74.4,74.56-106.4q7.86,36.69,19.35,72.48Z"/><path class="cls-7" d="M115.17,463.89C130.26,540.2,184.36,587,245.46,628.51c8.84,6,18.31,12.23,29,12.65,10.49.41,20.28-4.85,29.28-10.26,49.1-29.54,94.28-70.57,113.42-124.58,13-36.78,13.08-76.71,13-115.73-.09-35-1-72.74-21.94-100.84-13.87-18.64-36-32.23-42.17-54.64-4.65-16.91,0-38.12-16.91-48a29.44,29.44,0,0,0-9.22-3.32c-27.55-5.42-55,14.79-81.91,8.28-11.58-2.8-21.58-10.31-33.12-13.26-15-3.84-31.36.63-44.2,9.35s-22.58,21.33-30.6,34.61c-28.1,46.52-37,101.94-42.33,156l0,.43a214,214,0,0,0,3.08,62.46Z"/><path class="cls-3" d="M418.83,302s34.47,218.5-141.37,339.17c-8.65,5.93,20.28-4.85,29.27-10.26,49.1-29.54,94.28-70.57,113.43-124.58,13-36.78,13.08-76.71,13-115.73-.08-30.16-.78-62.3-14.31-88.6"/><path class="cls-8" d="M367.25,203.16c-.15.26-.31.51-.47.77-17,27.27-46.39,49.11-78.51,48-11.52-.41-23-3.7-34.44-2.2-17.75,2.32-32,15.69-42.92,29.89C168,335.51,159.1,412.77,176.93,481c7.78,29.76,20.24,58.34,25.29,88.69a75.28,75.28,0,0,1,.81,21.66c-39.62-33.48-70.95-73.23-81.86-128.43l-4.39-22.2a213.9,213.9,0,0,1-3.08-62.46c0-.14,0-.28,0-.43,5.35-54.09,14.23-109.5,42.33-156,8-13.29,17.76-25.89,30.6-34.62s29.16-13.18,44.2-9.34c11.55,3,21.54,10.46,33.12,13.25,26.94,6.51,54.36-13.7,81.92-8.28a29.37,29.37,0,0,1,9.22,3.32C362.15,190.21,365.45,196.27,367.25,203.16Z"/><path class="cls-9" d="M384.43,338.52c-13.54,10.91-12.77,39.26-34.85,41-14.66,1.18-44.11-16.07-34.5-26.74,5-5.5,25-11.47,25-11.47Z"/><path class="cls-10" d="M384.43,338.52c-13.53,10.91-12.77,39.26-34.85,41-14.66,1.19-44.11-16.07-34.5-26.74a15.69,15.69,0,0,1,3.11-2.48c4.63,9.4,24.27,19.12,35.39,18.22,16.34-1.32,20.17-17.18,26.54-29.76Z"/><path class="cls-8" d="M356,316.88c-12.09,1.06-22.72,5.35-30.26,9.22s-12.51,7-14.47,5.49c-.92-.74-.92-2.6.15-5.33a32.62,32.62,0,0,1,6.86-10,51.64,51.64,0,0,1,6.32-5.55,58.26,58.26,0,0,1,8.29-5.08,59.48,59.48,0,0,1,43.94-3.83,58.26,58.26,0,0,1,9,3.57,51.62,51.62,0,0,1,7.18,4.38,32.64,32.64,0,0,1,8.47,8.62c1.53,2.5,1.85,4.33,1.07,5.22-1.66,1.87-7.07-.45-15.21-2.9S368.11,315.84,356,316.88Z"/><path class="cls-11" d="M411.69,319.94a77.07,77.07,0,0,0-110.53,9.63"/><path class="cls-12" d="M300.9,360.34c13.2-7.76,26.61-15.47,41.26-19.92s30.84-5.43,45.06.23"/><path class="cls-13" d="M313.72,357c5.68,13.18,20.84,23.93,35.5,22.74,22.08-1.78,20.31-29.13,33.85-40"/><path class="cls-14" d="M365.83,389.68a35.49,35.49,0,0,1-7.48,2.76,30.48,30.48,0,0,1-3.43.6,22.93,22.93,0,0,1-3,.2c-3.71,0-5.91-.66-5.87-1s2.27-.36,5.74-.84c.87-.12,1.81-.26,2.81-.49s2.06-.49,3.17-.78a39.27,39.27,0,0,0,13.18-6.78c.88-.73,1.75-1.4,2.48-2.12s1.43-1.37,2-2c2.4-2.54,3.67-4.38,4-4.18s-.46,2.33-2.63,5.33a22.9,22.9,0,0,1-1.92,2.33,30.56,30.56,0,0,1-2.48,2.44A35.49,35.49,0,0,1,365.83,389.68Z"/><path class="cls-14" d="M324.31,390.28a20.85,20.85,0,0,1-5.91-3.69c-1.32-1.22-1.92-2.18-1.69-2.44.49-.55,3.92,1.86,8.59,3.78s8.77,2.73,8.72,3.47c0,.34-1.13.6-2.93.51A20.86,20.86,0,0,1,324.31,390.28Z"/><path class="cls-9" d="M163.16,338.52c13.54,10.91,12.77,39.26,34.85,41,14.66,1.18,44.11-16.07,34.5-26.74-5-5.5-25-11.47-25-11.47Z"/><path class="cls-10" d="M163.16,338.52c13.53,10.91,12.77,39.26,34.85,41,14.66,1.19,44.11-16.07,34.5-26.74a15.69,15.69,0,0,0-3.11-2.48c-4.63,9.4-24.27,19.12-35.39,18.22-16.34-1.32-20.17-17.18-26.54-29.76Z"/><path class="cls-8" d="M191.58,316.88c12.09,1.06,22.72,5.35,30.26,9.22s12.51,7,14.47,5.49c.92-.74.92-2.6-.15-5.33a32.62,32.62,0,0,0-6.86-10,51.64,51.64,0,0,0-6.32-5.55,58.26,58.26,0,0,0-8.29-5.08,59.48,59.48,0,0,0-43.94-3.83,58.26,58.26,0,0,0-9,3.57,51.62,51.62,0,0,0-7.18,4.38,32.64,32.64,0,0,0-8.47,8.62c-1.53,2.5-1.85,4.33-1.07,5.22,1.66,1.87,7.07-.45,15.21-2.9S179.48,315.84,191.58,316.88Z"/><path class="cls-11" d="M135.9,319.94a77.07,77.07,0,0,1,110.53,9.63"/><path class="cls-12" d="M246.69,360.34c-13.2-7.76-26.61-15.47-41.26-19.92s-30.84-5.43-45.06.23"/><path class="cls-13" d="M233.87,357c-5.68,13.18-20.84,23.93-35.5,22.74-22.08-1.78-20.31-29.13-33.85-40"/><path class="cls-14" d="M182.94,387.41a43.84,43.84,0,0,0,6.92,2.76c1.11.29,2.16.61,3.17.78s1.94.37,2.81.49c3.47.47,5.69.44,5.74.84s-2.16,1-5.87,1a22.93,22.93,0,0,1-3-.2,30.47,30.47,0,0,1-3.43-.6,33.07,33.07,0,0,1-14.08-7.24,30.55,30.55,0,0,1-2.48-2.44,22.9,22.9,0,0,1-1.92-2.33c-2.18-3-2.9-5.2-2.63-5.33s1.62,1.63,4,4.18c.61.63,1.26,1.32,2,2s1.6,1.39,2.48,2.12A43.84,43.84,0,0,0,182.94,387.41Z"/><path class="cls-14" d="M222.31,387.93c4.67-1.92,8.1-4.33,8.59-3.78.22.26-.37,1.23-1.69,2.44a21.64,21.64,0,0,1-12.7,5.31c-1.79.09-2.9-.17-2.93-.51C213.54,390.66,217.66,389.9,222.31,387.93Z"/><path class="cls-15" d="M118.17,465.89C133.26,542.2,187.36,589,248.46,630.51c8.84,6,18.31,12.23,29,12.65,10.49.41,20.28-4.85,29.28-10.26,49.1-29.54,94.28-70.57,113.42-124.58,13-36.78,13.08-76.71,13-115.73-.09-35-1-72.74-21.94-100.84-13.87-18.64-36-32.23-42.17-54.64-4.65-16.91,0-38.12-16.91-48a29.44,29.44,0,0,0-9.22-3.32c-27.55-5.42-55,14.79-81.91,8.28-11.58-2.8-21.58-10.31-33.12-13.26-15-3.84-31.36.63-44.2,9.35s-22.58,21.33-30.6,34.61c-28.1,46.52-37,101.94-42.33,156l0,.43a214,214,0,0,0,3.08,62.46Z"/><path class="cls-15" d="M408.06,91.27c20.59,4.74,35.24,23,45,41.73a190.51,190.51,0,0,1,21.46,84.42,277.35,277.35,0,0,1-1.27,29.22c-4.14,46.8-11.45,94.63-40.14,131.84"/><path class="cls-15" d="M431.34,466.89c8.08,1.87,16.78-.48,23.63-5.16s12-11.49,16-18.79c17.05-31.58,10.19-74.24-15.9-98.88"/><polygon class="cls-3" points="274.12 398.32 274.12 484.32 304.12 484.32 274.12 398.32"/><polyline class="cls-11" points="274.28 402.83 273.05 474.82 272.96 479.82"/><path class="cls-9" d="M363.87,259.63c2.39,2.34,5,4.47,7.37,6.54a66.27,66.27,0,0,1,6.23,6,21.72,21.72,0,0,1,3.45,5c.59,1.36.69,2.25.28,2.58s-1.28.1-2.47-.56-2.79-1.64-4.78-2.86-4.34-2.7-7-4.47a59.84,59.84,0,0,1-8.45-6.68,30.66,30.66,0,0,1-6.65-9.31,26.37,26.37,0,0,1-2.3-9,17.4,17.4,0,0,1,.59-6.16c.45-1.41,1-2.13,1.55-2.09,1.1.08,1.66,3,3.17,7.19a39.37,39.37,0,0,0,3.26,6.83A35.88,35.88,0,0,0,363.87,259.63Z"/><ellipse class="cls-9" cx="351.31" cy="225.49" rx="3.83" ry="5.04" transform="translate(-15.6 26.39) rotate(-4.21)"/><path class="cls-1" d="M65.56,459.91c-.07-30.74-1.78-55.72.4-56,1-.13,2.79,6,4.36,16.12.79,5.06,1.49,11.11,2,17.86s.84,14.18.88,22-.25,15.25-.71,22-1.13,12.81-1.88,17.87c-1.49,10.13-3.21,16.28-4.23,16.16C64.22,515.65,65.74,490.65,65.56,459.91Z"/><path class="cls-1" d="M111.93,261.4a45.42,45.42,0,0,1,5.4-11.7c1.89-2.77,3.61-4.19,4.56-3.75,1.93.92.15,8.64-2.65,17.73s-5.74,16.44-7.86,16.11c-1-.18-1.65-2.32-1.64-5.67A45.45,45.45,0,0,1,111.93,261.4Z"/><path class="cls-1" d="M77.62,398.25c-4-26.89-6.89-48.82-4.79-49.26s8.3,21,12.36,48.12,4.42,49.44,2.35,49.63S81.69,425.13,77.62,398.25Z"/><path class="cls-1" d="M427.32,123.89a91.18,91.18,0,0,1,3.08,13c.28,2,.56,4,.67,5.81s.21,3.53.22,5.08c0,6.23-.81,10-1.47,10-1.53,0-1.71-15.08-7.36-32.38C417,108.09,408.4,95.73,409.62,94.82c.52-.4,3.4,2.2,7,7.28.9,1.27,1.85,2.68,2.77,4.26s1.88,3.29,2.83,5.11A91.15,91.15,0,0,1,427.32,123.89Z"/><path class="cls-1" d="M435.53,122.29a80.51,80.51,0,0,1,5,12.58c.55,2,1.09,3.91,1.43,5.73.18.91.38,1.78.5,2.62l.33,2.44c.74,6.25.25,10.13-.4,10.17s-1.55-3.67-3.14-9.47l-.63-2.27c-.22-.79-.51-1.59-.76-2.44-.49-1.69-1.15-3.45-1.79-5.32a107.91,107.91,0,0,0-11.54-22.83c-1.12-1.62-2.14-3.2-3.22-4.6-.53-.71-1-1.41-1.51-2.06L418.35,105c-3.72-4.72-6.25-7.57-5.76-8.15s3.83,1.41,8.42,5.71l1.77,1.72c.61.6,1.19,1.28,1.81,2,1.27,1.35,2.48,2.91,3.77,4.55A80.56,80.56,0,0,1,435.53,122.29Z"/><path class="cls-1" d="M437.62,333.7c-.34-15.36-3.9-27.55-2.48-28.05.63-.22,2.37,2.59,4.09,7.59a64,64,0,0,1,2.31,9,74.61,74.61,0,0,1,.62,22.7,63.92,63.92,0,0,1-1.82,9.1c-1.44,5.09-3,8-3.67,7.8C435.24,361.42,438.12,349.06,437.62,333.7Z"/><path class="cls-16" d="M433.65,395.23a27.4,27.4,0,0,1,25.66,32.54"/><path class="cls-17" d="M184.12,352.09a15.92,15.92,0,1,0,31.84,0c0-8.79-7.13-13.92-15.92-13.92S184.12,343.29,184.12,352.09Z"/><circle class="cls-9" cx="206.12" cy="357.33" r="2.5"/><path class="cls-17" d="M364,352.09a15.92,15.92,0,1,1-31.84,0c0-8.79,7.13-13.92,15.92-13.92S364,343.29,364,352.09Z"/><circle class="cls-9" cx="341.95" cy="357.33" r="2.5"/><circle class="cls-3" cx="314.12" cy="599.33" r="11.5"/><path class="cls-8" d="M332.64,526.83c-1.48,3.18-4.8,5.06-8.08,6.31-13,5-25.52,2.38-36.86-5-4.46,3.84-9.18,5.62-14.07,5.29l.4-5.84c3.77.25,7.57-1.5,11.3-5.23l1.72-1.72,2,1.37c7.57,5.19,36.55-.44,42.56-1.18"/><path class="cls-8" d="M209.56,521.86c-3.46-2.9-5.74-5-5.94-5l3-3c6,.75,45.11,13.37,52.68,8.18l2-1.37,1.72,1.72c3.73,3.73,7.53,5.48,11.3,5.23l.4,5.84c-4.88.33-9.61-1.44-14.07-5.29-1.94,1.26-5.62,2.48-10,3.53A46.93,46.93,0,0,1,209.56,521.86Z"/><path class="cls-16" d="M271.67,524.41c3.93.27,8.6-1.11,13.57-6.08,0,0,1.62,1.11,4.16,2.68A33,33,0,0,0,330,516.25h0"/><path class="cls-16" d="M272.36,524.41c-3.93.27-8.6-1.11-13.57-6.08l-.1.07a37.13,37.13,0,0,1-47.07-4.52l-3.53-3.53"/><path class="cls-18" d="M390.67,49.67a524.8,524.8,0,0,0-73-15.76c-22.42-3.1-45.46-4.46-67.51.61-21.72,5-42.56,16.9-54.62,35.6a34.67,34.67,0,0,0,4.79-12.35c.11-.6.21-1.2.28-1.8a71.27,71.27,0,0,0-45.38,38.41,54.12,54.12,0,0,0,4-14.52,52.4,52.4,0,0,0,.43-8.21,96.11,96.11,0,0,0-45.21,47.18c-.65,1.46-1.26,3-1.82,4.45a1.23,1.23,0,0,0-.32-.17c-1.85-.64-3.67.94-4.91,2.45a58.38,58.38,0,0,0-12.54,27.11l-.06-9.87-.51.44a66.28,66.28,0,0,0-22.54,56.07q-.63-3-1.27-6c-.38.65-.75,1.3-1.12,2a87.78,87.78,0,0,0-9.45,57.92A37.49,37.49,0,0,0,54,243.29c-.67-.81-1.38-1.6-2.12-2.35a73.15,73.15,0,0,0-.2,50.58,11.34,11.34,0,0,0-3.33-3q-.41-.24-.84-.45c-.5,15.72-.26,31.47.71,47.16q-2.35-2.53-4.63-5.15c-2.08-8.34-4.19-16.69-6.18-25.05.35,6.55.92,13.09,1.61,19.61-.4-.47-.78-1-1.15-1.43-.68-6.57-1.22-13.15-1.55-19.75q-.3-6.09-.32-12.19a276.58,276.58,0,0,1,2.33-35,282.81,282.81,0,0,1,8.88-42.43,275.52,275.52,0,0,1,52.85-100.1,243.92,243.92,0,0,1,47.39-43.55c9.57-6.67,19.23-13,29-18.91,1.1-1.38,2.25-2.74,3.43-4.06,21-12.49,42.38-22.77,63.85-29.51q-3.33,2-6.52,4.15C280.13,7,323.61,5.69,366,28.88a79.64,79.64,0,0,1,9.72,6.31,87,87,0,0,1,15,14.48Z"/><path class="cls-15" d="M358.56,189.68c18.18-3.38,30.29-20.74,37.35-37.83A161.36,161.36,0,0,0,407.4,105,85.23,85.23,0,0,0,382.46,36.8h0A82.69,82.69,0,0,0,364,22.87C291.64-16.73,216.06,15,145.47,64.21,71.2,116,29.88,209,34.33,299.46c1.21,24.66,5.52,49.05,8,73.62,3,30.75,3.14,61.7,3.24,92.6.09,28.69.18,57.42-2,86s-9.05,60.95-33.71,75.78C25,636.32,41.63,643.8,59.15,643.74c32.19-.11,59.91-26.75,69.67-57.43s4.74-64.17-4.61-95"/><path class="cls-1" d="M46.16,273.53c3.26,8.9,6.48,17,8.51,23s2.9,10,1.93,10.42-3.52-2.66-6.84-8.14A133.92,133.92,0,0,1,39,276.15,109.19,109.19,0,0,1,35,262.74c-.42-2.12-.83-4.12-1.06-6-.12-1-.26-1.87-.34-2.76l-.18-2.56c-.35-6.55.52-10.59,1.53-10.63s2.16,3.78,3.82,9.76l.65,2.35.75,2.53c.48,1.75,1.09,3.6,1.67,5.55C43.12,264.82,44.55,269.08,46.16,273.53Z"/><path class="cls-1" d="M54.21,234.57c1.33,3.41,2.73,6.6,4.06,9.5.7,1.43,1.32,2.82,2,4.08s1.23,2.47,1.78,3.57c2.2,4.38,3.55,7.28,2.72,8s-3.63-1-7.18-4.91a39.82,39.82,0,0,1-2.72-3.31c-1-1.22-1.84-2.6-2.78-4.06a61.19,61.19,0,0,1-8.07-21c-.28-1.71-.55-3.34-.66-4.88a39.84,39.84,0,0,1-.19-4.28c0-5.25,1-8.44,2-8.45s2,3,3.34,7.76c.33,1.18.66,2.47,1.07,3.84s.83,2.83,1.27,4.36C51.81,227.84,52.91,231.15,54.21,234.57Z"/><path class="cls-1" d="M69.46,183.31A92.69,92.69,0,0,0,72,193.87c.54,1.58,1,3.13,1.55,4.52.27.7.49,1.4.75,2l.76,1.87c2,4.78,3.38,7.85,2.51,8.56-.41.33-1.31,0-2.6-1q-.49-.36-1-.84c-.36-.32-.72-.7-1.11-1.11A26.41,26.41,0,0,1,70.36,205l-1.3-1.82c-.44-.64-.83-1.35-1.26-2.07a45.69,45.69,0,0,1-2.42-4.77,51.11,51.11,0,0,1-4.07-24A45.6,45.6,0,0,1,62,167c.17-.82.3-1.61.5-2.36l.63-2.14A26.44,26.44,0,0,1,64.53,159c.23-.51.45-1,.68-1.41s.48-.8.71-1.14c.9-1.34,1.63-2,2.13-1.79,1.05.38.72,3.75.45,8.91l-.1,2c0,.7,0,1.43,0,2.18-.07,1.5,0,3.1,0,4.77A92.67,92.67,0,0,0,69.46,183.31Z"/><path class="cls-1" d="M89,131.24a74.29,74.29,0,0,1,2.76-13.29c.66-2,1.28-3.86,2-5.56.37-.85.69-1.68,1.07-2.45l1.12-2.2c3-5.56,5.78-8.38,6.65-7.89s-.08,4.2-1.62,9.9l-.61,2.23c-.21.77-.38,1.59-.6,2.43-.45,1.66-.8,3.47-1.23,5.34-.76,3.78-1.48,7.93-2,12.33s-.65,8.62-.72,12.47c0,1.92,0,3.76.06,5.48,0,.86,0,1.7.06,2.5l.11,2.31c.29,5.9.53,9.7-.54,10s-3.08-3.06-4.81-9.13l-.63-2.39c-.21-.84-.35-1.72-.52-2.63-.37-1.82-.58-3.79-.8-5.87A74.3,74.3,0,0,1,89,131.24Z"/><path class="cls-1" d="M113.68,100.1a74.8,74.8,0,0,1,7.45-12.67,63.61,63.61,0,0,1,4.07-4.95c.68-.74,1.31-1.47,2-2.11l2-1.83a37.12,37.12,0,0,1,3.55-2.91c.54-.4,1-.77,1.54-1.09s1-.57,1.39-.8c1.7-.91,2.78-1.21,3.12-.8.72.86-1.83,4.07-5.57,9.22l-1.46,2c-.51.7-1,1.47-1.51,2.23-1.08,1.51-2.09,3.22-3.21,5a126.11,126.11,0,0,0-6.32,11.89,126.2,126.2,0,0,0-4.81,12.58c-.58,2-1.2,3.88-1.63,5.68-.23.9-.5,1.76-.69,2.6l-.56,2.43c-1.43,6.2-2.17,10.24-3.29,10.26-.53,0-1-1-1.45-2.88q-.16-.7-.31-1.57c-.09-.57-.13-1.2-.19-1.87a37.14,37.14,0,0,1-.14-4.59l.1-2.67c0-.93.18-1.89.29-2.88A63.54,63.54,0,0,1,109,114,74.81,74.81,0,0,1,113.68,100.1Z"/><path class="cls-1" d="M154,73.71A101.68,101.68,0,0,1,161.36,60c1.33-2,2.6-3.88,3.92-5.55.65-.84,1.26-1.66,1.9-2.42L169,49.87c4.85-5.38,8.61-7.92,9.35-7.24,1.66,1.52-9.16,15-17.39,34.15-8.45,19.07-11,36.15-13.21,36-1-.08-1.69-4.56-1.05-11.78l.3-2.82c.12-1,.31-2,.48-3,.32-2.11.85-4.32,1.4-6.65A101.72,101.72,0,0,1,154,73.71Z"/><path class="cls-1" d="M202.65,42a130.36,130.36,0,0,1,14.27-14.29c2.4-2,4.67-3.85,6.94-5.42,1.13-.8,2.19-1.6,3.26-2.29l3.11-2c2-1.27,3.86-2.23,5.51-3.09.83-.42,1.59-.82,2.32-1.15s1.41-.59,2-.83c2.46-.94,3.93-1.23,4.19-.77.56,1-4,4.45-10.88,10.24l-2.7,2.28c-.94.79-1.87,1.67-2.86,2.54-2,1.71-4,3.69-6.18,5.7-4.23,4.13-8.73,8.82-13.15,14s-8.25,10.43-11.62,15.29c-1.62,2.47-3.24,4.78-4.59,7-.69,1.12-1.41,2.18-2,3.24l-1.79,3c-4.56,7.77-7.22,12.82-8.28,12.43-.5-.18-.45-1.68.07-4.26q.19-1,.48-2.14c.2-.77.47-1.59.75-2.48.58-1.76,1.21-3.8,2.13-5.94L185,69.82c.51-1.18,1.12-2.36,1.72-3.6,1.17-2.5,2.65-5.05,4.19-7.75A130.38,130.38,0,0,1,202.65,42Z"/><path class="cls-1" d="M404.92,184.19A38,38,0,0,1,412,199.47c.83,4.26.44,7-.22,7s-1.62-2.32-3.23-6a65.1,65.1,0,0,0-7.68-13.26A56.35,56.35,0,0,0,395.3,181a40.81,40.81,0,0,0-5.17-4.37c-3.08-2.17-5.53-2.54-5.57-3.28,0-.34.64-.73,1.93-.86a11.71,11.71,0,0,1,5.3.94,26.48,26.48,0,0,1,6.61,4A38.63,38.63,0,0,1,404.92,184.19Z"/><path class="cls-1" d="M426.85,221.88c-3.16-30-9.14-53.8-7.67-54.21.64-.18,3,5.57,5.63,15.23,1.33,4.82,2.68,10.63,3.94,17.13s2.34,13.7,3.18,21.3,1.25,14.87,1.45,21.49.08,12.58-.19,17.58c-.52,10-1.57,16.12-2.24,16.08C429.42,276.39,430.17,251.84,426.85,221.88Z"/><path class="cls-19" d="M380.87,146.32A106.55,106.55,0,0,0,391,112.41a124.37,124.37,0,0,0,.3-29.22c-1.82-16.69-6.12-26.48-5-27,.44-.21,2.1,2,4.21,6.39a72.26,72.26,0,0,1,3.24,8.3,88.36,88.36,0,0,1,2.92,11.47A110,110,0,0,1,398,113.2a103.85,103.85,0,0,1-10.25,36.55,85.57,85.57,0,0,1-18,24.27l-4.9,4.58-1.2-6.53c-1.62-8.83-4.94-17-7.77-24.34l-2.08-5.41c-.66-1.78-1.27-3.33-1.94-4.88a69.07,69.07,0,0,0-4.23-8.2,59.88,59.88,0,0,0-8-10.43c-2.15-2.25-3.42-3.45-3.18-3.84s1.94.18,4.73,2a41.67,41.67,0,0,1,10.23,9.73,61.38,61.38,0,0,1,5.38,8.41c.83,1.57,1.68,3.34,2.43,5l2.41,5.24c1.65,3.62,3.4,7.5,5,11.7a85.72,85.72,0,0,1,4.18,13.7l-6.1-2A84.44,84.44,0,0,0,380.87,146.32Z"/><path class="cls-5" d="M355.62,172.83c.9,6.31-1.07,6.63-1,13-1.26-1.84-16.19-21.71-17.49-23.52-9.26-12.88-20.25-25.65-35.12-31.05l-.86-.31c-8.47-2.9-17.55-3.15-26.53-2.35l-2,.19c-1.94.21-3.88.46-5.8.74a206.66,206.66,0,0,0-62.9,19.75c-7.52,3.76-15,8.21-20.48,14.49a112.31,112.31,0,0,1,27.42-27.11c17.7-12.23,39.63-21,61.76-23.36l2-.2a100.49,100.49,0,0,1,29.26,1.53c22,4.57,34.59,18.37,42.26,35.86C344,149.82,357.85,173.33,355.62,172.83Z"/><path class="cls-16" d="M164.14,208.58c8-29.33,23.69-55.63,48.72-72.92,26.11-18,61.42-28.59,93-22,36.59,7.59,47.1,40.71,52.4,73.85"/><path class="cls-1" d="M215.74,147.22a100.7,100.7,0,0,1,26.07-3.78c6.69-.08,10.83.5,10.94,1.54s-3.87,2.39-10.3,3.84-15.26,3.05-24.56,5.75a101.18,101.18,0,0,0-22.64,9.55c-5.48,3.16-8.72,5.67-9.56,4.92-.38-.35-.08-1.46,1-3.12a30.21,30.21,0,0,1,5.4-6.17,51.65,51.65,0,0,1,10-6.95A70.64,70.64,0,0,1,215.74,147.22Z"/><path class="cls-1" d="M309.26,130.58a66.63,66.63,0,0,1,7.25,11.53,56.48,56.48,0,0,1,2.3,5.48c.31.88.63,1.71.87,2.54l.65,2.39a32.74,32.74,0,0,1,.81,4.18c.08.62.17,1.19.2,1.73s0,1,0,1.48c0,1.79-.29,2.81-.81,2.92-1.09.23-2.67-3.22-5.32-8.44l-1-2c-.36-.71-.79-1.42-1.19-2.17-.78-1.52-1.75-3.06-2.7-4.71A99.37,99.37,0,0,0,295,126.14c-1.39-1.31-2.66-2.61-4-3.71-.64-.56-1.23-1.15-1.84-1.66l-1.75-1.48c-4.47-3.77-7.47-6.1-7-7.11.23-.48,1.28-.5,3-.11q.66.15,1.44.37c.51.16,1.05.37,1.64.6a32.82,32.82,0,0,1,3.88,1.75l2.18,1.18c.75.42,1.49.93,2.27,1.43a56.59,56.59,0,0,1,4.8,3.5A66.67,66.67,0,0,1,309.26,130.58Z"/><path class="cls-1" d="M61.4,607.71a117.32,117.32,0,0,0,16.11-10.4C79.9,595.56,82,593.67,84,592l2.81-2.59c.45-.42.91-.81,1.33-1.22L89.4,587c6.42-6.34,10-10.83,11-10.22.82.48-1.2,6.11-6.94,13.78L92.38,592c-.39.49-.81,1-1.23,1.47l-2.67,3.08c-2,2-4.05,4.2-6.49,6.23a91.29,91.29,0,0,1-17,11.7A88.58,88.58,0,0,1,45.76,622l-2.27.6c-.75.17-1.51.31-2.24.46-1.48.27-2.9.6-4.3.78a74.11,74.11,0,0,1-7.8.73c-1.2,0-2.32.09-3.41.1a8.86,8.86,0,0,1-3.91-.72,5.16,5.16,0,0,1-1.69-1.33,7,7,0,0,1-.87-1.36c-.39-.8-.62-1.42-.83-1.84a2.56,2.56,0,0,0-.66-.9,2.74,2.74,0,0,0-.69-.47c-.39-.21-.81-.1-1-.27s-.14-.24-.06-.49a1.5,1.5,0,0,1,.83-.77,3.81,3.81,0,0,1,3.89,1c.63.58,1.11,1.22,1.58,1.73a3.45,3.45,0,0,0,.65.58,1,1,0,0,0,.5.16,7.4,7.4,0,0,0,1.91-.18l3.16-.63c2.22-.36,4.61-1,7.18-1.58,1.28-.3,2.58-.73,3.93-1.09l2-.58,2.07-.7A112.21,112.21,0,0,0,61.4,607.71Z"/><path class="cls-1" d="M93.87,544.17a90.31,90.31,0,0,0,6.1-6.67c.85-1.1,1.72-2.12,2.44-3.14.37-.51.76-1,1.1-1.46l1-1.38c2.5-3.52,4.14-5.89,5.2-5.56s1.14,3.36-.35,8l-.63,1.79c-.23.62-.53,1.23-.83,1.88a37.89,37.89,0,0,1-2.15,4,42.83,42.83,0,0,1-14.82,14.37,37.88,37.88,0,0,1-4.06,2c-.66.27-1.28.56-1.9.77l-1.8.58c-4.65,1.34-7.72,1.07-8,.1s2.12-2.63,5.72-5l1.41-.93c.49-.32,1-.7,1.49-1.05,1-.69,2.09-1.53,3.22-2.34A90.35,90.35,0,0,0,93.87,544.17Z"/><path class="cls-1" d="M95.45,496.29c2.6-8.77,4-17.18,5.28-23.3s2.5-10,3.56-9.87,1.74,4,1.83,10.4a86.21,86.21,0,0,1-3.33,25,60.1,60.1,0,0,1-5.63,13.06A44.34,44.34,0,0,1,90,520.81a26.34,26.34,0,0,1-6.29,4.73c-1.68.84-2.78,1-3.09.6-.67-.9,2-3.78,5.2-8.78A80.56,80.56,0,0,0,95.45,496.29Z"/><path class="cls-9" d="M306.51,19.4a82.38,82.38,0,0,1,10.9,3.14,62.75,62.75,0,0,1,8.43,3.81c4.63,2.56,7.07,4.86,6.63,5.79-1,2-12.76-2.18-27.55-5.25s-27.21-4.21-27.31-6.4c0-1,3.14-2.13,8.41-2.59a62.76,62.76,0,0,1,9.26-.06A82.38,82.38,0,0,1,306.51,19.4Z"/><path class="cls-9" d="M357.75,44.44a32.45,32.45,0,0,1,6.12,10.68c1,3.06.87,5.19-.07,5.63s-2.59-.79-4.62-2.92-4.52-5.16-7.29-8.45-5.32-6.26-7.09-8.62-2.71-4.17-2.09-5,2.71-.57,5.56.89A32.45,32.45,0,0,1,357.75,44.44Z"/><path class="cls-9" d="M367.32,553.4c2.58-2.66,5-5.26,7.12-7.65l5.7-6.46c3.28-3.7,5.55-6,6.51-5.45s.28,3.75-2,8.45a57.59,57.59,0,0,1-4.68,7.85,71.75,71.75,0,0,1-15.58,16,57.59,57.59,0,0,1-7.72,4.89c-4.64,2.4-7.87,3.11-8.39,2.22s1.66-3.27,5.27-6.65l6.31-5.87C362.19,558.5,364.72,556,367.32,553.4Z"/><path class="cls-9" d="M399.53,493.29c2-9.66,4.13-17.57,6.27-17.45,1,.08,1.87,2.22,2.19,5.66a52.17,52.17,0,0,1-5.22,25.92c-1.63,3.06-3.22,4.71-4.21,4.38C396.53,511.09,397.61,503,399.53,493.29Z"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-6.svg b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-6.svg
new file mode 100644
index 0000000..b2432f2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/dynamic-avatar-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 586.2 682.51"><defs><style>.cls-1{fill:#dfe7ea;}.cls-2{fill:#b0d7e9;}.cls-3{fill:#54b9d3;}.cls-4{fill:#f2c7a5;}.cls-20,.cls-5{opacity:0.5;}.cls-6{fill:#ffac89;}.cls-14,.cls-7{fill:none;stroke-miterlimit:10;stroke-width:10px;}.cls-7{stroke:#274b5b;}.cls-20,.cls-8{fill:#ef997b;}.cls-9{fill:#fcdac3;}.cls-10{fill:#fff;}.cls-11{fill:#274b5b;}.cls-12{fill:#3b535c;}.cls-13{fill:#d9edf4;}.cls-14{stroke:#42565e;stroke-linecap:round;}.cls-15{fill:#ebcbac;}.cls-16{fill:#d7ad8c;}.cls-17{fill:#3f565e;}.cls-18{fill:#f2dcca;}.cls-19{fill:#ce956e;}</style></defs><title>Asset 100</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><ellipse class="cls-1" cx="289.02" cy="618.52" rx="184.33" ry="54.22"/><path class="cls-2" d="M518.48,204.9l16.76,4.24,42.08,10.65a7.19,7.19,0,0,1,2.5,12.76L516.64,279a7.19,7.19,0,0,0-.88,10.82l54.39,55.65a7.19,7.19,0,0,1-1.52,11.23l-60.92,35.54a7.19,7.19,0,0,0-3,9l23.9,56.16a7.19,7.19,0,0,1-7.12,10L448.38,459l-305.16,3.1L67.8,467.44a7.19,7.19,0,0,1-7.12-10l23.9-56.16a7.19,7.19,0,0,0-3-9L20.67,356.73a7.19,7.19,0,0,1-1.52-11.23l54.39-55.65A7.19,7.19,0,0,0,72.65,279L9.48,232.55A7.19,7.19,0,0,1,12,219.79l44.73-11.32,23.55-6L125.78,191,90.1,107.72A7.19,7.19,0,0,1,98.83,98l119.89,37.21L233.83,14.4a7.19,7.19,0,0,1,13.82-1.75l45.43,114.84"/><path class="cls-2" d="M492,198.21,463.51,191l35.69-83.27a7.19,7.19,0,0,0-8.74-9.7L370.57,135.23l-6.09-48.76-3.73-29.86L355.46,14.4a7.19,7.19,0,0,0-13.82-1.75L296.22,127.48l-7.39,3.1"/><path class="cls-3" d="M233,368q0,46-1.73,92l-86.5.88-75.42,5.37a7.2,7.2,0,0,1-7.13-10l23.9-56.17a7.17,7.17,0,0,0-3-9L22.21,355.52a7.2,7.2,0,0,1-1.52-11.25l54.39-55.64a7.18,7.18,0,0,0-.88-10.81L11,231.34a7.19,7.19,0,0,1,2.49-12.76l44.74-11.32,23.56-5.95,45.51-11.52L91.64,106.5a7.19,7.19,0,0,1,8.75-9.7L142,109.72c-2,20.85-.12,41.93,7.5,61.34,3.36,8.54,7.81,16.73,10,25.65,4.38,18.17-1.25,37.39-10,53.89s-20.63,31.17-30.05,47.31c-5.36,9.22-10,19.27-10.24,29.93s5,22,14.75,26.29c14.89,6.55,31.1-5.22,42.57-16.76S192,312.6,207.88,316c10.25,2.17,18,11.15,21.52,21S233,357.54,233,368Z"/><circle class="cls-4" cx="145.54" cy="410.18" r="47.25"/><g class="cls-5"><path class="cls-6" d="M162,452.3a47.25,47.25,0,1,1-18-90.91,48.21,48.21,0,0,1,6.74.48A47.25,47.25,0,0,0,162,452.3Z"/></g><circle class="cls-7" cx="144" cy="410.18" r="47.25"/><circle class="cls-4" cx="439.86" cy="410.18" r="47.25"/><g class="cls-5"><path class="cls-6" d="M423.36,452.3a47.25,47.25,0,1,0,18-90.91,48.21,48.21,0,0,0-6.74.48,47.25,47.25,0,0,1-11.31,90.43Z"/></g><circle class="cls-7" cx="441.41" cy="410.18" r="47.25"/><path class="cls-4" d="M174.94,538q-4.07-6.33-7.72-13.08c-16.85-31.19-26.7-68.82-26.7-109.33,0-107.79,69.7-195.18,155.68-195.18S451.87,307.81,451.87,415.6,382.17,610.78,296.2,610.78c-39.91,0-76.31-18.83-103.86-49.78"/><g class="cls-5"><path class="cls-8" d="M312.5,609.72a126,126,0,0,1-16.3,1.05c-39.92,0-76.32-18.82-103.86-49.79l-17.4-23q-4.09-6.34-7.73-13.09c-16.85-31.2-26.69-68.82-26.69-109.33,0-107.8,69.69-195.18,155.68-195.18a125.57,125.57,0,0,1,16.26,1.05c-78.33,10.19-139.41,93.2-139.41,194.12,0,40.51,9.84,78.13,26.69,109.33q3.65,6.74,7.73,13.09l17.4,23C248.63,587.7,279,605.37,312.5,609.72Z"/></g><g class="cls-5"><path class="cls-9" d="M278.39,608.72a126,126,0,0,0,16.3,1.05C334.6,609.78,371,591,398.55,560l17.4-23q4.09-6.34,7.73-13.09c16.85-31.2,26.69-68.82,26.69-109.33,0-107.8-69.69-195.18-155.68-195.18a125.57,125.57,0,0,0-16.26,1.05c78.33,10.19,139.41,93.2,139.41,194.12,0,40.51-9.84,78.13-26.69,109.33q-3.65,6.74-7.73,13.09L366,560C342.25,586.7,311.91,604.37,278.39,608.72Z"/></g><path class="cls-7" d="M416.2,294.56c20.42,33,32.58,74.47,32.58,119.49,0,107.79-69.7,195.18-155.68,195.18-39.91,0-76.31-18.83-103.86-49.78"/><path class="cls-7" d="M386.26,257.67a174,174,0,0,1,17.85,19.56"/><path class="cls-7" d="M171.84,536.47q-4.07-6.33-7.72-13.08c-16.85-31.19-26.7-68.82-26.7-109.33,0-107.79,69.7-195.18,155.68-195.18,25.65,0,49.85,7.78,71.19,21.55"/><path class="cls-10" d="M281.08,387.72a43.37,43.37,0,0,1-86.75,0"/><path class="cls-1" d="M279.21,387.62a43.37,43.37,0,1,1-86.75,0h1.36a43.39,43.39,0,0,0,84,0Z"/><path class="cls-7" d="M278,387.72a43.37,43.37,0,0,1-86.75,0"/><circle class="cls-11" cx="233.06" cy="401.66" r="10.84"/><circle class="cls-10" cx="245.46" cy="398.56" r="7.75"/><path class="cls-10" d="M403.46,387.72a43.37,43.37,0,0,1-86.75,0"/><path class="cls-1" d="M400,387.62a43.37,43.37,0,0,1-86.75,0h1.36a43.39,43.39,0,0,0,84,0Z"/><path class="cls-7" d="M400.36,387.72a43.37,43.37,0,1,1-86.75,0"/><circle class="cls-11" cx="355.44" cy="401.66" r="10.84"/><circle class="cls-10" cx="367.83" cy="398.56" r="7.75"/><path class="cls-12" d="M108.89,340.21a50,50,0,0,1-1.71-8.58,50.56,50.56,0,0,1-.16-8.11,45.27,45.27,0,0,1,2.89-13.28,31.43,31.43,0,0,1,4.37-8c1.36-1.67,2.38-2.4,2.82-2.14,1,.57-.72,4.78-2,11.6a62,62,0,0,0-1,12,59.64,59.64,0,0,0,.55,7,55.64,55.64,0,0,0,1.6,7.31c.4,1.21.76,2.43,1.21,3.58a27,27,0,0,0,1.43,3.15,13.38,13.38,0,0,0,1.74,2.56l.47.58.53.52a9.35,9.35,0,0,0,1.1,1,27.49,27.49,0,0,0,10.2,4.72c3.33.91,6.22,1.44,8.21,2s3.12,1,3.11,1.58-1.15,1-3.23,1.39a36.81,36.81,0,0,1-9,.37,31.7,31.7,0,0,1-6.37-1.1,24,24,0,0,1-7.12-3.28,14.79,14.79,0,0,1-1.73-1.33l-.85-.74-.78-.82a19.33,19.33,0,0,1-2.78-3.69,30.37,30.37,0,0,1-2-4.07C109.8,343.06,109.36,341.65,108.89,340.21Z"/><path class="cls-12" d="M137.29,260.49C144,249.27,149.5,240,151.5,240.83c1,.4.82,3.3-.45,7.63a78.09,78.09,0,0,1-17.71,29.88c-3.19,3.19-5.66,4.71-6.48,4.06C125.2,281,130.66,271.75,137.29,260.49Z"/><path class="cls-12" d="M150.36,180c-3.32-14-7.15-25.25-5.2-26.23.93-.45,3.15,1.86,5.66,6.22a75.14,75.14,0,0,1,9.05,37.63c-.25,5-1.17,8.09-2.21,8.11C155.48,205.77,153.78,194,150.36,180Z"/><path class="cls-2" d="M444.61,469.61c26,26,14.79,78.17,15.55,115l-11.74-13a126.89,126.89,0,0,1-30.82,61.49,45.3,45.3,0,0,0-14.28-15.73,95.16,95.16,0,0,1-29.43,50.17,38.29,38.29,0,0,0-1.09-31.66,60.36,60.36,0,0,1-33,36.69,24.83,24.83,0,0,0,2.7-23.94c-12,20.29-46.33,20.91-59,1.06-.88,4-.23,9.28,3.86,9.62-17.23,2.65-33-4.61-44.86-17.39a29,29,0,0,0,9.61,18.79,52.63,52.63,0,0,1-43.78-29.08c-22.23,1.38-44.43-13.85-51.15-35.09a10.63,10.63,0,0,1-2.77,10.18C116,587.24,118.1,499.8,143.26,471c0,0,43.88,33.13,85.07,32.88,25.75-.15,55.88-19.8,85.76-19.93,25-.11,35.94,34.12,52,19.06C408.52,463.13,444.07,469.07,444.61,469.61Z"/><path class="cls-3" d="M461,579.41l-11.74-13a127,127,0,0,1-30.82,61.5,45.32,45.32,0,0,0-14.28-15.73,95.26,95.26,0,0,1-29.43,50.18,38.33,38.33,0,0,0-1.08-31.66,60.34,60.34,0,0,1-33,36.69,24.83,24.83,0,0,0,2.69-23.94c-12,20.3-46.33,20.91-59,1.07-.88,4,.12,18.77,4.22,19.12-17.23,2.65-33.36-14.1-45.22-26.89.68,7.17,2.47,20.1,7.87,24.85-18.36-.94-34.06-18.58-42.05-35.14-22.23,1.39-44.43-13.85-51.15-35.09a10.63,10.63,0,0,1-2.76,10.18c-13.27-6.74-22-21.38-26.76-38.85,17,12.38,37,20.88,56.73,28.49,13.42,5.16,27,10.08,41.15,12.66,13.72,2.49,27.74,2.75,41.69,3,38.71.67,79,1,114-15.61,10-4.76,20.61-12.93,20.26-24-.4-12.69-14.29-19.93-26.14-24.48,25.24-3.74,45.92-23.31,57.43-46.07a140.7,140.7,0,0,0,10.14-27.06l3.39,2.64C453.92,508.44,460.27,542.6,461,579.41Z"/><path class="cls-13" d="M279.44,484.79l-51.11,19.06-84.11-38.17a63.86,63.86,0,0,0-12.41,22,243.36,243.36,0,0,1,51,18,250.66,250.66,0,0,1,23.32,12.64c4.12,2.52,12.77,10.78,17.87,10.15a10.52,10.52,0,0,0,4.23-1.9c46.77-30.08,81.11-31.4,135.95-21.6l-25.77-15Z"/><path class="cls-14" d="M443.74,469.61C461,504.23,464.64,541.56,461,581.14l-11.74-13a126.89,126.89,0,0,1-30.82,61.49,45.3,45.3,0,0,0-14.28-15.73,95.16,95.16,0,0,1-29.43,50.17,38.29,38.29,0,0,0-1.09-31.66,60.36,60.36,0,0,1-33,36.69,24.83,24.83,0,0,0,2.7-23.94c-12,20.29-46.33,20.91-59,1.06-.88,4,6,20,2.13,21.75-17-7.82-31.27-16.74-43.13-29.52.69,7.17,2.46,21,7.87,25.72-18.36-.94-34.06-19.45-42.05-36-22.23,1.38-44.43-13.85-51.15-35.09a10.63,10.63,0,0,1-2.77,10.18c-38.41-19.5-36.36-105.21-11.2-134"/><path class="cls-15" d="M261.78,573.43a10.43,10.43,0,0,1-10.4-10.4V523.29a10.43,10.43,0,0,1,10.4-10.4h72.77a10.43,10.43,0,0,1,10.4,10.4V563a10.43,10.43,0,0,1-10.4,10.4"/><path class="cls-16" d="M346.68,527.62v12.33a10.43,10.43,0,0,0-9.53-6.26H264.38a10.43,10.43,0,0,0-10.4,10.4V571.5a10.29,10.29,0,0,1-.87-4.13V527.62a10.43,10.43,0,0,1,10.4-10.4h72.77A10.43,10.43,0,0,1,346.68,527.62Z"/><path class="cls-17" d="M297.73,509.18c7.51,0,14.84.05,21.92.16l10.42.19,2.54.06,1.26,0h.36l.53,0,1.06.08a17.57,17.57,0,0,1,7.76,2.86,17.26,17.26,0,0,1,7.6,13.23l0,1v.76l0,1.14-.09,2.26-.2,4.41c-.28,5.79-.59,11.18-.94,16.1s-.73,9.37-1.13,13.28l-.15,1.44-.19,1.61a13.71,13.71,0,0,1-.95,3.46,13,13,0,0,1-3.6,4.84,10.45,10.45,0,0,1-7.27,2.58c-1.75-.16-2.53-.78-2.52-1.27s.76-1,1.87-1.75a11.19,11.19,0,0,0,3.55-3.62,8,8,0,0,0,1-3,7.12,7.12,0,0,0,0-1.68l-.29-2.61c-.41-3.91-.79-8.36-1.13-13.28s-.66-10.31-.94-16.1l-.2-4.41-.09-2.26,0-1.14v-.29l0-.11a2,2,0,0,1,0-.2,3.62,3.62,0,0,0-1.85-2.5,3.46,3.46,0,0,0-1.47-.38l-4.35.1-10.42.19c-7.08.1-14.41.16-21.92.16s-14.84-.05-21.92-.16l-10.42-.19-4.35-.1a3.46,3.46,0,0,0-1.47.38,3.62,3.62,0,0,0-1.86,2.5,2,2,0,0,1,0,.2l0,.11v.29l0,1.14-.09,2.26-.2,4.41c-.28,5.79-.59,11.18-.94,16.1s-.73,9.37-1.13,13.28l-.29,2.61a7.13,7.13,0,0,0,0,1.68,8,8,0,0,0,1,3,11.2,11.2,0,0,0,3.55,3.62c1.1.73,1.87,1.19,1.87,1.75s-.78,1.11-2.52,1.27a10.45,10.45,0,0,1-7.27-2.58,13,13,0,0,1-3.6-4.84,13.71,13.71,0,0,1-.95-3.46l-.19-1.61-.15-1.44c-.41-3.91-.79-8.36-1.13-13.28s-.66-10.31-.94-16.1l-.2-4.41-.09-2.26,0-1.14v-.76l0-1a17.26,17.26,0,0,1,7.6-13.23,17.57,17.57,0,0,1,7.76-2.86l1.06-.08.53,0h.36l1.26,0,2.54-.06,10.42-.19C282.89,509.23,290.22,509.18,297.73,509.18Z"/><path class="cls-17" d="M302.86,552.58a54.43,54.43,0,0,0,5.71-1.73,48,48,0,0,0,5-2.23,39.67,39.67,0,0,0,7.71-5.1c2-1.73,3.52-3.4,4.81-4.61s2.25-2,3.11-1.78,1.44,1.34,1.56,3.45a17.79,17.79,0,0,1-2.29,8.39,29.29,29.29,0,0,1-8.6,9.58,38.08,38.08,0,0,1-6.48,3.82,42.55,42.55,0,0,1-7.57,2.62c-1.33.33-2.67.56-4,.77s-2.65.32-3.9.37a47.38,47.38,0,0,1-7.23-.2A41.23,41.23,0,0,1,279,563a23.64,23.64,0,0,1-7-4.26c-1.44-1.37-2-2.56-1.64-3.35.75-1.65,4.79-1.39,10.66-1.18,2.94.11,6.36.18,10.08,0,1.86-.1,3.8-.26,5.79-.51,1-.11,2-.3,2.95-.45S301.87,552.83,302.86,552.58Z"/><path class="cls-17" d="M155.46,490.33A39.37,39.37,0,0,0,156,500a41,41,0,0,0,3.15,9.52,42.44,42.44,0,0,1-5.84-8.6,43.67,43.67,0,0,1-3.52-10.15,47.59,47.59,0,0,1-1-11c0-.93.08-1.86.14-2.79s.15-1.87.31-2.81a36.46,36.46,0,0,1,1.21-5.8l10.41,4.56a25.27,25.27,0,0,0-2,3.8c-.33.69-.58,1.41-.87,2.12l-.76,2.2A40.47,40.47,0,0,0,155.46,490.33Z"/><path class="cls-17" d="M171.41,499.11c.85,7.6,4.25,15.18,9.15,21.74a48.54,48.54,0,0,1-14.67-20.41,39.56,39.56,0,0,1-2.34-13.25,35.77,35.77,0,0,1,2.72-13.91l10,5.38C172.32,484,170.54,491.58,171.41,499.11Z"/><path class="cls-17" d="M200.42,504.82a52.28,52.28,0,0,0,7.09,20.82,55.13,55.13,0,0,1-12.6-19.43,57.85,57.85,0,0,1-3.79-24l11.2,1.92A49.27,49.27,0,0,0,200.42,504.82Z"/><path class="cls-17" d="M389.49,500.65a28,28,0,0,1-.29,9c-.5,2.28-1.27,3.62-2,3.56-1.43-.14-2-5.52-2.82-12S383,489.45,384.35,489c.66-.22,1.72.9,2.74,3A28,28,0,0,1,389.49,500.65Z"/><path class="cls-17" d="M413.62,499.69a36.83,36.83,0,0,1-2.43,12.46c-1.23,3-2.53,4.66-3.17,4.43-1.37-.52.31-7.91.5-17s-1-16.59.39-17c.65-.19,1.87,1.5,2.94,4.59A36.83,36.83,0,0,1,413.62,499.69Z"/><path class="cls-17" d="M436.93,497a55.34,55.34,0,0,1,.52,9.45,45.63,45.63,0,0,1-.89,7.66c-.91,4.3-2.14,6.77-2.8,6.63-1.47-.31,0-10.64-1.89-23s-5.89-22-4.54-22.67c.6-.31,2.44,1.74,4.48,5.63a47.93,47.93,0,0,1,3,7.1A57.59,57.59,0,0,1,436.93,497Z"/><path class="cls-17" d="M164.59,595.73a42.25,42.25,0,0,1-.27-8.85,35.84,35.84,0,0,1,.53-3.82,26.8,26.8,0,0,1,.8-3.26c1.21-3.93,2.72-6,3.34-5.81s.45,2.69.21,6.47c-.06.95-.13,2-.14,3.08s0,2.28,0,3.51a62.81,62.81,0,0,0,2.26,15.79c.35,1.18.65,2.32,1,3.36s.68,2,1,2.92c1.29,3.56,2.22,5.84,1.61,6.27s-2.57-1.21-4.84-4.65a26.73,26.73,0,0,1-1.68-2.91,35.79,35.79,0,0,1-1.58-3.52A42.25,42.25,0,0,1,164.59,595.73Z"/><path class="cls-17" d="M197.49,609.93a54.89,54.89,0,0,1-.09-14.27c.47-3.6,1.18-5.78,1.87-5.77s1.28,2.24,1.74,5.77.81,8.37,1.53,13.54c.38,2.58.84,5,1.34,7.18.3,1.07.52,2.12.83,3.06l.4,1.38.43,1.26c1.09,3.22,2,5.28,1.36,5.73s-2.5-1-4.6-4.13l-.79-1.26c-.25-.45-.49-.93-.74-1.43a32.2,32.2,0,0,1-1.4-3.26A42.34,42.34,0,0,1,197.49,609.93Z"/><path class="cls-17" d="M236.71,616.79c-4.33-15.35-4.94-28.35-3.58-28.52s4.28,12.17,8.5,27.14,8.17,27,6.83,27.61S241,632.15,236.71,616.79Z"/><path class="cls-17" d="M346.34,623.13c1.94-6.48,3.3-12.56,4.5-17s2.2-7.12,2.9-7,.94,3,.66,7.6a81.29,81.29,0,0,1-3.17,17.86,60.46,60.46,0,0,1-3.75,9.43c-.76,1.38-1.45,2.7-2.24,3.86-.39.58-.75,1.15-1.13,1.68l-1.15,1.47c-3,3.7-5.58,5.28-6,4.83s1-2.91,3-6.82l.8-1.53.8-1.69c.58-1.15,1.08-2.45,1.67-3.76C344.27,629.38,345.35,626.36,346.34,623.13Z"/><path class="cls-17" d="M376.89,610.42c1.38-7.88,2.09-15.29,3-20.62s1.84-8.6,2.54-8.54,1.06,3.43,1.06,8.84a126.52,126.52,0,0,1-1.62,21.21,61.86,61.86,0,0,1-3.15,11.54,43.31,43.31,0,0,1-4.52,8.74c-3.21,4.66-6.17,6.64-6.63,6.19s1.33-3.26,3.49-8a69.42,69.42,0,0,0,3.21-8.5A91.9,91.9,0,0,0,376.89,610.42Z"/><path class="cls-17" d="M414,597.91c1.53-6.39,2.57-12.34,3.55-16.65s1.85-7,2.56-6.92,1.08,2.86,1,7.33a81.07,81.07,0,0,1-2.17,17.44,61.49,61.49,0,0,1-3.08,9.33c-.64,1.38-1.22,2.7-1.91,3.87-.33.59-.64,1.16-1,1.7l-1,1.51c-2.65,3.79-5,5.54-5.48,5.13s.65-2.93,2.32-6.87l.65-1.55.65-1.7c.48-1.16.88-2.44,1.36-3.77C412.32,604.08,413.18,601.1,414,597.91Z"/><path class="cls-17" d="M424.42,588.28c1.66-4,3-8,4.13-11.62.51-1.83,1.05-3.56,1.44-5.21s.79-3.18,1.12-4.59c1.28-5.65,2-9.25,2.7-9.22s1.27,3.73.87,9.75c-.11,1.5-.26,3.15-.54,4.9s-.63,3.62-1,5.57a78.08,78.08,0,0,1-9.93,23.93c-1.09,1.67-2.12,3.27-3.21,4.67s-2.1,2.71-3.09,3.84c-4,4.54-7,6.72-7.52,6.27s1.53-3.53,4.62-8.43c.77-1.23,1.62-2.56,2.46-4s1.74-3,2.67-4.7C420.89,596.06,422.73,592.32,424.42,588.28Z"/><path class="cls-18" d="M137,509.24c.76-3.74,2.77-6.36,4.11-5.94s1.6,3.5.9,7-2.17,6.21-3.58,6.05S136.26,513,137,509.24Z"/><path class="cls-18" d="M138.33,549.64a54.36,54.36,0,0,1-1.95-15.24c.12-3.95.78-6.35,1.46-6.36,1.47,0,2.42,9.33,5.42,20.26s6.83,19.45,5.58,20.21c-.59.34-2.39-1.39-4.5-4.73A53.49,53.49,0,0,1,138.33,549.64Z"/><path class="cls-14" d="M442.82,467.33A165.7,165.7,0,0,0,371,498.45c-3.11,2.36-6.43,4.93-10.32,5.07-4.14.15-7.78-2.48-11.25-4.75a88.22,88.22,0,0,0-21-10.34c-7.89-2.54-16.26-3.27-24.5-3.47s-16.56-.42-24.68.2a82.67,82.67,0,0,0-20.63,4.06,87.16,87.16,0,0,0-19.26,9.55c-3.47,2.26-7.11,4.89-11.25,4.75-3.9-.14-7.22-2.72-10.32-5.07a165.7,165.7,0,0,0-71.82-31.12"/><line class="cls-19" x1="228.33" y1="503.85" x2="263.97" y2="487.62"/><path class="cls-3" d="M219.34,122.68a55.94,55.94,0,0,1,29.93,12.77c.6-22.61-11.09-43.51-22.43-63.08A20.72,20.72,0,0,1,250,76.94a162.61,162.61,0,0,0-14.86-54.86c-4.94,2.27-6.38,8.48-7.16,13.85a673.21,673.21,0,0,0-6.9,86.47"/><path class="cls-12" d="M248.91,75a148.5,148.5,0,0,1,16.63,15.51,144.21,144.21,0,0,0-20.85-8.11,139.78,139.78,0,0,0-21.24-4.65l6.15-15.9A152.75,152.75,0,0,1,248.91,75Z"/><path class="cls-12" d="M246.73,129.61c7.6,7.08,14.49,15.09,19.26,24-7.16-7.34-15.61-12.79-24.45-17.26s-18.17-8-27.69-11.66l8.85-14.58C230.8,116.24,239.12,122.51,246.73,129.61Z"/><path class="cls-12" d="M41.67,334.64c5.88-2.52,11.18-5.31,15.27-7.08s6.9-2.54,7.48-1.65-1.16,3.21-4.57,6.22a58.45,58.45,0,0,1-15.18,9.57c-6.61,2.85-13.35,3.82-18.13,3.34s-7.5-2-7.33-3,2.94-1.5,7-2.42A86.51,86.51,0,0,0,41.67,334.64Z"/><path class="cls-3" d="M292,123.06A73,73,0,0,1,312.67,143a111.15,111.15,0,0,0,10.74-54.92l7.34,11.35A218.87,218.87,0,0,0,342,35.73c.18-6.89-.08-14.2-3.84-20a574.49,574.49,0,0,0-39.41,98"/><path class="cls-12" d="M329.81,92.79a148.49,148.49,0,0,1,8.38,21.15,144.21,144.21,0,0,0-15.36-16.27,139.76,139.76,0,0,0-17.2-13.31L318,72.64A152.73,152.73,0,0,1,329.81,92.79Z"/><path class="cls-12" d="M314.81,132.79a148.49,148.49,0,0,1,8.38,21.15,144.21,144.21,0,0,0-15.36-16.27,139.76,139.76,0,0,0-17.2-13.31L303,112.64A152.73,152.73,0,0,1,314.81,132.79Z"/><path class="cls-3" d="M400,125.72l3.05,20.6a98.07,98.07,0,0,0,40.39-35,165.29,165.29,0,0,1,1.82,34.87c18.29-2.58,31.49-18.24,42.86-32.79,3.7-4.74,7.52-9.73,8.59-15.65"/><path class="cls-12" d="M405.83,140.91a148.49,148.49,0,0,1-4.13,22.37,144.24,144.24,0,0,0-4.38-21.94,139.8,139.8,0,0,0-7.51-20.41l16.71-3.37A152.75,152.75,0,0,1,405.83,140.91Z"/><path class="cls-12" d="M448.83,134.91a148.49,148.49,0,0,1-4.13,22.37,144.24,144.24,0,0,0-4.38-21.94,139.8,139.8,0,0,0-7.51-20.41l16.71-3.37A152.75,152.75,0,0,1,448.83,134.91Z"/><path class="cls-3" d="M464.55,183.7a38,38,0,0,1-28.72,20.79c5,2.49,10.14,5,15.66,6,10.25,1.84,20.63-1.73,30.28-5.63,2.76-1.11,5.91-2.76,6.27-5.71.26-2.14-1.18-4.2-3-5.33a17.78,17.78,0,0,0-6.15-1.91c-5.36-1-11-2.31-14.88-6.17"/><path class="cls-3" d="M549.55,205.7a38,38,0,0,1-28.72,20.79c5,2.49,10.14,5,15.66,6,10.25,1.84,20.63-1.73,30.28-5.63,2.76-1.11,5.91-2.76,6.27-5.71.26-2.14-1.18-4.2-3-5.33a17.78,17.78,0,0,0-6.15-1.91c-5.36-1-11-2.31-14.88-6.17"/><path class="cls-12" d="M448.64,203.38a148.49,148.49,0,0,1-22,5.87,144.21,144.21,0,0,0,17.94-13.38,139.79,139.79,0,0,0,15.21-15.54L470,194A152.72,152.72,0,0,1,448.64,203.38Z"/><path class="cls-7" d="M78.71,199.41l45.52-11.52L88.55,104.62a7.19,7.19,0,0,1,8.74-9.7l119.89,37.21L232.28,11.3A7.19,7.19,0,0,1,246.1,9.55l46.43,116.84"/><path class="cls-7" d="M38.24,364.79,19.12,353.64A7.19,7.19,0,0,1,17.6,342.4L72,286.75a7.19,7.19,0,0,0-.88-10.82L7.93,229.45a7.19,7.19,0,0,1,2.5-12.76l44.73-11.32"/><path class="cls-7" d="M141.67,459l-75.42,5.37a7.19,7.19,0,0,1-7.12-10L83,398.2a7.19,7.19,0,0,0-3-9L53.83,373.89"/><path class="cls-7" d="M359.19,53.51,353.92,11.3A7.19,7.19,0,0,0,340.1,9.55L292.67,126.39"/><path class="cls-7" d="M490.47,195.11,462,187.9l35.69-83.27a7.19,7.19,0,0,0-8.74-9.7L369,132.13l-6.09-48.76"/><path class="cls-7" d="M511.25,417.2l-8.09-19a7.19,7.19,0,0,1,3-9l60.92-35.54a7.19,7.19,0,0,0,1.52-11.23l-54.39-55.65a7.19,7.19,0,0,1,.88-10.82l63.17-46.49a7.19,7.19,0,0,0-2.5-12.76L533.69,206l-16.76-4.24"/><path class="cls-7" d="M446.83,455.88l73.12,8.47a7.19,7.19,0,0,0,7.12-10l-7.48-17.57"/><path class="cls-12" d="M530.64,225.38a148.49,148.49,0,0,1-22,5.87,144.21,144.21,0,0,0,17.94-13.38,139.79,139.79,0,0,0,15.21-15.54L552,216A152.72,152.72,0,0,1,530.64,225.38Z"/><path class="cls-10" d="M350.55,248.54a42,42,0,0,1,7.24,3.77,31.91,31.91,0,0,1,5.16,4.21c2.66,2.74,3.69,5,3,5.76s-2.95.06-6.13-1.33l-5.47-2.47c-2-.9-4.28-1.87-6.65-2.83s-4.67-1.77-6.77-2.52l-5.67-2c-3.27-1.17-5.41-2.17-5.36-3.25s2.34-2,6.15-2.11a31.91,31.91,0,0,1,6.64.5A41.94,41.94,0,0,1,350.55,248.54Z"/><path class="cls-10" d="M387.87,278.37a26.41,26.41,0,0,1,4.24,10.33c.43,2.88,0,4.8-1,5.11s-2.39-1-4-3-3.49-5-5.6-8.13-4.06-6-5.38-8.27-2-4-1.3-4.85,2.6-.49,5.11,1A26.41,26.41,0,0,1,387.87,278.37Z"/><path class="cls-10" d="M513.06,362.54c7.17-4.16,14-5.44,14.87-3.54s-4.19,6.2-11,10.17-13.09,6.23-14.32,4.49S505.88,366.68,513.06,362.54Z"/><ellipse class="cls-10" cx="543.85" cy="350.52" rx="5.22" ry="3.83" transform="translate(-99.25 279.43) rotate(-26.49)"/><ellipse class="cls-10" cx="513.36" cy="253.47" rx="11.08" ry="3.83" transform="translate(-32.22 427.05) rotate(-43.93)"/><path class="cls-10" d="M222.9,474a12.54,12.54,0,0,1,6.13,4.21c1.17,1.61,1.35,3.07.67,3.86s-2.05.89-3.66.66a45.65,45.65,0,0,1-10.88-3.6c-1.43-.77-2.48-1.64-2.55-2.71s.94-2.1,2.84-2.7A12.54,12.54,0,0,1,222.9,474Z"/><path class="cls-10" d="M262.35,467.89a49.09,49.09,0,0,1,8.52-.84,37.07,37.07,0,0,1,7,.59c3.93.75,6.21,2,6.1,3s-2.51,1.75-6.16,2.39c-1.83.31-4,.66-6.35,1s-4.94.82-7.64,1.33-5.25,1.08-7.59,1.58-4.46,1-6.28,1.38c-3.63.75-6.11,1-6.61.05s1.17-2.92,4.55-5.06a37.07,37.07,0,0,1,6.26-3.12A49.09,49.09,0,0,1,262.35,467.89Z"/><rect class="cls-20" x="312.3" y="359.24" width="89" height="10"/><line class="cls-7" x1="312.3" y1="359.24" x2="401.3" y2="359.24"/><rect class="cls-20" x="187.3" y="359.24" width="89" height="10"/><line class="cls-7" x1="187.3" y1="359.24" x2="276.3" y2="359.24"/><path class="cls-7" d="M113.3,415.55a22.64,22.64,0,0,1,23-12.58"/><path class="cls-7" d="M473.26,415.55a22.64,22.64,0,0,0-23-12.58"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/moon.svg b/yunxi-ui-admin-vben/src/assets/icons/moon.svg
new file mode 100644
index 0000000..e6667f0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/moon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 499.712 499.712" style="enable-background: new 0 0 499.712 499.712;" xml:space="preserve">
+<path style="fill: #FFD93B;" d="M146.88,375.528c126.272,0,228.624-102.368,228.624-228.64c0-55.952-20.16-107.136-53.52-146.88
+	C425.056,33.096,499.696,129.64,499.696,243.704c0,141.392-114.608,256-256,256c-114.064,0-210.608-74.64-243.696-177.712
+	C39.744,355.368,90.944,375.528,146.88,375.528z"/>
+<path style="fill: #F4C534;" d="M401.92,42.776c34.24,43.504,54.816,98.272,54.816,157.952c0,141.392-114.608,256-256,256
+	c-59.68,0-114.448-20.576-157.952-54.816c46.848,59.472,119.344,97.792,200.928,97.792c141.392,0,256-114.608,256-256
+	C499.712,162.12,461.392,89.64,401.92,42.776z"/>
+<g>
+	<polygon style="fill: #FFD83B;" points="128.128,99.944 154.496,153.4 213.472,161.96 170.8,203.56 180.864,262.296
+		128.128,234.568 75.376,262.296 85.44,203.56 42.768,161.96 101.744,153.4"/>
+	<polygon style="fill: #FFD83B;" points="276.864,82.84 290.528,110.552 321.104,114.984 298.976,136.552 304.208,166.984
+		276.864,152.616 249.52,166.984 254.752,136.552 232.624,114.984 263.2,110.552"/>
+</g>
+</svg>
diff --git a/yunxi-ui-admin-vben/src/assets/icons/sun.svg b/yunxi-ui-admin-vben/src/assets/icons/sun.svg
new file mode 100644
index 0000000..a3997cb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/sun.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 60 60" style="enable-background: new 0 0 60 60;" xml:space="preserve">
+<g>
+	<path style="fill: #F0C419;" d="M30,0c-0.552,0-1,0.448-1,1v6c0,0.552,0.448,1,1,1s1-0.448,1-1V1C31,0.448,30.552,0,30,0z"/>
+	<path style="fill: #F0C419;" d="M30,52c-0.552,0-1,0.448-1,1v6c0,0.552,0.448,1,1,1s1-0.448,1-1v-6C31,52.448,30.552,52,30,52z"/>
+	<path style="fill: #F0C419;" d="M59,29h-6c-0.552,0-1,0.448-1,1s0.448,1,1,1h6c0.552,0,1-0.448,1-1S59.552,29,59,29z"/>
+	<path style="fill: #F0C419;" d="M8,30c0-0.552-0.448-1-1-1H1c-0.552,0-1,0.448-1,1s0.448,1,1,1h6C7.552,31,8,30.552,8,30z"/>
+	<path style="fill: #F0C419;" d="M46.264,14.736c0.256,0,0.512-0.098,0.707-0.293l5.736-5.736c0.391-0.391,0.391-1.023,0-1.414
+		s-1.023-0.391-1.414,0l-5.736,5.736c-0.391,0.391-0.391,1.023,0,1.414C45.752,14.639,46.008,14.736,46.264,14.736z"/>
+	<path style="fill: #F0C419;" d="M13.029,45.557l-5.736,5.736c-0.391,0.391-0.391,1.023,0,1.414C7.488,52.902,7.744,53,8,53
+		s0.512-0.098,0.707-0.293l5.736-5.736c0.391-0.391,0.391-1.023,0-1.414S13.42,45.166,13.029,45.557z"/>
+	<path style="fill: #F0C419;" d="M46.971,45.557c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414l5.736,5.736
+		C51.488,52.902,51.744,53,52,53s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414L46.971,45.557z"/>
+	<path style="fill: #F0C419;" d="M8.707,7.293c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414l5.736,5.736
+		c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414L8.707,7.293z"/>
+	<path style="fill: #F0C419;" d="M50.251,21.404c0.162,0.381,0.532,0.61,0.921,0.61c0.13,0,0.263-0.026,0.39-0.08l2.762-1.172
+		c0.508-0.216,0.746-0.803,0.53-1.311s-0.804-0.746-1.311-0.53l-2.762,1.172C50.272,20.309,50.035,20.896,50.251,21.404z"/>
+	<path style="fill: #F0C419;" d="M9.749,38.596c-0.216-0.508-0.803-0.746-1.311-0.53l-2.762,1.172
+		c-0.508,0.216-0.746,0.803-0.53,1.311c0.162,0.381,0.532,0.61,0.921,0.61c0.13,0,0.263-0.026,0.39-0.08l2.762-1.172
+		C9.728,39.691,9.965,39.104,9.749,38.596z"/>
+	<path style="fill: #F0C419;" d="M54.481,38.813L51.7,37.688c-0.511-0.207-1.095,0.041-1.302,0.553
+		c-0.207,0.512,0.041,1.095,0.553,1.302l2.782,1.124c0.123,0.049,0.25,0.073,0.374,0.073c0.396,0,0.771-0.236,0.928-0.626
+		C55.241,39.603,54.994,39.02,54.481,38.813z"/>
+	<path style="fill: #F0C419;" d="M5.519,21.188L8.3,22.312c0.123,0.049,0.25,0.073,0.374,0.073c0.396,0,0.771-0.236,0.928-0.626
+		c0.207-0.512-0.041-1.095-0.553-1.302l-2.782-1.124c-0.513-0.207-1.095,0.04-1.302,0.553C4.759,20.397,5.006,20.98,5.519,21.188z"
+		/>
+	<path style="fill: #F0C419;" d="M39.907,50.781c-0.216-0.508-0.803-0.745-1.311-0.53c-0.508,0.216-0.746,0.803-0.53,1.311
+		l1.172,2.762c0.162,0.381,0.532,0.61,0.921,0.61c0.13,0,0.263-0.026,0.39-0.08c0.508-0.216,0.746-0.803,0.53-1.311L39.907,50.781z"
+		/>
+	<path style="fill: #F0C419;" d="M21.014,9.829c0.13,0,0.263-0.026,0.39-0.08c0.508-0.216,0.746-0.803,0.53-1.311l-1.172-2.762
+		c-0.215-0.509-0.802-0.747-1.311-0.53c-0.508,0.216-0.746,0.803-0.53,1.311l1.172,2.762C20.254,9.6,20.625,9.829,21.014,9.829z"/>
+	<path style="fill: #F0C419;" d="M21.759,50.398c-0.511-0.205-1.095,0.04-1.302,0.553l-1.124,2.782
+		c-0.207,0.512,0.041,1.095,0.553,1.302c0.123,0.049,0.25,0.073,0.374,0.073c0.396,0,0.771-0.236,0.928-0.626l1.124-2.782
+		C22.519,51.188,22.271,50.605,21.759,50.398z"/>
+	<path style="fill: #F0C419;" d="M38.615,9.675c0.396,0,0.771-0.236,0.928-0.626l1.124-2.782c0.207-0.512-0.041-1.095-0.553-1.302
+		c-0.511-0.207-1.095,0.041-1.302,0.553L37.688,8.3c-0.207,0.512,0.041,1.095,0.553,1.302C38.364,9.651,38.491,9.675,38.615,9.675z"
+		/>
+</g>
+<circle style="fill: #F0C419;" cx="30" cy="30" r="20"/>
+<circle style="fill: #EDE21B;" cx="30" cy="30" r="15"/>
+</svg>
diff --git a/yunxi-ui-admin-vben/src/assets/icons/test.svg b/yunxi-ui-admin-vben/src/assets/icons/test.svg
new file mode 100644
index 0000000..244252d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/test.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 61 (89581) - https://sketch.com -->
+    <title>Icon1@3x</title>
+    <desc>Created with Sketch.</desc>
+    <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="系统首页" transform="translate(-419.000000, -136.000000)" fill="#0593FF">
+            <g id="1" transform="translate(234.000000, 120.000000)">
+                <g id="Total-Users">
+                    <g id="Icon1" transform="translate(185.000000, 16.000000)">
+                        <path d="M23,60 C10.2974508,60 1.55561363e-15,49.7025492 0,37 L0,23 C-1.55561363e-15,10.2974508 10.2974508,2.33342044e-15 23,0 L37,0 C49.7025492,-2.33342044e-15 60,10.2974508 60,23 L60,37 C60,49.7025492 49.7025492,60 37,60 L23,60 Z" id="Circle-2" opacity="0.209999993"></path>
+                        <g id="Group" transform="translate(14.000000, 18.000000)" fill-rule="nonzero">
+                            <path d="M24,6.66666667 C26.209139,6.66666667 28,8.45752767 28,10.6666667 C28,12.8758057 26.209139,14.6666667 24,14.6666667 C21.790861,14.6666667 20,12.8758057 20,10.6666667 C20,8.45752767 21.790861,6.66666667 24,6.66666667 Z M12,0 C14.9455187,0 17.3333333,2.38781467 17.3333333,5.33333333 C17.3333333,8.278852 14.9455187,10.6666667 12,10.6666667 C9.05448133,10.6666667 6.66666667,8.278852 6.66666667,5.33333333 C6.66666667,2.38781467 9.05448133,0 12,0 Z" id="Combined-Shape" opacity="0.587820871"></path>
+                            <path d="M23.4686027,16.0012776 L23.3172917,16 C27.927838,16 31.7158139,18.2931929 31.9979916,23.2 C32.0092328,23.3954741 31.9979916,24 31.2745999,24 L26.1333333,24 L26.1333333,24 C26.1333333,20.9989578 25.1418595,18.2294867 23.4686027,16.0012776 Z M11.9777884,13.3333333 C18.3616218,13.3333333 23.6065116,16.3909238 23.9972191,22.9333333 C24.0127839,23.1939654 23.9972191,24 22.9955999,24 L0.97000297,24 L0.97000297,24 C0.635616207,24 -0.027282334,23.2789066 0.000868912387,22.932274 C0.517678033,16.5686878 5.6825498,13.3333333 11.9777884,13.3333333 Z" id="Combined-Shape"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/total-sales.svg b/yunxi-ui-admin-vben/src/assets/icons/total-sales.svg
new file mode 100644
index 0000000..eff7964
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/total-sales.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 445 271.8"><defs><style>.cls-1{fill:#32caf8;}.cls-2{fill:#00aaf8;opacity:0.5;}.cls-3{fill:#fff;}.cls-4{fill:#426572;}</style></defs><title>Asset 500</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect class="cls-1" x="6" y="8.17" width="433" height="259.8" rx="12" ry="12"/><path class="cls-2" d="M439,21.16V255a13,13,0,0,1-13,13H28.72l381-259.8H426A13,13,0,0,1,439,21.16Z"/><path class="cls-3" d="M328,33.24h88.92c3.86,0,3.87-6,0-6H328c-3.86,0-3.87,6,0,6Z"/><path class="cls-3" d="M283.49,33.24H312.6c3.86,0,3.87-6,0-6H283.49c-3.86,0-3.87,6,0,6Z"/><path class="cls-4" d="M427,271.8H18a18,18,0,0,1-18-18V18A18,18,0,0,1,18,0H427a18,18,0,0,1,18,18V253.8A18,18,0,0,1,427,271.8ZM18,12a6,6,0,0,0-6,6V253.8a6,6,0,0,0,6,6H427a6,6,0,0,0,6-6V18a6,6,0,0,0-6-6Z"/><rect class="cls-4" x="37.89" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="55.93" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="73.97" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="92.01" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="118.71" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="136.76" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="154.8" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="172.84" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="199.54" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="217.58" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="235.63" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="253.67" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="280.37" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="298.41" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="316.45" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="334.49" y="125.08" width="12" height="20.57"/><rect class="cls-4" x="43.89" y="177.53" width="161.29" height="12"/><rect class="cls-4" x="43.89" y="204.59" width="68.2" height="12"/><circle class="cls-3" cx="379.46" cy="207.35" r="23.82"/><rect class="cls-3" x="43.89" y="36.31" width="72.53" height="47.63" rx="12" ry="12"/><path class="cls-4" d="M104.42,88.86H55.89a18,18,0,0,1-18-18V47.23a18,18,0,0,1,18-18h48.53a18,18,0,0,1,18,18V70.86A18,18,0,0,1,104.42,88.86ZM55.89,41.23a6,6,0,0,0-6,6V70.86a6,6,0,0,0,6,6h48.53a6,6,0,0,0,6-6V47.23a6,6,0,0,0-6-6Z"/><path class="cls-4" d="M379.46,241.49a29.81,29.81,0,1,1,29.82-29.82A29.85,29.85,0,0,1,379.46,241.49Zm0-47.63a17.81,17.81,0,1,0,17.82,17.81A17.84,17.84,0,0,0,379.46,193.86Z"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/transaction.svg b/yunxi-ui-admin-vben/src/assets/icons/transaction.svg
new file mode 100644
index 0000000..7ba9e2f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/transaction.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 392.49 390.69"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#f3aa9f;}.cls-3{fill:#e1978f;}.cls-4,.cls-6{fill:#426572;}.cls-5{fill:#e1d2d5;}.cls-6{font-size:100.43px;font-family:Dosis-ExtraBold, Dosis;font-weight:700;}</style></defs><title>Asset 480</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M383.9,162H199.69V2.19q4-.19,8.16-.19A176.87,176.87,0,0,1,383.9,162Z"/><path class="cls-2" d="M355.38,210a176.83,176.83,0,0,1-95.72,157.18l-.15.07A176.88,176.88,0,1,1,101.72,50.67l.15-.07a175.93,175.93,0,0,1,72.82-17.4V191H354.37A177.9,177.9,0,0,1,355.38,210Z"/><path class="cls-3" d="M357.53,212.16a176,176,0,0,1-17.44,76.66,1,1,0,0,1-.07.15A176.89,176.89,0,0,1,73.47,352.79l1.23.38q6,1.86,12.26,3.29A177,177,0,0,0,303.49,191h52.78A178.15,178.15,0,0,1,357.53,212.16Z"/><path class="cls-4" d="M182.85,390.69a182.87,182.87,0,0,1-84-345.31l.41-.2a180.59,180.59,0,0,1,75.13-20l6.27-.28V185H364.36l.51,5.44c.54,5.77.82,11.62.82,17.4a180.72,180.72,0,0,1-20.18,83.56c-.06.12-.12.26-.2.41a184.39,184.39,0,0,1-83,80.77l-.18.08,0,0A181.06,181.06,0,0,1,182.85,390.69ZM104.33,56.08A170.88,170.88,0,0,0,256.9,361.85l.17-.08,0,0a172.34,172.34,0,0,0,77.5-75.38l.15-.29a168.84,168.84,0,0,0,18.93-78.23c0-3.6-.11-7.23-.34-10.84H168.69V37.58a168.41,168.41,0,0,0-64.07,18.35Z"/><path class="cls-5" d="M382.9,158H309.11c-2.89-46.4-18.43-98.49-36.89-144.29l1.33.51a177.49,177.49,0,0,1,92.51,83.56A175.63,175.63,0,0,1,382.9,158Z"/><path class="cls-4" d="M392.49,172H195.69V.47L201.4.2C204.11.07,207,0,209.85,0a182.87,182.87,0,0,1,182,165.44Zm-184.8-12H379.18A170.89,170.89,0,0,0,209.85,12h-2.16Z"/><text class="cls-6" transform="translate(232.67 133.93)">%</text><path class="cls-1" d="M101.22,81.14a166.34,166.34,0,0,1,34.83-18c3.58-1.34,2-7.14-1.6-5.79A172.89,172.89,0,0,0,98.19,76c-3.18,2.15-.18,7.35,3,5.18Z"/><path class="cls-1" d="M36.28,166.34c2.62-8.63,6.74-16.94,11.05-24.83A180.58,180.58,0,0,1,87.86,91.34c2.93-2.52-1.33-6.75-4.24-4.24-23.3,20.06-44.07,47.84-53.12,77.65-1.12,3.7,4.67,5.29,5.79,1.6Z"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/icons/visit-count.svg b/yunxi-ui-admin-vben/src/assets/icons/visit-count.svg
new file mode 100644
index 0000000..ba2a306
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/icons/visit-count.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 419.23 419.23"><defs><style>.cls-1{fill:#fbc907;}.cls-2{fill:#f3a70f;}.cls-3{fill:#426572;}.cls-4,.cls-9{fill:#fff;}.cls-5{fill:#e8e8e8;}.cls-6{fill:#dadada;}.cls-7{opacity:0.1;}.cls-8{fill:#55e0ff;}.cls-9{opacity:0.4;}</style></defs><title>Asset 510</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="210.66" cy="209.62" r="203.61"/><path class="cls-2" d="M27.21,209.62A203.61,203.61,0,0,1,220.72,6.26q-5-.25-10.08-.25C98.19,4.86,6.11,95.09,5,207.54S94.05,412.07,206.5,413.21q2.07,0,4.13,0,5.06,0,10.08-.25A203.61,203.61,0,0,1,27.21,209.62Z"/><path class="cls-3" d="M209.61,419.23C94,419.23,0,325.19,0,209.61S94,0,209.61,0,419.23,94,419.23,209.61,325.19,419.23,209.61,419.23Zm0-407.23C100.65,12,12,100.65,12,209.61s88.65,197.61,197.61,197.61,197.61-88.65,197.61-197.61S318.58,12,209.61,12Z"/><path class="cls-4" d="M111.69,60.1a195,195,0,0,1,41.08-21.2c3.59-1.34,2-7.14-1.6-5.79a201.47,201.47,0,0,0-42.51,21.8c-3.18,2.15-.18,7.35,3,5.18Z"/><path class="cls-4" d="M35.09,160.61c3.09-10.2,8-20,13.05-29.32A212.37,212.37,0,0,1,95.87,72.18c2.93-2.52-1.33-6.75-4.24-4.24A217.08,217.08,0,0,0,43,128.26C37.63,138,32.54,148.34,29.31,159c-1.12,3.7,4.67,5.29,5.79,1.6Z"/><circle class="cls-5" cx="211.45" cy="212.12" r="156.89"/><path class="cls-6" d="M67.05,232.07a156.89,156.89,0,0,1,283.33-92.82A156.91,156.91,0,1,0,85,304.92,156.19,156.19,0,0,1,67.05,232.07Z"/><path class="cls-5" d="M211.32,152.25h0a9.16,9.16,0,0,1,9.16,9.16V210.5a9.16,9.16,0,0,1-9.16,9.16h0a9.16,9.16,0,0,1-9.16-9.16V161.41A9.16,9.16,0,0,1,211.32,152.25Z"/><circle class="cls-5" cx="211.14" cy="221.32" r="15.94"/><path class="cls-3" d="M210.48,92.62c6.29,0,6.29-9.77,0-9.77S204.19,92.62,210.48,92.62Z"/><path class="cls-3" d="M210.48,343.89c6.29,0,6.29-9.77,0-9.77S204.19,343.89,210.48,343.89Z"/><path class="cls-3" d="M339.84,218.25c6.29,0,6.29-9.77,0-9.77S333.55,218.25,339.84,218.25Z"/><path class="cls-3" d="M81.13,218.25c6.29,0,6.29-9.77,0-9.77S74.84,218.25,81.13,218.25Z"/><path class="cls-3" d="M205.56,153.32h0a9.16,9.16,0,0,1,9.16,9.16v49.09a9.16,9.16,0,0,1-9.16,9.16h0a9.16,9.16,0,0,1-9.16-9.16V162.49A9.16,9.16,0,0,1,205.56,153.32Z"/><circle class="cls-3" cx="205.38" cy="221.15" r="15.94"/><path class="cls-3" d="M135.78,272.58l135.16-89.89L290.11,170c5.22-3.46.33-11.94-4.92-8.44L150,251.4l-19.17,12.74C125.64,267.6,130.52,276.08,135.78,272.58Z"/><g class="cls-7"><ellipse class="cls-8" cx="210.2" cy="211.21" rx="156.89" ry="154.23"/></g><path class="cls-9" d="M243.13,60.17,84.37,301.88a162.18,162.18,0,0,1-18.58-47.29L193.5,60.21a153.88,153.88,0,0,1,49.67,0Z"/><path class="cls-9" d="M289.69,72.6,115.93,325.78a155.09,155.09,0,0,1-14.77-15L270,64.76A155.38,155.38,0,0,1,289.69,72.6Z"/><path class="cls-9" d="M362.16,171.75h0L232.51,360.68h0a160.93,160.93,0,0,1-42.54.43L346.63,132.84A151.63,151.63,0,0,1,362.16,171.75Z"/><path class="cls-3" d="M210.12,369.75c-89.82,0-162.89-71.88-162.89-160.23S120.31,49.29,210.12,49.29,373,121.17,373,209.52,299.94,369.75,210.12,369.75Zm0-308.46c-83.2,0-150.89,66.5-150.89,148.23s67.69,148.23,150.89,148.23S361,291.25,361,209.52,293.32,61.29,210.12,61.29Z"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/demo.png b/yunxi-ui-admin-vben/src/assets/images/demo.png
new file mode 100644
index 0000000000000000000000000000000000000000..1a45c9835b7b2c708c114b04fb445e6ef00d8827
GIT binary patch
literal 33342
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

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/src/assets/images/header.jpg b/yunxi-ui-admin-vben/src/assets/images/header.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..977584b6877cf4abc6c3e3a3d51bfbb0d474da74
GIT binary patch
literal 16880
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
K^riIu-2VXLS6svZ

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/src/assets/images/logo.png b/yunxi-ui-admin-vben/src/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed86d4dad8d3e1e1ee37d015d982269a9998f7ad
GIT binary patch
literal 29168
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
CobQkT

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_app.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_app.svg
new file mode 100644
index 0000000..ebf1188
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_app.svg
@@ -0,0 +1 @@
+<svg t="1627279997305" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11904" width="40" height="40"><path d="M938.7008 669.525333L938.7008 249.412267c0-90.555733-73.5232-164.078933-164.1472-164.078933L249.378133 85.333333c-90.555733 0-164.078933 73.48906699-164.078933 164.078933l0 525.2096c0 90.555733 73.454933 164.078933 164.07893301 164.078933l525.20959999 0c80.725333 0 147.8656-58.368 161.553067-135.099733-43.52-18.8416-232.106667-100.283733-330.376533-147.182933-74.786133 90.589867-153.088 144.930133-271.121067 144.930133s-196.81279999-72.704-187.357867-161.655467c6.2464-58.402133 46.2848-153.9072 220.296533-137.5232 91.682133 8.6016 133.666133 25.736533 208.418133 50.414933 19.3536-35.4304 35.4304-74.513067 47.616-116.0192L292.0448 436.565333l0-32.8704 164.0448 0 0-58.9824L256 344.712533l1e-8-36.181333 200.12373299 0L456.123733 223.3344c0 0 1.809067-13.312 16.520533-13.31200001l82.056533 1e-8 0 98.474667 213.333333 0 0 36.181333-213.333333 1e-8 0 58.98239999 174.045867 0c-16.00853301 65.1264-40.277333 124.962133-70.690133 177.220267C708.608 599.176533 938.7008 669.525333 938.7008 669.525333L938.7008 669.525333 938.7008 669.525333 938.7008 669.525333zM321.57013299 744.994133c-124.7232 0-144.452267-78.7456-137.83039999-111.65013299 6.5536-32.733867 42.666667-75.502933 112.0256-75.50293301 79.6672 0 151.04 20.445867 236.714667 62.088533C472.302933 698.333867 398.370133 744.994133 321.57013299 744.994133L321.57013299 744.994133 321.57013299 744.994133zM321.57013299 744.994133" fill="#1296db" p-id="11905"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_bar.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_bar.svg
new file mode 100644
index 0000000..eb1e1e8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_bar.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627279586085" class="icon" viewBox="0 0 1036 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6737" xmlns:xlink="http://www.w3.org/1999/xlink" width="40.46875" height="40"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff2") format("woff2"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff") format("woff"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.ttf") format("truetype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.svg#iconfont") format("svg"); }
+</style></defs><path d="M27.587124 336.619083h69.148134a13.978733 13.978733 0 0 0 13.79235-13.978733V13.989916A13.978733 13.978733 0 0 0 96.735258 0.011183H27.587124a13.978733 13.978733 0 0 0-13.792351 13.978733v308.650434a13.978733 13.978733 0 0 0 13.792351 13.978733z m165.880969 0h27.584701a13.978733 13.978733 0 0 0 13.79235-13.978733V13.989916a13.978733 13.978733 0 0 0-13.79235-13.978733h-27.584701a13.978733 13.978733 0 0 0-13.79235 13.978733v308.650434a13.978733 13.978733 0 0 0 13.79235 13.978733z m138.109886 322.629167h-110.525185a27.771084 27.771084 0 0 0-27.584701 28.14385v111.829867a27.771084 27.771084 0 0 0 27.584701 28.14385h110.525185a27.957467 27.957467 0 0 0 27.584701-28.14385v-111.829867a27.957467 27.957467 0 0 0-27.584701-28.14385z m484.596091-322.629167h27.584701a13.978733 13.978733 0 0 0 13.79235-13.978733V13.989916a13.978733 13.978733 0 0 0-14.537883-13.978733h-27.5847a13.978733 13.978733 0 0 0-13.978734 13.978733v308.650434a13.978733 13.978733 0 0 0 13.978734 13.978733z m-469.871825 0H428.68358a13.978733 13.978733 0 0 0 13.792351-13.978733V13.989916A13.978733 13.978733 0 0 0 428.68358 0.011183h-83.126867a13.978733 13.978733 0 0 0-13.792351 13.978733v308.650434a13.978733 13.978733 0 0 0 13.792351 13.978733z m594.189361 0h69.148134a13.978733 13.978733 0 0 0 13.792351-13.978733V13.989916a13.978733 13.978733 0 0 0-14.537883-13.978733h-69.148135a13.978733 13.978733 0 0 0-13.79235 13.978733v308.650434a13.978733 13.978733 0 0 0 13.79235 13.978733z m-412.279444 126.181367H66.91396A67.470687 67.470687 0 0 0 0.002423 530.830286v425.139878a67.470687 67.470687 0 0 0 66.911537 68.029836h418.802853a67.470687 67.470687 0 0 0 66.911537-68.029836V487.775787a24.788954 24.788954 0 0 0-24.416188-24.975337z m-58.337914 433.899885a42.681733 42.681733 0 0 1-42.495349 43.054498H125.438257a42.681733 42.681733 0 0 1-42.495349-43.054498V590.100115a42.681733 42.681733 0 0 1 42.495349-43.054498h301.940642a42.681733 42.681733 0 0 1 42.495349 43.054498z m525.22761-433.899885a41.749817 41.749817 0 0 0-41.377051 42.122583v55.914934a41.377051 41.377051 0 1 0 82.940485 0v-55.914934a41.749817 41.749817 0 0 0-41.563434-42.122583z m0 223.659734a41.749817 41.749817 0 0 0-41.377051 42.122584V894.65012a45.477479 45.477479 0 0 1-45.291096 45.850246h-159.730327a43.240882 43.240882 0 0 0-43.613649 37.276622A41.9362 41.9362 0 0 0 745.534871 1024h233.538039a57.778765 57.778765 0 0 0 57.405999-58.337914V729.3283a41.749817 41.749817 0 0 0-41.377051-41.9362zM732.488053 322.64035V13.989916a13.978733 13.978733 0 0 0-13.79235-13.978733h-82.940485a13.978733 13.978733 0 0 0-13.79235 13.978733v308.650434a13.978733 13.978733 0 0 0 13.79235 13.978733h82.940485a13.978733 13.978733 0 0 0 13.79235-13.978733zM532.126208 0.011183c-11.36937 0-20.688525 6.337026-20.688526 13.978733v308.650434c0 7.828091 9.319156 13.978733 20.688526 13.978733s20.688525-6.337026 20.688525-13.978733V13.989916c0-7.641708-9.319156-13.978733-20.688525-13.978733z" p-id="6738" fill="#1977FD"></path><path d="M745.534871 462.80045a41.749817 41.749817 0 0 0-41.377051 42.122583v252.549117a41.377051 41.377051 0 1 0 82.940485 0V504.923033A41.749817 41.749817 0 0 0 745.534871 462.80045" p-id="6739" fill="#1977FD"></path></svg>
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_pc.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_pc.svg
new file mode 100644
index 0000000..2a75277
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_pc.svg
@@ -0,0 +1 @@
+<svg t="1627279878333" class="icon" viewBox="0 0 1285 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8535" width="40" height="40"><path d="M1141.76 855.04h-286.72c0 40.96 30.72 71.68 71.68 71.68h107.52c20.48 0 35.84 15.36 35.84 35.84s-15.36 35.84-35.84 35.84h-783.36c-20.48 0-35.84-15.36-35.84-35.84s15.36-35.84 35.84-35.84h107.52c40.96 0 71.68-30.72 71.68-71.68h-286.72c-76.8 0-143.36-61.44-143.36-143.36v-568.32c0-76.8 61.44-143.36 143.36-143.36h993.28c76.8 0 143.36 61.44 143.36 143.36v568.32c5.12 76.8-56.32 143.36-138.24 143.36z m71.68-711.68c0-40.96-30.72-71.68-71.68-71.68h-993.28c-40.96 0-71.68 30.72-71.68 71.68v568.32c0 40.96 30.72 71.68 71.68 71.68h993.28c40.96 0 71.68-30.72 71.68-71.68v-568.32z m-143.36 568.32h-855.04c-40.96 0-71.68-30.72-71.68-71.68v-424.96c0-40.96 30.72-71.68 71.68-71.68h855.04c40.96 0 71.68 30.72 71.68 71.68v424.96c0 40.96-30.72 71.68-71.68 71.68z" p-id="8536" fill="#1977FD"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_qr.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_qr.svg
new file mode 100644
index 0000000..4833750
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_qr.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627279238245" class="icon" viewBox="0 0 1115 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4112" width="43.5546875" height="40" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff2") format("woff2"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff") format("woff"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.ttf") format("truetype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.svg#iconfont") format("svg"); }
+</style></defs><path d="M751.388 68.267a34.133 34.133 0 0 1 0-68.267h227.556a91.022 91.022 0 0 1 91.022 91.022v227.556a34.133 34.133 0 1 1-68.266 0V91.022a22.756 22.756 0 0 0-22.756-22.755H751.388M1001.7 705.422a34.133 34.133 0 0 1 68.266 0v227.556A91.022 91.022 0 0 1 978.944 1024H748.885a34.133 34.133 0 0 1 0-68.267H978.49a22.756 22.756 0 0 0 22.755-22.755V705.422M364.09 955.733a34.133 34.133 0 1 1 0 68.267H136.533a91.022 91.022 0 0 1-91.022-91.022V705.422a34.133 34.133 0 0 1 68.267 0v227.556a22.756 22.756 0 0 0 22.755 22.755H364.09M113.778 318.578a34.133 34.133 0 1 1-68.267 0V91.022A91.022 91.022 0 0 1 136.533 0H364.09a34.133 34.133 0 0 1 0 68.267H136.533a22.756 22.756 0 0 0-22.755 22.755v227.556M34.133 477.867a34.133 34.133 0 0 0 0 68.266h168.619v-68.266z m1046.756 0H912.27v68.266h168.619a34.133 34.133 0 0 0 0-68.266zM202.752 157.24h709.746v320.627H202.752z m0 388.893h709.746V866.76H202.752z" fill="#1977FD" p-id="4113"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_wap.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_wap.svg
new file mode 100644
index 0000000..87075db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/alipay_wap.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1645964864184" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8460" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40"><defs><style type="text/css"></style></defs><path d="M768.3 0 255.7 0c-70.8 0-128.1 57.4-128.1 128.1l0 767.8c0 70.8 57.4 128.1 128.1 128.1L512 1024l256.3 0c70.8 0 128.1-57.4 128.1-128.1L896.4 128.1C896.4 57.3 839 0 768.3 0zM383.9 96.1c0-17.7 14.3-32 32-32l192.2 0c17.7 0 32 14.3 32 32l0 0c0 17.7-14.3 32-32 32L415.9 128.1C398.2 128.1 383.9 113.8 383.9 96.1L383.9 96.1zM512 959.9 512 959.9 512 959.9c-35.4 0-64.1-28.8-64.1-64.1 0-35.4 28.7-64.1 64.1-64.1l0 0 0 0c35.4 0 64.1 28.7 64.1 64.1C576.1 931.1 547.4 959.9 512 959.9zM832.3 755.6c0 6.7-5.4 12.2-12.2 12.2L203.9 767.8c-6.7 0-12.2-5.4-12.2-12.2L191.7 204.3c0-6.7 5.4-12.2 12.2-12.2l616.3 0c6.7 0 12.2 5.4 12.2 12.2L832.4 755.6z" p-id="8461" fill="#1977FD"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/mock.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/mock.svg
new file mode 100644
index 0000000..27b09ea
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/mock.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1676209854312" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3033" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M173.077333 362.666667l91.114667-214.677334a65.6 65.6 0 0 1 86.016-34.773333c11.584 4.906667 24.96 10.282667 40.896 16.448 8.277333 3.2 16.789333 6.464 27.904 10.666667 28.202667 10.709333 39.296 14.933333 46.144 17.642666l51.477333-51.669333c28.181333-28.16 74.112-27.946667 102.570667 0.533333l195.925333 195.925334c16.426667 16.426667 23.445333 38.634667 21.056 59.904H896a42.666667 42.666667 0 0 1 42.666667 42.666666v490.666667a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667V405.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h45.077333z m48.96 0h39.104l169.194667-169.770667-27.328-10.389333c-11.2-4.245333-19.818667-7.530667-28.224-10.794667a1459.2 1459.2 0 0 1-42.197333-17.002667 20.522667 20.522667 0 0 0-26.901334 10.88L222.037333 362.666667z m108.842667 0h454.954667a23.509333 23.509333 0 0 0-5.290667-25.322667l-195.925333-195.925333a23.36 23.36 0 0 0-33.024-0.213334L330.88 362.666667zM128 405.333333v490.666667h768V405.333333H128z m597.333333 320a85.333333 85.333333 0 1 1 0-170.666666 85.333333 85.333333 0 0 1 0 170.666666z m0-42.666666a42.666667 42.666667 0 1 0 0-85.333334 42.666667 42.666667 0 0 0 0 85.333334z" fill="#4296d5" p-id="3034"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_app.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_app.svg
new file mode 100644
index 0000000..ad40b2a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_app.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627279375144" class="icon" viewBox="0 0 1115 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4399" width="43.5546875" height="40" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff2") format("woff2"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff") format("woff"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.ttf") format("truetype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.svg#iconfont") format("svg"); }
+</style></defs><path d="M751.388 68.267a34.133 34.133 0 0 1 0-68.267h227.556a91.022 91.022 0 0 1 91.022 91.022v227.556a34.133 34.133 0 1 1-68.266 0V91.022a22.756 22.756 0 0 0-22.756-22.755H751.388M1001.7 705.422a34.133 34.133 0 0 1 68.266 0v227.556A91.022 91.022 0 0 1 978.944 1024H748.885a34.133 34.133 0 0 1 0-68.267H978.49a22.756 22.756 0 0 0 22.755-22.755V705.422M364.09 955.733a34.133 34.133 0 1 1 0 68.267H136.533a91.022 91.022 0 0 1-91.022-91.022V705.422a34.133 34.133 0 0 1 68.267 0v227.556a22.756 22.756 0 0 0 22.755 22.755H364.09M113.778 318.578a34.133 34.133 0 1 1-68.267 0V91.022A91.022 91.022 0 0 1 136.533 0H364.09a34.133 34.133 0 0 1 0 68.267H136.533a22.756 22.756 0 0 0-22.755 22.755v227.556M34.133 477.867a34.133 34.133 0 0 0 0 68.266h168.619v-68.266z m1046.756 0H912.27v68.266h168.619a34.133 34.133 0 0 0 0-68.266zM202.752 157.24h709.746v320.627H202.752z m0 388.893h709.746V866.76H202.752z" fill="#04C361" p-id="4400"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_lite.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_lite.svg
new file mode 100644
index 0000000..0c925cf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_lite.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1676209433089" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2990" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M608.6 290.3c67.1 0 121.7 50.5 121.7 112.9 0 19.4-5.6 38.4-15.7 55.5-15.3 25-39.8 43.5-69.4 52.3-7.9 2.3-13.9 3.2-19.4 3.2-13 0-23.1-10.2-23.1-23.1 0-13 10.2-23.1 23.1-23.1 0.9 0 2.8 0 5.1-0.9 19.9-5.6 35.6-17.1 44.4-32.4 6-9.7 8.8-20.4 8.8-31.5 0-36.6-33.8-66.6-75-66.6-14.4 0-28.2 3.7-40.7 10.6-21.8 12.5-34.7 33.3-34.7 56v193.9c0 39.3-21.8 75.4-57.9 95.8-19.4 11.1-41.2 16.7-63.4 16.7-67.1 0-121.7-50.5-121.7-112.9 0-19.4 5.6-38.4 15.7-55.5 15.3-25 39.8-43.5 69.4-52.3 8.3-2.3 13.9-3.2 19.4-3.2 13 0 23.1 10.2 23.1 23.1 0 13-10.2 23.1-23.1 23.1-0.9 0-2.8 0-5.1 0.9-19.9 6-35.6 17.6-44.4 32.4-6 9.7-8.8 20.4-8.8 31.5 0 36.6 33.8 66.6 75.4 66.6 14.4 0 28.2-3.7 40.7-10.6 21.8-12.5 34.7-33.3 34.7-56V403.3c0-39.3 21.8-75.4 57.9-95.8 19-11.6 40.7-17.2 63-17.2zM510.8 929c231.1 0 418.4-187.3 418.4-418.4S741.9 92.1 510.8 92.1 92.4 279.5 92.4 510.6 279.7 929 510.8 929z m0 22C267.5 951 70.3 753.8 70.3 510.6S267.5 70.1 510.8 70.1s440.5 197.2 440.5 440.5S754.1 951 510.8 951z" p-id="2991" fill="#58bf6b"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_pub.svg b/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_pub.svg
new file mode 100644
index 0000000..3a6d15b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/images/pay/icon/wx_pub.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627279797174" class="icon" viewBox="0 0 1260 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7665" xmlns:xlink="http://www.w3.org/1999/xlink" width="49.21875" height="40"><defs><style type="text/css">@font-face { font-family: feedback-iconfont; src: url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff2") format("woff2"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.woff") format("woff"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.ttf") format("truetype"), url("//at.alicdn.com/t/font_1031158_1uhr8ri0pk5.svg#iconfont") format("svg"); }
+</style></defs><path d="M797.14798 481.753a269.194 269.194 0 0 0 102.892-211.929C900.03998 120.99 779.02998 0 630.15698 0 481.28298 0 360.27398 120.99 360.27398 269.824c0 85.878 40.33 162.462 102.912 211.929A450.974 450.974 0 0 0 309.84198 582.774c-85.543 85.524-132.608 199.208-132.608 320.236 0 25.01 0 51.712 0.197 76.367a44.898 44.898 0 0 0 44.82 44.623h816.01a44.8 44.8 0 0 0 44.82-44.623V903.01c0-121.009-47.066-234.732-132.609-320.236a451.072 451.072 0 0 0-153.344-101.021z" p-id="7666" fill="#04C361"></path><path d="M1186.18898 580.391A378.644 378.644 0 0 0 1061.81198 473.03a223.783 223.783 0 0 0 64.237-157.657c0-49.742-15.872-96.67-45.746-136.074A225.34 225.34 0 0 0 964.70998 99.9a37.297 37.297 0 0 0-46.14 25.718c-5.592 19.89 5.79 40.724 25.6 46.356 63.114 18.196 107.363 77.135 107.363 143.4a148.913 148.913 0 0 1-81.23 133.06 38.065 38.065 0 0 0-20.363 36.608c1.32 15.203 11.58 28.16 25.975 32.65 125.479 39.601 209.703 155.038 209.703 287.173v63.074c0 20.638 16.62 37.534 37.16 37.711h0.196a37.396 37.396 0 0 0 37.337-37.336V805.06c-0.197-81.644-25.777-159.35-74.142-224.69z m-901.77-62.503a36.982 36.982 0 0 0 25.955-32.65 37.455 37.455 0 0 0-20.362-36.628 148.913 148.913 0 0 1-81.231-133.06c0-66.245 44.071-125.184 107.382-143.4a37.612 37.612 0 0 0 25.58-46.356 37.376 37.376 0 0 0-46.139-25.718 225.32 225.32 0 0 0-115.593 79.4 223.252 223.252 0 0 0-45.746 136.074c0 60.258 23.533 116.381 64.237 157.676A380.475 380.475 0 0 0 74.14498 580.569 373.839 373.839 0 0 0 0.00198 805.258v63.232c0 20.657 16.798 37.356 37.356 37.356h0.197a37.317 37.317 0 0 0 37.14-37.73V805.06c0-132.332 84.401-247.769 209.723-287.173z" p-id="7667" fill="#04C361"></path></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/images/test/w100h100.png b/yunxi-ui-admin-vben/src/assets/images/test/w100h100.png
new file mode 100644
index 0000000000000000000000000000000000000000..d359d8ffeceee4677030d20800f3589dcfc36999
GIT binary patch
literal 22985
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
QVgLXD07*qoM6N<$f=@_y0ssI2

literal 0
HcmV?d00001

diff --git a/yunxi-ui-admin-vben/src/assets/svg/illustration.svg b/yunxi-ui-admin-vben/src/assets/svg/illustration.svg
new file mode 100644
index 0000000..b45215b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/illustration.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 676.99 384.01"><defs><style>.cls-1{fill:#f7bd3d;}.cls-19,.cls-2{fill:#181828;}.cls-10,.cls-13,.cls-3,.cls-42,.cls-5,.cls-6,.cls-64{fill:#fff;}.cls-3{opacity:0.48;}.cls-4{fill:#d39021;}.cls-6{opacity:0.61;}.cls-10,.cls-7{opacity:0.2;}.cls-8{fill:#113c47;}.cls-9{fill:#df8a3a;}.cls-10,.cls-41,.cls-42,.cls-43,.cls-46,.cls-56,.cls-57{isolation:isolate;}.cls-11{fill:#c0dbe2;}.cls-12{fill:#f7b14b;}.cls-13{opacity:0.7;}.cls-14{fill:#91dcdc;}.cls-15{fill:#5ba3ba;}.cls-16{fill:#d17e1c;}.cls-17{fill:#6f6372;}.cls-18{fill:#63456b;}.cls-19{opacity:0.5;}.cls-20{fill:#f04d6a;}.cls-21{fill:#928f93;}.cls-22{fill:#83c3db;}.cls-23{fill:#c0f3ff;}.cls-24,.cls-30,.cls-41,.cls-43{fill:#e89176;}.cls-25{fill:#ce7057;}.cls-26{fill:#ffbb59;}.cls-27{fill:#ffdbab;}.cls-28{fill:#f4a031;}.cls-29{fill:#fdc6a2;}.cls-30{opacity:0.62;}.cls-31{fill:#ffdbc7;}.cls-32{fill:#ffe8dc;}.cls-33{fill:#b4e4f9;}.cls-34{fill:#73c7e5;}.cls-35{fill:#eefbff;}.cls-36{opacity:0.15;}.cls-37{fill:#1b3c47;}.cls-38{fill:#e59328;}.cls-39{fill:#ffd097;}.cls-40{fill:#1b1b2b;}.cls-41{opacity:0.49;}.cls-42{opacity:0.55;}.cls-43{opacity:0.62;}.cls-44{fill:#ffc1b3;}.cls-45,.cls-64{opacity:0.25;}.cls-46{fill:#dff5f7;}.cls-46,.cls-56{opacity:0.8;}.cls-47{fill:#f1665d;}.cls-48{fill:#f7bd3b;}.cls-49{fill:#56c643;}.cls-50{fill:none;}.cls-51{fill:#8c7f93;}.cls-52{fill:#5ffd9f;}.cls-53{fill:#aeffcf;}.cls-54{fill:#7dc4ff;}.cls-55{fill:#12dd65;}.cls-56{fill:#b5e5e8;}.cls-57{fill:#c08976;opacity:0.39;}.cls-58{fill:#af143b;}.cls-59{fill:#91052d;}.cls-60{fill:#ffdede;}.cls-61{fill:#ea3d90;}.cls-62{fill:#c60c6e;}.cls-63{fill:#ff7dc7;}</style></defs><title>Asset 336</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M603.5,207.07h30.4a0,0,0,0,1,0,0v32.48a15.2,15.2,0,0,1-15.2,15.2h0a15.2,15.2,0,0,1-15.2-15.2V207.07A0,0,0,0,1,603.5,207.07Z"/><path class="cls-2" d="M618.86,256.08a16.43,16.43,0,0,1-16.42-16.42V207.19a1.21,1.21,0,0,1,1.22-1.22h30.4a1.22,1.22,0,0,1,1.22,1.22v32.47A16.44,16.44,0,0,1,618.86,256.08Zm-14-47.68v31.26a14,14,0,0,0,14,14h0a14,14,0,0,0,14-14V208.4Z"/><path class="cls-1" d="M585.23,168.9a61.1,61.1,0,0,0-12-21.92c11-4.5,23.31-3.22,32.37,4.56"/><path class="cls-3" d="M601.05,157.52c-2.43-8.05-19.31-10.2-28.95-9.36,11-4.5,23.31-3.22,32.37,4.56"/><path class="cls-4" d="M574.58,146.18c.44.51-1.37,1.19-.94,1.73,10.1-3.5,21.09-2.45,29.51,4.11l1.56-1.14C595.7,143.14,585.66,141.67,574.58,146.18Z"/><path class="cls-2" d="M590.78,164.39,585,169a61.12,61.12,0,0,0-11.2-22.31h0A60.89,60.89,0,0,1,590.78,164.39Z"/><path class="cls-2" d="M586.21,159a1,1,0,0,1-.8-.44c-4.91-8.05-11.82-9.68-11.93-9.68a.93.93,0,0,1-.71-1.07,1,1,0,0,1,1.08-.71c.31.07,7.79,1.84,13.11,10.54a.92.92,0,0,1-.3,1.27h0A1,1,0,0,1,586.21,159Z"/><path class="cls-5" d="M588.78,149.94a7.18,7.18,0,0,0-2.63-.62.3.3,0,0,1-.29-.31.31.31,0,0,1,.31-.29,8,8,0,0,1,2.86.65.31.31,0,0,1,.16.41.31.31,0,0,1-.41.16Z"/><ellipse class="cls-6" cx="581.68" cy="148.43" rx="1.08" ry="1.35" transform="translate(422.05 727.14) rotate(-88.89)"/><path class="cls-2" d="M584.67,170.12a1.21,1.21,0,0,1-1.16-.87,59.48,59.48,0,0,0-11.72-21.48,1.22,1.22,0,0,1-.25-1.07,1.2,1.2,0,0,1,.72-.84c11.92-4.87,24.49-3.09,33.63,4.76a1.21,1.21,0,0,1,.13,1.71,1.22,1.22,0,0,1-1.72.13c-8-6.89-19-8.69-29.56-4.94a61.72,61.72,0,0,1,11.1,21,1.21,1.21,0,0,1-.82,1.51A1,1,0,0,1,584.67,170.12Z"/><g class="cls-7"><path class="cls-8" d="M645.38,180.89a2.69,2.69,0,0,1-2.69-2.68V163a2.69,2.69,0,0,1,5.38,0v15.22a2.68,2.68,0,0,1-2.68,2.7Z"/><path class="cls-8" d="M645.38,158.72a2.69,2.69,0,0,1-2.69-2.69v-5.69a2.69,2.69,0,0,1,5.38,0V156A2.68,2.68,0,0,1,645.38,158.72Z"/></g><path class="cls-1" d="M650.18,160.47a60.69,60.69,0,0,1,11.94-21.92c-11-4.5-23.32-3.23-32.38,4.56"/><path class="cls-3" d="M631.27,154.46c2.42-8.05,18.52-16.64,30.85-15.91-11-4.5-23.32-3.23-32.38,4.56"/><path class="cls-5" d="M630.12,149.4c2.42-8.05,22.41-14.4,32.37-10.48-11-4.49-23.31-3.22-32.37,4.57"/><path class="cls-2" d="M646.3,151.07l5.14,7.34c2.15-8.13,5.86-14,11.09-20.56l.1-1.75C655.85,140.78,650.66,144.09,646.3,151.07Z"/><path class="cls-1" d="M615.4,142.72h6.12A35.47,35.47,0,0,1,657,178.19h0a35.47,35.47,0,0,1-35.48,35.48H615.4a35.47,35.47,0,0,1-35.48-35.48h0A35.47,35.47,0,0,1,615.4,142.72Z"/><path class="cls-5" d="M615.4,142.72h6.12A35.47,35.47,0,0,1,657,178.19h0c-4.23-15.44-15.3-31.14-34.89-31.14H616c-19.59,0-29.82,13.42-36.06,31.14h0A35.47,35.47,0,0,1,615.4,142.72Z"/><path class="cls-9" d="M657.57,177.76a35.47,35.47,0,0,1-35.47,35.47H616a35.47,35.47,0,0,1-35.47-35.47c0-.76,0-1.52.07-2.27a35.47,35.47,0,0,0,35.47,33.21h6.13a35.46,35.46,0,0,0,35.4-33.21C657.55,176.24,657.57,177,657.57,177.76Z"/><path class="cls-2" d="M652.77,197.23c-7.41-1.75-6.87-.88-13.6-8.53,0,0-2,9.61,5.58,15.2Z"/><path class="cls-2" d="M646.41,202.39s-5.81-.82-11.32-6.66c0,0-1.25,7.92,4.41,12.09Z"/><path class="cls-2" d="M666.3,186.94a1,1,0,0,1-.77-.42c-1.77-2.68-3.45-2.93-6.26-3.32a33.71,33.71,0,0,1-3.74-.69,33.62,33.62,0,0,0-5.37-.89,1,1,0,0,1-.84-1,.91.91,0,0,1,1-.84h0a35.1,35.1,0,0,1,5.67.93,30.78,30.78,0,0,0,3.55.66c2.85.41,5.31.75,7.52,4.12a.93.93,0,0,1-.26,1.3,1,1,0,0,1-.51.16Z"/><path class="cls-2" d="M676.05,196.14a.93.93,0,0,1-.78-.42c-1.75-2.66-8.95-5.77-19.74-8.6a35,35,0,0,0-5.37-.88.94.94,0,0,1,.17-1.86,36.26,36.26,0,0,1,5.67.94c8.06,2.09,18.27,5.38,20.83,9.34a.92.92,0,0,1-.25,1.29h0A.89.89,0,0,1,676.05,196.14Z"/><path class="cls-2" d="M664.45,198.15h-.16a13.49,13.49,0,0,1-8-4.15,16,16,0,0,0-3.85-2.88,34.55,34.55,0,0,0-5.07-2,.92.92,0,0,1-.6-1.16v0a.94.94,0,0,1,1.16-.6,38.43,38.43,0,0,1,5.38,2.15,19.06,19.06,0,0,1,4.29,3.17c1.86,1.71,3.47,3.23,7,3.68a.94.94,0,0,1-.14,1.86Z"/><path class="cls-2" d="M570.92,186.94a1,1,0,0,0,.78-.42c1.76-2.68,3.45-2.93,6.25-3.32a33.71,33.71,0,0,0,3.74-.69,33.8,33.8,0,0,1,5.37-.89,1,1,0,0,0,.84-1,.91.91,0,0,0-1-.84h0a35.1,35.1,0,0,0-5.67.93,30.78,30.78,0,0,1-3.55.66c-2.85.41-5.31.75-7.52,4.12a.93.93,0,0,0,.26,1.3,1,1,0,0,0,.51.16Z"/><path class="cls-2" d="M561.17,196.14a.93.93,0,0,0,.78-.42c1.75-2.66,8.95-5.77,19.74-8.6a35,35,0,0,1,5.37-.88.94.94,0,0,0-.17-1.86,36.26,36.26,0,0,0-5.67.94c-8.06,2.09-18.27,5.38-20.83,9.34a.92.92,0,0,0,.25,1.29h0A.89.89,0,0,0,561.17,196.14Z"/><path class="cls-2" d="M572.77,198.15h.16a13.49,13.49,0,0,0,8-4.15,16.2,16.2,0,0,1,3.86-2.88,34,34,0,0,1,5.06-2,.92.92,0,0,0,.6-1.16v0a.94.94,0,0,0-1.16-.6,38.43,38.43,0,0,0-5.38,2.15,19.06,19.06,0,0,0-4.29,3.17c-1.86,1.71-3.46,3.23-7,3.68a.94.94,0,0,0,.14,1.86Z"/><rect class="cls-5" x="591.72" y="158.31" width="23.8" height="28.97" rx="11.89"/><circle class="cls-2" cx="603.35" cy="173.72" r="8.79"/><circle class="cls-10" cx="605.84" cy="177.47" r="2.22"/><ellipse class="cls-5" cx="601.53" cy="170.34" rx="4.45" ry="3.39"/><rect class="cls-5" x="622.82" y="158.31" width="23.8" height="28.97" rx="11.89"/><circle class="cls-2" cx="634.45" cy="173.72" r="8.79"/><circle class="cls-10" cx="636.94" cy="177.47" r="2.22"/><ellipse class="cls-5" cx="632.62" cy="170.34" rx="4.45" ry="3.39"/><path class="cls-5" d="M602.74,152.19a26.51,26.51,0,0,1,5.66-1.95,29.63,29.63,0,0,1,5.93-.69.64.64,0,0,1,.64.62.63.63,0,0,1-.59.63,29.54,29.54,0,0,0-5.61,1,32.59,32.59,0,0,0-5.33,1.92.83.83,0,0,1-1.09-.42A.82.82,0,0,1,602.74,152.19Z"/><ellipse class="cls-5" cx="618.54" cy="150.08" rx="1.08" ry="1.35" transform="translate(456.54 765.61) rotate(-88.89)"/><path class="cls-2" d="M621.52,214.89H615.4a36.7,36.7,0,1,1,0-73.39h6.12a36.7,36.7,0,1,1,0,73.39Zm-6.12-71a34.26,34.26,0,0,0,0,68.52h6.12a34.26,34.26,0,0,0,0-68.52Z"/><path class="cls-2" d="M652.35,160.22a1.33,1.33,0,0,1-.28,0,1.21,1.21,0,0,1-.91-1.46,57.79,57.79,0,0,1,8.94-20.92c-10.81-3.06-21.62-.57-29.18,6.83a1.22,1.22,0,1,1-1.71-1.74c8.61-8.41,21-11,33.26-6.91a1.24,1.24,0,0,1,.59,1.89c-4.57,6.11-7.51,12.71-9.53,21.4A1.22,1.22,0,0,1,652.35,160.22Z"/><ellipse class="cls-9" cx="624.94" cy="205.15" rx="2.59" ry="0.97"/><circle class="cls-9" cx="620.04" cy="205.36" r="1"/><ellipse class="cls-5" cx="644.21" cy="145.01" rx="1.82" ry="0.89" transform="translate(13.8 341.53) rotate(-30)"/><circle class="cls-5" cx="646.3" cy="146.64" r="0.41"/><path class="cls-2" d="M617.76,185.47a1.74,1.74,0,0,0-1.32,2.89c.79.87,1.93,1.91,3.2,1.91s2.41-1,3.19-1.91a1.74,1.74,0,0,0-.16-2.46,1.8,1.8,0,0,0-1.1-.43Z"/><rect class="cls-11" x="376.08" y="323.79" width="23.87" height="2.17"/><polygon class="cls-11" points="402.27 298.71 402.06 301.15 372.83 301.15 372.62 298.71 402.27 298.71"/><path class="cls-2" d="M396.56,346.71H378.87a3.2,3.2,0,0,1-3.17-2.92l-3.81-46.08a1,1,0,0,1,1-1.09h29.65a1,1,0,0,1,.74.32,1,1,0,0,1,.27.77L401,328.07a1,1,0,1,1-2-.16l2.42-29.28H374l3.73,45a1.17,1.17,0,0,0,1.16,1.07h17.69a1.17,1.17,0,0,0,1.16-1.07l.93-11.2a1,1,0,0,1,1.09-.92,1,1,0,0,1,.92,1.09l-.93,11.19A3.2,3.2,0,0,1,396.56,346.71Z"/><rect class="cls-5" x="368.19" y="293.28" width="39.06" height="4.7"/><path class="cls-2" d="M404.89,299.16H370.54a3.32,3.32,0,1,1,0-6.64h34.35a3.32,3.32,0,0,1,0,6.64Zm-34.35-4.7a1.38,1.38,0,1,0,0,2.76h34.35a1.38,1.38,0,1,0,0-2.76Z"/><path class="cls-2" d="M373.8,294.18h0a.72.72,0,0,1-.68-.76c0-.22.36-5.38,4.8-7.07a.73.73,0,0,1,1,.68v6a.72.72,0,0,1-1.44,0v-4.84c-2.67,1.7-2.9,5.28-2.91,5.32A.71.71,0,0,1,373.8,294.18Z"/><circle class="cls-5" cx="392.19" cy="305.08" r="0.2"/><circle class="cls-11" cx="394.3" cy="301.76" r="1.56"/><circle class="cls-11" cx="397.38" cy="304.44" r="0.44"/><circle class="cls-11" cx="398.57" cy="301.89" r="0.41"/><circle class="cls-11" cx="391.41" cy="301.11" r="0.98"/><circle class="cls-11" cx="394.6" cy="307.28" r="0.37"/><polygon class="cls-12" points="370.95 305.89 372.22 322.52 403.63 322.52 405.08 305.89 370.95 305.89"/><path class="cls-2" d="M403.45,324.07H372a1,1,0,0,1-1-.93l-1.26-16.63a1,1,0,0,1,1-1.08h34.12a1,1,0,0,1,.75.32,1,1,0,0,1,.26.77l-1.45,16.63A1,1,0,0,1,403.45,324.07Zm-30.48-2h29.56l1.27-14.62H371.86Z"/><path class="cls-2" d="M381.05,311.24h-9a.47.47,0,0,1,0-.93h9a.47.47,0,1,1,0,.93Z"/><ellipse class="cls-13" cx="378.25" cy="316.8" rx="3.68" ry="2.89" transform="translate(-113.22 360.25) rotate(-45)"/><ellipse class="cls-13" cx="384.01" cy="314.43" rx="1.44" ry="1.14" transform="translate(-109.86 363.63) rotate(-45)"/><rect class="cls-14" x="210.13" y="327.96" width="112.38" height="17.46"/><rect class="cls-15" x="210.13" y="327.96" width="112.38" height="4.12"/><path class="cls-2" d="M322.52,346.88H210.13a1.45,1.45,0,0,1-1.45-1.46V328a1.45,1.45,0,0,1,1.45-1.45H322.52A1.45,1.45,0,0,1,324,328v17.46A1.45,1.45,0,0,1,322.52,346.88ZM211.59,344H321.06V329.42H211.59Z"/><path class="cls-12" d="M115.69,353.62h516.7a0,0,0,0,1,0,0v0a30.24,30.24,0,0,1-30.24,30.24H145.94a30.24,30.24,0,0,1-30.24-30.24v0a0,0,0,0,1,0,0Z"/><path class="cls-16" d="M631.59,360.3a28.37,28.37,0,0,1-1.23,4H117.73a28.37,28.37,0,0,1-1.23-4Z"/><path class="cls-2" d="M602.15,384H145.94a31.44,31.44,0,0,1-31.4-31.4,1.16,1.16,0,0,1,2.31,0,29.12,29.12,0,0,0,29.09,29.09H602.15a29.12,29.12,0,0,0,29.09-29.09,1.15,1.15,0,1,1,2.3,0A31.43,31.43,0,0,1,602.15,384Z"/><rect class="cls-17" x="568.49" y="220.97" width="95.09" height="124.14" rx="16.2"/><path class="cls-18" d="M595.82,344.38H584.68a16.19,16.19,0,0,1-16.19-16.19V236.45a16.19,16.19,0,0,1,16.19-16.2h11.14a16.2,16.2,0,0,0-16.2,16.2v91.74A16.19,16.19,0,0,0,595.82,344.38Z"/><circle class="cls-19" cx="616.03" cy="254.16" r="10.16"/><circle class="cls-19" cx="616.03" cy="254.16" r="7.19"/><path class="cls-2" d="M616,265.54a11.38,11.38,0,1,1,11.38-11.38A11.4,11.4,0,0,1,616,265.54Zm0-20.33a8.95,8.95,0,1,0,9,8.95A9,9,0,0,0,616,245.21Z"/><circle class="cls-19" cx="616.03" cy="297.71" r="22.14"/><circle class="cls-19" cx="616.03" cy="297.71" r="15.65"/><path class="cls-2" d="M616,321.4a23.69,23.69,0,1,1,23.69-23.69A23.72,23.72,0,0,1,616,321.4Zm0-44.28a20.59,20.59,0,1,0,20.59,20.59A20.61,20.61,0,0,0,616,277.12Z"/><path class="cls-2" d="M590.23,236.47a3.73,3.73,0,1,1,3.72-3.72A3.73,3.73,0,0,1,590.23,236.47Zm0-5.59a1.87,1.87,0,1,0,1.86,1.87A1.87,1.87,0,0,0,590.23,230.88Z"/><path class="cls-2" d="M641.84,236.47a3.73,3.73,0,1,1,3.72-3.72A3.73,3.73,0,0,1,641.84,236.47Zm0-5.59a1.87,1.87,0,1,0,1.86,1.87A1.87,1.87,0,0,0,641.84,230.88Z"/><circle class="cls-20" cx="616.03" cy="229.95" r="3.54"/><path class="cls-2" d="M616,234.42a4.47,4.47,0,1,1,4.48-4.47A4.47,4.47,0,0,1,616,234.42Zm0-7.08a2.61,2.61,0,1,0,2.61,2.61A2.61,2.61,0,0,0,616,227.34Z"/><path class="cls-2" d="M590.23,337.61a3.72,3.72,0,1,1,3.72-3.72A3.73,3.73,0,0,1,590.23,337.61Zm0-5.58a1.86,1.86,0,1,0,1.86,1.86A1.86,1.86,0,0,0,590.23,332Z"/><path class="cls-2" d="M641.84,337.61a3.72,3.72,0,1,1,3.72-3.72A3.73,3.73,0,0,1,641.84,337.61Zm0-5.58a1.86,1.86,0,1,0,1.86,1.86A1.86,1.86,0,0,0,641.84,332Z"/><rect class="cls-18" x="577.8" y="271.47" width="4.36" height="19.09" rx="2.18"/><rect class="cls-21" x="657.91" y="248.02" width="4.36" height="19.09" rx="2.18"/><rect class="cls-21" x="657.91" y="308.2" width="4.36" height="19.09" rx="1.62"/><path class="cls-2" d="M647.38,346.66H584.69a17.77,17.77,0,0,1-17.75-17.75V237.17a17.77,17.77,0,0,1,17.75-17.75h62.69a17.77,17.77,0,0,1,17.75,17.75v91.74A17.77,17.77,0,0,1,647.38,346.66ZM584.69,222.53A14.66,14.66,0,0,0,570,237.17v91.74a14.66,14.66,0,0,0,14.65,14.65h62.69A14.66,14.66,0,0,0,662,328.91V237.17a14.66,14.66,0,0,0-14.64-14.64Z"/><rect class="cls-17" x="93.02" y="220.97" width="95.09" height="124.14" rx="16.2"/><path class="cls-18" d="M120.35,344.38H109.22A16.19,16.19,0,0,1,93,328.19V236.45a16.2,16.2,0,0,1,16.2-16.2h11.13a16.2,16.2,0,0,0-16.2,16.2v91.74A16.19,16.19,0,0,0,120.35,344.38Z"/><circle class="cls-19" cx="140.57" cy="254.16" r="10.16"/><circle class="cls-19" cx="140.57" cy="254.16" r="7.19"/><path class="cls-2" d="M140.57,265.54A11.38,11.38,0,1,1,152,254.16,11.39,11.39,0,0,1,140.57,265.54Zm0-20.33a8.95,8.95,0,1,0,8.94,8.95A9,9,0,0,0,140.57,245.21Z"/><circle class="cls-19" cx="140.57" cy="297.71" r="22.14"/><circle class="cls-19" cx="140.57" cy="297.71" r="15.65"/><path class="cls-2" d="M140.57,321.4a23.69,23.69,0,1,1,23.69-23.69A23.72,23.72,0,0,1,140.57,321.4Zm0-44.28a20.59,20.59,0,1,0,20.58,20.59A20.61,20.61,0,0,0,140.57,277.12Z"/><path class="cls-2" d="M114.76,236.47a3.73,3.73,0,1,1,3.72-3.72A3.73,3.73,0,0,1,114.76,236.47Zm0-5.59a1.87,1.87,0,1,0,1.86,1.87A1.87,1.87,0,0,0,114.76,230.88Z"/><path class="cls-2" d="M166.37,236.47a3.73,3.73,0,1,1,3.73-3.72A3.73,3.73,0,0,1,166.37,236.47Zm0-5.59a1.87,1.87,0,1,0,1.86,1.87A1.87,1.87,0,0,0,166.37,230.88Z"/><path class="cls-2" d="M114.76,337.61a3.72,3.72,0,1,1,3.72-3.72A3.73,3.73,0,0,1,114.76,337.61Zm0-5.58a1.86,1.86,0,1,0,1.86,1.86A1.86,1.86,0,0,0,114.76,332Z"/><path class="cls-2" d="M166.37,337.61a3.72,3.72,0,1,1,3.73-3.72A3.73,3.73,0,0,1,166.37,337.61Zm0-5.58a1.86,1.86,0,1,0,1.86,1.86A1.86,1.86,0,0,0,166.37,332Z"/><rect class="cls-18" x="102.33" y="271.47" width="4.36" height="19.09" rx="2.18"/><rect class="cls-21" x="182.44" y="248.02" width="4.36" height="19.09" rx="1.62"/><rect class="cls-21" x="182.44" y="308.2" width="4.36" height="19.09" rx="1.62"/><path class="cls-2" d="M171.91,346.66H109.22a17.77,17.77,0,0,1-17.75-17.75V237.17a17.77,17.77,0,0,1,17.75-17.75h62.69a17.77,17.77,0,0,1,17.75,17.75v91.74A17.77,17.77,0,0,1,171.91,346.66ZM109.22,222.53a14.66,14.66,0,0,0-14.64,14.64v91.74a14.66,14.66,0,0,0,14.64,14.65h62.69a14.66,14.66,0,0,0,14.65-14.65V237.17a14.66,14.66,0,0,0-14.65-14.64Z"/><path class="cls-22" d="M331.21,343.91a18,18,0,1,1,35.92,0"/><path class="cls-23" d="M352.41,326.07a18,18,0,0,0-15.82,17.84H332.3a18,18,0,0,1,18-18A16.89,16.89,0,0,1,352.41,326.07Z"/><path class="cls-2" d="M367.13,345.15a1.24,1.24,0,0,1-1.23-1.24,16.63,16.63,0,0,0-2.71-9.12,1.24,1.24,0,0,1,2.08-1.36,19.16,19.16,0,0,1,3.1,10.48A1.24,1.24,0,0,1,367.13,345.15Z"/><path class="cls-2" d="M331.21,345.15a1.24,1.24,0,0,1-1.24-1.24,19.2,19.2,0,0,1,31.21-15,1.24,1.24,0,1,1-1.55,1.93,16.57,16.57,0,0,0-10.46-3.67,16.75,16.75,0,0,0-16.73,16.73A1.24,1.24,0,0,1,331.21,345.15Z"/><path class="cls-24" d="M488.94,54.37a25.94,25.94,0,0,1-51.87,0c0-14.33,11.61-27.18,25.93-27.18S488.94,40,488.94,54.37Z"/><path class="cls-25" d="M487.66,55.17a25.69,25.69,0,0,1-.75,5.57h-1.16a51.46,51.46,0,0,1-36.52-15.13,52.23,52.23,0,0,1-6.82-8.42,25.09,25.09,0,0,1,2.32-2.29,51.1,51.1,0,0,0,4.5,5.14,51.46,51.46,0,0,0,36.52,15.13Z"/><path class="cls-2" d="M463,81.67a27.29,27.29,0,0,1-24-14.35,1.36,1.36,0,1,1,2.4-1.29,24.58,24.58,0,0,0,46.21-11.66c0-14-11.26-25.82-24.58-25.82s-24.57,11.82-24.57,25.82a24.8,24.8,0,0,0,.83,6.37,1.36,1.36,0,1,1-2.63.7,27.06,27.06,0,0,1-.93-7.07c0-15.48,12.5-28.55,27.3-28.55s27.31,13.07,27.31,28.55A27.34,27.34,0,0,1,463,81.67Z"/><path class="cls-24" d="M521.88,72.42a25.94,25.94,0,0,0,51.88,0c0-14.33-11.61-27.18-25.94-27.18S521.88,58.09,521.88,72.42Z"/><path class="cls-25" d="M523.16,73.22a25.69,25.69,0,0,0,.76,5.57h1.16a51.7,51.7,0,0,0,43.33-23.55A26.28,26.28,0,0,0,566.1,53c-1.39,1.81-4.91.48-6.52,2.09-9.34,9.35-20.24,18.18-34.5,18.18Z"/><path class="cls-2" d="M547.82,99.72a27.34,27.34,0,0,1-27.3-27.3c0-15.48,12.5-28.55,27.3-28.55s27.3,13.07,27.3,28.55a27.62,27.62,0,0,1-.92,7.08,1.37,1.37,0,0,1-2.64-.71,24.38,24.38,0,0,0,.84-6.37c0-14-11.26-25.82-24.58-25.82s-24.57,11.82-24.57,25.82a24.58,24.58,0,0,0,46.21,11.66,1.36,1.36,0,1,1,2.4,1.29A27.3,27.3,0,0,1,547.82,99.72Z"/><path class="cls-26" d="M450.17,338.66l-52.1,11.16v-95a26.05,26.05,0,0,1,26.05-26.06h0a26.05,26.05,0,0,1,26.05,26.06Z"/><path class="cls-27" d="M426.66,228.91a26,26,0,0,0-23,25.87v93.73l-6.15,1.31v-95a26.05,26.05,0,0,1,26.06-26.05A23.88,23.88,0,0,1,426.66,228.91Z"/><path class="cls-2" d="M398.07,351a1.21,1.21,0,0,1-.77-.27,1.24,1.24,0,0,1-.45-.95v-95a27.27,27.27,0,1,1,54.54,0v83.88a1.22,1.22,0,0,1-1,1.19L398.32,351A1.07,1.07,0,0,1,398.07,351Zm26.05-121.1a24.86,24.86,0,0,0-24.83,24.84v93.54L449,337.68v-82.9A24.86,24.86,0,0,0,424.12,229.94Zm26.05,108.72h0Z"/><path class="cls-26" d="M512.58,199h0a42.11,42.11,0,0,1,42.11,42.11V352.61a0,0,0,0,1,0,0H412.1a0,0,0,0,1,0,0V299.48A100.48,100.48,0,0,1,512.58,199Z"/><path class="cls-28" d="M554.55,241.9h0a0,0,0,0,1,0,0V348.38a0,0,0,0,1,0,0H544a0,0,0,0,1,0,0v-96A10.53,10.53,0,0,1,554.55,241.9Z"/><path class="cls-27" d="M517.36,199.22a100.51,100.51,0,0,0-93.67,100.26v53.13h-11.2V299.48A100.49,100.49,0,0,1,513,199,42.29,42.29,0,0,1,517.36,199.22Z"/><path class="cls-2" d="M554.69,353.83H412.1a1.21,1.21,0,0,1-1.22-1.22V299.48a101.81,101.81,0,0,1,101.7-101.7,43.37,43.37,0,0,1,43.33,43.32V352.61A1.22,1.22,0,0,1,554.69,353.83Zm-141.37-2.44H553.47V241.1a40.94,40.94,0,0,0-40.89-40.89,99.38,99.38,0,0,0-99.26,99.27Z"/><rect class="cls-26" x="531.05" y="226.8" width="41.81" height="115.09" rx="20.9"/><path class="cls-27" d="M555.56,341.78c-.72.07-1.44.11-2.18.11A20.91,20.91,0,0,1,532.48,321V247.7a20.9,20.9,0,0,1,20.9-20.9c.74,0,1.46,0,2.18.11a20.91,20.91,0,0,0-18.73,20.79V321A20.92,20.92,0,0,0,555.56,341.78Z"/><path class="cls-2" d="M552,343.11A22.15,22.15,0,0,1,529.84,321V247.7a22.12,22.12,0,0,1,44.24,0V321A22.15,22.15,0,0,1,552,343.11ZM552,228a19.71,19.71,0,0,0-19.69,19.68V321a19.69,19.69,0,1,0,39.38,0V247.7A19.71,19.71,0,0,0,552,228Z"/><rect class="cls-26" x="502.84" y="271.92" width="35.41" height="115.09" rx="17.71" transform="translate(850.01 -191.08) rotate(90)"/><path class="cls-2" d="M560.38,348.39H480.71a18.93,18.93,0,0,1,0-37.85h79.67a18.93,18.93,0,1,1,0,37.85ZM480.71,313a16.49,16.49,0,1,0,0,33h79.67a16.49,16.49,0,1,0,0-33Z"/><ellipse class="cls-29" cx="457.99" cy="329.89" rx="22.56" ry="17.62"/><path class="cls-30" d="M460.53,347a1.53,1.53,0,0,1-.23-3h0a27.23,27.23,0,0,0,7.8-2.68c4.95-2.66,7.59-6.4,7.84-11.11a1.51,1.51,0,0,1,1.61-1.45,1.54,1.54,0,0,1,1.45,1.61c-.31,5.8-3.6,10.54-9.53,13.69a30.37,30.37,0,0,1-8.72,3Z"/><path class="cls-2" d="M458,348.63c-6.56,0-13.09-2.12-17.75-6.26-4.15-3.7-6.27-8.47-5.95-13.42.32-5.17,3.22-9.87,8.15-13.25a1.15,1.15,0,1,1,1.3,1.9c-4.33,3-6.88,7-7.16,11.49-.27,4.24,1.58,8.34,5.19,11.56,7.84,7,21.49,7.66,30.43,1.53,4.33-3,6.87-7.05,7.16-11.49.26-4.24-1.58-8.34-5.2-11.56a1.15,1.15,0,0,1,1.53-1.72c4.16,3.7,6.27,8.47,6,13.42-.33,5.17-3.22,9.87-8.15,13.25A27.61,27.61,0,0,1,458,348.63Z"/><ellipse class="cls-31" cx="454.12" cy="325.7" rx="10.47" ry="6.34"/><rect class="cls-32" x="426.41" y="310.9" width="3.64" height="19.62" rx="1.82"/><rect class="cls-32" x="540.6" y="253.08" width="3.64" height="19.62" rx="1.82"/><rect class="cls-32" x="407.4" y="251.12" width="3.64" height="19.62" rx="1.82"/><rect class="cls-15" x="148.16" y="298.4" width="58.16" height="54.73" transform="translate(354.48 651.53) rotate(-180)"/><path class="cls-2" d="M206.32,354.37H148.16a1.25,1.25,0,0,1-1.24-1.24V298.4a1.24,1.24,0,0,1,1.24-1.24h58.16a1.24,1.24,0,0,1,1.24,1.24v54.73A1.25,1.25,0,0,1,206.32,354.37Zm-56.92-2.48h55.68V299.64H149.4Z"/><rect class="cls-14" x="160.05" y="298.4" width="58.16" height="54.73" transform="translate(378.26 651.53) rotate(-180)"/><path class="cls-2" d="M218.21,354.37H160.05a1.24,1.24,0,0,1-1.24-1.24V298.4a1.23,1.23,0,0,1,1.24-1.24h58.16a1.24,1.24,0,0,1,1.24,1.24v54.73A1.25,1.25,0,0,1,218.21,354.37Zm-56.92-2.48H217V299.64H161.29Z"/><path class="cls-15" d="M165.79,316.48H203a0,0,0,0,1,0,0v8.68a0,0,0,0,1,0,0H165.79a4.34,4.34,0,0,1-4.34-4.34v0A4.34,4.34,0,0,1,165.79,316.48Z" transform="translate(364.4 641.64) rotate(-180)"/><rect class="cls-15" x="47.73" y="129.98" width="259.84" height="185.06" rx="11.92" transform="translate(355.3 445.02) rotate(-180)"/><path class="cls-2" d="M295.65,316.28h-236a13.18,13.18,0,0,1-13.16-13.16V141.9a13.18,13.18,0,0,1,13.16-13.16h117a1.24,1.24,0,1,1,0,2.48h-117A10.69,10.69,0,0,0,49,141.9V303.12A10.69,10.69,0,0,0,59.65,313.8h236a10.69,10.69,0,0,0,10.68-10.68V141.9a10.69,10.69,0,0,0-10.68-10.68H251.48a1.24,1.24,0,1,1,0-2.48h44.17a13.18,13.18,0,0,1,13.16,13.16V303.12A13.18,13.18,0,0,1,295.65,316.28Z"/><rect class="cls-14" x="59.02" y="129.98" width="259.84" height="185.06" rx="11.92" transform="translate(377.88 445.02) rotate(-180)"/><rect class="cls-33" x="70.43" y="139.79" width="240.91" height="167.83" rx="7.94" transform="translate(381.77 447.41) rotate(-180)"/><ellipse class="cls-15" cx="188.68" cy="325.28" rx="1.54" ry="0.66"/><circle class="cls-15" cx="185.3" cy="327.96" r="0.9"/><circle class="cls-15" cx="191.39" cy="327.51" r="0.9"/><circle class="cls-15" cx="172.02" cy="324.46" r="2.11"/><circle class="cls-15" cx="194.17" cy="324.46" r="2.11"/><circle class="cls-15" cx="177.29" cy="327.53" r="0.95"/><circle class="cls-15" cx="172.11" cy="329.98" r="0.94"/><circle class="cls-15" cx="167.73" cy="327.96" r="0.43"/><circle class="cls-15" cx="169.45" cy="327.53" r="0.95"/><rect class="cls-34" x="303.75" y="200.35" width="6.76" height="94.24" rx="3.38" transform="translate(614.25 494.94) rotate(180)"/><rect class="cls-34" x="303.75" y="154.37" width="6.76" height="29.8" rx="3.38"/><rect class="cls-35" x="71.77" y="192.66" width="6.76" height="44.67" rx="3.38" transform="translate(150.3 429.98) rotate(-180)"/><rect class="cls-35" x="71.77" y="147.07" width="6.76" height="29.8" rx="3.38" transform="translate(150.3 323.94) rotate(180)"/><rect class="cls-35" x="71.77" y="259.42" width="6.76" height="13.27" rx="3.38" transform="translate(150.3 532.12) rotate(-180)"/><path class="cls-2" d="M70.43,170.51a1.25,1.25,0,0,1-1.24-1.24V147.73a9.19,9.19,0,0,1,9.18-9.18H245.21a1.24,1.24,0,1,1,0,2.48H78.37a6.71,6.71,0,0,0-6.7,6.7v21.54A1.25,1.25,0,0,1,70.43,170.51Z"/><path class="cls-2" d="M303.4,308.86H125.51a1.24,1.24,0,1,1,0-2.48H303.4a6.71,6.71,0,0,0,6.7-6.7v-152a6.71,6.71,0,0,0-6.7-6.7H256.07a1.24,1.24,0,1,1,0-2.48H303.4a9.19,9.19,0,0,1,9.18,9.18v152A9.19,9.19,0,0,1,303.4,308.86Z"/><path class="cls-2" d="M115.61,308.86H78.37a9.19,9.19,0,0,1-9.18-9.18v-48a1.24,1.24,0,0,1,2.48,0v48a6.71,6.71,0,0,0,6.7,6.7h37.24a1.24,1.24,0,0,1,0,2.48Z"/><path class="cls-2" d="M70.43,242.72a1.25,1.25,0,0,1-1.24-1.24V179.22a1.24,1.24,0,1,1,2.48,0v62.26A1.25,1.25,0,0,1,70.43,242.72Z"/><rect class="cls-15" x="56.94" y="149.8" width="10.21" height="5.59" rx="2.79" transform="translate(214.64 90.54) rotate(90)"/><rect class="cls-15" x="54.88" y="252.11" width="14.34" height="5.59" rx="2.79" transform="translate(316.95 192.86) rotate(90)"/><rect class="cls-15" x="56.94" y="186.47" width="10.21" height="5.59" rx="2.79" transform="translate(251.31 127.22) rotate(90)"/><path class="cls-2" d="M306.94,316.28h-236a13.18,13.18,0,0,1-13.16-13.16V141.9a13.18,13.18,0,0,1,13.16-13.16H225.66a1.24,1.24,0,1,1,0,2.48H70.94A10.69,10.69,0,0,0,60.26,141.9V303.12A10.69,10.69,0,0,0,70.94,313.8h236a10.69,10.69,0,0,0,10.68-10.68V141.9a10.69,10.69,0,0,0-10.68-10.68H235.07a1.24,1.24,0,1,1,0-2.48h71.87A13.18,13.18,0,0,1,320.1,141.9V303.12A13.18,13.18,0,0,1,306.94,316.28Z"/><g class="cls-36"><path class="cls-37" d="M392.13,192.34H379V170.15h39.07a1.58,1.58,0,1,1,0,3.16H382.17v15.87h10a1.58,1.58,0,1,1,0,3.16Z"/><path class="cls-37" d="M402.47,192.34h-5.69a1.58,1.58,0,1,1,0-3.16h5.69a1.58,1.58,0,1,1,0,3.16Z"/><path class="cls-37" d="M406.86,192.34h-.12a1.58,1.58,0,1,1,0-3.16h.12a1.58,1.58,0,0,1,0,3.16Z"/><path class="cls-37" d="M434.51,192.34H411.28a1.58,1.58,0,0,1,0-3.16h20.08V173.31h-7a1.58,1.58,0,1,1,0-3.16h10.18Z"/><path class="cls-37" d="M407.91,173.31H352.42V151.17h55.49Zm-52.35-3.16h49.19V154.32H355.57Z"/></g><g class="cls-36"><path class="cls-37" d="M110.6,112H97.45V89.83h39.08a1.58,1.58,0,0,1,0,3.15H100.64v15.88h10a1.58,1.58,0,1,1,0,3.15Z"/><path class="cls-37" d="M121,112h-5.7a1.58,1.58,0,0,1,0-3.15H121a1.58,1.58,0,0,1,0,3.15Z"/><path class="cls-37" d="M125.33,112h-.11a1.58,1.58,0,1,1,0-3.15h.11a1.58,1.58,0,1,1,0,3.15Z"/><path class="cls-37" d="M153,112H129.76a1.58,1.58,0,1,1,0-3.15h20.07V93h-7a1.58,1.58,0,1,1,0-3.15H153Z"/><path class="cls-37" d="M126.38,93H70.89V70.84h55.49ZM74,89.83h49.19V74H74.05Z"/></g><g class="cls-36"><path class="cls-37" d="M625.65,103.13H612.5V80.94h39.07a1.58,1.58,0,0,1,0,3.16H615.69V100h10a1.58,1.58,0,1,1,0,3.16Z"/><path class="cls-37" d="M636,103.13H630.3a1.58,1.58,0,1,1,0-3.16H636a1.58,1.58,0,1,1,0,3.16Z"/><path class="cls-37" d="M640.38,103.13h-.12a1.58,1.58,0,0,1,0-3.16h.12a1.58,1.58,0,0,1,0,3.16Z"/><path class="cls-37" d="M668,103.13H644.8a1.58,1.58,0,0,1,0-3.16h20.08V84.1h-7a1.58,1.58,0,1,1,0-3.16h10.17Z"/><path class="cls-37" d="M641.43,84.1H585.94V62h55.49Zm-52.35-3.16h49.19V65.11H589.09Z"/></g><path class="cls-2" d="M295.59,345.9H283.86a.93.93,0,1,1,0-1.86h11.73a.93.93,0,0,1,0,1.86Z"/><path class="cls-2" d="M295.59,350.71H283.86a.94.94,0,1,1,0-1.87h11.73a.94.94,0,0,1,0,1.87Z"/><ellipse class="cls-5" cx="262.75" cy="354.03" rx="1.4" ry="2.12"/><circle class="cls-5" cx="262.34" cy="359.31" r="0.99"/><circle class="cls-2" cx="298.2" cy="358.11" r="1.02"/><rect class="cls-12" x="96.1" y="344.59" width="553.37" height="14.95" rx="7.48"/><rect class="cls-12" x="96.1" y="344.59" width="553.37" height="14.95" rx="7.48"/><path class="cls-38" d="M649.46,351.72A7.48,7.48,0,0,1,642,359.2H103.57a7.48,7.48,0,0,1-7.48-7.48,7.27,7.27,0,0,1,.61-2.92,7.46,7.46,0,0,0,6.87,4.54H642a7.49,7.49,0,0,0,5.28-2.18,7.33,7.33,0,0,0,1.59-2.36A7.26,7.26,0,0,1,649.46,351.72Z"/><path class="cls-2" d="M547.49,345.48h-20a1.15,1.15,0,1,1,0-2.3h20a1.15,1.15,0,1,1,0,2.3Z"/><path class="cls-2" d="M117.9,350.63H96.74a.89.89,0,0,1,0-1.77H117.9a.89.89,0,1,1,0,1.77Z"/><path class="cls-2" d="M125.91,350.63h-3.49a.89.89,0,0,1,0-1.77h3.49a.89.89,0,0,1,0,1.77Z"/><rect class="cls-39" x="276.5" y="345.23" width="61.99" height="4.29" rx="2.15"/><rect class="cls-39" x="233.27" y="345.23" width="34.64" height="4.29" rx="2.15"/><rect class="cls-39" x="160.62" y="345.23" width="34.64" height="4.29" rx="2.15"/><path class="cls-2" d="M642,360.43H103.57a8.63,8.63,0,0,1,0-17.25H515.86a1.15,1.15,0,1,1,0,2.3H103.57a6.33,6.33,0,0,0,0,12.65H642a6.33,6.33,0,0,0,0-12.65H560.24a1.15,1.15,0,1,1,0-2.3H642a8.63,8.63,0,1,1,0,17.25Z"/><path class="cls-29" d="M446.88,100.57l6.66.13a15.76,15.76,0,0,1,15.4,16h0A15.68,15.68,0,0,1,453,132.15h0l-6.66-.13a15.76,15.76,0,0,1-15.42-16h0a15.68,15.68,0,0,1,15.95-15.41Z"/><path class="cls-2" d="M430.4,117.12h0a1.36,1.36,0,0,1-1.35-1.38,16.8,16.8,0,0,1,3.32-9.82,1.36,1.36,0,1,1,2.19,1.62,14.06,14.06,0,0,0-2.78,8.24A1.36,1.36,0,0,1,430.4,117.12Z"/><path class="cls-2" d="M452.75,133.31h-.3l-6.68-.13a17.08,17.08,0,0,1-15.65-11,1.37,1.37,0,0,1,.79-1.76,1.36,1.36,0,0,1,1.76.79,14.33,14.33,0,0,0,13.16,9.27l6.64.14a14.38,14.38,0,0,0,.55-28.75l-6.65-.14a14.28,14.28,0,0,0-7.47,1.91,1.36,1.36,0,0,1-1.86-.49,1.37,1.37,0,0,1,.49-1.87,17,17,0,0,1,8.9-2.27l6.65.13a17.11,17.11,0,0,1-.33,34.21Z"/><path class="cls-24" d="M449.18,113.44l3.46.06a8.19,8.19,0,0,1,8,8.34h0a8.18,8.18,0,0,1-8.32,8l-3.46-.07a8.19,8.19,0,0,1-8-8.33h0A8.17,8.17,0,0,1,449.18,113.44Z"/><path class="cls-5" d="M437.52,110.88a5.8,5.8,0,0,1,2.91-3.17c1.16-.45.69-2.34-.51-1.88a7.7,7.7,0,0,0-4.1,4.09c-.48,1.14,1.19,2.13,1.68,1Z"/><ellipse class="cls-5" cx="435.31" cy="114.5" rx="1.55" ry="1.24" transform="matrix(0.15, -0.99, 0.99, 0.15, 258.45, 528.41)"/><path class="cls-29" d="M557,100.57l6.66.13a15.76,15.76,0,0,1,15.42,16h0a15.68,15.68,0,0,1-15.95,15.41h0l-6.65-.13A15.76,15.76,0,0,1,541,116h0a15.68,15.68,0,0,1,16-15.41Z"/><path class="cls-2" d="M563.36,133.33h-.29l-6.69-.14a17.16,17.16,0,0,1-16.76-17.43,17.05,17.05,0,0,1,17-16.75H557l6.65.13a17.09,17.09,0,0,1-.28,34.18Zm-6.69-31.59a14.32,14.32,0,0,0-14.32,14.07,14.43,14.43,0,0,0,14.09,14.66l6.65.13a14.36,14.36,0,0,0,.5-28.72l-6.65-.14h-.27Z"/><path class="cls-24" d="M559.79,113.44l3.47.06a8.2,8.2,0,0,1,8,8.33v0h0a8.19,8.19,0,0,1-8.33,8l-3.45-.07a8.19,8.19,0,0,1-8-8.33h0A8.18,8.18,0,0,1,559.79,113.44Z"/><path class="cls-40" d="M440.47,118.54a1,1,0,0,1-.79-1.67,13.55,13.55,0,0,1,7.79-4.71,1,1,0,0,1,.41,2,11.43,11.43,0,0,0-6.61,4A1,1,0,0,1,440.47,118.54Z"/><path class="cls-40" d="M572.07,118.54a1,1,0,0,1-.8-.38,11.46,11.46,0,0,0-6.61-4,1,1,0,0,1,.41-2,13.55,13.55,0,0,1,7.79,4.71,1,1,0,0,1-.15,1.44A1,1,0,0,1,572.07,118.54Z"/><path class="cls-29" d="M545.17,34.62c.69.59,1.29,1.21,1.91,1.83a58.21,58.21,0,0,1,17.11,41.29V130a58.4,58.4,0,1,1-116.8,1.27c0-.42,0-.84,0-1.27V77.74a58.25,58.25,0,0,1,19-43.13C487.62,15.24,523.88,15.37,545.17,34.62Z"/><path class="cls-24" d="M547.4,36.72c-.62-.62-1.26-1.23-1.91-1.82a57.94,57.94,0,0,1-6,3.18c.28.28.53.58.79.88l2.11,2.47A62,62,0,0,1,550.29,54h-70a6.29,6.29,0,0,0,6.29,6.28h66.17a52.7,52.7,0,0,1,2.48,16.29V130.3a58.4,58.4,0,0,1-53.77,58.22c1.52.12,3.07.18,4.62.18a58.39,58.39,0,0,0,58.4-58.4V78A58.21,58.21,0,0,0,547.4,36.72Z"/><path class="cls-29" d="M518.28,199.55c0,2.51.71,5.34-.47,7.3-2.34,3.91-8.07,5.9-13.06,5.81h0a13.65,13.65,0,0,1-13.35-13.85l.68-10.89v-.68l27,.13"/><path class="cls-41" d="M520,188.4l-1.7,14.13a15.92,15.92,0,0,1-9.25-.74,75.12,75.12,0,0,0-16.28-5.19h-.13l.14-8.18a77.57,77.57,0,0,0,27.22,0Z"/><circle class="cls-42" cx="482.74" cy="182.33" r="0.72"/><circle class="cls-42" cx="492.76" cy="185.81" r="0.95"/><path class="cls-5" d="M511,187.58c-1.49.11-3,.17-4.53.17-32.25,0-61.86-25.73-58.4-58.4V77.06a58.24,58.24,0,0,1,19-43.12c1.85,1.12,1.45,2.17,3.53,3.13-9.83,10.44-17.44,24.54-17.44,40v52.29C453.22,160.09,476.9,186.57,511,187.58Z"/><circle class="cls-29" cx="538.87" cy="96.14" r="4.28"/><path class="cls-2" d="M452.37,154.8a1.37,1.37,0,0,1-1.23-.78,21.42,21.42,0,0,1-1.46-4,1.37,1.37,0,1,1,2.65-.66,18.26,18.26,0,0,0,1.27,3.52,1.36,1.36,0,0,1-.64,1.82A1.38,1.38,0,0,1,452.37,154.8Z"/><ellipse class="cls-43" cx="486.67" cy="111.98" rx="7.51" ry="9.5"/><ellipse class="cls-2" cx="486.33" cy="109.92" rx="7.4" ry="9.38"/><ellipse class="cls-5" cx="483.69" cy="106.51" rx="2.73" ry="2.98"/><ellipse class="cls-43" cx="525.69" cy="111.98" rx="7.51" ry="9.5"/><ellipse class="cls-2" cx="525.36" cy="109.92" rx="7.4" ry="9.38"/><ellipse class="cls-5" cx="522.71" cy="106.51" rx="2.73" ry="2.98"/><path class="cls-2" d="M505.75,189.86A60,60,0,0,1,454.3,160.5a1.37,1.37,0,1,1,2.35-1.39,57.25,57.25,0,0,0,49.1,28h.07a57.11,57.11,0,0,0,57-57.11V77.74a57.23,57.23,0,0,0-16.7-40.33L546,37.3c-.58-.58-1.13-1.13-1.74-1.66-9.94-9-24-14.13-38.52-14.15h-.09c-14.75,0-28.36,5-38.33,14.13a57,57,0,0,0-18.59,42.12V130a58.27,58.27,0,0,0,.92,10.3,1.37,1.37,0,0,1-2.69.48A60.86,60.86,0,0,1,446,130V77.74A59.79,59.79,0,0,1,465.46,33.6c21.71-19.84,58.61-19.85,80.59,0,.66.57,1.27,1.18,1.86,1.77l.1.11a60,60,0,0,1,17.51,42.26V130a59.84,59.84,0,0,1-59.7,59.84Z"/><path class="cls-2" d="M505.3,213.89a14.28,14.28,0,0,1-9.67-3.79A15.06,15.06,0,0,1,490.72,199V188.42a1.36,1.36,0,1,1,2.72,0V199a12.35,12.35,0,0,0,4,9.11,11.58,11.58,0,0,0,9,3l.82-.1a12.11,12.11,0,0,0,10.11-12V188.4a1.37,1.37,0,1,1,2.73,0V199a14.84,14.84,0,0,1-12.43,14.68c-.33.05-.65.09-1,.12A12.75,12.75,0,0,1,505.3,213.89Z"/><rect class="cls-32" x="456.56" y="88.86" width="4.25" height="22.93" rx="2.12"/><path class="cls-2" d="M508.12,130.22a1.37,1.37,0,0,1-1.27-.88,37,37,0,0,1-2.33-10.85V102.54a1.36,1.36,0,0,1,2.72,0v15.83a34.27,34.27,0,0,0,2.16,10,1.36,1.36,0,0,1-.79,1.76A1.41,1.41,0,0,1,508.12,130.22Z"/><path class="cls-24" d="M531.07,17.71H502.38A39.35,39.35,0,0,0,471.06,2.16H435.38c0,28.52,22.88,52.88,51.1,52.88h80.3C566.78,35.11,550.79,17.71,531.07,17.71Z"/><path class="cls-25" d="M550.67,23.51c9.25,6.54,15.3,18.55,15.3,30.74H484.8A51.54,51.54,0,0,1,444.2,34.5a51.41,51.41,0,0,0,31.9,11h65.65c10.45,0,16.37-13.63,9.45-21.46l-.53-.57"/><rect class="cls-44" x="453.54" y="-5.07" width="4.25" height="22.93" rx="2.12" transform="translate(462.07 -449.27) rotate(90)"/><ellipse class="cls-23" cx="337.53" cy="339.19" rx="0.96" ry="1.51"/><circle class="cls-23" cx="339.35" cy="336.6" r="0.52"/><circle class="cls-23" cx="339.01" cy="334.92" r="0.52"/><circle class="cls-23" cx="340.89" cy="334.74" r="0.43"/><circle class="cls-23" cx="340.19" cy="338.89" r="0.32"/><circle class="cls-23" cx="338.49" cy="338.89" r="0.77"/><circle class="cls-23" cx="337.05" cy="340.91" r="0.48"/><circle class="cls-23" cx="339.35" cy="340.43" r="0.34"/><circle class="cls-23" cx="340.67" cy="336.81" r="0.22"/><circle class="cls-23" cx="338.27" cy="341.39" r="0.22"/><circle class="cls-23" cx="339.69" cy="337.68" r="0.22"/><ellipse class="cls-16" cx="162.43" cy="364.29" rx="8.96" ry="3.08"/><circle class="cls-16" cx="179.44" cy="364.45" r="2.15"/><circle class="cls-16" cx="178.34" cy="372.11" r="1.1"/><circle class="cls-16" cx="171.18" cy="369.18" r="1.1"/><circle class="cls-16" cx="162.43" cy="372.11" r="1.07"/><circle class="cls-16" cx="161.69" cy="367.73" r="1.07"/><circle class="cls-16" cx="146.4" cy="363.99" r="2.61"/><circle class="cls-16" cx="153.47" cy="373.03" r="2.75"/><circle class="cls-16" cx="145.37" cy="368.06" r="2.75"/><ellipse class="cls-16" cx="555.88" cy="364.98" rx="8.96" ry="3.08"/><circle class="cls-16" cx="572.89" cy="365.14" r="2.15"/><circle class="cls-16" cx="571.79" cy="372.8" r="1.1"/><circle class="cls-16" cx="564.63" cy="369.87" r="1.1"/><circle class="cls-16" cx="561.82" cy="373.87" r="1.07"/><circle class="cls-16" cx="555.88" cy="372.8" r="1.07"/><circle class="cls-16" cx="555.14" cy="368.42" r="1.07"/><circle class="cls-16" cx="539.86" cy="364.68" r="2.61"/><circle class="cls-16" cx="546.92" cy="373.72" r="2.75"/><circle class="cls-16" cx="538.82" cy="368.74" r="2.75"/><ellipse class="cls-18" cx="579.86" cy="250.5" rx="1.69" ry="4.9"/><circle class="cls-18" cx="579.94" cy="241.19" r="1.18"/><circle class="cls-18" cx="584.13" cy="241.79" r="0.6"/><circle class="cls-18" cx="582.53" cy="245.71" r="0.6"/><circle class="cls-18" cx="584.72" cy="247.25" r="0.59"/><circle class="cls-18" cx="584.13" cy="250.5" r="0.59"/><circle class="cls-18" cx="581.74" cy="250.91" r="0.59"/><circle class="cls-18" cx="579.69" cy="259.27" r="1.43"/><circle class="cls-18" cx="584.64" cy="255.4" r="1.5"/><circle class="cls-18" cx="581.92" cy="259.84" r="1.5"/><ellipse class="cls-44" cx="444.36" cy="22.97" rx="1.23" ry="3.58" transform="translate(43.04 215.13) rotate(-28.54)"/><circle class="cls-44" cx="441.16" cy="16.96" r="0.86"/><circle class="cls-44" cx="444.06" cy="15.89" r="0.44"/><circle class="cls-44" cx="444.4" cy="18.96" r="0.44"/><circle class="cls-44" cx="446.34" cy="19.18" r="0.43"/><circle class="cls-44" cx="447.1" cy="21.47" r="0.43"/><circle class="cls-44" cx="445.71" cy="22.57" r="0.43"/><path class="cls-44" d="M446.82,27.74a1,1,0,0,1,1.41.41c.28.51.09,2.38-.42,2.66a1,1,0,0,1-1.41-.42C446.13,29.89,446.31,28,446.82,27.74Z"/><circle class="cls-44" cx="449.14" cy="24.44" r="1.1"/><path class="cls-44" d="M448.41,27.28a1.09,1.09,0,0,1,1.49.44c.29.53.1,2.44-.44,2.73s-1.2-1.15-1.48-1.69A1.08,1.08,0,0,1,448.41,27.28Z"/><ellipse class="cls-18" cx="580.23" cy="306.8" rx="1.69" ry="4.9"/><circle class="cls-18" cx="580.32" cy="297.49" r="1.18"/><circle class="cls-18" cx="584.51" cy="298.09" r="0.6"/><circle class="cls-18" cx="582.91" cy="302.01" r="0.6"/><circle class="cls-18" cx="585.1" cy="303.55" r="0.59"/><circle class="cls-18" cx="584.51" cy="306.8" r="0.59"/><circle class="cls-18" cx="582.12" cy="307.21" r="0.59"/><circle class="cls-18" cx="580.07" cy="315.57" r="1.43"/><circle class="cls-18" cx="585.01" cy="311.7" r="1.5"/><circle class="cls-18" cx="582.29" cy="316.14" r="1.5"/><path class="cls-2" d="M616,320.4a.62.62,0,0,1-.62-.62V274.65A.62.62,0,0,1,616,274a.62.62,0,0,1,.62.62v45.13A.62.62,0,0,1,616,320.4Z"/><path class="cls-2" d="M612.49,319.16a.62.62,0,0,1-.62-.62V275.89a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v42.65A.62.62,0,0,1,612.49,319.16Z"/><path class="cls-2" d="M608.89,319.16a.62.62,0,0,1-.62-.62V275.89a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v42.65A.62.62,0,0,1,608.89,319.16Z"/><path class="cls-2" d="M605.3,316.67a.62.62,0,0,1-.63-.62V279a.63.63,0,0,1,1.25,0v37.05A.62.62,0,0,1,605.3,316.67Z"/><path class="cls-2" d="M601.7,315.43a.62.62,0,0,1-.62-.62V280.86a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v33.95A.62.62,0,0,1,601.7,315.43Z"/><path class="cls-2" d="M598.1,312.32a.61.61,0,0,1-.62-.62V284a.61.61,0,0,1,.62-.62.62.62,0,0,1,.62.62V311.7A.62.62,0,0,1,598.1,312.32Z"/><path class="cls-2" d="M619.66,319.78a.62.62,0,0,1-.62-.62V276.51a.63.63,0,0,1,1.25,0v42.65A.63.63,0,0,1,619.66,319.78Z"/><path class="cls-2" d="M623.26,319.78a.62.62,0,0,1-.62-.62V276.51a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v42.65A.62.62,0,0,1,623.26,319.78Z"/><path class="cls-2" d="M626.86,317.29a.62.62,0,0,1-.62-.62V279.62a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v37.05A.61.61,0,0,1,626.86,317.29Z"/><path class="cls-2" d="M630.46,316.05a.62.62,0,0,1-.62-.62V281.48a.62.62,0,0,1,1.24,0v33.95A.62.62,0,0,1,630.46,316.05Z"/><path class="cls-2" d="M634.06,311.7a.62.62,0,0,1-.62-.62V284.59a.62.62,0,1,1,1.24,0v26.49A.62.62,0,0,1,634.06,311.7Z"/><g class="cls-45"><path class="cls-2" d="M615,320.4a.62.62,0,0,1-.62-.62V274.65a.62.62,0,1,1,1.24,0v45.13A.62.62,0,0,1,615,320.4Z"/><path class="cls-2" d="M611.44,319.16a.62.62,0,0,1-.62-.62V275.89a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v42.65A.62.62,0,0,1,611.44,319.16Z"/><path class="cls-2" d="M607.84,319.16a.62.62,0,0,1-.62-.62V275.89a.62.62,0,0,1,1.24,0v42.65A.62.62,0,0,1,607.84,319.16Z"/><path class="cls-2" d="M604.24,316.67a.62.62,0,0,1-.62-.62V279a.62.62,0,0,1,1.24,0v37.05A.62.62,0,0,1,604.24,316.67Z"/><path class="cls-2" d="M600.64,315.43a.62.62,0,0,1-.62-.62V280.86a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v33.95A.62.62,0,0,1,600.64,315.43Z"/><path class="cls-2" d="M597,310.46a.62.62,0,0,1-.62-.62V285.21a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v24.63A.62.62,0,0,1,597,310.46Z"/><path class="cls-2" d="M618.61,319.78a.62.62,0,0,1-.62-.62V276.51a.62.62,0,0,1,1.24,0v42.65A.62.62,0,0,1,618.61,319.78Z"/><path class="cls-2" d="M622.21,319.78a.62.62,0,0,1-.62-.62V276.51a.62.62,0,0,1,1.24,0v42.65A.62.62,0,0,1,622.21,319.78Z"/><path class="cls-2" d="M625.81,317.29a.61.61,0,0,1-.62-.62V279.62a.62.62,0,0,1,.62-.62.62.62,0,0,1,.62.62v37.05A.62.62,0,0,1,625.81,317.29Z"/><path class="cls-2" d="M629.41,316.05a.63.63,0,0,1-.63-.62V281.48a.63.63,0,0,1,1.25,0v33.95A.62.62,0,0,1,629.41,316.05Z"/><path class="cls-2" d="M633,313a.63.63,0,0,1-.62-.63V284.59a.63.63,0,0,1,1.25,0v27.73A.63.63,0,0,1,633,313Z"/></g><path class="cls-2" d="M332.3,337.92H261.69a21.89,21.89,0,0,1-21.87-21.87,1.24,1.24,0,0,1,2.48,0,19.41,19.41,0,0,0,19.39,19.39H332.3a1.24,1.24,0,0,1,0,2.48Z"/><path class="cls-44" d="M487.69,9.36a2.27,2.27,0,0,1-.72-.12l-6.62-2.32a31.93,31.93,0,0,0-10.57-1.79H440.87a2.18,2.18,0,1,1,0-4.35h28.91a36.12,36.12,0,0,1,12,2l6.61,2.31a2.18,2.18,0,0,1-.71,4.23Z"/><path class="cls-44" d="M447.38,35.83a2.19,2.19,0,0,1-1.63-.73c-7.95-9-9.87-21.16-9.95-21.67a2.18,2.18,0,1,1,4.3-.66h0c0,.11,1.82,11.42,8.91,19.45a2.17,2.17,0,0,1-1.63,3.61Z"/><path class="cls-2" d="M523.49,18.28h-6.17a1.37,1.37,0,0,1,0-2.73h6.17a1.37,1.37,0,1,1,0,2.73Z"/><path class="cls-2" d="M566.78,55.61H485.61a51.89,51.89,0,0,1-37.49-16.16A54.5,54.5,0,0,1,432.61,1.36,1.36,1.36,0,0,1,434,0H470a41.13,41.13,0,0,1,32.32,15.55h9a1.37,1.37,0,0,1,0,2.73h-9.69a1.32,1.32,0,0,1-1.07-.53A38.4,38.4,0,0,0,470,2.73H435.35a51.86,51.86,0,0,0,14.72,34.82,49.19,49.19,0,0,0,35.54,15.33h79.78c-.72-18.89-16.32-34.6-34.7-34.6h-1.44a1.37,1.37,0,1,1,0-2.73h1.44c20.3,0,37.45,17.72,37.45,38.7A1.36,1.36,0,0,1,566.78,55.61Z"/><path class="cls-34" d="M217,257.27h88.39a0,0,0,0,1,0,0v24.27a0,0,0,0,1,0,0H227.6A10.63,10.63,0,0,1,217,270.91V257.27A0,0,0,0,1,217,257.27Z"/><rect class="cls-5" x="216.97" y="180.49" width="139.42" height="92.63" rx="7.36"/><path class="cls-46" d="M356.39,253.49v9.11a9.7,9.7,0,0,1-9.69,9.7h-120a9.7,9.7,0,0,1-9.69-9.7v-9.11a9.69,9.69,0,0,0,9.69,9.69h120A9.69,9.69,0,0,0,356.39,253.49Z"/><line class="cls-5" x1="216.97" y1="195.71" x2="350.96" y2="195.71"/><path class="cls-2" d="M348.89,274.35H224.47a8.75,8.75,0,0,1-8.74-8.73V188a8.75,8.75,0,0,1,8.74-8.73H348.89a8.75,8.75,0,0,1,8.74,8.73v77.64A8.75,8.75,0,0,1,348.89,274.35ZM224.47,181.73a6.26,6.26,0,0,0-6.26,6.25v77.64a6.27,6.27,0,0,0,6.26,6.26H348.89a6.27,6.27,0,0,0,6.26-6.26V188a6.26,6.26,0,0,0-6.26-6.25Z"/><path class="cls-2" d="M344.75,196.64H217a.93.93,0,1,1,0-1.86H344.75a.93.93,0,1,1,0,1.86Z"/><circle class="cls-47" cx="228.01" cy="188.79" r="2.28"/><circle class="cls-48" cx="236.44" cy="188.72" r="2.28"/><circle class="cls-49" cx="244.86" cy="188.64" r="2.28"/><path class="cls-2" d="M227.65,191.49h-.31a2.82,2.82,0,0,1-2.48-3.1,2.73,2.73,0,0,1,1-1.88,2.8,2.8,0,1,1,1.75,5Zm0-4.56a1.77,1.77,0,0,0-1.75,1.56,1.76,1.76,0,1,0,1.95-1.55Z"/><path class="cls-2" d="M236.08,191.42h-.32a2.81,2.81,0,0,1,.63-5.58,2.8,2.8,0,0,1,2.47,3.1A2.81,2.81,0,0,1,236.08,191.42Zm0-4.56a1.76,1.76,0,1,0,1.75,1.95,1.77,1.77,0,0,0-.37-1.29,1.74,1.74,0,0,0-1.18-.65h-.2Z"/><path class="cls-2" d="M244.5,191.35a1.62,1.62,0,0,1-.31,0,2.76,2.76,0,0,1-1.88-1,2.81,2.81,0,0,1-.6-2.07,2.77,2.77,0,0,1,1-1.88,2.82,2.82,0,0,1,2.06-.59,2.82,2.82,0,0,1,2.48,3.1,2.86,2.86,0,0,1-1,1.88A2.78,2.78,0,0,1,244.5,191.35Zm0-4.56a1.75,1.75,0,0,0-1.74,1.56,1.77,1.77,0,0,0,1.55,1.94,1.75,1.75,0,0,0,1.29-.37,1.76,1.76,0,0,0-.9-3.12Z"/><line class="cls-50" x1="264.05" y1="229.89" x2="264.06" y2="223.98"/><path class="cls-2" d="M273.69,217.59a.71.71,0,0,1,0-1.42l54-.48h0a.71.71,0,0,1,.71.7.72.72,0,0,1-.71.72l-54,.48Z"/><path class="cls-2" d="M273.69,222.38a.72.72,0,0,1-.71-.7.7.7,0,0,1,.7-.71l38.51-.48h0a.71.71,0,1,1,0,1.41l-38.51.48Z"/><path class="cls-2" d="M273.69,227.18a.71.71,0,0,1,0-1.42l21.11-.48a.73.73,0,0,1,.72.7.7.7,0,0,1-.69.72l-21.11.48Z"/><path class="cls-2" d="M273.69,235.35a.71.71,0,0,1,0-1.42l54-.48h0a.71.71,0,0,1,.71.7.72.72,0,0,1-.71.72l-54,.48Z"/><path class="cls-2" d="M273.69,240.14a.72.72,0,0,1-.71-.7.7.7,0,0,1,.7-.71l38.51-.48h0a.71.71,0,1,1,0,1.41l-38.51.48Z"/><path class="cls-2" d="M273.69,244.94a.71.71,0,0,1,0-1.42l21.11-.48a.73.73,0,0,1,.72.7.7.7,0,0,1-.69.72l-21.11.48Z"/><rect class="cls-51" x="257.48" y="212.17" width="8.09" height="1.55" rx="0.77" transform="translate(17.78 446.02) rotate(-82.87)"/><rect class="cls-51" x="260.13" y="216.69" width="8.09" height="1.55" rx="0.77" transform="translate(15.61 452.61) rotate(-82.87)"/><rect class="cls-51" x="255.62" y="241.14" width="4.64" height="0.89" rx="0.44" transform="translate(-13.78 467.56) rotate(-82.87)"/><line class="cls-50" x1="267.43" y1="233.8" x2="267.44" y2="227.89"/><path class="cls-52" d="M267.46,221.23l0-8.57a4.25,4.25,0,0,0-4.23-4.27h0l-29.82-.06a4.26,4.26,0,0,0-4.28,4.23v0l-.07,36.07a4.26,4.26,0,0,0,4.23,4.28h0l29.82.06a4.26,4.26,0,0,0,4.28-4.23v-7.59"/><path class="cls-53" d="M230.14,229.91a.94.94,0,0,1-.95-.92l-.11-16.73c-.07-4.25,3.15-4.42,7.4-4.5a.94.94,0,1,1,.27,1.87h-.23a5.85,5.85,0,0,0-5.72,6l.26,13.36A1,1,0,0,1,230.14,229.91Z"/><ellipse class="cls-53" cx="231.23" cy="226.12" rx="1.13" ry="1.42" transform="translate(-4.31 4.49) rotate(-1.1)"/><circle class="cls-53" cx="232.51" cy="224.11" r="0.3"/><circle class="cls-54" cx="232.1" cy="228.38" r="0.36"/><circle class="cls-53" cx="233.33" cy="226.37" r="0.56"/><circle class="cls-53" cx="231" cy="219.97" r="0.53"/><circle class="cls-53" cx="231.44" cy="222.62" r="0.15"/><circle class="cls-53" cx="232.51" cy="217.27" r="0.47"/><circle class="cls-53" cx="232.33" cy="214.58" r="0.3"/><circle class="cls-53" cx="232.76" cy="211.34" r="0.79"/><path class="cls-2" d="M262.79,253.07h0L232.94,253a5,5,0,0,1-3.57-1.49,5,5,0,0,1-1.44-3.55l.07-36.08a5,5,0,0,1,5-5h0l29.83.06a5,5,0,0,1,5,5v8.57h0l-.06,27.54a5,5,0,0,1-1.49,3.56A4.94,4.94,0,0,1,262.79,253.07ZM233,208.39a3.5,3.5,0,0,0-3.49,3.47L229.45,248a3.47,3.47,0,0,0,3.47,3.51l29.85.06a3.53,3.53,0,0,0,2.48-1,3.44,3.44,0,0,0,1-2.46l.08-36.13a3.51,3.51,0,0,0-3.49-3.5L233,208.39Zm34.09,12.13h0Z"/><path class="cls-55" d="M262.75,236h0a1.19,1.19,0,0,1,1.2,1.19l.05,9.2a1.2,1.2,0,0,1-1.19,1.2h0a1.19,1.19,0,0,1-1.2-1.19l-.05-9.2A1.19,1.19,0,0,1,262.75,236Z"/><path class="cls-5" d="M231.74,226.78h0a.92.92,0,0,1,.92.92l0,7.07a.92.92,0,0,1-.91.92h0a.92.92,0,0,1-.93-.91l0-7.07A.93.93,0,0,1,231.74,226.78Z"/><path class="cls-34" d="M71.77,275.23v8.18l15.11,5.29s3.39,13,16.45,13,15.27-17.42,15.27-17.42Z"/><rect class="cls-5" x="55.12" y="233.44" width="9.07" height="72.78" transform="translate(-215.16 240.76) rotate(-71.49)"/><path class="cls-2" d="M92.73,286.79a1,1,0,0,1-.35-.06l-69-23.1a1.07,1.07,0,0,1-.63-.55,1.09,1.09,0,0,1-.06-.85l2.88-8.6a1.09,1.09,0,0,1,1.39-.69L96,276a1.1,1.1,0,0,1,.63.55,1.11,1.11,0,0,1,.06.84L93.77,286A1.09,1.09,0,0,1,92.73,286.79Zm-67.62-24.9L92,284.29l2.18-6.51-66.92-22.4Z"/><circle class="cls-5" cx="15.54" cy="255.17" r="14.43"/><path class="cls-2" d="M15.57,270.7a15.52,15.52,0,1,1,7.49-1.93A15.53,15.53,0,0,1,15.57,270.7Zm-.05-28.87a13.35,13.35,0,0,0-12.79,9.65A13.33,13.33,0,0,0,22,266.84a13.33,13.33,0,0,0-2.76-24.48A13.47,13.47,0,0,0,15.52,241.83Z"/><circle class="cls-20" cx="15.54" cy="255.17" r="7.98"/><path class="cls-2" d="M15.56,264.25a9.09,9.09,0,1,1,4.37-1.13A9,9,0,0,1,15.56,264.25Zm0-16a6.81,6.81,0,0,0-3.31.86,6.9,6.9,0,0,0-2.7,9.35,6.88,6.88,0,1,0,7.93-9.94A7,7,0,0,0,15.53,248.29Z"/><circle class="cls-34" cx="123.54" cy="210.16" r="12.18"/><rect class="cls-5" x="108.02" y="204.21" width="9.07" height="72.78" transform="translate(165.2 500.96) rotate(-166.36)"/><path class="cls-56" d="M122.67,217.83l-1.1,4.52a14.42,14.42,0,0,1-8.65-2.82l.93-3.85A14.45,14.45,0,0,0,122.67,217.83Z"/><path class="cls-2" d="M108.38,278.14a.82.82,0,0,1-.26,0L99.31,276a1.09,1.09,0,0,1-.81-1.33l17.16-70.73a1.08,1.08,0,0,1,.5-.68,1.1,1.1,0,0,1,.83-.13l8.82,2.14a1.1,1.1,0,0,1,.81,1.33l-17.17,70.72a1.11,1.11,0,0,1-1.07.85Zm-7.48-4.06,6.67,1.62,16.65-68.58-6.68-1.62Z"/><circle class="cls-5" cx="121.67" cy="203.06" r="14.43"/><path class="cls-2" d="M121.69,218.59a15.52,15.52,0,1,1,7.49-1.93A15.53,15.53,0,0,1,121.69,218.59Zm0-28.86A13.32,13.32,0,0,0,110,209.51a13.33,13.33,0,1,0,11.64-19.78Z"/><circle class="cls-20" cx="121.67" cy="203.06" r="7.98"/><path class="cls-2" d="M121.68,212.14a9.08,9.08,0,1,1,7.93-13.47h0a9.07,9.07,0,0,1-7.93,13.47Zm0-16a6.88,6.88,0,1,0,6,3.55h0A6.91,6.91,0,0,0,121.65,196.18Z"/><circle class="cls-5" cx="104.16" cy="283.21" r="14.43"/><path class="cls-2" d="M104.19,298.74a15.53,15.53,0,1,1,13.57-23.05h0a15.53,15.53,0,0,1-13.57,23.05Zm0-28.87a13.21,13.21,0,0,0-6.43,1.67,13.33,13.33,0,1,0,18.12,5.22,13.4,13.4,0,0,0-11.69-6.89Z"/><circle class="cls-20" cx="104.16" cy="283.21" r="7.98"/><path class="cls-2" d="M104.17,292.29a9.08,9.08,0,1,1,7.94-13.47h0a9.08,9.08,0,0,1-7.94,13.47Zm0-16a6.88,6.88,0,1,0,6,3.55h0a6.83,6.83,0,0,0-4.12-3.28A6.94,6.94,0,0,0,104.15,276.33Z"/><path class="cls-2" d="M520.55,311.3a1.17,1.17,0,0,1-1.17-1.17V279.48a1.17,1.17,0,0,1,2.34,0v30.65A1.17,1.17,0,0,1,520.55,311.3Z"/><path class="cls-2" d="M520.55,273.51a1.17,1.17,0,0,1-1.17-1.17v-5.8a1.17,1.17,0,0,1,2.34,0v5.8A1.17,1.17,0,0,1,520.55,273.51Z"/><path class="cls-57" d="M538.86,152.62c0,19.29-14.61,34.93-32.68,35h-1.33c-17.68-.07-32.1-15.12-32.65-34l-.31-14.83c1.42-5.57,5.44-6.1,10.47-7.16h46c5,1.05,9.05.09,10.48,5.7Z"/><path class="cls-58" d="M482,139.28h47.82v10.57a23.91,23.91,0,0,1-23.91,23.91h0A23.91,23.91,0,0,1,482,149.85V139.28Z"/><path class="cls-59" d="M510.83,173.21a23.91,23.91,0,0,1-28.34-18.45,23.3,23.3,0,0,1-.52-4.92V139.28h9.93v10.56A23.9,23.9,0,0,0,510.83,173.21Z"/><rect class="cls-5" x="490.11" y="139.28" width="39.66" height="14.51"/><rect class="cls-60" x="490.11" y="139.28" width="39.66" height="6.05"/><path class="cls-61" d="M527.58,155.37v2.78c0,8.41-6.81,14-15.22,14-2.65,0-5.15,1.84-7.32.63l-.11-.92a16.81,16.81,0,0,1-.28-2.93,15.48,15.48,0,0,1,22.84-13.59Z"/><path class="cls-62" d="M515.17,172.05a15.06,15.06,0,0,1-2.76.24c-2.66,0-5.15,1.85-7.32.63L505,172a16.06,16.06,0,0,1-.28-2.93,15.65,15.65,0,0,1,.27-2.9C506.9,170.34,510.64,171,515.17,172.05Z"/><path class="cls-2" d="M505,173.25a.8.8,0,0,1-.79-.66,16.28,16.28,0,0,1,23.75-17.36.81.81,0,0,1-.77,1.42,14.67,14.67,0,0,0-21.4,15.64.79.79,0,0,1-.64.94Z"/><path class="cls-63" d="M508.67,161.49a.34.34,0,0,1-.23-.08.4.4,0,0,1-.09-.56A15,15,0,0,1,519,154.91a.4.4,0,1,1,.07.79A14.19,14.19,0,0,0,509,161.33.36.36,0,0,1,508.67,161.49Z"/><ellipse class="cls-63" cx="510.25" cy="160.57" rx="1.52" ry="0.97" transform="translate(86.51 487.04) rotate(-55.08)"/><circle class="cls-63" cx="512.9" cy="159.8" r="0.49"/><circle class="cls-63" cx="511.91" cy="162.43" r="0.49"/><path class="cls-2" d="M528.5,155.06H490.11a1.27,1.27,0,0,1-1.27-1.27V139.9a1.27,1.27,0,0,1,2.53,0v12.62H528.5a1.27,1.27,0,0,1,0,2.54Z"/><path class="cls-2" d="M506.93,174.94h-2.12a24.08,24.08,0,0,1-24.05-24v-9.42a3.41,3.41,0,0,1,3.41-3.41h43.39a3.41,3.41,0,0,1,3.41,3.4v9.41a24.05,24.05,0,0,1-24.05,24.06Zm-22.76-34.45a1,1,0,0,0-.7.29,1,1,0,0,0-.29.7v9.42a21.64,21.64,0,0,0,21.62,21.61h2.12a21.59,21.59,0,0,0,21.62-21.63v-9.4a1,1,0,0,0-1-1Z"/><path class="cls-5" d="M545.93,133.71h-2.72a2,2,0,0,1-2-1.63L533,89.3a2,2,0,0,1,2-2.39h2.72a2,2,0,0,1,2,1.63l8.26,42.78A2,2,0,0,1,545.93,133.71Z"/><path class="cls-64" d="M535,132.44h0a2,2,0,0,1-2-1.63L524.73,88a2,2,0,0,1,2-2.39h0a2,2,0,0,1,2,1.63l8.26,42.78A2,2,0,0,1,535,132.44Z"/><path class="cls-17" d="M535.58,82.54a27.59,27.59,0,1,0,27.58,27.58A27.58,27.58,0,0,0,535.58,82.54Zm0,47.7a20.13,20.13,0,1,1,20.12-20.12A20.12,20.12,0,0,1,535.58,130.24Z"/><path class="cls-21" d="M563.16,110.12c0,.53,0,1.07,0,1.6a27.58,27.58,0,0,0-55.07,0c0-.53-.06-1.07-.06-1.6a27.59,27.59,0,1,1,55.18,0Z"/><path class="cls-2" d="M535.81,138.56a28.84,28.84,0,1,1,28.84-28.84A28.87,28.87,0,0,1,535.81,138.56Zm0-55.18a26.34,26.34,0,1,0,26.33,26.34A26.37,26.37,0,0,0,535.81,83.38Z"/><path class="cls-2" d="M535.81,131.09a21.38,21.38,0,1,1,21.37-21.37A21.4,21.4,0,0,1,535.81,131.09Zm0-40.24a18.87,18.87,0,1,0,18.87,18.87A18.88,18.88,0,0,0,535.81,90.85Z"/><path class="cls-5" d="M485.85,133.71h-2.72a2,2,0,0,1-2-1.63L472.9,89.3a2,2,0,0,1,2-2.39h2.71a2,2,0,0,1,2,1.63l8.25,42.78A2,2,0,0,1,485.85,133.71Z"/><path class="cls-64" d="M474.88,132.44h0a2,2,0,0,1-2-1.63L464.65,88a2,2,0,0,1,2-2.39h0a2,2,0,0,1,2,1.63l8.25,42.78A2,2,0,0,1,474.88,132.44Z"/><path class="cls-17" d="M475.49,82.54a27.59,27.59,0,1,0,27.59,27.58A27.58,27.58,0,0,0,475.49,82.54Zm0,47.7a20.13,20.13,0,1,1,20.12-20.12A20.12,20.12,0,0,1,475.49,130.24Z"/><path class="cls-21" d="M503.08,110.12c0,.53,0,1.07-.06,1.6a27.58,27.58,0,0,0-55.06,0c0-.53-.06-1.07-.06-1.6a27.59,27.59,0,1,1,55.18,0Z"/><path class="cls-2" d="M475.72,138.56a28.84,28.84,0,1,1,28.84-28.84A28.88,28.88,0,0,1,475.72,138.56Zm0-55.18a26.34,26.34,0,1,0,26.34,26.34A26.37,26.37,0,0,0,475.72,83.38Z"/><path class="cls-2" d="M475.72,131.09a21.38,21.38,0,1,1,21.38-21.37A21.4,21.4,0,0,1,475.72,131.09Zm0-40.24a18.87,18.87,0,1,0,18.87,18.87A18.89,18.89,0,0,0,475.72,90.85Z"/><ellipse class="cls-5" cx="481.22" cy="176.24" rx="2.89" ry="1.66" transform="translate(162.51 577.56) rotate(-71.66)"/><circle class="cls-42" cx="486.45" cy="177.86" r="0.93"/><path class="cls-42" d="M483.61,178.8a.72.72,0,1,1,0,1.44.72.72,0,0,1,0-1.44Z"/><circle class="cls-42" cx="484.56" cy="172.87" r="0.95"/><path class="cls-2" d="M543.44,180.22a1.16,1.16,0,0,1-.87-.39L538,174.78a1.17,1.17,0,0,1,1.74-1.56l4.53,5.05a1.17,1.17,0,0,1-.09,1.65A1.19,1.19,0,0,1,543.44,180.22Z"/><path class="cls-2" d="M556,166.12a1.16,1.16,0,0,1-.87-.39l-4.53-5a1.17,1.17,0,0,1,1.74-1.56l4.53,5a1.17,1.17,0,0,1-.09,1.65A1.16,1.16,0,0,1,556,166.12Z"/><path class="cls-2" d="M525.26,189.2a1.17,1.17,0,0,1-1.1-.78L521.9,182a1.17,1.17,0,1,1,2.2-.77l2.26,6.39a1.16,1.16,0,0,1-.71,1.49A1.07,1.07,0,0,1,525.26,189.2Z"/><path class="cls-2" d="M533.49,187.45a1.17,1.17,0,0,1-1.1-.78l-1.46-4.14a1.17,1.17,0,0,1,2.21-.77l1.46,4.13a1.17,1.17,0,0,1-.72,1.49A1.07,1.07,0,0,1,533.49,187.45Z"/><path class="cls-2" d="M534.13,169.55a1.15,1.15,0,0,1-1-.62l-1.66-3.08a1.17,1.17,0,1,1,2-1.11l1.66,3.09a1.16,1.16,0,0,1-.47,1.58A1.25,1.25,0,0,1,534.13,169.55Z"/><path class="cls-2" d="M545.37,166.94a1.16,1.16,0,0,1-1-.48l-2.08-2.89a1.17,1.17,0,0,1,1.89-1.37l2.09,2.9a1.17,1.17,0,0,1-.27,1.62A1.15,1.15,0,0,1,545.37,166.94Z"/><path class="cls-2" d="M467.31,180.22a1.19,1.19,0,0,1-.78-.3,1.17,1.17,0,0,1-.09-1.65l4.53-5.05a1.17,1.17,0,1,1,1.74,1.56l-4.53,5.05A1.16,1.16,0,0,1,467.31,180.22Z"/><path class="cls-2" d="M454.75,166.12a1.16,1.16,0,0,1-.78-.3,1.17,1.17,0,0,1-.09-1.65l4.53-5a1.17,1.17,0,1,1,1.74,1.56l-4.53,5A1.16,1.16,0,0,1,454.75,166.12Z"/><path class="cls-2" d="M485.49,189.2a1.07,1.07,0,0,1-.39-.07,1.16,1.16,0,0,1-.71-1.49l2.26-6.39a1.17,1.17,0,1,1,2.2.77l-2.26,6.4A1.17,1.17,0,0,1,485.49,189.2Z"/><path class="cls-2" d="M477.26,187.45a1,1,0,0,1-.39-.07,1.17,1.17,0,0,1-.72-1.49l1.46-4.13a1.17,1.17,0,0,1,2.21.77l-1.46,4.14A1.17,1.17,0,0,1,477.26,187.45Z"/><path class="cls-2" d="M476.62,169.55a1.25,1.25,0,0,1-.55-.14,1.16,1.16,0,0,1-.47-1.58l1.66-3.09a1.17,1.17,0,1,1,2.05,1.11l-1.66,3.08A1.15,1.15,0,0,1,476.62,169.55Z"/><path class="cls-2" d="M465.38,166.94a1.15,1.15,0,0,1-.68-.22,1.17,1.17,0,0,1-.27-1.62l2.08-2.9a1.17,1.17,0,0,1,1.9,1.37l-2.08,2.89A1.16,1.16,0,0,1,465.38,166.94Z"/><path class="cls-2" d="M473.22,156.66a1.17,1.17,0,0,1-1-1.72l1.66-3.09a1.17,1.17,0,0,1,2.06,1.11l-1.66,3.09A1.16,1.16,0,0,1,473.22,156.66Z"/><path class="cls-2" d="M462,154.06a1.2,1.2,0,0,1-.68-.22,1.16,1.16,0,0,1-.27-1.63l2.08-2.89a1.16,1.16,0,0,1,1.63-.27,1.18,1.18,0,0,1,.27,1.63l-2.08,2.89A1.17,1.17,0,0,1,462,154.06Z"/><path class="cls-2" d="M542.11,155.08a1.16,1.16,0,0,1-1-.61l-1.66-3.09a1.17,1.17,0,1,1,2.05-1.11l1.67,3.09a1.17,1.17,0,0,1-1,1.72Z"/><path class="cls-2" d="M553.35,152.48a1.17,1.17,0,0,1-1-.49l-2.08-2.89a1.17,1.17,0,1,1,1.9-1.36l2.08,2.89a1.17,1.17,0,0,1-.27,1.63A1.13,1.13,0,0,1,553.35,152.48Z"/><circle class="cls-1" cx="638.68" cy="220.25" r="8.47"/><path class="cls-5" d="M647.15,220.25a8.47,8.47,0,0,1-16.94,0c0-4.68,3.79,1.05,8.47,1.05S647.15,215.57,647.15,220.25Z"/><path class="cls-2" d="M638.68,229.93a9.69,9.69,0,1,1,9.69-9.68A9.69,9.69,0,0,1,638.68,229.93Zm0-16.93a7.25,7.25,0,1,0,7.25,7.25A7.26,7.26,0,0,0,638.68,213Z"/><circle class="cls-1" cx="598.1" cy="220.25" r="8.47"/><path class="cls-5" d="M606.57,220.25a8.47,8.47,0,0,1-16.94,0c0-4.68,3.79,1.05,8.47,1.05S606.57,215.57,606.57,220.25Z"/><path class="cls-2" d="M598.1,229.93a9.69,9.69,0,1,1,9.68-9.68A9.7,9.7,0,0,1,598.1,229.93Zm0-16.93a7.25,7.25,0,1,0,7.25,7.25A7.26,7.26,0,0,0,598.1,213Z"/></g></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/svg/login-bg-dark.svg b/yunxi-ui-admin-vben/src/assets/svg/login-bg-dark.svg
new file mode 100644
index 0000000..888da7a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/login-bg-dark.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6395" height="1080" viewBox="0 0 6395 1080">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_73" data-name="Rectangle 73" width="6395" height="1079" transform="translate(-5391)" fill="#fff"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.631" y1="0.5" x2="0.958" y2="0.488" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#2e364a"/>
+      <stop offset="1" stop-color="#2c344a"/>
+    </linearGradient>
+  </defs>
+  <g id="Web_1920_1" data-name="Web 1920 – 1" clip-path="url(#clip-Web_1920_1)">
+    <g id="Mask_Group_1" data-name="Mask Group 1" transform="translate(5391)" clip-path="url(#clip-path)">
+      <g id="Group_118" data-name="Group 118" transform="translate(-419.333 -1.126)">
+        <path id="Path_142" data-name="Path 142" d="M6271.734-6.176s-222.478,187.809-55.349,583.254c44.957,106.375,81.514,205.964,84.521,277,8.164,192.764-156.046,268.564-156.046,268.564l-653.53-26.8L5475.065-21.625Z" transform="translate(-4876.383)" fill="#2d3750"/>
+        <path id="Union_6" data-name="Union 6" d="M-2631.1,1081.8v-1.6H-8230.9V.022h5599.8V0h759.7s-187.845,197.448-91.626,488.844c49.167,148.9,96.309,256.289,104.683,362.118,7.979,100.852-57.98,201.711-168.644,254.286-65.858,31.29-144.552,42.382-223.028,42.383C-2441.2,1147.632-2631.1,1081.8-2631.1,1081.8Z" transform="translate(3259.524 0.803)" fill="url(#linear-gradient)"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/yunxi-ui-admin-vben/src/assets/svg/login-bg.svg b/yunxi-ui-admin-vben/src/assets/svg/login-bg.svg
new file mode 100644
index 0000000..7b66baf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/login-bg.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="6395" height="1079" viewBox="0 0 6395 1079">
+  <defs>
+    <clipPath id="clip-path">
+      <rect  width="6395" height="1079" transform="translate(-5391)" fill="#fff"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.747" y1="0.222" x2="0.973" y2="0.807" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#2c41b4"/>
+      <stop offset="1" stop-color="#1b4fab"/>
+    </linearGradient>
+  </defs>
+  <g id="Mask_Group_1" data-name="Mask Group 1" transform="translate(5391)" clip-path="url(#clip-path)">
+    <g id="Group_118" data-name="Group 118" transform="translate(-419.333 -1.126)">
+      <path id="Path_142" data-name="Path 142" d="M6271.734-6.176s-222.478,187.809-55.349,583.254c44.957,106.375,81.514,205.964,84.521,277,8.164,192.764-156.046,268.564-156.046,268.564l-653.53-26.8L5475.065-21.625Z" transform="translate(-4876.383 0)" fill="#f1f5f8"/>
+      <path id="Union_6" data-name="Union 6" d="M-2631.1,1081.8v-1.6H-8230.9V.022H-2631.1V0H-1871.4s-187.845,197.448-91.626,488.844c49.167,148.9,96.309,256.289,104.683,362.118,7.979,100.852-57.98,201.711-168.644,254.286-65.858,31.29-144.552,42.382-223.028,42.383C-2441.2,1147.632-2631.1,1081.8-2631.1,1081.8Z" transform="translate(3259.524 0.803)" fill="url(#linear-gradient)"/>
+    </g>
+  </g>
+</svg>
diff --git a/yunxi-ui-admin-vben/src/assets/svg/login-box-bg.svg b/yunxi-ui-admin-vben/src/assets/svg/login-box-bg.svg
new file mode 100644
index 0000000..ee7dbdc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/login-box-bg.svg
@@ -0,0 +1 @@
+<svg id="a622e68e-7a65-46e9-94a9-d455de519afc" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="971.44" height="502" viewBox="0 0 971.44 502"><defs><linearGradient id="341b0e5e-a21f-44db-b85f-76180f33f0d3" x1="599.5" y1="668.05" x2="599.5" y2="199" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient><linearGradient id="9c19d1ba-0c1d-4cca-8c15-e6f3831a5e67" x1="485.72" y1="258.88" x2="485.72" y2="71.12" xlink:href="#341b0e5e-a21f-44db-b85f-76180f33f0d3"/><linearGradient id="fe76f7c7-2126-4e48-920d-21143a22d340" x1="132" y1="515" x2="303" y2="515" xlink:href="#341b0e5e-a21f-44db-b85f-76180f33f0d3"/><linearGradient id="2cf89a04-5a05-413b-983a-d2bc296cbb5e" x1="933" y1="568.28" x2="1031" y2="568.28" xlink:href="#341b0e5e-a21f-44db-b85f-76180f33f0d3"/></defs><title>responsive</title><g opacity="0.7"><path d="M852.69,199H346.31A16.37,16.37,0,0,0,330,215.42V563.94a16.37,16.37,0,0,0,16.31,16.42H520.47v60.16h-7.94a8.3,8.3,0,0,0-8.27,8.33v12.07h16.21v7.14H678.53v-7.14h16.21V648.85a8.3,8.3,0,0,0-8.27-8.33H679V640h-.51V580.36H852.69A16.37,16.37,0,0,0,869,563.94V215.42A16.37,16.37,0,0,0,852.69,199Z" transform="translate(-114.28 -199)" fill="url(#341b0e5e-a21f-44db-b85f-76180f33f0d3)"/></g><rect x="407.72" y="371" width="156" height="92" fill="#bdbdbd"/><g opacity="0.1"><path d="M525.07,579H675.24c1.81-7.87,3.26-13,3.26-13h-157S523.11,571.11,525.07,579Z" transform="translate(-114.28 -199)"/></g><path d="M235.82,3h499.8a16.1,16.1,0,0,1,16.1,16.1V327a0,0,0,0,1,0,0h-532a0,0,0,0,1,0,0V19.1A16.1,16.1,0,0,1,235.82,3Z" fill="#535461"/><path d="M849.9,576H350.1A16.1,16.1,0,0,1,334,559.9V526H866v33.9A16.1,16.1,0,0,1,849.9,576Z" transform="translate(-114.28 -199)" fill="#bdbdbd"/><circle cx="485.72" cy="352" r="9" fill="#535461"/><path d="M399.89,436H571.55a8.17,8.17,0,0,1,8.17,8.17V456a0,0,0,0,1,0,0h-188a0,0,0,0,1,0,0V444.17A8.17,8.17,0,0,1,399.89,436Z" fill="#bdbdbd"/><g opacity="0.5"><rect x="320.72" y="71.12" width="330" height="187.76" rx="4.5" ry="4.5" fill="url(#9c19d1ba-0c1d-4cca-8c15-e6f3831a5e67)"/></g><rect x="324.95" y="72.5" width="321.54" height="183.96" rx="4.5" ry="4.5" fill="#fff"/><g opacity="0.5"><rect x="414.52" y="98.91" width="35.44" height="31.9" rx="4.5" ry="4.5" fill="#0960bd"/></g><rect x="460.59" y="98.91" width="95.69" height="3.54" rx="1.77" ry="1.77" fill="#e0e0e0"/><rect x="460.59" y="109.55" width="79.54" height="3.54" rx="1.77" ry="1.77" fill="#e0e0e0"/><g opacity="0.5"><rect x="414.52" y="148.53" width="35.44" height="31.9" rx="4.5" ry="4.5" fill="#0960bd"/></g><rect x="460.59" y="148.53" width="95.69" height="3.54" rx="1.77" ry="1.77" fill="#e0e0e0"/><rect x="460.59" y="159.16" width="95.69" height="3.54" rx="1.77" ry="1.77" fill="#e0e0e0"/><g opacity="0.5"><rect x="414.52" y="198.15" width="35.44" height="31.9" rx="4.5" ry="4.5" fill="#0960bd"/></g><rect x="460.59" y="198.15" width="95.69" height="3.54" rx="1.77" ry="1.77" fill="#e0e0e0"/><rect x="460.59" y="208.78" width="96.33" height="3.54" rx="1.59" ry="1.59" fill="#e0e0e0"/><line x1="485.72" y1="42" x2="485.72" y2="20" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><line x1="485.72" y1="79" x2="485.72" y2="50.13" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><circle cx="485.72" cy="79" r="4" fill="#0960bd"/><circle cx="485.72" cy="46" r="4" fill="none" stroke="#fff" stroke-miterlimit="10"/><line x1="485.72" y1="42" x2="485.72" y2="20" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><line x1="485.72" y1="79" x2="485.72" y2="50.13" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><circle cx="485.72" cy="79" r="4" fill="#0960bd"/><circle cx="485.72" cy="46" r="4" fill="none" stroke="#fff" stroke-miterlimit="10"/><line x1="485.72" y1="279" x2="485.72" y2="310" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><line x1="485.72" y1="251" x2="485.72" y2="279.87" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><circle cx="485.72" cy="251" r="4" fill="#0960bd"/><line x1="305.72" y1="168.5" x2="274.22" y2="168.5" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><line x1="333.22" y1="168.5" x2="304.35" y2="168.5" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><circle cx="333.22" cy="168.5" r="4" fill="#0960bd"/><g opacity="0.1"><rect x="408.22" y="435.5" width="156" height="3"/></g><g opacity="0.7"><path d="M293.48,566.06H221.08l1-8.14c20.46-18.37,33.69-67.31,33.69-67.31a6.78,6.78,0,0,0-.87.18c-12,2.42-20.54,7.35-26.51,13.28l2.54-21.66c37.8-8.14,52.79-58.14,52.79-58.14-24.12,5.35-39.16,13.63-48.5,21.49l3.72-31.82c25.56,8.77,52-37.82,52-37.82l-1-.21.5-.32-.76.27c-28.25-6.09-43.35,10.06-48.25,16.77l.37-3.12q-1.12,3-2.18,5.88h0l0,.08q-3,8.13-5.49,16.06l0,0h0q-2.17,6.77-4.06,13.4l0-.06s-1.17-28.46-31.18-35.95c0,0,3.15,62.07,26.93,51.91h0c-2.2,9-4,17.66-5.56,26.07h0q-1.49,8.21-2.6,16l-.14.16.14-.12-.06.41v0h0q-1,7.07-1.7,13.78c.46-8.62-1.11-33.52-30.45-56.92,0,0-39,68.54,27.5,82,.15.13.3.26.44.38l-.1-.31.6.13.27-3.52a369.39,369.39,0,0,0,.23,44.1h0c.07,1,.14,2,.21,2.95H141.37c-27.94,57.79,15.52,89.46,15.52,89.46h120C323.49,596.66,293.48,566.06,293.48,566.06Zm-78-65.68h0v0Z" transform="translate(-114.28 -199)" fill="url(#fe76f7c7-2126-4e48-920d-21143a22d340)"/></g><path d="M217,588s-19-83,23-190" transform="translate(-114.28 -199)" fill="none" stroke="#535461" stroke-miterlimit="10" stroke-width="3" opacity="0.6"/><path d="M143,563H290s29,37-16,92H158S116,617,143,563Z" transform="translate(-114.28 -199)" fill="#0960bd"/><path d="M237.89,403.5s14.61-26,49.61-18c0,0-28.93,49.26-55,33.13Z" transform="translate(-114.28 -199)" fill="#4db6ac"/><path d="M228.63,431.09S227.5,404.5,198.5,397.5c0,0,3,58,26,48.5Z" transform="translate(-114.28 -199)" fill="#4db6ac"/><path d="M219.15,470.36s5.35-27.86,61.35-39.86c0,0-17.86,57.62-63.93,55.31Z" transform="translate(-114.28 -199)" fill="#4db6ac"/><path d="M214.61,501.63s5.89-29.13-29.11-56.13c0,0-38,64.67,27.48,76.83Z" transform="translate(-114.28 -199)" fill="#4db6ac"/><path d="M213.56,541.67S209.5,500.5,253.5,492.5c0,0-16.07,57.49-40,67.74Z" transform="translate(-114.28 -199)" fill="#4db6ac"/><path d="M233,419s38-29,54-34" transform="translate(-114.28 -199)" fill="none" stroke="#535461" stroke-miterlimit="10" opacity="0.3"/><path d="M216.5,485.5s46-49,64-55" transform="translate(-114.28 -199)" fill="none" stroke="#535461" stroke-miterlimit="10" opacity="0.3"/><path d="M198.5,397.5s28,38,26,48" transform="translate(-114.28 -199)" fill="none" stroke="#535461" stroke-miterlimit="10" opacity="0.3"/><path d="M185.5,445.5s15,68,27,77" transform="translate(-114.28 -199)" fill="none" stroke="#535461" stroke-miterlimit="10" opacity="0.3"/><path d="M213.5,560.5s24-66,40-68" transform="translate(-114.28 -199)" fill="none" stroke="#535461" stroke-miterlimit="10" opacity="0.3"/><g opacity="0.1"><path d="M290,563H143c-.33.67-.65,1.34-1,2H285s28.29,36.11-14.4,90H274C319,600,290,563,290,563Z" transform="translate(-114.28 -199)"/></g><rect y="455.6" width="971.44" height="32.93" fill="#e0e0e0"/><rect x="41.16" y="488.53" width="889.11" height="13.47" fill="#e0e0e0"/><rect x="41.16" y="488.53" width="889.11" height="4.49" opacity="0.1"/><line x1="690.22" y1="168.5" x2="696.22" y2="168.5" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><line x1="637.22" y1="168.5" x2="682.1" y2="168.5" stroke="#0960bd" stroke-miterlimit="10" stroke-width="2"/><circle cx="637.22" cy="168.5" r="4" fill="#0960bd"/><circle cx="686.22" cy="168.5" r="4" fill="none" stroke="#fff" stroke-miterlimit="10"/><g opacity="0.7"><path d="M1027,643.88l.1-.15q.31-.48.61-1l.11-.19q.29-.49.55-1l.09-.17c.2-.39.39-.78.56-1.19h0a23.79,23.79,0,0,0,.94-2.51l.1-.33c.09-.31.18-.62.26-.93l.1-.44q.1-.42.18-.85c0-.16.06-.32.09-.48s.09-.56.13-.85,0-.33.06-.49.06-.61.08-.92c0-.14,0-.29,0-.43,0-.45,0-.91,0-1.36V548h-13.85V507.52h-17V548H988.39V489.86h-17V548H965V481.55h-17V548H933V630.6c0,13.48,11.21,24.4,25,24.4H1006a25.19,25.19,0,0,0,20.24-10.06l0,0Q1026.61,644.41,1027,643.88Z" transform="translate(-114.28 -199)" fill="url(#2cf89a04-5a05-413b-983a-d2bc296cbb5e)"/></g><rect x="835.72" y="321" width="16" height="100" fill="#535461"/><rect x="835.72" y="288" width="16" height="33" fill="#3ad29f"/><rect x="857.72" y="329" width="16" height="100" fill="#535461"/><rect x="857.72" y="296" width="16" height="33" fill="#4d8af0"/><rect x="884.72" y="346" width="16" height="100" fill="#535461"/><rect x="884.72" y="313" width="16" height="33" fill="#f55f44"/><path d="M821.72,352h92a0,0,0,0,1,0,0v79.5a23.5,23.5,0,0,1-23.5,23.5h-45a23.5,23.5,0,0,1-23.5-23.5V352A0,0,0,0,1,821.72,352Z" fill="#0960bd"/><g opacity="0.1"><path d="M936,551v4h88v79.5a23.39,23.39,0,0,1-5,14.49,23.45,23.45,0,0,0,9-18.49V551Z" transform="translate(-114.28 -199)"/></g></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/svg/net-error.svg b/yunxi-ui-admin-vben/src/assets/svg/net-error.svg
new file mode 100644
index 0000000..81f2004
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/net-error.svg
@@ -0,0 +1 @@
+<svg id="ac370e99-250f-4203-ae2c-c306a69114f3" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1144" height="697.99" viewBox="0 0 1144 697.99"><defs><linearGradient id="b5f20e7f-16f1-44c3-85ac-2c33fb8e67f8" x1="2612.03" y1="795.18" x2="2612.03" y2="399.52" gradientTransform="matrix(-1, 0, 0, 1, 3436, 0)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient></defs><title>personal settings</title><path d="M1172,516.31a180.56,180.56,0,0,1-26.12,93.88c0,34.62-16.14,66-42.32,88.87a144.74,144.74,0,0,1-21.08,15.28c-.3.19-.61.37-.92.55-.56.33-1.12.66-1.69,1l-.53.31h0A164.61,164.61,0,0,1,998.24,737H245.17q-9,0-17.84-.72a211.15,211.15,0,0,1-61.06-14.14q-5.72-2.26-11.22-4.86-2.62-1.23-5.19-2.53c-1.07-.54-2.14-1.1-3.2-1.66A187.42,187.42,0,0,1,112.2,689.7c-34-29.23-55.08-69.61-55.08-114.21A180.5,180.5,0,0,1,28,476.82c0-99.14,79.24-179.51,177-179.51,3,0,6,.09,9,.25.43,0,.85,0,1.28.06,16.48-28.09,38.51-53.9,65-76.62,72.24-61.9,177.82-100.92,295.43-100.92,98.82,0,189.15,27.55,258.34,73.07A174.18,174.18,0,0,1,920,170.6c97.74,0,177,80.37,177,179.51a184.9,184.9,0,0,1-1,18.78A180,180,0,0,1,1172,516.31Z" transform="translate(-28 -101)" fill="#0960bd" opacity="0.1"/><g opacity="0.2"><path d="M166.37,720.79c0,.46-.05.91-.1,1.35q-5.72-2.26-11.22-4.86a9.1,9.1,0,0,1-5.19-2.53c-1.07-.54-2.14-1.1-3.2-1.66a13.68,13.68,0,0,1,.81-1.46c2.06-3.26,5.19-5.3,8.64-5.19s6.44,2.34,8.29,5.71A16.87,16.87,0,0,1,166.37,720.79Z" transform="translate(-28 -101)" fill="#3f3d56"/><path d="M166.91,703.67a16.88,16.88,0,0,1-2.51,8.48c-2.06,3.25-5.19,5.29-8.64,5.18l-.71-.05a9.1,9.1,0,0,1-5.19-2.53,12.53,12.53,0,0,1-2.39-3.12,17.55,17.55,0,0,1,.54-17.12c2.06-3.26,5.19-5.3,8.64-5.19s6.44,2.34,8.29,5.71A16.87,16.87,0,0,1,166.91,703.67Z" transform="translate(-28 -101)" fill="#3f3d56"/><ellipse cx="156.75" cy="686.21" rx="14.01" ry="10.7" transform="translate(-562.06 720.24) rotate(-88.19)" fill="#3f3d56"/><ellipse cx="157.29" cy="669.09" rx="14.01" ry="10.7" transform="translate(-544.43 704.2) rotate(-88.19)" fill="#3f3d56"/><ellipse cx="157.83" cy="651.97" rx="14.01" ry="10.7" transform="matrix(0.03, -1, 1, 0.03, -526.79, 688.16)" fill="#3f3d56"/><path d="M121.47,533.55a49.66,49.66,0,0,1-3.8-6l28.26-3.73-30.42-.73a51.38,51.38,0,0,1,.31-40.64l40.12,22.45-36.75-28.85a51.28,51.28,0,1,1,82.84,60,51.12,51.12,0,0,1,5.55,9.53l-37.09,17.81,39.33-11.83A51.34,51.34,0,0,1,200,599.47a51.28,51.28,0,1,1-80.56-2.54,51.28,51.28,0,0,1,2-63.38Z" transform="translate(-28 -101)" fill="#0960bd"/><path d="M212,568.13a51.06,51.06,0,0,1-12,31.34,51.28,51.28,0,1,1-80.56-2.54C112.87,588,212.18,562.37,212,568.13Z" transform="translate(-28 -101)" opacity="0.1"/></g><path d="M986,239.41V718.59A18.41,18.41,0,0,1,967.59,737H232.41a18.13,18.13,0,0,1-5.08-.72A18.38,18.38,0,0,1,214,718.59V504.75c0-1.09,0-2.17,0-3.25V297.56c.43,0,.85,0,1.28.06,16.48-28.09,38.51-53.9,65-76.62H967.59A18.41,18.41,0,0,1,986,239.41Z" transform="translate(-28 -101)" fill="#fff"/><rect x="712.17" y="182.23" width="137.83" height="35.96" rx="17.98" fill="#3f3d56"/><rect x="721.15" y="188.24" width="119.86" height="23.93" rx="11.97" opacity="0.1"/><rect x="794.73" y="189.55" width="43.28" height="21.31" rx="10.65" fill="#0960bd"/><circle cx="816.04" cy="200.21" r="6.66" fill="#fff"/><rect x="712.17" y="419.28" width="137.83" height="35.96" rx="17.98" fill="#3f3d56"/><rect x="721.15" y="425.29" width="119.86" height="23.93" rx="11.97" opacity="0.1"/><rect x="794.73" y="426.6" width="43.28" height="21.31" rx="10.65" fill="#0960bd"/><circle cx="816.04" cy="437.26" r="6.66" fill="#fff"/><rect x="712.17" y="537.8" width="137.83" height="35.96" rx="17.98" fill="#3f3d56"/><rect x="721.15" y="543.82" width="119.86" height="23.93" rx="11.97" opacity="0.1"/><rect x="794.73" y="545.13" width="43.28" height="21.31" rx="10.65" fill="#0960bd"/><circle cx="816.04" cy="555.78" r="6.66" fill="#fff"/><rect x="294" y="159.59" width="80.57" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="189.55" width="223.73" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="219.52" width="223.73" height="21.31" rx="10.65" fill="#0960bd"/><g opacity="0.5"><rect x="294" y="278.11" width="80.57" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="308.08" width="167" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="338.04" width="223.73" height="21.31" rx="10.65" fill="#0960bd"/></g><rect x="294" y="396.64" width="80.57" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="426.6" width="223.73" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="456.57" width="139" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="515.16" width="80.57" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="545.13" width="223.73" height="21.31" rx="10.65" fill="#0960bd"/><rect x="294" y="575.09" width="180" height="21.31" rx="10.65" fill="#0960bd"/><line x1="260" y1="259.99" x2="912" y2="259.99" fill="none" stroke="#3f3d56" stroke-linecap="round" stroke-miterlimit="10" opacity="0.7"/><line x1="260" y1="380.49" x2="912" y2="380.49" fill="none" stroke="#3f3d56" stroke-linecap="round" stroke-miterlimit="10" opacity="0.7"/><line x1="260" y1="500.99" x2="912" y2="500.99" fill="none" stroke="#3f3d56" stroke-linecap="round" stroke-miterlimit="10" opacity="0.7"/><line x1="260" y1="624.49" x2="912" y2="624.49" fill="none" stroke="#3f3d56" stroke-linecap="round" stroke-miterlimit="10" opacity="0.7"/><ellipse cx="795" cy="687.49" rx="147.68" ry="10.5" fill="#0960bd" opacity="0.1"/><circle cx="70.52" cy="141.18" r="21.63" fill="#0960bd" opacity="0.1"/><circle cx="160.67" cy="21.63" r="21.63" fill="#0960bd" opacity="0.1"/><circle cx="153.34" cy="103.76" r="36.25" fill="#0960bd" opacity="0.1"/><rect x="712.17" y="300.75" width="137.83" height="35.96" rx="17.98" fill="#3f3d56"/><rect x="721.15" y="306.77" width="119.86" height="23.93" rx="11.97" opacity="0.1"/><path d="M753.17,762c1.57-.23,3.14-.55,4.68-.91a14.62,14.62,0,0,1-1.32,4.44c-1.53,2.9-4.52,4.65-7.27,6.43a2.25,2.25,0,0,0-2.84-.19c-3.31,2-5.95,4.82-9.46,6.54-1.23.6-2.51,1.08-3.71,1.75a20,20,0,0,0-7,7.23c-1,1.55-1.81,3.59-.83,5.13a4.44,4.44,0,0,0,1.42,1.27,8.08,8.08,0,0,0,4.87,1.45c1-.09,2-.47,3.09-.64,1.37-.24,2.77-.12,4.15-.24a24.26,24.26,0,0,0,5.84-1.51l6.87-2.4a39.68,39.68,0,0,0,5.65-2.32c1.09-.59,2.12-1.28,3.23-1.82a26,26,0,0,1,3.86-1.36l3.9-1.14a3.8,3.8,0,0,1,1.76-.23c.54.1,1,.44,1.55.58a4.68,4.68,0,0,0,2.5-.24l4.52-1.28a8.52,8.52,0,0,0,2.69-1.12c2.07-1.47,2.44-4.39,2.43-6.94A52.57,52.57,0,0,0,782.45,763a3.57,3.57,0,0,0-1.47,1.11,21.44,21.44,0,0,0-1.49-1.87,22.31,22.31,0,0,1-4.51-8.33,14.66,14.66,0,0,0,4-4.52c-2.39-9.11-4.84-18.36-9.7-26.4-1.59-2.62-3.41-5.08-5-7.66-4.73-7.5-5.7-17-11.11-24a4.16,4.16,0,0,1,0-4.88c.62-.82,1.62-1.59,1.43-2.61-.14-.73-.9-1.4-.61-2.08.14-.33.48-.51.74-.75.92-.86.8-2.31.89-3.57.2-3.18,2.09-6,3.91-8.56a5.26,5.26,0,0,1,1.44-1.56c.49-.3,1.07-.44,1.56-.74,1.72-1.09,1.6-3.62,2.42-5.5,1.08-2.48,3.8-3.73,5.58-5.74,2.27-2.56,2.85-6.12,5.24-8.35a6.13,6.13,0,0,1,.79-.64A40.24,40.24,0,0,0,775.15,658c-.23,13.53,3.13,27.53,1.56,41-1.24,10.66,5.27,21.29,14.5,26.62a69.31,69.31,0,0,0,11.29,4.79c5.78,2.07,11.54,4.2,17.21,6.58q6,2.52,11.84,5.41a147.35,147.35,0,0,1,14,7.81c5.56,3.57,11.13,7.19,15.08,12.52a11.94,11.94,0,0,0,6.66-2.45c1.52,1.2,3.36,2.11,4.79,3.44a14.46,14.46,0,0,1,3.8,7.46l-.6,0c.07,1.33.13,2.66.2,4a1.7,1.7,0,0,1-.15,1,1.81,1.81,0,0,1-.54.49l-3.08,2.09c-2.24,1.51-4.71,3.42-4.83,6.13a3.12,3.12,0,0,0,.67,2.19,4.72,4.72,0,0,0,2.74,1.24c5.36,1.13,10.85,2.23,16.28,1.5,2.58-.35,5.25-1.2,6.93-3.2,1.54-1.82,2-4.29,2.42-6.64.67-4,1.23-8.09,1.67-12.15a26.86,26.86,0,0,1,1.66-8.07,1,1,0,0,1,.43-.54c.23-.1.5,0,.74-.1s.4-.47.48-.77a47.71,47.71,0,0,0,1.43-12.08,8.14,8.14,0,0,0-.47-3.11,6.28,6.28,0,0,0-4.28-3.3,34.09,34.09,0,0,0-5.53-.66,27.46,27.46,0,0,1-4.59-.84,4.2,4.2,0,0,0-1.91-.25,1.34,1.34,0,0,0-1.16,1.33,1.71,1.71,0,0,0,.24.65l-1.56-.31c-1.26-.23-3-.78-4.89-1.24q0-.48.06-1a1.89,1.89,0,0,0-1.06-1.72l-26.42-14.12-4.94-2.64c-10.82-5.79-22-11.14-32.85-16.93-.72.22-1.32-.61-1.53-1.35s-.36-1.62-1.05-1.95c-.34-.16-.79-.15-1-.44a1.19,1.19,0,0,1-.19-.89c.35-5.27,4.12-10.13,3.37-15.35-.32-2.23-1.47-4.43-1-6.62.35-1.51,1.43-2.74,2-4.18,1.3-3.22,0-7.09,1.42-10.24a23.71,23.71,0,0,0,1.91-6.52,44.79,44.79,0,0,1,4-12.94,23.35,23.35,0,0,1,3.72-5.67c.79-.86,1.68-1.63,2.44-2.52,2.3-2.75,3.15-6.41,3.8-10,1.18-6.41,2-13.06.52-19.42-.5-2.16-1.26-4.31-1.23-6.53,0-2.66,1.07-5.71-.22-7.84a6.9,6.9,0,0,0,2.49-4.27,5.52,5.52,0,0,1,.35-1.77,5.14,5.14,0,0,1,1.67-1.5,6.91,6.91,0,0,0,2.58-6.87c1.37.62,2.81-.77,3.46-2.14s1.14-3,2.53-3.62c.94-.4,2-.16,3-.42,1.59-.41,2.56-2,3.68-3.17,2.28-2.46,5.51-3.73,8.5-5.24,8.86-4.51,16.08-11.64,23.15-18.66a78.38,78.38,0,0,0,10-11.26c.79-1.17,1.51-2.38,2.19-3.62l.18-.09.06.22c.11.44.24.88.37,1.31.32,1,.68,2.07,1,3.09,1.08,3,2.25,6.2,4.45,8.47a10.48,10.48,0,0,0,2.28,1.77,15.3,15.3,0,0,0,5.87,1.76c.78.1,1.57.16,2.36.2s1.58.07,2.36.09l16.18.43c-5.56-8.06-6-18.54-5.63-28.35.93-25.2,5.84-50.63,1.28-75.43-.55-3-1.28-6-3.11-8.41-2.4-3.15-6.34-4.67-10.18-5.56s-7.83-1.32-11.42-2.93c-3-1.37-5.76-3.57-9-4.29a19.82,19.82,0,0,0-7.2.12q-4.38.65-8.71,1.54l-.7.15H874l-.48.11-.13,0-.43.1-.16,0-.4.11-.18.05-.37.12-.21.07-.34.11-.22.09-.32.12-.24.1-.29.13-.24.12-.27.13-.24.14-.25.14-.24.16-.23.15-.24.17-.2.16-.23.2-.19.17a2.39,2.39,0,0,0-.22.23l-.17.17a3,3,0,0,0-.22.28c0,.05-.09.1-.13.16s-.18.26-.27.41l0,.06a6.09,6.09,0,0,0-.55,1.19c-.07.21-.14.42-.19.63a9.54,9.54,0,0,0-.22,1.3c0,.22,0,.45-.05.67,0,.44,0,.89,0,1.33a19.62,19.62,0,0,0,.25,2.24,24.37,24.37,0,0,0-1.16,41.23,10.94,10.94,0,0,1,.08,1.19v.26a33,33,0,0,1-.44,4.22,58.66,58.66,0,0,0-12-1.07c-2.4,0-4.82.22-7.24.41a109.13,109.13,0,0,1-7.24-9.8l-5.34-7.83a74.58,74.58,0,0,1-5-8c-1.31-2.54-2.33-5.24-3.79-7.7-3-5.07-7.9-9.38-8.51-15.25l-1.41.29c-.77-1.26-1.74-2.59-2.1-3.32a65.55,65.55,0,0,1-4.44-13c-.49-2.32-.86-4.74-2.13-6.74a15.19,15.19,0,0,0-3.11-3.3,20.57,20.57,0,0,0-6.66-4.2,8.61,8.61,0,0,0-6.81.4,10,10,0,0,0-1-.4,8.25,8.25,0,0,0-7.56.88c-2.1,1.61-3,4.37-3.32,7a17.28,17.28,0,0,0,1.78,10.62c2,3.58,5.58,6,8.54,8.84a34.59,34.59,0,0,1,5.37,6.68,73.16,73.16,0,0,1-.41,16.21c-.38,2.3-1,4.56-1.18,6.88-.73,8.38,3.63,16.76,2.07,25a6.1,6.1,0,0,0,2.83,6.47c2.24,1.21,4.86,1.37,7.32,2,4.83,1.24,9,4.33,13.88,5.48,2.25.54,4.59.64,6.83,1.24l.35.11a16.27,16.27,0,0,0-3.59,6.82c-1,4.2-.06,8.69-1.06,12.89-.82,3.46-2.88,6.48-4.91,9.41q-5.86,8.48-11.74,17a104.13,104.13,0,0,1-8.65,11.37c-5.39,5.89-14.69,10.56-17.43,17.64-.06-.17-.14-.34-.2-.51-3.88,2.85-5.33,8.16-8.42,11.85-1.51,1.79-3.37,3.24-5,4.9a56.54,56.54,0,0,0-5.53,6.87c-4.6,6.38-9.23,12.79-12.52,19.94-1.72,3.72-3.05,7.59-4.42,11.44-5.38,15.17-14.16,29.56-17.81,45.25-.89,3.83-3.22,7.29-3.57,11.21-.39,4.18,1.52,8.2,3.5,11.89,3,5.64,6.34,11.12,9,16.92,1.57,3.38,2.93,6.87,4.68,10.17,1.91,3.6,4.25,6.94,6.25,10.49C747.78,742,750.58,752.07,753.17,762Zm66.16-286.55-.48-.24A16.57,16.57,0,0,1,814,472c-4.31-4.6-6.16-11.53-7.51-17.72-.16-.74-.3-1.47-.43-2.21C811.29,459.5,816.23,467.18,819.33,475.47Z" transform="translate(-28 -101)" fill="url(#b5f20e7f-16f1-44c3-85ac-2c33fb8e67f8)"/><path d="M799.68,415.4c-.49-2.31-.85-4.71-2.12-6.69a15.16,15.16,0,0,0-3.12-3.28,20.74,20.74,0,0,0-6.68-4.17,8.34,8.34,0,0,0-7.56.87c-2.11,1.6-3,4.34-3.33,7a17.07,17.07,0,0,0,1.78,10.55c2.05,3.56,5.59,5.94,8.56,8.78a34.39,34.39,0,0,1,5.58,7,20.21,20.21,0,0,0,2.54,3.72,4.84,4.84,0,0,0,4,1.61,7,7,0,0,0,3.27-1.93c1.22-1.07,4.5-3,4.6-4.67.08-1.37-2.48-4.47-3.11-5.76A65.41,65.41,0,0,1,799.68,415.4Z" transform="translate(-28 -101)" fill="#fbbebe"/><path d="M799.68,415.4c-.49-2.31-.85-4.71-2.12-6.69a15.16,15.16,0,0,0-3.12-3.28,20.74,20.74,0,0,0-6.68-4.17,8.34,8.34,0,0,0-7.56.87c-2.11,1.6-3,4.34-3.33,7a17.07,17.07,0,0,0,1.78,10.55c2.05,3.56,5.59,5.94,8.56,8.78a34.39,34.39,0,0,1,5.58,7,20.21,20.21,0,0,0,2.54,3.72,4.84,4.84,0,0,0,4,1.61,7,7,0,0,0,3.27-1.93c1.22-1.07,4.5-3,4.6-4.67.08-1.37-2.48-4.47-3.11-5.76A65.41,65.41,0,0,1,799.68,415.4Z" transform="translate(-28 -101)" opacity="0.1"/><path d="M868.85,481.23a58.88,58.88,0,0,0-16.18-2c-9.11.13-18.49,2.34-27.17-.46A47.4,47.4,0,0,1,819,476a16.58,16.58,0,0,1-4.86-3.19c-4.32-4.57-6.18-11.46-7.52-17.6a117.44,117.44,0,0,1-2.05-18.73c-2.25,1.05-4.63,2.08-7.1,1.87s-5-2.11-5-4.59c.37,5.82.64,11.71-.33,17.45-.38,2.28-1,4.53-1.17,6.83-.74,8.33,3.63,16.65,2.07,24.86a6,6,0,0,0,2.83,6.42c2.24,1.21,4.87,1.36,7.33,2,4.83,1.23,9,4.3,13.9,5.45,2.25.53,4.6.63,6.84,1.23,3.19.85,6.1,2.68,9.36,3.25,2.44.44,5,.14,7.43.35,2.15.18,4.25.74,6.41.8,5.28.13,10.26-2.85,13.76-6.81S866.63,486,868.85,481.23Z" transform="translate(-28 -101)" fill="#f86d70"/><path d="M868.85,481.23a58.88,58.88,0,0,0-16.18-2c-9.11.13-18.49,2.34-27.17-.46A47.4,47.4,0,0,1,819,476a16.58,16.58,0,0,1-4.86-3.19c-4.32-4.57-6.18-11.46-7.52-17.6a117.44,117.44,0,0,1-2.05-18.73c-2.25,1.05-4.63,2.08-7.1,1.87s-5-2.11-5-4.59c.37,5.82.64,11.71-.33,17.45-.38,2.28-1,4.53-1.17,6.83-.74,8.33,3.63,16.65,2.07,24.86a6,6,0,0,0,2.83,6.42c2.24,1.21,4.87,1.36,7.33,2,4.83,1.23,9,4.3,13.9,5.45,2.25.53,4.6.63,6.84,1.23,3.19.85,6.1,2.68,9.36,3.25,2.44.44,5,.14,7.43.35,2.15.18,4.25.74,6.41.8,5.28.13,10.26-2.85,13.76-6.81S866.63,486,868.85,481.23Z" transform="translate(-28 -101)" opacity="0.1"/><path d="M883.31,738.67a13.69,13.69,0,0,1,4.67,1.46,11,11,0,0,1,4.06,5.48c2.18,5.38,2.63,11.3,2.73,17.11.08,4.69-.08,9.49-1.76,13.87a8.83,8.83,0,0,1-2.31,3.63,8.33,8.33,0,0,1-3.18,1.54c-2.51.69-5.41.68-7.46-.92-2.28-1.78-2.85-4.93-3.33-7.78-.65-3.84-1.57-7.93-4.43-10.58-2.12-2-5.16-3-6.7-5.42-1.84-2.91-.87-6.71.3-9.95,1-2.81,2.51-8.5,5.45-9.94S880.26,738.12,883.31,738.67Z" transform="translate(-28 -101)" fill="#fbbebe"/><path d="M775,752.47a22.15,22.15,0,0,0,4.58,8.51c1.3,1.5,2.93,3.32,2.25,5.18a4.82,4.82,0,0,1-1.23,1.65c-9.66,9.44-23.17,14-36.57,15.72a1.29,1.29,0,0,1-.65,0c-.39-.17-.49-.67-.53-1.1a13.51,13.51,0,0,1,0-4.21c.65-3.27,3.52-5.58,6.33-7.39s5.88-3.55,7.44-6.5c1.95-3.66,1.13-8.43,3.45-11.86,1.88-2.79,5.38-4,8.71-4.5,1.15-.18,3.6-1.44,4.58-.86S774.66,751.32,775,752.47Z" transform="translate(-28 -101)" fill="#fbbebe"/><path d="M884.63,738.33a1.33,1.33,0,0,1,1.16-1.32,4.35,4.35,0,0,1,1.91.24,26.5,26.5,0,0,0,4.59.85,34.07,34.07,0,0,1,5.54.65,6.27,6.27,0,0,1,4.29,3.27,8.12,8.12,0,0,1,.47,3.1,47.06,47.06,0,0,1-1.43,12c-.08.3-.2.65-.49.76s-.5,0-.73.11a.9.9,0,0,0-.43.54,26.42,26.42,0,0,0-1.67,8c-.44,4-1,8.06-1.67,12.06-.39,2.34-.88,4.8-2.42,6.6-1.69,2-4.36,2.83-6.94,3.18-5.44.72-10.93-.37-16.3-1.49a4.77,4.77,0,0,1-2.75-1.23,3.09,3.09,0,0,1-.67-2.18c.12-2.69,2.6-4.59,4.83-6.09l3.09-2.07a1.6,1.6,0,0,0,.54-.49,1.67,1.67,0,0,0,.15-1l-.2-4a11.33,11.33,0,0,1,9.87,6.14c.42.85.83,1.84,1.71,2.17a2.26,2.26,0,0,0,2.69-1.63,6.93,6.93,0,0,0-.09-3.47c-1.81-9.67-1.38-19.61-2.48-29.38a6.63,6.63,0,0,0-1-3.1C885.73,739.88,884.74,739.23,884.63,738.33Z" transform="translate(-28 -101)" fill="#f86d70"/><rect x="752.15" y="409.08" width="43.28" height="21.31" rx="10.65" transform="translate(1519.58 738.47) rotate(180)" fill="#0960bd"/><circle cx="746.12" cy="318.73" r="6.66" fill="#fff"/><path d="M750.11,775.82c-.45.75-1.16,1.33-1.58,2.1a1.8,1.8,0,0,0,.34,2.35,2.32,2.32,0,0,0,1.43.14,48.11,48.11,0,0,0,26-11.78,18.21,18.21,0,0,0,3.19-3.49c.85-1.29,1.57-2.87,3-3.41a51.92,51.92,0,0,1,1.34,11.45c0,2.54-.36,5.43-2.43,6.9a8.63,8.63,0,0,1-2.7,1.1l-4.52,1.28a4.81,4.81,0,0,1-2.51.24c-.53-.14-1-.48-1.55-.58a3.8,3.8,0,0,0-1.76.23l-3.91,1.14a24.86,24.86,0,0,0-3.86,1.35c-1.12.53-2.15,1.21-3.24,1.8a38.78,38.78,0,0,1-5.66,2.3l-6.87,2.39a24.91,24.91,0,0,1-5.85,1.5c-1.38.12-2.79,0-4.16.23-1,.18-2,.56-3.1.64a8.11,8.11,0,0,1-4.87-1.44,4.53,4.53,0,0,1-1.42-1.26c-1-1.53-.13-3.55.83-5.1a20.16,20.16,0,0,1,7-7.18c1.2-.66,2.49-1.14,3.72-1.74,3.51-1.7,6.16-4.54,9.47-6.48C749.57,768.67,751.58,773.4,750.11,775.82Z" transform="translate(-28 -101)" fill="#f86d70"/><path d="M846.69,498.94a28.57,28.57,0,0,0,12.16,4.73,49.5,49.5,0,0,0,6.88.37,174.85,174.85,0,0,0,28.63-2.39c-3.76-4.15-7.57-8.59-9-14a23.11,23.11,0,0,1-.44-8.77,66,66,0,0,1,2.68-11,77.63,77.63,0,0,1-12.1-.31c-2.29-.24-7.91-2.32-9.9-.74s-.46,6.67-.43,9.06a2.26,2.26,0,0,1,0,.26,28.93,28.93,0,0,1-2.31,10.58C860,493.19,853.8,498.51,846.69,498.94Z" transform="translate(-28 -101)" fill="#fbbebe"/><path d="M865.18,475.84a24.06,24.06,0,0,0,19.75,3,66,66,0,0,1,2.68-11,77.63,77.63,0,0,1-12.1-.31c-2.29-.24-7.91-2.32-9.9-.74S865.15,473.45,865.18,475.84Z" transform="translate(-28 -101)" opacity="0.1"/><circle cx="850.38" cy="353.54" r="24.11" fill="#fbbebe"/><path d="M776.09,576.53a11.23,11.23,0,0,0,5.44,9.67,21.69,21.69,0,0,0,5.9,2.08c11,2.66,22.32,4.8,33.65,4.15a18.49,18.49,0,0,0,7.14-1.5,7.66,7.66,0,0,0,4.41-5.51,5.18,5.18,0,0,1,.34-1.75,5.11,5.11,0,0,1,1.67-1.49,6.84,6.84,0,0,0,2.59-6.82c1.37.62,2.81-.77,3.46-2.13s1.15-3,2.53-3.59c.94-.4,2-.16,3-.42,1.59-.41,2.56-2,3.68-3.15,2.28-2.44,5.53-3.7,8.51-5.21,8.88-4.47,16.11-11.56,23.2-18.53a77.76,77.76,0,0,0,10-11.18,41.2,41.2,0,0,0,2.2-3.6,101.82,101.82,0,0,0,5.55-12.71c.9-2.34,1.81-4.8,1.44-7.28,0-.22-.08-.44-.13-.67a14,14,0,0,0-2.19-4.42c-2.45-3.6-5.66-7-9.88-8.12s-8.42.23-12.71,1.14a31.85,31.85,0,0,1-4.31.66c-4.54.32-9-.9-13.42-2.11l-4.78-1.32c-2.39-.66-3.59-3.55-6-4.06a8.12,8.12,0,0,0-3.25.17c-4.91.93-9.87,2.14-14.2,4.64a21.32,21.32,0,0,0-2.76,1.88,17.47,17.47,0,0,0-6.42,9.47c-1,4.17-.06,8.63-1.06,12.8-.82,3.44-2.89,6.44-4.91,9.34L803,543.83a104.13,104.13,0,0,1-8.66,11.28C788,562,776.26,567.18,776.09,576.53Z" transform="translate(-28 -101)" fill="#f86d70"/><path d="M807.53,415.4c-.49-2.31-.85-4.71-2.12-6.69a15.16,15.16,0,0,0-3.12-3.28,20.74,20.74,0,0,0-6.68-4.17,8.34,8.34,0,0,0-7.56.87c-2.11,1.6-3,4.34-3.33,7a17.07,17.07,0,0,0,1.78,10.55c2,3.56,5.59,5.94,8.56,8.78a34.39,34.39,0,0,1,5.58,7,20.21,20.21,0,0,0,2.54,3.72,4.84,4.84,0,0,0,4,1.61,7,7,0,0,0,3.27-1.93c1.22-1.07,4.5-3,4.6-4.67.08-1.37-2.48-4.47-3.11-5.76A65.41,65.41,0,0,1,807.53,415.4Z" transform="translate(-28 -101)" fill="#fbbebe"/><path d="M722.81,694.64c3,5.6,6.34,11,9.05,16.8,1.57,3.37,2.93,6.83,4.68,10.11,1.91,3.57,4.26,6.89,6.26,10.41,5,8.9,7.83,18.94,10.42,28.83a57.39,57.39,0,0,0,20.52-7.22,12.9,12.9,0,0,0,1.23-.79,14.52,14.52,0,0,0,4.14-4.57c-2.39-9-4.84-18.23-9.71-26.22-1.59-2.6-3.41-5-5-7.61-4.73-7.45-5.71-16.84-11.12-23.81a4.08,4.08,0,0,1,0-4.84c.62-.81,1.62-1.58,1.43-2.59-.14-.73-.9-1.39-.61-2.07.14-.33.48-.51.74-.75.92-.84.8-2.29.89-3.53.2-3.16,2.09-5.93,3.92-8.51a5.34,5.34,0,0,1,1.44-1.55c.49-.3,1.07-.44,1.56-.74,1.72-1.07,1.6-3.59,2.43-5.46,1.08-2.46,3.8-3.71,5.59-5.7,2.27-2.54,2.84-6.07,5.24-8.29a7.11,7.11,0,0,1,.79-.64,39.7,39.7,0,0,0-1.41,11.61c-.23,13.44,3.13,27.34,1.56,40.69-1.24,10.58,5.28,21.14,14.52,26.44a70.28,70.28,0,0,0,11.31,4.76c5.78,2.05,11.56,4.16,17.23,6.53,4,1.66,8,3.46,11.86,5.37a146,146,0,0,1,14,7.76c5.57,3.54,11.15,7.14,15.1,12.43,3.83-.1,7.34-2.4,9.76-5.37s3.93-6.56,5.34-10.11c1.23-3.07,2.45-6.22,2.54-9.53a1.9,1.9,0,0,0-1.06-1.71l-26.46-14-5-2.62c-10.83-5.75-22-11.07-32.89-16.81-.73.21-1.33-.62-1.54-1.34s-.36-1.62-1.05-1.94c-.35-.16-.79-.16-1-.44a1.2,1.2,0,0,1-.18-.88c.35-5.24,4.13-10.06,3.37-15.25-.32-2.22-1.47-4.4-1-6.57.35-1.51,1.43-2.73,2-4.16,1.29-3.2,0-7,1.42-10.17a23.34,23.34,0,0,0,1.91-6.48,43.88,43.88,0,0,1,4.05-12.84,23.18,23.18,0,0,1,3.72-5.64c.8-.85,1.69-1.62,2.44-2.5,2.31-2.73,3.15-6.37,3.81-9.88,1.18-6.37,2-13,.52-19.29-.5-2.15-1.26-4.28-1.23-6.49,0-2.91,1.31-6.32-.71-8.43a6.6,6.6,0,0,0-3-1.52,90.43,90.43,0,0,0-14.35-2.65L790.22,582a20.28,20.28,0,0,1-7.35-1.91c-3-1.65-5-4.72-6.2-7.92-3.88,2.83-5.34,8.1-8.43,11.76-1.51,1.79-3.37,3.23-5,4.87a55.11,55.11,0,0,0-5.54,6.83c-4.61,6.33-9.25,12.71-12.55,19.8-1.71,3.69-3,7.54-4.42,11.36-5.39,15.07-14.18,29.37-17.83,44.94-.9,3.81-3.23,7.24-3.58,11.14C718.91,687,720.82,691,722.81,694.64Z" transform="translate(-28 -101)" fill="#434175"/><path d="M838.53,569.54a6.85,6.85,0,0,1,.81,3.26c-.49-2.44-3.85-3.79-4.06-6.2-.1-1.11.1-1.06.79-.47C837.12,567,837.57,568.58,838.53,569.54Z" transform="translate(-28 -101)" opacity="0.1"/><path d="M828.32,576.94a5.15,5.15,0,0,1,1.53,2.26,5.75,5.75,0,0,1,.3,3.93c-.49-.23-.66-.83-.81-1.36a9.38,9.38,0,0,0-1-2.33c-.4-.63-2.23-2.13-2.21-2.82C826.1,575.58,827.83,576.57,828.32,576.94Z" transform="translate(-28 -101)" opacity="0.1"/><path d="M827.14,495.35a25.23,25.23,0,0,0,5.08,3.38c4.78,2.42,10.07,3.69,14.88,6a72.17,72.17,0,0,1,6.9,4c4.77,3,9.53,6,14.29,9.05a15.75,15.75,0,0,1,3.15,2.39c1.72,1.84,1.71,5,3.28,7a9.4,9.4,0,0,0,6.93,3.2,22.5,22.5,0,0,0,7.73-1.3,38.24,38.24,0,0,0,4.42-1.61,20.47,20.47,0,0,0,4.24-2.42,12.19,12.19,0,0,0,5-7.89,15.58,15.58,0,0,0-.85-6.44,25.11,25.11,0,0,0-1.52-3.91,15.17,15.17,0,0,0-1.22-2.05c-3.28-4.65-9.06-6.84-14.65-7.93-2.95-.57-5.95-.92-8.91-1.42a31.85,31.85,0,0,1-4.31.66c-4.54.32-9-.9-13.42-2.11l-4.78-1.32c-2.39-.66-3.59-3.55-6-4.06a8.12,8.12,0,0,0-3.25.17c-4.91.93-9.87,2.14-14.2,4.64A21.32,21.32,0,0,0,827.14,495.35Z" transform="translate(-28 -101)" opacity="0.1"/><path d="M815.49,431.36c.61,5.83,5.53,10.11,8.53,15.14,1.46,2.45,2.48,5.13,3.79,7.66a75,75,0,0,0,5,8l5.35,7.77c3.15,4.57,6.33,9.18,10.35,13,7,1.19,12.9,6.4,19.55,8.93,5.33,2,11.13,2.3,16.72,3.39s11.37,3.27,14.65,7.93a20.83,20.83,0,0,1,2.74,6,15.54,15.54,0,0,1,.85,6.43,12.19,12.19,0,0,1-5,7.9,27.71,27.71,0,0,1-8.65,4,22.74,22.74,0,0,1-7.73,1.3,9.44,9.44,0,0,1-6.94-3.2c-1.56-2-1.55-5.19-3.27-7a15.75,15.75,0,0,0-3.15-2.39l-14.29-9a72.17,72.17,0,0,0-6.9-4c-4.81-2.35-10.1-3.62-14.88-6s-9.23-6.41-10.17-11.68c-2.91-16.19-14.12-29.84-23.7-43.21.31-.06.22-.78.33-1.08a14,14,0,0,1,7-7.08C808.75,432.5,812.17,432.07,815.49,431.36Z" transform="translate(-28 -101)" fill="#f86d70"/><path d="M866,431.48a8.87,8.87,0,0,1,1-5.08c1.59-2.64,4.91-3.57,7.93-4.19s5.8-1.1,8.72-1.52a20.1,20.1,0,0,1,7.21-.13c3.26.72,6,2.91,9,4.26,3.6,1.61,7.6,2,11.44,2.92s7.79,2.39,10.2,5.52c1.83,2.37,2.56,5.4,3.11,8.35,4.57,24.63-.35,49.89-1.28,74.92-.37,9.74.07,20.15,5.64,28.16l-16.21-.43c-4.15-.11-8.61-.33-11.87-2.89-2.88-2.25-4.24-5.88-5.46-9.31a29,29,0,0,1-2.08-8.35c-.25-5.88,3.09-11.65,2-17.44-.81-4.32-4-7.82-7.32-10.65s-7.1-5.3-9.83-8.75c-4.85-6.15-5.78-14.54-5.18-22.35.36-4.64,1.2-9.29.79-13.93a17.53,17.53,0,0,0-3.67-9.76C867.59,437.75,866.24,435.83,866,431.48Z" transform="translate(-28 -101)" fill="#434175"/><path d="M867,426.4c1.56-2.6,4.8-3.54,7.77-4.15a7.67,7.67,0,0,0-3.85,3,9,9,0,0,0-1,5.09c.22,4.35,1.57,6.27,4.15,9.35a17.44,17.44,0,0,1,3.68,9.76c.4,4.64-.43,9.28-.79,13.93-.61,7.8.32,16.2,5.18,22.35,2.72,3.45,6.47,5.91,9.83,8.75s6.51,6.33,7.32,10.65c1.08,5.78-2.26,11.56-2,17.44a28.51,28.51,0,0,0,2.07,8.34c1.23,3.44,2.59,7.07,5.46,9.32,3.26,2.56,7.73,2.78,11.88,2.89l11.48.3c.25.42.52.84.8,1.25l-16.21-.43c-4.15-.11-8.61-.33-11.87-2.89-2.88-2.25-4.24-5.88-5.46-9.31a29,29,0,0,1-2.08-8.35c-.25-5.88,3.09-11.65,2-17.44-.81-4.32-4-7.82-7.32-10.65s-7.1-5.3-9.83-8.75c-4.85-6.15-5.78-14.54-5.18-22.35.36-4.64,1.2-9.29.79-13.93a17.53,17.53,0,0,0-3.67-9.76c-2.58-3.08-3.93-5-4.16-9.35A8.87,8.87,0,0,1,867,426.4Z" transform="translate(-28 -101)" opacity="0.1"/><path d="M745.22,680.23,775,752.78a14.52,14.52,0,0,0,4.14-4.57c-2.39-9-4.84-18.23-9.71-26.22-1.59-2.6-3.41-5-5-7.61-4.73-7.45-5.71-16.84-11.12-23.81a4.08,4.08,0,0,1,0-4.84c.62-.81,1.62-1.58,1.43-2.59-.14-.73-.9-1.39-.61-2.07.14-.33.48-.51.74-.75.92-.84.8-2.29.89-3.53.2-3.16,2.09-5.93,3.92-8.51a5.34,5.34,0,0,1,1.44-1.55c.49-.3,1.07-.44,1.56-.74,1.72-1.07,1.6-3.59,2.43-5.46,1.08-2.46,3.8-3.71,5.59-5.7,2.27-2.54,2.84-6.07,5.24-8.29l.21-.52-2.25-14Z" transform="translate(-28 -101)" opacity="0.1"/><ellipse cx="977.05" cy="659.35" rx="33.95" ry="6.53" fill="#0960bd"/><ellipse cx="977.62" cy="656.57" rx="3.95" ry="5.17" fill="#3f3d56"/><ellipse cx="977.62" cy="650.25" rx="3.95" ry="5.17" fill="#3f3d56"/><ellipse cx="977.62" cy="643.92" rx="3.95" ry="5.17" fill="#3f3d56"/><ellipse cx="977.62" cy="637.6" rx="3.95" ry="5.17" fill="#3f3d56"/><ellipse cx="977.62" cy="631.27" rx="3.95" ry="5.17" fill="#3f3d56"/><ellipse cx="977.62" cy="624.95" rx="3.95" ry="5.17" fill="#3f3d56"/><ellipse cx="977.62" cy="618.63" rx="3.95" ry="5.17" fill="#3f3d56"/><path d="M990.82,676.35a18.78,18.78,0,0,1-1.47-2.17l10.38-1.71-11.23.09a19,19,0,0,1-.36-15l15.07,7.81-13.9-10.21a18.94,18.94,0,1,1,31.27,21.19,18.34,18.34,0,0,1,2.16,3.45l-13.48,7,14.38-4.82a19.07,19.07,0,0,1,1,6.07,18.85,18.85,0,0,1-4.06,11.71,18.93,18.93,0,1,1-29.76,0,18.94,18.94,0,0,1,0-23.41Z" transform="translate(-28 -101)" fill="#0960bd"/><path d="M1024.64,688.05a18.85,18.85,0,0,1-4.06,11.71,18.93,18.93,0,1,1-29.76,0C988.28,696.54,1024.64,685.93,1024.64,688.05Z" transform="translate(-28 -101)" opacity="0.1"/><ellipse cx="1043.17" cy="586.83" rx="22.83" ry="4.39" fill="#0960bd"/><ellipse cx="1043.56" cy="584.97" rx="2.66" ry="3.48" fill="#3f3d56"/><ellipse cx="1043.56" cy="580.72" rx="2.66" ry="3.48" fill="#3f3d56"/><ellipse cx="1043.56" cy="576.46" rx="2.66" ry="3.48" fill="#3f3d56"/><ellipse cx="1043.56" cy="572.21" rx="2.66" ry="3.48" fill="#3f3d56"/><ellipse cx="1043.56" cy="567.96" rx="2.66" ry="3.48" fill="#3f3d56"/><ellipse cx="1043.56" cy="563.71" rx="2.66" ry="3.48" fill="#3f3d56"/><ellipse cx="1043.56" cy="559.45" rx="2.66" ry="3.48" fill="#3f3d56"/><path d="M1061.61,631.36a11,11,0,0,1-1-1.46l7-1.15-7.55.06a12.62,12.62,0,0,1-1.17-5.32,12.78,12.78,0,0,1,.92-4.77l10.14,5.26-9.35-6.87a12.73,12.73,0,1,1,21,14.25,12.56,12.56,0,0,1,1.45,2.32l-9.06,4.71,9.66-3.25a12.77,12.77,0,0,1-2.05,12,12.74,12.74,0,1,1-20,0,12.71,12.71,0,0,1,0-15.74Z" transform="translate(-28 -101)" fill="#0960bd"/><path d="M1084.34,639.23a12.72,12.72,0,0,1-2.72,7.87,12.74,12.74,0,1,1-20,0C1059.9,644.93,1084.34,637.8,1084.34,639.23Z" transform="translate(-28 -101)" opacity="0.1"/></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/svg/no-data.svg b/yunxi-ui-admin-vben/src/assets/svg/no-data.svg
new file mode 100644
index 0000000..2b9f257
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/no-data.svg
@@ -0,0 +1 @@
+<svg id="e4fde902-34f0-42ac-83bb-70aac2088463" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="855.41839" height="610.77534" viewBox="0 0 855.41839 610.77534"><circle cx="39.53587" cy="110.72662" r="13.63057" fill="#e6e6e6"/><circle cx="80.42757" cy="110.72662" r="13.63057" fill="#e6e6e6"/><circle cx="121.31927" cy="110.72662" r="13.63057" fill="#e6e6e6"/><circle cx="162.21097" cy="110.72662" r="13.63057" fill="#e6e6e6"/><circle cx="203.10267" cy="110.72662" r="13.63057" fill="#e6e6e6"/><circle cx="243.99437" cy="110.72662" r="13.63057" fill="#e6e6e6"/><circle cx="284.88607" cy="110.72662" r="13.63057" fill="#e6e6e6"/><path d="M488.67447,271.93783H180.32909a5.55346,5.55346,0,0,1-5.54693-5.54693V244.28714a5.55345,5.55345,0,0,1,5.54693-5.54693H488.67447a5.55346,5.55346,0,0,1,5.54693,5.54693V266.3909A5.55347,5.55347,0,0,1,488.67447,271.93783ZM180.32909,240.959a3.3318,3.3318,0,0,0-3.32816,3.32816V266.3909a3.3318,3.3318,0,0,0,3.32816,3.32815H488.67447a3.33179,3.33179,0,0,0,3.32815-3.32815V244.28714a3.33179,3.33179,0,0,0-3.32815-3.32816Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M246.31694,147.79938a3.19065,3.19065,0,0,1,3.187,3.187V220.049a3.19065,3.19065,0,0,1-3.187,3.187h-67.652a3.19065,3.19065,0,0,1-3.187-3.187V150.98643a3.19065,3.19065,0,0,1,3.187-3.187h67.652m0-3.18705h-67.652a6.3741,6.3741,0,0,0-6.3741,6.3741V220.049a6.3741,6.3741,0,0,0,6.3741,6.3741h67.652a6.37411,6.37411,0,0,0,6.3741-6.3741V150.98643a6.37411,6.37411,0,0,0-6.3741-6.3741Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M235.76469,165.95293H190.62778a1.59353,1.59353,0,1,1,0-3.187h45.13691a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M235.76469,177.23755H190.62778a1.59353,1.59353,0,1,1,0-3.187h45.13691a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M235.76469,188.52139H190.62778a1.59353,1.59353,0,1,1,0-3.187h45.13691a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M235.76469,199.806H190.62778a1.59353,1.59353,0,1,1,0-3.187h45.13691a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M235.76469,211.09063H190.62778a1.59353,1.59353,0,1,1,0-3.18706h45.13691a1.59353,1.59353,0,0,1,0,3.18706Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M477.37812,147.79938a3.19065,3.19065,0,0,1,3.187,3.187V220.049a3.19065,3.19065,0,0,1-3.187,3.187h-67.652a3.19065,3.19065,0,0,1-3.187-3.187V150.98643a3.19065,3.19065,0,0,1,3.187-3.187h67.652m0-3.18705h-67.652a6.3741,6.3741,0,0,0-6.3741,6.3741V220.049a6.3741,6.3741,0,0,0,6.3741,6.3741h67.652a6.3741,6.3741,0,0,0,6.3741-6.3741V150.98643a6.3741,6.3741,0,0,0-6.3741-6.3741Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M466.82588,165.95293H421.689a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M466.82588,177.23755H421.689a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M466.82588,188.52139H421.689a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M466.82588,199.806H421.689a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M466.82588,211.09063H421.689a1.59353,1.59353,0,1,1,0-3.18706h45.13692a1.59353,1.59353,0,0,1,0,3.18706Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M707.317,280.59077a3.19065,3.19065,0,0,1,3.187,3.187v69.06255a3.19066,3.19066,0,0,1-3.187,3.187H639.665a3.19066,3.19066,0,0,1-3.187-3.187V283.77782a3.19065,3.19065,0,0,1,3.187-3.187h67.652m0-3.187H639.665a6.3741,6.3741,0,0,0-6.3741,6.3741v69.06255a6.3741,6.3741,0,0,0,6.3741,6.3741h67.652a6.37411,6.37411,0,0,0,6.3741-6.3741V283.77782a6.3741,6.3741,0,0,0-6.3741-6.3741Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M696.76476,298.74432H651.62784a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M696.76476,310.02894H651.62784a1.59353,1.59353,0,0,1,0-3.18706h45.13692a1.59353,1.59353,0,0,1,0,3.18706Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M696.76476,321.31278H651.62784a1.59352,1.59352,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M696.76476,332.59739H651.62784a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M696.76476,343.882H651.62784a1.59353,1.59353,0,1,1,0-3.187h45.13692a1.59353,1.59353,0,0,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M362.73282,226.42308H293.30943a7.08972,7.08972,0,0,1-7.08139-7.08138V169.66541a7.08988,7.08988,0,0,1,7.08139-7.08216h69.42339a7.09,7.09,0,0,1,7.08217,7.08216V219.3417A7.08988,7.08988,0,0,1,362.73282,226.42308ZM293.30943,165.7703a3.89917,3.89917,0,0,0-3.89434,3.89511V219.3417a3.89851,3.89851,0,0,0,3.89434,3.89433h69.42339a3.89917,3.89917,0,0,0,3.89511-3.89433V169.66541a3.89983,3.89983,0,0,0-3.89511-3.89511Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M350.59,184.81246H305.45305a1.59353,1.59353,0,0,1,0-3.187H350.59a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M350.59,196.09708H305.45305a1.59353,1.59353,0,0,1,0-3.187H350.59a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M350.59,207.38092H305.45305a1.59353,1.59353,0,0,1,0-3.187H350.59a1.59353,1.59353,0,1,1,0,3.187Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M593.09111,253.95025,526.41486,234.6141a7.08971,7.08971,0,0,1-4.82882-8.77351l13.83608-47.71054a7.08988,7.08988,0,0,1,8.77372-4.82958l66.67625,19.33615a7.09,7.09,0,0,1,4.82935,8.77447l-13.83608,47.71055A7.08988,7.08988,0,0,1,593.09111,253.95025Zm-49.78294-77.58884a3.89916,3.89916,0,0,0-4.82511,2.65631L524.647,226.72827a3.89851,3.89851,0,0,0,2.65557,4.8249l66.67624,19.33614a3.89918,3.89918,0,0,0,4.82565-2.65535l13.83608-47.71054a3.89985,3.89985,0,0,0-2.65609-4.82587Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M593.01835,210.60411l-43.3508-12.57175a1.59353,1.59353,0,0,1,.88767-3.06094L593.906,207.54318a1.59352,1.59352,0,1,1-.88768,3.06093Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M589.87531,221.44219,546.5245,208.87043a1.59352,1.59352,0,1,1,.88767-3.06093L590.763,218.38125a1.59353,1.59353,0,0,1-.88767,3.06094Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M586.73248,232.27951l-43.35081-12.57175a1.59353,1.59353,0,0,1,.88767-3.06094l43.35081,12.57176a1.59352,1.59352,0,0,1-.88767,3.06093Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><rect x="156.10589" y="607.77534" width="699.3125" height="3" fill="#e6e6e6"/><polygon points="562.14 603.085 448.421 603.085 452.276 552.973 558.285 552.973 562.14 603.085" fill="#e6e6e6"/><rect x="442.63878" y="597.3034" width="127.21043" height="11.5646" fill="#e6e6e6"/><path d="M895.37073,374.74021H460.73514a11.56458,11.56458,0,0,0-11.56458,11.56458h0V651.3265H906.93533V386.30479a11.56457,11.56457,0,0,0-11.56456-11.56458Z" transform="translate(-172.29081 -144.61233)" fill="#3f3d56"/><path d="M449.17056,651.3265v43.36719a11.56457,11.56457,0,0,0,11.56458,11.56457H895.37073a11.56459,11.56459,0,0,0,11.5646-11.56457h0V651.3265Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><rect x="300.00891" y="254.22076" width="412.47016" height="231.29169" fill="#e6e6e6"/><circle cx="506.244" cy="533.69821" r="11.56459" fill="#3f3d56"/><circle cx="312.86987" cy="261.79534" r="2.19466" fill="#fff"/><circle cx="321.20026" cy="261.79534" r="2.19466" fill="#fff"/><circle cx="329.53064" cy="261.79534" r="2.19466" fill="#fff"/><rect x="310.6752" y="269.25275" width="389.91608" height="194.24707" fill="#fff"/><path d="M508.885,443.41111a1.37973,1.37973,0,0,0-1.37842,1.37842v69.67578a1.37973,1.37973,0,0,0,1.37842,1.37841H589.3493a1.37973,1.37973,0,0,0,1.37842-1.37841V444.78953a1.37973,1.37973,0,0,0-1.37842-1.37842Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M638.08075,443.63523a1.37984,1.37984,0,0,0-1.37891,1.37842v69.45166a1.37984,1.37984,0,0,0,1.37891,1.37841h80.208a1.37963,1.37963,0,0,0,1.37793-1.37841V445.01365a1.37963,1.37963,0,0,0-1.37793-1.37842Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M765.92157,442.9072a1.37963,1.37963,0,0,0-1.37793,1.37842v70.17969a1.37962,1.37962,0,0,0,1.37793,1.37841h81.042a1.37962,1.37962,0,0,0,1.37793-1.37841V444.28562a1.37963,1.37963,0,0,0-1.37793-1.37842Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M510.35614,550.333a2.84986,2.84986,0,0,0,0,5.69971h75.65234a2.84986,2.84986,0,0,0,0-5.69971Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M510.35614,563.88865a2.8501,2.8501,0,0,0,0,5.70019h34.062a2.8501,2.8501,0,0,0,0-5.70019Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M640.94012,550.333a2.84986,2.84986,0,0,0,0,5.69971h75.65235a2.84986,2.84986,0,0,0,0-5.69971Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M640.94012,563.88865a2.8501,2.8501,0,0,0,0,5.70019h34.0625a2.8501,2.8501,0,0,0,0-5.70019Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/><path d="M768.26044,550.333a2.84986,2.84986,0,0,0,0,5.69971h75.65234a2.84986,2.84986,0,0,0,0-5.69971Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M510.35614,536.333a2.84986,2.84986,0,0,0,0,5.69971h75.65234a2.84986,2.84986,0,0,0,0-5.69971Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M640.94012,536.333a2.84986,2.84986,0,0,0,0,5.69971h75.65235a2.84986,2.84986,0,0,0,0-5.69971Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M768.26044,536.333a2.84986,2.84986,0,0,0,0,5.69971h75.65234a2.84986,2.84986,0,0,0,0-5.69971Z" transform="translate(-172.29081 -144.61233)" fill="#e6e6e6"/><path d="M768.26044,563.88865a2.8501,2.8501,0,0,0,0,5.70019H802.322a2.8501,2.8501,0,0,0,0-5.70019Z" transform="translate(-172.29081 -144.61233)" fill="#0960bd"/></svg>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/assets/svg/preview/p-rotate.svg b/yunxi-ui-admin-vben/src/assets/svg/preview/p-rotate.svg
new file mode 100644
index 0000000..5153a81
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/preview/p-rotate.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595306944988" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1820" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M1464.3 279.7" p-id="1821" fill="#ffffff"></path><path d="M512 960c-60.5 0-119.1-11.9-174.4-35.2-53.4-22.6-101.3-54.9-142.4-96s-73.4-89-96-142.4C75.9 631.1 64 572.5 64 512s11.9-119.1 35.2-174.4c22.6-53.4 54.9-101.3 96-142.4s89-73.4 142.4-96C392.9 75.9 451.5 64 512 64s119.1 11.9 174.4 35.2c53.4 22.6 101.3 54.9 142.4 96s73.4 89 96 142.4C948.1 392.9 960 451.5 960 512c0 19.1-15.5 34.6-34.6 34.6s-34.6-15.5-34.6-34.6c0-51.2-10-100.8-29.8-147.4-19.1-45.1-46.4-85.6-81.2-120.4C745 209.4 704.5 182 659.4 163c-46.7-19.7-96.3-29.8-147.4-29.8-51.2 0-100.8 10-147.4 29.8-45.1 19.1-85.6 46.4-120.4 81.2S182 319.5 163 364.6c-19.7 46.7-29.8 96.3-29.8 147.4 0 51.2 10 100.8 29.8 147.4 19.1 45.1 46.4 85.6 81.2 120.4C279 814.6 319.5 842 364.6 861c46.7 19.7 96.3 29.8 147.4 29.8 64.6 0 128.4-16.5 184.4-47.8 54.4-30.4 100.9-74.1 134.6-126.6 10.3-16.1 31.7-20.8 47.8-10.4 16.1 10.3 20.8 31.7 10.4 47.8-39.8 62-94.8 113.7-159.1 149.6-66.2 37-141.7 56.6-218.1 56.6z" p-id="1822" fill="#ffffff"></path><path d="M924 552c-19.8 0-36-16.2-36-36V228c0-19.8 16.2-36 36-36s36 16.2 36 36v288c0 19.8-16.2 36-36 36zM275.4 575.5c9.5-2.5 19.1 2.9 22.3 12.2 3.5 10.2 9.9 17.7 19.1 22.6 7.1 3.9 15.1 5.8 24 5.8 16.6 0 30.8-6.9 42.5-20.8 11.7-13.8 20-32.7 24.9-75.1-7.7 12.2-17.3 20.8-28.7 25.8-11.4 5-23.7 7.4-36.8 7.4-26.7 0-47.7-8.3-63.3-24.9-15.5-16.6-23.3-37.9-23.3-64.1 0-25.1 7.7-47.1 23-66.2 15.3-19 37.9-28.6 67.8-28.6 40.3 0 68.1 18.1 83.4 54.4 8.5 19.9 12.7 44.9 12.7 74.9 0 33.8-5.1 63.8-15.3 89.9-16.9 43.5-45.5 65.2-85.8 65.2-27 0-47.6-7.1-61.6-21.2-10-10.1-16.4-22-19.3-35.8-2-9.6 4-19.1 13.5-21.6l0.9 0.1z m103-74.4c9.4-7.5 14.1-20.6 14.1-39.3 0-16.8-4.2-29.3-12.7-37.5S360.6 412 347.5 412c-14 0-25.2 4.7-33.4 14.1-8.2 9.4-12.4 22-12.4 37.7 0 14.9 3.6 26.7 10.9 35.5 7.2 8.8 18.8 13.1 34.6 13.1 11.4 0 21.8-3.8 31.2-11.3zM646.6 414.4c12.4 22.8 18.5 54 18.5 93.7 0 37.6-5.6 68.7-16.8 93.3-16.2 35.3-42.8 52.9-79.6 52.9-33.2 0-57.9-14.4-74.2-43.3-13.5-24.1-20.3-56.4-20.3-97 0-31.4 4.1-58.4 12.2-80.9 15.2-42 42.7-63 82.5-63 35.9 0 61.8 14.8 77.7 44.3z m-40.2 173.3c9.4-13.9 14-39.9 14-78 0-27.4-3.4-50-10.1-67.7-6.8-17.7-19.9-26.6-39.4-26.6-17.9 0-31 8.4-39.3 25.2-8.3 16.8-12.4 41.6-12.4 74.3 0 24.6 2.6 44.4 7.9 59.4 8.1 22.8 22 34.3 41.6 34.3 15.7 0 28.3-7 37.7-20.9zM803.3 387.2c11.2 11.3 16.8 25 16.8 41.2 0 16.7-5.8 30.7-17.5 41.8C791 481.4 777.4 487 762 487c-17.1 0-31.2-5.8-42.1-17.4-10.9-11.6-16.4-25.1-16.4-40.6 0-16.5 5.8-30.4 17.3-41.7 11.5-11.3 25.3-17 41.2-17 16.3 0 30.1 5.7 41.3 16.9zM739.5 451c6.2 6.2 13.7 9.3 22.5 9.3 8.4 0 15.8-3.1 22.1-9.3 6.3-6.2 9.4-13.7 9.4-22.6 0-8.5-3.1-15.9-9.3-22.1-6.2-6.2-13.6-9.3-22.2-9.3s-16.1 3.1-22.4 9.3c-6.3 6.2-9.4 13.7-9.4 22.6-0.1 8.4 3 15.8 9.3 22.1z" p-id="1823" fill="#ffffff"></path></svg>
diff --git a/yunxi-ui-admin-vben/src/assets/svg/preview/resume.svg b/yunxi-ui-admin-vben/src/assets/svg/preview/resume.svg
new file mode 100644
index 0000000..0e86c5f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/preview/resume.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595307154239" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7317" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M316 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zM512 622c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39zM512 482c22.1 0 40-17.9 40-39 0-23.1-17.9-41-40-41s-40 17.9-40 41c0 21.1 17.9 39 40 39z" p-id="7318" fill="#ffffff"></path><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32z m-40 728H184V184h656v656z" p-id="7319" fill="#ffffff"></path><path d="M648 672h60c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8z" p-id="7320" fill="#ffffff"></path></svg>
diff --git a/yunxi-ui-admin-vben/src/assets/svg/preview/scale.svg b/yunxi-ui-admin-vben/src/assets/svg/preview/scale.svg
new file mode 100644
index 0000000..1f7adae
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/preview/scale.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595307195033" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8116" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M887.081 904.791a25.8 25.8 0 0 1-18.376-7.619L705.618 734.075l-4.163 3.369c-58.255 47.18-131.522 73.16-206.32 73.16-181.07 0-328.377-147.308-328.377-328.367 0-181.068 147.308-328.376 328.377-328.376 181.063 0 328.376 147.308 328.376 328.376 0 77.072-27.412 152.07-77.169 211.17l-3.522 4.173 162.719 162.744a25.846 25.846 0 0 1 7.639 18.432 26.081 26.081 0 0 1-26.051 26.045l-0.046-0.01zM495.13 205.957c-152.336 0-276.27 123.935-276.27 276.27 0 152.33 123.934 276.27 276.27 276.27 152.34 0 276.275-123.94 276.275-276.27 0-152.335-123.935-276.27-276.275-276.27z" fill="#ffffff" p-id="8117"></path><path d="M626.545 508.355h-262.83a26.127 26.127 0 0 1 0-52.255h262.83a26.127 26.127 0 0 1 0 52.255z" fill="#ffffff" p-id="8118"></path><path d="M495.13 639.77a26.127 26.127 0 0 1-26.128-26.128v-262.83a26.127 26.127 0 0 1 52.255 0v262.835a26.127 26.127 0 0 1-26.127 26.123z" fill="#ffffff" p-id="8119"></path></svg>
diff --git a/yunxi-ui-admin-vben/src/assets/svg/preview/unrotate.svg b/yunxi-ui-admin-vben/src/assets/svg/preview/unrotate.svg
new file mode 100644
index 0000000..e4708be
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/preview/unrotate.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595306911635" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1352" width="48" height="48" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M924.8 337.6c-22.6-53.4-54.9-101.3-96-142.4s-89-73.4-142.4-96C631.1 75.9 572.5 64 512 64S392.9 75.9 337.6 99.2c-53.4 22.6-101.3 54.9-142.4 96-22.4 22.4-42.2 46.8-59.2 73.1V228c0-19.8-16.2-36-36-36s-36 16.2-36 36v288c0 19.8 16.2 36 36 36s36-16.2 36-36v-50.2c4.2-34.8 13.2-68.7 27-101.2 19.1-45.1 46.4-85.6 81.2-120.4C279 209.4 319.5 182 364.6 163c46.7-19.7 96.3-29.8 147.4-29.8 51.2 0 100.8 10 147.4 29.8 45.1 19.1 85.6 46.4 120.4 81.2C814.6 279 842 319.5 861 364.6c19.7 46.7 29.8 96.3 29.8 147.4 0 51.2-10 100.8-29.8 147.4-19.1 45.1-46.4 85.6-81.2 120.4C745 814.6 704.5 842 659.4 861c-46.7 19.7-96.3 29.8-147.4 29.8-64.6 0-128.4-16.5-184.4-47.8-54.4-30.4-100.9-74.1-134.6-126.6-10.3-16.1-31.7-20.8-47.8-10.4-16.1 10.3-20.8 31.7-10.4 47.8 39.8 62 94.8 113.7 159.1 149.6 66.2 37 141.7 56.6 218.1 56.6 60.5 0 119.1-11.9 174.4-35.2 53.4-22.6 101.3-54.9 142.4-96 41.1-41.1 73.4-89 96-142.4C948.1 631.1 960 572.5 960 512s-11.9-119.1-35.2-174.4z" p-id="1353" fill="#ffffff"></path><path d="M275.4 575.5c9.5-2.5 19.1 2.9 22.3 12.2 3.5 10.2 9.9 17.7 19.1 22.6 7.1 3.9 15.1 5.8 24 5.8 16.6 0 30.8-6.9 42.5-20.8 11.7-13.8 20-32.7 24.9-75.1-7.7 12.2-17.3 20.8-28.7 25.8-11.4 5-23.7 7.4-36.8 7.4-26.7 0-47.7-8.3-63.3-24.9-15.5-16.6-23.3-37.9-23.3-64.1 0-25.1 7.7-47.1 23-66.2 15.3-19 37.9-28.6 67.8-28.6 40.3 0 68.1 18.1 83.4 54.4 8.5 19.9 12.7 44.9 12.7 74.9 0 33.8-5.1 63.8-15.3 89.9-16.9 43.5-45.5 65.2-85.8 65.2-27 0-47.6-7.1-61.6-21.2-10-10.1-16.4-22-19.3-35.8-2-9.6 4-19.1 13.5-21.6l0.9 0.1z m103-74.4c9.4-7.5 14.1-20.6 14.1-39.3 0-16.8-4.2-29.3-12.7-37.5S360.6 412 347.5 412c-14 0-25.2 4.7-33.4 14.1-8.2 9.4-12.4 22-12.4 37.7 0 14.9 3.6 26.7 10.9 35.5 7.2 8.8 18.8 13.1 34.6 13.1 11.4 0 21.8-3.8 31.2-11.3zM646.6 414.4c12.4 22.8 18.5 54 18.5 93.7 0 37.6-5.6 68.7-16.8 93.3-16.2 35.3-42.8 52.9-79.6 52.9-33.2 0-57.9-14.4-74.2-43.3-13.5-24.1-20.3-56.4-20.3-97 0-31.4 4.1-58.4 12.2-80.9 15.2-42 42.7-63 82.5-63 35.9 0 61.8 14.8 77.7 44.3z m-40.2 173.3c9.4-13.9 14-39.9 14-78 0-27.4-3.4-50-10.1-67.7-6.8-17.7-19.9-26.6-39.4-26.6-17.9 0-31 8.4-39.3 25.2-8.3 16.8-12.4 41.6-12.4 74.3 0 24.6 2.6 44.4 7.9 59.4 8.1 22.8 22 34.3 41.6 34.3 15.7 0 28.3-7 37.7-20.9zM803.3 387.2c11.2 11.3 16.8 25 16.8 41.2 0 16.7-5.8 30.7-17.5 41.8C791 481.4 777.4 487 762 487c-17.1 0-31.2-5.8-42.1-17.4-10.9-11.6-16.4-25.1-16.4-40.6 0-16.5 5.8-30.4 17.3-41.7 11.5-11.3 25.3-17 41.2-17 16.3 0 30.1 5.7 41.3 16.9zM739.5 451c6.2 6.2 13.7 9.3 22.5 9.3 8.4 0 15.8-3.1 22.1-9.3 6.3-6.2 9.4-13.7 9.4-22.6 0-8.5-3.1-15.9-9.3-22.1-6.2-6.2-13.6-9.3-22.2-9.3s-16.1 3.1-22.4 9.3c-6.3 6.2-9.4 13.7-9.4 22.6-0.1 8.4 3 15.8 9.3 22.1z" p-id="1354" fill="#ffffff"></path></svg>
diff --git a/yunxi-ui-admin-vben/src/assets/svg/preview/unscale.svg b/yunxi-ui-admin-vben/src/assets/svg/preview/unscale.svg
new file mode 100644
index 0000000..1359b34
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/assets/svg/preview/unscale.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1595308005241" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9878" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><defs><style type="text/css"></style></defs><path d="M750.3 198.7C598 46.4 351.1 46.4 198.7 198.7s-152.3 399.2 0 551.5C345.1 896.6 578.8 902.3 732 767.3l172.1 172.1 35.4-35.4-172.1-171.9c135-153.2 129.3-387-17.1-533.4z m39.3 403.8c-17.1 42.1-42.2 80-74.7 112.4-32.5 32.5-70.3 57.6-112.4 74.7-40.7 16.5-83.8 24.9-128 24.9s-87.2-8.4-128-24.9c-42.1-17.1-80-42.2-112.4-74.7s-57.6-70.3-74.7-112.4c-16.5-40.7-24.9-83.8-24.9-128s8.4-87.2 24.9-128c17.1-42.1 42.2-80 74.7-112.4s70.3-57.6 112.4-74.7c40.7-16.5 83.8-24.9 128-24.9s87.2 8.4 128 24.9c42.1 17.1 80 42.2 112.4 74.7 32.5 32.5 57.6 70.3 74.7 112.4 16.5 40.7 24.9 83.8 24.9 128s-8.4 87.3-24.9 128zM671 502H271v-50h400v50z" fill="#ffffff" p-id="9879"></path></svg>
diff --git a/yunxi-ui-admin-vben/src/components/Application/index.ts b/yunxi-ui-admin-vben/src/components/Application/index.ts
new file mode 100644
index 0000000..d7ffa26
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/index.ts
@@ -0,0 +1,16 @@
+import appLogo from './src/AppLogo.vue'
+import appProvider from './src/AppProvider.vue'
+import appSearch from './src/search/AppSearch.vue'
+import appSizePicker from './src/AppSizePicker.vue'
+import appLocalePicker from './src/AppLocalePicker.vue'
+import appDarkModeToggle from './src/AppDarkModeToggle.vue'
+import { withInstall } from '@/utils'
+
+export { useAppProviderContext } from './src/useAppContext'
+
+export const AppLogo = withInstall(appLogo)
+export const AppProvider = withInstall(appProvider)
+export const AppSearch = withInstall(appSearch)
+export const AppSizePicker = withInstall(appSizePicker)
+export const AppLocalePicker = withInstall(appLocalePicker)
+export const AppDarkModeToggle = withInstall(appDarkModeToggle)
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/AppDarkModeToggle.vue b/yunxi-ui-admin-vben/src/components/Application/src/AppDarkModeToggle.vue
new file mode 100644
index 0000000..1a51fca
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/AppDarkModeToggle.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { SvgIcon } from '@/components/Icon'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground'
+import { updateDarkTheme } from '@/logics/theme/dark'
+import { ThemeEnum } from '@/enums/appEnum'
+
+const { prefixCls } = useDesign('dark-switch')
+const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting()
+
+const isDark = computed(() => getDarkMode.value === ThemeEnum.DARK)
+
+const getClass = computed(() => [
+  prefixCls,
+  {
+    [`${prefixCls}--dark`]: unref(isDark),
+  },
+])
+
+function toggleDarkMode() {
+  const darkMode = getDarkMode.value === ThemeEnum.DARK ? ThemeEnum.LIGHT : ThemeEnum.DARK
+  setDarkMode(darkMode)
+  updateDarkTheme(darkMode)
+  updateHeaderBgColor()
+  updateSidebarBgColor()
+}
+</script>
+
+<template>
+  <div v-if="getShowDarkModeToggle" :class="getClass" @click="toggleDarkMode">
+    <div :class="`${prefixCls}-inner`" />
+    <SvgIcon size="14" name="sun" />
+    <SvgIcon size="14" name="moon" />
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-dark-switch';
+
+html[data-theme='dark'] {
+  .@{prefix-cls} {
+    border: 1px solid rgb(196 188 188);
+  }
+}
+
+.@{prefix-cls} {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 50px;
+  height: 26px;
+  padding: 0 6px;
+  margin-left: auto;
+  cursor: pointer;
+  background-color: #151515;
+  border-radius: 30px;
+
+  &-inner {
+    position: absolute;
+    z-index: 1;
+    width: 18px;
+    height: 18px;
+    background-color: #fff;
+    border-radius: 50%;
+    transition:
+      transform 0.5s,
+      background-color 0.5s;
+    will-change: transform;
+  }
+
+  &--dark {
+    .@{prefix-cls}-inner {
+      transform: translateX(calc(100% + 2px));
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/AppLocalePicker.vue b/yunxi-ui-admin-vben/src/components/Application/src/AppLocalePicker.vue
new file mode 100644
index 0000000..d9ae5e6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/AppLocalePicker.vue
@@ -0,0 +1,73 @@
+<script lang="ts" setup>
+import { computed, ref, unref, watchEffect } from 'vue'
+import type { LocaleType } from '@/types/config'
+import type { DropMenu } from '@/components/Dropdown'
+import { Dropdown } from '@/components/Dropdown'
+import { Icon } from '@/components/Icon'
+import { useLocale } from '@/locales/useLocale'
+import { localeList } from '@/settings/localeSetting'
+
+const props = defineProps({
+  /**
+   * Whether to display text
+   */
+  showText: { type: Boolean, default: true },
+  /**
+   * Whether to refresh the interface when changing
+   */
+  reload: { type: Boolean },
+})
+
+const selectedKeys = ref<string[]>([])
+
+const { changeLocale, getLocale } = useLocale()
+
+const getLocaleText = computed(() => {
+  const key = selectedKeys.value[0]
+  if (!key)
+    return ''
+
+  return localeList.find(item => item.event === key)?.text
+})
+
+watchEffect(() => {
+  selectedKeys.value = [unref(getLocale)]
+})
+
+async function toggleLocale(lang: LocaleType | string) {
+  await changeLocale(lang as LocaleType)
+  selectedKeys.value = [lang as string]
+  props.reload && location.reload()
+}
+
+function handleMenuEvent(menu: DropMenu) {
+  if (unref(getLocale) === menu.event)
+    return
+
+  toggleLocale(menu.event as string)
+}
+</script>
+
+<template>
+  <Dropdown
+    placement="bottom"
+    :trigger="['click']"
+    :drop-menu-list="localeList"
+    :selected-keys="selectedKeys"
+    overlay-class-name="app-locale-picker-overlay"
+    @menu-event="handleMenuEvent"
+  >
+    <span class="flex cursor-pointer items-center">
+      <Icon icon="ion:language" />
+      <span v-if="showText" class="ml-1">{{ getLocaleText }}</span>
+    </span>
+  </Dropdown>
+</template>
+
+<style lang="less">
+.app-locale-picker-overlay {
+  .ant-dropdown-menu-item {
+    min-width: 160px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/AppLogo.vue b/yunxi-ui-admin-vben/src/components/Application/src/AppLogo.vue
new file mode 100644
index 0000000..c1917db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/AppLogo.vue
@@ -0,0 +1,75 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { useGlobSetting } from '@/hooks/setting'
+import { useGo } from '@/hooks/web/usePage'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useDesign } from '@/hooks/web/useDesign'
+import { PageEnum } from '@/enums/pageEnum'
+
+const props = defineProps({
+  // 当前父组件的主题
+  theme: { type: String, validator: (v: string) => ['light', 'dark'].includes(v) },
+  // 是否显示标题
+  showTitle: { type: Boolean, default: true },
+  // 折叠菜单时也会显示标题
+  alwaysShowTitle: { type: Boolean },
+})
+
+const { prefixCls } = useDesign('app-logo')
+const { getCollapsedShowTitle } = useMenuSetting()
+const { title } = useGlobSetting()
+const go = useGo()
+
+const getAppLogoClass = computed(() => [prefixCls, props.theme, { 'collapsed-show-title': unref(getCollapsedShowTitle) }])
+
+const getTitleClass = computed(() => [
+  `${prefixCls}__title`,
+  {
+    'xs:opacity-0': !props.alwaysShowTitle,
+  },
+])
+
+function goHome() {
+  go(PageEnum.BASE_HOME)
+}
+</script>
+
+<template>
+  <div class="anticon" :class="getAppLogoClass" @click="goHome">
+    <img src="@/assets/images/logo.png">
+    <div v-show="showTitle" class="ml-2 truncate md:opacity-100" :class="getTitleClass">
+      {{ title }}
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-app-logo';
+
+.@{prefix-cls} {
+  display: flex;
+  align-items: center;
+  padding-left: 7px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+
+  &.light {
+    border-bottom: 1px solid var(--border-color);
+  }
+
+  &.collapsed-show-title {
+    padding-left: 20px;
+  }
+
+  &.dark &__title {
+    color: @white;
+  }
+
+  &__title {
+    font-size: 16px;
+    font-weight: 700;
+    line-height: normal;
+    transition: all 0.5s;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/AppProvider.vue b/yunxi-ui-admin-vben/src/components/Application/src/AppProvider.vue
new file mode 100644
index 0000000..f3b3cae
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/AppProvider.vue
@@ -0,0 +1,78 @@
+<script lang="ts">
+import { defineComponent, ref, toRefs, unref } from 'vue'
+import { createAppProviderContext } from './useAppContext'
+import { createBreakpointListen } from '@/hooks/event/useBreakpoint'
+import { prefixCls } from '@/settings/designSetting'
+import { useAppStore } from '@/store/modules/app'
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum'
+
+const props = {
+  /**
+   * class style prefix
+   */
+  prefixCls: { type: String, default: prefixCls },
+}
+
+export default defineComponent({
+  name: 'AppProvider',
+  inheritAttrs: false,
+  props,
+  setup(props, { slots }) {
+    const isMobile = ref(false)
+    const isSetState = ref(false)
+
+    const appStore = useAppStore()
+
+    // Monitor screen breakpoint information changes
+    createBreakpointListen(({ screenMap, sizeEnum, width }) => {
+      const lgWidth = screenMap.get(sizeEnum.LG)
+      if (lgWidth)
+        isMobile.value = width.value - 1 < lgWidth
+
+      handleRestoreState()
+    })
+
+    const { prefixCls } = toRefs(props)
+
+    // Inject variables into the global
+    createAppProviderContext({ prefixCls, isMobile })
+
+    /**
+     * Used to maintain the state before the window changes
+     */
+    function handleRestoreState() {
+      if (unref(isMobile)) {
+        if (!unref(isSetState)) {
+          isSetState.value = true
+          const {
+            menuSetting: { type: menuType, mode: menuMode, collapsed: menuCollapsed, split: menuSplit },
+          } = appStore.getProjectConfig
+          appStore.setProjectConfig({
+            menuSetting: {
+              type: MenuTypeEnum.SIDEBAR,
+              mode: MenuModeEnum.INLINE,
+              split: false,
+            },
+          })
+          appStore.setBeforeMiniInfo({ menuMode, menuCollapsed, menuType, menuSplit })
+        }
+      }
+      else {
+        if (unref(isSetState)) {
+          isSetState.value = false
+          const { menuMode, menuCollapsed, menuType, menuSplit } = appStore.getBeforeMiniInfo
+          appStore.setProjectConfig({
+            menuSetting: {
+              type: menuType,
+              mode: menuMode,
+              collapsed: menuCollapsed,
+              split: menuSplit,
+            },
+          })
+        }
+      }
+    }
+    return () => slots.default?.()
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/AppSizePicker.vue b/yunxi-ui-admin-vben/src/components/Application/src/AppSizePicker.vue
new file mode 100644
index 0000000..fc9103f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/AppSizePicker.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import { computed, ref, unref, watchEffect } from 'vue'
+import type { AppSizeType } from '@/types/config'
+import type { DropMenu } from '@/components/Dropdown'
+import { Dropdown } from '@/components/Dropdown'
+import { Icon } from '@/components/Icon'
+import { sizeList } from '@/settings/sizeSetting'
+import { useAppStore } from '@/store/modules/app'
+
+const props = defineProps({
+  // 是否显示文本
+  showText: { type: Boolean, default: true },
+  // 更改时是否刷新界面
+  reload: { type: Boolean },
+})
+
+const appStore = useAppStore()
+
+const selectedKeys = ref<string[]>([])
+
+const getSizeText = computed(() => {
+  const key = selectedKeys.value[0]
+  if (!key)
+    return ''
+
+  return sizeList.find(item => item.event === key)?.text
+})
+
+watchEffect(() => {
+  selectedKeys.value = [unref(appStore.getComponentSize as AppSizeType)]
+})
+
+async function toggleSize(size: AppSizeType) {
+  appStore.setComponentSize(size)
+  selectedKeys.value = [size as string]
+  props.reload && location.reload()
+}
+
+function handleMenuEvent(menu: DropMenu) {
+  if (unref(appStore.getComponentSize) === menu.event)
+    return
+
+  toggleSize(menu.event as AppSizeType)
+}
+</script>
+
+<template>
+  <Dropdown
+    placement="bottom"
+    :trigger="['click']"
+    :drop-menu-list="sizeList"
+    :selected-keys="selectedKeys"
+    overlay-class-name="app-locale-picker-overlay"
+    @menu-event="handleMenuEvent"
+  >
+    <span class="flex cursor-pointer items-center">
+      <Icon icon="mdi:format-size" />
+      <span v-if="showText" class="ml-1">{{ getSizeText }}</span>
+    </span>
+  </Dropdown>
+</template>
+
+<style lang="less">
+.app-locale-picker-overlay {
+  .ant-dropdown-menu-item {
+    min-width: 160px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearch.vue b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearch.vue
new file mode 100644
index 0000000..69f64a8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearch.vue
@@ -0,0 +1,33 @@
+<script lang="tsx">
+import { defineComponent, ref, unref } from 'vue'
+import { Tooltip } from 'ant-design-vue'
+import { SearchOutlined } from '@ant-design/icons-vue'
+import AppSearchModal from './AppSearchModal.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+
+export default defineComponent({
+  name: 'AppSearch',
+  setup() {
+    const showModal = ref(false)
+    const { t } = useI18n()
+
+    function changeModal(show: boolean) {
+      showModal.value = show
+    }
+
+    return () => {
+      return (
+        <div class="p-1" onClick={changeModal.bind(null, true)}>
+          <Tooltip>
+            {{
+              title: () => t('common.searchText'),
+              default: () => <SearchOutlined />,
+            }}
+          </Tooltip>
+          <AppSearchModal onClose={changeModal.bind(null, false)} open={unref(showModal)} />
+        </div>
+      )
+    }
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchFooter.vue b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchFooter.vue
new file mode 100644
index 0000000..2b44980
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchFooter.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import AppSearchKeyItem from './AppSearchKeyItem.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { prefixCls } = useDesign('app-search-footer')
+const { t } = useI18n()
+</script>
+
+<template>
+  <div class="relative h-10 flex flex-shrink-0 items-center border-t-1 rounded-bl-2xl px-4 py-0 dark:border-light-100">
+    <AppSearchKeyItem :class="`${prefixCls}-item`" icon="ant-design:enter-outlined" />
+    <span>{{ t('component.app.toSearch') }}</span>
+    <AppSearchKeyItem :class="`${prefixCls}-item`" icon="ion:arrow-up-outline" />
+    <AppSearchKeyItem :class="`${prefixCls}-item`" icon="ion:arrow-down-outline" />
+    <span>{{ t('component.app.toNavigate') }}</span>
+    <AppSearchKeyItem :class="`${prefixCls}-item`" icon="mdi:keyboard-esc" />
+    <span>{{ t('common.closeText') }}</span>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-app-search-footer';
+
+.@{prefix-cls} {
+  &-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 18px;
+    padding-bottom: 2px;
+    margin-right: 0.4em;
+    background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
+    border-radius: 4px;
+    box-shadow:
+      inset 0 -2px 0 0 #cdcde6,
+      inset 0 0 1px 1px #fff,
+      0 1px 2px 1px rgb(30 35 90 / 40%);
+
+    &:nth-child(2),
+    &:nth-child(3),
+    &:nth-child(6) {
+      margin-left: 14px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchKeyItem.vue b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchKeyItem.vue
new file mode 100644
index 0000000..6dfa964
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchKeyItem.vue
@@ -0,0 +1,13 @@
+<script lang="ts" setup>
+import { Icon } from '@/components/Icon'
+
+defineProps({
+  icon: String,
+})
+</script>
+
+<template>
+  <span :class="$attrs.class">
+    <Icon :icon="icon" />
+  </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchModal.vue b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchModal.vue
new file mode 100644
index 0000000..006c977
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/search/AppSearchModal.vue
@@ -0,0 +1,257 @@
+<script lang="ts" setup>
+import { computed, nextTick, ref, unref, watch } from 'vue'
+import { SearchOutlined } from '@ant-design/icons-vue'
+import AppSearchFooter from './AppSearchFooter.vue'
+import { useMenuSearch } from './useMenuSearch'
+import { Icon } from '@/components/Icon'
+import vClickOutside from '@/directives/clickOutside'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useRefs } from '@/hooks/core/useRefs'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useAppInject } from '@/hooks/web/useAppInject'
+
+const props = defineProps({
+  open: { type: Boolean },
+})
+
+const emit = defineEmits(['close'])
+
+const scrollWrap = ref(null)
+const inputRef = ref<Nullable<HTMLElement>>(null)
+
+const { t } = useI18n()
+const { prefixCls } = useDesign('app-search-modal')
+const [refs, setRefs] = useRefs()
+const { getIsMobile } = useAppInject()
+
+const { handleSearch, searchResult, keyword, activeIndex, handleEnter, handleMouseenter } = useMenuSearch(refs, scrollWrap, emit)
+
+const getIsNotData = computed(() => !keyword || unref(searchResult).length === 0)
+
+const getClass = computed(() => {
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--mobile`]: unref(getIsMobile),
+    },
+  ]
+})
+
+watch(
+  () => props.open,
+  (open: boolean) => {
+    open
+      && nextTick(() => {
+        unref(inputRef)?.focus()
+      })
+  },
+)
+
+function handleClose() {
+  searchResult.value = []
+  emit('close')
+}
+</script>
+
+<template>
+  <Teleport to="body">
+    <transition name="zoom-fade" mode="out-in">
+      <div v-if="open" :class="getClass" @click.stop>
+        <div v-click-outside="handleClose" :class="`${prefixCls}-content`">
+          <div :class="`${prefixCls}-input__wrapper`">
+            <a-input ref="inputRef" :class="`${prefixCls}-input`" :placeholder="t('common.searchText')" allow-clear @change="handleSearch">
+              <template #prefix>
+                <SearchOutlined />
+              </template>
+            </a-input>
+            <span :class="`${prefixCls}-cancel`" @click="handleClose">
+              {{ t('common.cancelText') }}
+            </span>
+          </div>
+
+          <div v-show="getIsNotData" :class="`${prefixCls}-not-data`">
+            {{ t('component.app.searchNotData') }}
+          </div>
+
+          <ul v-show="!getIsNotData" ref="scrollWrap" :class="`${prefixCls}-list`">
+            <li
+              v-for="(item, index) in searchResult"
+              :ref="setRefs(index)"
+              :key="item.path"
+              :data-index="index"
+              :class="[
+                `${prefixCls}-list__item`,
+                {
+                  [`${prefixCls}-list__item--active`]: activeIndex === index,
+                },
+              ]"
+              @mouseenter="handleMouseenter"
+              @click="handleEnter"
+            >
+              <div :class="`${prefixCls}-list__item-icon`">
+                <Icon :icon="item.icon || 'mdi:form-select'" :size="20" />
+              </div>
+              <div :class="`${prefixCls}-list__item-text`">
+                {{ item.name }}
+              </div>
+              <div :class="`${prefixCls}-list__item-enter`">
+                <Icon icon="ant-design:enter-outlined" :size="20" />
+              </div>
+            </li>
+          </ul>
+          <AppSearchFooter />
+        </div>
+      </div>
+    </transition>
+  </Teleport>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-app-search-modal';
+@footer-prefix-cls: ~'@{namespace}-app-search-footer';
+.@{prefix-cls} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 800;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding-top: 50px;
+  background-color: rgb(0 0 0 / 25%);
+
+  &--mobile {
+    padding: 0;
+
+    > div {
+      width: 100%;
+    }
+
+    .@{prefix-cls}-input {
+      width: calc(100% - 38px);
+    }
+
+    .@{prefix-cls}-cancel {
+      display: inline-block;
+    }
+
+    .@{prefix-cls}-content {
+      width: 100%;
+      height: 100%;
+      border-radius: 0;
+    }
+
+    .@{footer-prefix-cls} {
+      display: none;
+    }
+
+    .@{prefix-cls}-list {
+      height: calc(100% - 80px);
+      max-height: unset;
+
+      &__item {
+        &-enter {
+          opacity: 0 !important;
+        }
+      }
+    }
+  }
+
+  &-content {
+    position: relative;
+    flex-direction: column;
+    width: 632px;
+    margin: 0 auto auto;
+    background-color: var(--component-background);
+    border-radius: 16px;
+    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
+  }
+
+  &-input__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 14px 14px 0;
+  }
+
+  &-input {
+    width: 100%;
+    height: 48px;
+    font-size: 1.5em;
+    color: #1c1e21;
+    border-radius: 6px;
+
+    span[role='img'] {
+      color: #999;
+    }
+  }
+
+  &-cancel {
+    display: none;
+    font-size: 1em;
+    color: #666;
+  }
+
+  &-not-data {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100px;
+    font-size: 0.9;
+    color: rgb(150 159 175);
+  }
+
+  &-list {
+    max-height: 472px;
+    padding: 0 14px;
+    padding-bottom: 20px;
+    margin: 0 auto;
+    margin-top: 14px;
+    overflow: auto;
+
+    &__item {
+      position: relative;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 56px;
+      padding-bottom: 4px;
+      padding-left: 14px;
+      margin-top: 8px;
+      font-size: 14px;
+      // color: @text-color-base;
+      cursor: pointer;
+      background-color: var(--component-background);
+      border-radius: 6px;
+      box-shadow: 0 1px 3px 0 #d4d9e1;
+
+      > div:first-child,
+      > div:last-child {
+        display: flex;
+        align-items: center;
+      }
+
+      &--active {
+        .@{prefix-cls}-list__item-enter {
+          opacity: 1;
+        }
+      }
+
+      &-icon {
+        width: 30px;
+      }
+
+      &-text {
+        flex: 1;
+      }
+
+      &-enter {
+        width: 30px;
+        opacity: 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/search/useMenuSearch.ts b/yunxi-ui-admin-vben/src/components/Application/src/search/useMenuSearch.ts
new file mode 100644
index 0000000..ac508f5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/search/useMenuSearch.ts
@@ -0,0 +1,167 @@
+import type { Ref } from 'vue'
+import { nextTick, onBeforeMount, ref, unref } from 'vue'
+import { cloneDeep } from 'lodash-es'
+import { onKeyStroke, useDebounceFn } from '@vueuse/core'
+import type { Menu } from '@/router/types'
+import { getMenus } from '@/router/menus'
+import { filter, forEach } from '@/utils/helper/treeHelper'
+import { useGo } from '@/hooks/web/usePage'
+import { useScrollTo } from '@/hooks/event/useScrollTo'
+import { useI18n } from '@/hooks/web/useI18n'
+
+export interface SearchResult {
+  name: string
+  path: string
+  icon?: string
+}
+
+// Translate special characters
+function transform(c: string) {
+  const code: string[] = ['$', '(', ')', '*', '+', '.', '[', ']', '?', '\\', '^', '{', '}', '|']
+  return code.includes(c) ? `\\${c}` : c
+}
+
+function createSearchReg(key: string) {
+  const keys = [...key].map(item => transform(item))
+  const str = ['', ...keys, ''].join('.*')
+  return new RegExp(str)
+}
+
+export function useMenuSearch(refs: Ref<HTMLElement[]>, scrollWrap: Ref<ElRef>, emit: EmitType) {
+  const searchResult = ref<SearchResult[]>([])
+  const keyword = ref('')
+  const activeIndex = ref(-1)
+
+  let menuList: Menu[] = []
+
+  const { t } = useI18n()
+  const go = useGo()
+  const handleSearch = useDebounceFn(search, 200)
+
+  onBeforeMount(async () => {
+    const list = await getMenus()
+    menuList = cloneDeep(list)
+    forEach(menuList, (item) => {
+      item.name = t(item.name)
+    })
+  })
+
+  function search(e: ChangeEvent) {
+    e?.stopPropagation()
+    const key = e.target.value
+    keyword.value = key.trim()
+    if (!key) {
+      searchResult.value = []
+      return
+    }
+    const reg = createSearchReg(unref(keyword))
+    const filterMenu = filter(menuList, (item) => {
+      return reg.test(item.name) && !item.hideMenu
+    })
+    searchResult.value = handlerSearchResult(filterMenu, reg)
+    activeIndex.value = 0
+  }
+
+  function handlerSearchResult(filterMenu: Menu[], reg: RegExp, parent?: Menu) {
+    const ret: SearchResult[] = []
+    filterMenu.forEach((item) => {
+      const { name, path, icon, children, hideMenu, meta } = item
+      if (!hideMenu && reg.test(name) && (!children?.length || meta?.hideChildrenInMenu)) {
+        ret.push({
+          name: parent?.name ? `${parent.name} > ${name}` : name,
+          path,
+          icon,
+        })
+      }
+      if (!meta?.hideChildrenInMenu && Array.isArray(children) && children.length)
+        ret.push(...handlerSearchResult(children, reg, item))
+    })
+    return ret
+  }
+
+  // Activate when the mouse moves to a certain line
+  function handleMouseenter(e: any) {
+    const index = e.target.dataset.index
+    activeIndex.value = Number(index)
+  }
+
+  // Arrow key up
+  function handleUp() {
+    if (!searchResult.value.length)
+      return
+    activeIndex.value--
+    if (activeIndex.value < 0)
+      activeIndex.value = searchResult.value.length - 1
+
+    handleScroll()
+  }
+
+  // Arrow key down
+  function handleDown() {
+    if (!searchResult.value.length)
+      return
+    activeIndex.value++
+    if (activeIndex.value > searchResult.value.length - 1)
+      activeIndex.value = 0
+
+    handleScroll()
+  }
+
+  // When the keyboard up and down keys move to an invisible place
+  // the scroll bar needs to scroll automatically
+  function handleScroll() {
+    const refList = unref(refs)
+    if (!refList || !Array.isArray(refList) || refList.length === 0 || !unref(scrollWrap))
+      return
+
+    const index = unref(activeIndex)
+    const currentRef = refList[index]
+    if (!currentRef)
+      return
+
+    const wrapEl = unref(scrollWrap)
+    if (!wrapEl)
+      return
+
+    const scrollHeight = currentRef.offsetTop + currentRef.offsetHeight
+    const wrapHeight = wrapEl.offsetHeight
+    const { start } = useScrollTo({
+      el: wrapEl,
+      duration: 100,
+      to: scrollHeight - wrapHeight,
+    })
+    start()
+  }
+
+  // enter keyboard event
+  async function handleEnter() {
+    if (!searchResult.value.length)
+      return
+
+    const result = unref(searchResult)
+    const index = unref(activeIndex)
+    if (result.length === 0 || index < 0)
+      return
+
+    const to = result[index]
+    handleClose()
+    await nextTick()
+    go(to.path)
+  }
+
+  // close search modal
+  function handleClose() {
+    searchResult.value = []
+    emit('close')
+  }
+
+  // enter search
+  onKeyStroke('Enter', handleEnter)
+  // Monitor keyboard arrow keys
+  onKeyStroke('ArrowUp', handleUp)
+  onKeyStroke('ArrowDown', handleDown)
+  // esc close
+  onKeyStroke('Escape', handleClose)
+
+  return { handleSearch, searchResult, keyword, activeIndex, handleMouseenter, handleEnter }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Application/src/useAppContext.ts b/yunxi-ui-admin-vben/src/components/Application/src/useAppContext.ts
new file mode 100644
index 0000000..2152e02
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Application/src/useAppContext.ts
@@ -0,0 +1,17 @@
+import type { InjectionKey, Ref } from 'vue'
+import { createContext, useContext } from '@/hooks/core/useContext'
+
+export interface AppProviderContextProps {
+  prefixCls: Ref<string>
+  isMobile: Ref<boolean>
+}
+
+const key: InjectionKey<AppProviderContextProps> = Symbol('app-context')
+
+export function createAppProviderContext(context: AppProviderContextProps) {
+  return createContext<AppProviderContextProps>(context, key)
+}
+
+export function useAppProviderContext() {
+  return useContext<AppProviderContextProps>(key)
+}
diff --git a/yunxi-ui-admin-vben/src/components/Authority/index.ts b/yunxi-ui-admin-vben/src/components/Authority/index.ts
new file mode 100644
index 0000000..5e86cc5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Authority/index.ts
@@ -0,0 +1,4 @@
+import authority from './src/Authority.vue'
+import { withInstall } from '@/utils'
+
+export const Authority = withInstall(authority)
diff --git a/yunxi-ui-admin-vben/src/components/Authority/src/Authority.vue b/yunxi-ui-admin-vben/src/components/Authority/src/Authority.vue
new file mode 100644
index 0000000..2ba3e26
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Authority/src/Authority.vue
@@ -0,0 +1,44 @@
+<!--
+ Access control component for fine-grained access control.
+-->
+<script lang="ts">
+import { defineComponent } from 'vue'
+import type { RoleEnum } from '@/enums/roleEnum'
+import { usePermission } from '@/hooks/web/usePermission'
+import { getSlot } from '@/utils/helper/tsxHelper'
+
+export default defineComponent({
+  name: 'Authority',
+  props: {
+    /**
+     * Specified role is visible
+     * When the permission mode is the role mode, the value value can pass the role value.
+     * When the permission mode is background, the value value can pass the code permission value
+     * @default ''
+     */
+    value: {
+      type: [Number, Array, String] as PropType<RoleEnum | RoleEnum[] | string | string[]>,
+      default: '',
+    },
+  },
+  setup(props, { slots }) {
+    const { hasPermission } = usePermission()
+
+    /**
+     * Render role button
+     */
+    function renderAuth() {
+      const { value } = props
+      if (!value)
+        return getSlot(slots)
+
+      return hasPermission(value) ? getSlot(slots) : null
+    }
+
+    return () => {
+      // Role-based value control
+      return renderAuth()
+    }
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Basic/index.ts b/yunxi-ui-admin-vben/src/components/Basic/index.ts
new file mode 100644
index 0000000..bd292e9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Basic/index.ts
@@ -0,0 +1,8 @@
+import basicArrow from './src/BasicArrow.vue'
+import basicTitle from './src/BasicTitle.vue'
+import basicHelp from './src/BasicHelp.vue'
+import { withInstall } from '@/utils'
+
+export const BasicArrow = withInstall(basicArrow)
+export const BasicTitle = withInstall(basicTitle)
+export const BasicHelp = withInstall(basicHelp)
diff --git a/yunxi-ui-admin-vben/src/components/Basic/src/BasicArrow.vue b/yunxi-ui-admin-vben/src/components/Basic/src/BasicArrow.vue
new file mode 100644
index 0000000..4445e0e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Basic/src/BasicArrow.vue
@@ -0,0 +1,82 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Icon } from '@/components/Icon'
+import { useDesign } from '@/hooks/web/useDesign'
+
+const props = defineProps({
+  /**
+   * Arrow expand state
+   */
+  expand: { type: Boolean },
+  /**
+   * Arrow up by default
+   */
+  up: { type: Boolean },
+  /**
+   * Arrow down by default
+   */
+  down: { type: Boolean },
+  /**
+   * Cancel padding/margin for inline
+   */
+  inset: { type: Boolean },
+})
+
+const { prefixCls } = useDesign('basic-arrow')
+
+// get component class
+const getClass = computed(() => {
+  const { expand, up, down, inset } = props
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--active`]: expand,
+      up,
+      inset,
+      down,
+    },
+  ]
+})
+</script>
+
+<template>
+  <span :class="getClass">
+    <Icon icon="ion:chevron-forward" :style="$attrs.iconStyle" />
+  </span>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-basic-arrow';
+
+.@{prefix-cls} {
+  display: inline-block;
+  cursor: pointer;
+  transition: all 0.3s ease 0.1s;
+  transform: rotate(0deg);
+  transform-origin: center center;
+
+  &--active {
+    transform: rotate(90deg);
+  }
+
+  &.inset {
+    line-height: 0px;
+  }
+
+  &.up {
+    transform: rotate(-90deg);
+  }
+
+  &.down {
+    transform: rotate(90deg);
+  }
+
+  &.up.@{prefix-cls}--active {
+    transform: rotate(90deg);
+  }
+
+  &.down.@{prefix-cls}--active {
+    transform: rotate(-90deg);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Basic/src/BasicHelp.vue b/yunxi-ui-admin-vben/src/components/Basic/src/BasicHelp.vue
new file mode 100644
index 0000000..8990fdb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Basic/src/BasicHelp.vue
@@ -0,0 +1,96 @@
+<script lang="tsx">
+import type { CSSProperties } from 'vue'
+import { computed, defineComponent, unref } from 'vue'
+import { Tooltip } from 'ant-design-vue'
+import { InfoCircleOutlined } from '@ant-design/icons-vue'
+import { getPopupContainer } from '@/utils'
+import { isArray, isString } from '@/utils/is'
+import { getSlot } from '@/utils/helper/tsxHelper'
+
+const props = {
+  /**
+   * Help text max-width
+   * @default: 600px
+   */
+  maxWidth: { type: String, default: '600px' },
+  /**
+   * Whether to display the serial number
+   * @default: false
+   */
+  showIndex: { type: Boolean },
+  /**
+   * Help text font color
+   * @default: #ffffff
+   */
+  color: { type: String, default: '#ffffff' },
+  /**
+   * Help text font size
+   * @default: 14px
+   */
+  fontSize: { type: String, default: '14px' },
+  /**
+   * Help text list
+   */
+  placement: { type: String, default: 'right' },
+  /**
+   * Help text list
+   */
+  text: { type: [Array, String] as PropType<string[] | string> },
+}
+
+export default defineComponent({
+  name: 'BasicHelp',
+  components: { Tooltip },
+  props,
+  setup(props, { slots }) {
+
+    const getTooltipStyle = computed((): CSSProperties => ({ color: props.color, fontSize: props.fontSize }))
+
+    const getOverlayStyle = computed((): CSSProperties => ({ maxWidth: props.maxWidth }))
+
+    function renderTitle() {
+      const textList = props.text
+
+      if (isString(textList))
+        return <p>{textList}</p>
+
+      if (isArray(textList)) {
+        return textList.map((text, index) => {
+          return (
+            <p key={text}>
+              <>
+                {props.showIndex ? `${index + 1}. ` : ''}
+                {text}
+              </>
+            </p>
+          )
+        })
+      }
+      return null
+    }
+
+    return () => {
+      return (
+        <Tooltip
+          overlayClassName="overlay-class"
+          title={<div style={unref(getTooltipStyle)}>{renderTitle()}</div>}
+          autoAdjustOverflow={true}
+          overlayStyle={unref(getOverlayStyle)}
+          placement={props.placement as 'right'}
+          getPopupContainer={() => getPopupContainer()}
+        >
+          <span class="ml-1.5 inline-block cursor-pointer text-sm">{getSlot(slots) || <InfoCircleOutlined />}</span>
+        </Tooltip>
+      )
+    }
+  },
+})
+</script>
+
+<style>
+.overlay-class {
+  p {
+    margin-bottom: 0;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Basic/src/BasicTitle.vue b/yunxi-ui-admin-vben/src/components/Basic/src/BasicTitle.vue
new file mode 100644
index 0000000..6c4fb6f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Basic/src/BasicTitle.vue
@@ -0,0 +1,75 @@
+<script lang="ts" setup>
+import { computed, useSlots } from 'vue'
+import BasicHelp from './BasicHelp.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+
+const props = defineProps({
+  /**
+   * Help text list or string
+   * @default: ''
+   */
+  helpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+    default: '',
+  },
+  /**
+   * Whether the color block on the left side of the title
+   * @default: false
+   */
+  span: { type: Boolean },
+  /**
+   * Whether to default the text, that is, not bold
+   * @default: false
+   */
+  normal: { type: Boolean },
+})
+
+const { prefixCls } = useDesign('basic-title')
+const slots = useSlots()
+const getClass = computed(() => [
+  prefixCls,
+  { [`${prefixCls}-show-span`]: props.span && slots.default },
+  { [`${prefixCls}-normal`]: props.normal },
+])
+</script>
+
+<template>
+  <span :class="getClass">
+    <slot />
+    <BasicHelp v-if="helpMessage" :class="`${prefixCls}-help`" :text="helpMessage" />
+  </span>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-basic-title';
+
+.@{prefix-cls} {
+  position: relative;
+  display: flex;
+  padding-left: 7px;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  cursor: pointer;
+  user-select: none;
+
+  &-normal {
+    font-size: 14px;
+    font-weight: 500;
+  }
+
+  &-show-span::before {
+    position: absolute;
+    top: 4px;
+    left: 0;
+    width: 3px;
+    height: 16px;
+    margin-right: 4px;
+    content: '';
+  }
+
+  &-help {
+    margin-left: 10px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Button/index.ts b/yunxi-ui-admin-vben/src/components/Button/index.ts
new file mode 100644
index 0000000..005b210
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Button/index.ts
@@ -0,0 +1,9 @@
+import type { ExtractPropTypes } from 'vue'
+import button from './src/BasicButton.vue'
+import popConfirmButton from './src/PopConfirmButton.vue'
+import type { buttonProps } from './src/props'
+import { withInstall } from '@/utils'
+
+export const Button = withInstall(button)
+export const PopConfirmButton = withInstall(popConfirmButton)
+export declare type ButtonProps = Partial<ExtractPropTypes<typeof buttonProps>>
diff --git a/yunxi-ui-admin-vben/src/components/Button/src/BasicButton.vue b/yunxi-ui-admin-vben/src/components/Button/src/BasicButton.vue
new file mode 100644
index 0000000..bc0d535
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Button/src/BasicButton.vue
@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import { Button } from 'ant-design-vue'
+import { computed, unref } from 'vue'
+import { buttonProps } from './props'
+import { Icon } from '@/components/Icon'
+import { useAttrs } from '@/hooks/core/useAttrs'
+
+defineOptions({ name: 'AButton', extends: Button, indeterminate: false })
+
+const props = defineProps(buttonProps)
+// get component class
+const attrs = useAttrs({ excludeDefaultKeys: false })
+const getButtonClass = computed(() => {
+  const { color, disabled } = props
+  return [
+    {
+      [`ant-btn-${color}`]: !!color,
+      'is-disabled': disabled,
+    },
+  ]
+})
+
+// get inherit binding value
+const getBindValue = computed(() => ({ ...unref(attrs), ...props }))
+</script>
+
+<template>
+  <Button v-bind="getBindValue" :class="getButtonClass" @click="onClick">
+    <template #default="data">
+      <Icon v-if="preIcon" :icon="preIcon" :size="iconSize" />
+      <slot v-bind="data || {}" />
+      <Icon v-if="postIcon" :icon="postIcon" :size="iconSize" />
+    </template>
+  </Button>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Button/src/PopConfirmButton.vue b/yunxi-ui-admin-vben/src/components/Button/src/PopConfirmButton.vue
new file mode 100644
index 0000000..22879ad
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Button/src/PopConfirmButton.vue
@@ -0,0 +1,55 @@
+<script lang="ts">
+import { computed, defineComponent, h, unref } from 'vue'
+import { Popconfirm } from 'ant-design-vue'
+import { omit } from 'lodash-es'
+import BasicButton from './BasicButton.vue'
+import { extendSlots } from '@/utils/helper/tsxHelper'
+import { useAttrs } from '@/hooks/core/useAttrs'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const props = {
+  /**
+   * Whether to enable the drop-down menu
+   * @default: true
+   */
+  enable: {
+    type: Boolean,
+    default: true,
+  },
+}
+
+export default defineComponent({
+  name: 'PopButton',
+  inheritAttrs: false,
+  props,
+  setup(props, { slots }) {
+    const { t } = useI18n()
+    const attrs = useAttrs()
+
+    // get inherit binding value
+    const getBindValues = computed(() => {
+      return Object.assign(
+        {
+          okText: t('common.okText'),
+          cancelText: t('common.cancelText'),
+        },
+        { ...props, ...unref(attrs) },
+      )
+    })
+
+    return () => {
+      const bindValues = omit(unref(getBindValues), 'icon')
+      const btnBind = omit(bindValues, 'title') as Recordable
+      if (btnBind.disabled)
+        btnBind.color = ''
+      const Button = h(BasicButton, btnBind, extendSlots(slots))
+
+      // If it is not enabled, it is a normal button
+      if (!props.enable)
+        return Button
+
+      return h(Popconfirm, bindValues, { default: () => Button })
+    }
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Button/src/props.ts b/yunxi-ui-admin-vben/src/components/Button/src/props.ts
new file mode 100644
index 0000000..d2a9a5b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Button/src/props.ts
@@ -0,0 +1,26 @@
+const validColors = ['primary', 'error', 'warning', 'success', ''] as const
+type ButtonColorType = (typeof validColors)[number]
+
+export const buttonProps = {
+  color: {
+    type: String as PropType<ButtonColorType>,
+    validator: v => validColors.includes(v),
+    default: '',
+  },
+  loading: { type: Boolean },
+  disabled: { type: Boolean },
+  /**
+   * Text before icon.
+   */
+  preIcon: { type: String },
+  /**
+   * Text after icon.
+   */
+  postIcon: { type: String },
+  /**
+   * preIcon and postIcon icon size.
+   * @default: 14
+   */
+  iconSize: { type: Number, default: 14 },
+  onClick: { type: [Function, Array] as PropType<(() => any) | (() => any)[]>, default: null },
+}
diff --git a/yunxi-ui-admin-vben/src/components/CardList/index.ts b/yunxi-ui-admin-vben/src/components/CardList/index.ts
new file mode 100644
index 0000000..7616639
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CardList/index.ts
@@ -0,0 +1,4 @@
+import cardList from './src/CardList.vue'
+import { withInstall } from '@/utils'
+
+export const CardList = withInstall(cardList)
diff --git a/yunxi-ui-admin-vben/src/components/CardList/src/CardList.vue b/yunxi-ui-admin-vben/src/components/CardList/src/CardList.vue
new file mode 100644
index 0000000..3d26a41
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CardList/src/CardList.vue
@@ -0,0 +1,175 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref } from 'vue'
+import { EditOutlined, EllipsisOutlined, RedoOutlined, TableOutlined } from '@ant-design/icons-vue'
+import { Avatar, Card, Image, List, Slider, Tooltip, Typography } from 'ant-design-vue'
+import { grid, useSlider } from './data'
+import { Dropdown } from '@/components/Dropdown'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import { propTypes } from '@/utils/propTypes'
+import { Button } from '@/components/Button'
+import { isFunction } from '@/utils/is'
+
+// 组件接收参数
+const props = defineProps({
+  // 请求API的参数
+  params: propTypes.object.def({}),
+  // api
+  api: propTypes.func,
+  searchSchema: {
+    type: Array,
+  },
+})
+// 暴露内部方法
+const emit = defineEmits(['getMethod', 'delete'])
+// 获取slider属性
+const sliderProp = computed(() => useSlider(4))
+// 数据
+const data = ref([])
+// 切换每行个数
+// cover图片自适应高度
+// 修改pageSize并重新请求数据
+
+const height = computed(() => {
+  return `h-${120 - grid.value * 6}`
+})
+// 表单
+const [registerForm, { validate }] = useForm({
+  schemas: props.searchSchema as FormSchema[],
+  labelWidth: 80,
+  baseColProps: { span: 6 },
+  actionColOptions: { span: 24 },
+  autoSubmitOnEnter: true,
+  submitFunc: handleSubmit,
+})
+
+// 自动请求并暴露内部方法
+onMounted(() => {
+  fetch()
+  emit('getMethod', fetch)
+})
+
+// 分页相关
+const page = ref(1)
+const pageSize = ref(36)
+const total = ref(0)
+const paginationProp = ref({
+  showSizeChanger: false,
+  showQuickJumper: true,
+  pageSize,
+  current: page,
+  total,
+  showTotal: (total: number) => `总 ${total} 条`,
+  onChange: pageChange,
+  onShowSizeChange: pageSizeChange,
+})
+
+async function fetch(p = {}) {
+  const { api, params } = props
+  if (api && isFunction(api)) {
+    const res = await api({ ...params, page: page.value, pageSize: pageSize.value, ...p })
+    data.value = res.list
+    total.value = res.total
+  }
+}
+
+function pageChange(p: number, pz: number) {
+  page.value = p
+  pageSize.value = pz
+  fetch()
+}
+function pageSizeChange(_current, size: number) {
+  pageSize.value = size
+  fetch()
+}
+
+// 表单提交
+async function handleSubmit() {
+  const data = await validate()
+  await fetch(data)
+}
+function sliderChange(n: number) {
+  pageSize.value = n * 4
+  fetch()
+}
+
+async function handleDelete(id) {
+  emit('delete', id)
+}
+</script>
+
+<template>
+  <div class="p-2">
+    <div class="mb-2 p-4">
+      <BasicForm @register="registerForm" />
+    </div>
+    <div class="p-2">
+      <List :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }" :data-source="data" :pagination="paginationProp">
+        <template #header>
+          <div class="flex justify-end space-x-2">
+            <slot name="header" />
+            <Tooltip>
+              <template #title>
+                <div class="w-50">
+                  每行显示数量
+                </div>
+                <Slider id="slider" v-bind="sliderProp" v-model:value="grid" @change="sliderChange" />
+              </template>
+              <Button><TableOutlined /></Button>
+            </Tooltip>
+            <Tooltip @click="fetch">
+              <template #title>
+                刷新
+              </template>
+              <Button><RedoOutlined /></Button>
+            </Tooltip>
+          </div>
+        </template>
+        <template #renderItem="{ item }">
+          <List.Item>
+            <Card>
+              <template #title />
+              <template #cover>
+                <div :class="height">
+                  <Image :src="item.imgs[0]" />
+                </div>
+              </template>
+              <template #actions>
+                <!--              <SettingOutlined key="setting" /> -->
+                <EditOutlined />
+                <Dropdown
+                  :trigger="['hover']"
+                  :drop-menu-list="[
+                    {
+                      text: '删除',
+                      event: '1',
+                      popConfirm: {
+                        title: '是否确认删除',
+                        confirm: handleDelete.bind(null, item.id),
+                      },
+                    },
+                  ]"
+                  popconfirm
+                >
+                  <EllipsisOutlined />
+                </Dropdown>
+              </template>
+
+              <Card.Meta>
+                <template #title>
+                  <Typography.Paragraph :content="item.name" :ellipsis="{ tooltip: item.address }" />
+                </template>
+                <template #avatar>
+                  <Avatar :src="item.avatar" />
+                </template>
+                <template #description>
+                  {{ item.time }}
+                </template>
+              </Card.Meta>
+            </Card>
+          </List.Item>
+        </template>
+      </List>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CardList/src/data.ts b/yunxi-ui-admin-vben/src/components/CardList/src/data.ts
new file mode 100644
index 0000000..a4e9dac
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CardList/src/data.ts
@@ -0,0 +1,26 @@
+import { ref } from 'vue'
+
+// 每行个数
+export const grid = ref(12)
+// slider属性
+export function useSlider(min = 6, max = 12) {
+  // 每行显示个数滑动条
+  const getMarks = () => {
+    const l = {}
+    for (let i = min; i < max + 1; i++) {
+      l[i] = {
+        style: {
+          color: '#fff',
+        },
+        label: i,
+      }
+    }
+    return l
+  }
+  return {
+    min,
+    max,
+    marks: getMarks(),
+    step: 1,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/index.ts b/yunxi-ui-admin-vben/src/components/CodeEditor/index.ts
new file mode 100644
index 0000000..f8eb26a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/index.ts
@@ -0,0 +1,8 @@
+import codeEditor from './src/CodeEditor.vue'
+import jsonPreview from './src/json-preview/JsonPreview.vue'
+import { withInstall } from '@/utils'
+
+export const CodeEditor = withInstall(codeEditor)
+export const JsonPreview = withInstall(jsonPreview)
+
+export * from './src/typing'
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/src/CodeEditor.vue b/yunxi-ui-admin-vben/src/components/CodeEditor/src/CodeEditor.vue
new file mode 100644
index 0000000..1e1ca94
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/src/CodeEditor.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import CodeMirrorEditor from './codemirror/CodeMirror.vue'
+import { MODE } from './typing'
+import { isString } from '@/utils/is'
+
+const props = defineProps({
+  value: { type: [Object, String] as PropType<Record<string, any> | string> },
+  mode: {
+    type: String as PropType<MODE>,
+    default: MODE.JSON,
+    validator(value: any) {
+      // 这个值必须匹配下列字符串中的一个
+      return Object.values(MODE).includes(value)
+    },
+  },
+  readonly: { type: Boolean },
+  autoFormat: { type: Boolean, default: true },
+})
+
+const emit = defineEmits(['change', 'update:value', 'formatError'])
+
+const getValue = computed(() => {
+  const { value, mode, autoFormat } = props
+  if (!autoFormat || mode !== MODE.JSON)
+    return value as string
+
+  let result = value
+  if (isString(value)) {
+    try {
+      result = JSON.parse(value)
+    }
+    catch (e) {
+      emit('formatError', value)
+      return value as string
+    }
+  }
+  return JSON.stringify(result, null, 2)
+})
+
+function handleValueChange(v) {
+  emit('update:value', v)
+  emit('change', v)
+}
+</script>
+
+<template>
+  <div class="h-full">
+    <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" @change="handleValueChange" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/CodeMirror.vue
new file mode 100644
index 0000000..e568b0d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -0,0 +1,111 @@
+<script lang="ts" setup>
+import { nextTick, onMounted, onUnmounted, ref, unref, watch, watchEffect } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+import CodeMirror from 'codemirror'
+import { MODE } from './../typing'
+import { useAppStore } from '@/store/modules/app'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+
+// css
+import './codemirror.css'
+import 'codemirror/theme/idea.css'
+import 'codemirror/theme/material-palenight.css'
+
+// modes
+import 'codemirror/mode/javascript/javascript'
+import 'codemirror/mode/css/css'
+import 'codemirror/mode/htmlmixed/htmlmixed'
+
+const props = defineProps({
+  mode: {
+    type: String as PropType<MODE>,
+    default: MODE.JSON,
+    validator(value: any) {
+      // 这个值必须匹配下列字符串中的一个
+      return Object.values(MODE).includes(value)
+    },
+  },
+  value: { type: String, default: '' },
+  readonly: { type: Boolean, default: false },
+})
+
+const emit = defineEmits(['change'])
+
+const el = ref()
+let editor: Nullable<CodeMirror.Editor>
+
+const debounceRefresh = useDebounceFn(refresh, 100)
+const appStore = useAppStore()
+
+watch(
+  () => props.value,
+  async (value) => {
+    await nextTick()
+    const oldValue = editor?.getValue()
+    if (value !== oldValue)
+      editor?.setValue(value || '')
+  },
+  { flush: 'post' },
+)
+
+watchEffect(() => {
+  editor?.setOption('mode', props.mode)
+})
+
+watch(
+  () => appStore.getDarkMode,
+  async () => {
+    setTheme()
+  },
+  {
+    immediate: true,
+  },
+)
+
+function setTheme() {
+  unref(editor)?.setOption('theme', appStore.getDarkMode === 'light' ? 'idea' : 'material-palenight')
+}
+
+function refresh() {
+  editor?.refresh()
+}
+
+async function init() {
+  const addonOptions = {
+    autoCloseBrackets: true,
+    autoCloseTags: true,
+    foldGutter: true,
+    gutters: ['CodeMirror-linenumbers'],
+  }
+
+  editor = CodeMirror(el.value!, {
+    value: '',
+    mode: props.mode,
+    readOnly: props.readonly,
+    tabSize: 2,
+    theme: 'material-palenight',
+    lineWrapping: true,
+    lineNumbers: true,
+    ...addonOptions,
+  })
+  editor?.setValue(props.value)
+  setTheme()
+  editor?.on('change', () => {
+    emit('change', editor?.getValue())
+  })
+}
+
+onMounted(async () => {
+  await nextTick()
+  init()
+  useWindowSizeFn(debounceRefresh)
+})
+
+onUnmounted(() => {
+  editor = null
+})
+</script>
+
+<template>
+  <div ref="el" class="relative w-full overflow-hidden !h-full" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codeMirror.ts b/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codeMirror.ts
new file mode 100644
index 0000000..ea2929a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codeMirror.ts
@@ -0,0 +1,23 @@
+import CodeMirror from 'codemirror'
+import './codemirror.css'
+import 'codemirror/theme/idea.css'
+import 'codemirror/theme/material-palenight.css'
+
+// import 'codemirror/addon/lint/lint.css';
+
+// modes
+import 'codemirror/mode/javascript/javascript'
+import 'codemirror/mode/css/css'
+import 'codemirror/mode/htmlmixed/htmlmixed'
+
+// addons
+// import 'codemirror/addon/edit/closebrackets';
+// import 'codemirror/addon/edit/closetag';
+// import 'codemirror/addon/comment/comment';
+// import 'codemirror/addon/fold/foldcode';
+// import 'codemirror/addon/fold/foldgutter';
+// import 'codemirror/addon/fold/brace-fold';
+// import 'codemirror/addon/fold/indent-fold';
+// import 'codemirror/addon/lint/json-lint';
+// import 'codemirror/addon/fold/comment-fold';
+export { CodeMirror }
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codemirror.css b/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codemirror.css
new file mode 100644
index 0000000..d0f703e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/src/codemirror/codemirror.css
@@ -0,0 +1,529 @@
+/* BASICS */
+
+.CodeMirror {
+  --base: #545281;
+  --comment: hsl(210deg 25% 60%);
+  --keyword: #af4ab1;
+  --variable: #0055d1;
+  --function: #c25205;
+  --string: #2ba46d;
+  --number: #c25205;
+  --tags: #d00;
+  --qualifier: #ff6032;
+  --important: var(--string);
+
+  position: relative;
+  height: auto;
+  height: 100%;
+  overflow: hidden;
+  font-family: var(--font-code);
+  background: white;
+  direction: ltr;
+}
+
+/* PADDING */
+
+.CodeMirror-lines {
+  min-height: 1px; /* prevents collapsing before first draw */
+  padding: 4px 0; /* Vertical padding around content */
+  cursor: text;
+}
+
+.CodeMirror-scrollbar-filler,
+.CodeMirror-gutter-filler {
+  background-color: white; /* The little square between H and V scrollbars */
+}
+
+/* GUTTER */
+
+.CodeMirror-gutters {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 3;
+  min-height: 100%;
+  white-space: nowrap;
+  background-color: transparent;
+  border-right: 1px solid #ddd;
+}
+
+.CodeMirror-linenumber {
+  min-width: 20px;
+  padding: 0 3px 0 5px;
+  color: var(--comment);
+  text-align: right;
+  white-space: nowrap;
+  opacity: 0.6;
+}
+
+.CodeMirror-guttermarker {
+  color: black;
+}
+
+.CodeMirror-guttermarker-subtle {
+  color: #999;
+}
+
+/* FOLD GUTTER */
+
+.CodeMirror-foldmarker {
+  font-family: arial;
+  line-height: 0.3;
+  color: #414141;
+  text-shadow:
+    #f96 1px 1px 2px,
+    #f96 -1px -1px 2px,
+    #f96 1px -1px 2px,
+    #f96 -1px 1px 2px;
+  cursor: pointer;
+}
+
+.CodeMirror-foldgutter {
+  width: 0.7em;
+}
+
+.CodeMirror-foldgutter-open,
+.CodeMirror-foldgutter-folded {
+  cursor: pointer;
+}
+
+.CodeMirror-foldgutter-open::after,
+.CodeMirror-foldgutter-folded::after {
+  position: relative;
+  top: -0.1em;
+  display: inline-block;
+  font-size: 0.8em;
+  content: '>';
+  opacity: 0.8;
+  transform: rotate(90deg);
+  transition: transform 0.2s;
+}
+
+.CodeMirror-foldgutter-folded::after {
+  transform: none;
+}
+
+/* CURSOR */
+
+.CodeMirror-cursor {
+  position: absolute;
+  width: 0;
+  pointer-events: none;
+  border-right: none;
+  border-left: 1px solid black;
+}
+
+/* Shown when moving in bi-directional text */
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+
+.cm-fat-cursor .CodeMirror-cursor {
+  width: auto;
+  background: #7e7;
+  border: 0 !important;
+}
+
+.cm-fat-cursor div.CodeMirror-cursors {
+  z-index: 1;
+}
+
+.cm-fat-cursor-mark {
+  background-color: rgb(20 255 20 / 50%);
+  animation: blink 1.06s steps(1) infinite;
+}
+
+.cm-animate-fat-cursor {
+  width: auto;
+  background-color: #7e7;
+  border: 0;
+  animation: blink 1.06s steps(1) infinite;
+}
+@keyframes blink {
+  50% {
+    background-color: transparent;
+  }
+}
+@keyframes blink {
+  50% {
+    background-color: transparent;
+  }
+}
+@keyframes blink {
+  50% {
+    background-color: transparent;
+  }
+}
+
+.cm-tab {
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+.CodeMirror-rulers {
+  position: absolute;
+  top: -50px;
+  right: 0;
+  bottom: -20px;
+  left: 0;
+  overflow: hidden;
+}
+
+.CodeMirror-ruler {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  border-left: 1px solid #ccc;
+}
+
+/* DEFAULT THEME */
+.cm-s-default.CodeMirror {
+  background-color: transparent;
+}
+
+.cm-s-default .cm-header {
+  color: blue;
+}
+
+.cm-s-default .cm-quote {
+  color: #090;
+}
+
+.cm-negative {
+  color: #d44;
+}
+
+.cm-positive {
+  color: #292;
+}
+
+.cm-header,
+.cm-strong {
+  font-weight: bold;
+}
+
+.cm-em {
+  font-style: italic;
+}
+
+.cm-link {
+  text-decoration: underline;
+}
+
+.cm-strikethrough {
+  text-decoration: line-through;
+}
+
+.cm-s-default .cm-atom,
+.cm-s-default .cm-def,
+.cm-s-default .cm-property,
+.cm-s-default .cm-variable-2,
+.cm-s-default .cm-variable-3,
+.cm-s-default .cm-punctuation {
+  color: var(--base);
+}
+
+.cm-s-default .cm-hr,
+.cm-s-default .cm-comment {
+  color: var(--comment);
+}
+
+.cm-s-default .cm-attribute,
+.cm-s-default .cm-keyword {
+  color: var(--keyword);
+}
+
+.cm-s-default .cm-variable {
+  color: var(--variable);
+}
+
+.cm-s-default .cm-bracket,
+.cm-s-default .cm-tag {
+  color: var(--tags);
+}
+
+.cm-s-default .cm-number {
+  color: var(--number);
+}
+
+.cm-s-default .cm-string,
+.cm-s-default .cm-string-2 {
+  color: var(--string);
+}
+
+.cm-s-default .cm-type {
+  color: #085;
+}
+
+.cm-s-default .cm-meta {
+  color: #555;
+}
+
+.cm-s-default .cm-qualifier {
+  color: var(--qualifier);
+}
+
+.cm-s-default .cm-builtin {
+  color: #7539ff;
+}
+
+.cm-s-default .cm-link {
+  color: var(--flash);
+}
+
+.cm-s-default .cm-error {
+  color: #ff008c;
+}
+
+.cm-invalidchar {
+  color: #ff008c;
+}
+
+.CodeMirror-composing {
+  border-bottom: 2px solid;
+}
+
+/* Default styles for common addons */
+
+div.CodeMirror span.CodeMirror-matchingbracket {
+  color: #0b0;
+}
+
+div.CodeMirror span.CodeMirror-nonmatchingbracket {
+  color: #a22;
+}
+
+.CodeMirror-matchingtag {
+  background: rgb(255 150 0 / 30%);
+}
+
+.CodeMirror-activeline-background {
+  background: #e8f2ff;
+}
+
+/* STOP */
+
+/* The rest of this file contains styles related to the mechanics of
+   the editor. You probably shouldn't touch them. */
+
+.CodeMirror-scroll {
+  position: relative;
+  height: 100%;
+  padding-bottom: 30px;
+  margin-right: -30px;
+
+  /* 30px is the magic margin used to hide the element's real scrollbars */
+
+  /* See overflow: hidden in .CodeMirror */
+  margin-bottom: -30px;
+  overflow: scroll !important; /* Things will break if this is overridden */
+  outline: none; /* Prevent dragging from highlighting the element */
+}
+
+.CodeMirror-sizer {
+  position: relative;
+  margin-bottom: 20px !important;
+  border-right: 30px solid transparent;
+}
+
+/* The fake, visible scrollbars. Used to force redraw during scrolling
+   before actual scrolling happens, thus preventing shaking and
+   flickering artifacts. */
+.CodeMirror-vscrollbar,
+.CodeMirror-hscrollbar,
+.CodeMirror-scrollbar-filler,
+.CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+}
+
+.CodeMirror-vscrollbar {
+  top: 0;
+  right: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+
+.CodeMirror-hscrollbar {
+  bottom: 0;
+  left: 0;
+  overflow-x: scroll;
+  overflow-y: hidden;
+}
+
+.CodeMirror-scrollbar-filler {
+  right: 0;
+  bottom: 0;
+}
+
+.CodeMirror-gutter-filler {
+  bottom: 0;
+  left: 0;
+}
+
+.CodeMirror-gutter {
+  display: inline-block;
+  height: 100%;
+  margin-bottom: -30px;
+  white-space: normal;
+  vertical-align: top;
+}
+
+.CodeMirror-gutter-wrapper {
+  position: absolute;
+  z-index: 4;
+  background: none !important;
+  border: none !important;
+}
+
+.CodeMirror-gutter-background {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 4;
+}
+
+.CodeMirror-gutter-elt {
+  position: absolute;
+  z-index: 4;
+  cursor: default;
+}
+
+.CodeMirror-gutter-wrapper ::selection {
+  background-color: transparent;
+}
+
+.CodeMirrorwrapper ::selection {
+  background-color: transparent;
+}
+
+.CodeMirror pre {
+  position: relative;
+  z-index: 2;
+  padding: 0 4px; /* Horizontal padding of content */
+  margin: 0;
+  overflow: visible;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  word-wrap: normal;
+  white-space: pre;
+  background: transparent;
+  border-width: 0;
+
+  /* Reset some styles that the rest of the page might have set */
+  border-radius: 0;
+  -webkit-tap-highlight-color: transparent;
+  font-variant-ligatures: contextual;
+}
+
+.CodeMirror-wrap pre {
+  word-break: normal;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+}
+
+.CodeMirror-linebackground {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 0;
+}
+
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  padding: 0.1px; /* Force widget margins to stay inside of the container */
+}
+
+.CodeMirror-rtl pre {
+  direction: rtl;
+}
+
+.CodeMirror-code {
+  outline: none;
+}
+
+/* Force content-box sizing for the elements where we expect it */
+.CodeMirror-scroll,
+.CodeMirror-sizer,
+.CodeMirror-gutter,
+.CodeMirror-gutters,
+.CodeMirror-linenumber {
+  box-sizing: content-box;
+}
+
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+.CodeMirror-measure pre {
+  position: static;
+}
+
+div.CodeMirror-cursors {
+  position: relative;
+  z-index: 3;
+  visibility: hidden;
+}
+
+div.CodeMirror-dragcursors {
+  visibility: visible;
+}
+
+.CodeMirror-focused div.CodeMirror-cursors {
+  visibility: visible;
+}
+
+.CodeMirror-selected {
+  background: #d9d9d9;
+}
+
+.CodeMirror-focused .CodeMirror-selected {
+  background: #d7d4f0;
+}
+
+.CodeMirror-crosshair {
+  cursor: crosshair;
+}
+
+.CodeMirror-line::selection,
+.CodeMirror-line > span::selection,
+.CodeMirror-line > span > span::selection {
+  background: #d7d4f0;
+}
+
+.cm-searching {
+  background-color: #ffa;
+  background-color: rgb(255 255 0 / 40%);
+}
+
+/* Used to force a border model for a node */
+.cm-force-border {
+  padding-right: 0.1px;
+}
+
+@media print {
+  /* Hide the cursor when printing */
+  .CodeMirror div.CodeMirror-cursors {
+    visibility: hidden;
+  }
+}
+
+/* See issue #2901 */
+.cm-tab-wrap-hack::after {
+  content: '';
+}
+
+/* Help users use markselection to safely style text background */
+span.CodeMirror-selectedtext {
+  background: none;
+}
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/src/json-preview/JsonPreview.vue b/yunxi-ui-admin-vben/src/components/CodeEditor/src/json-preview/JsonPreview.vue
new file mode 100644
index 0000000..92b1801
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/src/json-preview/JsonPreview.vue
@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+import VueJsonPretty from 'vue-json-pretty'
+import 'vue-json-pretty/lib/styles.css'
+
+defineProps({
+  data: Object,
+})
+</script>
+
+<template>
+  <VueJsonPretty path="res" :deep="3" :show-length="true" :data="data" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CodeEditor/src/typing.ts b/yunxi-ui-admin-vben/src/components/CodeEditor/src/typing.ts
new file mode 100644
index 0000000..34b5ed1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CodeEditor/src/typing.ts
@@ -0,0 +1,5 @@
+export enum MODE {
+  JSON = 'application/json',
+  HTML = 'htmlmixed',
+  JS = 'javascript',
+}
diff --git a/yunxi-ui-admin-vben/src/components/Container/index.ts b/yunxi-ui-admin-vben/src/components/Container/index.ts
new file mode 100644
index 0000000..fc115e7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Container/index.ts
@@ -0,0 +1,10 @@
+import collapseContainer from './src/collapse/CollapseContainer.vue'
+import scrollContainer from './src/ScrollContainer.vue'
+import lazyContainer from './src/LazyContainer.vue'
+import { withInstall } from '@/utils'
+
+export const CollapseContainer = withInstall(collapseContainer)
+export const ScrollContainer = withInstall(scrollContainer)
+export const LazyContainer = withInstall(lazyContainer)
+
+export * from './src/typing'
diff --git a/yunxi-ui-admin-vben/src/components/Container/src/LazyContainer.vue b/yunxi-ui-admin-vben/src/components/Container/src/LazyContainer.vue
new file mode 100644
index 0000000..ff13297
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Container/src/LazyContainer.vue
@@ -0,0 +1,131 @@
+<script lang="ts" setup>
+import { onMounted, reactive, ref, toRef } from 'vue'
+import { Skeleton } from 'ant-design-vue'
+import { useTimeoutFn } from '@vueuse/core'
+import { useIntersectionObserver } from '@/hooks/event/useIntersectionObserver'
+
+defineOptions({ name: 'LazyContainer', inheritAttrs: false })
+
+const props = defineProps({
+  /**
+   * Waiting time, if the time is specified, whether visible or not, it will be automatically loaded after the specified time
+   */
+  timeout: { type: Number },
+  /**
+   * The viewport where the component is located.
+   * If the component is scrolling in the page container, the viewport is the container
+   */
+  viewport: {
+    type: (typeof window !== 'undefined' ? window.HTMLElement : Object) as PropType<HTMLElement>,
+    default: () => null,
+  },
+  /**
+   * Preload threshold, css unit
+   */
+  threshold: { type: String, default: '0px' },
+  /**
+   * The scroll direction of the viewport, vertical represents the vertical direction, horizontal represents the horizontal direction
+   */
+  direction: {
+    type: String,
+    default: 'vertical',
+    validator: (v: string) => ['vertical', 'horizontal'].includes(v),
+  },
+  /**
+   * The label name of the outer container that wraps the component
+   */
+  tag: { type: String, default: 'div' },
+  maxWaitingTime: { type: Number, default: 80 },
+  /**
+   * transition name
+   */
+  transitionName: { type: String, default: 'lazy-container' },
+})
+
+const emit = defineEmits(['init'])
+
+interface State {
+  isInit: boolean
+  loading: boolean
+  intersectionObserverInstance: IntersectionObserver | null
+}
+
+const elRef = ref()
+const state = reactive<State>({
+  isInit: false,
+  loading: false,
+  intersectionObserverInstance: null,
+})
+
+onMounted(() => {
+  immediateInit()
+  initIntersectionObserver()
+})
+
+// If there is a set delay time, it will be executed immediately
+function immediateInit() {
+  const { timeout } = props
+  timeout
+    && useTimeoutFn(() => {
+      init()
+    }, timeout)
+}
+
+function init() {
+  state.loading = true
+
+  useTimeoutFn(() => {
+    if (state.isInit)
+      return
+    state.isInit = true
+    emit('init')
+  }, props.maxWaitingTime || 80)
+}
+
+function initIntersectionObserver() {
+  const { timeout, direction, threshold } = props
+  if (timeout)
+    return
+  // According to the scrolling direction to construct the viewport margin, used to load in advance
+  let rootMargin = '0px'
+  switch (direction) {
+    case 'vertical':
+      rootMargin = `${threshold} 0px`
+      break
+    case 'horizontal':
+      rootMargin = `0px ${threshold}`
+      break
+  }
+
+  try {
+    const { stop, observer } = useIntersectionObserver({
+      rootMargin,
+      target: toRef(elRef.value, '$el'),
+      onIntersect: (entries: any[]) => {
+        const isIntersecting = entries[0].isIntersecting || entries[0].intersectionRatio
+        if (isIntersecting) {
+          init()
+          if (observer)
+            stop()
+        }
+      },
+      root: toRef(props, 'viewport'),
+    })
+  }
+  catch (e) {
+    init()
+  }
+}
+</script>
+
+<template>
+  <transition-group v-bind="$attrs" ref="elRef" class="h-full w-full" :name="transitionName" :tag="tag" mode="out-in">
+    <div v-if="state.isInit" key="component">
+      <slot :loading="state.loading" />
+    </div>
+    <div v-else key="skeleton">
+      <slot v-if="$slots.skeleton" name="skeleton" />
+      <Skeleton v-else />
+    </div>
+  </transition-group>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Container/src/ScrollContainer.vue b/yunxi-ui-admin-vben/src/components/Container/src/ScrollContainer.vue
new file mode 100644
index 0000000..4aaa25d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Container/src/ScrollContainer.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import { nextTick, ref, unref } from 'vue'
+import type { ScrollbarType } from '@/components/Scrollbar'
+import { Scrollbar } from '@/components/Scrollbar'
+import { useScrollTo } from '@/hooks/event/useScrollTo'
+
+defineOptions({ name: 'ScrollContainer' })
+
+const scrollbarRef = ref<Nullable<ScrollbarType>>(null)
+
+/**
+ * Scroll to the specified position
+ */
+function scrollTo(to: number, duration = 500) {
+  const scrollbar = unref(scrollbarRef)
+  if (!scrollbar)
+    return
+
+  nextTick(() => {
+    const wrap = unref(scrollbar.wrap)
+    if (!wrap)
+      return
+
+    const { start } = useScrollTo({
+      el: wrap,
+      to,
+      duration,
+    })
+    start()
+  })
+}
+
+function getScrollWrap() {
+  const scrollbar = unref(scrollbarRef)
+  if (!scrollbar)
+    return null
+
+  return scrollbar.wrap
+}
+
+/**
+ * Scroll to the bottom
+ */
+function scrollBottom() {
+  const scrollbar = unref(scrollbarRef)
+  if (!scrollbar)
+    return
+
+  nextTick(() => {
+    const wrap = unref(scrollbar.wrap) as any
+    if (!wrap)
+      return
+
+    const scrollHeight = wrap.scrollHeight as number
+    const { start } = useScrollTo({
+      el: wrap,
+      to: scrollHeight,
+    })
+    start()
+  })
+}
+defineExpose({ scrollbarRef, scrollTo, scrollBottom, getScrollWrap })
+
+//     return {
+//       scrollbarRef,
+//       scrollTo,
+//       scrollBottom,
+//       getScrollWrap
+//     }
+//   }
+// })
+</script>
+
+<template>
+  <Scrollbar ref="scrollbarRef" class="scroll-container" v-bind="$attrs">
+    <slot />
+  </Scrollbar>
+</template>
+
+<style lang="less">
+.scroll-container {
+  width: 100%;
+  height: 100%;
+
+  .scrollbar__wrap {
+    margin-bottom: 18px !important;
+    overflow-x: hidden;
+  }
+
+  .scrollbar__view {
+    box-sizing: border-box;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseContainer.vue b/yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseContainer.vue
new file mode 100644
index 0000000..9178fec
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseContainer.vue
@@ -0,0 +1,120 @@
+<script lang="tsx">
+import { type ExtractPropTypes, type PropType, defineComponent, ref, unref } from 'vue'
+import { isNil } from 'lodash-es'
+import { Skeleton } from 'ant-design-vue'
+import { useTimeoutFn } from '@vueuse/core'
+import CollapseHeader from './CollapseHeader.vue'
+import { CollapseTransition } from '@/components/Transition'
+import { triggerWindowResize } from '@/utils/event'
+import { useDesign } from '@/hooks/web/useDesign'
+
+const collapseContainerProps = {
+  title: { type: String, default: '' },
+  loading: { type: Boolean },
+  /**
+   *  Can it be expanded
+   */
+  canExpan: { type: Boolean, default: true },
+  /**
+   * Warm reminder on the right side of the title
+   */
+  helpMessage: {
+    type: [Array, String] as PropType<string[] | string>,
+    default: '',
+  },
+  /**
+   * Whether to trigger window.resize when expanding and contracting,
+   * Can adapt to tables and forms, when the form shrinks, the form triggers resize to adapt to the height
+   */
+  triggerWindowResize: { type: Boolean },
+  /**
+   * Delayed loading time
+   */
+  lazyTime: { type: Number, default: 0 },
+}
+
+export type CollapseContainerProps = ExtractPropTypes<typeof collapseContainerProps>
+
+export default defineComponent({
+  name: 'CollapseContainer',
+
+  props: collapseContainerProps,
+
+  setup(props, { expose, slots }) {
+    const { prefixCls } = useDesign('collapse-container')
+
+    const show = ref(true)
+
+    const handleExpand = (val: boolean) => {
+      show.value = isNil(val) ? !show.value : val
+      if (props.triggerWindowResize) {
+        // 200 milliseconds here is because the expansion has animation,
+        useTimeoutFn(triggerWindowResize, 200)
+      }
+    }
+
+    expose({ handleExpand })
+
+    return () => (
+      <div class={unref(prefixCls)}>
+        <CollapseHeader
+          {...props}
+          prefixCls={unref(prefixCls)}
+          onExpand={handleExpand}
+          show={show.value}
+          v-slots={{
+            title: slots.title,
+            action: slots.action,
+          }}
+        />
+
+        <div class="p-2">
+          <CollapseTransition enable={props.canExpan}>
+            {props.loading
+              ? (
+              <Skeleton active={props.loading} />
+                )
+              : (
+              <div class={`${prefixCls}__body`} v-show={show.value}>
+                {slots.default?.()}
+              </div>
+                )}
+          </CollapseTransition>
+        </div>
+
+        {slots.footer && <div class={`${prefixCls}__footer`}>{slots.footer()}</div>}
+      </div>
+    )
+  },
+})
+</script>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-collapse-container';
+
+.@{prefix-cls} {
+  background-color: var(--component-background);
+  transition: all 0.3s ease-in-out;
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 32px;
+    border-bottom: 1px solid var(--border-color);
+    border-radius: 6px;
+  }
+
+  &__footer {
+    border-top: 1px solid var(--border-color);
+  }
+
+  &__action {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: flex-end;
+    text-align: right;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseHeader.vue b/yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseHeader.vue
new file mode 100644
index 0000000..96a696b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Container/src/collapse/CollapseHeader.vue
@@ -0,0 +1,42 @@
+<script lang="tsx">
+import { type ExtractPropTypes, computed, defineComponent, unref } from 'vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { BasicArrow, BasicTitle } from '@/components/Basic'
+
+const collapseHeaderProps = {
+  prefixCls: String,
+  title: String,
+  show: Boolean,
+  canExpan: Boolean,
+  helpMessage: {
+    type: [Array, String] as PropType<string[] | string>,
+    default: '',
+  },
+}
+
+export type CollapseHeaderProps = ExtractPropTypes<typeof collapseHeaderProps>
+
+export default defineComponent({
+  name: 'CollapseHeader',
+  inheritAttrs: false,
+  props: collapseHeaderProps,
+  emits: ['expand'],
+  setup(props, { slots, attrs, emit }) {
+    const { prefixCls } = useDesign('collapse-container')
+    const _prefixCls = computed(() => props.prefixCls || unref(prefixCls))
+    return () => (
+      <div class={[`${unref(_prefixCls)}__header px-2 py-5`, attrs.class]}>
+        <BasicTitle helpMessage={props.helpMessage} normal>
+          {slots.title?.() || props.title}
+        </BasicTitle>
+
+        <div class={`${unref(_prefixCls)}__action`}>
+          {slots.action
+            ? slots.action({ expand: props.show, onClick: () => emit('expand') })
+            : props.canExpan && <BasicArrow up expand={props.show} onClick={() => emit('expand')} />}
+        </div>
+      </div>
+    )
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Container/src/typing.ts b/yunxi-ui-admin-vben/src/components/Container/src/typing.ts
new file mode 100644
index 0000000..57c7922
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Container/src/typing.ts
@@ -0,0 +1,17 @@
+export type ScrollType = 'default' | 'main'
+
+export interface CollapseContainerOptions {
+  canExpand?: boolean
+  title?: string
+  helpMessage?: Array<any> | string
+}
+export interface ScrollContainerOptions {
+  enableScroll?: boolean
+  type?: ScrollType
+}
+
+export type ScrollActionType = RefType<{
+  scrollBottom: () => void
+  getScrollWrap: () => Nullable<HTMLElement>
+  scrollTo: (top: number) => void
+}>
diff --git a/yunxi-ui-admin-vben/src/components/ContextMenu/index.ts b/yunxi-ui-admin-vben/src/components/ContextMenu/index.ts
new file mode 100644
index 0000000..ad4ae59
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/ContextMenu/index.ts
@@ -0,0 +1,3 @@
+export { createContextMenu, destroyContextMenu } from './src/createContextMenu'
+
+export * from './src/typing'
diff --git a/yunxi-ui-admin-vben/src/components/ContextMenu/src/ContextMenu.vue b/yunxi-ui-admin-vben/src/components/ContextMenu/src/ContextMenu.vue
new file mode 100644
index 0000000..dbdddf1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/ContextMenu/src/ContextMenu.vue
@@ -0,0 +1,209 @@
+<script lang="tsx">
+import type { CSSProperties, FunctionalComponent } from 'vue'
+import { computed, defineComponent, nextTick, onMounted, onUnmounted, ref, unref } from 'vue'
+import { Divider, Menu } from 'ant-design-vue'
+import type { Axis, ContextMenuItem, ItemContentProps } from './typing'
+import { Icon } from '@/components/Icon'
+
+const prefixCls = 'context-menu'
+
+const props = {
+  width: { type: Number, default: 156 },
+  customEvent: { type: Object as PropType<Event>, default: null },
+  styles: { type: Object as PropType<CSSProperties> },
+  showIcon: { type: Boolean, default: true },
+  axis: {
+    // The position of the right mouse button click
+    type: Object as PropType<Axis>,
+    default() {
+      return { x: 0, y: 0 }
+    },
+  },
+  items: {
+    // The most important list, if not, will not be displayed
+    type: Array as PropType<ContextMenuItem[]>,
+    default() {
+      return []
+    },
+  },
+}
+
+const ItemContent: FunctionalComponent<ItemContentProps> = (props) => {
+  const { item } = props
+  return (
+    <span class="inline-block w-full px-4" onClick={props.handler.bind(null, item)}>
+      {props.showIcon && item.icon && <Icon class="mr-2" icon={item.icon} />}
+      <span>{item.label}</span>
+    </span>
+  )
+}
+
+export default defineComponent({
+  name: 'ContextMenu',
+  props,
+  setup(props) {
+    const wrapRef = ref(null)
+    const showRef = ref(false)
+
+    const getStyle = computed((): CSSProperties => {
+      const { axis, items, styles, width } = props
+      const { x, y } = axis || { x: 0, y: 0 }
+      const menuHeight = (items || []).length * 40
+      const menuWidth = width
+      const body = document.body
+
+      const left = body.clientWidth < x + menuWidth ? x - menuWidth : x
+      const top = body.clientHeight < y + menuHeight ? y - menuHeight : y
+      return {
+        ...styles,
+        position: 'absolute',
+        width: `${width}px`,
+        left: `${left + 1}px`,
+        top: `${top + 1}px`,
+        zIndex: 9999,
+      }
+    })
+
+    onMounted(() => {
+      nextTick(() => (showRef.value = true))
+    })
+
+    onUnmounted(() => {
+      const el = unref(wrapRef)
+      el && document.body.removeChild(el)
+    })
+
+    function handleAction(item: ContextMenuItem, e: MouseEvent) {
+      const { handler, disabled } = item
+      if (disabled)
+        return
+
+      showRef.value = false
+      e?.stopPropagation()
+      e?.preventDefault()
+      handler?.()
+    }
+
+    function renderMenuItem(items: ContextMenuItem[]) {
+      const openItems = items.filter(item => !item.hidden)
+      return openItems.map((item) => {
+        const { disabled, label, children, divider = false } = item
+
+        const contentProps = {
+          item,
+          handler: handleAction,
+          showIcon: props.showIcon,
+        }
+
+        if (!children || children.length === 0) {
+          return (
+            <>
+              <Menu.Item disabled={disabled} class={`${prefixCls}__item`} key={label}>
+                <ItemContent {...contentProps} />
+              </Menu.Item>
+              {divider ? <Divider key={`d-${label}`} /> : null}
+            </>
+          )
+        }
+        if (!unref(showRef))
+          return null
+
+        return (
+          <Menu.SubMenu key={label} disabled={disabled} popupClassName={`${prefixCls}__popup`}>
+            {{
+              title: () => <ItemContent {...contentProps} />,
+              default: () => renderMenuItem(children),
+            }}
+          </Menu.SubMenu>
+        )
+      })
+    }
+    return () => {
+      if (!unref(showRef))
+        return null
+
+      const { items } = props
+      return (
+        <div class={prefixCls}>
+          <Menu inlineIndent={12} mode="vertical" ref={wrapRef} style={unref(getStyle)}>
+            {renderMenuItem(items)}
+          </Menu>
+        </div>
+      )
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@default-height: 42px !important;
+
+@small-height: 36px !important;
+
+@large-height: 36px !important;
+
+.item-style() {
+  li {
+    display: inline-block;
+    width: 100%;
+    height: @default-height;
+    margin: 0 !important;
+    line-height: @default-height;
+
+    span {
+      line-height: @default-height;
+    }
+
+    > div {
+      margin: 0 !important;
+    }
+
+    &:not(.ant-menu-item-disabled):hover {
+      // color: @text-color;
+      background-color: @item-hover-bg;
+    }
+  }
+}
+
+.context-menu {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 200;
+  display: block;
+  width: 156px;
+  margin: 0;
+  list-style: none;
+  user-select: none;
+  background-color: var(--component-background);
+  background-clip: padding-box;
+  border: 1px solid rgb(0 0 0 / 8%);
+  border-radius: 0.25rem;
+  box-shadow:
+    0 2px 2px 0 rgb(0 0 0 / 14%),
+    0 3px 1px -2px rgb(0 0 0 / 10%),
+    0 1px 5px 0 rgb(0 0 0 / 6%);
+
+  &__item {
+    margin: 0 !important;
+  }
+  .item-style();
+
+  .ant-divider {
+    margin: 0;
+  }
+
+  &__popup {
+    .ant-divider {
+      margin: 0;
+    }
+
+    .item-style();
+  }
+
+  .ant-menu-submenu-title,
+  .ant-menu-item {
+    padding: 0 !important;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/ContextMenu/src/createContextMenu.ts b/yunxi-ui-admin-vben/src/components/ContextMenu/src/createContextMenu.ts
new file mode 100644
index 0000000..c9ad2cd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/ContextMenu/src/createContextMenu.ts
@@ -0,0 +1,74 @@
+import { createVNode, render } from 'vue'
+import contextMenuVue from './ContextMenu.vue'
+import type { ContextMenuProps, CreateContextOptions } from './typing'
+import { isClient } from '@/utils/is'
+
+const menuManager: {
+  domList: Element[]
+  resolve: Fn
+} = {
+  domList: [],
+  resolve: () => {},
+}
+
+export const createContextMenu = function (options: CreateContextOptions) {
+  const { event } = options || {}
+
+  event && event?.preventDefault()
+
+  if (!isClient)
+    return
+
+  return new Promise((resolve) => {
+    const body = document.body
+
+    const container = document.createElement('div')
+    const propsData: Partial<ContextMenuProps> = {}
+    if (options.styles)
+      propsData.styles = options.styles
+
+    if (options.items)
+      propsData.items = options.items
+
+    if (options.event) {
+      propsData.customEvent = event
+      propsData.axis = { x: event.clientX, y: event.clientY }
+    }
+
+    const vm = createVNode(contextMenuVue, propsData)
+    render(vm, container)
+
+    const handleClick = function () {
+      menuManager.resolve('')
+    }
+
+    menuManager.domList.push(container)
+
+    const remove = function () {
+      menuManager.domList.forEach((dom: Element) => {
+        try {
+          dom && body.removeChild(dom)
+        }
+        catch (error) {}
+      })
+      body.removeEventListener('click', handleClick)
+      body.removeEventListener('scroll', handleClick)
+    }
+
+    menuManager.resolve = function (arg) {
+      remove()
+      resolve(arg)
+    }
+    remove()
+    body.appendChild(container)
+    body.addEventListener('click', handleClick)
+    body.addEventListener('scroll', handleClick)
+  })
+}
+
+export const destroyContextMenu = function () {
+  if (menuManager) {
+    menuManager.resolve('')
+    menuManager.domList = []
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/ContextMenu/src/typing.ts b/yunxi-ui-admin-vben/src/components/ContextMenu/src/typing.ts
new file mode 100644
index 0000000..ebe9389
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/ContextMenu/src/typing.ts
@@ -0,0 +1,36 @@
+export interface Axis {
+  x: number
+  y: number
+}
+
+export interface ContextMenuItem {
+  label: string
+  icon?: string
+  hidden?: boolean
+  disabled?: boolean
+  handler?: Fn
+  divider?: boolean
+  children?: ContextMenuItem[]
+}
+export interface CreateContextOptions {
+  event: MouseEvent
+  icon?: string
+  styles?: any
+  items?: ContextMenuItem[]
+}
+
+export interface ContextMenuProps {
+  event?: MouseEvent
+  styles?: any
+  items: ContextMenuItem[]
+  customEvent?: MouseEvent
+  axis?: Axis
+  width?: number
+  showIcon?: boolean
+}
+
+export interface ItemContentProps {
+  showIcon: boolean | undefined
+  item: ContextMenuItem
+  handler: Fn
+}
diff --git a/yunxi-ui-admin-vben/src/components/CountDown/index.ts b/yunxi-ui-admin-vben/src/components/CountDown/index.ts
new file mode 100644
index 0000000..390aedb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CountDown/index.ts
@@ -0,0 +1,6 @@
+import countButton from './src/CountButton.vue'
+import countdownInput from './src/CountdownInput.vue'
+import { withInstall } from '@/utils'
+
+export const CountdownInput = withInstall(countdownInput)
+export const CountButton = withInstall(countButton)
diff --git a/yunxi-ui-admin-vben/src/components/CountDown/src/CountButton.vue b/yunxi-ui-admin-vben/src/components/CountDown/src/CountButton.vue
new file mode 100644
index 0000000..20b8981
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CountDown/src/CountButton.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import { computed, ref, unref, watchEffect } from 'vue'
+import { Button } from 'ant-design-vue'
+import { useCountdown } from './useCountdown'
+import { isFunction } from '@/utils/is'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'CountButton' })
+
+const props = defineProps({
+  value: { type: [Object, Number, String, Array] },
+  count: { type: Number, default: 60 },
+  beforeStartFunc: {
+    type: Function as PropType<() => Promise<boolean>>,
+    default: null,
+  },
+})
+
+const loading = ref(false)
+
+const { currentCount, isStart, start, reset } = useCountdown(props.count)
+const { t } = useI18n()
+
+const getButtonText = computed(() => {
+  return !unref(isStart) ? t('component.countdown.normalText') : t('component.countdown.sendText', [unref(currentCount)])
+})
+
+watchEffect(() => {
+  props.value === undefined && reset()
+})
+
+/**
+ * @description: Judge whether there is an external function before execution, and decide whether to start after execution
+ */
+async function handleStart() {
+  const { beforeStartFunc } = props
+  if (beforeStartFunc && isFunction(beforeStartFunc)) {
+    loading.value = true
+    try {
+      const canStart = await beforeStartFunc()
+      canStart && start()
+    }
+    finally {
+      loading.value = false
+    }
+  }
+  else {
+    start()
+  }
+}
+</script>
+
+<template>
+  <Button v-bind="$attrs" :disabled="isStart" :loading="loading" @click="handleStart">
+    {{ getButtonText }}
+  </Button>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CountDown/src/CountdownInput.vue b/yunxi-ui-admin-vben/src/components/CountDown/src/CountdownInput.vue
new file mode 100644
index 0000000..2ad29e4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CountDown/src/CountdownInput.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+import CountButton from './CountButton.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useRuleFormItem } from '@/hooks/component/useFormItem'
+
+defineOptions({ name: 'CountDownInput', inheritAttrs: false })
+
+const props = defineProps({
+  value: { type: String },
+  size: { type: String, validator: (v: string) => ['default', 'large', 'small'].includes(v) },
+  count: { type: Number, default: 60 },
+  sendCodeApi: {
+    type: Function as PropType<() => Promise<boolean>>,
+    default: null,
+  },
+})
+
+const { prefixCls } = useDesign('countdown-input')
+const [state] = useRuleFormItem(props)
+</script>
+
+<template>
+  <a-input v-bind="$attrs" :class="prefixCls" :size="size" :value="state">
+    <template #addonAfter>
+      <CountButton :size="size" :count="count" :value="state" :before-start-func="sendCodeApi" />
+    </template>
+    <template v-for="item in Object.keys($slots).filter((k) => k !== 'addonAfter')" #[item]="data">
+      <slot :name="item" v-bind="data || {}" />
+    </template>
+  </a-input>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-countdown-input';
+
+.@{prefix-cls} {
+  .ant-input-group-addon {
+    padding-right: 0;
+    background-color: transparent;
+    border: none;
+
+    button {
+      font-size: 14px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/CountDown/src/useCountdown.ts b/yunxi-ui-admin-vben/src/components/CountDown/src/useCountdown.ts
new file mode 100644
index 0000000..72c8023
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CountDown/src/useCountdown.ts
@@ -0,0 +1,52 @@
+import { ref, unref } from 'vue'
+import { tryOnUnmounted } from '@vueuse/core'
+
+export function useCountdown(count: number) {
+  const currentCount = ref(count)
+
+  const isStart = ref(false)
+
+  let timerId: ReturnType<typeof setInterval> | null
+
+  function clear() {
+    timerId && window.clearInterval(timerId)
+  }
+
+  function stop() {
+    isStart.value = false
+    clear()
+    timerId = null
+  }
+
+  function start() {
+    if (unref(isStart) || !!timerId)
+      return
+
+    isStart.value = true
+    timerId = setInterval(() => {
+      if (unref(currentCount) === 1) {
+        stop()
+        currentCount.value = count
+      }
+      else {
+        currentCount.value -= 1
+      }
+    }, 1000)
+  }
+
+  function reset() {
+    currentCount.value = count
+    stop()
+  }
+
+  function restart() {
+    reset()
+    start()
+  }
+
+  tryOnUnmounted(() => {
+    reset()
+  })
+
+  return { start, reset, restart, clear, stop, currentCount, isStart }
+}
diff --git a/yunxi-ui-admin-vben/src/components/CountTo/index.ts b/yunxi-ui-admin-vben/src/components/CountTo/index.ts
new file mode 100644
index 0000000..7c60e15
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CountTo/index.ts
@@ -0,0 +1,4 @@
+import countTo from './src/CountTo.vue'
+import { withInstall } from '@/utils'
+
+export const CountTo = withInstall(countTo)
diff --git a/yunxi-ui-admin-vben/src/components/CountTo/src/CountTo.vue b/yunxi-ui-admin-vben/src/components/CountTo/src/CountTo.vue
new file mode 100644
index 0000000..62e375f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CountTo/src/CountTo.vue
@@ -0,0 +1,106 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref, unref, watch, watchEffect } from 'vue'
+import { TransitionPresets, useTransition } from '@vueuse/core'
+import { isNumber } from '@/utils/is'
+
+defineOptions({ name: 'CountTo' })
+
+const props = defineProps({
+  startVal: { type: Number, default: 0 },
+  endVal: { type: Number, default: 2021 },
+  duration: { type: Number, default: 1500 },
+  autoplay: { type: Boolean, default: true },
+  decimals: {
+    type: Number,
+    default: 0,
+    validator(value: number) {
+      return value >= 0
+    },
+  },
+  prefix: { type: String, default: '' },
+  suffix: { type: String, default: '' },
+  separator: { type: String, default: ',' },
+  decimal: { type: String, default: '.' },
+  /**
+   * font color
+   */
+  color: { type: String },
+  /**
+   * Turn on digital animation
+   */
+  useEasing: { type: Boolean, default: true },
+  /**
+   * Digital animation
+   */
+  transition: { type: String, default: 'linear' },
+})
+
+const emit = defineEmits(['onStarted', 'onFinished'])
+
+const source = ref(props.startVal)
+const disabled = ref(false)
+let outputValue = useTransition(source)
+
+const value = computed(() => formatNumber(unref(outputValue)))
+
+watchEffect(() => {
+  source.value = props.startVal
+})
+
+watch([() => props.startVal, () => props.endVal], () => {
+  if (props.autoplay)
+    start()
+})
+
+onMounted(() => {
+  props.autoplay && start()
+})
+
+function start() {
+  run()
+  source.value = props.endVal
+}
+
+function reset() {
+  source.value = props.startVal
+  run()
+}
+
+function run() {
+  outputValue = useTransition(source, {
+    disabled,
+    duration: props.duration,
+    onFinished: () => emit('onFinished'),
+    onStarted: () => emit('onStarted'),
+    ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {}),
+  })
+}
+
+function formatNumber(num: number | string) {
+  if (!num && num !== 0)
+    return ''
+
+  const { decimals, decimal, separator, suffix, prefix } = props
+  num = Number(num).toFixed(decimals)
+  num += ''
+
+  const x = num.split('.')
+  let x1 = x[0]
+  const x2 = x.length > 1 ? decimal + x[1] : ''
+
+  const rgx = /(\d+)(\d{3})/
+  if (separator && !isNumber(separator)) {
+    while (rgx.test(x1))
+      x1 = x1.replace(rgx, `$1${separator}$2`)
+  }
+  return prefix + x1 + x2 + suffix
+}
+
+defineExpose({ reset })
+</script>
+
+<template>
+  <span :style="{ color }">
+    {{ value }}
+  </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/index.ts b/yunxi-ui-admin-vben/src/components/CronTab/index.ts
new file mode 100644
index 0000000..691818c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/index.ts
@@ -0,0 +1,4 @@
+export { default as CronTab } from './src/CronTabInput.vue'
+export { default as CronTabInner } from './src/CronTabInner.vue'
+export { default as CronTabModal } from './src/CronTabModal.vue'
+export { default as CronValidator } from './src/validator'
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInner.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInner.vue
new file mode 100644
index 0000000..62cb0d2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInner.vue
@@ -0,0 +1,360 @@
+<script lang="ts" setup>
+import { computed, provide, reactive, ref, watch } from 'vue'
+import { Col, Divider, Input, Row, TabPane, Tabs, Textarea, Tooltip } from 'ant-design-vue'
+import CronParser from 'cron-parser'
+import SecondUI from './tabs/SecondUI.vue'
+import MinuteUI from './tabs/MinuteUI.vue'
+import HourUI from './tabs/HourUI.vue'
+import DayUI from './tabs/DayUI.vue'
+import MonthUI from './tabs/MonthUI.vue'
+import WeekUI from './tabs/WeekUI.vue'
+import YearUI from './tabs/YearUI.vue'
+import { cronEmits, cronProps } from './cron.data'
+import { useDesign } from '@/hooks/web/useDesign'
+import { dateFormat } from '@/utils/dateUtil'
+import { simpleDebounce } from '@/utils'
+
+const props = defineProps({ ...cronProps })
+const emit = defineEmits([...cronEmits])
+const { prefixCls } = useDesign('cron-inner')
+provide('prefixCls', prefixCls)
+const activeKey = ref(props.hideSecond ? 'minute' : 'second')
+const second = ref('*')
+const minute = ref('*')
+const hour = ref('*')
+const day = ref('*')
+const month = ref('*')
+const week = ref('?')
+const year = ref('*')
+const inputValues = reactive({
+  second: '',
+  minute: '',
+  hour: '',
+  day: '',
+  month: '',
+  week: '',
+  year: '',
+  cron: '',
+})
+const preTimeList = ref('执行预览，会忽略年份参数。')
+
+// cron表达式
+const cronValueInner = computed(() => {
+  const result: string[] = []
+  if (!props.hideSecond)
+    result.push(second.value ? second.value : '*')
+
+  result.push(minute.value ? minute.value : '*')
+  result.push(hour.value ? hour.value : '*')
+  result.push(day.value ? day.value : '*')
+  result.push(month.value ? month.value : '*')
+  result.push(week.value ? week.value : '?')
+  if (!props.hideYear && !props.hideSecond)
+    result.push(year.value ? year.value : '*')
+  return result.join(' ')
+})
+// 不含年
+const cronValueNoYear = computed(() => {
+  const v = cronValueInner.value
+  if (props.hideYear || props.hideSecond)
+    return v
+  const vs = v.split(' ')
+  if (vs.length >= 6) {
+    // 转成 Quartz 的规则
+    vs[5] = convertWeekToQuartz(vs[5])
+  }
+  return vs.slice(0, vs.length - 1).join(' ')
+})
+const calTriggerList = simpleDebounce(calTriggerListInner, 500)
+
+watch(
+  () => props.value,
+  (newVal) => {
+    if (newVal === cronValueInner.value)
+      return
+
+    formatValue()
+  },
+)
+
+watch(cronValueInner, (newValue) => {
+  calTriggerList()
+  emitValue(newValue)
+  assignInput()
+})
+
+assignInput()
+formatValue()
+calTriggerListInner()
+
+function assignInput() {
+  inputValues.second = second.value
+  inputValues.minute = minute.value
+  inputValues.hour = hour.value
+  inputValues.day = day.value
+  inputValues.month = month.value
+  inputValues.week = week.value
+  inputValues.year = year.value
+  inputValues.cron = cronValueInner.value
+}
+
+function formatValue() {
+  if (!props.value)
+    return
+  const values = props.value.split(' ').filter(item => !!item)
+  if (!values || values.length <= 0)
+    return
+  let i = 0
+  if (!props.hideSecond)
+    second.value = values[i++]
+  if (values.length > i)
+    minute.value = values[i++]
+  if (values.length > i)
+    hour.value = values[i++]
+  if (values.length > i)
+    day.value = values[i++]
+  if (values.length > i)
+    month.value = values[i++]
+  if (values.length > i)
+    week.value = values[i++]
+  if (values.length > i)
+    year.value = values[i]
+  assignInput()
+}
+
+// Quartz 的规则：
+// 1 = 周日，2 = 周一，3 = 周二，4 = 周三，5 = 周四，6 = 周五，7 = 周六
+function convertWeekToQuartz(week: string) {
+  const convert = (v: string) => {
+    if (v === '0')
+      return '1'
+
+    if (v === '1')
+      return '0'
+
+    return (Number.parseInt(v) - 1).toString()
+  }
+  // 匹配示例 1-7 or 1/7
+  const patten1 = /^([0-7])([-/])([0-7])$/
+  // 匹配示例 1,4,7
+  const patten2 = /^([0-7])(,[0-7])+$/
+  if (/^[0-7]$/.test(week)) {
+    return convert(week)
+  }
+  else if (patten1.test(week)) {
+    return week.replace(patten1, (_$0, before, separator, after) => {
+      if (separator === '/')
+        return convert(before) + separator + after
+      else
+        return convert(before) + separator + convert(after)
+    })
+  }
+  else if (patten2.test(week)) {
+    return week
+      .split(',')
+      .map(v => convert(v))
+      .join(',')
+  }
+  return week
+}
+
+function calTriggerListInner() {
+  // 设置了回调函数
+  if (props.remote) {
+    props.remote(cronValueInner.value, +new Date(), (v) => {
+      preTimeList.value = v
+    })
+    return
+  }
+  const format = 'yyyy-MM-dd hh:mm:ss'
+  const options = {
+    currentDate: dateFormat(new Date(), format),
+  }
+  const iter = CronParser.parseExpression(cronValueNoYear.value, options)
+  const result: string[] = []
+  for (let i = 1; i <= 10; i++)
+    result.push(dateFormat(new Date(iter.next() as any), format))
+
+  preTimeList.value = result.length > 0 ? result.join('\n') : '无执行时间'
+}
+
+function onInputBlur() {
+  second.value = inputValues.second
+  minute.value = inputValues.minute
+  hour.value = inputValues.hour
+  day.value = inputValues.day
+  month.value = inputValues.month
+  week.value = inputValues.week
+  year.value = inputValues.year
+}
+
+function onInputCronBlur(event) {
+  emitValue(event.target.value)
+}
+
+function emitValue(value) {
+  emit('change', value)
+  emit('update:value', value)
+}
+</script>
+
+<template>
+  <div :class="`${prefixCls}`">
+    <div class="content">
+      <Tabs v-model:activeKey="activeKey" size="small">
+        <TabPane v-if="!hideSecond" key="second" tab="秒">
+          <SecondUI v-model:value="second" :disabled="disabled" />
+        </TabPane>
+        <TabPane key="minute" tab="分">
+          <MinuteUI v-model:value="minute" :disabled="disabled" />
+        </TabPane>
+        <TabPane key="hour" tab="时">
+          <HourUI v-model:value="hour" :disabled="disabled" />
+        </TabPane>
+        <TabPane key="day" tab="日">
+          <DayUI v-model:value="day" :week="week" :disabled="disabled" />
+        </TabPane>
+        <TabPane key="month" tab="月">
+          <MonthUI v-model:value="month" :disabled="disabled" />
+        </TabPane>
+        <TabPane key="week" tab="周">
+          <WeekUI v-model:value="week" :day="day" :disabled="disabled" />
+        </TabPane>
+        <TabPane v-if="!hideYear && !hideSecond" key="year" tab="年">
+          <YearUI v-model:value="year" :disabled="disabled" />
+        </TabPane>
+      </Tabs>
+      <Divider />
+      <!-- 执行时间预览 -->
+      <Row :gutter="8">
+        <Col :span="18" style="margin-top: 22px">
+          <Row :gutter="8">
+            <Col :span="8" style="margin-bottom: 12px">
+              <Input v-model:value="inputValues.second" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'second'">秒</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="8" style="margin-bottom: 12px">
+              <Input v-model:value="inputValues.minute" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'minute'">分</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="8" style="margin-bottom: 12px">
+              <Input v-model:value="inputValues.hour" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'hour'">时</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="8" style="margin-bottom: 12px">
+              <Input v-model:value="inputValues.day" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'day'">日</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="8" style="margin-bottom: 12px">
+              <Input v-model:value="inputValues.month" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'month'">月</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="8" style="margin-bottom: 12px">
+              <Input v-model:value="inputValues.week" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'week'">周</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="8">
+              <Input v-model:value="inputValues.year" @blur="onInputBlur">
+                <template #addonBefore>
+                  <span class="allow-click" @click="activeKey = 'year'">年</span>
+                </template>
+              </Input>
+            </Col>
+            <Col :span="16">
+              <Input v-model:value="inputValues.cron" @blur="onInputCronBlur">
+                <template #addonBefore>
+                  <Tooltip title="Cron表达式">
+                    式
+                  </Tooltip>
+                </template>
+              </Input>
+            </Col>
+          </Row>
+        </Col>
+        <Col :span="6">
+          <div>近十次执行时间（不含年）</div>
+          <Textarea :value="preTimeList" :rows="5" />
+        </Col>
+      </Row>
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-cron-inner';
+
+.@{prefix-cls} {
+  .content {
+    .ant-checkbox-wrapper + .ant-checkbox-wrapper {
+      margin-left: 0;
+    }
+  }
+
+  &-config-list {
+    margin: 0 10px 10px;
+    text-align: left;
+
+    .item {
+      margin-top: 5px;
+      font-size: 14px;
+
+      span {
+        padding: 0 2px;
+      }
+    }
+
+    .choice {
+      padding: 5px 8px;
+    }
+
+    .w60 {
+      width: 60px;
+      min-width: 60px;
+    }
+
+    .w80 {
+      width: 80px;
+      min-width: 80px;
+    }
+
+    .list {
+      margin: 0 20px;
+    }
+
+    .list-check-item {
+      width: 4em;
+      padding: 1px 3px;
+    }
+
+    .list-cn .list-check-item {
+      width: 5em;
+    }
+
+    .tip-info {
+      color: #999;
+    }
+  }
+
+  .allow-click {
+    cursor: pointer;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInput.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInput.vue
new file mode 100644
index 0000000..def73fc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabInput.vue
@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import { Input } from 'ant-design-vue'
+import CronTabModal from './CronTabModal.vue'
+import { cronEmits, cronProps } from './cron.data'
+import { useModal } from '@/components/Modal'
+import { propTypes } from '@/utils/propTypes'
+import { Icon } from '@/components/Icon'
+
+const props = defineProps({
+  ...cronProps,
+  placeholder: propTypes.string.def('请输入cron表达式'),
+  exeStartTime: propTypes.oneOfType([propTypes.number, propTypes.string, propTypes.object]).def(0),
+})
+const emit = defineEmits([...cronEmits])
+const [registerModal, { openModal }] = useModal()
+const editCronValue = ref(props.value)
+
+watch(
+  () => props.value,
+  (newVal) => {
+    if (newVal !== editCronValue.value)
+      editCronValue.value = newVal
+  },
+)
+watch(editCronValue, (newVal) => {
+  emit('change', newVal)
+  emit('update:value', newVal)
+})
+
+function showConfigModal() {
+  if (!props.disabled)
+    openModal()
+}
+</script>
+
+<template>
+  <div>
+    <Input v-model:value="editCronValue" :placeholder="placeholder" :disabled="disabled">
+      <template #addonAfter>
+        <a class="cursor-pointer" :disabled="disabled ? 'disabled' : null" @click="showConfigModal">
+          <Icon class="relative right-0.5 top-0.25" icon="ant-design:setting-outlined" />
+          <span>选择</span>
+        </a>
+      </template>
+    </Input>
+    <CronTabModal
+      v-model:value="editCronValue"
+      :exe-start-time="exeStartTime"
+      :hide-year="hideYear"
+      :remote="remote"
+      :hide-second="hideSecond"
+      @register="registerModal"
+    />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabModal.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabModal.vue
new file mode 100644
index 0000000..88056e2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/CronTabModal.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import CronTab from './CronTabInner.vue'
+import { BasicModal, useModalInner } from '@/components/Modal'
+
+defineOptions({ name: 'CronTabModal', inheritAttrs: false })
+
+const [registerModal, { closeModal }] = useModalInner()
+
+function onOk() {
+  closeModal()
+}
+</script>
+
+<template>
+  <BasicModal title="Cron表达式" width="800px" @register="registerModal" @ok="onOk">
+    <CronTab v-bind="$attrs" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/cron.data.ts b/yunxi-ui-admin-vben/src/components/CronTab/src/cron.data.ts
new file mode 100644
index 0000000..17c79b2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/cron.data.ts
@@ -0,0 +1,10 @@
+import { propTypes } from '@/utils/propTypes'
+
+export const cronEmits = ['change', 'update:value']
+export const cronProps = {
+  value: propTypes.string.def(''),
+  disabled: propTypes.bool.def(false),
+  hideSecond: propTypes.bool.def(false),
+  hideYear: propTypes.bool.def(false),
+  remote: propTypes.func,
+}
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/DayUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/DayUI.vue
new file mode 100644
index 0000000..c5d8e0c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/DayUI.vue
@@ -0,0 +1,101 @@
+<script lang="ts">
+import { computed, defineComponent, watch } from 'vue'
+import { Checkbox, Input, Radio } from 'ant-design-vue'
+import { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+export default defineComponent({
+  name: 'DayUI',
+  components: { AInput: Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '*',
+    props: {
+      week: { type: String, default: '?' },
+    },
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    const disabledChoice = computed(() => {
+      return (props.week && props.week !== '?') || props.disabled
+    })
+    const setup = useTabSetup(props, context, {
+      defaultValue: '*',
+      valueWork: 1,
+      minValue: 1,
+      maxValue: 31,
+      valueRange: { start: 1, end: 31 },
+      valueLoop: { start: 1, interval: 1 },
+      disabled: disabledChoice,
+    })
+    const typeWorkAttrs = computed(() => ({
+      disabled: setup.type.value !== TypeEnum.work || props.disabled || disabledChoice.value,
+      ...setup.inputNumberAttrs.value,
+    }))
+
+    watch(
+      () => props.week,
+      () => {
+        setup.updateValue(disabledChoice.value ? '?' : setup.computeValue.value)
+      },
+    )
+
+    return { ...setup, typeWorkAttrs }
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.unset" v-bind="beforeRadioAttrs">
+          不设置
+        </Radio>
+        <span class="tip-info">日和周只能设置其中之一</span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.every" v-bind="beforeRadioAttrs">
+          每日
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueRange.start" type="number" v-bind="typeRangeAttrs" />
+        <span> 日 至 </span>
+        <AInput v-model:value="valueRange.end" type="number" v-bind="typeRangeAttrs" />
+        <span> 日 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueLoop.start" type="number" class="w-4" v-bind="typeLoopAttrs" />
+        <span> 日开始，间隔 </span>
+        <AInput v-model:value="valueLoop.interval" type="number" v-bind="typeLoopAttrs" />
+        <span> 日 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.last" v-bind="beforeRadioAttrs">
+          最后一日
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.specify" v-bind="beforeRadioAttrs">
+          指定
+        </Radio>
+        <div class="list">
+          <CheckboxGroup v-model:value="valueList">
+            <template v-for="i in specifyRange" :key="i">
+              <Checkbox :value="i" v-bind="typeSpecifyAttrs">
+                {{ i }}
+              </Checkbox>
+            </template>
+          </CheckboxGroup>
+        </div>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/HourUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/HourUI.vue
new file mode 100644
index 0000000..3018bf4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/HourUI.vue
@@ -0,0 +1,69 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { Checkbox, Input, Radio } from 'ant-design-vue'
+import { useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+export default defineComponent({
+  name: 'HourUI',
+  components: { AInput: Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '*',
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    return useTabSetup(props, context, {
+      defaultValue: '*',
+      minValue: 0,
+      maxValue: 23,
+      valueRange: { start: 0, end: 23 },
+      valueLoop: { start: 0, interval: 1 },
+    })
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.every" v-bind="beforeRadioAttrs">
+          每时
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueRange.start" type="number" v-bind="typeRangeAttrs" />
+        <span> 时 至 </span>
+        <AInput v-model:value="valueRange.end" type="number" v-bind="typeRangeAttrs" />
+        <span> 时 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueLoop.start" type="number" v-bind="typeLoopAttrs" />
+        <span> 时开始，间隔 </span>
+        <AInput v-model:value="valueLoop.interval" type="number" v-bind="typeLoopAttrs" />
+        <span> 时 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.specify" v-bind="beforeRadioAttrs">
+          指定
+        </Radio>
+        <div class="list">
+          <CheckboxGroup v-model:value="valueList">
+            <template v-for="i in specifyRange" :key="i">
+              <Checkbox :value="i" v-bind="typeSpecifyAttrs">
+                {{ i }}
+              </Checkbox>
+            </template>
+          </CheckboxGroup>
+        </div>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MinuteUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MinuteUI.vue
new file mode 100644
index 0000000..01f7814
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MinuteUI.vue
@@ -0,0 +1,69 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { Checkbox, Input, Radio } from 'ant-design-vue'
+import { useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+export default defineComponent({
+  name: 'MinuteUI',
+  components: { AInput: Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '*',
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    return useTabSetup(props, context, {
+      defaultValue: '*',
+      minValue: 0,
+      maxValue: 59,
+      valueRange: { start: 0, end: 59 },
+      valueLoop: { start: 0, interval: 1 },
+    })
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.every" v-bind="beforeRadioAttrs">
+          每分
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueRange.start" type="number" v-bind="typeRangeAttrs" />
+        <span> 分 至 </span>
+        <AInput v-model:value="valueRange.end" type="number" v-bind="typeRangeAttrs" />
+        <span> 分 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueLoop.start" type="number" v-bind="typeLoopAttrs" />
+        <span> 分开始，间隔 </span>
+        <AInput v-model:value="valueLoop.interval" type="number" v-bind="typeLoopAttrs" />
+        <span> 分 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.specify" v-bind="beforeRadioAttrs">
+          指定
+        </Radio>
+        <div class="list">
+          <CheckboxGroup v-model:value="valueList">
+            <template v-for="i in specifyRange" :key="i">
+              <Checkbox :value="i" v-bind="typeSpecifyAttrs">
+                {{ i }}
+              </Checkbox>
+            </template>
+          </CheckboxGroup>
+        </div>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MonthUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MonthUI.vue
new file mode 100644
index 0000000..9b6eb63
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/MonthUI.vue
@@ -0,0 +1,69 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { Checkbox, Input, Radio } from 'ant-design-vue'
+import { useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+export default defineComponent({
+  name: 'MonthUI',
+  components: { AInput: Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '*',
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    return useTabSetup(props, context, {
+      defaultValue: '*',
+      minValue: 1,
+      maxValue: 12,
+      valueRange: { start: 1, end: 12 },
+      valueLoop: { start: 1, interval: 1 },
+    })
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.every" v-bind="beforeRadioAttrs">
+          每月
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueRange.start" type="number" v-bind="typeRangeAttrs" />
+        <span> 月 至 </span>
+        <AInput v-model:value="valueRange.end" type="number" v-bind="typeRangeAttrs" />
+        <span> 月 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueLoop.start" type="number" v-bind="typeLoopAttrs" />
+        <span> 月开始，间隔 </span>
+        <AInput v-model:value="valueLoop.interval" type="number" v-bind="typeLoopAttrs" />
+        <span> 月 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.specify" v-bind="beforeRadioAttrs">
+          指定
+        </Radio>
+        <div class="list">
+          <CheckboxGroup v-model:value="valueList">
+            <template v-for="i in specifyRange" :key="i">
+              <Checkbox :value="i" v-bind="typeSpecifyAttrs">
+                {{ i }}
+              </Checkbox>
+            </template>
+          </CheckboxGroup>
+        </div>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/SecondUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/SecondUI.vue
new file mode 100644
index 0000000..cccddec
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/SecondUI.vue
@@ -0,0 +1,69 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { Checkbox, Input, Radio } from 'ant-design-vue'
+import { useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+export default defineComponent({
+  name: 'SecondUI',
+  components: { AInput: Input, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '*',
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    return useTabSetup(props, context, {
+      defaultValue: '*',
+      minValue: 0,
+      maxValue: 59,
+      valueRange: { start: 0, end: 59 },
+      valueLoop: { start: 0, interval: 1 },
+    })
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.every" v-bind="beforeRadioAttrs">
+          每秒
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueRange.start" type="number" v-bind="typeRangeAttrs" />
+        <span> 秒 至 </span>
+        <AInput v-model:value="valueRange.end" type="number" v-bind="typeRangeAttrs" />
+        <span> 秒 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <AInput v-model:value="valueLoop.start" type="number" v-bind="typeLoopAttrs" />
+        <span> 秒开始，间隔 </span>
+        <AInput v-model:value="valueLoop.interval" type="number" v-bind="typeLoopAttrs" />
+        <span> 秒 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.specify" v-bind="beforeRadioAttrs">
+          指定
+        </Radio>
+        <div class="list">
+          <CheckboxGroup v-model:value="valueList">
+            <template v-for="i in specifyRange" :key="i">
+              <Checkbox :value="i" v-bind="typeSpecifyAttrs">
+                {{ i }}
+              </Checkbox>
+            </template>
+          </CheckboxGroup>
+        </div>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/WeekUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/WeekUI.vue
new file mode 100644
index 0000000..271da00
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/WeekUI.vue
@@ -0,0 +1,135 @@
+<script lang="ts">
+import { computed, defineComponent, watch } from 'vue'
+import { Checkbox, Input, Radio, Select } from 'ant-design-vue'
+import { TypeEnum, useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+const WEEK_MAP_EN = {
+  1: 'SUN',
+  2: 'MON',
+  3: 'TUE',
+  4: 'WED',
+  5: 'THU',
+  6: 'FRI',
+  7: 'SAT',
+}
+
+const WEEK_MAP_CN = {
+  1: '周日',
+  2: '周一',
+  3: '周二',
+  4: '周三',
+  5: '周四',
+  6: '周五',
+  7: '周六',
+}
+
+export default defineComponent({
+  name: 'WeekUI',
+  components: { AInput: Input, ASelect: Select, Checkbox, CheckboxGroup: Checkbox.Group, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '?',
+    props: {
+      day: { type: String, default: '*' },
+    },
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    const disabledChoice = computed(() => {
+      return (props.day && props.day !== '?') || props.disabled
+    })
+    const setup = useTabSetup(props, context, {
+      defaultType: TypeEnum.unset,
+      defaultValue: '?',
+      minValue: 1,
+      maxValue: 7,
+      // 0,7表示周日 1表示周一
+      valueRange: { start: 1, end: 7 },
+      valueLoop: { start: 2, interval: 1 },
+      disabled: disabledChoice,
+    })
+    const weekOptions = computed(() => {
+      const options: { label: string; value: number }[] = []
+      for (const weekKey of Object.keys(WEEK_MAP_CN)) {
+        const weekName: string = WEEK_MAP_CN[weekKey]
+        options.push({
+          value: Number.parseInt(weekKey),
+          label: weekName,
+        })
+      }
+      return options
+    })
+
+    const typeRangeSelectAttrs = computed(() => ({
+      class: ['w80'],
+      disabled: setup.typeRangeAttrs.value.disabled,
+    }))
+
+    const typeLoopSelectAttrs = computed(() => ({
+      class: ['w80'],
+      disabled: setup.typeLoopAttrs.value.disabled,
+    }))
+
+    watch(
+      () => props.day,
+      () => {
+        setup.updateValue(disabledChoice.value ? '?' : setup.computeValue.value)
+      },
+    )
+
+    return {
+      ...setup,
+      weekOptions,
+      typeLoopSelectAttrs,
+      typeRangeSelectAttrs,
+      WEEK_MAP_CN,
+      WEEK_MAP_EN,
+    }
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.unset" v-bind="beforeRadioAttrs">
+          不设置
+        </Radio>
+        <span class="tip-info">日和周只能设置其中之一</span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <ASelect v-model:value="valueRange.start" :options="weekOptions" v-bind="typeRangeSelectAttrs" />
+        <span> 至 </span>
+        <ASelect v-model:value="valueRange.end" :options="weekOptions" v-bind="typeRangeSelectAttrs" />
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <ASelect v-model:value="valueLoop.start" :options="weekOptions" v-bind="typeLoopSelectAttrs" />
+        <span> 开始，间隔 </span>
+        <AInput v-model:value="valueLoop.interval" type="number" v-bind="typeLoopAttrs" />
+        <span> 天 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.specify" v-bind="beforeRadioAttrs">
+          指定
+        </Radio>
+        <div class="list list-cn">
+          <CheckboxGroup v-model:value="valueList">
+            <template v-for="opt in weekOptions" :key="opt.value">
+              <Checkbox :value="opt.value" v-bind="typeSpecifyAttrs">
+                {{ opt.label }}
+              </Checkbox>
+            </template>
+          </CheckboxGroup>
+        </div>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/YearUI.vue b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/YearUI.vue
new file mode 100644
index 0000000..03b2be7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/YearUI.vue
@@ -0,0 +1,55 @@
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { Input, Radio } from 'ant-design-vue'
+import { useTabEmits, useTabProps, useTabSetup } from './useTabMixin'
+
+export default defineComponent({
+  name: 'YearUI',
+  components: { Input, Radio, RadioGroup: Radio.Group },
+  props: useTabProps({
+    defaultValue: '*',
+  }),
+  emits: useTabEmits(),
+  setup(props, context) {
+    const nowYear = new Date().getFullYear()
+    return useTabSetup(props, context, {
+      defaultValue: '*',
+      minValue: 0,
+      valueRange: { start: nowYear, end: nowYear + 100 },
+      valueLoop: { start: nowYear, interval: 1 },
+    })
+  },
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-config-list`">
+    <RadioGroup v-model:value="type">
+      <div class="item">
+        <Radio :value="TypeEnum.every" v-bind="beforeRadioAttrs">
+          每年
+        </Radio>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.range" v-bind="beforeRadioAttrs">
+          区间
+        </Radio>
+        <span> 从 </span>
+        <Input v-model:value="valueRange.start" type="number" class="w80" v-bind="typeRangeAttrs" />
+        <span> 年 至 </span>
+        <Input v-model:value="valueRange.end" type="number" class="w80" v-bind="typeRangeAttrs" />
+        <span> 年 </span>
+      </div>
+      <div class="item">
+        <Radio :value="TypeEnum.loop" v-bind="beforeRadioAttrs">
+          循环
+        </Radio>
+        <span> 从 </span>
+        <Input v-model:value="valueLoop.start" type="number" class="w80" v-bind="typeLoopAttrs" />
+        <span> 年开始，间隔 </span>
+        <Input v-model:value="valueLoop.interval" type="number" class="w80" v-bind="typeLoopAttrs" />
+        <span> 年 </span>
+      </div>
+    </RadioGroup>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/useTabMixin.ts b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/useTabMixin.ts
new file mode 100644
index 0000000..2676265
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/tabs/useTabMixin.ts
@@ -0,0 +1,204 @@
+// 主要用于日和星期的互斥使用
+import { computed, inject, reactive, ref, unref, watch } from 'vue'
+import { propTypes } from '@/utils/propTypes'
+
+export enum TypeEnum {
+  unset = 'UNSET',
+  every = 'EVERY',
+  range = 'RANGE',
+  loop = 'LOOP',
+  work = 'WORK',
+  last = 'LAST',
+  specify = 'SPECIFY',
+}
+
+// use 公共 props
+export function useTabProps(options) {
+  const defaultValue = options?.defaultValue ?? '?'
+  return {
+    value: propTypes.string.def(defaultValue),
+    disabled: propTypes.bool.def(false),
+    ...options?.props,
+  }
+}
+
+// use 公共 emits
+export function useTabEmits() {
+  return ['change', 'update:value']
+}
+
+// use 公共 setup
+export function useTabSetup(props, context, options) {
+  const { emit } = context
+  const prefixCls = inject('prefixCls')
+  const defaultValue = ref(options?.defaultValue ?? '?')
+  // 类型
+  const type = ref(options.defaultType ?? TypeEnum.every)
+  const valueList = ref<any[]>([])
+  // 对于不同的类型，所定义的值也有所不同
+  const valueRange = reactive(options.valueRange)
+  const valueLoop = reactive(options.valueLoop)
+  const valueWeek = reactive(options.valueWeek)
+  const valueWork = ref(options.valueWork)
+  const maxValue = ref(options.maxValue)
+  const minValue = ref(options.minValue)
+
+  // 根据不同的类型计算出的value
+  const computeValue = computed(() => {
+    const valueArray: any[] = []
+    switch (type.value) {
+      case TypeEnum.unset:
+        valueArray.push('?')
+        break
+      case TypeEnum.every:
+        valueArray.push('*')
+        break
+      case TypeEnum.range:
+        valueArray.push(`${valueRange.start}-${valueRange.end}`)
+        break
+      case TypeEnum.loop:
+        valueArray.push(`${valueLoop.start}/${valueLoop.interval}`)
+        break
+      case TypeEnum.work:
+        valueArray.push(`${valueWork.value}W`)
+        break
+      case TypeEnum.last:
+        valueArray.push('L')
+        break
+      case TypeEnum.specify:
+        if (valueList.value.length === 0)
+          valueList.value.push(minValue.value)
+
+        valueArray.push(valueList.value.join(','))
+        break
+      default:
+        valueArray.push(defaultValue.value)
+        break
+    }
+    return valueArray.length > 0 ? valueArray.join('') : defaultValue.value
+  })
+  // 指定值范围区间，介于最小值和最大值之间
+  const specifyRange = computed(() => {
+    const range: number[] = []
+    if (maxValue.value != null) {
+      for (let i = minValue.value; i <= maxValue.value; i++)
+        range.push(i)
+    }
+    return range
+  })
+
+  watch(
+    () => props.value,
+    (val) => {
+      if (val !== computeValue.value)
+        parseValue(val)
+    },
+    { immediate: true },
+  )
+
+  watch(computeValue, v => updateValue(v))
+
+  function updateValue(value) {
+    emit('change', value)
+    emit('update:value', value)
+  }
+
+  /**
+   * parseValue
+   * @param value
+   */
+  function parseValue(value) {
+    if (value === computeValue.value)
+      return
+
+    try {
+      if (!value || value === defaultValue.value) {
+        type.value = TypeEnum.every
+      }
+      else if (value.includes('?')) {
+        type.value = TypeEnum.unset
+      }
+      else if (value.includes('-')) {
+        type.value = TypeEnum.range
+        const values = value.split('-')
+        if (values.length >= 2) {
+          valueRange.start = Number.parseInt(values[0])
+          valueRange.end = Number.parseInt(values[1])
+        }
+      }
+      else if (value.includes('/')) {
+        type.value = TypeEnum.loop
+        const values = value.split('/')
+        if (values.length >= 2) {
+          valueLoop.start = value[0] === '*' ? 0 : Number.parseInt(values[0])
+          valueLoop.interval = Number.parseInt(values[1])
+        }
+      }
+      else if (value.includes('W')) {
+        type.value = TypeEnum.work
+        const values = value.split('W')
+        if (!values[0] && !Number.isNaN(values[0]))
+          valueWork.value = Number.parseInt(values[0])
+      }
+      else if (value.includes('L')) {
+        type.value = TypeEnum.last
+      }
+      else if (value.includes(',') || !Number.isNaN(value)) {
+        type.value = TypeEnum.specify
+        valueList.value = value.split(',').map(item => Number.parseInt(item))
+      }
+      else {
+        type.value = TypeEnum.every
+      }
+    }
+    catch (e) {
+      type.value = TypeEnum.every
+    }
+  }
+
+  const beforeRadioAttrs = computed(() => ({
+    class: ['choice'],
+    disabled: props.disabled || unref(options.disabled),
+  }))
+  const inputNumberAttrs = computed(() => ({
+    class: ['w60'],
+    max: maxValue.value,
+    min: minValue.value,
+    precision: 0,
+  }))
+  const typeRangeAttrs = computed(() => ({
+    disabled: type.value !== TypeEnum.range || props.disabled || unref(options.disabled),
+    ...inputNumberAttrs.value,
+  }))
+  const typeLoopAttrs = computed(() => ({
+    disabled: type.value !== TypeEnum.loop || props.disabled || unref(options.disabled),
+    ...inputNumberAttrs.value,
+  }))
+  const typeSpecifyAttrs = computed(() => ({
+    disabled: type.value !== TypeEnum.specify || props.disabled || unref(options.disabled),
+    class: ['list-check-item'],
+  }))
+
+  return {
+    type,
+    TypeEnum,
+    prefixCls,
+    defaultValue,
+    valueRange,
+    valueLoop,
+    valueWeek,
+    valueList,
+    valueWork,
+    maxValue,
+    minValue,
+    computeValue,
+    specifyRange,
+    updateValue,
+    parseValue,
+    beforeRadioAttrs,
+    inputNumberAttrs,
+    typeRangeAttrs,
+    typeLoopAttrs,
+    typeSpecifyAttrs,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/CronTab/src/validator.ts b/yunxi-ui-admin-vben/src/components/CronTab/src/validator.ts
new file mode 100644
index 0000000..02c72b6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/CronTab/src/validator.ts
@@ -0,0 +1,48 @@
+import CronParser from 'cron-parser'
+import type { ValidatorRule } from 'ant-design-vue/lib/form/interface'
+
+const cronRule: ValidatorRule = {
+  validator({}, value) {
+    // 没填写就不校验
+    if (!value)
+      return Promise.resolve()
+
+    const values: string[] = value.split(' ').filter(item => !!item)
+    if (values.length > 7)
+      return Promise.reject('Cron表达式最多7项！')
+
+    // 检查第7项
+    let val: string = value
+    if (values.length === 7) {
+      const year = values[6]
+      if (year !== '*' && year !== '?') {
+        let yearValues: string[] = []
+        if (year.includes('-'))
+          yearValues = year.split('-')
+        else if (year.indexOf('/'))
+          yearValues = year.split('/')
+        else
+          yearValues = [year]
+
+        // 判断是否都是数字
+        const checkYear = yearValues.some(item => Number.isNaN(Number(item)))
+        if (checkYear)
+          return Promise.reject(`Cron表达式参数[年]错误：${year}`)
+      }
+      // 取其中的前六项
+      val = values.slice(0, 6).join(' ')
+    }
+    // 6位 没有年
+    // 5位没有秒、年
+    try {
+      const iter = CronParser.parseExpression(val)
+      iter.next()
+      return Promise.resolve()
+    }
+    catch (e: any) {
+      return Promise.reject(`Cron表达式错误：${e}`)
+    }
+  },
+}
+
+export default cronRule.validator
diff --git a/yunxi-ui-admin-vben/src/components/Cropper/index.ts b/yunxi-ui-admin-vben/src/components/Cropper/index.ts
new file mode 100644
index 0000000..805f962
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Cropper/index.ts
@@ -0,0 +1,7 @@
+import cropperImage from './src/Cropper.vue'
+import avatarCropper from './src/CropperAvatar.vue'
+import { withInstall } from '@/utils'
+
+export * from './src/typing'
+export const CropperImage = withInstall(cropperImage)
+export const CropperAvatar = withInstall(avatarCropper)
diff --git a/yunxi-ui-admin-vben/src/components/Cropper/src/CopperModal.vue b/yunxi-ui-admin-vben/src/components/Cropper/src/CopperModal.vue
new file mode 100644
index 0000000..690feaf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Cropper/src/CopperModal.vue
@@ -0,0 +1,247 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Avatar, Space, Tooltip, Upload } from 'ant-design-vue'
+import type { CropendResult, Cropper } from './typing'
+import CropperImage from './Cropper.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { dataURLtoBlob } from '@/utils/file/base64Conver'
+import { isFunction } from '@/utils/is'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'CropperModal' })
+
+const props = defineProps({
+  circled: { type: Boolean, default: true },
+  uploadApi: {
+    type: Function as PropType<(params: apiFunParams) => Promise<any>>,
+  },
+  src: { type: String },
+  size: { type: Number },
+})
+
+const emit = defineEmits(['uploadSuccess', 'uploadError', 'register'])
+
+interface apiFunParams { file: Blob; name: string; filename: string }
+
+let filename = ''
+const src = ref(props.src || '')
+const previewSource = ref('')
+const cropper = ref<Cropper>()
+let scaleX = 1
+let scaleY = 1
+
+const { prefixCls } = useDesign('cropper-am')
+const [register, { closeModal, setModalProps }] = useModalInner()
+const { t } = useI18n()
+
+// Block upload
+function handleBeforeUpload(file: File) {
+  if (props.size && file.size > 1024 * 1024 * props.size) {
+    emit('uploadError', { msg: t('component.cropper.imageTooBig') })
+    return
+  }
+  const reader = new FileReader()
+  reader.readAsDataURL(file)
+  src.value = ''
+  previewSource.value = ''
+  reader.onload = function (e) {
+    src.value = (e.target?.result as string) ?? ''
+    filename = file.name
+  }
+  return false
+}
+
+function handleCropend({ imgBase64 }: CropendResult) {
+  previewSource.value = imgBase64
+}
+
+function handleReady(cropperInstance: Cropper) {
+  cropper.value = cropperInstance
+}
+
+function handlerToolbar(event: string, arg?: number) {
+  if (event === 'scaleX')
+    scaleX = arg = scaleX === -1 ? 1 : -1
+
+  if (event === 'scaleY')
+    scaleY = arg = scaleY === -1 ? 1 : -1
+
+  cropper?.value?.[event]?.(arg)
+}
+
+async function handleOk() {
+  const uploadApi = props.uploadApi
+  try {
+    setModalProps({ confirmLoading: true })
+    const blob = dataURLtoBlob(previewSource.value)
+    if (uploadApi && isFunction(uploadApi)) {
+      const result = await uploadApi({ name: 'file', file: blob, filename })
+      emit('uploadSuccess', { source: previewSource.value, data: result.url })
+    }
+    else {
+      emit('uploadSuccess', { source: previewSource.value, data: blob, filename })
+    }
+    closeModal()
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    :title="t('component.cropper.modalTitle')"
+    width="800px"
+    :can-fullscreen="false"
+    :ok-text="t('component.cropper.okText')"
+    @register="register"
+    @ok="handleOk"
+  >
+    <div :class="prefixCls">
+      <div :class="`${prefixCls}-left`">
+        <div :class="`${prefixCls}-cropper`">
+          <CropperImage v-if="src" :src="src" height="300px" :circled="circled" @cropend="handleCropend" @ready="handleReady" />
+        </div>
+
+        <div :class="`${prefixCls}-toolbar`">
+          <Upload :file-list="[]" accept="image/*" :before-upload="handleBeforeUpload">
+            <Tooltip :title="t('component.cropper.selectImage')" placement="bottom">
+              <a-button size="small" pre-icon="ant-design:upload-outlined" type="primary" />
+            </Tooltip>
+          </Upload>
+          <Space>
+            <Tooltip :title="t('component.cropper.btn_reset')" placement="bottom">
+              <a-button
+                type="primary"
+                pre-icon="ant-design:reload-outlined"
+                size="small"
+                :disabled="!src"
+                @click="handlerToolbar('reset')"
+              />
+            </Tooltip>
+            <Tooltip :title="t('component.cropper.btn_rotate_left')" placement="bottom">
+              <a-button
+                type="primary"
+                pre-icon="ant-design:rotate-left-outlined"
+                size="small"
+                :disabled="!src"
+                @click="handlerToolbar('rotate', -45)"
+              />
+            </Tooltip>
+            <Tooltip :title="t('component.cropper.btn_rotate_right')" placement="bottom">
+              <a-button
+                type="primary"
+                pre-icon="ant-design:rotate-right-outlined"
+                size="small"
+                :disabled="!src"
+                @click="handlerToolbar('rotate', 45)"
+              />
+            </Tooltip>
+            <Tooltip :title="t('component.cropper.btn_scale_x')" placement="bottom">
+              <a-button type="primary" pre-icon="vaadin:arrows-long-h" size="small" :disabled="!src" @click="handlerToolbar('scaleX')" />
+            </Tooltip>
+            <Tooltip :title="t('component.cropper.btn_scale_y')" placement="bottom">
+              <a-button type="primary" pre-icon="vaadin:arrows-long-v" size="small" :disabled="!src" @click="handlerToolbar('scaleY')" />
+            </Tooltip>
+            <Tooltip :title="t('component.cropper.btn_zoom_in')" placement="bottom">
+              <a-button
+                type="primary"
+                pre-icon="ant-design:zoom-in-outlined"
+                size="small"
+                :disabled="!src"
+                @click="handlerToolbar('zoom', 0.1)"
+              />
+            </Tooltip>
+            <Tooltip :title="t('component.cropper.btn_zoom_out')" placement="bottom">
+              <a-button
+                type="primary"
+                pre-icon="ant-design:zoom-out-outlined"
+                size="small"
+                :disabled="!src"
+                @click="handlerToolbar('zoom', -0.1)"
+              />
+            </Tooltip>
+          </Space>
+        </div>
+      </div>
+      <div :class="`${prefixCls}-right`">
+        <div :class="`${prefixCls}-preview`">
+          <img v-if="previewSource" :src="previewSource" :alt="t('component.cropper.preview')">
+        </div>
+        <template v-if="previewSource">
+          <div :class="`${prefixCls}-group`">
+            <Avatar :src="previewSource" size="large" />
+            <Avatar :src="previewSource" :size="48" />
+            <Avatar :src="previewSource" :size="64" />
+            <Avatar :src="previewSource" :size="80" />
+          </div>
+        </template>
+      </div>
+    </div>
+  </BasicModal>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-cropper-am';
+
+.@{prefix-cls} {
+  display: flex;
+
+  &-left,
+  &-right {
+    height: 340px;
+  }
+
+  &-left {
+    width: 55%;
+  }
+
+  &-right {
+    width: 45%;
+  }
+
+  &-cropper {
+    height: 300px;
+    background: #eee;
+    background-image: linear-gradient(45deg, rgb(0 0 0 / 25%) 25%, transparent 0, transparent 75%, rgb(0 0 0 / 25%) 0),
+      linear-gradient(45deg, rgb(0 0 0 / 25%) 25%, transparent 0, transparent 75%, rgb(0 0 0 / 25%) 0);
+    background-position:
+      0 0,
+      12px 12px;
+    background-size: 24px 24px;
+  }
+
+  &-toolbar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 10px;
+  }
+
+  &-preview {
+    width: 220px;
+    height: 220px;
+    margin: 0 auto;
+    overflow: hidden;
+    border: 1px solid var(--border-color);
+    border-radius: 50%;
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &-group {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    padding-top: 8px;
+    margin-top: 8px;
+    border-top: 1px solid var(--border-color);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Cropper/src/Cropper.vue b/yunxi-ui-admin-vben/src/components/Cropper/src/Cropper.vue
new file mode 100644
index 0000000..049ff2c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Cropper/src/Cropper.vue
@@ -0,0 +1,176 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, onMounted, onUnmounted, ref, unref, useAttrs } from 'vue'
+import Cropper from 'cropperjs'
+import 'cropperjs/dist/cropper.css'
+import { useDebounceFn } from '@vueuse/core'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'CropperImage' })
+
+const props = defineProps({
+  src: { type: String, required: true },
+  alt: { type: String },
+  circled: { type: Boolean, default: false },
+  realTimePreview: { type: Boolean, default: true },
+  height: { type: [String, Number], default: '360px' },
+  crossorigin: {
+    type: String as PropType<'' | 'anonymous' | 'use-credentials' | undefined>,
+    default: undefined,
+  },
+  imageStyle: { type: Object as PropType<CSSProperties>, default: () => ({}) },
+  options: { type: Object as PropType<Options>, default: () => ({}) },
+})
+const emit = defineEmits(['cropend', 'ready', 'cropendError'])
+const attrs = useAttrs()
+
+type Options = Cropper.Options
+const defaultOptions: Options = {
+  aspectRatio: 1,
+  zoomable: true,
+  zoomOnTouch: true,
+  zoomOnWheel: true,
+  cropBoxMovable: true,
+  cropBoxResizable: true,
+  toggleDragModeOnDblclick: true,
+  autoCrop: true,
+  background: true,
+  highlight: true,
+  center: true,
+  responsive: true,
+  restore: true,
+  checkCrossOrigin: true,
+  checkOrientation: true,
+  scalable: true,
+  modal: true,
+  guides: true,
+  movable: true,
+  rotatable: true,
+}
+const imgElRef = ref<ElRef<HTMLImageElement>>()
+const cropper = ref<Nullable<Cropper>>()
+const isReady = ref(false)
+
+const { prefixCls } = useDesign('cropper-image')
+const debounceRealTimeCroppered = useDebounceFn(realTimeCroppered, 80)
+
+const getImageStyle = computed((): CSSProperties => {
+  return {
+    height: props.height,
+    maxWidth: '100%',
+    ...props.imageStyle,
+  }
+})
+
+const getClass = computed(() => {
+  return [
+    prefixCls,
+    attrs.class,
+    {
+      [`${prefixCls}--circled`]: props.circled,
+    },
+  ]
+})
+
+const getWrapperStyle = computed((): CSSProperties => {
+  return { height: `${`${props.height}`.replace(/px/, '')}px` }
+})
+
+onMounted(init)
+
+onUnmounted(() => {
+  cropper.value?.destroy()
+})
+
+async function init() {
+  const imgEl = unref(imgElRef)
+  if (!imgEl)
+    return
+
+  cropper.value = new Cropper(imgEl, {
+    ...defaultOptions,
+    ready: () => {
+      isReady.value = true
+      realTimeCroppered()
+      emit('ready', cropper.value)
+    },
+    crop() {
+      debounceRealTimeCroppered()
+    },
+    zoom() {
+      debounceRealTimeCroppered()
+    },
+    cropmove() {
+      debounceRealTimeCroppered()
+    },
+    ...props.options,
+  })
+}
+
+// Real-time display preview
+function realTimeCroppered() {
+  props.realTimePreview && croppered()
+}
+
+// event: return base64 and width and height information after cropping
+function croppered() {
+  if (!cropper.value)
+    return
+
+  const imgInfo = cropper.value.getData()
+  const canvas = props.circled ? getRoundedCanvas() : cropper.value.getCroppedCanvas()
+  canvas.toBlob((blob) => {
+    if (!blob)
+      return
+
+    const fileReader: FileReader = new FileReader()
+    fileReader.readAsDataURL(blob)
+    fileReader.onloadend = (e) => {
+      emit('cropend', {
+        imgBase64: e.target?.result ?? '',
+        imgInfo,
+      })
+    }
+    fileReader.onerror = () => {
+      emit('cropendError')
+    }
+  }, 'image/png')
+}
+
+// Get a circular picture canvas
+function getRoundedCanvas() {
+  const sourceCanvas = cropper.value!.getCroppedCanvas()
+  const canvas = document.createElement('canvas')
+  const context = canvas.getContext('2d')!
+  const width = sourceCanvas.width
+  const height = sourceCanvas.height
+  canvas.width = width
+  canvas.height = height
+  context.imageSmoothingEnabled = true
+  context.drawImage(sourceCanvas, 0, 0, width, height)
+  context.globalCompositeOperation = 'destination-in'
+  context.beginPath()
+  context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true)
+  context.fill()
+  return canvas
+}
+</script>
+
+<template>
+  <div :class="getClass" :style="getWrapperStyle">
+    <img v-show="isReady" ref="imgElRef" :src="src" :alt="alt" :crossorigin="crossorigin" :style="getImageStyle">
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-cropper-image';
+
+.@{prefix-cls} {
+  &--circled {
+    .cropper-view-box,
+    .cropper-face {
+      border-radius: 50%;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Cropper/src/CropperAvatar.vue b/yunxi-ui-admin-vben/src/components/Cropper/src/CropperAvatar.vue
new file mode 100644
index 0000000..38214f1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Cropper/src/CropperAvatar.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, ref, unref, watch, watchEffect } from 'vue'
+import { Avatar } from 'ant-design-vue'
+import CopperModal from './CopperModal.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useModal } from '@/components/Modal'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useI18n } from '@/hooks/web/useI18n'
+import type { ButtonProps } from '@/components/Button'
+import { Icon } from '@/components/Icon'
+
+defineOptions({ name: 'CropperAvatar' })
+
+const props = defineProps({
+  width: { type: [String, Number], default: '200px' },
+  value: { type: String },
+  showBtn: { type: Boolean, default: true },
+  btnProps: { type: Object as PropType<ButtonProps> },
+  btnText: { type: String, default: '' },
+  uploadApi: { type: Function as PropType<({ file, name }) => Promise<void>> },
+  size: { type: Number, default: 5 },
+})
+
+const emit = defineEmits(['update:value', 'change'])
+
+const sourceValue = ref(props.value || '')
+const { prefixCls } = useDesign('cropper-avatar')
+const [register, { openModal, closeModal }] = useModal()
+const { createMessage } = useMessage()
+const { t } = useI18n()
+
+const getClass = computed(() => [prefixCls])
+
+const getWidth = computed(() => `${`${props.width}`.replace(/px/, '')}px`)
+
+const getIconWidth = computed(() => `${Number.parseInt(`${props.width}`.replace(/px/, '')) / 2}px`)
+
+const getStyle = computed((): CSSProperties => ({ width: unref(getWidth) }))
+
+const getImageWrapperStyle = computed((): CSSProperties => ({ width: unref(getWidth), height: unref(getWidth) }))
+
+watchEffect(() => {
+  sourceValue.value = props.value || ''
+})
+
+watch(
+  () => sourceValue.value,
+  (v: string) => {
+    emit('update:value', v)
+  },
+)
+
+function handleUploadSuccess({ source, data }) {
+  sourceValue.value = source
+  emit('change', { source, data })
+  createMessage.success(t('component.cropper.uploadSuccess'))
+}
+
+defineExpose({ openModal: openModal.bind(null, true), closeModal })
+</script>
+
+<template>
+  <div :class="getClass" :style="getStyle">
+    <div :class="`${prefixCls}-image-wrapper`" :style="getImageWrapperStyle" @click="openModal">
+      <div :class="`${prefixCls}-image-mask`" :style="getImageWrapperStyle">
+        <Icon icon="ant-design:cloud-upload-outlined" :size="getIconWidth" :style="getImageWrapperStyle" color="#d6d6d6" />
+      </div>
+      <Avatar v-if="sourceValue" :size="{ xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 }" :src="sourceValue" alt="avatar" />
+    </div>
+    <a-button v-if="showBtn" class="mx-auto my-2.5" v-bind="btnProps" @click="openModal">
+      {{ btnText ? btnText : t('component.cropper.selectImage') }}
+    </a-button>
+
+    <CopperModal :upload-api="uploadApi" :src="sourceValue" :size="size" @register="register" @upload-success="handleUploadSuccess" />
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-cropper-avatar';
+
+.@{prefix-cls} {
+  display: inline-block;
+  text-align: center;
+
+  &-image-wrapper {
+    overflow: hidden;
+    cursor: pointer;
+    background: var(--component-background);
+    border: 1px solid var(--border-color);
+    border-radius: 50%;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &-image-mask {
+    position: absolute;
+    width: inherit;
+    height: inherit;
+    cursor: pointer;
+    background: rgb(0 0 0 / 40%);
+    border: inherit;
+    border-radius: inherit;
+    opacity: 0;
+    transition: opacity 0.4s;
+
+    :deep(svg) {
+      margin: auto;
+    }
+  }
+
+  &-image-mask:hover {
+    opacity: 40;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Cropper/src/typing.ts b/yunxi-ui-admin-vben/src/components/Cropper/src/typing.ts
new file mode 100644
index 0000000..bcad3b4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Cropper/src/typing.ts
@@ -0,0 +1,8 @@
+import type Cropper from 'cropperjs'
+
+export interface CropendResult {
+  imgBase64: string
+  imgInfo: Cropper.Data
+}
+
+export type { Cropper }
diff --git a/yunxi-ui-admin-vben/src/components/Description/index.ts b/yunxi-ui-admin-vben/src/components/Description/index.ts
new file mode 100644
index 0000000..e3cdc4d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Description/index.ts
@@ -0,0 +1,6 @@
+import description from './src/Description.vue'
+import { withInstall } from '@/utils'
+
+export * from './src/typing'
+export { useDescription } from './src/useDescription'
+export const Description = withInstall(description)
diff --git a/yunxi-ui-admin-vben/src/components/Description/src/Description.vue b/yunxi-ui-admin-vben/src/components/Description/src/Description.vue
new file mode 100644
index 0000000..73a8a3b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Description/src/Description.vue
@@ -0,0 +1,181 @@
+<script lang="tsx">
+import type { DescriptionsProps } from 'ant-design-vue/es/descriptions'
+import type { CSSProperties } from 'vue'
+import { computed, defineComponent, ref, toRefs, unref } from 'vue'
+import { get } from 'lodash-es'
+import { Descriptions } from 'ant-design-vue'
+import type { DescInstance, DescItem, DescriptionProps } from './typing'
+import type { CollapseContainerOptions } from '@/components/Container'
+import { CollapseContainer } from '@/components/Container'
+import { useDesign } from '@/hooks/web/useDesign'
+import { isFunction } from '@/utils/is'
+import { getSlot } from '@/utils/helper/tsxHelper'
+import { useAttrs } from '@/hooks/core/useAttrs'
+
+const props = {
+  useCollapse: { type: Boolean, default: true },
+  title: { type: String, default: '' },
+  size: {
+    type: String,
+    validator: v => ['small', 'default', 'middle', undefined].includes(v),
+    default: 'small',
+  },
+  bordered: { type: Boolean, default: true },
+  column: {
+    type: [Number, Object] as PropType<number | Recordable>,
+    default: () => {
+      return { xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }
+    },
+  },
+  collapseOptions: {
+    type: Object as PropType<CollapseContainerOptions>,
+    default: null,
+  },
+  schema: {
+    type: Array as PropType<DescItem[]>,
+    default: () => [],
+  },
+  data: { type: Object },
+}
+
+export default defineComponent({
+  name: 'Description',
+  props,
+  emits: ['register'],
+  setup(props, { slots, emit }) {
+    const propsRef = ref<Partial<DescriptionProps> | null>(null)
+
+    const { prefixCls } = useDesign('description')
+    const attrs = useAttrs()
+
+    // Custom title component: get title
+    const getMergeProps = computed(() => {
+      return {
+        ...props,
+        ...(unref(propsRef) as Recordable),
+      } as DescriptionProps
+    })
+
+    const getProps = computed(() => {
+      const opt = {
+        ...unref(getMergeProps),
+        title: undefined,
+      }
+      return opt as DescriptionProps
+    })
+
+    /**
+     * @description: Whether to setting title
+     */
+    const useWrapper = computed(() => !!unref(getMergeProps).title)
+
+    /**
+     * @description: Get configuration Collapse
+     */
+    const getCollapseOptions = computed((): CollapseContainerOptions => {
+      return {
+        // Cannot be expanded by default
+        canExpand: false,
+        ...unref(getProps).collapseOptions,
+      }
+    })
+
+    const getDescriptionsProps = computed(() => {
+      return { ...unref(attrs), ...unref(getProps) } as DescriptionsProps
+    })
+
+    /**
+     * @description:设置desc
+     */
+    function setDescProps(descProps: Partial<DescriptionProps>): void {
+      // Keep the last setDrawerProps
+      propsRef.value = { ...(unref(propsRef) as Recordable), ...descProps } as Recordable
+    }
+
+    // Prevent line breaks
+    function renderLabel({ label, labelMinWidth, labelStyle }: DescItem) {
+      if (!labelStyle && !labelMinWidth)
+        return label
+
+      const labelStyles: CSSProperties = {
+        ...labelStyle,
+        minWidth: `${labelMinWidth}px `,
+      }
+      return <div style={labelStyles}>{label}</div>
+    }
+
+    function renderItem() {
+      const { schema, data } = unref(getProps)
+      return unref(schema)
+        .map((item) => {
+          const { render, field, span, show, contentMinWidth } = item
+
+          if (show && isFunction(show) && !show(data))
+            return null
+
+          const getContent = () => {
+            const _data = unref(getProps)?.data
+            if (!_data)
+              return null
+
+            const getField = get(_data, field)
+            if (getField && !toRefs(_data).hasOwnProperty(field))
+              return isFunction(render) ? render('', _data) : ''
+
+            return isFunction(render) ? render(getField, _data) : getField ?? ''
+          }
+
+          const width = contentMinWidth
+          return (
+            <Descriptions.Item label={renderLabel(item)} key={field} span={span}>
+              {() => {
+                if (!contentMinWidth)
+                  return getContent()
+
+                const style: CSSProperties = {
+                  minWidth: `${width}px`,
+                }
+                return <div style={style}>{getContent()}</div>
+              }}
+            </Descriptions.Item>
+          )
+        })
+        .filter(item => !!item)
+    }
+
+    const renderDesc = () => {
+      return (
+        <Descriptions class={`${prefixCls}`} {...(unref(getDescriptionsProps) as any)}>
+          {renderItem()}
+        </Descriptions>
+      )
+    }
+
+    const renderContainer = () => {
+      const content = props.useCollapse ? renderDesc() : <div>{renderDesc()}</div>
+      // Reduce the dom level
+      if (!props.useCollapse)
+        return content
+
+      const { canExpand, helpMessage } = unref(getCollapseOptions)
+      const { title } = unref(getMergeProps)
+
+      return (
+        <CollapseContainer title={title} canExpan={canExpand} helpMessage={helpMessage}>
+          {{
+            default: () => content,
+            action: () => getSlot(slots, 'action'),
+          }}
+        </CollapseContainer>
+      )
+    }
+
+    const methods: DescInstance = {
+      setDescProps,
+    }
+
+    emit('register', methods)
+    return () => (unref(useWrapper) ? renderContainer() : renderDesc())
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Description/src/typing.ts b/yunxi-ui-admin-vben/src/components/Description/src/typing.ts
new file mode 100644
index 0000000..3d7498a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Description/src/typing.ts
@@ -0,0 +1,47 @@
+import type { CSSProperties, VNode } from 'vue'
+import type { DescriptionsProps } from 'ant-design-vue/es/descriptions'
+import type { CollapseContainerOptions } from '@/components/Container'
+
+export interface DescItem {
+  labelMinWidth?: number
+  contentMinWidth?: number
+  labelStyle?: CSSProperties
+  field: string
+  label: string | VNode | JSX.Element
+  // Merge column
+  span?: number
+  show?: (...arg: any) => boolean
+  // render
+  render?: (val: any, data: Recordable) => VNode | undefined | JSX.Element | Element | string | number
+}
+
+export interface DescriptionProps extends DescriptionsProps {
+  // Whether to include the collapse component
+  useCollapse?: boolean
+  /**
+   * item configuration
+   * @type DescItem
+   */
+  schema: DescItem[]
+  /**
+   * 数据
+   * @type object
+   */
+  data: Recordable
+  /**
+   * Built-in CollapseContainer component configuration
+   * @type CollapseContainerOptions
+   */
+  collapseOptions?: CollapseContainerOptions
+}
+
+export interface DescInstance {
+  setDescProps(descProps: Partial<DescriptionProps>): void
+}
+
+export type Register = (descInstance: DescInstance) => void
+
+/**
+ * @description:
+ */
+export type UseDescReturnType = [Register, DescInstance]
diff --git a/yunxi-ui-admin-vben/src/components/Description/src/useDescription.ts b/yunxi-ui-admin-vben/src/components/Description/src/useDescription.ts
new file mode 100644
index 0000000..b8ff011
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Description/src/useDescription.ts
@@ -0,0 +1,28 @@
+import { getCurrentInstance, ref, unref } from 'vue'
+import type { DescInstance, DescriptionProps, UseDescReturnType } from './typing'
+import { isProdMode } from '@/utils/env'
+
+export function useDescription(props?: Partial<DescriptionProps>): UseDescReturnType {
+  if (!getCurrentInstance())
+    throw new Error('useDescription() can only be used inside setup() or functional components!')
+
+  const desc = ref<Nullable<DescInstance>>(null)
+  const loaded = ref(false)
+
+  function register(instance: DescInstance) {
+    if (unref(loaded) && isProdMode())
+      return
+
+    desc.value = instance
+    props && instance.setDescProps(props)
+    loaded.value = true
+  }
+
+  const methods: DescInstance = {
+    setDescProps: (descProps: Partial<DescriptionProps>): void => {
+      unref(desc)?.setDescProps(descProps)
+    },
+  }
+
+  return [register, methods]
+}
diff --git a/yunxi-ui-admin-vben/src/components/DictTag/index.ts b/yunxi-ui-admin-vben/src/components/DictTag/index.ts
new file mode 100644
index 0000000..5aff2f9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/DictTag/index.ts
@@ -0,0 +1,4 @@
+import dictTag from './src/DictTag.vue'
+import { withInstall } from '@/utils'
+
+export const DictTag = withInstall(dictTag)
diff --git a/yunxi-ui-admin-vben/src/components/DictTag/src/DictTag.vue b/yunxi-ui-admin-vben/src/components/DictTag/src/DictTag.vue
new file mode 100644
index 0000000..34f6679
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/DictTag/src/DictTag.vue
@@ -0,0 +1,72 @@
+<script lang="tsx">
+import type { PropType } from 'vue'
+import { defineComponent, ref } from 'vue'
+import { Tag } from 'ant-design-vue'
+import { isHexColor } from '@/utils/color'
+import type { DictDataType } from '@/utils/dict'
+import { getDictOpts } from '@/utils/dict'
+import { propTypes } from '@/utils/propTypes'
+
+export default defineComponent({
+  name: 'DictTag',
+  props: {
+    type: {
+      type: String as PropType<string>,
+      required: true,
+    },
+    value: propTypes.oneOfType([propTypes.string, propTypes.number, propTypes.bool]),
+    icon: { type: String },
+  },
+  setup(props) {
+    const dictData = ref<DictDataType>()
+    const getDictObj = (dictType: string, value: string) => {
+      let dictOptions: DictDataType[] = []
+      dictOptions = getDictOpts(dictType)
+      if (dictOptions && dictOptions.length === 0)
+        return
+
+      dictOptions.forEach((dict: DictDataType) => {
+        if (dict.value === value) {
+          if (`${dict.colorType}` === 'primary')
+            dict.colorType = 'processing'
+          else if (`${dict.colorType}` === 'danger')
+            dict.colorType = 'error'
+          else if (`${dict.colorType}` === 'info')
+            dict.colorType = 'default'
+
+          dictData.value = dict
+        }
+      })
+    }
+    const rederDictTag = () => {
+      if (!props.type)
+        return null
+
+      // 解决自定义字典标签值为零时标签不渲染的问题
+      if (props.value === undefined || props.value === null)
+        return null
+
+      getDictObj(props.type, props.value.toString())
+
+      if (dictData.value === undefined)
+        return null
+
+      // 添加标签的文字颜色为白色，解决自定义背景颜色时标签文字看不清的问题 && isHexColor(dictData.value?.cssClass)
+      return (
+        <Tag
+          color={
+            dictData.value?.colorType
+              ? dictData.value?.colorType
+              : dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)
+                ? dictData.value?.cssClass
+                : ''
+          }
+        >
+          {dictData.value?.label || ''}
+        </Tag>
+      )
+    }
+    return () => rederDictTag()
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/index.ts b/yunxi-ui-admin-vben/src/components/Drawer/index.ts
new file mode 100644
index 0000000..d757808
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/index.ts
@@ -0,0 +1,6 @@
+import basicDrawer from './src/BasicDrawer.vue'
+import { withInstall } from '@/utils'
+
+export const BasicDrawer = withInstall(basicDrawer)
+export * from './src/typing'
+export { useDrawer, useDrawerInner } from './src/useDrawer'
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/src/BasicDrawer.vue b/yunxi-ui-admin-vben/src/components/Drawer/src/BasicDrawer.vue
new file mode 100644
index 0000000..c4f6612
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/src/BasicDrawer.vue
@@ -0,0 +1,220 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, getCurrentInstance, nextTick, ref, toRaw, unref, watch } from 'vue'
+import { Drawer } from 'ant-design-vue'
+import type { DrawerInstance, DrawerProps } from './typing'
+import DrawerFooter from './components/DrawerFooter.vue'
+import DrawerHeader from './components/DrawerHeader.vue'
+import { basicProps } from './props'
+import { useI18n } from '@/hooks/web/useI18n'
+import { deepMerge } from '@/utils'
+import { ScrollContainer } from '@/components/Container'
+import { isFunction, isNumber } from '@/utils/is'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useAttrs } from '@/hooks/core/useAttrs'
+
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps(basicProps)
+const emit = defineEmits(['openChange', 'ok', 'close', 'register'])
+
+const openRef = ref(false)
+const attrs = useAttrs()
+const propsRef = ref<Partial<Nullable<DrawerProps>>>(null)
+
+const { t } = useI18n()
+const { prefixVar, prefixCls } = useDesign('basic-drawer')
+
+const drawerInstance: DrawerInstance = {
+  setDrawerProps,
+  emitOpen: undefined,
+}
+
+const instance = getCurrentInstance()
+
+instance && emit('register', drawerInstance, instance.uid)
+
+const getMergeProps = computed((): DrawerProps => {
+  return deepMerge(toRaw(props), unref(propsRef))
+})
+
+const getProps = computed((): DrawerProps => {
+  const opt = {
+    placement: 'right',
+    ...unref(attrs),
+    ...unref(getMergeProps),
+    open: unref(openRef),
+  }
+  opt.title = undefined
+  const { isDetail, width, wrapClassName, getContainer } = opt
+  if (isDetail) {
+    if (!width)
+      opt.width = '100%'
+
+    const detailCls = `${prefixCls}__detail`
+    opt.rootClassName = wrapClassName ? `${wrapClassName} ${detailCls}` : detailCls
+
+    if (!getContainer)
+      opt.getContainer = `.${prefixVar}-layout-content` as any
+  }
+  return opt as DrawerProps
+})
+
+const getBindValues = computed((): DrawerProps => {
+  return {
+    ...attrs,
+    ...unref(getProps),
+  }
+})
+
+// Custom implementation of the bottom button,
+const getFooterHeight = computed(() => {
+  const { footerHeight, showFooter } = unref(getProps)
+  if (showFooter && footerHeight)
+    return isNumber(footerHeight) ? `${footerHeight}px` : `${footerHeight.replace('px', '')}px`
+
+  return '0px'
+})
+
+const getScrollContentStyle = computed((): CSSProperties => {
+  const footerHeight = unref(getFooterHeight)
+  return {
+    position: 'relative',
+    height: `calc(100% - ${footerHeight})`,
+  }
+})
+
+const getLoading = computed(() => {
+  return !!unref(getProps)?.loading
+})
+
+watch(
+  () => props.open,
+  (newVal, oldVal) => {
+    if (newVal !== oldVal)
+      openRef.value = newVal
+  },
+  { deep: true },
+)
+
+watch(
+  () => openRef.value,
+  (open) => {
+    nextTick(() => {
+      emit('openChange', open)
+      instance && drawerInstance.emitOpen?.(open, instance.uid)
+    })
+  },
+)
+
+// Cancel event
+async function onClose(e: Recordable) {
+  const { closeFunc } = unref(getProps)
+  emit('close', e)
+  if (closeFunc && isFunction(closeFunc)) {
+    const res = await closeFunc()
+    openRef.value = !res
+    return
+  }
+  openRef.value = false
+}
+
+function setDrawerProps(props: Partial<DrawerProps>): void {
+  // Keep the last setDrawerProps
+  propsRef.value = deepMerge(unref(propsRef) || ({} as any), props)
+
+  if (Reflect.has(props, 'open'))
+    openRef.value = !!props.open
+}
+
+function handleOk() {
+  emit('ok')
+}
+</script>
+
+<template>
+  <Drawer :root-class-name="prefixCls" v-bind="getBindValues" @close="onClose">
+    <template v-if="!$slots.title" #title>
+      <DrawerHeader
+        :title="getMergeProps.title as any" :is-detail="isDetail" :show-detail-back="showDetailBack"
+        @close="onClose"
+      >
+        <template #titleToolbar>
+          <slot name="titleToolbar" />
+        </template>
+      </DrawerHeader>
+    </template>
+    <template v-else #title>
+      <slot name="title" />
+    </template>
+
+    <ScrollContainer
+      v-loading="getLoading" :style="getScrollContentStyle"
+      :loading-tip="loadingText || t('common.loadingText')"
+    >
+      <slot />
+    </ScrollContainer>
+    <DrawerFooter v-bind="getProps" :height="getFooterHeight" @close="onClose" @ok="handleOk">
+      <template v-for="item in Object.keys($slots)" #[item]="data">
+        <slot :name="item" v-bind="data || {}" />
+      </template>
+    </DrawerFooter>
+  </Drawer>
+</template>
+
+<style lang="less">
+@header-height: 60px;
+@detail-header-height: 40px;
+@prefix-cls: ~'@{namespace}-basic-drawer';
+@prefix-cls-detail: ~'@{namespace}-basic-drawer__detail';
+
+.@{prefix-cls} {
+  .ant-drawer-wrapper-body {
+    overflow: hidden;
+  }
+
+  .ant-drawer-body {
+    height: calc(100% - @header-height);
+    padding: 0;
+    background-color: var(--component-background);
+
+    .scrollbar__wrap {
+      padding: 16px !important;
+      margin-bottom: 0 !important;
+    }
+
+    >.scrollbar>.scrollbar__bar.is-horizontal {
+      display: none;
+    }
+  }
+}
+
+.@{prefix-cls-detail} {
+  position: absolute;
+
+  .ant-drawer-header {
+    box-sizing: border-box;
+    width: 100%;
+    height: @detail-header-height;
+    padding: 0;
+    border-top: 1px solid;
+  }
+
+  .ant-drawer-title {
+    height: 100%;
+  }
+
+  .ant-drawer-close {
+    height: @detail-header-height;
+    line-height: @detail-header-height;
+  }
+
+  .scrollbar__wrap {
+    padding: 0 !important;
+  }
+
+  .ant-drawer-body {
+    height: calc(100% - @detail-header-height);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerFooter.vue b/yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerFooter.vue
new file mode 100644
index 0000000..cd780b9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerFooter.vue
@@ -0,0 +1,59 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed } from 'vue'
+import { footerProps } from '../props'
+
+defineOptions({ name: 'BasicDrawerFooter' })
+
+const props = defineProps({
+  ...footerProps,
+  height: {
+    type: String,
+    default: '60px',
+  },
+})
+const emit = defineEmits(['ok', 'close'])
+
+const getStyle = computed((): CSSProperties => {
+  const heightStr = `${props.height}`
+  return {
+    height: heightStr,
+    lineHeight: `calc(${heightStr} - 1px)`,
+  }
+})
+
+function handleOk() {
+  emit('ok')
+}
+
+function handleClose() {
+  emit('close')
+}
+</script>
+
+<template>
+  <div
+    v-if="showFooter || $slots.footer"
+    class="absolute bottom-0 w-full border-t-1 border-light-200 bg-white pl-5 pr-3 dark:bg-dark"
+    :style="getStyle"
+  >
+    <template v-if="!$slots.footer">
+      <slot name="insertFooter" />
+      <a-button v-if="showCancelBtn" v-bind="cancelButtonProps" class="mr-2" @click="handleClose">
+        {{ cancelText }}
+      </a-button>
+      <slot name="centerFooter" />
+      <a-button
+        v-if="showOkBtn" :type="okType" v-bind="okButtonProps" class="mr-2" :loading="confirmLoading"
+        @click="handleOk"
+      >
+        {{ okText }}
+      </a-button>
+      <slot name="appendFooter" />
+    </template>
+
+    <template v-else>
+      <slot name="footer" />
+    </template>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerHeader.vue b/yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerHeader.vue
new file mode 100644
index 0000000..074eb25
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/src/components/DrawerHeader.vue
@@ -0,0 +1,38 @@
+<script lang="ts" setup>
+import { ArrowLeftOutlined } from '@ant-design/icons-vue'
+import { BasicTitle } from '@/components/Basic'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'BasicDrawerHeader' })
+
+defineProps({
+  isDetail: propTypes.bool,
+  showDetailBack: propTypes.bool,
+  title: propTypes.string,
+})
+const emit = defineEmits(['close'])
+
+function handleClose() {
+  emit('close')
+}
+</script>
+
+<template>
+  <BasicTitle v-if="!isDetail" class="h-full flex items-center">
+    <slot name="title" />
+    {{ !$slots.title ? title : '' }}
+  </BasicTitle>
+
+  <div v-else>
+    <span class="flex-1">
+      <span v-if="showDetailBack" @click="handleClose">
+        <ArrowLeftOutlined class="cursor-pointer px-3" />
+      </span>
+      <span v-if="title">{{ title }}</span>
+    </span>
+
+    <span class="pr-12.5">
+      <slot name="titleToolbar" />
+    </span>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/src/props.ts b/yunxi-ui-admin-vben/src/components/Drawer/src/props.ts
new file mode 100644
index 0000000..9aba69e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/src/props.ts
@@ -0,0 +1,43 @@
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+export const footerProps = {
+  confirmLoading: { type: Boolean },
+  /**
+   * @description: Show close button
+   */
+  showCancelBtn: { type: Boolean, default: true },
+  cancelButtonProps: Object as PropType<Recordable>,
+  cancelText: { type: String, default: t('common.cancelText') },
+  /**
+   * @description: Show confirmation button
+   */
+  showOkBtn: { type: Boolean, default: true },
+  okButtonProps: Object as PropType<Recordable>,
+  okText: { type: String, default: t('common.okText') },
+  okType: { type: String, default: 'primary' },
+  showFooter: { type: Boolean },
+  footerHeight: {
+    type: [String, Number] as PropType<string | number>,
+    default: 60,
+  },
+}
+export const basicProps = {
+  isDetail: { type: Boolean },
+  title: { type: String, default: '' },
+  loadingText: { type: String },
+  showDetailBack: { type: Boolean, default: true },
+  open: { type: Boolean },
+  loading: { type: Boolean },
+  maskClosable: { type: Boolean, default: true },
+  getContainer: {
+    type: [Object, String] as PropType<any>,
+  },
+  closeFunc: {
+    type: [Function, Object] as PropType<any>,
+    default: null,
+  },
+  destroyOnClose: { type: Boolean },
+  ...footerProps,
+}
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/src/typing.ts b/yunxi-ui-admin-vben/src/components/Drawer/src/typing.ts
new file mode 100644
index 0000000..43af292
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/src/typing.ts
@@ -0,0 +1,194 @@
+import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes'
+import type { CSSProperties, ComputedRef, VNodeChild } from 'vue'
+import type { ScrollContainerOptions } from '@/components/Container'
+
+export interface DrawerInstance {
+  setDrawerProps: (props: Partial<DrawerProps> | boolean) => void
+  emitOpen?: (open: boolean, uid: number) => void
+}
+
+export interface ReturnMethods extends DrawerInstance {
+  openDrawer: <T = any>(open?: boolean, data?: T, openOnSet?: boolean) => void
+  closeDrawer: () => void
+  getOpen?: ComputedRef<boolean>
+}
+
+export type RegisterFn = (drawerInstance: DrawerInstance, uuid?: string) => void
+
+export interface ReturnInnerMethods extends DrawerInstance {
+  closeDrawer: () => void
+  changeLoading: (loading: boolean) => void
+  changeOkLoading: (loading: boolean) => void
+  getOpen?: ComputedRef<boolean>
+}
+
+export type UseDrawerReturnType = [RegisterFn, ReturnMethods]
+
+export type UseDrawerInnerReturnType = [RegisterFn, ReturnInnerMethods]
+
+export interface DrawerFooterProps {
+  showOkBtn: boolean
+  showCancelBtn: boolean
+  /**
+   * Text of the Cancel button
+   * @default 'cancel'
+   * @type string
+   */
+  cancelText: string
+  /**
+   * Text of the OK button
+   * @default 'OK'
+   * @type string
+   */
+  okText: string
+
+  /**
+   * Button type of the OK button
+   * @default 'primary'
+   * @type string
+   */
+  okType: 'primary' | 'danger' | 'dashed' | 'ghost' | 'default'
+  /**
+   * The ok button props, follow jsx rules
+   * @type object
+   */
+  okButtonProps: { props: ButtonProps; on: object }
+
+  /**
+   * The cancel button props, follow jsx rules
+   * @type object
+   */
+  cancelButtonProps: { props: ButtonProps; on: object }
+  /**
+   * Whether to apply loading visual effect for OK button or not
+   * @default false
+   * @type boolean
+   */
+  confirmLoading: boolean
+
+  showFooter: boolean
+  footerHeight: string | number
+}
+export interface DrawerProps extends DrawerFooterProps {
+  isDetail?: boolean
+  loading?: boolean
+  showDetailBack?: boolean
+  open?: boolean
+  /**
+   * Built-in ScrollContainer component configuration
+   * @type ScrollContainerOptions
+   */
+  scrollOptions?: ScrollContainerOptions
+  closeFunc?: () => Promise<any>
+  triggerWindowResize?: boolean
+  /**
+   * Whether a close (x) button is open on top right of the Drawer dialog or not.
+   * @default true
+   * @type boolean
+   */
+  closable?: boolean
+
+  /**
+   * Whether to unmount child components on closing drawer or not.
+   * @default false
+   * @type boolean
+   */
+  destroyOnClose?: boolean
+
+  /**
+   * Return the mounted node for Drawer.
+   * @default 'body'
+   * @type any ( HTMLElement| () => HTMLElement | string)
+   */
+  getContainer?: () => HTMLElement | string
+
+  /**
+   * Whether to show mask or not.
+   * @default true
+   * @type boolean
+   */
+  mask?: boolean
+
+  /**
+   * Clicking on the mask (area outside the Drawer) to close the Drawer or not.
+   * @default true
+   * @type boolean
+   */
+  maskClosable?: boolean
+
+  /**
+   * Style for Drawer's mask element.
+   * @default {}
+   * @type object
+   */
+  maskStyle?: CSSProperties
+
+  /**
+   * The title for Drawer.
+   * @type any (string | slot)
+   */
+  title?: VNodeChild | JSX.Element
+  /**
+   * The class name of the container of the Drawer dialog.
+   * @type string
+   */
+  wrapClassName?: string
+  class?: string
+  rootClassName?: string
+  /**
+   * Style of wrapper element which **contains mask** compare to `drawerStyle`
+   * @type object
+   */
+  wrapStyle?: CSSProperties
+
+  /**
+   * Style of the popup layer element
+   * @type object
+   */
+  drawerStyle?: CSSProperties
+
+  /**
+   * Style of floating layer, typically used for adjusting its position.
+   * @type object
+   */
+  bodyStyle?: CSSProperties
+  headerStyle?: CSSProperties
+
+  /**
+   * Width of the Drawer dialog.
+   * @default 256
+   * @type string | number
+   */
+  width?: string | number
+
+  /**
+   * placement is top or bottom, height of the Drawer dialog.
+   * @type string | number
+   */
+  height?: string | number
+
+  /**
+   * The z-index of the Drawer.
+   * @default 1000
+   * @type number
+   */
+  zIndex?: number
+
+  /**
+   * The placement of the Drawer.
+   * @default 'right'
+   * @type string
+   */
+  placement?: 'top' | 'right' | 'bottom' | 'left'
+  afterOpenChange?: (open?: boolean) => void
+  keyboard?: boolean
+  /**
+   * Specify a callback that will be called when a user clicks mask, close button or Cancel button.
+   */
+  onClose?: (e?: Event) => void
+}
+export interface DrawerActionType {
+  scrollBottom: () => void
+  scrollTo: (to: number) => void
+  getScrollWrap: () => Element | null
+}
diff --git a/yunxi-ui-admin-vben/src/components/Drawer/src/useDrawer.ts b/yunxi-ui-admin-vben/src/components/Drawer/src/useDrawer.ts
new file mode 100644
index 0000000..6b6adab
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Drawer/src/useDrawer.ts
@@ -0,0 +1,147 @@
+import { computed, getCurrentInstance, nextTick, reactive, ref, toRaw, unref, watchEffect } from 'vue'
+import { tryOnUnmounted } from '@vueuse/core'
+import { isEqual } from 'lodash-es'
+import type { DrawerInstance, DrawerProps, ReturnMethods, UseDrawerInnerReturnType, UseDrawerReturnType } from './typing'
+import { isProdMode } from '@/utils/env'
+import { isFunction } from '@/utils/is'
+import { error } from '@/utils/log'
+
+const dataTransferRef = reactive<any>({})
+
+const openData = reactive<{ [key: number]: boolean }>({})
+
+/**
+ * @description: Applicable to separate drawer and call outside
+ */
+export function useDrawer(): UseDrawerReturnType {
+  if (!getCurrentInstance())
+    throw new Error('useDrawer() can only be used inside setup() or functional components!')
+
+  const drawer = ref<DrawerInstance | null>(null)
+  const loaded = ref<Nullable<boolean>>(false)
+  const uid = ref<string>('')
+
+  function register(drawerInstance: DrawerInstance, uuid: string) {
+    isProdMode()
+      && tryOnUnmounted(() => {
+        drawer.value = null
+        loaded.value = null
+        dataTransferRef[unref(uid)] = null
+      })
+
+    if (unref(loaded) && isProdMode() && drawerInstance === unref(drawer))
+      return
+
+    uid.value = uuid
+    drawer.value = drawerInstance
+    loaded.value = true
+
+    drawerInstance.emitOpen = (open: boolean, uid: number) => {
+      openData[uid] = open
+    }
+  }
+
+  const getInstance = () => {
+    const instance = unref(drawer)
+    if (!instance)
+      error('useDrawer instance is undefined!')
+
+    return instance
+  }
+
+  const methods: ReturnMethods = {
+    setDrawerProps: (props: Partial<DrawerProps>): void => {
+      getInstance()?.setDrawerProps(props)
+    },
+
+    getOpen: computed((): boolean => {
+      return openData[~~unref(uid)]
+    }),
+
+    openDrawer: <T = any>(open = true, data?: T, openOnSet = true): void => {
+      getInstance()?.setDrawerProps({
+        open,
+      })
+      if (!data)
+        return
+
+      if (openOnSet) {
+        dataTransferRef[unref(uid)] = null
+        dataTransferRef[unref(uid)] = toRaw(data)
+        return
+      }
+      const equal = isEqual(toRaw(dataTransferRef[unref(uid)]), toRaw(data))
+      if (!equal)
+        dataTransferRef[unref(uid)] = toRaw(data)
+    },
+    closeDrawer: () => {
+      getInstance()?.setDrawerProps({ open: false })
+    },
+  }
+
+  return [register, methods]
+}
+
+export function useDrawerInner(callbackFn?: Fn): UseDrawerInnerReturnType {
+  const drawerInstanceRef = ref<Nullable<DrawerInstance>>(null)
+  const currentInstance = getCurrentInstance()
+  const uidRef = ref<string>('')
+
+  if (!getCurrentInstance())
+    throw new Error('useDrawerInner() can only be used inside setup() or functional components!')
+
+  const getInstance = () => {
+    const instance = unref(drawerInstanceRef)
+    if (!instance) {
+      error('useDrawerInner instance is undefined!')
+      return
+    }
+    return instance
+  }
+
+  const register = (modalInstance: DrawerInstance, uuid: string) => {
+    isProdMode()
+      && tryOnUnmounted(() => {
+        drawerInstanceRef.value = null
+      })
+
+    uidRef.value = uuid
+    drawerInstanceRef.value = modalInstance
+    currentInstance?.emit('register', modalInstance, uuid)
+  }
+
+  watchEffect(() => {
+    const data = dataTransferRef[unref(uidRef)]
+    if (!data)
+      return
+    if (!callbackFn || !isFunction(callbackFn))
+      return
+    nextTick(() => {
+      callbackFn(data)
+    })
+  })
+
+  return [
+    register,
+    {
+      changeLoading: (loading = true) => {
+        getInstance()?.setDrawerProps({ loading })
+      },
+
+      changeOkLoading: (loading = true) => {
+        getInstance()?.setDrawerProps({ confirmLoading: loading })
+      },
+      getOpen: computed((): boolean => {
+        return openData[~~unref(uidRef)]
+      }),
+
+      closeDrawer: () => {
+        getInstance()?.setDrawerProps({ open: false })
+      },
+
+      setDrawerProps: (props: Partial<DrawerProps>) => {
+        getInstance()?.setDrawerProps(props)
+      },
+    },
+  ]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Dropdown/index.ts b/yunxi-ui-admin-vben/src/components/Dropdown/index.ts
new file mode 100644
index 0000000..68c76ac
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Dropdown/index.ts
@@ -0,0 +1,5 @@
+import dropdown from './src/Dropdown.vue'
+import { withInstall } from '@/utils'
+
+export * from './src/typing'
+export const Dropdown = withInstall(dropdown)
diff --git a/yunxi-ui-admin-vben/src/components/Dropdown/src/Dropdown.vue b/yunxi-ui-admin-vben/src/components/Dropdown/src/Dropdown.vue
new file mode 100644
index 0000000..212f4c1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Dropdown/src/Dropdown.vue
@@ -0,0 +1,87 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Dropdown, Menu, Popconfirm } from 'ant-design-vue'
+import { omit } from 'lodash-es'
+import type { DropMenu } from './typing'
+import { Icon } from '@/components/Icon'
+import { isFunction } from '@/utils/is'
+
+const props = defineProps({
+  popconfirm: Boolean,
+  /**
+   * the trigger mode which executes the drop-down action
+   * @default ['hover']
+   * @type string[]
+   */
+  trigger: {
+    type: Array as PropType<('contextmenu' | 'click' | 'hover')[]>,
+    default: () => {
+      return ['contextmenu']
+    },
+  },
+  dropMenuList: {
+    type: Array as PropType<(DropMenu & Recordable)[]>,
+    default: () => [],
+  },
+  selectedKeys: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+})
+const emit = defineEmits(['menuEvent'])
+const ADropdown = Dropdown
+const AMenu = Menu
+const AMenuItem = Menu.Item
+const AMenuDivider = Menu.Divider
+const APopconfirm = Popconfirm
+
+function handleClickMenu(item: DropMenu) {
+  const { event } = item
+  const menu = props.dropMenuList.find(item => `${item.event}` === `${event}`)
+  emit('menuEvent', menu)
+  item.onClick?.()
+}
+
+const getPopConfirmAttrs = computed(() => {
+  return (attrs) => {
+    const originAttrs = omit(attrs, ['confirm', 'cancel', 'icon'])
+    if (!attrs.onConfirm && attrs.confirm && isFunction(attrs.confirm))
+      originAttrs.onConfirm = attrs.confirm
+    if (!attrs.onCancel && attrs.cancel && isFunction(attrs.cancel))
+      originAttrs.onCancel = attrs.cancel
+    return originAttrs
+  }
+})
+
+const getAttr = (key: string | number) => ({ key })
+</script>
+
+<template>
+  <ADropdown :trigger="trigger" v-bind="$attrs">
+    <span>
+      <slot />
+    </span>
+    <template #overlay>
+      <AMenu :selected-keys="selectedKeys">
+        <template v-for="item in dropMenuList" :key="`${item.event}`">
+          <AMenuItem v-bind="getAttr(item.event)" :disabled="item.disabled" @click="handleClickMenu(item)">
+            <APopconfirm v-if="popconfirm && item.popConfirm" v-bind="getPopConfirmAttrs(item.popConfirm)" :disabled="item.disabled">
+              <template v-if="item.popConfirm.icon" #icon>
+                <Icon :icon="item.popConfirm.icon" />
+              </template>
+              <div>
+                <Icon v-if="item.icon" :icon="item.icon" />
+                <span class="ml-1">{{ item.text }}</span>
+              </div>
+            </APopconfirm>
+            <template v-else>
+              <Icon v-if="item.icon" :icon="item.icon" />
+              <span class="ml-1">{{ item.text }}</span>
+            </template>
+          </AMenuItem>
+          <AMenuDivider v-if="item.divider" :key="`d-${item.event}`" />
+        </template>
+      </AMenu>
+    </template>
+  </ADropdown>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Dropdown/src/typing.ts b/yunxi-ui-admin-vben/src/components/Dropdown/src/typing.ts
new file mode 100644
index 0000000..4ccead6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Dropdown/src/typing.ts
@@ -0,0 +1,9 @@
+export interface DropMenu {
+  onClick?: Fn
+  to?: string
+  icon?: string
+  event: string | number
+  text: string
+  disabled?: boolean
+  divider?: boolean
+}
diff --git a/yunxi-ui-admin-vben/src/components/Excel/index.ts b/yunxi-ui-admin-vben/src/components/Excel/index.ts
new file mode 100644
index 0000000..daa3d66
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Excel/index.ts
@@ -0,0 +1,8 @@
+import impExcel from './src/ImportExcel.vue'
+import expExcelModal from './src/ExportExcelModal.vue'
+import { withInstall } from '@/utils'
+
+export const ImpExcel = withInstall(impExcel)
+export const ExpExcelModal = withInstall(expExcelModal)
+export * from './src/typing'
+export { jsonToSheetXlsx, aoaToSheetXlsx } from './src/Export2Excel'
diff --git a/yunxi-ui-admin-vben/src/components/Excel/src/Export2Excel.ts b/yunxi-ui-admin-vben/src/components/Excel/src/Export2Excel.ts
new file mode 100644
index 0000000..14c8b3d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Excel/src/Export2Excel.ts
@@ -0,0 +1,75 @@
+import * as xlsx from 'xlsx'
+import type { WorkBook } from 'xlsx'
+import type { AoAToSheet, JsonToSheet } from './typing'
+
+const { utils, writeFile } = xlsx
+
+const DEF_FILE_NAME = 'excel-list.xlsx'
+
+/**
+ * @param data source data
+ * @param worksheet worksheet object
+ * @param min min width
+ */
+function setColumnWidth(data, worksheet, min = 3) {
+  const obj = {}
+  worksheet['!cols'] = []
+  data.forEach((item) => {
+    Object.keys(item).forEach((key) => {
+      const cur = item[key]
+      const length = cur?.length ?? min
+      obj[key] = Math.max(length, obj[key] ?? min)
+    })
+  })
+  Object.keys(obj).forEach((key) => {
+    worksheet['!cols'].push({
+      wch: obj[key],
+    })
+  })
+}
+
+export function jsonToSheetXlsx<T = any>({
+  data,
+  header,
+  filename = DEF_FILE_NAME,
+  json2sheetOpts = {},
+  write2excelOpts = { bookType: 'xlsx' },
+}: JsonToSheet<T>) {
+  const arrData = [...data]
+  if (header) {
+    arrData.unshift(header)
+    json2sheetOpts.skipHeader = true
+  }
+
+  const worksheet = utils.json_to_sheet(arrData, json2sheetOpts)
+  setColumnWidth(arrData, worksheet)
+  /* add worksheet to workbook */
+  const workbook: WorkBook = {
+    SheetNames: [filename],
+    Sheets: {
+      [filename]: worksheet,
+    },
+  }
+  /* output format determined by filename */
+  writeFile(workbook, filename, write2excelOpts)
+  /* at this point, out.xlsb will have been downloaded */
+}
+
+export function aoaToSheetXlsx<T = any>({ data, header, filename = DEF_FILE_NAME, write2excelOpts = { bookType: 'xlsx' } }: AoAToSheet<T>) {
+  const arrData = [...data]
+  if (header)
+    arrData.unshift(header)
+
+  const worksheet = utils.aoa_to_sheet(arrData)
+
+  /* add worksheet to workbook */
+  const workbook: WorkBook = {
+    SheetNames: [filename],
+    Sheets: {
+      [filename]: worksheet,
+    },
+  }
+  /* output format determined by filename */
+  writeFile(workbook, filename, write2excelOpts)
+  /* at this point, out.xlsb will have been downloaded */
+}
diff --git a/yunxi-ui-admin-vben/src/components/Excel/src/ExportExcelModal.vue b/yunxi-ui-admin-vben/src/components/Excel/src/ExportExcelModal.vue
new file mode 100644
index 0000000..7d01761
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Excel/src/ExportExcelModal.vue
@@ -0,0 +1,67 @@
+<script lang="ts" setup>
+import type { ExportModalResult } from './typing'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const schemas: FormSchema[] = [
+  {
+    field: 'filename',
+    component: 'Input',
+    label: t('component.excel.fileName'),
+    rules: [{ required: true }],
+  },
+  {
+    field: 'bookType',
+    component: 'Select',
+    label: t('component.excel.fileType'),
+    defaultValue: 'xlsx',
+    rules: [{ required: true }],
+    componentProps: {
+      options: [
+        {
+          label: 'xlsx',
+          value: 'xlsx',
+          key: 'xlsx',
+        },
+        {
+          label: 'html',
+          value: 'html',
+          key: 'html',
+        },
+        {
+          label: 'csv',
+          value: 'csv',
+          key: 'csv',
+        },
+        {
+          label: 'txt',
+          value: 'txt',
+          key: 'txt',
+        },
+      ],
+    },
+  },
+]
+const [registerForm, { validateFields }] = useForm()
+const [registerModal, { closeModal }] = useModalInner()
+
+async function handleOk() {
+  const res = (await validateFields()) as ExportModalResult
+  const { filename, bookType } = res
+  emit('success', {
+    filename: `${filename.split('.').shift()}.${bookType}`,
+    bookType,
+  })
+  closeModal()
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="t('component.excel.exportModalTitle')" @ok="handleOk" @register="registerModal">
+    <BasicForm :label-width="100" :schemas="schemas" :show-action-button-group="false" @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Excel/src/ImportExcel.vue b/yunxi-ui-admin-vben/src/components/Excel/src/ImportExcel.vue
new file mode 100644
index 0000000..8c430af
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Excel/src/ImportExcel.vue
@@ -0,0 +1,219 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import * as XLSX from 'xlsx'
+import type { ExcelData } from './typing'
+import { dateUtil } from '@/utils/dateUtil'
+
+defineOptions({ name: 'ImportExcel' })
+
+const props = defineProps({
+  // 日期时间格式。如果不提供或者提供空值，将返回原始Date对象
+  dateFormat: {
+    type: String,
+  },
+  // 时区调整。实验性功能，仅为了解决读取日期时间值有偏差的问题。目前仅提供了+08:00时区的偏差修正值
+  // https://github.com/SheetJS/sheetjs/issues/1470#issuecomment-501108554
+  timeZone: {
+    type: Number,
+    default: 8,
+  },
+  // 是否直接返回选中文件
+  isReturnFile: {
+    type: Boolean,
+    default: false,
+  },
+})
+const emit = defineEmits(['success', 'error', 'cancel'])
+
+const inputRef = ref<HTMLInputElement | null>(null)
+const loadingRef = ref<boolean>(false)
+const cancelRef = ref<boolean>(true)
+
+function shapeWorkSheel(sheet: XLSX.WorkSheet, range: XLSX.Range) {
+  let str = ' '
+  let char = 65
+  let customWorkSheet = {
+    t: 's',
+    v: str,
+    r: '<t> </t><phoneticPr fontId="1" type="noConversion"/>',
+    h: str,
+    w: str,
+  }
+  if (!sheet || !sheet['!ref'])
+    return []
+  let c = 0
+  let r = 1
+  while (c < range.e.c + 1) {
+    while (r < range.e.r + 1) {
+      if (!sheet[String.fromCharCode(char) + r])
+        sheet[String.fromCharCode(char) + r] = customWorkSheet
+
+      r++
+    }
+    r = 1
+    str += ' '
+    customWorkSheet = {
+      t: 's',
+      v: str,
+      r: '<t> </t><phoneticPr fontId="1" type="noConversion"/>',
+      h: str,
+      w: str,
+    }
+    c++
+    char++
+  }
+}
+
+/**
+ * @description: 第一行作为头部
+ */
+function getHeaderRow(sheet: XLSX.WorkSheet) {
+  if (!sheet || !sheet['!ref'])
+    return []
+  const headers: string[] = []
+  // A3:B7=>{s:{c:0, r:2}, e:{c:1, r:6}}
+  const range = XLSX.utils.decode_range(sheet['!ref'])
+  shapeWorkSheel(sheet, range)
+
+  const R = range.s.r
+  /* start in the first row */
+  for (let C = range.s.c; C <= range.e.c; ++C) {
+    /* walk every column in the range */
+    const cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })]
+    /* find the cell in the first row */
+    let hdr = `UNKNOWN ${C}` // <-- replace with your desired default
+    if (cell && cell.t)
+      hdr = XLSX.utils.format_cell(cell)
+    headers.push(hdr)
+  }
+  return headers
+}
+
+/**
+ * @description: 获得excel数据
+ */
+function getExcelData(workbook: XLSX.WorkBook) {
+  const excelData: ExcelData[] = []
+  const { dateFormat, timeZone } = props
+  for (const sheetName of workbook.SheetNames) {
+    const worksheet = workbook.Sheets[sheetName]
+    const header: string[] = getHeaderRow(worksheet)
+    let results = XLSX.utils.sheet_to_json(worksheet, {
+      raw: true,
+      dateNF: dateFormat, // Not worked
+    }) as object[]
+    results = results.map((row: object) => {
+      for (const field in row) {
+        if (row[field] instanceof Date) {
+          if (timeZone === 8)
+            row[field].setSeconds(row[field].getSeconds() + 43)
+
+          if (dateFormat)
+            row[field] = dateUtil(row[field]).format(dateFormat)
+        }
+      }
+      return row
+    })
+
+    excelData.push({
+      header,
+      results,
+      meta: {
+        sheetName,
+      },
+    })
+  }
+  return excelData
+}
+
+/**
+ * @description: 读取excel数据
+ */
+function readerData(rawFile: File) {
+  loadingRef.value = true
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onload = async (e) => {
+      try {
+        const data = e.target && e.target.result
+        const workbook = XLSX.read(data, { type: 'array', cellDates: true })
+        /* DO SOMETHING WITH workbook HERE */
+        const excelData = getExcelData(workbook)
+        emit('success', excelData)
+        resolve('')
+      }
+      catch (error) {
+        reject(error)
+        emit('error')
+      }
+      finally {
+        loadingRef.value = false
+      }
+    }
+    reader.readAsArrayBuffer(rawFile)
+  })
+}
+
+async function upload(rawFile: File) {
+  const inputRefDom = unref(inputRef)
+  if (inputRefDom) {
+    // fix can't select the same excel
+    inputRefDom.value = ''
+  }
+  await readerData(rawFile)
+}
+
+/**
+ * @description: 触发选择文件管理器
+ */
+function handleInputClick(e: Event) {
+  const target = e && (e.target as HTMLInputElement)
+  const files = target?.files
+  const rawFile = files && files[0] // only setting files[0]
+  target.value = ''
+  if (!rawFile)
+    return
+
+  cancelRef.value = false
+
+  if (props.isReturnFile) {
+    emit('success', rawFile)
+    return
+  }
+  upload(rawFile)
+}
+
+/**
+ * @description 文件选择器关闭后,判断取消状态
+ */
+function handleFocusChange() {
+  const timeId = setInterval(() => {
+    if (cancelRef.value === true)
+      emit('cancel')
+
+    clearInterval(timeId)
+    window.removeEventListener('focus', handleFocusChange)
+  }, 1000)
+}
+
+/**
+ * @description: 点击上传按钮
+ */
+function handleUpload() {
+  const inputRefDom = unref(inputRef)
+  if (inputRefDom) {
+    cancelRef.value = true
+    inputRefDom.click()
+    window.addEventListener('focus', handleFocusChange)
+  }
+}
+</script>
+
+<template>
+  <div>
+    <input v-show="false" ref="inputRef" type="file" accept=".xlsx, .xls" @change="handleInputClick">
+    <div @click="handleUpload">
+      <slot />
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Excel/src/typing.ts b/yunxi-ui-admin-vben/src/components/Excel/src/typing.ts
new file mode 100644
index 0000000..061db4b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Excel/src/typing.ts
@@ -0,0 +1,27 @@
+import type { BookType, JSON2SheetOpts, WritingOptions } from 'xlsx'
+
+export interface ExcelData<T = any> {
+  header: string[]
+  results: T[]
+  meta: { sheetName: string }
+}
+
+export interface JsonToSheet<T = any> {
+  data: T[]
+  header?: T
+  filename?: string
+  json2sheetOpts?: JSON2SheetOpts
+  write2excelOpts?: WritingOptions
+}
+
+export interface AoAToSheet<T = any> {
+  data: T[][]
+  header?: T[]
+  filename?: string
+  write2excelOpts?: WritingOptions
+}
+
+export interface ExportModalResult {
+  filename: string
+  bookType: BookType
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/index.ts b/yunxi-ui-admin-vben/src/components/Form/index.ts
new file mode 100644
index 0000000..eb7b797
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/index.ts
@@ -0,0 +1,17 @@
+import BasicForm from './src/BasicForm.vue'
+
+export * from './src/types/form'
+export * from './src/types/formItem'
+
+export { useComponentRegister } from './src/hooks/useComponentRegister'
+export { useForm } from './src/hooks/useForm'
+
+export { default as ApiSelect } from './src/components/ApiSelect.vue'
+export { default as RadioButtonGroup } from './src/components/RadioButtonGroup.vue'
+export { default as ApiTreeSelect } from './src/components/ApiTreeSelect.vue'
+export { default as ApiTree } from './src/components/ApiTree.vue'
+export { default as ApiRadioGroup } from './src/components/ApiRadioGroup.vue'
+export { default as ApiCascader } from './src/components/ApiCascader.vue'
+export { default as ApiTransfer } from './src/components/ApiTransfer.vue'
+
+export { BasicForm }
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/BasicForm.vue b/yunxi-ui-admin-vben/src/components/Form/src/BasicForm.vue
new file mode 100644
index 0000000..520b6d1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/BasicForm.vue
@@ -0,0 +1,322 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { computed, nextTick, onMounted, reactive, ref, unref, useAttrs, watch } from 'vue'
+import { Form, Row } from 'ant-design-vue'
+import { useDebounceFn } from '@vueuse/core'
+import { cloneDeep } from 'lodash-es'
+import type { FormActionType, FormProps, FormSchema } from './types/form'
+import type { AdvanceState } from './types/hooks'
+
+import FormItem from './components/FormItem.vue'
+import FormAction from './components/FormAction.vue'
+
+import { dateItemType } from './helper'
+import { useFormValues } from './hooks/useFormValues'
+import useAdvanced from './hooks/useAdvanced'
+import { useFormEvents } from './hooks/useFormEvents'
+import { createFormContext } from './hooks/useFormContext'
+import { useAutoFocus } from './hooks/useAutoFocus'
+import { basicProps } from './props'
+import { dateUtil } from '@/utils/dateUtil'
+
+// import { cloneDeep } from 'lodash-es';
+import { deepMerge } from '@/utils'
+
+import { useModalContext } from '@/components/Modal'
+
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'BasicForm' })
+
+const props = defineProps(basicProps)
+const emit = defineEmits(['advanced-change', 'reset', 'submit', 'register', 'field-value-change'])
+const attrs = useAttrs()
+const formModel = reactive<Recordable>({})
+const modalFn = useModalContext()
+
+const advanceState = reactive<AdvanceState>({
+  isAdvanced: true,
+  hideAdvanceBtn: false,
+  isLoad: false,
+  actionSpan: 6,
+})
+
+const defaultValueRef = ref<Recordable>({})
+const isInitedDefaultRef = ref(false)
+const propsRef = ref<Partial<FormProps>>({})
+const schemaRef = ref<Nullable<FormSchema[]>>(null)
+const formElRef = ref<Nullable<FormActionType>>(null)
+
+const { prefixCls } = useDesign('basic-form')
+
+// Get the basic configuration of the form
+const getProps = computed((): FormProps => {
+  return { ...props, ...unref(propsRef) } as FormProps
+})
+
+const getFormClass = computed(() => {
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--compact`]: unref(getProps).compact,
+    },
+  ]
+})
+
+// Get uniform row style and Row configuration for the entire form
+const getRow = computed((): Recordable => {
+  const { baseRowStyle = {}, rowProps } = unref(getProps)
+  return {
+    style: baseRowStyle,
+    ...rowProps,
+  }
+})
+
+const getBindValue = computed(() => ({ ...attrs, ...props, ...unref(getProps) }) as Recordable)
+
+const getSchema = computed((): FormSchema[] => {
+  const schemas: FormSchema[] = unref(schemaRef) || (unref(getProps).schemas as any)
+  for (const schema of schemas) {
+    const { defaultValue, component, isHandleDateDefaultValue = true } = schema
+    // handle date type
+    if (isHandleDateDefaultValue && defaultValue && dateItemType.includes(component)) {
+      if (!Array.isArray(defaultValue)) {
+        schema.defaultValue = dateUtil(defaultValue)
+      }
+      else {
+        const def: any[] = []
+        defaultValue.forEach((item) => {
+          def.push(dateUtil(item))
+        })
+        schema.defaultValue = def
+      }
+    }
+  }
+  if (unref(getProps).showAdvancedButton)
+    return cloneDeep(schemas.filter(schema => schema.component !== 'Divider') as FormSchema[])
+  else
+    return cloneDeep(schemas as FormSchema[])
+})
+
+const { handleToggleAdvanced, fieldsIsAdvancedMap } = useAdvanced({
+  advanceState,
+  emit,
+  getProps,
+  getSchema,
+  formModel,
+  defaultValueRef,
+})
+
+const { handleFormValues, initDefault } = useFormValues({
+  getProps,
+  defaultValueRef,
+  getSchema,
+  formModel,
+})
+
+useAutoFocus({
+  getSchema,
+  getProps,
+  isInitedDefault: isInitedDefaultRef,
+  formElRef: formElRef as Ref<FormActionType>,
+})
+
+const {
+  handleSubmit,
+  setFieldsValue,
+  clearValidate,
+  validate,
+  validateFields,
+  getFieldsValue,
+  updateSchema,
+  resetSchema,
+  appendSchemaByField,
+  removeSchemaByField,
+  resetFields,
+  scrollToField,
+} = useFormEvents({
+  emit,
+  getProps,
+  formModel,
+  getSchema,
+  defaultValueRef,
+  formElRef: formElRef as Ref<FormActionType>,
+  schemaRef: schemaRef as Ref<FormSchema[]>,
+  handleFormValues,
+})
+
+createFormContext({
+  resetAction: resetFields,
+  submitAction: handleSubmit,
+})
+
+watch(
+  () => unref(getProps).model,
+  () => {
+    const { model } = unref(getProps)
+    if (!model)
+      return
+    setFieldsValue(model)
+  },
+  {
+    immediate: true,
+  },
+)
+
+watch(
+  () => unref(getProps).schemas,
+  (schemas) => {
+    resetSchema(schemas ?? [])
+  },
+)
+
+watch(
+  () => getSchema.value,
+  (schema) => {
+    nextTick(() => {
+      //  Solve the problem of modal adaptive height calculation when the form is placed in the modal
+      modalFn?.redoModalHeight?.()
+    })
+    if (unref(isInitedDefaultRef))
+      return
+
+    if (schema?.length) {
+      initDefault()
+      isInitedDefaultRef.value = true
+    }
+  },
+)
+
+watch(
+  () => formModel,
+  useDebounceFn(() => {
+    unref(getProps).submitOnChange && handleSubmit()
+  }, 300),
+  { deep: true },
+)
+
+async function setProps(formProps: Partial<FormProps>): Promise<void> {
+  propsRef.value = deepMerge(unref(propsRef) || {}, formProps)
+}
+
+function setFormModel(key: string, value: any, schema: FormSchema) {
+  formModel[key] = value
+  emit('field-value-change', key, value)
+  // TODO 优化验证，这里如果是autoLink=false手动关联的情况下才会再次触发此函数
+  if (schema && schema.itemProps && !schema.itemProps.autoLink)
+    validateFields([key]).catch((_) => {})
+}
+
+function handleEnterPress(e: KeyboardEvent) {
+  const { autoSubmitOnEnter } = unref(getProps)
+  if (!autoSubmitOnEnter)
+    return
+  if (e.key === 'Enter' && e.target && e.target instanceof HTMLElement) {
+    const target: HTMLElement = e.target as HTMLElement
+    if (target && target.tagName && target.tagName.toUpperCase() === 'INPUT')
+      handleSubmit()
+  }
+}
+
+const formActionType: Partial<FormActionType> = {
+  getFieldsValue,
+  setFieldsValue,
+  resetFields,
+  updateSchema,
+  resetSchema,
+  setProps,
+  removeSchemaByField,
+  appendSchemaByField,
+  clearValidate,
+  validateFields,
+  validate,
+  submit: handleSubmit,
+  scrollToField,
+}
+
+onMounted(() => {
+  initDefault()
+  emit('register', formActionType)
+})
+
+const getFormActionBindProps = computed((): Recordable => ({ ...getProps.value, ...advanceState }))
+</script>
+
+<template>
+  <Form v-bind="getBindValue" ref="formElRef" :class="getFormClass" :model="formModel" @keypress.enter="handleEnterPress">
+    <Row v-bind="getRow">
+      <slot name="formHeader" />
+      <template v-for="schema in getSchema" :key="schema.field">
+        <FormItem
+          :is-advanced="fieldsIsAdvancedMap[schema.field]"
+          :table-action="tableAction"
+          :form-action-type="formActionType as any"
+          :schema="schema"
+          :form-props="getProps"
+          :all-default-values="defaultValueRef"
+          :form-model="formModel"
+          :set-form-model="setFormModel"
+        >
+          <template v-for="item in Object.keys($slots)" #[item]="data">
+            <slot :name="item" v-bind="data || {}" />
+          </template>
+        </FormItem>
+      </template>
+
+      <FormAction v-bind="getFormActionBindProps" @toggle-advanced="handleToggleAdvanced">
+        <template v-for="item in ['resetBefore', 'submitBefore', 'advanceBefore', 'advanceAfter']" #[item]="data">
+          <slot :name="item" v-bind="data || {}" />
+        </template>
+      </FormAction>
+      <slot name="formFooter" />
+    </Row>
+  </Form>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-form';
+
+.@{prefix-cls} {
+  .ant-form-item {
+    &-label label::after {
+      margin: 0 6px 0 2px;
+    }
+
+    &-with-help {
+      margin-bottom: 0;
+    }
+
+    &:not(.ant-form-item-with-help) {
+      margin-bottom: 20px;
+    }
+
+    &.suffix-item {
+      .ant-form-item-children {
+        display: flex;
+      }
+
+      .ant-form-item-control {
+        margin-top: 4px;
+      }
+
+      .suffix {
+        display: inline-flex;
+        align-items: center;
+        padding-left: 6px;
+        margin-top: 1px;
+        line-height: 1;
+      }
+    }
+  }
+
+  .ant-form-explain {
+    font-size: 14px;
+  }
+
+  &--compact {
+    .ant-form-item {
+      margin-bottom: 8px !important;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/componentMap.ts b/yunxi-ui-admin-vben/src/components/Form/src/componentMap.ts
new file mode 100644
index 0000000..0ef3d28
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/componentMap.ts
@@ -0,0 +1,87 @@
+import type { Component } from 'vue'
+import {
+  AutoComplete,
+  Cascader,
+  Checkbox,
+  DatePicker,
+  Divider,
+  Input,
+  InputNumber,
+  Radio,
+  Rate,
+  Select,
+  Slider,
+  Switch,
+  TimePicker,
+  TreeSelect,
+} from 'ant-design-vue'
+import type { ComponentType } from './types'
+
+/**
+ * Component list, register here to setting it in the form
+ */
+
+import ApiRadioGroup from './components/ApiRadioGroup.vue'
+import RadioButtonGroup from './components/RadioButtonGroup.vue'
+import ApiSelect from './components/ApiSelect.vue'
+import ApiTree from './components/ApiTree.vue'
+import ApiTreeSelect from './components/ApiTreeSelect.vue'
+import ApiCascader from './components/ApiCascader.vue'
+import ApiTransfer from './components/ApiTransfer.vue'
+import FileUpload from './components/FileUpload.vue'
+import { BasicUpload } from '@/components/Upload'
+import { StrengthMeter } from '@/components/StrengthMeter'
+import { IconPicker } from '@/components/Icon'
+import { CountdownInput } from '@/components/CountDown'
+import { Tinymce } from '@/components/Tinymce'
+
+const componentMap = new Map<ComponentType, Component>()
+
+componentMap.set('Input', Input)
+componentMap.set('InputGroup', Input.Group)
+componentMap.set('InputPassword', Input.Password)
+componentMap.set('InputSearch', Input.Search)
+componentMap.set('InputTextArea', Input.TextArea)
+componentMap.set('InputNumber', InputNumber)
+componentMap.set('AutoComplete', AutoComplete)
+
+componentMap.set('Select', Select)
+componentMap.set('ApiSelect', ApiSelect)
+componentMap.set('ApiTree', ApiTree)
+componentMap.set('TreeSelect', TreeSelect)
+componentMap.set('ApiTreeSelect', ApiTreeSelect)
+componentMap.set('ApiRadioGroup', ApiRadioGroup)
+componentMap.set('Switch', Switch)
+componentMap.set('RadioButtonGroup', RadioButtonGroup)
+componentMap.set('RadioGroup', Radio.Group)
+componentMap.set('Checkbox', Checkbox)
+componentMap.set('CheckboxGroup', Checkbox.Group)
+componentMap.set('ApiCascader', ApiCascader)
+componentMap.set('Cascader', Cascader)
+componentMap.set('Slider', Slider)
+componentMap.set('Rate', Rate)
+componentMap.set('ApiTransfer', ApiTransfer)
+
+componentMap.set('DatePicker', DatePicker)
+componentMap.set('MonthPicker', DatePicker.MonthPicker)
+componentMap.set('RangePicker', DatePicker.RangePicker)
+componentMap.set('WeekPicker', DatePicker.WeekPicker)
+componentMap.set('TimePicker', TimePicker)
+componentMap.set('StrengthMeter', StrengthMeter)
+componentMap.set('IconPicker', IconPicker)
+componentMap.set('InputCountDown', CountdownInput)
+
+componentMap.set('Upload', BasicUpload)
+componentMap.set('FileUpload', FileUpload)
+componentMap.set('Divider', Divider)
+componentMap.set('Editor', Tinymce)
+
+export function add(compName: ComponentType, component: Component) {
+  componentMap.set(compName, component)
+}
+
+export function del(compName: ComponentType) {
+  componentMap.delete(compName)
+}
+
+export { componentMap }
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/ApiCascader.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiCascader.vue
new file mode 100644
index 0000000..e93cada
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiCascader.vue
@@ -0,0 +1,190 @@
+<script lang="ts" setup>
+import { ref, unref, watch, watchEffect } from 'vue'
+import { Cascader } from 'ant-design-vue'
+import { get, omit } from 'lodash-es'
+import { LoadingOutlined } from '@ant-design/icons-vue'
+import { propTypes } from '@/utils/propTypes'
+import { isFunction } from '@/utils/is'
+import { useRuleFormItem } from '@/hooks/component/useFormItem'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'ApiCascader' })
+
+const props = defineProps({
+  value: propTypes.array.def([]),
+  api: {
+    type: Function as PropType<(arg?: Recordable) => Promise<Option[]>>,
+    default: null,
+  },
+  numberToString: propTypes.bool.def(false),
+  resultField: propTypes.string.def(''),
+  labelField: propTypes.string.def('label'),
+  valueField: propTypes.string.def('value'),
+  childrenField: propTypes.string.def('children'),
+  asyncFetchParamKey: propTypes.string.def('parentCode'),
+  immediate: propTypes.bool.def(true),
+  // init fetch params
+  initFetchParams: {
+    type: Object as PropType<Recordable>,
+    default: () => ({}),
+  },
+  // 是否有下级，默认是
+  isLeaf: {
+    type: Function as PropType<(arg: Recordable) => boolean>,
+    default: null,
+  },
+  displayRenderArray: {
+    type: Array,
+  },
+  alwaysLoad: propTypes.bool.def(true),
+})
+
+const emit = defineEmits(['change', 'defaultChange'])
+
+interface Option {
+  value: string
+  label: string
+  loading?: boolean
+  isLeaf?: boolean
+  children?: Option[]
+}
+
+const apiData = ref<any[]>([])
+const options = ref<Option[]>([])
+const loading = ref<boolean>(false)
+const emitData = ref<any[]>([])
+const isFirstLoad = ref(false)
+const { t } = useI18n()
+// Embedded in the form, just use the hook binding to perform form verification
+const [state]: any = useRuleFormItem(props, 'value', 'change', emitData)
+
+watch(
+  apiData,
+  (data) => {
+    const opts = generatorOptions(data)
+    options.value = opts
+  },
+  { deep: true },
+)
+
+function generatorOptions(options: any[]): Option[] {
+  const { labelField, valueField, numberToString, childrenField, isLeaf } = props
+  return options.reduce((prev, next: Recordable) => {
+    if (next) {
+      const value = next[valueField]
+      const item = {
+        ...omit(next, [labelField, valueField]),
+        label: next[labelField],
+        value: numberToString ? `${value}` : value,
+        isLeaf: isLeaf && typeof isLeaf === 'function' ? isLeaf(next) : false,
+      }
+      const children = Reflect.get(next, childrenField)
+      if (children)
+        Reflect.set(item, childrenField, generatorOptions(children))
+
+      prev.push(item)
+    }
+    return prev
+  }, [] as Option[])
+}
+
+async function initialFetch() {
+  const api = props.api
+  if (!api || !isFunction(api))
+    return
+  apiData.value = []
+  loading.value = true
+  try {
+    const res = await api(props.initFetchParams)
+    if (Array.isArray(res)) {
+      apiData.value = res
+      return
+    }
+    if (props.resultField)
+      apiData.value = get(res, props.resultField) || []
+  }
+  catch (error) {
+    console.warn(error)
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function loadData(selectedOptions: Option[]) {
+  const targetOption = selectedOptions[selectedOptions.length - 1]
+  targetOption.loading = true
+
+  const api = props.api
+  if (!api || !isFunction(api))
+    return
+  try {
+    const res = await api({
+      [props.asyncFetchParamKey]: Reflect.get(targetOption, 'value'),
+    })
+    if (Array.isArray(res)) {
+      const children = generatorOptions(res)
+      targetOption.children = children
+      return
+    }
+    if (props.resultField) {
+      const children = generatorOptions(get(res, props.resultField) || [])
+      targetOption.children = children
+    }
+  }
+  catch (e) {
+    console.error(e)
+  }
+  finally {
+    targetOption.loading = false
+  }
+}
+
+watchEffect(() => {
+  props.immediate && initialFetch()
+})
+
+watch(
+  () => props.initFetchParams,
+  () => {
+    if (props.alwaysLoad)
+      initialFetch()
+
+    else
+      !unref(isFirstLoad) && initialFetch()
+  },
+  { deep: true },
+)
+
+function handleChange(keys, args) {
+  emitData.value = keys
+  emit('defaultChange', keys, args)
+}
+
+function handleRenderDisplay({ labels, selectedOptions }) {
+  if (unref(emitData).length === selectedOptions.length)
+    return labels.join(' / ')
+
+  if (props.displayRenderArray)
+    return props.displayRenderArray.join(' / ')
+
+  return ''
+}
+</script>
+
+<template>
+  <Cascader
+    v-model:value="state" :options="options" :load-data="loadData" change-on-select
+    :display-render="handleRenderDisplay" @change="handleChange"
+  >
+    <template v-if="loading" #suffixIcon>
+      <LoadingOutlined spin />
+    </template>
+    <template v-if="loading" #notFoundContent>
+      <span>
+        <LoadingOutlined spin class="mr-1" />
+        {{ t('component.form.apiSelectNotFound') }}
+      </span>
+    </template>
+  </Cascader>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/ApiRadioGroup.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiRadioGroup.vue
new file mode 100644
index 0000000..8dc49e2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiRadioGroup.vue
@@ -0,0 +1,128 @@
+<!--
+ * @Description:It is troublesome to implement radio button group in the form. So it is extracted independently as a separate component
+-->
+<script lang="ts" setup>
+import { computed, ref, unref, watch, watchEffect } from 'vue'
+import { Radio } from 'ant-design-vue'
+import { get, omit } from 'lodash-es'
+import { isFunction } from '@/utils/is'
+import { useRuleFormItem } from '@/hooks/component/useFormItem'
+import { useAttrs } from '@/hooks/core/useAttrs'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'ApiRadioGroup' })
+
+const props = defineProps({
+  api: {
+    type: Function as PropType<(arg?: Recordable | string) => Promise<OptionsItem[]>>,
+    default: null,
+  },
+  params: {
+    type: [Object, String] as PropType<Recordable | string>,
+    default: () => ({}),
+  },
+  value: {
+    type: [String, Number, Boolean] as PropType<string | number | boolean>,
+  },
+  isBtn: propTypes.bool.def(false),
+  numberToString: propTypes.bool,
+  resultField: propTypes.string.def(''),
+  labelField: propTypes.string.def('label'),
+  valueField: propTypes.string.def('value'),
+  immediate: propTypes.bool.def(true),
+  alwaysLoad: propTypes.bool.def(true),
+})
+const emit = defineEmits(['optionsChange', 'change'])
+const RadioButton = Radio.Button
+const RadioGroup = Radio.Group
+
+interface OptionsItem { label: string; value: string | number | boolean; disabled?: boolean }
+
+const options = ref<OptionsItem[]>([])
+const loading = ref(false)
+const isFirstLoad = ref(true)
+const emitData = ref<any[]>([])
+const attrs = useAttrs()
+// Embedded in the form, just use the hook binding to perform form verification
+const [state] = useRuleFormItem(props)
+
+// Processing options value
+const getOptions = computed(() => {
+  const { labelField, valueField, numberToString } = props
+
+  return unref(options).reduce((prev, next: Recordable) => {
+    if (next) {
+      const value = next[valueField]
+      prev.push({
+        label: next[labelField],
+        value: numberToString ? `${value}` : value,
+        ...omit(next, [labelField, valueField]),
+      })
+    }
+    return prev
+  }, [] as OptionsItem[])
+})
+
+watchEffect(() => {
+  props.immediate && fetch()
+})
+
+watch(
+  () => props.params,
+  () => {
+    if (props.alwaysLoad)
+      fetch()
+
+    else
+      !unref(isFirstLoad) && fetch()
+  },
+  { deep: true },
+)
+
+async function fetch() {
+  const api = props.api
+  if (!api || !isFunction(api))
+    return
+  options.value = []
+  try {
+    loading.value = true
+    const res = await api(props.params)
+    if (Array.isArray(res)) {
+      options.value = res
+      emitChange()
+      return
+    }
+    if (props.resultField)
+      options.value = get(res, props.resultField) || []
+
+    emitChange()
+  }
+  catch (error) {
+    console.warn(error)
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+function emitChange() {
+  emit('optionsChange', unref(getOptions))
+}
+
+function handleChange(args) {
+  emitData.value = args
+}
+</script>
+
+<template>
+  <RadioGroup v-bind="attrs" v-model:value="state" button-style="solid" @change="handleChange">
+    <template v-for="item in getOptions" :key="`${item.value}`">
+      <RadioButton v-if="props.isBtn" :value="item.value" :disabled="item.disabled">
+        {{ item.label }}
+      </RadioButton>
+      <Radio v-else :value="item.value" :disabled="item.disabled">
+        {{ item.label }}
+      </Radio>
+    </template>
+  </RadioGroup>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/ApiSelect.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiSelect.vue
new file mode 100644
index 0000000..77bc4b2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiSelect.vue
@@ -0,0 +1,153 @@
+<script lang="ts" setup>
+import { computed, ref, unref, watch, watchEffect } from 'vue'
+import { Select } from 'ant-design-vue'
+import { get, omit } from 'lodash-es'
+import { LoadingOutlined } from '@ant-design/icons-vue'
+import type { SelectValue } from 'ant-design-vue/lib/select'
+import { isFunction } from '@/utils/is'
+import { useRuleFormItem } from '@/hooks/component/useFormItem'
+import { useI18n } from '@/hooks/web/useI18n'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'ApiSelect', inheritAttrs: false })
+
+const props = defineProps({
+  value: {
+    type: [Array, Object, String, Number] as PropType<SelectValue>,
+  },
+  numberToString: propTypes.bool,
+  api: {
+    type: Function as PropType<(arg?: Recordable) => Promise<OptionsItem[]>>,
+    default: null,
+  },
+  // api params
+  params: {
+    type: Object as PropType<Recordable>,
+    default: () => ({}),
+  },
+  // support xxx.xxx.xx
+  resultField: propTypes.string.def(''),
+  labelField: propTypes.string.def('label'),
+  valueField: propTypes.string.def('value'),
+  immediate: propTypes.bool.def(true),
+  alwaysLoad: propTypes.bool.def(true),
+})
+
+const emit = defineEmits(['optionsChange', 'change', 'update:value'])
+
+interface OptionsItem { label: string; value: string; disabled?: boolean }
+
+const options = ref<OptionsItem[]>([])
+const loading = ref(false)
+const isFirstLoad = ref(true)
+const emitData = ref<any[]>([])
+const { t } = useI18n()
+
+// Embedded in the form, just use the hook binding to perform form verification
+const [state] = useRuleFormItem(props, 'value', 'change', emitData)
+
+const getOptions = computed(() => {
+  const { labelField, valueField, numberToString } = props
+
+  return unref(options).reduce((prev, next: Recordable) => {
+    if (next) {
+      const value = get(next, valueField)
+      prev.push({
+        ...omit(next, [labelField, valueField]),
+        label: get(next, labelField),
+        value: numberToString ? `${value}` : value,
+      })
+    }
+    return prev
+  }, [] as OptionsItem[])
+})
+
+watchEffect(() => {
+  props.immediate && !props.alwaysLoad && fetch()
+})
+
+watch(
+  () => state.value,
+  (v) => {
+    emit('update:value', v)
+  },
+)
+
+watch(
+  () => props.params,
+  () => {
+    if (props.alwaysLoad)
+      fetch()
+
+    else
+      !unref(isFirstLoad) && fetch()
+  },
+  { deep: true },
+)
+
+async function fetch() {
+  const api = props.api
+  if (!api || !isFunction(api))
+    return
+  options.value = []
+  try {
+    loading.value = true
+    const res = await api(props.params)
+    if (Array.isArray(res)) {
+      options.value = res
+      emitChange()
+      return
+    }
+    if (props.resultField)
+      options.value = get(res, props.resultField) || []
+
+    emitChange()
+  }
+  catch (error) {
+    console.warn(error)
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function handleFetch(open) {
+  if (open) {
+    if (props.alwaysLoad) {
+      await fetch()
+    }
+    else if (!props.immediate && unref(isFirstLoad)) {
+      await fetch()
+      isFirstLoad.value = false
+    }
+  }
+}
+
+function emitChange() {
+  emit('optionsChange', unref(getOptions))
+}
+
+function handleChange(_, ...args) {
+  emitData.value = args
+}
+</script>
+
+<template>
+  <Select
+    v-bind="$attrs" v-model:value="state" :options="getOptions" @dropdown-visible-change="handleFetch"
+    @change="handleChange"
+  >
+    <template v-for="item in Object.keys($slots)" #[item]="data">
+      <slot :name="item" v-bind="data || {}" />
+    </template>
+    <template v-if="loading" #suffixIcon>
+      <LoadingOutlined spin />
+    </template>
+    <template v-if="loading" #notFoundContent>
+      <span>
+        <LoadingOutlined spin class="mr-1" />
+        {{ t('component.form.apiSelectNotFound') }}
+      </span>
+    </template>
+  </Select>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTransfer.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTransfer.vue
new file mode 100644
index 0000000..e163aaa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTransfer.vue
@@ -0,0 +1,122 @@
+<script lang="ts" setup>
+import { computed, ref, unref, useAttrs, watch, watchEffect } from 'vue'
+import { Transfer } from 'ant-design-vue'
+import { get, omit } from 'lodash-es'
+import type { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer'
+import { isFunction } from '@/utils/is'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'ApiTransfer' })
+
+const props = defineProps({
+  value: { type: Array as PropType<Array<any>> },
+  api: {
+    type: Function as PropType<(arg?: Recordable) => Promise<TransferItem[]>>,
+    default: null,
+  },
+  params: { type: Object },
+  dataSource: { type: Array as PropType<Array<TransferItem>> },
+  immediate: propTypes.bool.def(true),
+  alwaysLoad: propTypes.bool.def(true),
+  afterFetch: { type: Function as PropType<Fn> },
+  resultField: propTypes.string.def(''),
+  labelField: propTypes.string.def('title'),
+  valueField: propTypes.string.def('key'),
+  showSearch: { type: Boolean, default: false },
+  disabled: { type: Boolean, default: false },
+  filterOption: {
+    type: Function as PropType<(inputValue: string, item: TransferItem) => boolean>,
+  },
+  selectedKeys: { type: Array as PropType<Array<string>> },
+  showSelectAll: { type: Boolean, default: true },
+  targetKeys: { type: Array as PropType<Array<string>> },
+})
+const emit = defineEmits(['optionsChange', 'change'])
+const attrs = useAttrs()
+
+const _dataSource = ref<TransferItem[]>([])
+const _targetKeys = ref<string[]>([])
+const getAttrs = computed(() => {
+  return {
+    ...(!props.api ? { dataSource: unref(_dataSource) } : {}),
+    ...attrs,
+  }
+})
+const getdataSource = computed(() => {
+  const { labelField, valueField } = props
+  return unref(_dataSource).reduce((prev, next: Recordable) => {
+    if (next) {
+      prev.push({
+        ...omit(next, [labelField, valueField]),
+        title: next[labelField],
+        key: next[valueField],
+      })
+    }
+    return prev
+  }, [] as TransferItem[])
+})
+const getTargetKeys = computed<string[]>(() => {
+  if (unref(_targetKeys).length > 0)
+    return unref(_targetKeys)
+
+  if (Array.isArray(props.value))
+    return props.value
+
+  if (Array.isArray(props.targetKeys))
+    return props.targetKeys
+
+  return []
+})
+function handleChange(keys: string[], direction: TransferDirection, moveKeys: string[]) {
+  _targetKeys.value = keys
+  console.log(direction)
+  console.log(moveKeys)
+  emit('change', keys)
+}
+watchEffect(() => {
+  props.immediate && !props.alwaysLoad && fetch()
+})
+watch(
+  () => props.params,
+  () => {
+    fetch()
+  },
+  { deep: true },
+)
+async function fetch() {
+  const api = props.api
+  if (!api || !isFunction(api)) {
+    if (Array.isArray(props.dataSource))
+      _dataSource.value = props.dataSource
+
+    return
+  }
+  _dataSource.value = []
+  try {
+    const res = await api(props.params)
+    if (Array.isArray(res)) {
+      _dataSource.value = res
+      emitChange()
+      return
+    }
+    if (props.resultField)
+      _dataSource.value = get(res, props.resultField) || []
+
+    emitChange()
+  }
+  catch (error) {
+    console.warn(error)
+  }
+}
+function emitChange() {
+  emit('optionsChange', unref(getdataSource))
+}
+</script>
+
+<template>
+  <Transfer
+    v-bind="getAttrs" :data-source="getdataSource" :filter-option="filterOption" :render="(item) => item.title"
+    :show-select-all="showSelectAll" :selected-keys="selectedKeys" :target-keys="getTargetKeys" :show-search="showSearch"
+    @change="handleChange"
+  />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTree.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTree.vue
new file mode 100644
index 0000000..3e30b36
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTree.vue
@@ -0,0 +1,105 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref, unref, useAttrs, useSlots, watch } from 'vue'
+import { Tree } from 'ant-design-vue'
+import { get } from 'lodash-es'
+import { isArray, isFunction } from '@/utils/is'
+import { handleTree as handleTreeFn } from '@/utils/tree'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'ApiTree' })
+
+const props = defineProps({
+  api: { type: Function as PropType<(arg?: Recordable) => Promise<Recordable>> },
+  params: { type: Object },
+  immediate: propTypes.bool.def(true),
+  resultField: propTypes.string.def(''),
+  afterFetch: { type: Function as PropType<Fn> },
+  handleTree: propTypes.string.def(''),
+  alwaysLoad: propTypes.bool.def(true),
+})
+const emit = defineEmits(['optionsChange', 'change'])
+const attrs = useAttrs()
+const slots = useSlots()
+
+const treeData = ref<Recordable[]>([])
+const isFirstLoaded = ref<boolean>(false)
+const loading = ref(false)
+const getAttrs = computed(() => {
+  return {
+    ...(props.api ? { treeData: unref(treeData) } : {}),
+    ...attrs,
+  }
+})
+
+function handleChange(...args) {
+  emit('change', ...args)
+}
+
+watch(
+  () => props.params,
+  () => {
+    if (props.alwaysLoad)
+      fetch()
+
+    else
+      !unref(isFirstLoaded) && fetch()
+  },
+  { deep: true },
+)
+
+watch(
+  () => props.immediate,
+  (v) => {
+    if (props.alwaysLoad)
+      v && fetch()
+
+    else
+      v && !isFirstLoaded.value && fetch()
+  },
+)
+
+onMounted(() => {
+  props.immediate && fetch()
+})
+
+async function fetch() {
+  const { api, afterFetch } = props
+  if (!api || !isFunction(api))
+    return
+  loading.value = true
+  treeData.value = []
+  let result
+  try {
+    result = await api(props.params)
+  }
+  catch (e) {
+    console.error(e)
+  }
+  if (afterFetch && isFunction(afterFetch))
+    result = afterFetch(result)
+
+  loading.value = false
+  if (!result)
+    return
+  if (props.handleTree)
+    result = handleTreeFn(result, props.handleTree)
+
+  if (!isArray(result))
+    result = get(result, props.resultField)
+
+  treeData.value = (result as Recordable[]) || []
+  isFirstLoaded.value = true
+  emit('optionsChange', treeData.value)
+}
+</script>
+
+<template>
+  <Tree v-bind="getAttrs as any" @change="handleChange">
+    <template v-for="item in Object.keys(slots)" #[item]="data">
+      <slot :name="item" v-bind="data || {}" />
+    </template>
+    <!-- <template v-if="loading" #suffixIcon>
+      <LoadingOutlined spin />
+    </template> -->
+  </Tree>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTreeSelect.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTreeSelect.vue
new file mode 100644
index 0000000..dcb2123
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/ApiTreeSelect.vue
@@ -0,0 +1,113 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref, unref, useAttrs, watch } from 'vue'
+import { TreeSelect } from 'ant-design-vue'
+import { get, set } from 'lodash-es'
+import { LoadingOutlined } from '@ant-design/icons-vue'
+import { isArray, isFunction } from '@/utils/is'
+import { propTypes } from '@/utils/propTypes'
+import { handleTree as handleTreeFn } from '@/utils/tree'
+
+defineOptions({ name: 'ApiTreeSelect' })
+
+const props = defineProps({
+  api: { type: Function as PropType<(arg?: Recordable) => Promise<Recordable>> },
+  params: { type: Object },
+  immediate: propTypes.bool.def(true),
+  resultField: propTypes.string.def(''),
+  handleTree: propTypes.string.def(''),
+  parentId: propTypes.number.def(0),
+  parentLabel: propTypes.string.def(''),
+  parentFiled: propTypes.string.def('name'),
+  alwaysLoad: propTypes.bool.def(true),
+})
+const emit = defineEmits(['optionsChange', 'change'])
+const attrs = useAttrs()
+
+const treeData = ref<Recordable[]>([])
+const isFirstLoaded = ref<boolean>(false)
+const loading = ref(false)
+const getAttrs = computed(() => {
+  return {
+    ...(props.api ? { treeData: unref(treeData) } : {}),
+    ...attrs,
+  }
+})
+
+function handleChange(...args) {
+  emit('change', ...args)
+}
+
+watch(
+  () => props.params,
+  () => {
+    if (props.alwaysLoad)
+      fetch()
+
+    else
+      !unref(isFirstLoaded) && fetch()
+  },
+  { deep: true },
+)
+
+watch(
+  () => props.immediate,
+  (v) => {
+    if (props.alwaysLoad)
+      v && fetch()
+
+    else
+      v && !isFirstLoaded.value && fetch()
+  },
+)
+
+onMounted(() => {
+  props.immediate && fetch()
+})
+
+async function fetch() {
+  const { api } = props
+  if (!api || !isFunction(api))
+    return
+  loading.value = true
+  treeData.value = []
+  let result
+  try {
+    result = await api(props.params)
+  }
+  catch (e) {
+    console.error(e)
+  }
+  loading.value = false
+  if (!result)
+    return
+  if (!isArray(result))
+    result = get(result, props.resultField)
+
+  if (props.handleTree)
+    result = handleTreeFn(result, props.handleTree)
+
+  if (props.parentLabel) {
+    let tree: Recordable = { id: props.parentId, children: [] }
+    tree = set(tree, props.parentFiled, props.parentLabel)
+    tree.children = (result as Recordable[]) || []
+    treeData.value.push(tree)
+  }
+  else {
+    treeData.value = (result as Recordable[]) || []
+  }
+
+  isFirstLoaded.value = true
+  emit('optionsChange', treeData.value)
+}
+</script>
+
+<template>
+  <TreeSelect v-bind="getAttrs" @change="handleChange">
+    <template v-for="item in Object.keys($slots)" #[item]="data">
+      <slot :name="item" v-bind="data || {}" />
+    </template>
+    <template v-if="loading" #suffixIcon>
+      <LoadingOutlined spin />
+    </template>
+  </TreeSelect>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/FileUpload.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/FileUpload.vue
new file mode 100644
index 0000000..43ec3f7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/FileUpload.vue
@@ -0,0 +1,377 @@
+<script lang="ts" setup>
+import { Upload } from 'ant-design-vue'
+import { computed, reactive, ref, unref, watch } from 'vue'
+import { Icon } from '@/components/Icon'
+import { getAccessToken, getTenantId } from '@/utils/auth'
+import { propTypes } from '@/utils/propTypes'
+import { useMessage } from '@/hooks/web/useMessage'
+import { createImgPreview } from '@/components/Preview/index'
+import { useAttrs } from '@/hooks/core/useAttrs'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useGlobSetting } from '@/hooks/setting'
+
+defineOptions({ name: 'FileUpload' })
+
+const props = defineProps({
+  value: propTypes.oneOfType([propTypes.string, propTypes.array]),
+  text: propTypes.string.def('上传'),
+  fileType: propTypes.oneOf(['all', 'image', 'file']).def('all'),
+
+  uploadUrl: propTypes.string.def(useGlobSetting().uploadUrl),
+  /* 这个属性用于控制文件上传的业务路径 */
+  bizPath: propTypes.string.def('temp'),
+  /**
+   * 是否返回url，
+   * true：仅返回url
+   * false：返回fileName filePath fileSize
+   */
+  returnUrl: propTypes.bool.def(true),
+  // 最大上传数量
+  maxCount: propTypes.number.def(0),
+  buttonOpen: propTypes.bool.def(true),
+  multiple: propTypes.bool.def(true),
+  // 是否显示左右移动按钮
+  mover: propTypes.bool.def(true),
+  // 是否显示下载按钮
+  download: propTypes.bool.def(true),
+  // 删除时是否显示确认框
+  removeConfirm: propTypes.bool.def(false),
+  beforeUpload: propTypes.func,
+  disabled: propTypes.bool.def(false),
+})
+const emit = defineEmits(['change', 'update:value'])
+const { createMessage, createConfirm } = useMessage()
+const { prefixCls } = useDesign('upload')
+const attrs = useAttrs()
+const headers = reactive({
+  'Authorization': `Bearer ${getAccessToken()}`,
+  'tenant-id': getTenantId(),
+})
+const fileList = ref<any[]>([])
+const uploadGoOn = ref<boolean>(true)
+// refs
+const containerRef = ref()
+// 是否达到了最大上传数量
+const isMaxCount = computed(() => props.maxCount > 0 && fileList.value.length >= props.maxCount)
+// 当前是否是上传图片模式
+const isImageMode = computed(() => props.fileType === 'image')
+// 合并 props 和 attrs
+const bindProps = computed(() => {
+  // update-begin-author:liusq date:20220411 for: [issue/455]上传组件传入accept限制上传文件类型无效
+  const bind: any = Object.assign({}, props, unref(attrs))
+  // update-end-author:liusq date:20220411 for: [issue/455]上传组件传入accept限制上传文件类型无效
+
+  bind.name = 'file'
+  bind.listType = isImageMode.value ? 'picture-card' : 'text'
+  bind.class = [bind.class, { 'upload-disabled': props.disabled }]
+  bind.data = { biz: props.bizPath, ...bind.data }
+  // update-begin-author:taoyan date:20220407 for: 自定义beforeUpload return false，并不能中断上传过程
+  if (!bind.beforeUpload)
+    bind.beforeUpload = onBeforeUpload
+
+  // update-end-author:taoyan date:20220407 for: 自定义beforeUpload return false，并不能中断上传过程
+  // 如果当前是图片上传模式，就只能上传图片
+  if (isImageMode.value && !bind.accept)
+    bind.accept = 'image/*'
+
+  return bind
+})
+
+watch(
+  () => props.value,
+  (val) => {
+    if (Array.isArray(val)) {
+      if (props.returnUrl)
+        parsePathsValue(val.join(','))
+      else
+        parseArrayValue(val)
+    }
+    else {
+      parsePathsValue(val)
+    }
+  },
+  { immediate: true },
+)
+
+// 解析数据库存储的逗号分割
+function parsePathsValue(paths) {
+  if (!paths || paths.length === 0) {
+    fileList.value = []
+    return
+  }
+  const list: any[] = []
+  for (const item of paths.split(',')) {
+    list.push({
+      uid: uidGenerator(),
+      name: getFileName(item),
+      status: 'done',
+      url: item,
+      response: { status: 'history', message: item },
+    })
+  }
+  fileList.value = list
+}
+
+// 解析数组值
+function parseArrayValue(array) {
+  if (!array || array.length === 0) {
+    fileList.value = []
+    return
+  }
+  const list: any[] = []
+  for (const item of array) {
+    list.push({
+      uid: uidGenerator(),
+      name: item.fileName,
+      url: item.filePath,
+      status: 'done',
+      response: { status: 'history', message: item.filePath },
+    })
+  }
+  fileList.value = list
+}
+
+// 文件上传之前的操作
+function onBeforeUpload(file) {
+  uploadGoOn.value = true
+  if (isImageMode.value) {
+    if (!file.type.includes('image')) {
+      createMessage.warning('请上传图片')
+      uploadGoOn.value = false
+      return false
+    }
+  }
+  // 扩展 beforeUpload 验证
+  if (typeof props.beforeUpload === 'function')
+    return props.beforeUpload(file)
+
+  return true
+}
+
+// 删除处理事件
+function onRemove() {
+  if (props.removeConfirm) {
+    return new Promise((resolve) => {
+      createConfirm({
+        title: '删除',
+        content: `确定要删除这${isImageMode.value ? '张图片' : '个文件'}吗？`,
+        iconType: 'warning',
+        onOk: () => resolve(true),
+        onCancel: () => resolve(false),
+      })
+    })
+  }
+  return true
+}
+
+// upload组件change事件
+function onFileChange(info) {
+  if (!info.file.status && uploadGoOn.value === false)
+    info.fileList.pop()
+
+  let fileListTemp = info.fileList
+  // 限制最大上传数
+  if (props.maxCount > 0) {
+    const count = fileListTemp.length
+    if (count >= props.maxCount) {
+      const diffNum = props.maxCount - fileListTemp.length
+      if (diffNum >= 0)
+        fileListTemp = fileListTemp.slice(-props.maxCount)
+      else
+        return
+    }
+  }
+  if (info.file.status === 'done') {
+    let successFileList = []
+    if (info.file.response.success) {
+      successFileList = fileListTemp.map((file) => {
+        if (file.response) {
+          const reUrl = file.response.message
+          file.url = reUrl
+        }
+        return file
+      })
+    }
+    else {
+      successFileList = fileListTemp.filter((item) => {
+        return item.uid !== info.file.uid
+      })
+      createMessage.error(`${info.file.name} 上传失败.`)
+    }
+    fileListTemp = successFileList
+  }
+  else if (info.file.status === 'error') {
+    createMessage.error(`${info.file.name} 上传失败.`)
+  }
+  fileList.value = fileListTemp
+  if (info.file.status === 'done' || info.file.status === 'removed') {
+    // returnUrl为true时仅返回文件路径
+    if (props.returnUrl) {
+      handlePathChange()
+    }
+    else {
+      // returnUrl为false时返回文件名称、文件路径及文件大小
+      const newFileList: any[] = []
+      for (const item of fileListTemp) {
+        if (item.status === 'done') {
+          const fileJson = {
+            fileName: item.name,
+            filePath: item.response.message,
+            fileSize: item.size,
+          }
+          newFileList.push(fileJson)
+        }
+        else {
+          return
+        }
+      }
+      emitValue(newFileList)
+    }
+  }
+}
+
+function handlePathChange() {
+  const uploadFiles = fileList.value
+  let path = ''
+  if (!uploadFiles || uploadFiles.length === 0)
+    path = ''
+
+  const pathList: string[] = []
+  for (const item of uploadFiles) {
+    if (item.status === 'done')
+      pathList.push(item.response.data)
+    else
+      return
+  }
+  if (pathList.length > 0)
+    path = pathList.join(',')
+
+  emitValue(path)
+}
+
+// 预览文件、图片
+function onFilePreview(file) {
+  if (isImageMode.value)
+    createImgPreview({ imageList: [file.url], maskClosable: true })
+  else
+    window.open(file.url)
+}
+
+function emitValue(value) {
+  emit('change', value)
+  emit('update:value', value)
+}
+
+function uidGenerator() {
+  return `-${Number.parseInt((Math.random() * 10000 + 1, 10).toString())}`
+}
+
+function getFileName(path) {
+  if (path.lastIndexOf('\\') >= 0) {
+    const reg = /\\/g
+    path = path.replace(reg, '/')
+  }
+  return path.substring(path.lastIndexOf('/') + 1)
+}
+</script>
+
+<template>
+  <div ref="containerRef" :class="`${prefixCls}-container`">
+    <Upload
+      :headers="headers"
+      :multiple="multiple"
+      :action="uploadUrl"
+      :file-list="fileList"
+      :disabled="disabled"
+      v-bind="bindProps"
+      @remove="onRemove"
+      @change="onFileChange"
+      @preview="onFilePreview"
+    >
+      <template v-if="isImageMode">
+        <div v-if="!isMaxCount">
+          <Icon icon="ant-design:plus-outlined" />
+          <div class="ant-upload-text">
+            {{ text }}
+          </div>
+        </div>
+      </template>
+      <a-button v-else-if="buttonOpen" :disabled="isMaxCount || disabled">
+        <Icon icon="ant-design:upload-outlined" />
+        <span>{{ text }}</span>
+      </a-button>
+    </Upload>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-upload';
+
+.@{prefix-cls} {
+  &-container {
+    position: relative;
+
+    .upload-disabled {
+      .ant-upload-list-item {
+        .anticon-close {
+          display: none;
+        }
+
+        .anticon-delete {
+          display: none;
+        }
+      }
+
+      .upload-download-handler {
+        right: 6px !important;
+      }
+    }
+
+    .ant-upload-list-item {
+      .upload-actions-container {
+        position: absolute;
+        top: -31px;
+        left: -18px;
+        z-index: 11;
+        width: 84px;
+        height: 84px;
+        line-height: 28px;
+        text-align: center;
+        pointer-events: none;
+
+        a {
+          margin: 0 5px;
+          cursor: pointer;
+          opacity: 0.9;
+          transition: opacity 0.3s;
+
+          .anticon {
+            font-size: 16px;
+            color: #fff;
+          }
+
+          &:hover {
+            opacity: 1;
+          }
+        }
+
+        .upload-mover-handler,
+        .upload-download-handler {
+          position: absolute;
+          pointer-events: auto;
+        }
+
+        .upload-mover-handler {
+          bottom: 0;
+          width: 100%;
+        }
+
+        .upload-download-handler {
+          top: -4px;
+          right: -4px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/FormAction.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/FormAction.vue
new file mode 100644
index 0000000..64da78c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/FormAction.vue
@@ -0,0 +1,106 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Col, Form } from 'ant-design-vue'
+import type { ColEx } from '../types'
+
+import { useFormContext } from '../hooks/useFormContext'
+import type { ButtonProps } from '@/components/Button'
+import { Button } from '@/components/Button'
+import { BasicArrow } from '@/components/Basic'
+import { useI18n } from '@/hooks/web/useI18n'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'BasicFormAction' })
+
+const props = defineProps({
+  showActionButtonGroup: propTypes.bool.def(true),
+  showResetButton: propTypes.bool.def(true),
+  showSubmitButton: propTypes.bool.def(true),
+  showAdvancedButton: propTypes.bool.def(true),
+  resetButtonOptions: {
+    type: Object as PropType<ButtonOptions>,
+    default: () => ({}),
+  },
+  submitButtonOptions: {
+    type: Object as PropType<ButtonOptions>,
+    default: () => ({}),
+  },
+  actionColOptions: {
+    type: Object as PropType<Partial<ColEx>>,
+    default: () => ({}),
+  },
+  actionSpan: propTypes.number.def(6),
+  isAdvanced: propTypes.bool,
+  hideAdvanceBtn: propTypes.bool,
+})
+
+const emit = defineEmits(['toggleAdvanced'])
+
+const FormItem = Form.Item
+
+type ButtonOptions = Partial<ButtonProps> & { text: string }
+
+const { t } = useI18n()
+
+const actionColOpt = computed(() => {
+  const { showAdvancedButton, actionSpan: span, actionColOptions } = props
+  const actionSpan = 24 - span
+  const advancedSpanObj = showAdvancedButton ? { span: actionSpan < 6 ? 24 : actionSpan } : {}
+  const actionColOpt: Partial<ColEx> = {
+    style: { textAlign: 'right' },
+    span: showAdvancedButton ? 6 : 4,
+    ...advancedSpanObj,
+    ...actionColOptions,
+  }
+  return actionColOpt
+})
+
+const getResetBtnOptions = computed((): ButtonOptions => {
+  return Object.assign(
+    {
+      text: t('common.resetText'),
+    },
+    props.resetButtonOptions,
+  )
+})
+
+const getSubmitBtnOptions = computed(() => {
+  return Object.assign(
+    {
+      text: t('common.queryText'),
+    },
+    props.submitButtonOptions,
+  )
+})
+
+function toggleAdvanced() {
+  emit('toggleAdvanced')
+}
+
+const { resetAction, submitAction } = useFormContext()
+</script>
+
+<template>
+  <Col v-if="showActionButtonGroup" v-bind="actionColOpt">
+    <div style="width: 100%" :style="{ textAlign: actionColOpt.style.textAlign }">
+      <FormItem>
+        <slot name="resetBefore" />
+        <Button v-if="showResetButton" type="default" class="mr-2" v-bind="getResetBtnOptions" @click="resetAction">
+          {{ getResetBtnOptions.text }}
+        </Button>
+        <slot name="submitBefore" />
+
+        <Button v-if="showSubmitButton" type="primary" class="mr-2" v-bind="getSubmitBtnOptions" @click="submitAction">
+          {{ getSubmitBtnOptions.text }}
+        </Button>
+
+        <slot name="advanceBefore" />
+        <Button v-if="showAdvancedButton && !hideAdvanceBtn" type="link" size="small" @click="toggleAdvanced">
+          {{ isAdvanced ? t('component.form.putAway') : t('component.form.unfold') }}
+          <BasicArrow class="ml-1" :expand="!isAdvanced" up />
+        </Button>
+        <slot name="advanceAfter" />
+      </FormItem>
+    </div>
+  </Col>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/FormItem.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/FormItem.vue
new file mode 100644
index 0000000..0ef96fd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/FormItem.vue
@@ -0,0 +1,382 @@
+<script lang="tsx">
+import type { Ref } from 'vue'
+import { computed, defineComponent, toRefs, unref } from 'vue'
+import type { Rule } from 'ant-design-vue/lib/form'
+import { Col, Divider, Form } from 'ant-design-vue'
+import { cloneDeep, upperFirst } from 'lodash-es'
+import type { FormActionType, FormProps, FormSchema } from '../types/form'
+import { componentMap } from '../componentMap'
+import { NO_AUTO_LINK_COMPONENTS, createPlaceholderMessage, setComponentRuleType } from '../helper'
+import { useItemLabelWidth } from '../hooks/useLabelWidth'
+import type { TableActionType } from '@/components/Table'
+import { BasicHelp } from '@/components/Basic'
+import { isBoolean, isFunction, isNull } from '@/utils/is'
+import { getSlot } from '@/utils/helper/tsxHelper'
+import { useI18n } from '@/hooks/web/useI18n'
+
+export default defineComponent({
+  name: 'BasicFormItem',
+  inheritAttrs: false,
+  props: {
+    schema: {
+      type: Object as PropType<FormSchema>,
+      default: () => ({}),
+    },
+    formProps: {
+      type: Object as PropType<FormProps>,
+      default: () => ({}),
+    },
+    allDefaultValues: {
+      type: Object as PropType<Recordable>,
+      default: () => ({}),
+    },
+    formModel: {
+      type: Object as PropType<Recordable>,
+      default: () => ({}),
+    },
+    setFormModel: {
+      type: Function as PropType<(key: string, value: any, schema: FormSchema) => void>,
+      default: null,
+    },
+    tableAction: {
+      type: Object as PropType<TableActionType>,
+    },
+    formActionType: {
+      type: Object as PropType<FormActionType>,
+    },
+    isAdvanced: {
+      type: Boolean,
+    },
+  },
+  setup(props, { slots }) {
+    const { t } = useI18n()
+
+    const { schema, formProps } = toRefs(props) as {
+      schema: Ref<FormSchema>
+      formProps: Ref<FormProps>
+    }
+
+    const itemLabelWidthProp = useItemLabelWidth(schema, formProps)
+
+    const getValues = computed(() => {
+      const { allDefaultValues, formModel, schema } = props
+      const { mergeDynamicData } = props.formProps
+      return {
+        field: schema.field,
+        model: formModel,
+        values: {
+          ...mergeDynamicData,
+          ...allDefaultValues,
+          ...formModel,
+        } as Recordable,
+        schema,
+      }
+    })
+
+    const getComponentsProps = computed(() => {
+      const { schema, tableAction, formModel, formActionType } = props
+      let { componentProps = {} } = schema
+      if (isFunction(componentProps))
+        componentProps = componentProps({ schema, tableAction, formModel, formActionType }) ?? {}
+
+      if (schema.component === 'Divider') {
+        componentProps = Object.assign(
+          { type: 'horizontal' },
+          {
+            orientation: 'left',
+            plain: true,
+          },
+          componentProps,
+        )
+      }
+      return componentProps as Recordable
+    })
+
+    const getDisable = computed(() => {
+      const { disabled: globDisabled } = props.formProps
+      const { dynamicDisabled } = props.schema
+      const { disabled: itemDisabled = false } = unref(getComponentsProps)
+      let disabled = !!globDisabled || itemDisabled
+      if (isBoolean(dynamicDisabled))
+        disabled = dynamicDisabled
+
+      if (isFunction(dynamicDisabled))
+        disabled = dynamicDisabled(unref(getValues))
+
+      return disabled
+    })
+
+    function getShow(): { isShow: boolean; isIfShow: boolean } {
+      const { show, ifShow } = props.schema
+      const { showAdvancedButton } = props.formProps
+      const itemIsAdvanced = showAdvancedButton ? (isBoolean(props.isAdvanced) ? props.isAdvanced : true) : true
+
+      let isShow = true
+      let isIfShow = true
+
+      if (isBoolean(show))
+        isShow = show
+
+      if (isBoolean(ifShow))
+        isIfShow = ifShow
+
+      if (isFunction(show))
+        isShow = show(unref(getValues))
+
+      if (isFunction(ifShow))
+        isIfShow = ifShow(unref(getValues))
+
+      isShow = isShow && itemIsAdvanced
+      return { isShow, isIfShow }
+    }
+
+    function handleRules(): Rule[] {
+      const { rules: defRules = [], component, rulesMessageJoinLabel, label, dynamicRules, required } = props.schema
+
+      if (isFunction(dynamicRules))
+        return dynamicRules(unref(getValues)) as Rule[]
+
+      let rules: Rule[] = cloneDeep(defRules) as Rule[]
+      const { rulesMessageJoinLabel: globalRulesMessageJoinLabel } = props.formProps
+
+      const joinLabel = Reflect.has(props.schema, 'rulesMessageJoinLabel') ? rulesMessageJoinLabel : globalRulesMessageJoinLabel
+      const assertLabel = joinLabel ? label : ''
+      const defaultMsg = component ? createPlaceholderMessage(component) + assertLabel : assertLabel
+
+      function validator(rule: any, value: any) {
+        const msg = rule.message || defaultMsg
+        if (value === undefined || isNull(value)) {
+          // 空值
+          return Promise.reject(msg)
+        }
+        else if (Array.isArray(value) && value.length === 0) {
+          // 数组类型
+          return Promise.reject(msg)
+        }
+        else if (typeof value === 'string' && value.trim() === '') {
+          // 空字符串
+          return Promise.reject(msg)
+        }
+        else if (
+          typeof value === 'object'
+          && Reflect.has(value, 'checked')
+          && Reflect.has(value, 'halfChecked')
+          && Array.isArray(value.checked)
+          && Array.isArray(value.halfChecked)
+          && value.checked.length === 0
+          && value.halfChecked.length === 0
+        ) {
+          // 非关联选择的tree组件
+          return Promise.reject(msg)
+        }
+        return Promise.resolve()
+      }
+
+      const getRequired = isFunction(required) ? required(unref(getValues)) : required
+
+      /*
+       * 1、若设置了required属性，又没有其他的rules，就创建一个验证规则；
+       * 2、若设置了required属性，又存在其他的rules，则只rules中不存在required属性时，才添加验证required的规则
+       *     也就是说rules中的required，优先级大于required
+       */
+      if (getRequired) {
+        if (!rules || rules.length === 0) {
+          rules = [{ required: getRequired, validator }]
+        }
+        else {
+          const requiredIndex: number = rules.findIndex(rule => Reflect.has(rule, 'required'))
+
+          if (requiredIndex === -1)
+            rules.push({ required: getRequired, validator })
+        }
+      }
+
+      const requiredRuleIndex: number = rules.findIndex(rule => Reflect.has(rule, 'required') && !Reflect.has(rule, 'validator'))
+
+      if (requiredRuleIndex !== -1) {
+        const rule = rules[requiredRuleIndex]
+        const { isShow } = getShow()
+        if (!isShow)
+          rule.required = false
+
+        if (component) {
+          if (!Reflect.has(rule, 'type'))
+            rule.type = component === 'InputNumber' ? 'number' : 'string'
+
+          rule.message = rule.message || defaultMsg
+
+          if (component.includes('Input') || component.includes('Textarea'))
+            rule.whitespace = true
+
+          const valueFormat = unref(getComponentsProps)?.valueFormat
+          setComponentRuleType(rule, component, valueFormat)
+        }
+      }
+
+      // Maximum input length rule check
+      const characterInx = rules.findIndex(val => val.max)
+      if (characterInx !== -1 && !rules[characterInx].validator)
+        rules[characterInx].message = rules[characterInx].message || t('component.form.maxTip', [rules[characterInx].max] as Recordable)
+
+      return rules
+    }
+
+    function renderComponent() {
+      const { renderComponentContent, component, field, changeEvent = 'change', valueField } = props.schema
+
+      const isCheck = component && ['Switch', 'Checkbox'].includes(component)
+
+      const eventKey = `on${upperFirst(changeEvent)}`
+
+      const { autoSetPlaceHolder, size } = props.formProps
+
+      const propsData: Recordable = {
+        allowClear: true,
+        getPopupContainer: (trigger: Element) => trigger.parentNode!.parentNode,
+        size,
+        ...unref(getComponentsProps),
+        disabled: unref(getDisable),
+      }
+
+      const on = {
+        [eventKey]: (...args: Nullable<Recordable>[]) => {
+          const [e] = args
+          if (propsData[eventKey])
+            propsData[eventKey](...args)
+
+          const target = e ? e.target : null
+          const value = target ? (isCheck ? target.checked : target.value) : e
+          props.setFormModel(field, value, props.schema)
+        },
+      }
+      const Comp = componentMap.get(component) as ReturnType<typeof defineComponent>
+
+      const isCreatePlaceholder = !propsData.disabled && autoSetPlaceHolder
+      // RangePicker place is an array
+      if (isCreatePlaceholder && component !== 'RangePicker' && component)
+        propsData.placeholder = unref(getComponentsProps)?.placeholder || createPlaceholderMessage(component)
+
+      propsData.codeField = field
+      propsData.formValues = unref(getValues)
+
+      const bindValue: Recordable = {
+        [valueField || (isCheck ? 'checked' : 'value')]: props.formModel[field],
+      }
+
+      const compAttr: Recordable = {
+        ...propsData,
+        ...on,
+        ...bindValue,
+      }
+
+      if (!renderComponentContent)
+        return <Comp {...compAttr} />
+
+      const compSlot = isFunction(renderComponentContent)
+        ? { ...renderComponentContent(unref(getValues), { disabled: unref(getDisable) }) }
+        : {
+            default: () => renderComponentContent,
+          }
+      return <Comp {...compAttr}>{compSlot}</Comp>
+    }
+
+    function renderLabelHelpMessage() {
+      const { label, helpMessage, helpComponentProps, subLabel } = props.schema
+      const renderLabel = subLabel
+        ? (
+          <span>
+            {label} <span class="text-secondary">{subLabel}</span>
+          </span>
+          )
+        : (
+            label
+          )
+      const getHelpMessage = isFunction(helpMessage) ? helpMessage(unref(getValues)) : helpMessage
+      if (!getHelpMessage || (Array.isArray(getHelpMessage) && getHelpMessage.length === 0))
+        return renderLabel
+
+      return (
+        <span>
+          {renderLabel}
+          <BasicHelp placement="top" class="mx-1" text={getHelpMessage} {...helpComponentProps} />
+        </span>
+      )
+    }
+
+    function renderItem() {
+      const { itemProps, slot, render, field, suffix, component } = props.schema
+      const { labelCol, wrapperCol } = unref(itemLabelWidthProp)
+      const { colon } = props.formProps
+
+      const opts = { disabled: unref(getDisable) }
+
+      if (component === 'Divider') {
+        return (
+          <Col span={24}>
+            <Divider {...unref(getComponentsProps)}>{renderLabelHelpMessage()}</Divider>
+          </Col>
+        )
+      }
+      else {
+        const getContent = () => {
+          return slot ? getSlot(slots, slot, unref(getValues), opts) : render ? render(unref(getValues), opts) : renderComponent()
+        }
+
+        const showSuffix = !!suffix
+        const getSuffix = isFunction(suffix) ? suffix(unref(getValues)) : suffix
+
+        // TODO 自定义组件验证会出现问题，因此这里框架默认将自定义组件设置手动触发验证，如果其他组件还有此问题请手动设置autoLink=false
+        if (NO_AUTO_LINK_COMPONENTS.includes(component)) {
+          props.schema
+            && (props.schema.itemProps! = {
+              autoLink: false,
+              ...props.schema.itemProps,
+            })
+        }
+
+        return (
+          <Form.Item
+            name={field}
+            colon={colon}
+            class={{ 'suffix-item': showSuffix }}
+            {...(itemProps as Recordable)}
+            label={renderLabelHelpMessage()}
+            rules={handleRules()}
+            labelCol={labelCol}
+            wrapperCol={wrapperCol}
+          >
+            <div style="display:flex">
+              <div style="flex:1;">{getContent()}</div>
+              {showSuffix && <span class="suffix">{getSuffix}</span>}
+            </div>
+          </Form.Item>
+        )
+      }
+    }
+
+    return () => {
+      const { colProps = {}, colSlot, renderColContent, component, slot } = props.schema
+      if (!componentMap.has(component) && !slot)
+        return null
+
+      const { baseColProps = {} } = props.formProps
+      const realColProps = { ...baseColProps, ...colProps }
+      const { isIfShow, isShow } = getShow()
+      const values = unref(getValues)
+      const opts = { disabled: unref(getDisable) }
+
+      const getContent = () => {
+        return colSlot ? getSlot(slots, colSlot, values, opts) : renderColContent ? renderColContent(values, opts) : renderItem()
+      }
+
+      return (
+        isIfShow && (
+          <Col {...realColProps} v-show={isShow}>
+            {getContent()}
+          </Col>
+        )
+      )
+    }
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/RadioButtonGroup.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/RadioButtonGroup.vue
new file mode 100644
index 0000000..62eceac
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/RadioButtonGroup.vue
@@ -0,0 +1,61 @@
+<!--
+ * @Description:It is troublesome to implement radio button group in the form. So it is extracted independently as a separate component
+-->
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+import { Radio } from 'ant-design-vue'
+import { isString } from '@/utils/is'
+import { useRuleFormItem } from '@/hooks/component/useFormItem'
+import { useAttrs } from '@/hooks/core/useAttrs'
+
+defineOptions({ name: 'RadioButtonGroup' })
+const props = defineProps({
+  value: {
+    type: [String, Number, Boolean] as PropType<string | number | boolean>,
+  },
+  options: {
+    type: Array as PropType<RadioItem[]>,
+    default: () => [],
+  },
+})
+const emits = defineEmits(['change'])
+const RadioButton = Radio.Button
+const RadioGroup = Radio.Group
+
+interface OptionsItem { label: string; value: string | number | boolean; disabled?: boolean }
+type RadioItem = string | OptionsItem
+
+const attrs = useAttrs()
+
+const emitData = ref<any[]>([])
+// Embedded in the form, just use the hook binding to perform form verification
+const [state] = useRuleFormItem(props, 'value', 'change', emitData)
+
+// Processing options value
+const getOptions = computed((): OptionsItem[] => {
+  const { options } = props
+  if (!options || options?.length === 0)
+    return []
+
+  const isStringArr = options.some(item => isString(item))
+  if (!isStringArr)
+    return options as OptionsItem[]
+
+  return options.map(item => ({ label: item, value: item })) as OptionsItem[]
+})
+
+function handleClick(args) {
+  emitData.value = args
+  emits('change', emitData.value)
+}
+</script>
+
+<template>
+  <RadioGroup v-bind="attrs" v-model:value="state" button-style="solid">
+    <template v-for="item in getOptions" :key="`${item.value}`">
+      <RadioButton :value="item.value" :disabled="item.disabled" @click="handleClick(item.value)">
+        {{ item.label }}
+      </RadioButton>
+    </template>
+  </RadioGroup>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/components/UploadItemActions.vue b/yunxi-ui-admin-vben/src/components/Form/src/components/UploadItemActions.vue
new file mode 100644
index 0000000..e79293f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/components/UploadItemActions.vue
@@ -0,0 +1,90 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { Icon } from '@/components/Icon'
+import { useMessage } from '@/hooks/web/useMessage'
+
+const props = defineProps({
+  element: { type: HTMLElement, required: true },
+  fileList: { type: Object, required: true },
+  mover: { type: Boolean, required: true },
+  download: { type: Boolean, required: true },
+  emitValue: { type: Function, required: true },
+})
+
+const { createMessage } = useMessage()
+
+const list = computed(() => unref(props.fileList))
+
+// 向前移动图片
+function onMoveForward() {
+  const index = getIndexByUrl()
+  if (index === -1) {
+    createMessage.warn(`移动失败：${index}`)
+    return
+  }
+  if (index === 0) {
+    doSwap(index, unref(list).length - 1)
+    return
+  }
+  doSwap(index, index - 1)
+}
+
+// 向后移动图片
+function onMoveBack() {
+  const index = getIndexByUrl()
+  if (index === -1) {
+    createMessage.warn(`移动失败：${index}`)
+    return
+  }
+  if (index === unref(list).length - 1) {
+    doSwap(index, 0)
+    return
+  }
+  doSwap(index, index + 1)
+}
+
+function doSwap(oldIndex, newIndex) {
+  if (oldIndex !== newIndex) {
+    const array: any[] = [...(unref(list) as Array<any>)]
+    const temp = array[oldIndex]
+    array[oldIndex] = array[newIndex]
+    array[newIndex] = temp
+    props.emitValue(array.map(i => i.url).join(','))
+  }
+}
+
+function getIndexByUrl() {
+  const url = props.element?.getElementsByTagName('img')[0]?.src
+  if (url) {
+    const fileList: any = unref(list)
+    for (let i = 0; i < fileList.length; i++) {
+      const current = fileList[i].url
+      const replace = url.replace(window.location.origin, '')
+      if (current === replace || encodeURI(current) === replace)
+        return i
+    }
+  }
+  return -1
+}
+
+function onDownload() {
+  const url = props.element?.getElementsByTagName('img')[0]?.src
+  window.open(url)
+}
+</script>
+
+<template>
+  <div v-show="download" class="upload-download-handler">
+    <a class="download" title="下载" @click="onDownload">
+      <Icon icon="ant-design:download" />
+    </a>
+  </div>
+  <div v-show="mover && list.length > 1" class="upload-mover-handler">
+    <a title="向前移动" @click="onMoveForward">
+      <Icon icon="ant-design:arrow-left" />
+    </a>
+    <a title="向后移动" @click="onMoveBack">
+      <Icon icon="ant-design:arrow-right" />
+    </a>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/helper.ts b/yunxi-ui-admin-vben/src/components/Form/src/helper.ts
new file mode 100644
index 0000000..029344d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/helper.ts
@@ -0,0 +1,82 @@
+import type { Rule } from 'ant-design-vue/lib/form'
+import type { ComponentType } from './types'
+import { useI18n } from '@/hooks/web/useI18n'
+import { dateUtil } from '@/utils/dateUtil'
+import { isNumber, isObject } from '@/utils/is'
+
+const { t } = useI18n()
+
+/**
+ * @description: 生成placeholder
+ */
+export function createPlaceholderMessage(component: ComponentType) {
+  if (component.includes('Input') || component.includes('Complete'))
+    return t('common.inputText')
+
+  if (component.includes('Picker'))
+    return t('common.chooseText')
+
+  if (
+    component.includes('Select')
+    || component.includes('Cascader')
+    || component.includes('Checkbox')
+    || component.includes('Radio')
+    || component.includes('Switch')
+  ) {
+    // return `请选择${label}`;
+    return t('common.chooseText')
+  }
+  return ''
+}
+
+const DATE_TYPE = ['DatePicker', 'MonthPicker', 'WeekPicker', 'TimePicker']
+
+function genType() {
+  return [...DATE_TYPE, 'RangePicker']
+}
+
+export function setComponentRuleType(rule: Rule, component: ComponentType, valueFormat: string) {
+  if (['DatePicker', 'MonthPicker', 'WeekPicker', 'TimePicker'].includes(component))
+    rule.type = valueFormat ? 'string' : 'object'
+  else if (['RangePicker', 'Upload', 'CheckboxGroup', 'TimePicker'].includes(component))
+    rule.type = 'array'
+  else if (['InputNumber'].includes(component))
+    rule.type = 'number'
+}
+
+export function processDateValue(attr: Recordable, component: string) {
+  const { valueFormat, value } = attr
+  if (valueFormat)
+    attr.value = isObject(value) ? dateUtil(value as any).format(valueFormat) : value
+  else if (DATE_TYPE.includes(component) && value)
+    attr.value = dateUtil(attr.value)
+}
+
+export function handleInputNumberValue(component?: ComponentType, val?: any) {
+  if (!component)
+    return val
+  if (['Input', 'InputPassword', 'InputSearch', 'InputTextArea'].includes(component))
+    return val && isNumber(val) ? `${val}` : val
+
+  return val
+}
+
+/**
+ * 时间字段
+ */
+export const dateItemType = genType()
+
+export const defaultValueComponents = ['Input', 'InputPassword', 'InputSearch', 'InputTextArea']
+
+// TODO 自定义组件封装会出现验证问题，因此这里目前改成手动触发验证
+export const NO_AUTO_LINK_COMPONENTS: ComponentType[] = [
+  'Upload',
+  'ApiTransfer',
+  'ApiTree',
+  'ApiSelect',
+  'ApiTreeSelect',
+  'ApiRadioGroup',
+  'ApiCascader',
+  'AutoComplete',
+  'RadioButtonGroup',
+]
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useAdvanced.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useAdvanced.ts
new file mode 100644
index 0000000..bc5637e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useAdvanced.ts
@@ -0,0 +1,159 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, getCurrentInstance, shallowReactive, unref, watch } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+import type { ColEx } from '../types'
+import type { AdvanceState } from '../types/hooks'
+import type { FormProps, FormSchema } from '../types/form'
+import { isBoolean, isFunction, isNumber, isObject } from '@/utils/is'
+import { useBreakpoint } from '@/hooks/event/useBreakpoint'
+
+const BASIC_COL_LEN = 24
+
+interface UseAdvancedContext {
+  advanceState: AdvanceState
+  emit: EmitType
+  getProps: ComputedRef<FormProps>
+  getSchema: ComputedRef<FormSchema[]>
+  formModel: Recordable
+  defaultValueRef: Ref<Recordable>
+}
+
+export default function ({ advanceState, emit, getProps, getSchema, formModel, defaultValueRef }: UseAdvancedContext) {
+  const vm = getCurrentInstance()
+
+  const { realWidthRef, screenEnum, screenRef } = useBreakpoint()
+
+  const getEmptySpan = computed((): number => {
+    if (!advanceState.isAdvanced)
+      return 0
+
+    // For some special cases, you need to manually specify additional blank lines
+    const emptySpan = unref(getProps).emptySpan || 0
+
+    if (isNumber(emptySpan))
+      return emptySpan
+
+    if (isObject(emptySpan)) {
+      const { span = 0 } = emptySpan
+      const screen = unref(screenRef) as string
+
+      const screenSpan = (emptySpan as any)[screen.toLowerCase()]
+      return screenSpan || span || 0
+    }
+    return 0
+  })
+
+  const debounceUpdateAdvanced = useDebounceFn(updateAdvanced, 30)
+
+  watch(
+    [() => unref(getSchema), () => advanceState.isAdvanced, () => unref(realWidthRef)],
+    () => {
+      const { showAdvancedButton } = unref(getProps)
+      if (showAdvancedButton)
+        debounceUpdateAdvanced()
+    },
+    { immediate: true },
+  )
+
+  function getAdvanced(itemCol: Partial<ColEx>, itemColSum = 0, isLastAction = false) {
+    const width = unref(realWidthRef)
+
+    const mdWidth
+      = Number.parseInt(itemCol.md as string)
+      || Number.parseInt(itemCol.xs as string)
+      || Number.parseInt(itemCol.sm as string)
+      || (itemCol.span as number)
+      || BASIC_COL_LEN
+
+    const lgWidth = Number.parseInt(itemCol.lg as string) || mdWidth
+    const xlWidth = Number.parseInt(itemCol.xl as string) || lgWidth
+    const xxlWidth = Number.parseInt(itemCol.xxl as string) || xlWidth
+    if (width <= screenEnum.LG)
+      itemColSum += mdWidth
+    else if (width < screenEnum.XL)
+      itemColSum += lgWidth
+    else if (width < screenEnum.XXL)
+      itemColSum += xlWidth
+    else
+      itemColSum += xxlWidth
+
+    if (isLastAction) {
+      advanceState.hideAdvanceBtn = false
+      if (itemColSum <= BASIC_COL_LEN * 2) {
+        // When less than or equal to 2 lines, the collapse and expand buttons are not displayed
+        advanceState.hideAdvanceBtn = true
+        advanceState.isAdvanced = true
+      }
+      else if (itemColSum > BASIC_COL_LEN * 2 && itemColSum <= BASIC_COL_LEN * (unref(getProps).autoAdvancedLine || 3)) {
+        advanceState.hideAdvanceBtn = false
+
+        // More than 3 lines collapsed by default
+      }
+      else if (!advanceState.isLoad) {
+        advanceState.isLoad = true
+        advanceState.isAdvanced = !advanceState.isAdvanced
+      }
+      return { isAdvanced: advanceState.isAdvanced, itemColSum }
+    }
+    if (itemColSum > BASIC_COL_LEN * (unref(getProps).alwaysShowLines || 1)) {
+      return { isAdvanced: advanceState.isAdvanced, itemColSum }
+    }
+    else {
+      // The first line is always displayed
+      return { isAdvanced: true, itemColSum }
+    }
+  }
+
+  const fieldsIsAdvancedMap = shallowReactive({})
+
+  function updateAdvanced() {
+    let itemColSum = 0
+    let realItemColSum = 0
+    const { baseColProps = {} } = unref(getProps)
+
+    for (const schema of unref(getSchema)) {
+      const { show, colProps } = schema
+      let isShow = true
+
+      if (isBoolean(show))
+        isShow = show
+
+      if (isFunction(show)) {
+        isShow = show({
+          schema,
+          model: formModel,
+          field: schema.field,
+          values: {
+            ...unref(defaultValueRef),
+            ...formModel,
+          },
+        })
+      }
+
+      if (isShow && (colProps || baseColProps)) {
+        const { itemColSum: sum, isAdvanced } = getAdvanced({ ...baseColProps, ...colProps }, itemColSum)
+
+        itemColSum = sum || 0
+        if (isAdvanced)
+          realItemColSum = itemColSum
+
+        fieldsIsAdvancedMap[schema.field] = isAdvanced
+      }
+    }
+
+    // 确保页面发送更新
+    vm?.proxy?.$forceUpdate()
+
+    advanceState.actionSpan = (realItemColSum % BASIC_COL_LEN) + unref(getEmptySpan)
+
+    getAdvanced(unref(getProps).actionColOptions || { span: BASIC_COL_LEN }, itemColSum, true)
+
+    emit('advanced-change')
+  }
+
+  function handleToggleAdvanced() {
+    advanceState.isAdvanced = !advanceState.isAdvanced
+  }
+
+  return { handleToggleAdvanced, fieldsIsAdvancedMap }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useAutoFocus.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useAutoFocus.ts
new file mode 100644
index 0000000..f291d6c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useAutoFocus.ts
@@ -0,0 +1,33 @@
+import type { ComputedRef, Ref } from 'vue'
+import { nextTick, unref, watchEffect } from 'vue'
+import type { FormActionType, FormProps, FormSchema } from '../types/form'
+
+interface UseAutoFocusContext {
+  getSchema: ComputedRef<FormSchema[]>
+  getProps: ComputedRef<FormProps>
+  isInitedDefault: Ref<boolean>
+  formElRef: Ref<FormActionType>
+}
+export async function useAutoFocus({ getSchema, getProps, formElRef, isInitedDefault }: UseAutoFocusContext) {
+  watchEffect(async () => {
+    if (unref(isInitedDefault) || !unref(getProps).autoFocusFirstItem)
+      return
+
+    await nextTick()
+    const schemas = unref(getSchema)
+    const formEl = unref(formElRef)
+    const el = (formEl as any)?.$el as HTMLElement
+    if (!formEl || !el || !schemas || schemas.length === 0)
+      return
+
+    const firstItem = schemas[0]
+    // Only open when the first form item is input type
+    if (!firstItem.component.includes('Input'))
+      return
+
+    const inputEl = el.querySelector('.ant-row:first-child input') as Nullable<HTMLInputElement>
+    if (!inputEl)
+      return
+    inputEl?.focus()
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useComponentRegister.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useComponentRegister.ts
new file mode 100644
index 0000000..c8082af
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useComponentRegister.ts
@@ -0,0 +1,11 @@
+import { tryOnUnmounted } from '@vueuse/core'
+import type { Component } from 'vue'
+import type { ComponentType } from '../types'
+import { add, del } from '../componentMap'
+
+export function useComponentRegister(compName: ComponentType, comp: Component) {
+  add(compName, comp)
+  tryOnUnmounted(() => {
+    del(compName)
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useForm.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useForm.ts
new file mode 100644
index 0000000..85ad707
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useForm.ts
@@ -0,0 +1,116 @@
+import type { NamePath } from 'ant-design-vue/lib/form/interface'
+import { nextTick, onUnmounted, ref, unref, watch } from 'vue'
+import type { FormActionType, FormProps, FormSchema, UseFormReturnType } from '../types/form'
+import type { DynamicProps } from '@/types/utils'
+import { isProdMode } from '@/utils/env'
+import { error } from '@/utils/log'
+import { getDynamicProps } from '@/utils'
+
+export declare type ValidateFields = (nameList?: NamePath[]) => Promise<Recordable>
+
+type Props = Partial<DynamicProps<FormProps>>
+
+export function useForm(props?: Props): UseFormReturnType {
+  const formRef = ref<Nullable<FormActionType>>(null)
+  const loadedRef = ref<Nullable<boolean>>(false)
+
+  async function getForm() {
+    const form = unref(formRef)
+    if (!form)
+      error('The form instance has not been obtained, please make sure that the form has been rendered when performing the form operation!')
+
+    await nextTick()
+    return form as FormActionType
+  }
+
+  function register(instance: FormActionType) {
+    isProdMode()
+      && onUnmounted(() => {
+        formRef.value = null
+        loadedRef.value = null
+      })
+    if (unref(loadedRef) && isProdMode() && instance === unref(formRef))
+      return
+
+    formRef.value = instance
+    loadedRef.value = true
+
+    watch(
+      () => props,
+      () => {
+        props && instance.setProps(getDynamicProps(props))
+      },
+      {
+        immediate: true,
+        deep: true,
+      },
+    )
+  }
+
+  const methods: FormActionType = {
+    scrollToField: async (name: NamePath, options?: ScrollOptions | undefined) => {
+      const form = await getForm()
+      form.scrollToField(name, options)
+    },
+    setProps: async (formProps: Partial<FormProps>) => {
+      const form = await getForm()
+      form.setProps(formProps)
+    },
+
+    updateSchema: async (data: Partial<FormSchema> | Partial<FormSchema>[]) => {
+      const form = await getForm()
+      form.updateSchema(data)
+    },
+
+    resetSchema: async (data: Partial<FormSchema> | Partial<FormSchema>[]) => {
+      const form = await getForm()
+      form.resetSchema(data)
+    },
+
+    clearValidate: async (name?: string | string[]) => {
+      const form = await getForm()
+      form.clearValidate(name)
+    },
+
+    resetFields: async () => {
+      const form = await getForm()
+      await form.resetFields()
+    },
+
+    removeSchemaByField: async (field: string | string[]) => {
+      unref(formRef)?.removeSchemaByField(field)
+    },
+
+    // TODO promisify
+    getFieldsValue: <T>() => {
+      return unref(formRef)?.getFieldsValue() as T
+    },
+
+    setFieldsValue: async (values: Recordable) => {
+      const form = await getForm()
+      form.setFieldsValue(values)
+    },
+
+    appendSchemaByField: async (schema: FormSchema | FormSchema[], prefixField: string | undefined, first: boolean) => {
+      const form = await getForm()
+      form.appendSchemaByField(schema, prefixField, first)
+    },
+
+    submit: async (): Promise<any> => {
+      const form = await getForm()
+      return form.submit()
+    },
+
+    validate: async (nameList?: NamePath[]): Promise<Recordable> => {
+      const form = await getForm()
+      return form.validate(nameList)
+    },
+
+    validateFields: async (nameList?: NamePath[]): Promise<Recordable> => {
+      const form = await getForm()
+      return form.validateFields(nameList)
+    },
+  }
+
+  return [register, methods]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormContext.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormContext.ts
new file mode 100644
index 0000000..4666af3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormContext.ts
@@ -0,0 +1,17 @@
+import type { InjectionKey } from 'vue'
+import { createContext, useContext } from '@/hooks/core/useContext'
+
+export interface FormContextProps {
+  resetAction: () => Promise<void>
+  submitAction: () => Promise<void>
+}
+
+const key: InjectionKey<FormContextProps> = Symbol('form-context')
+
+export function createFormContext(context: FormContextProps) {
+  return createContext<FormContextProps>(context, key)
+}
+
+export function useFormContext() {
+  return useContext<FormContextProps>(key)
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormEvents.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormEvents.ts
new file mode 100644
index 0000000..d2ce15c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormEvents.ts
@@ -0,0 +1,434 @@
+import type { ComputedRef, Ref } from 'vue'
+import type { NamePath } from 'ant-design-vue/lib/form/interface'
+import { nextTick, toRaw, unref } from 'vue'
+import { cloneDeep, get, set, uniqBy } from 'lodash-es'
+import type { FormActionType, FormProps, FormSchema } from '../types/form'
+import { dateItemType, defaultValueComponents, handleInputNumberValue } from '../helper'
+import {
+  isArray,
+  isDef,
+  isEmpty,
+  isFunction,
+  isNullOrUnDef,
+  isObject,
+  isString,
+} from '@/utils/is'
+import { deepMerge } from '@/utils'
+import { dateUtil } from '@/utils/dateUtil'
+import { error } from '@/utils/log'
+
+interface UseFormActionContext {
+  emit: EmitType
+  getProps: ComputedRef<FormProps>
+  getSchema: ComputedRef<FormSchema[]>
+  formModel: Recordable
+  defaultValueRef: Ref<Recordable>
+  formElRef: Ref<FormActionType>
+  schemaRef: Ref<FormSchema[]>
+  handleFormValues: Fn
+}
+
+function tryConstructArray(field: string, values: Recordable = {}): any[] | undefined {
+  const pattern = /^\[(.+)\]$/
+  if (pattern.test(field)) {
+    const match = field.match(pattern)
+    if (match && match[1]) {
+      const keys = match[1].split(',')
+      if (!keys.length)
+        return undefined
+
+      const result = []
+      keys.forEach((k, index) => {
+        set(result, index, values[k.trim()])
+      })
+
+      return result.filter(Boolean).length ? result : undefined
+    }
+  }
+}
+
+function tryConstructObject(field: string, values: Recordable = {}): Recordable | undefined {
+  const pattern = /^\{(.+)\}$/
+  if (pattern.test(field)) {
+    const match = field.match(pattern)
+    if (match && match[1]) {
+      const keys = match[1].split(',')
+      if (!keys.length)
+        return
+
+      const result = {}
+      keys.forEach((k) => {
+        set(result, k.trim(), values[k.trim()])
+      })
+
+      return Object.values(result).filter(Boolean).length ? result : undefined
+    }
+  }
+}
+
+export function useFormEvents({
+  emit,
+  getProps,
+  formModel,
+  getSchema,
+  defaultValueRef,
+  formElRef,
+  schemaRef,
+  handleFormValues,
+}: UseFormActionContext) {
+  async function resetFields(): Promise<void> {
+    const { resetFunc, submitOnReset } = unref(getProps)
+    resetFunc && isFunction(resetFunc) && (await resetFunc())
+
+    const formEl = unref(formElRef)
+    if (!formEl)
+      return
+
+    Object.keys(formModel).forEach((key) => {
+      const schema = unref(getSchema).find(item => item.field === key)
+      const defaultValueObj = schema?.defaultValueObj
+      const fieldKeys = Object.keys(defaultValueObj || {})
+      if (fieldKeys.length) {
+        fieldKeys.map((field) => {
+          formModel[field] = defaultValueObj![field]
+        })
+      }
+      formModel[key] = getDefaultValue(schema, defaultValueRef, key)
+    })
+    nextTick(() => clearValidate())
+
+    emit('reset', toRaw(formModel))
+    submitOnReset && handleSubmit()
+  }
+
+  // 获取表单fields
+  const getAllFields = () =>
+    unref(getSchema)
+      .map(item => [...(item.fields || []), item.field])
+      .flat(1)
+      .filter(Boolean)
+
+  /**
+   * @description: Set form value
+   */
+  async function setFieldsValue(values: Recordable): Promise<void> {
+    const fields = getAllFields()
+
+    // key 支持 a.b.c 的嵌套写法
+    const delimiter = '.'
+    const nestKeyArray = fields.filter(item => String(item).includes(delimiter))
+
+    const validKeys: string[] = []
+    fields.forEach((key) => {
+      const schema = unref(getSchema).find(item => item.field === key)
+      let value = get(values, key)
+      const hasKey = Reflect.has(values, key)
+
+      value = handleInputNumberValue(schema?.component, value)
+      const { componentProps } = schema || {}
+      let _props = componentProps as any
+      if (typeof componentProps === 'function')
+        _props = _props({ formModel: unref(formModel) })
+
+      const constructValue = tryConstructArray(key, values) || tryConstructObject(key, values)
+
+      // 0| '' is allow
+      if (hasKey || !!constructValue) {
+        const fieldValue = constructValue || value
+        // time type
+        if (itemIsDateType(key)) {
+          if (Array.isArray(fieldValue)) {
+            const arr: any[] = []
+            for (const ele of fieldValue)
+              arr.push(ele ? dateUtil(ele) : null)
+
+            unref(formModel)[key] = arr
+          }
+          else {
+            unref(formModel)[key] = fieldValue
+              ? _props?.valueFormat
+                ? fieldValue
+                : dateUtil(fieldValue)
+              : null
+          }
+        }
+        else {
+          unref(formModel)[key] = fieldValue
+        }
+        if (_props?.onChange)
+          _props?.onChange(fieldValue)
+
+        validKeys.push(key)
+      }
+      else {
+        nestKeyArray.forEach((nestKey: string) => {
+          try {
+            const value = nestKey.split('.').reduce((out, item) => out[item], values)
+            if (isDef(value)) {
+              unref(formModel)[nestKey] = unref(value)
+              validKeys.push(nestKey)
+            }
+          }
+          catch (e) {
+            // key not exist
+            if (isDef(defaultValueRef.value[nestKey]))
+              unref(formModel)[nestKey] = cloneDeep(unref(defaultValueRef.value[nestKey]))
+          }
+        })
+      }
+    })
+    validateFields(validKeys).catch((_) => {})
+  }
+
+  /**
+   * @description: Delete based on field name
+   */
+  async function removeSchemaByField(fields: string | string[]): Promise<void> {
+    const schemaList: FormSchema[] = cloneDeep(unref(getSchema))
+    if (!fields)
+      return
+
+    let fieldList: string[] = isString(fields) ? [fields] : fields
+    if (isString(fields))
+      fieldList = [fields]
+
+    for (const field of fieldList)
+      _removeSchemaByField(field, schemaList)
+
+    schemaRef.value = schemaList
+  }
+
+  /**
+   * @description: Delete based on field name
+   */
+  function _removeSchemaByField(field: string, schemaList: FormSchema[]): void {
+    if (isString(field)) {
+      const index = schemaList.findIndex(schema => schema.field === field)
+      if (index !== -1) {
+        delete formModel[field]
+        schemaList.splice(index, 1)
+      }
+    }
+  }
+
+  /**
+   * @description: Insert after a certain field, if not insert the last
+   */
+  async function appendSchemaByField(
+    schema: FormSchema | FormSchema[],
+    prefixField?: string,
+    first = false,
+  ) {
+    const schemaList: FormSchema[] = cloneDeep(unref(getSchema))
+    const addSchemaIds: string[] = Array.isArray(schema)
+      ? schema.map(item => item.field)
+      : [schema.field]
+    if (schemaList.find(item => addSchemaIds.includes(item.field))) {
+      error('There are schemas that have already been added')
+      return
+    }
+    const index = schemaList.findIndex(schema => schema.field === prefixField)
+    const _schemaList = isObject(schema) ? [schema as FormSchema] : (schema as FormSchema[])
+    if (!prefixField || index === -1 || first) {
+      first ? schemaList.unshift(..._schemaList) : schemaList.push(..._schemaList)
+      schemaRef.value = schemaList
+      _setDefaultValue(schema)
+      return
+    }
+    if (index !== -1)
+      schemaList.splice(index + 1, 0, ..._schemaList)
+
+    _setDefaultValue(schema)
+
+    schemaRef.value = schemaList
+  }
+
+  async function resetSchema(data: Partial<FormSchema> | Partial<FormSchema>[]) {
+    let updateData: Partial<FormSchema>[] = []
+    if (isObject(data))
+      updateData.push(data as FormSchema)
+
+    if (isArray(data))
+      updateData = [...data]
+
+    const hasField = updateData.every(
+      item => item.component === 'Divider' || (Reflect.has(item, 'field') && item.field),
+    )
+
+    if (!hasField) {
+      error(
+        'All children of the form Schema array that need to be updated must contain the `field` field',
+      )
+      return
+    }
+    schemaRef.value = updateData as FormSchema[]
+  }
+
+  async function updateSchema(data: Partial<FormSchema> | Partial<FormSchema>[]) {
+    let updateData: Partial<FormSchema>[] = []
+    if (isObject(data))
+      updateData.push(data as FormSchema)
+
+    if (isArray(data))
+      updateData = [...data]
+
+    const hasField = updateData.every(
+      item => item.component === 'Divider' || (Reflect.has(item, 'field') && item.field),
+    )
+
+    if (!hasField) {
+      error(
+        'All children of the form Schema array that need to be updated must contain the `field` field',
+      )
+      return
+    }
+    const schema: FormSchema[] = []
+    unref(getSchema).forEach((val) => {
+      let _val
+      updateData.forEach((item) => {
+        if (val.field === item.field)
+          _val = item
+      })
+      if (_val !== undefined && val.field === _val.field) {
+        const newSchema = deepMerge(val, _val)
+        schema.push(newSchema as FormSchema)
+      }
+      else {
+        schema.push(val)
+      }
+    })
+    _setDefaultValue(schema)
+
+    schemaRef.value = uniqBy(schema, 'field')
+  }
+
+  function _setDefaultValue(data: FormSchema | FormSchema[]) {
+    let schemas: FormSchema[] = []
+    if (isObject(data))
+      schemas.push(data as FormSchema)
+
+    if (isArray(data))
+      schemas = [...data]
+
+    const obj: Recordable = {}
+    const currentFieldsValue = getFieldsValue()
+    schemas.forEach((item) => {
+      if (
+        item.component !== 'Divider'
+        && Reflect.has(item, 'field')
+        && item.field
+        && !isNullOrUnDef(item.defaultValue)
+        && (!(item.field in currentFieldsValue)
+          || isNullOrUnDef(currentFieldsValue[item.field])
+          || isEmpty(currentFieldsValue[item.field]))
+      )
+        obj[item.field] = item.defaultValue
+    })
+    setFieldsValue(obj)
+  }
+
+  function getFieldsValue(): Recordable {
+    const formEl = unref(formElRef)
+    if (!formEl)
+      return {}
+    return handleFormValues(toRaw(unref(formModel)))
+  }
+
+  /**
+   * @description: Is it time
+   */
+  function itemIsDateType(key: string) {
+    return unref(getSchema).some((item) => {
+      return item.field === key ? dateItemType.includes(item.component) : false
+    })
+  }
+
+  async function validateFields(nameList?: NamePath[] | undefined) {
+    return unref(formElRef)?.validateFields(nameList)
+  }
+
+  async function validate(nameList?: NamePath[] | false | undefined) {
+    let _nameList: any
+    if (nameList === undefined)
+      _nameList = getAllFields()
+
+    else
+      _nameList = nameList === Array.isArray(nameList) ? nameList : undefined
+
+    return await unref(formElRef)?.validate(_nameList)
+  }
+
+  async function clearValidate(name?: string | string[]) {
+    await unref(formElRef)?.clearValidate(name)
+  }
+
+  async function scrollToField(name: NamePath, options?: ScrollOptions | undefined) {
+    await unref(formElRef)?.scrollToField(name, options)
+  }
+
+  /**
+   * @description: Form submission
+   */
+  async function handleSubmit(e?: Event): Promise<void> {
+    e && e.preventDefault()
+    const { submitFunc } = unref(getProps)
+    if (submitFunc && isFunction(submitFunc)) {
+      await submitFunc()
+      return
+    }
+    const formEl = unref(formElRef)
+    if (!formEl)
+      return
+    try {
+      const values = await validate()
+      const res = handleFormValues(values)
+      emit('submit', res)
+    }
+    catch (error: any) {
+      if (error?.outOfDate === false && error?.errorFields)
+        return
+
+      throw new Error(error)
+    }
+  }
+
+  return {
+    handleSubmit,
+    clearValidate,
+    validate,
+    validateFields,
+    getFieldsValue,
+    updateSchema,
+    resetSchema,
+    appendSchemaByField,
+    removeSchemaByField,
+    resetFields,
+    setFieldsValue,
+    scrollToField,
+  }
+}
+
+function getDefaultValue(
+  schema: FormSchema | undefined,
+  defaultValueRef: UseFormActionContext['defaultValueRef'],
+  key: string,
+) {
+  let defaultValue = cloneDeep(defaultValueRef.value[key])
+  const isInput = checkIsInput(schema)
+  if (isInput)
+    return defaultValue || ''
+
+  if (!defaultValue && schema && checkIsRangeSlider(schema))
+    defaultValue = [0, 0]
+
+  return defaultValue
+}
+
+function checkIsRangeSlider(schema: FormSchema) {
+  if (schema.component === 'Slider' && schema.componentProps && schema.componentProps.range)
+    return true
+}
+
+function checkIsInput(schema?: FormSchema) {
+  return schema?.component && defaultValueComponents.includes(schema.component)
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormValues.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormValues.ts
new file mode 100644
index 0000000..7e54fa3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useFormValues.ts
@@ -0,0 +1,153 @@
+import { unref } from 'vue'
+import type { ComputedRef, Ref } from 'vue'
+import { cloneDeep, set } from 'lodash-es'
+import type { FormProps, FormSchema } from '../types/form'
+import { dateUtil } from '@/utils/dateUtil'
+import { isArray, isFunction, isNullOrUnDef, isObject, isString } from '@/utils/is'
+
+interface UseFormValuesContext {
+  defaultValueRef: Ref<any>
+  getSchema: ComputedRef<FormSchema[]>
+  getProps: ComputedRef<FormProps>
+  formModel: Recordable
+}
+
+/**
+ * @description deconstruct array-link key. This method will mutate the target.
+ */
+function tryDeconstructArray(key: string, value: any, target: Recordable) {
+  const pattern = /^\[(.+)\]$/
+  if (pattern.test(key)) {
+    const match = key.match(pattern)
+    if (match && match[1]) {
+      const keys = match[1].split(',')
+      value = Array.isArray(value) ? value : [value]
+      keys.forEach((k, index) => {
+        set(target, k.trim(), value[index])
+      })
+      return true
+    }
+  }
+}
+
+/**
+ * @description deconstruct object-link key. This method will mutate the target.
+ */
+function tryDeconstructObject(key: string, value: any, target: Recordable) {
+  const pattern = /^\{(.+)\}$/
+  if (pattern.test(key)) {
+    const match = key.match(pattern)
+    if (match && match[1]) {
+      const keys = match[1].split(',')
+      value = isObject(value) ? value : {}
+      keys.forEach((k) => {
+        set(target, k.trim(), value[k.trim()])
+      })
+      return true
+    }
+  }
+}
+
+export function useFormValues({ defaultValueRef, getSchema, formModel, getProps }: UseFormValuesContext) {
+  // Processing form values
+  function handleFormValues(values: Recordable) {
+    if (!isObject(values))
+      return {}
+
+    const res: Recordable = {}
+    for (const item of Object.entries(values)) {
+      let [, value] = item
+      const [key] = item
+      if (!key || (isArray(value) && value.length === 0) || isFunction(value))
+        continue
+
+      const transformDateFunc = unref(getProps).transformDateFunc
+      if (isObject(value))
+        value = transformDateFunc?.(value)
+
+      if (isArray(value) && value[0]?.format && value[1]?.format)
+        value = value.map(item => transformDateFunc?.(item))
+
+      // Remove spaces
+      if (isString(value)) {
+        // remove params from URL
+        if (value === '')
+          value = undefined
+        else
+          value = value.trim()
+      }
+      if (!tryDeconstructArray(key, value, res) && !tryDeconstructObject(key, value, res)) {
+        // 没有解构成功的，按原样赋值
+        set(res, key, value)
+      }
+    }
+    return handleRangeTimeValue(res)
+  }
+
+  /**
+   * @description: Processing time interval parameters
+   */
+  function handleRangeTimeValue(values: Recordable) {
+    const fieldMapToTime = unref(getProps).fieldMapToTime
+
+    if (!fieldMapToTime || !Array.isArray(fieldMapToTime))
+      return values
+
+    for (const [field, [startTimeKey, endTimeKey], format = 'YYYY-MM-DD'] of fieldMapToTime) {
+      if (!field || !startTimeKey || !endTimeKey)
+        continue
+
+      // If the value to be converted is empty, remove the field
+      if (!values[field]) {
+        Reflect.deleteProperty(values, field)
+        continue
+      }
+
+      const [startTime, endTime]: string[] = values[field]
+
+      const [startTimeFormat, endTimeFormat] = Array.isArray(format) ? format : [format, format]
+
+      values[startTimeKey] = formatTime(startTime, startTimeFormat)
+      values[endTimeKey] = formatTime(endTime, endTimeFormat)
+      Reflect.deleteProperty(values, field)
+    }
+
+    return values
+  }
+
+  function formatTime(time: string, format: string) {
+    if (format === 'timestamp')
+      return dateUtil(time).unix()
+
+    else if (format === 'timestampStartDay')
+      return dateUtil(time).startOf('day').unix()
+
+    return dateUtil(time).format(format)
+  }
+
+  function initDefault() {
+    const schemas = unref(getSchema)
+    const obj: Recordable = {}
+    schemas.forEach((item) => {
+      const { defaultValue, defaultValueObj } = item
+      const fieldKeys = Object.keys(defaultValueObj || {})
+      if (fieldKeys.length) {
+        // eslint-disable-next-line array-callback-return
+        fieldKeys.map((field) => {
+          obj[field] = defaultValueObj![field]
+          if (formModel[field] === undefined)
+            formModel[field] = defaultValueObj![field]
+        })
+      }
+      if (!isNullOrUnDef(defaultValue)) {
+        obj[item.field] = defaultValue
+
+        if (formModel[item.field] === undefined)
+          formModel[item.field] = defaultValue
+      }
+    })
+    defaultValueRef.value = cloneDeep(obj)
+  }
+
+  return { handleFormValues, initDefault }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/hooks/useLabelWidth.ts b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useLabelWidth.ts
new file mode 100644
index 0000000..3419018
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/hooks/useLabelWidth.ts
@@ -0,0 +1,36 @@
+import type { Ref } from 'vue'
+import { computed, unref } from 'vue'
+import type { FormProps, FormSchema } from '../types/form'
+import { isNumber } from '@/utils/is'
+
+export function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<FormProps>) {
+  return computed(() => {
+    const schemaItem = unref(schemaItemRef)
+    const { labelCol = {}, wrapperCol = {} } = schemaItem.itemProps || {}
+    const { labelWidth, disabledLabelWidth } = schemaItem
+
+    const { labelWidth: globalLabelWidth, labelCol: globalLabelCol, wrapperCol: globWrapperCol, layout } = unref(propsRef)
+
+    // If labelWidth is set globally, all items setting
+    if ((!globalLabelWidth && !labelWidth && !globalLabelCol) || disabledLabelWidth) {
+      labelCol.style = {
+        textAlign: 'left',
+      }
+      return { labelCol, wrapperCol }
+    }
+    let width = labelWidth || globalLabelWidth
+    const col = { ...globalLabelCol, ...labelCol }
+    const wrapCol = { ...globWrapperCol, ...wrapperCol }
+
+    if (width)
+      width = isNumber(width) ? `${width}px` : width
+
+    return {
+      labelCol: { style: { width }, ...col },
+      wrapperCol: {
+        style: { width: layout === 'vertical' ? '100%' : `calc(100% - ${width})` },
+        ...wrapCol,
+      },
+    }
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/props.ts b/yunxi-ui-admin-vben/src/components/Form/src/props.ts
new file mode 100644
index 0000000..e697ccc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/props.ts
@@ -0,0 +1,103 @@
+import type { CSSProperties } from 'vue'
+import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'
+import type { RowProps } from 'ant-design-vue/lib/grid/Row'
+import type { FieldMapToTime, FormSchema } from './types/form'
+import type { ColEx } from './types'
+import type { TableActionType } from '@/components/Table'
+import { propTypes } from '@/utils/propTypes'
+
+export const basicProps = {
+  model: {
+    type: Object as PropType<Recordable>,
+    default: () => ({}),
+  },
+  // 标签宽度  固定宽度
+  labelWidth: {
+    type: [Number, String] as PropType<number | string>,
+    default: 0,
+  },
+  fieldMapToTime: {
+    type: Array as PropType<FieldMapToTime>,
+    default: () => [],
+  },
+  compact: propTypes.bool,
+  // 表单配置规则
+  schemas: {
+    type: Array as PropType<FormSchema[]>,
+    default: () => [],
+  },
+  mergeDynamicData: {
+    type: Object as PropType<Recordable>,
+    default: null,
+  },
+  baseRowStyle: {
+    type: Object as PropType<CSSProperties>,
+  },
+  baseColProps: {
+    type: Object as PropType<Partial<ColEx>>,
+  },
+  autoSetPlaceHolder: propTypes.bool.def(true),
+  // 在INPUT组件上单击回车时，是否自动提交
+  autoSubmitOnEnter: propTypes.bool.def(false),
+  submitOnReset: propTypes.bool,
+  submitOnChange: propTypes.bool,
+  size: propTypes.oneOf(['default', 'small', 'large']),
+  // 禁用表单
+  disabled: propTypes.bool,
+  emptySpan: {
+    type: [Number, Object] as PropType<number | Recordable>,
+    default: 0,
+  },
+  // 是否显示收起展开按钮
+  showAdvancedButton: propTypes.bool,
+  // 转化时间
+  transformDateFunc: {
+    type: Function as PropType<Fn>,
+    default: (date: any) => {
+      return date?.format?.('YYYY-MM-DD HH:mm:ss') ?? date
+    },
+  },
+  rulesMessageJoinLabel: propTypes.bool.def(true),
+  // 超过3行自动折叠
+  autoAdvancedLine: propTypes.number.def(3),
+  // 不受折叠影响的行数
+  alwaysShowLines: propTypes.number.def(1),
+
+  // 是否显示操作按钮
+  showActionButtonGroup: propTypes.bool.def(true),
+  // 操作列Col配置
+  actionColOptions: Object as PropType<Partial<ColEx>>,
+  // 显示重置按钮
+  showResetButton: propTypes.bool.def(true),
+  // 是否聚焦第一个输入框，只在第一个表单项为input的时候作用
+  autoFocusFirstItem: propTypes.bool,
+  // 重置按钮配置
+  resetButtonOptions: Object as PropType<Partial<ButtonProps>>,
+
+  // 显示确认按钮
+  showSubmitButton: propTypes.bool.def(true),
+  // 确认按钮配置
+  submitButtonOptions: Object as PropType<Partial<ButtonProps>>,
+
+  // 自定义重置函数
+  resetFunc: Function as PropType<() => Promise<void>>,
+  submitFunc: Function as PropType<() => Promise<void>>,
+
+  // 以下为默认props
+  hideRequiredMark: propTypes.bool,
+
+  labelCol: Object as PropType<Partial<ColEx>>,
+
+  layout: propTypes.oneOf(['horizontal', 'vertical', 'inline']).def('horizontal'),
+  tableAction: {
+    type: Object as PropType<TableActionType>,
+  },
+
+  wrapperCol: Object as PropType<Partial<ColEx>>,
+
+  colon: propTypes.bool,
+
+  labelAlign: propTypes.string,
+
+  rowProps: Object as PropType<RowProps>,
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/types/form.ts b/yunxi-ui-admin-vben/src/components/Form/src/types/form.ts
new file mode 100644
index 0000000..e3d31e4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/types/form.ts
@@ -0,0 +1,225 @@
+import type { NamePath, RuleObject } from 'ant-design-vue/lib/form/interface'
+import type { CSSProperties, VNode } from 'vue'
+import type { RowProps } from 'ant-design-vue/lib/grid/Row'
+import type { FormItem } from './formItem'
+import type { ColEx, ComponentType } from './index'
+import type { ButtonProps as AntdButtonProps } from '@/components/Button'
+import type { TableActionType } from '@/components/Table/src/types/table'
+
+export type FieldMapToTime = [string, [string, string], (string | [string, string])?][]
+
+export type Rule = RuleObject & {
+  trigger?: 'blur' | 'change' | ['change', 'blur']
+}
+
+export interface RenderCallbackParams {
+  schema: FormSchema
+  values: Recordable
+  model: Recordable
+  field: string
+}
+
+export interface ButtonProps extends AntdButtonProps {
+  text?: string
+}
+
+export interface FormActionType {
+  submit: () => Promise<void>
+  setFieldsValue: (values: Recordable) => Promise<void>
+  resetFields: () => Promise<void>
+  getFieldsValue: () => Recordable
+  clearValidate: (name?: string | string[]) => Promise<void>
+  updateSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>
+  resetSchema: (data: Partial<FormSchema> | Partial<FormSchema>[]) => Promise<void>
+  setProps: (formProps: Partial<FormProps>) => Promise<void>
+  removeSchemaByField: (field: string | string[]) => Promise<void>
+  appendSchemaByField: (schema: FormSchema | FormSchema[], prefixField: string | undefined, first?: boolean | undefined) => Promise<void>
+  validateFields: (nameList?: NamePath[]) => Promise<any>
+  validate: (nameList?: NamePath[] | false) => Promise<any>
+  scrollToField: (name: NamePath, options?: ScrollOptions) => Promise<void>
+}
+
+export type RegisterFn = (formInstance: FormActionType) => void
+
+export type UseFormReturnType = [RegisterFn, FormActionType]
+
+export interface FormProps {
+  name?: string
+  layout?: 'vertical' | 'inline' | 'horizontal'
+  // Form value
+  model?: Recordable
+  // The width of all items in the entire form
+  labelWidth?: number | string
+  // alignment
+  labelAlign?: 'left' | 'right'
+  // Row configuration for the entire form
+  rowProps?: RowProps
+  // Submit form on reset
+  submitOnReset?: boolean
+  // Submit form on form changing
+  submitOnChange?: boolean
+  // Col configuration for the entire form
+  labelCol?: Partial<ColEx>
+  // Col configuration for the entire form
+  wrapperCol?: Partial<ColEx>
+
+  // General row style
+  baseRowStyle?: CSSProperties
+
+  // General col configuration
+  baseColProps?: Partial<ColEx>
+
+  // Form configuration rules
+  schemas?: FormSchema[]
+  // Function values used to merge into dynamic control form items
+  mergeDynamicData?: Recordable
+  // Compact mode for search forms
+  compact?: boolean
+  // Blank line span
+  emptySpan?: number | Partial<ColEx>
+  // Internal component size of the form
+  size?: 'default' | 'small' | 'large'
+  // Whether to disable
+  disabled?: boolean
+  // Time interval fields are mapped into multiple
+  fieldMapToTime?: FieldMapToTime
+  // Placeholder is set automatically
+  autoSetPlaceHolder?: boolean
+  // Auto submit on press enter on input
+  autoSubmitOnEnter?: boolean
+  // Check whether the information is added to the label
+  rulesMessageJoinLabel?: boolean
+  // Whether to show collapse and expand buttons
+  showAdvancedButton?: boolean
+  // Whether to focus on the first input box, only works when the first form item is input
+  autoFocusFirstItem?: boolean
+  // Automatically collapse over the specified number of rows
+  autoAdvancedLine?: number
+  // Always show lines
+  alwaysShowLines?: number
+  // Whether to show the operation button
+  showActionButtonGroup?: boolean
+
+  // Reset button configuration
+  resetButtonOptions?: Partial<ButtonProps>
+
+  // Confirm button configuration
+  submitButtonOptions?: Partial<ButtonProps>
+
+  // Operation column configuration
+  actionColOptions?: Partial<ColEx>
+
+  // Show reset button
+  showResetButton?: boolean
+  // Show confirmation button
+  showSubmitButton?: boolean
+
+  resetFunc?: () => Promise<void>
+  submitFunc?: () => Promise<void>
+  transformDateFunc?: (date: any) => string
+  colon?: boolean
+}
+export interface RenderOpts {
+  disabled: boolean
+  [key: string]: any
+}
+export interface FormSchema {
+  // Field name
+  field: string
+  // Extra Fields name[]
+  fields?: string[]
+  // Event name triggered by internal value change, default change
+  changeEvent?: string
+  // Variable name bound to v-model Default value
+  valueField?: string
+  // Label name
+  label?: string | VNode
+  // Auxiliary text
+  subLabel?: string
+  // Help text on the right side of the text
+  helpMessage?: string | string[] | ((renderCallbackParams: RenderCallbackParams) => string | string[])
+  // BaseHelp component props
+  helpComponentProps?: Partial<HelpComponentProps>
+  // Label width, if it is passed, the labelCol and WrapperCol configured by itemProps will be invalid
+  labelWidth?: string | number
+  // Disable the adjustment of labelWidth with global settings of formModel, and manually set labelCol and wrapperCol by yourself
+  disabledLabelWidth?: boolean
+  // render component
+  component: ComponentType
+  // Component parameters
+  componentProps?:
+  | ((opt: { schema: FormSchema; tableAction: TableActionType; formActionType: FormActionType; formModel: Recordable }) => Recordable)
+  | object
+  // Required
+  required?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean)
+
+  suffix?: string | number | ((values: RenderCallbackParams) => string | number)
+
+  // Validation rules
+  rules?: Rule[]
+  // Check whether the information is added to the label
+  rulesMessageJoinLabel?: boolean
+
+  // Reference formModelItem
+  itemProps?: Partial<FormItem>
+
+  // col configuration outside formModelItem
+  colProps?: Partial<ColEx>
+
+  // 默认值
+  defaultValue?: any
+
+  // 额外默认值数组对象
+  defaultValueObj?: { [key: string]: any }
+
+  // 是否自动处理与时间相关组件的默认值
+  isHandleDateDefaultValue?: boolean
+
+  isAdvanced?: boolean
+
+  // Matching details components
+  span?: number
+
+  ifShow?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean)
+
+  show?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean)
+
+  // Render the content in the form-item tag
+  render?: (
+    renderCallbackParams: RenderCallbackParams,
+    opts: RenderOpts,
+  ) => VNode | VNode[] | string
+
+  // Rendering col content requires outer wrapper form-item
+  renderColContent?: (
+    renderCallbackParams: RenderCallbackParams,
+    opts: RenderOpts,
+  ) => VNode | VNode[] | string
+
+  renderComponentContent?: ((renderCallbackParams: RenderCallbackParams, opts: RenderOpts) => any) | VNode | VNode[] | string
+
+  // Custom slot, in from-item
+  slot?: string
+
+  // Custom slot, similar to renderColContent
+  colSlot?: string
+
+  dynamicDisabled?: boolean | ((renderCallbackParams: RenderCallbackParams) => boolean)
+
+  dynamicRules?: (renderCallbackParams: RenderCallbackParams) => Rule[]
+}
+export interface HelpComponentProps {
+  maxWidth: string
+  // Whether to display the serial number
+  showIndex: boolean
+  // Text list
+  text: any
+  // colour
+  color: string
+  // font size
+  fontSize: string
+  icon: string
+  absolute: boolean
+  // Positioning
+  position: any
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/types/formItem.ts b/yunxi-ui-admin-vben/src/components/Form/src/types/formItem.ts
new file mode 100644
index 0000000..469b198
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/types/formItem.ts
@@ -0,0 +1,91 @@
+import type { NamePath } from 'ant-design-vue/lib/form/interface'
+import type { ColProps } from 'ant-design-vue/lib/grid/Col'
+import type { HTMLAttributes, VNodeChild } from 'vue'
+
+export interface FormItem {
+  /**
+   * Used with label, whether to display : after label text.
+   * @default true
+   * @type boolean
+   */
+  colon?: boolean
+
+  /**
+   * The extra prompt message. It is similar to help. Usage example: to display error message and prompt message at the same time.
+   * @type any (string | slot)
+   */
+  extra?: string | VNodeChild | JSX.Element
+
+  /**
+   * Used with validateStatus, this option specifies the validation status icon. Recommended to be used only with Input.
+   * @default false
+   * @type boolean
+   */
+  hasFeedback?: boolean
+
+  /**
+   * The prompt message. If not provided, the prompt message will be generated by the validation rule.
+   * @type any (string | slot)
+   */
+  help?: string | VNodeChild | JSX.Element
+
+  /**
+   * Label test
+   * @type any (string | slot)
+   */
+  label?: string | VNodeChild | JSX.Element
+
+  /**
+   * The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col>
+   * @type Col
+   */
+  labelCol?: ColProps & HTMLAttributes
+
+  /**
+   * Whether provided or not, it will be generated by the validation rule.
+   * @default false
+   * @type boolean
+   */
+  required?: boolean
+
+  /**
+   * The validation status. If not provided, it will be generated by validation rule. options: 'success' 'warning' 'error' 'validating'
+   * @type string
+   */
+  validateStatus?: '' | 'success' | 'warning' | 'error' | 'validating'
+
+  /**
+   * The layout for input controls, same as labelCol
+   * @type Col
+   */
+  wrapperCol?: ColProps
+  /**
+   * Set sub label htmlFor.
+   */
+  htmlFor?: string
+  /**
+   * text align of label
+   */
+  labelAlign?: 'left' | 'right'
+  /**
+   * a key of model. In the setting of validate and resetFields method, the attribute is required
+   */
+  name?: NamePath
+  /**
+   * validation rules of form
+   */
+  rules?: object | object[]
+  /**
+   * Whether to automatically associate form fields. In most cases, you can setting automatic association.
+   * If the conditions for automatic association are not met, you can manually associate them. See the notes below.
+   */
+  autoLink?: boolean
+  /**
+   * Whether stop validate on first rule of error for this field.
+   */
+  validateFirst?: boolean
+  /**
+   * When to validate the value of children node
+   */
+  validateTrigger?: string | string[] | false
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/types/hooks.ts b/yunxi-ui-admin-vben/src/components/Form/src/types/hooks.ts
new file mode 100644
index 0000000..7bd5281
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/types/hooks.ts
@@ -0,0 +1,6 @@
+export interface AdvanceState {
+  isAdvanced: boolean
+  hideAdvanceBtn: boolean
+  isLoad: boolean
+  actionSpan: number
+}
diff --git a/yunxi-ui-admin-vben/src/components/Form/src/types/index.ts b/yunxi-ui-admin-vben/src/components/Form/src/types/index.ts
new file mode 100644
index 0000000..dbf21c8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Form/src/types/index.ts
@@ -0,0 +1,120 @@
+type ColSpanType = number | string
+export interface ColEx {
+  style?: any
+  /**
+   * raster number of cells to occupy, 0 corresponds to display: none
+   * @default none (0)
+   * @type ColSpanType
+   */
+  span?: ColSpanType
+
+  /**
+   * raster order, used in flex layout mode
+   * @default 0
+   * @type ColSpanType
+   */
+  order?: ColSpanType
+
+  /**
+   * the layout fill of flex
+   * @default none
+   * @type ColSpanType
+   */
+  flex?: ColSpanType
+
+  /**
+   * the number of cells to offset Col from the left
+   * @default 0
+   * @type ColSpanType
+   */
+  offset?: ColSpanType
+
+  /**
+   * the number of cells that raster is moved to the right
+   * @default 0
+   * @type ColSpanType
+   */
+  push?: ColSpanType
+
+  /**
+   * the number of cells that raster is moved to the left
+   * @default 0
+   * @type ColSpanType
+   */
+  pull?: ColSpanType
+
+  /**
+   * <576px and also default setting, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  xs?: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥576px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  sm?: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥768px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  md?: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥992px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  lg?: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥1200px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  xl?: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥1600px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  xxl?: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+}
+
+export type ComponentType =
+  | 'Input'
+  | 'InputGroup'
+  | 'InputPassword'
+  | 'InputSearch'
+  | 'InputTextArea'
+  | 'InputNumber'
+  | 'InputCountDown'
+  | 'Select'
+  | 'ApiSelect'
+  | 'TreeSelect'
+  | 'ApiTree'
+  | 'ApiTreeSelect'
+  | 'ApiRadioGroup'
+  | 'RadioButtonGroup'
+  | 'RadioGroup'
+  | 'Checkbox'
+  | 'CheckboxGroup'
+  | 'AutoComplete'
+  | 'ApiCascader'
+  | 'Cascader'
+  | 'DatePicker'
+  | 'MonthPicker'
+  | 'RangePicker'
+  | 'WeekPicker'
+  | 'TimePicker'
+  | 'Switch'
+  | 'StrengthMeter'
+  | 'Upload'
+  | 'IconPicker'
+  | 'Render'
+  | 'Slider'
+  | 'Rate'
+  | 'Divider'
+  | 'ApiTransfer'
+  | 'Editor'
+  | 'FileUpload'
+  | 'CronTab'
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/index.ts b/yunxi-ui-admin-vben/src/components/FormDesign/index.ts
new file mode 100644
index 0000000..50925e3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/index.ts
@@ -0,0 +1,4 @@
+import VFormDesign from './src/components/VFormDesign/index.vue'
+import VFormCreate from './src/components/VFormCreate/index.vue'
+
+export { VFormDesign, VFormCreate }
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue
new file mode 100644
index 0000000..d95986b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue
@@ -0,0 +1,72 @@
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import { Col, Row } from 'ant-design-vue'
+import type { IFormConfig, IVFormComponent } from '../../../typings/v-form-component'
+import VFormItem from '../../VFormItem/index.vue'
+
+defineProps({
+  formData: {
+    type: Object,
+    default: () => ({}),
+  },
+  schema: {
+    type: Object as PropType<IVFormComponent>,
+    default: () => ({}),
+  },
+  formConfig: {
+    type: Object as PropType<IFormConfig>,
+    default: () => [] as IFormConfig[],
+  },
+  setFormModel: {
+    type: Function as PropType<(key: string, value: any) => void>,
+    default: null,
+  },
+})
+
+const emit = defineEmits(['change', 'submit', 'reset'])
+</script>
+
+<template>
+  <template v-if="['Grid'].includes(schema.component)">
+    <Row class="grid-row">
+      <Col
+        v-for="(colItem, index) in schema.columns"
+        :key="index"
+        class="grid-col"
+        :span="colItem.span"
+      >
+        <FormRender
+          v-for="(item, k) in colItem.children"
+          :key="k"
+          :schema="item"
+          :form-data="formData"
+          :form-config="formConfig"
+          :set-form-model="setFormModel"
+        />
+      </Col>
+    </Row>
+  </template>
+  <VFormItem
+    v-else
+    :form-config="formConfig"
+    :schema="schema"
+    :form-data="formData"
+    :set-form-model="setFormModel"
+    @change="emit('change', { schema, value: $event })"
+    @submit="emit('submit', schema)"
+    @reset="emit('reset')"
+  >
+    <template
+      v-if="schema.componentProps && schema.componentProps.slotName"
+      #[schema.componentProps!.slotName]
+    >
+      <slot :name="schema.componentProps!.slotName" />
+    </template>
+  </VFormItem>
+</template>
+
+<style>
+.v-form-render-item {
+  overflow: hidden;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/index.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/index.vue
new file mode 100644
index 0000000..63ece88
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormCreate/index.vue
@@ -0,0 +1,145 @@
+<!--
+ * @Description: 表单渲染器，根据json生成表单
+-->
+<script lang="ts">
+import type { PropType } from 'vue'
+import { computed, defineComponent, provide, ref, unref } from 'vue'
+import { Col, Form, Row } from 'ant-design-vue'
+import { useVModel } from '@vueuse/core'
+import { omit } from 'lodash-es'
+import type { AForm, IFormConfig } from '../../typings/v-form-component'
+import { useFormInstanceMethods } from '../../hooks/useFormInstanceMethods'
+import type { IProps, IVFormMethods } from '../../hooks/useVFormMethods'
+import { useVFormMethods } from '../../hooks/useVFormMethods'
+import FormRender from './components/FormRender.vue'
+
+export default defineComponent({
+  name: 'VFormCreate',
+  components: {
+    FormRender,
+    Form,
+    Row,
+  },
+  props: {
+    fApi: {
+      type: Object,
+    },
+    formModel: {
+      type: Object,
+      default: () => ({}),
+    },
+    formConfig: {
+      type: Object as PropType<IFormConfig>,
+      required: true,
+    },
+  },
+  emits: ['submit', 'change', 'update:fApi', 'update:formModel'],
+  setup(props, context) {
+    const wrapperComp = props.formConfig.layout === 'vertical' ? Col : Row
+    const { emit } = context
+    const eFormModel = ref<AForm | null>(null)
+
+    const formModelNew = computed({
+      get: () => props.formModel,
+      set: value => emit('update:formModel', value),
+    })
+
+    const noHiddenList = computed(() => {
+      return (
+        props.formConfig.schemas
+          && props.formConfig.schemas.filter(item => item.hidden !== true)
+      )
+    })
+
+    const fApi = useVModel(props, 'fApi', emit)
+
+    const { submit, validate, clearValidate, resetFields, validateField }
+        = useFormInstanceMethods(props, formModelNew, context, eFormModel)
+
+    const { linkOn, ...methods } = useVFormMethods(
+      { formConfig: props.formConfig, formData: props.formModel } as unknown as IProps,
+      context,
+      eFormModel,
+      {
+        submit,
+        validate,
+        validateField,
+        resetFields,
+        clearValidate,
+      },
+    )
+
+    fApi.value = methods
+
+    const handleChange = (_event) => {
+      const { schema, value } = _event
+      const { field } = unref(schema)
+
+      linkOn[field!]?.forEach((formItem) => {
+        formItem.update?.(value, formItem, fApi.value as IVFormMethods)
+      })
+    }
+    /**
+     * 获取表单属性
+     */
+    const formModelProps = computed(
+      () => omit(props.formConfig, ['disabled', 'labelWidth', 'schemas']) as Recordable,
+    )
+
+    const handleSubmit = () => {
+      submit()
+    }
+
+    provide('formModel', formModelNew)
+    const setFormModel = (key, value) => {
+      formModelNew.value[key] = value
+    }
+
+    provide<(key: string, value: any) => void>('setFormModelMethod', setFormModel)
+
+    // 把祖先组件的方法项注入到子组件中，子组件可通过inject获取
+    return {
+      eFormModel,
+      submit,
+      validate,
+      validateField,
+      resetFields,
+      clearValidate,
+      handleChange,
+      formModelProps,
+      handleSubmit,
+      setFormModel,
+      formModelNew,
+      wrapperComp,
+      noHiddenList,
+    }
+  },
+})
+</script>
+
+<template>
+  <div class="v-form-container">
+    <Form ref="eFormModel" class="overflow-hidden" :model="formModel" v-bind="formModelProps">
+      <Row>
+        <FormRender
+          v-for="(schema, index) of noHiddenList"
+          :key="index"
+          :schema="schema"
+          :form-config="formConfig"
+          :form-data="formModelNew"
+          :set-form-model="setFormModel"
+          @change="handleChange"
+          @submit="handleSubmit"
+          @reset="resetFields"
+        >
+          <template v-if="schema && schema.componentProps" #[`schema.componentProps!.slotName`]>
+            <slot
+              :name="schema.componentProps!.slotName"
+              v-bind="{ formModel, field: schema.field, schema }"
+            />
+          </template>
+        </FormRender>
+      </Row>
+    </Form>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue
new file mode 100644
index 0000000..8aba302
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue
@@ -0,0 +1,73 @@
+<!--
+ * @Description: 渲染代码
+-->
+<script lang="ts" setup>
+import { computed, reactive } from 'vue'
+import { Modal } from 'ant-design-vue'
+import { formatRules, removeAttrs } from '../../../utils'
+import type { IFormConfig } from '../../../typings/v-form-component'
+import PreviewCode from './PreviewCode.vue'
+
+const codeVueFront = `<template>
+  <div>
+    <v-form-create
+      :formConfig="formConfig"
+      :formData="formData"
+      v-model="fApi"
+    />
+    <a-button @click="submit">提交</a-button>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'Demo',
+  data () {
+    return {
+      fApi:{},
+      formData:{},
+      formConfig: `
+/* eslint-disable */
+let codeVueLast = `
+    }
+  },
+  methods: {
+    async submit() {
+      const data = await this.fApi.submit()
+      console.log(data)
+     }
+  }
+}
+<\/script>`;
+//
+const state = reactive({
+  open: false,
+  jsonData: {} as IFormConfig,
+});
+
+const showModal = (formConfig: IFormConfig) => {
+  formConfig.schemas && formatRules(formConfig.schemas);
+  state.open = true;
+  state.jsonData = formConfig;
+};
+
+const editorVueJson = computed(() => {
+  return codeVueFront + JSON.stringify(removeAttrs(state.jsonData), null, '\t') + codeVueLast;
+});
+
+defineExpose({ showModal })
+</script>
+<template>
+  <Modal
+    title="代码"
+    :footer="null"
+    :open="state.open"
+    @cancel="state.open = false"
+    wrapClassName="v-code-modal"
+    style="top: 20px"
+    width="850px"
+    :destroyOnClose="true"
+  >
+    <PreviewCode :editorJson="editorVueJson" fileFormat="vue" />
+  </Modal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue
new file mode 100644
index 0000000..906b2b5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue
@@ -0,0 +1,190 @@
+<!--
+ * @Description: 组件属性控件
+-->
+<script lang="ts" setup>
+import { Checkbox, Col, Empty, Form, FormItem, Select } from 'ant-design-vue'
+import { computed, ref, watch } from 'vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import {
+  baseComponentAttrs,
+  baseComponentCommonAttrs,
+  baseComponentControlAttrs,
+  componentPropsFuncs,
+} from '../../VFormDesign/config/componentPropsConfig'
+import { formItemsForEach, remove } from '../../../utils'
+import type { IBaseFormAttrs } from '../config/formItemPropsConfig'
+import FormOptions from './FormOptions.vue'
+
+const { formConfig } = useFormDesignState()
+// 让compuated属性自动更新
+const allOptions = ref([] as Omit<IBaseFormAttrs, 'tag'>[])
+function showControlAttrs(includes: string[] | undefined) {
+  if (!includes)
+    return true
+  return includes.includes(formConfig.value.currentItem!.component)
+}
+
+if (formConfig.value.currentItem) {
+  formConfig.value.currentItem.componentProps
+    = formConfig.value.currentItem.componentProps || {}
+}
+
+watch(
+  () => formConfig.value.currentItem?.field,
+  (_newValue, oldValue) => {
+    formConfig.value.schemas
+      && formItemsForEach(formConfig.value.schemas, (item) => {
+        if (item.link) {
+          const index = item.link.findIndex(linkItem => linkItem === oldValue)
+          index !== -1 && remove(item.link, index)
+        }
+      })
+  },
+)
+
+watch(
+  () => formConfig.value.currentItem && formConfig.value.currentItem.component,
+  () => {
+    allOptions.value = []
+    baseComponentControlAttrs.forEach((item) => {
+      item.category = 'control'
+      if (!item.includes) {
+        // 如果属性没有include，所有的控件都适用
+
+        allOptions.value.push(item)
+      }
+      else if (item.includes.includes(formConfig.value.currentItem!.component)) {
+        // 如果有include，检查是否包含了当前控件类型
+        allOptions.value.push(item)
+      }
+    })
+
+    baseComponentCommonAttrs.forEach((item) => {
+      item.category = 'input'
+      if (item.includes) {
+        if (item.includes.includes(formConfig.value.currentItem!.component))
+          allOptions.value.push(item)
+      }
+      else if (item.exclude) {
+        if (!item.exclude.includes(formConfig.value.currentItem!.component))
+          allOptions.value.push(item)
+      }
+      else {
+        allOptions.value.push(item)
+      }
+    })
+
+    baseComponentAttrs[formConfig.value.currentItem!.component]
+      && baseComponentAttrs[formConfig.value.currentItem!.component].forEach(async (item) => {
+        if (item.component) {
+          if (['Switch', 'Checkbox', 'Radio'].includes(item.component)) {
+            item.category = 'control'
+            allOptions.value.push(item)
+          }
+          else {
+            item.category = 'input'
+            allOptions.value.push(item)
+          }
+        }
+      })
+  },
+  {
+    immediate: true,
+  },
+)
+// 控制性的选项
+const controlOptions = computed(() => {
+  return allOptions.value.filter((item) => {
+    return item.category === 'control'
+  })
+})
+
+// 非控制性选择
+const inputOptions = computed(() => {
+  return allOptions.value.filter((item) => {
+    return item.category === 'input'
+  })
+})
+
+watch(
+  () => formConfig.value.currentItem!.componentProps,
+  () => {
+    const func = componentPropsFuncs[formConfig.value.currentItem!.component]
+    if (func)
+      func(formConfig.value.currentItem!.componentProps, allOptions.value)
+  },
+  {
+    immediate: true,
+    deep: true,
+  },
+)
+const linkOptions = computed(() => {
+  return (
+    formConfig.value.schemas
+    && formConfig.value.schemas
+      .filter(item => item.key !== formConfig.value.currentItem!.key)
+      .map(({ label, field }) => ({ label: `${label}/${field}`, value: field }))
+  )
+})
+</script>
+
+<template>
+  <div class="properties-content">
+    <div v-if="formConfig.currentItem" class="properties-body">
+      <Empty v-if="!formConfig.currentItem.key" class="hint-box" description="未选择组件" />
+
+      <Form label-align="left" layout="vertical">
+        <!--    循环遍历渲染组件属性      -->
+
+        <div v-if="formConfig.currentItem && formConfig.currentItem.componentProps">
+          <FormItem v-for="item in inputOptions" :key="item.name" :label="item.label">
+            <!--     处理数组属性，placeholder       -->
+
+            <div v-if="item.children">
+              <component
+                v-bind="child.componentProps" :is="child.component" v-for="(child, index) of item.children"
+                :key="index" v-model:value="formConfig.currentItem.componentProps[item.name][index]"
+              />
+            </div>
+            <!--     如果不是数组，则正常处理属性值       -->
+            <component
+              v-bind="item.componentProps" :is="item.component" v-else
+              v-model:value="formConfig.currentItem.componentProps[item.name]" class="component-prop"
+            />
+          </FormItem>
+          <FormItem label="控制属性">
+            <Col v-for="item in controlOptions" :key="item.name">
+              <Checkbox
+                v-if="showControlAttrs(item.includes)" v-bind="item.componentProps"
+                v-model:checked="formConfig.currentItem.componentProps[item.name]"
+              >
+                {{ item.label }}
+              </Checkbox>
+            </Col>
+          </FormItem>
+        </div>
+        <FormItem label="关联字段">
+          <Select v-model:value="formConfig.currentItem.link" mode="multiple" :options="linkOptions" />
+        </FormItem>
+
+        <FormItem
+          v-if="[
+            'Select',
+            'CheckboxGroup',
+            'RadioGroup',
+            'TreeSelect',
+            'Cascader',
+            'AutoComplete',
+          ].includes(formConfig.currentItem.component)
+          " label="选项"
+        >
+          <FormOptions />
+        </FormItem>
+
+        <FormItem v-if="['Grid'].includes(formConfig.currentItem.component)" label="栅格">
+          <FormOptions />
+        </FormItem>
+      </Form>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue
new file mode 100644
index 0000000..fc6bcda
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue
@@ -0,0 +1,36 @@
+<!--
+ * @Description: 表单项属性
+-->
+<script lang="ts" setup>
+import { Empty, Form, FormItem } from 'ant-design-vue'
+import { isArray } from 'lodash-es'
+import { baseItemColumnProps } from '../config/formItemPropsConfig'
+
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+
+const { formConfig } = useFormDesignState()
+function showProps(exclude: string[] | undefined) {
+  if (!exclude)
+    return true
+
+  return isArray(exclude) ? !exclude.includes(formConfig.value.currentItem!.component) : true
+}
+</script>
+
+<template>
+  <div class="properties-content">
+    <div v-if="formConfig.currentItem" class="properties-body">
+      <Empty v-if="!formConfig.currentItem.key" class="hint-box" description="未选择控件" />
+      <Form v-else label-align="left" layout="vertical">
+        <div v-for="item of baseItemColumnProps" :key="item.name">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
+            <component
+              v-bind="item.componentProps" :is="item.component" v-if="formConfig.currentItem.colProps"
+              v-model:value="formConfig.currentItem.colProps[item.name]" class="component-props"
+            />
+          </FormItem>
+        </div>
+      </Form>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue
new file mode 100644
index 0000000..1d4a68d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue
@@ -0,0 +1,114 @@
+<!--
+ * @Description: 表单项属性，控件属性面板
+-->
+<script lang="ts" setup>
+import { computed, watch } from 'vue'
+import {
+  Checkbox,
+  Col,
+  Empty,
+  Form,
+  FormItem,
+  Input,
+  Switch,
+} from 'ant-design-vue'
+import { isArray } from 'lodash-es'
+import {
+  advanceFormItemColProps,
+  advanceFormItemProps,
+  baseFormItemControlAttrs,
+  baseFormItemProps,
+} from '../../VFormDesign/config/formItemPropsConfig'
+
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import RuleProps from './RuleProps.vue'
+
+const { formConfig } = useFormDesignState()
+
+watch(
+  () => formConfig.value,
+  () => {
+    if (formConfig.value.currentItem) {
+      formConfig.value.currentItem.itemProps = formConfig.value.currentItem.itemProps || {}
+      formConfig.value.currentItem.itemProps.labelCol
+              = formConfig.value.currentItem.itemProps.labelCol || {}
+      formConfig.value.currentItem.itemProps.wrapperCol
+              = formConfig.value.currentItem.itemProps.wrapperCol || {}
+    }
+  },
+  { deep: true, immediate: true },
+)
+function showProps(exclude: string[] | undefined) {
+  if (!exclude)
+    return true
+
+  return isArray(exclude) ? !exclude.includes(formConfig.value.currentItem!.component) : true
+}
+
+const controlPropsList = computed(() => {
+  return baseFormItemControlAttrs.filter((item) => {
+    return showProps(item.exclude)
+  })
+})
+</script>
+
+<template>
+  <div class="properties-content">
+    <div v-if="formConfig.currentItem?.itemProps" class="properties-body">
+      <Empty v-if="!formConfig.currentItem.key" class="hint-box" description="未选择控件" />
+      <Form v-else label-align="left" layout="vertical">
+        <div v-for="item of baseFormItemProps" :key="item.name">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
+            <component
+              v-bind="item.componentProps"
+              :is="item.component"
+              v-model:value="formConfig.currentItem[item.name]"
+              class="component-props"
+            />
+          </FormItem>
+        </div>
+        <div v-for="item of advanceFormItemProps" :key="item.name">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
+            <component
+              v-bind="item.componentProps"
+              :is="item.component"
+              v-model:value="formConfig.currentItem.itemProps[item.name]"
+              class="component-props"
+            />
+          </FormItem>
+        </div><div v-for="item of advanceFormItemColProps" :key="item.name">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
+            <component
+              v-bind="item.componentProps"
+              :is="item.component"
+              v-model:value="formConfig.currentItem.itemProps[item.name].span"
+              class="component-props"
+            />
+          </FormItem>
+        </div>
+        <FormItem v-if="controlPropsList.length" label="控制属性">
+          <Col v-for="item of controlPropsList" :key="item.name">
+            <Checkbox v-model:checked="formConfig.currentItem.itemProps[item.name]">
+              {{ item.label }}
+            </Checkbox>
+          </Col>
+        </FormItem>
+        <FormItem v-if="!['Grid'].includes(formConfig.currentItem.component)" label="是否必选">
+          <Switch v-model:checked="formConfig.currentItem.itemProps.required" />
+          <Input
+            v-if="formConfig.currentItem.itemProps.required"
+            v-model:value="formConfig.currentItem.itemProps.message"
+            placeholder="请输入必选提示"
+          />
+        </FormItem>
+        <FormItem
+          v-if="!['Grid'].includes(formConfig.currentItem.component)"
+          label="校验规则"
+          :class="{ 'form-rule-props': !!formConfig.currentItem.itemProps.rules }"
+        >
+          <RuleProps />
+        </FormItem>
+      </Form>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue
new file mode 100644
index 0000000..7a1b04f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue
@@ -0,0 +1,45 @@
+<!--
+ * @Description: 拖拽节点控件
+-->
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import type { IVFormComponent } from '../../../typings/v-form-component'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import VFormItem from '../../VFormItem/index.vue'
+import FormNodeOperate from './FormNodeOperate.vue'
+
+const props = defineProps(
+  { 
+    schema: {
+      type: Object as PropType<IVFormComponent>,
+      required: true,
+    }, 
+  },
+  
+)
+
+const { formConfig, formDesignMethods } = useFormDesignState()
+// 获取 formDesignMethods
+function handleSelectItem() {
+  // 调用 formDesignMethods
+  formDesignMethods.handleSetSelectItem(props.schema)
+}
+</script>
+
+<template>
+  <div
+    class="drag-move-box"
+    :class="{ active: schema.key === formConfig.currentItem?.key }"
+    @click.stop="handleSelectItem"
+  >
+    <div class="form-item-box">
+      <VFormItem :form-config="formConfig" :schema="schema" />
+    </div>
+
+    <div class="show-key-box">
+      {{ schema.label + (schema.field ? `/${schema.field}` : '') }}
+    </div>
+
+    <FormNodeOperate :schema="schema" :current-item="formConfig.currentItem" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue
new file mode 100644
index 0000000..4cf5953
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue
@@ -0,0 +1,66 @@
+<!--
+ * @Description: 节点操作复制删除控件
+-->
+<script lang="ts" setup>
+import { computed } from 'vue'
+import type { IVFormComponent } from '../../../typings/v-form-component'
+import { remove } from '../../../utils'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import { Icon } from '@/components/Icon'
+
+const props = defineProps({
+  schema: {
+    type: Object,
+    default: () => ({}),
+  },
+  currentItem: {
+    type: Object,
+    default: () => ({}),
+  },
+})
+
+const { formConfig, formDesignMethods } = useFormDesignState()
+const activeClass = computed(() => {
+  return props.schema.key === props.currentItem.key ? 'active' : 'unactivated'
+})
+/**
+ * 删除当前项
+ */
+function handleDelete() {
+  const traverse = (schemas: IVFormComponent[]) => {
+    schemas.some((formItem, index) => {
+      const { component, key } = formItem;
+      // 处理栅格和标签页布局
+      ['Grid', 'Tabs'].includes(component)
+              && formItem.columns?.forEach(item => traverse(item.children))
+      if (key === props.currentItem.key) {
+        const params: IVFormComponent
+                = schemas.length === 1
+                  ? { component: '' }
+                  : schemas.length - 1 > index
+                    ? schemas[index + 1]
+                    : schemas[index - 1]
+        formDesignMethods.handleSetSelectItem(params)
+        remove(schemas, index)
+        return true
+      }
+    })
+  }
+  traverse(formConfig.value!.schemas)
+}
+
+function handleCopy() {
+  formDesignMethods.handleCopy()
+}
+</script>
+
+<template>
+  <div class="copy-delete-box">
+    <a class="copy" :class="activeClass" @click.stop="handleCopy">
+      <Icon icon="ant-design:copy-outlined" />
+    </a>
+    <a class="delete" :class="activeClass" @click.stop="handleDelete">
+      <Icon icon="ant-design:delete-outlined" />
+    </a>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue
new file mode 100644
index 0000000..4770fd1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import { Input } from 'ant-design-vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import { remove } from '../../../utils'
+import message from '../../../utils/message'
+import { Icon } from '@/components/Icon'
+
+const { formConfig } = useFormDesignState()
+const key = formConfig.value.currentItem?.component === 'TreeSelect' ? 'treeData' : 'options'
+function addOptions() {
+  if (!formConfig.value.currentItem?.componentProps?.[key])
+    formConfig.value.currentItem!.componentProps![key] = []
+  const len = formConfig.value.currentItem?.componentProps?.[key].length + 1
+  formConfig.value.currentItem!.componentProps![key].push({
+    label: `选项${len}`,
+    value: `${len}`,
+  })
+}
+function deleteOptions(index: number) {
+  remove(formConfig.value.currentItem?.componentProps?.[key], index)
+}
+
+function addGridOptions() {
+  formConfig.value.currentItem?.columns?.push({
+    span: 12,
+    children: [],
+  })
+}
+function deleteGridOptions(index: number) {
+  if (index === 0)
+    return message.warning('请至少保留一个栅格')
+
+  remove(formConfig.value.currentItem!.columns!, index)
+}
+</script>
+
+<template>
+  <div>
+    <div v-if="['Grid'].includes(formConfig.currentItem!.component)">
+      <div v-for="(item, index) of formConfig.currentItem!.columns" :key="index">
+        <div class="options-box">
+          <Input v-model:value="item.span" class="options-value" />
+          <a class="options-delete" @click="deleteGridOptions(index)">
+            <Icon icon="ant-design:delete-outlined" />
+          </a>
+        </div>
+      </div>
+      <a @click="addGridOptions">
+        <Icon icon="ant-design:file-add-outlined" />
+        添加栅格
+      </a>
+    </div>
+    <div v-else>
+      <div v-for="(item, index) of formConfig.currentItem!.componentProps![key]" :key="index">
+        <div class="mb-1.5 flex items-center">
+          <Input v-model:value="item.label" />
+          <Input v-model:value="item.value" class="mx-2" />
+          <a class="h-7.5 w-7.5 rounded-full bg-light-50 text-center text-gray-500 hover:bg-red-500" @click="deleteOptions(index)">
+            <Icon icon="ant-design:delete-outlined" />
+          </a>
+        </div>
+      </div>
+      <a @click="addOptions">
+        <Icon icon="ant-design:file-add-outlined" />
+        添加选项
+      </a>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue
new file mode 100644
index 0000000..5b9fcb0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue
@@ -0,0 +1,125 @@
+<!--
+ * @Description: 右侧属性面板控件 表单属性面板
+-->
+<script lang="ts" setup>
+import type { RadioChangeEvent } from 'ant-design-vue'
+import {
+  Checkbox,
+  Col,
+  Form,
+  FormItem,
+  InputNumber,
+  Radio,
+  Slider,
+} from 'ant-design-vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+
+const { formConfig } = useFormDesignState()
+
+formConfig.value = formConfig.value || {
+  labelCol: { span: 24 },
+  wrapperCol: { span: 24 },
+}
+
+function lableLayoutChange(e: RadioChangeEvent) {
+  if (e.target.value === 'Grid')
+    formConfig.value.layout = 'horizontal'
+}
+</script>
+
+<template>
+  <div class="properties-content">
+    <Form class="properties-body" label-align="left" layout="vertical">
+      <!--      <e-upload v-model="fileList"></e-upload> -->
+
+      <FormItem label="表单布局">
+        <Radio.Group v-model:value="formConfig.layout" button-style="solid">
+          <Radio.Button value="horizontal">
+            水平
+          </Radio.Button>
+          <Radio.Button value="vertical" :disabled="formConfig.labelLayout === 'Grid'">
+            垂直
+          </Radio.Button>
+          <Radio.Button value="inline" :disabled="formConfig.labelLayout === 'Grid'">
+            行内
+          </Radio.Button>
+        </Radio.Group>
+      </FormItem>
+
+      <!-- <Row> -->
+      <FormItem label="标签布局">
+        <Radio.Group
+          v-model:value="formConfig.labelLayout"
+          button-style="solid"
+          @change="lableLayoutChange"
+        >
+          <Radio.Button value="flex">
+            固定
+          </Radio.Button>
+          <Radio.Button value="Grid" :disabled="formConfig.layout !== 'horizontal'">
+            栅格
+          </Radio.Button>
+        </Radio.Group>
+      </FormItem>
+      <!-- </Row> -->
+      <FormItem v-show="formConfig.labelLayout === 'flex'" label="标签宽度（px）">
+        <InputNumber
+          v-model:value="formConfig.labelWidth"
+          :style="{ width: '100%' }"
+          :min="0"
+          :step="1"
+        />
+      </FormItem>
+      <div v-if="formConfig.labelLayout === 'Grid'">
+        <FormItem label="labelCol">
+          <Slider v-model:value="formConfig.labelCol!.span" :max="24" />
+        </FormItem>
+        <FormItem label="wrapperCol">
+          <Slider v-model:value="formConfig.wrapperCol!.span" :max="24" />
+        </FormItem>
+
+        <FormItem label="标签对齐">
+          <Radio.Group v-model:value="formConfig.labelAlign" button-style="solid">
+            <Radio.Button value="left">
+              靠左
+            </Radio.Button>
+            <Radio.Button value="right">
+              靠右
+            </Radio.Button>
+          </Radio.Group>
+        </FormItem>
+
+        <FormItem label="控件大小">
+          <Radio.Group v-model:value="formConfig.size" button-style="solid">
+            <Radio.Button value="default">
+              默认
+            </Radio.Button>
+            <Radio.Button value="small">
+              小
+            </Radio.Button>
+            <Radio.Button value="large">
+              大
+            </Radio.Button>
+          </Radio.Group>
+        </FormItem>
+      </div>
+      <FormItem label="表单属性">
+        <Col>
+          <Checkbox v-if="formConfig.layout === 'horizontal'" v-model:checked="formConfig.colon">
+            label后面显示冒号
+          </Checkbox>
+        </Col>
+        <Col>
+          <Checkbox v-model:checked="formConfig.disabled">
+            禁用
+          </Checkbox>
+        </Col>
+        <Col>
+          <Checkbox v-model:checked="formConfig.hideRequiredMark">
+            隐藏必选标记
+          </Checkbox>
+        </Col>
+      </FormItem>
+    </Form>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue
new file mode 100644
index 0000000..8a5f270
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue
@@ -0,0 +1,126 @@
+<!--
+ * @Description: 导入JSON模板
+-->
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+
+// import message from '../../../utils/message';
+import { Modal, Upload } from 'ant-design-vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+
+// import { codemirror } from 'vue-codemirror-lite';
+import type { IFormConfig } from '../../../typings/v-form-component'
+import { formItemsForEach, generateKey } from '../../../utils'
+import { CodeEditor, MODE } from '@/components/CodeEditor'
+import { useMessage } from '@/hooks/web/useMessage'
+
+const { createMessage } = useMessage()
+
+const myEditor = ref(null)
+
+const state = reactive({
+  open: false,
+  json: `{
+        "schemas": [
+          {
+            "component": "input",
+            "label": "输入框",
+            "field": "input_2",
+            "span": 24,
+            "props": {
+              "type": "text"
+            }
+          }
+        ],
+        "layout": "horizontal",
+        "labelLayout": "flex",
+        "labelWidth": 100,
+        "labelCol": {},
+        "wrapperCol": {}
+      }`,
+  jsonData: {
+    schemas: {},
+    config: {},
+  },
+  handleSetSelectItem: null,
+})
+const { formDesignMethods } = useFormDesignState()
+function handleCancel() {
+  state.open = false
+}
+function showModal() {
+  state.open = true
+}
+function handleImportJson() {
+  // 导入JSON
+  try {
+    const editorJsonData = JSON.parse(state.json) as IFormConfig
+    editorJsonData.schemas
+            && formItemsForEach(editorJsonData.schemas, (formItem) => {
+              generateKey(formItem)
+            })
+    formDesignMethods.setFormConfig({
+      ...editorJsonData,
+      activeKey: 1,
+      currentItem: { component: '' },
+    })
+    handleCancel()
+    createMessage.success('导入成功')
+  }
+  catch {
+    createMessage.error('导入失败，数据格式不对')
+  }
+}
+function beforeUpload(e: File) {
+  // 通过json文件导入
+  const reader = new FileReader()
+  reader.readAsText(e)
+  reader.onload = function () {
+    state.json = this.result as string
+    handleImportJson()
+  }
+  return false
+}
+
+defineExpose({ showModal })
+</script>
+
+<template>
+  <Modal
+    title="JSON数据"
+    :open="state.open"
+    cancel-text="关闭"
+    :destroy-on-close="true"
+    wrap-class-name="v-code-modal"
+    style="top: 20px"
+    :width="850"
+    @ok="handleImportJson"
+    @cancel="handleCancel"
+  >
+    <p class="hint-box">
+      导入格式如下:
+    </p>
+    <div class="v-json-box">
+      <CodeEditor ref="myEditor" v-model:value="json" :mode="MODE.JSON" />
+    </div>
+
+    <template #footer>
+      <a-button @click="handleCancel">
+        取消
+      </a-button>
+      <Upload
+        class="mx-2.5"
+        :before-upload="beforeUpload"
+        :show-upload-list="false"
+        accept="application/json"
+      >
+        <a-button type="primary">
+          导入json文件
+        </a-button>
+      </Upload>
+      <a-button type="primary" @click="handleImportJson">
+        确定
+      </a-button>
+    </template>
+  </Modal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue
new file mode 100644
index 0000000..3cf5b05
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue
@@ -0,0 +1,57 @@
+<!--
+ * @Description: 渲染JSON数据
+-->
+<script lang="ts" setup>
+import { computed, reactive } from 'vue'
+import { Modal } from 'ant-design-vue'
+import type { IFormConfig } from '../../../typings/v-form-component'
+import { formatRules, removeAttrs } from '../../../utils'
+import PreviewCode from './PreviewCode.vue'
+
+const emit = defineEmits(['cancel'])
+
+const state = reactive<{
+  open: boolean
+  jsonData: IFormConfig
+}>({
+  open: false, // 控制json数据弹框显示
+  jsonData: {} as IFormConfig, // json数据
+})
+/**
+ * 显示Json数据弹框
+ * @param jsonData
+ */
+function showModal(jsonData: IFormConfig) {
+  formatRules(jsonData.schemas)
+  state.jsonData = jsonData
+  state.open = true
+}
+
+// 计算json数据
+const editorJson = computed(() => {
+  return JSON.stringify(removeAttrs(state.jsonData), null, '\t')
+})
+
+// 关闭弹框
+function handleCancel() {
+  state.open = false
+  emit('cancel')
+}
+
+defineExpose({ showModal })
+</script>
+
+<template>
+  <Modal
+    title="JSON数据"
+    :footer="null"
+    :open="state.open"
+    :destroy-on-close="true"
+    wrap-class-name="v-code-modal"
+    style="top: 20px"
+    width="850px"
+    @cancel="handleCancel"
+  >
+    <PreviewCode :editor-json="editorJson" />
+  </Modal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue
new file mode 100644
index 0000000..f6b8b84
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue
@@ -0,0 +1,103 @@
+<!--
+ * @Description: 表单项布局控件
+ * 千万不要在template下面的第一行加注释，因为这里拖动的第一个元素
+-->
+
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import { computed } from 'vue'
+import draggable from 'vuedraggable'
+import { Col, Row } from 'ant-design-vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import type { IVFormComponent } from '../../../typings/v-form-component'
+import FormNode from './FormNode.vue'
+import FormNodeOperate from './FormNodeOperate.vue'
+
+const props = defineProps(
+  {
+    schema: {
+      type: Object as PropType<IVFormComponent>,
+      required: true,
+    },
+    currentItem: {
+      type: Object,
+      required: true,
+    },
+  },
+)
+
+const emit = defineEmits(['dragStart', 'handleColAdd', 'handle-copy', 'handle-delete'])
+
+const Draggable = draggable
+
+const { formDesignMethods: { handleSetSelectItem }, formConfig } = useFormDesignState()
+const colPropsComputed = computed(() => {
+  const { colProps = {} } = props.schema
+  return colProps
+})
+
+const list1 = computed(() => props.schema.columns)
+
+// 计算布局元素，水平模式下为ACol，非水平模式下为div
+const layoutTag = computed(() => {
+  return formConfig.value.layout === 'horizontal' ? 'Col' : 'div'
+})
+</script>
+
+<template>
+  <Col v-bind="colPropsComputed">
+    <template v-if="['Grid'].includes(schema.component)">
+      <div class="grid-box" :class="{ active: schema.key === currentItem.key }" @click.stop="handleSetSelectItem(schema)">
+        <Row class="grid-row" v-bind="schema.componentProps">
+          <Col v-for="(colItem, index) in schema.columns" :key="index" class="grid-col" :span="colItem.span">
+            <Draggable
+              v-bind="{
+                group: 'form-draggable',
+                ghostClass: 'moving',
+                animation: 180,
+                handle: '.drag-move',
+              }"
+              v-model="colItem.children"
+              class="draggable-box list-main"
+              :component-data="{ name: 'list', tag: 'div', type: 'transition-group' }"
+              item-key="key"
+              @start="$emit('dragStart', $event, colItem.children)"
+              @add="$emit('handleColAdd', $event, colItem.children)"
+            >
+              <template #item="{ element }">
+                <LayoutItem
+                  class="drag-move"
+                  :schema="element"
+                  :current-item="currentItem"
+                  @handle-copy="emit('handle-copy')"
+                  @handle-delete="emit('handle-delete')"
+                />
+              </template>
+            </Draggable>
+          </Col>
+        </Row>
+        <FormNodeOperate :schema="schema" :current-item="currentItem" />
+      </div>
+    </template>
+    <FormNode
+      v-else
+      :key="schema.key"
+      :schema="schema"
+      :current-item="currentItem"
+      @handle-copy="emit('handle-copy')"
+      @handle-delete="emit('handle-delete')"
+    />
+  </Col>
+</template>
+
+<style lang="less">
+@import url('../styles/variable.less');
+
+.layout-width {
+  width: 100%;
+}
+
+.hidden-item {
+  background-color: rgb(240 191 195);
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue
new file mode 100644
index 0000000..4ad6d9d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue
@@ -0,0 +1,72 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { CodeEditor, MODE } from '@/components/CodeEditor'
+
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard'
+import { useMessage } from '@/hooks/web/useMessage'
+
+const props = defineProps(
+  {
+    fileFormat: {
+      type: String,
+      default: 'json',
+    },
+    editorJson: {
+      type: String,
+      default: '',
+    },
+  },
+)
+
+const myEditor = ref(null)
+
+function exportData(data: string, fileName = `file.${props.fileFormat}`) {
+  let content = 'data:text/csv;charset=utf-8,'
+  content += data
+  const encodedUri = encodeURI(content)
+  const actions = document.createElement('a')
+  actions.setAttribute('href', encodedUri)
+  actions.setAttribute('download', fileName)
+  actions.click()
+}
+
+function handleExportJson() {
+  exportData(props.editorJson)
+}
+const { clipboardRef, copiedRef } = useCopyToClipboard()
+const { createMessage } = useMessage()
+
+function handleCopyJson() {
+  // 复制数据
+  const value = props.editorJson
+  if (!value) {
+    createMessage.warning('代码为空！')
+    return
+  }
+  clipboardRef.value = value
+  if (unref(copiedRef))
+    createMessage.warning('复制成功！')
+}
+</script>
+
+<template>
+  <div>
+    <div class="v-json-box">
+      <CodeEditor ref="myEditor" :value="editorJson" :mode="MODE.JSON" />
+    </div>
+    <div class="pt-2 text-center">
+      <a-button
+        type="primary"
+        class="mr-2"
+        data-clipboard-action="copy"
+        :data-clipboard-text="editorJson"
+        @click="handleCopyJson"
+      >
+        复制数据
+      </a-button>
+      <a-button type="primary" @click="handleExportJson">
+        导出代码
+      </a-button>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
new file mode 100644
index 0000000..c60cd5b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
@@ -0,0 +1,266 @@
+<!--
+ * @Description: 正则校验选项组件
+-->
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { isArray } from 'lodash-es'
+import { AutoComplete, Form, FormItem, Input } from 'ant-design-vue'
+import { remove } from '../../../utils'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import { Icon } from '@/components/Icon'
+
+defineOptions({ name: 'RuleProps' })
+
+// 获取祖先组件的状态
+const { formConfig } = useFormDesignState()
+// 抽离 currentItem
+/**
+ * 添加正则校验，判断当前组件的rules是不是数组，如果不是数组，使用set方法重置成数组，然后添加正则校验
+ */
+function addRules() {
+  if (!isArray(formConfig.value.currentItem!.rules))
+    formConfig.value.currentItem!.rules = []
+  formConfig.value.currentItem!.rules?.push({ pattern: '', message: '' })
+}
+/**
+ * 删除正则校验，当正则规则为0时，删除rules属性
+ * @param index {number} 需要删除的规则下标
+ */
+function removeRule(index: number) {
+  remove(formConfig.value.currentItem!.rules as Array<any>, index)
+  if (formConfig.value.currentItem!.rules?.length === 0)
+    delete formConfig.value.currentItem!.rules
+}
+
+const patternDataSource = ref([
+  {
+    value: '/^(?:(?:\\+|00)86)?1[3-9]\\d{9}$/',
+    text: '手机号码',
+  },
+  {
+    value: '/^((ht|f)tps?:\\/\\/)?[\\w-]+(\\.[\\w-]+)+:\\d{1,5}\\/?$/',
+    text: '网址带端口号',
+  },
+  {
+    value: '/^(((ht|f)tps?):\\/\\/)?[\\w-]+(\\.[\\w-]+)+([\\w.,@?^=%&:/~+#-\\(\\)]*[\\w@?^=%&/~+#-\\(\\)])?$/',
+    text: '网址带参数',
+  },
+  {
+    value: '/^[0-9A-HJ-NPQRTUWXY]{2}\\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/',
+    text: '统一社会信用代码',
+  },
+  {
+    value: '/^(s[hz]|S[HZ])(000[\\d]{3}|002[\\d]{3}|300[\\d]{3}|600[\\d]{3}|60[\\d]{4})$/',
+    text: '股票代码',
+  },
+  {
+    value: '/^([a-f\\d]{32}|[A-F\\d]{32})$/',
+    text: 'md5格式（32位）',
+  },
+  {
+    value: '/^[a-f\\d]{4}(?:[a-f\\d]{4}-){4}[a-f\\d]{12}$/i',
+    text: 'GUID/UUID',
+  },
+  {
+    value: '/^\\d+(?:\\.\\d+){2}$/',
+    text: '版本号（x.y.z）格式',
+  },
+  {
+    value: '/^https?:\\/\\/(.+\\/)+.+(\\.(swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4))$/i',
+    text: '视频链接地址',
+  },
+  {
+    value: '/^https?:\\/\\/(.+\\/)+.+(\\.(gif|png|jpg|jpeg|webp|svg|psd|bmp|tif))$/i',
+    text: '图片链接地址',
+  },
+  {
+    value: '/^-?\\d+(,\\d{3})*(\\.\\d{1,2})?$/',
+    text: '数字/货币金额（支持负数、千分位分隔符）',
+  },
+  {
+    value: '/(?:^[1-9]([0-9]+)?(?:\\.[0-9]{1,2})?$)|(?:^(?:0)$)|(?:^[0-9]\\.[0-9](?:[0-9])?$)/',
+    text: '数字/货币金额',
+  },
+  {
+    value: '/^[1-9]\\d{9,29}$/',
+    text: '银行卡号',
+  },
+  {
+    value: '/^(?:[\u4E00-\u9FA5·]{2,16})$/',
+    text: '中文姓名',
+  },
+  {
+    value: '/(^[a-zA-Z][a-zA-Z\\s]{0,20}[a-zA-Z]$)/',
+    text: '英文姓名',
+  },
+  {
+    value:
+      // eslint-disable-next-line max-len
+      '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z](?:((\\d{5}[A-HJK])|([A-HJK][A-HJ-NP-Z0-9][0-9]{4}))|[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳])$/',
+    text: '车牌号(新能源)',
+  },
+  {
+    value: '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/',
+    text: '车牌号(非新能源)',
+  },
+  {
+    value: '/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-HJ-NP-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$/',
+    text: '车牌号(新能源+非新能源)',
+  },
+  {
+    value:
+      // eslint-disable-next-line max-len
+      '/^(([^<>()[\\]\\\\.,;:\\s@"]+(\\.[^<>()[\\]\\\\.,;:\\s@"]+)*)|(".+"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/',
+    text: 'email(邮箱)',
+  },
+  {
+    value: '/^(?:(?:\\d{3}-)?\\d{8}|^(?:\\d{4}-)?\\d{7,8})(?:-\\d+)?$/',
+    text: '座机',
+  },
+  {
+    value: '/^[1-9]\\d{5}(?:18|19|20)\\d{2}(?:0[1-9]|10|11|12)(?:0[1-9]|[1-2]\\d|30|31)\\d{3}[\\dXx]$/',
+    text: '身份证号',
+  },
+  {
+    value: '/(^[EeKkGgDdSsPpHh]\\d{8}$)|(^(([Ee][a-fA-F])|([DdSsPp][Ee])|([Kk][Jj])|([Mm][Aa])|(1[45]))\\d{7}$)/',
+    text: '护照',
+  },
+  {
+    value:
+      // eslint-disable-next-line max-len
+      '/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/',
+    text: '中文汉字',
+  },
+  {
+    value: '/^\\d+\\.\\d+$/',
+    text: '小数',
+  },
+  {
+    value: '/^\\d{1,}$/',
+    text: '数字',
+  },
+  {
+    value: '/^[1-9][0-9]{4,10}$/',
+    text: 'qq号',
+  },
+  {
+    value: '/^[A-Za-z0-9]+$/',
+    text: '数字字母组合',
+  },
+  {
+    value: '/^[a-zA-Z]+$/',
+    text: '英文字母',
+  },
+  {
+    value: '/^[a-z]+$/',
+    text: '小写英文字母',
+  },
+  {
+    value: '/^[A-Z]+$/',
+    text: '大写英文字母',
+  },
+  {
+    value: '/^[a-zA-Z0-9_-]{4,16}$/',
+    text: '用户名校验，4到16位（字母，数字，下划线，减号）',
+  },
+  {
+    value: '/^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/',
+    text: '16进制颜色',
+  },
+  {
+    value: '/^[a-zA-Z][-_a-zA-Z0-9]{5,19}$/',
+    text: '微信号',
+  },
+  {
+    value: '/^(0[1-7]|1[0-356]|2[0-7]|3[0-6]|4[0-7]|5[1-7]|6[1-7]|7[0-5]|8[013-6])\\d{4}$/',
+    text: '邮政编码(中国)',
+  },
+  {
+    value: '/^[^A-Za-z]*$/',
+    text: '不能包含字母',
+  },
+  {
+    value: '/^\\+?[1-9]\\d*$/',
+    text: '正整数，不包含0',
+  },
+  {
+    value: '/^-[1-9]\\d*$/',
+    text: '负整数，不包含0',
+  },
+  {
+    value: '/^-?[0-9]\\d*$/',
+    text: '整数',
+  },
+  {
+    value: '/^(-?\\d+)(\\.\\d+)?$/',
+    text: '浮点数',
+  },
+  {
+    value: '/^[A-Za-z0-9\u4E00-\u9FA5]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$/',
+    text: 'email(支持中文邮箱)',
+  },
+])
+</script>
+
+<template>
+  <div class="rule-props-content">
+    <Form v-if="formConfig.currentItem && formConfig.currentItem.rules">
+      <div v-for="(item, index) of formConfig.currentItem.rules" :key="index" class="rule-props-item">
+        <Icon icon="ant-design:close-circle-filled" class="rule-props-item-close" @click="removeRule(index)" />
+        <FormItem label="正则" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }">
+          <AutoComplete v-model:value="item.pattern" placeholder="请输入正则表达式" :data-source="patternDataSource" />
+        </FormItem>
+        <FormItem label="文案" :label-col="{ span: 6 }" :wrapper-col="{ span: 16 }">
+          <Input v-model:value="item.message" placeholder="请输入提示文案" />
+        </FormItem>
+      </div>
+    </Form>
+    <a @click="addRules">
+      <Icon icon="ant-design:file-add-outlined" />
+      添加正则
+    </a>
+  </div>
+</template>
+
+<style lang="less" scoped>
+:deep(.icon) {
+  width: 1em;
+  height: 1em;
+  overflow: hidden;
+  vertical-align: -0.15em;
+  fill: currentcolor;
+}
+
+.rule-props-content {
+  :deep(.ant-form-item) {
+    margin-bottom: 0;
+  }
+
+  .rule-props-item {
+    position: relative;
+    padding: 3px 2px;
+    margin-bottom: 5px;
+    background-color: #f0eded;
+    border-radius: 5px;
+
+    :deep(.ant-form-item) {
+      border: 0 !important;
+    }
+
+    &-close {
+      position: absolute;
+      top: -5px;
+      right: -5px;
+      z-index: 999;
+      color: #ccc;
+      cursor: pointer;
+      background-color: #a3a0a0;
+      border-radius: 7px;
+
+      &:hover {
+        color: #00c;
+      }
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/componentPropsConfig.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/componentPropsConfig.ts
new file mode 100644
index 0000000..3befb8e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/componentPropsConfig.ts
@@ -0,0 +1,1147 @@
+import type { IBaseFormAttrs } from './formItemPropsConfig'
+
+interface IBaseComponentProps {
+  [key: string]: IBaseFormAttrs[]
+}
+
+type BaseFormAttrs = Omit<IBaseFormAttrs, 'tag'>
+
+export const baseComponentControlAttrs: Omit<IBaseFormAttrs, 'tag'>[] = [
+  {
+    // 没有disabled属性的控件不能作为form控件
+    name: 'disabled',
+    label: '禁用',
+  },
+  {
+    // 没有disabled属性的控件不能作为form控件
+    name: 'autofocus',
+    label: '自动获取焦点',
+    includes: [
+      'Input',
+      'Select',
+      'InputTextArea',
+      'InputNumber',
+      'DatePicker',
+      'RangePicker',
+      'MonthPicker',
+      'TimePicker',
+      'Cascader',
+      'TreeSelect',
+      'Switch',
+      'AutoComplete',
+      'Slider',
+    ],
+  },
+  {
+    name: 'allowClear',
+    label: '可清除',
+    includes: [
+      'Input',
+      'Select',
+      'InputTextArea',
+      'InputNumber',
+      'DatePicker',
+      'RangePicker',
+      'MonthPicker',
+      'TimePicker',
+      'Cascader',
+      'TreeSelect',
+      'AutoComplete',
+    ],
+  },
+  { name: 'fullscreen', label: '全屏', includes: ['Calendar'] },
+  {
+    name: 'showSearch',
+    label: '可搜索',
+    includes: ['Select', 'TreeSelect', 'Cascader', 'Transfer'],
+  },
+  {
+    name: 'showTime',
+    label: '显示时间',
+    includes: ['DatePicker', 'RangePicker', 'MonthPicker'],
+  },
+  {
+    name: 'range',
+    label: '双向滑动',
+    includes: [],
+  },
+  {
+    name: 'allowHalf',
+    label: '允许半选',
+    includes: ['Rate'],
+  },
+  {
+    name: 'multiple',
+    label: '多选',
+    includes: ['Select', 'TreeSelect', 'Upload'],
+  },
+  {
+    name: 'directory',
+    label: '文件夹',
+    includes: ['Upload'],
+  },
+  {
+    name: 'withCredentials',
+    label: '携带cookie',
+    includes: ['Upload'],
+  },
+  {
+    name: 'bordered',
+    label: '是否有边框',
+    includes: ['Select', 'Input'],
+  },
+  {
+    name: 'defaultActiveFirstOption',
+    label: '高亮第一个选项',
+    component: 'Checkbox',
+    includes: ['Select', 'AutoComplete'],
+  },
+  {
+    name: 'dropdownMatchSelectWidth',
+    label: '下拉菜单和选择器同宽',
+    component: 'Checkbox',
+    includes: ['Select', 'TreeSelect', 'AutoComplete'],
+  },
+]
+
+// 共用属性
+export const baseComponentCommonAttrs: Omit<IBaseFormAttrs, 'tag'>[] = [
+  {
+    name: 'size',
+    label: '尺寸',
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        {
+          label: '默认',
+          value: 'default',
+        },
+        {
+          label: '大',
+          value: 'large',
+        },
+        {
+          label: '小',
+          value: 'small',
+        },
+      ],
+    },
+    includes: ['InputNumber', 'Input', 'Cascader', 'Button'],
+  },
+  {
+    name: 'placeholder',
+    label: '占位符',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入占位符',
+    },
+    includes: [
+      'AutoComplete',
+      'InputTextArea',
+      'InputNumber',
+      'Input',
+      'InputTextArea',
+      'Select',
+      'DatePicker',
+      'MonthPicker',
+      'TimePicker',
+      'TreeSelect',
+      'Cascader',
+    ],
+  },
+  {
+    name: 'style',
+    label: '样式',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入样式',
+    },
+  },
+  {
+    name: 'open',
+    label: '一直展开下拉菜单',
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        {
+          label: '默认',
+          value: undefined,
+        },
+        {
+          label: '是',
+          value: true,
+        },
+        {
+          label: '否',
+          value: false,
+        },
+      ],
+    },
+    includes: ['Select', 'AutoComplete'],
+  },
+]
+
+const componentAttrs: IBaseComponentProps = {
+  AutoComplete: [
+    {
+      name: 'backfill',
+      label: '自动回填',
+      component: 'Switch',
+      componentProps: {
+        span: 8,
+      },
+    },
+    {
+      name: 'defaultOpen',
+      label: '是否默认展开下拉菜单',
+      component: 'Checkbox',
+    },
+  ],
+  IconPicker: [
+    {
+      name: 'mode',
+      label: '模式',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          { label: 'ICONIFY', value: null },
+          { label: 'SVG', value: 'svg' },
+          // { label: '组合', value: 'combobox' },
+        ],
+      },
+    },
+  ],
+
+  // https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#%3Cinput%3E_types
+  Input: [
+    {
+      name: 'type',
+      label: '类型',
+      component: 'Select',
+      componentProps: {
+        options: [
+          { value: 'text', label: '文本' },
+          { value: 'search', label: '搜索' },
+          { value: 'number', label: '数字' },
+          { value: 'range', label: '数字范围' },
+          { value: 'password', label: '密码' },
+          { value: 'date', label: '日期' },
+          { value: 'datetime-local', label: '日期-无时区' },
+          { value: 'time', label: '时间' },
+          { value: 'month', label: '年月' },
+          { value: 'week', label: '星期' },
+          { value: 'email', label: '邮箱' },
+          { value: 'url', label: 'URL' },
+          { value: 'tel', label: '电话号码' },
+          { value: 'file', label: '文件' },
+          { value: 'button', label: '按钮' },
+          { value: 'submit', label: '提交按钮' },
+          { value: 'reset', label: '重置按钮' },
+          { value: 'radio', label: '单选按钮' },
+          { value: 'checkbox', label: '复选框' },
+          { value: 'color', label: '颜色' },
+          { value: 'image', label: '图像' },
+          { value: 'hidden', label: '隐藏' },
+        ],
+      },
+    },
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'prefix',
+      label: '前缀',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入前缀',
+      },
+    },
+    {
+      name: 'suffix',
+      label: '后缀',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入后缀',
+      },
+    },
+    {
+      name: 'addonBefore',
+      label: '前置标签',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入前置标签',
+      },
+    },
+    {
+      name: 'addonAfter',
+      label: '后置标签',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入后置标签',
+      },
+    },
+    {
+      name: 'maxLength',
+      label: '最大长度',
+      component: 'InputNumber',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入最大长度',
+      },
+    },
+  ],
+
+  InputNumber: [
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'min',
+      label: '最小值',
+      component: 'InputNumber',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入最小值',
+      },
+    },
+    {
+      name: 'max',
+      label: '最大值',
+      component: 'InputNumber',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入最大值',
+      },
+    },
+    {
+      name: 'precision',
+      label: '数值精度',
+      component: 'InputNumber',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入最大值',
+      },
+    },
+    {
+      name: 'step',
+      label: '步长',
+      component: 'InputNumber',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入步长',
+      },
+    },
+    {
+      name: 'decimalSeparator',
+      label: '小数点',
+      component: 'Input',
+      componentProps: { type: 'text', placeholder: '请输入小数点' },
+    },
+    {
+      name: 'addonBefore',
+      label: '前置标签',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入前置标签',
+      },
+    },
+    {
+      name: 'addonAfter',
+      label: '后置标签',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入后置标签',
+      },
+    },
+    {
+      name: 'controls',
+      label: '是否显示增减按钮',
+      component: 'Checkbox',
+    },
+    {
+      name: 'keyboard',
+      label: '是否启用键盘快捷行为',
+      component: 'Checkbox',
+    },
+    {
+      name: 'stringMode',
+      label: '字符值模式',
+      component: 'Checkbox',
+    },
+    {
+      name: 'bordered',
+      label: '是否有边框',
+      component: 'Checkbox',
+    },
+  ],
+  InputTextArea: [
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'Input',
+      componentProps: {
+        type: 'text',
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'maxlength',
+      label: '最大长度',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入最大长度',
+      },
+    },
+    {
+      name: 'minlength',
+      label: '最小长度',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入最小长度',
+      },
+    },
+    {
+      name: 'cols',
+      label: '可见列数',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入可见列数',
+        min: 0,
+      },
+    },
+    {
+      name: 'rows',
+      label: '可见行数',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入可见行数',
+        min: 0,
+      },
+    },
+    {
+      name: 'minlength',
+      label: '最小长度',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入最小长度',
+      },
+    },
+    {
+      name: 'autosize',
+      label: '自适应内容高度',
+      component: 'Checkbox',
+    },
+    {
+      name: 'showCount',
+      label: '是否展示字数',
+      component: 'Checkbox',
+    },
+    {
+      name: 'readonly',
+      label: '是否只读',
+      component: 'Checkbox',
+    },
+    {
+      name: 'spellcheck',
+      label: '读写检查',
+      component: 'Checkbox',
+    },
+    {
+      name: 'autocomplete',
+      label: '是否自动完成',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          { label: '正常', value: null },
+          { label: '开', value: 'on' },
+          { label: '关', value: 'off' },
+        ],
+      },
+    },
+    {
+      name: 'autocorrect',
+      label: '是否自动纠错',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          { label: '正常', value: null },
+          { label: '开', value: 'on' },
+          { label: '关', value: 'off' },
+        ],
+      },
+    },
+  ],
+  Select: [
+    {
+      name: 'mode',
+      label: '选择模式（默认单选）',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          { label: '单选', value: null },
+          { label: '多选', value: 'multiple' },
+          { label: '标签', value: 'tags' },
+          // { label: '组合', value: 'combobox' },
+        ],
+      },
+    },
+    {
+      name: 'autoClearSearchValue',
+      label: '是否在选中项后清空搜索框',
+      component: 'Checkbox',
+    },
+    {
+      name: 'labelInValue',
+      label: '选项的label包装到value中',
+      component: 'Checkbox',
+    },
+    {
+      name: 'showArrow',
+      label: '显示下拉小箭头',
+      component: 'Checkbox',
+    },
+    {
+      name: 'defaultOpen',
+      label: '默认展开下拉菜单',
+      component: 'Checkbox',
+    },
+  ],
+  Checkbox: [
+    {
+      name: 'indeterminate',
+      label: '设置indeterminate状态',
+      component: 'Checkbox',
+    },
+  ],
+  CheckboxGroup: [],
+  RadioGroup: [
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'buttonStyle',
+      label: 'RadioButton的风格样式',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: 'outline',
+            value: 'outline',
+          },
+          {
+            label: 'solid',
+            value: 'solid',
+          },
+        ],
+      },
+    },
+    {
+      name: 'optionType',
+      label: 'options类型',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: '默认',
+            value: 'default',
+          },
+          {
+            label: '按钮',
+            value: 'button',
+          },
+        ],
+        // 根据其它选项的值更新自身控件配置值
+        // compProp当前组件的属性，
+        // configProps，当且组件的所有配置选项
+        // self,当前配置的componentProps属性
+        // 返回真值进行更新
+        // _propsFunc: (compProp, configProps, self) => {
+        //   console.log("i'm called");
+        //   console.log(compProp, configProps, self);
+        //   if (compProp['buttonStyle'] && compProp['buttonStyle'] == 'outline') {
+        //     if (!self['disabled']) {
+        //       self['disabled'] = true;
+        //       return 1;
+        //     }
+        //   } else {
+        //     if (self['disabled']) {
+        //       self['disabled'] = false;
+        //       return 1;
+        //     }
+        //   }
+
+        //   // return prop.optionType == 'button';
+        // },
+      },
+    },
+    {
+      name: 'size',
+      label: '尺寸',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: '默认',
+            value: 'default',
+          },
+          {
+            label: '大',
+            value: 'large',
+          },
+          {
+            label: '小',
+            value: 'small',
+          },
+        ],
+      },
+    },
+  ],
+  DatePicker: [
+    {
+      name: 'format',
+      label: '展示格式（format）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM-DD',
+      },
+    },
+    {
+      name: 'valueFormat',
+      label: '绑定值格式（valueFormat）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM-DD',
+      },
+    },
+  ],
+  RangePicker: [
+    {
+      name: 'placeholder',
+      label: '占位符',
+      children: [
+        {
+          name: '',
+          label: '',
+          component: 'Input',
+        },
+        {
+          name: '',
+          label: '',
+          component: 'Input',
+        },
+      ],
+    },
+    {
+      name: 'format',
+      label: '展示格式（format）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM-DD HH:mm:ss',
+      },
+    },
+    {
+      name: 'valueFormat',
+      label: '绑定值格式（valueFormat）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM-DD',
+      },
+    },
+  ],
+  MonthPicker: [
+    {
+      name: 'format',
+      label: '展示格式（format）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM',
+      },
+    },
+    {
+      name: 'valueFormat',
+      label: '绑定值格式（valueFormat）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM',
+      },
+    },
+  ],
+  TimePicker: [
+    {
+      name: 'format',
+      label: '展示格式（format）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM',
+      },
+    },
+    {
+      name: 'valueFormat',
+      label: '绑定值格式（valueFormat）',
+      component: 'Input',
+      componentProps: {
+        placeholder: 'YYYY-MM',
+      },
+    },
+  ],
+  Slider: [
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'min',
+      label: '最小值',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入最小值',
+      },
+    },
+    {
+      name: 'max',
+      label: '最大值',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入最大值',
+      },
+    },
+    {
+      name: 'step',
+      label: '步长',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入步长',
+      },
+    },
+    {
+      name: 'tooltipPlacement',
+      label: 'Tooltip 展示位置',
+      component: 'Select',
+      componentProps: {
+        options: [
+          { value: 'top', label: '上' },
+          { value: 'left', label: '左' },
+          { value: 'right', label: '右' },
+          { value: 'bottom', label: '下' },
+          { value: 'topLeft', label: '上右' },
+          { value: 'topRight', label: '上左' },
+          { value: 'bottomLeft', label: '右下' },
+          { value: 'bottomRight', label: '左下' },
+          { value: 'leftTop', label: '左下' },
+          { value: 'leftBottom', label: '左上' },
+          { value: 'rightTop', label: '右下' },
+          { value: 'rightBottom', label: '右上' },
+        ],
+      },
+    },
+    {
+      name: 'tooltipOpen',
+      label: '始终显示Tooltip',
+      component: 'Checkbox',
+    },
+    {
+      name: 'dots',
+      label: '只能拖拽到刻度上',
+      component: 'Checkbox',
+    },
+    {
+      name: 'range',
+      label: '双滑块模式',
+      component: 'Checkbox',
+    },
+    {
+      name: 'reverse',
+      label: '反向坐标轴',
+      component: 'Checkbox',
+    },
+    {
+      name: 'vertical',
+      label: '垂直方向',
+      component: 'Checkbox',
+    },
+    {
+      name: 'included',
+      label: '值为包含关系',
+      component: 'Checkbox',
+    },
+  ],
+  Rate: [
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'character',
+      label: '自定义字符',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入自定义字符',
+      },
+    },
+    {
+      name: 'count',
+      label: 'start 总数',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '请输入自定义字符',
+      },
+    },
+  ],
+  Switch: [
+    {
+      name: 'checkedChildren',
+      label: '选中时的内容',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入选中时的内容',
+      },
+    },
+    {
+      name: 'checkedValue',
+      label: '选中时的值',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入选中时的值',
+      },
+    },
+    {
+      name: 'unCheckedChildren',
+      label: '非选中时的内容',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入非选中时的内容',
+      },
+    },
+    {
+      name: 'unCheckedValue',
+      label: '非选中时的值',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入非选中时的值',
+      },
+    },
+    {
+      name: 'loading',
+      label: '加载中的开关',
+      component: 'Checkbox',
+    },
+    {
+      name: 'size',
+      label: '尺寸',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: '默认',
+            value: 'default',
+          },
+          {
+            label: '小',
+            value: 'small',
+          },
+        ],
+      },
+    },
+  ],
+  TreeSelect: [
+    {
+      name: 'defaultValue',
+      label: '默认值',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入默认值',
+      },
+    },
+    {
+      name: 'searchPlaceholder',
+      label: '搜索框默认文字',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入搜索框默认文字',
+      },
+    },
+    {
+      name: 'treeNodeFilterProp',
+      label: '输入项过滤对应的 treeNode 属性',
+      component: 'Input',
+      componentProps: {
+        defaultValue: 'value',
+      },
+    },
+    {
+      name: 'treeNodeLabelProp',
+      label: '作为显示的 prop 设置',
+      component: 'Input',
+      componentProps: {
+        defaultValue: 'title',
+      },
+    },
+    {
+      name: 'dropdownClassName',
+      label: '下拉菜单的 className 属性',
+      component: 'Input',
+      componentProps: {
+        placeholder: '请输入下拉菜单的 className 属性',
+      },
+    },
+
+    {
+      name: 'labelInValue',
+      label: '选项的label包装到value中',
+      component: 'Checkbox',
+    },
+    {
+      name: 'treeIcon',
+      label: '展示TreeNode title前的图标',
+      component: 'Checkbox',
+    },
+    {
+      name: 'treeCheckable',
+      label: '选项可勾选',
+      component: 'Checkbox',
+    },
+    {
+      name: 'treeCheckStrictly',
+      label: '节点选择完全受控',
+      component: 'Checkbox',
+    },
+    {
+      name: 'treeDefaultExpandAll',
+      label: '默认展开所有',
+      component: 'Checkbox',
+    },
+    {
+      name: 'treeLine',
+      label: '是否展示线条样式',
+      component: 'Checkbox',
+    },
+    {
+      name: 'maxTagCount',
+      label: '最多显示多少个 tag',
+      component: 'InputNumber',
+      componentProps: {
+        placeholder: '最多显示多少个 tag',
+      },
+    },
+    {
+      name: 'size',
+      label: '尺寸',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: '默认',
+            value: 'default',
+          },
+          {
+            label: '小',
+            value: 'small',
+          },
+        ],
+      },
+    },
+  ],
+  Cascader: [
+    {
+      name: 'expandTrigger',
+      label: '次级展开方式(默认click)',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: 'click',
+            value: 'click',
+          },
+          {
+            label: 'hover',
+            value: 'hover',
+          },
+        ],
+      },
+    },
+  ],
+  Button: [
+    {
+      name: 'type',
+      label: '类型',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: 'default',
+            value: 'default',
+          },
+          {
+            label: 'primary',
+            value: 'primary',
+          },
+          {
+            label: 'danger',
+            value: 'danger',
+          },
+          {
+            label: 'dashed',
+            value: 'dashed',
+          },
+        ],
+      },
+    },
+    {
+      name: 'handle',
+      label: '操作',
+      component: 'RadioGroup',
+      componentProps: {
+        options: [
+          {
+            label: '提交',
+            value: 'submit',
+          },
+          {
+            label: '重置',
+            value: 'reset',
+          },
+        ],
+      },
+    },
+  ],
+  Upload: [
+    {
+      name: 'action',
+      label: '上传地址',
+      component: 'Input',
+    },
+    {
+      name: 'name',
+      label: '附件参数名（name）',
+      component: 'Input',
+    },
+  ],
+  // ColorPicker: [
+  //   {
+  //     name: 'defaultValue',
+  //     label: '默认值',
+  //     component: 'AColorPicker',
+  //   },
+  // ],
+  slot: [
+    {
+      name: 'slotName',
+      label: '插槽名称',
+      component: 'Input',
+    },
+  ],
+  Transfer: [
+    // {
+    //   name: 'operations',
+    //   label: '操作文案集合，顺序从上至下',
+    //   component: 'Input',
+    //   componentProps: {
+    //     type: 'text',
+    //     // defaultValue: ['>', '<'],
+    //   },
+    // },
+    // {
+    //   name: 'titles',
+    //   label: '标题集合，顺序从左至右',
+    //   component: 'Input',
+    //   componentProps: {
+    //     type: 'text',
+    //     // defaultValue: ['', ''],
+    //   },
+    // },
+    {
+      name: 'oneWay',
+      label: '展示为单向样式',
+      component: 'Checkbox',
+    },
+    {
+      name: 'pagination',
+      label: '使用分页样式',
+      component: 'Checkbox',
+    },
+    {
+      name: 'showSelectAll',
+      label: '展示全选勾选框',
+      component: 'Checkbox',
+    },
+  ],
+}
+
+function deleteProps(list: Omit<IBaseFormAttrs, 'tag'>[], key: string) {
+  list.forEach((element, index) => {
+    if (element.name === key)
+      list.splice(index, 1)
+  })
+}
+
+componentAttrs.StrengthMeter = componentAttrs.Input
+componentAttrs.StrengthMeter.push({
+  name: 'visibilityToggle',
+  label: '是否显示切换按钮',
+  component: 'Checkbox',
+})
+
+deleteProps(componentAttrs.StrengthMeter, 'type')
+deleteProps(componentAttrs.StrengthMeter, 'prefix')
+deleteProps(componentAttrs.StrengthMeter, 'defaultValue')
+deleteProps(componentAttrs.StrengthMeter, 'suffix')
+// 组件属性
+// name 控件的属性
+export const baseComponentAttrs: IBaseComponentProps = componentAttrs
+
+// 在所有的选项中查找需要配置项
+function findCompoentProps(props, name) {
+  const idx = props.findIndex((value: BaseFormAttrs, _index) => {
+    return value.name === name
+  })
+  if (idx) {
+    if (props[idx].componentProps)
+      return props[idx].componentProps
+  }
+}
+
+// 根据其它选项的值更新自身控件配置值
+export const componentPropsFuncs = {
+  RadioGroup: (compProp, options: BaseFormAttrs[]) => {
+    const props = findCompoentProps(options, 'size')
+    if (props) {
+      if (compProp.optionType && compProp.optionType !== 'button') {
+        props.disabled = true
+        compProp.size = null
+      }
+      else {
+        props.disabled = false
+      }
+    }
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts
new file mode 100644
index 0000000..1a242ed
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts
@@ -0,0 +1,351 @@
+import type { IAnyObject } from '../../../typings/base-type'
+import { baseComponents, customComponents } from '../../../core/formItemConfig'
+
+export const globalConfigState: { span: number } = {
+  span: 24,
+}
+export interface IBaseFormAttrs {
+  name: string // 字段名
+  label: string // 字段标签
+  component?: string // 属性控件
+  componentProps?: IAnyObject // 传递给控件的属性
+  exclude?: string[] // 需要排除的控件
+  includes?: string[] // 符合条件的组件
+  on?: IAnyObject
+  children?: IBaseFormAttrs[]
+  category?: 'control' | 'input'
+}
+
+export interface IBaseFormItemControlAttrs extends IBaseFormAttrs {
+  target?: 'props' | 'options' // 绑定到对象下的某个目标key中
+}
+
+export const baseItemColumnProps: IBaseFormAttrs[] = [
+  {
+    name: 'span',
+    label: '栅格数',
+    component: 'Slider',
+    on: {
+      change(value: number) {
+        globalConfigState.span = value
+      },
+    },
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+
+  {
+    name: 'offset',
+    label: '栅格左侧的间隔格数',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'order',
+    label: '栅格顺序,flex 布局模式下有效',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'pull',
+    label: '栅格向左移动格数',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'push',
+    label: '栅格向右移动格数',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'xs',
+    label: '<576px 响应式栅格',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'sm',
+    label: '≥576px 响应式栅格',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'md',
+    label: '≥768p 响应式栅格',
+    component: 'Slider',
+
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'lg',
+    label: '≥992px 响应式栅格',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'xl',
+    label: '≥1200px 响应式栅格',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: 'xxl',
+    label: '≥1600px 响应式栅格',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+  {
+    name: '≥2000px',
+    label: '≥1600px 响应式栅格',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+  },
+]
+
+// 控件属性面板的配置项
+export const advanceFormItemColProps: IBaseFormAttrs[] = [
+  {
+    name: 'labelCol',
+    label: '标签col',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+    exclude: ['Grid'],
+  },
+  {
+    name: 'wrapperCol',
+    label: '控件-span',
+    component: 'Slider',
+    componentProps: {
+      max: 24,
+      min: 0,
+      marks: { 12: '' },
+    },
+    exclude: ['Grid'],
+  },
+]
+// 控件属性面板的配置项
+export const baseFormItemProps: IBaseFormAttrs[] = [
+  {
+    // 动态的切换控件的类型
+    name: 'component',
+    label: '控件-FormItem',
+    component: 'Select',
+    componentProps: {
+      options: baseComponents
+        .concat(customComponents)
+        .map(item => ({ value: item.component, label: item.label })),
+    },
+  },
+  {
+    name: 'label',
+    label: '标签',
+    component: 'Input',
+    componentProps: {
+      type: 'Input',
+      placeholder: '请输入标签',
+    },
+    exclude: ['Grid'],
+  },
+  {
+    name: 'field',
+    label: '字段标识',
+    component: 'Input',
+    componentProps: {
+      type: 'InputTextArea',
+      placeholder: '请输入字段标识',
+    },
+    exclude: ['Grid'],
+  },
+  {
+    name: 'helpMessage',
+    label: 'helpMessage',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入提示信息',
+    },
+    exclude: ['Grid'],
+  },
+]
+
+// 控件属性面板的配置项
+export const advanceFormItemProps: IBaseFormAttrs[] = [
+  {
+    name: 'labelAlign',
+    label: '标签对齐',
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        {
+          label: '靠左',
+          value: 'left',
+        },
+        {
+          label: '靠右',
+          value: 'right',
+        },
+      ],
+    },
+    exclude: ['Grid'],
+  },
+
+  {
+    name: 'help',
+    label: 'help',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入提示信息',
+    },
+    exclude: ['Grid'],
+  },
+  {
+    name: 'extra',
+    label: '额外消息',
+    component: 'Input',
+    componentProps: {
+      type: 'InputTextArea',
+      placeholder: '请输入额外消息',
+    },
+    exclude: ['Grid'],
+  },
+  {
+    name: 'validateTrigger',
+    label: 'validateTrigger',
+    component: 'Input',
+    componentProps: {
+      type: 'InputTextArea',
+      placeholder: '请输入validateTrigger',
+    },
+    exclude: ['Grid'],
+  },
+  {
+    name: 'validateStatus',
+    label: '校验状态',
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        {
+          label: '默认',
+          value: '',
+        },
+        {
+          label: '成功',
+          value: 'success',
+        },
+        {
+          label: '警告',
+          value: 'warning',
+        },
+        {
+          label: '错误',
+          value: 'error',
+        },
+        {
+          label: '校验中',
+          value: 'validating',
+        },
+      ],
+    },
+    exclude: ['Grid'],
+  },
+]
+
+export const baseFormItemControlAttrs: IBaseFormItemControlAttrs[] = [
+  {
+    name: 'required',
+    label: '必填项',
+    component: 'Checkbox',
+    exclude: ['alert'],
+  },
+  {
+    name: 'hidden',
+    label: '隐藏',
+    component: 'Checkbox',
+    exclude: ['alert'],
+  },
+  {
+    name: 'hiddenLabel',
+    component: 'Checkbox',
+    exclude: ['Grid'],
+    label: '隐藏标签',
+  },
+  {
+    name: 'colon',
+    label: 'label后面显示冒号',
+    component: 'Checkbox',
+    componentProps: {},
+    exclude: ['Grid'],
+  },
+  {
+    name: 'hasFeedback',
+    label: '输入反馈',
+    component: 'Checkbox',
+    componentProps: {},
+    includes: ['Input'],
+  },
+  {
+    name: 'autoLink',
+    label: '自动关联',
+    component: 'Checkbox',
+    componentProps: {},
+    includes: ['Input'],
+  },
+  {
+    name: 'validateFirst',
+    label: '检验证错误停止',
+    component: 'Checkbox',
+    componentProps: {},
+    includes: ['Input'],
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/index.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/index.vue
new file mode 100644
index 0000000..8f27b90
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/index.vue
@@ -0,0 +1,327 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { provide, ref } from 'vue'
+import { Layout, LayoutContent, LayoutSider } from 'ant-design-vue'
+import { cloneDeep } from 'lodash-es'
+import type { UseRefHistoryReturn } from '@vueuse/core'
+import { useRefHistory } from '@vueuse/core'
+import VFormPreview from '../VFormPreview/index.vue'
+import VFormPreview2 from '../VFormPreview/useForm.vue'
+import type { IFormConfig, IVFormComponent, PropsTabKey } from '../../typings/v-form-component'
+import { formItemsForEach, generateKey } from '../../utils'
+import { baseComponents, customComponents, layoutComponents } from '../../core/formItemConfig'
+import type { IFormDesignMethods, IPropsPanel, IToolbarMethods } from '../../typings/form-type'
+import CollapseItem from './modules/CollapseItem.vue'
+import FormComponentPanel from './modules/FormComponentPanel.vue'
+import JsonModal from './components/JsonModal.vue'
+import Toolbar from './modules/Toolbar.vue'
+import PropsPanel from './modules/PropsPanel.vue'
+import ImportJsonModal from './components/ImportJsonModal.vue'
+import CodeModal from './components/CodeModal.vue'
+import { globalConfigState } from './config/formItemPropsConfig'
+import { CollapseContainer } from '@/components/Container/index'
+import 'codemirror/mode/javascript/javascript'
+
+defineProps({
+  title: {
+    type: String,
+    default: 'v-form-antd表单设计器',
+  },
+})
+// 子组件实例
+const propsPanel = ref<null | IPropsPanel>(null)
+const jsonModal = ref<null | IToolbarMethods>(null)
+const importJsonModal = ref<null | IToolbarMethods>(null)
+const eFormPreview = ref<null | IToolbarMethods>(null)
+const eFormPreview2 = ref<null | IToolbarMethods>(null)
+
+const codeModal = ref<null | IToolbarMethods>(null)
+
+const formModel = ref({})
+// endregion
+const formConfig = ref<IFormConfig>({
+  // 表单配置
+  schemas: [],
+  layout: 'horizontal',
+  labelLayout: 'flex',
+  labelWidth: 100,
+  labelCol: {},
+  wrapperCol: {},
+  currentItem: {
+    component: '',
+    componentProps: {},
+  },
+  activeKey: 1,
+})
+
+function setFormConfig(config: IFormConfig) {
+  // 外部导入时，可能会缺少必要的信息。
+  config.schemas = config.schemas || []
+  config.schemas.forEach((item) => {
+    item.colProps = item.colProps || { span: 24 }
+    item.componentProps = item.componentProps || {}
+    item.itemProps = item.itemProps || {}
+  })
+  formConfig.value = config
+}
+// 获取历史记录，用于撤销和重构
+const historyReturn = useRefHistory(formConfig, {
+  deep: true,
+  capacity: 20,
+  parse: (val: IFormConfig) => {
+    // 使用lodash.cloneDeep重新拷贝数据，把currentItem指向选中项
+    const formConfig = cloneDeep(val)
+    const { currentItem, schemas } = formConfig
+    // 从formItems中查找选中项
+
+    const item = schemas && schemas.find(item => item.key === currentItem?.key)
+    // 如果有，则赋值给当前项，如果没有，则切换属性面板
+    if (item)
+      formConfig.currentItem = item
+
+    return formConfig
+  },
+})
+
+/**
+ * 选中表单项
+ * @param schema 当前选中的表单项
+ */
+function handleSetSelectItem(schema: IVFormComponent) {
+  formConfig.value.currentItem = schema
+  handleChangePropsTabs(
+    schema.key ? (formConfig.value.activeKey! === 1 ? 2 : formConfig.value.activeKey!) : 1,
+  )
+}
+
+function setGlobalConfigState(formItem: IVFormComponent) {
+  formItem.colProps = formItem.colProps || {}
+  formItem.colProps.span = globalConfigState.span
+  // console.log('setGlobalConfigState', formItem);
+}
+
+/**
+ * 添加属性
+ * @param schemas
+ * @param index
+ */
+function handleAddAttrs(_formItems: IVFormComponent[], _index: number) {}
+
+function handleListPushDrag(item: IVFormComponent) {
+  const formItem = cloneDeep(item)
+  setGlobalConfigState(formItem)
+  generateKey(formItem)
+
+  return formItem
+}
+/**
+ * 单击控件时添加到面板中
+ * @param item {IVFormComponent} 当前点击的组件
+ */
+function handleListPush(item: IVFormComponent) {
+  // console.log('handleListPush', item);
+  const formItem = cloneDeep(item)
+  setGlobalConfigState(formItem)
+  generateKey(formItem)
+  if (!formConfig.value.currentItem?.key) {
+    handleSetSelectItem(formItem)
+    formConfig.value.schemas && formConfig.value.schemas.push(formItem)
+
+    return
+  }
+  handleCopy(formItem, false)
+}
+
+/**
+ * 复制表单项，如果表单项为栅格布局，则遍历所有自表单项重新生成key
+ * @param {IVFormComponent} formItem
+ * @return {IVFormComponent}
+ */
+function copyFormItem(formItem: IVFormComponent) {
+  const newFormItem = cloneDeep(formItem)
+  if (newFormItem.component === 'Grid') {
+    formItemsForEach([formItem], (item) => {
+      generateKey(item)
+    })
+  }
+  return newFormItem
+}
+/**
+ * 复制或者添加表单，isCopy为true时则复制表单
+ * @param item {IVFormComponent} 当前点击的组件
+ * @param isCopy {boolean} 是否复制
+ */
+function handleCopy(item: IVFormComponent = formConfig.value.currentItem as IVFormComponent,
+  isCopy = true) {
+  const key = formConfig.value.currentItem?.key
+  /**
+   * 遍历当表单项配置，如果是复制，则复制一份表单项，如果不是复制，则直接添加到表单项中
+   * @param schemas
+   */
+  const traverse = (schemas: IVFormComponent[]) => {
+    // 使用some遍历，找到目标后停止遍历
+    schemas.some((formItem: IVFormComponent, index: number) => {
+      if (formItem.key === key) {
+        // 判断是不是复制
+        isCopy
+          ? schemas.splice(index, 0, copyFormItem(formItem))
+          : schemas.splice(index + 1, 0, item)
+        const event = {
+          newIndex: index + 1,
+        }
+        // 添加到表单项中
+        handleBeforeColAdd(event, schemas, isCopy)
+        return true
+      }
+      if (['Grid', 'Tabs'].includes(formItem.component)) {
+        // 栅格布局
+        formItem.columns?.forEach((item) => {
+          traverse(item.children)
+        })
+      }
+    })
+  }
+  if (formConfig.value.schemas)
+    traverse(formConfig.value.schemas)
+}
+
+/**
+ * 添加到表单中
+ * @param newIndex {object} 事件对象
+ * @param schemas {IVFormComponent[]} 表单项列表
+ * @param isCopy {boolean} 是否复制
+ */
+function handleBeforeColAdd({ newIndex }: any, schemas: IVFormComponent[], isCopy = false) {
+  const item = schemas[newIndex]
+  isCopy && generateKey(item)
+  handleSetSelectItem(item)
+}
+
+/**
+ * 打开模态框
+ * @param Modal {IToolbarMethods}
+ */
+function handleOpenModal(Modal: IToolbarMethods) {
+  const config = cloneDeep(formConfig.value)
+  Modal?.showModal(config)
+}
+/**
+ * 切换属性面板
+ * @param key
+ */
+function handleChangePropsTabs(key: PropsTabKey) {
+  formConfig.value.activeKey = key
+}
+/**
+ * 清空表单项列表
+ */
+function handleClearFormItems() {
+  formConfig.value.schemas = []
+  handleSetSelectItem({ component: '' })
+}
+
+const setFormModel = (key, value) => (formModel.value[key] = value)
+provide('formModel', formModel)
+// 把祖先组件的方法项注入到子组件中，子组件可通过inject获取
+provide<(key: string, value: any) => void>('setFormModelMethod', setFormModel)
+// region 注入给子组件的属性
+// provide('currentItem', formConfig.value.currentItem)
+
+// 把表单配置项注入到子组件中，子组件可通过inject获取，获取到的数据为响应式
+provide<Ref<IFormConfig>>('formConfig', formConfig)
+
+// 注入历史记录
+provide<UseRefHistoryReturn<any, any>>('historyReturn', historyReturn)
+
+// 把祖先组件的方法项注入到子组件中，子组件可通过inject获取
+provide<IFormDesignMethods>('formDesignMethods', {
+  handleBeforeColAdd,
+  handleCopy,
+  handleListPush,
+  handleSetSelectItem,
+  handleAddAttrs,
+  setFormConfig,
+})
+
+// endregion
+</script>
+
+<template>
+  <Layout>
+    <LayoutSider
+      class="bg-white dark:bg-black"
+      collapsible
+      collapsed-width="0"
+      width="270"
+      :zero-width-trigger-style="{
+        'margin-top': '-60px',
+        'background-color': 'gray',
+      }"
+      breakpoint="md"
+    >
+      <CollapseContainer title="基础控件">
+        <CollapseItem
+          :list="baseComponents"
+          :handle-list-push="handleListPushDrag"
+          @add-attrs="handleAddAttrs"
+          @handle-list-push="handleListPush"
+        />
+      </CollapseContainer>
+      <CollapseContainer title="自定义控件">
+        <CollapseItem
+          :list="customComponents"
+          :handle-list-push="handleListPushDrag"
+          @add-attrs="handleAddAttrs"
+          @handle-list-push="handleListPush"
+        />
+      </CollapseContainer>
+      <CollapseContainer title="布局控件">
+        <CollapseItem
+          :list="layoutComponents"
+          :handle-list-push="handleListPushDrag"
+          @add-attrs="handleAddAttrs"
+          @handle-list-push="handleListPush"
+        />
+      </CollapseContainer>
+    </LayoutSider>
+    <LayoutContent>
+      <Toolbar
+        @handle-open-json-modal="handleOpenModal(jsonModal!)"
+        @handle-open-import-json-modal="handleOpenModal(importJsonModal!)"
+        @handle-preview="handleOpenModal(eFormPreview!)"
+        @handle-preview2="handleOpenModal(eFormPreview2!)"
+        @handle-open-code-modal="handleOpenModal(codeModal!)"
+        @handle-clear-form-items="handleClearFormItems"
+      />
+      <FormComponentPanel
+        :current-item="formConfig.currentItem"
+        :data="formConfig"
+        @handle-set-select-item="handleSetSelectItem"
+      />
+    </LayoutContent>
+    <LayoutSider
+      class="bg-white dark:bg-black"
+      collapsible
+      :reverse-arrow="true"
+      collapsed-width="0"
+      width="270"
+      :zero-width-trigger-style="{ 'margin-top': '-60px', 'background-color': 'gray' }"
+      breakpoint="lg"
+    >
+      <PropsPanel ref="propsPanel" :active-key="formConfig.activeKey">
+        <template v-for="item of formConfig.schemas" #[`${item.component}Props`]="data">
+          <slot
+            :name="`${item.component}Props`"
+            v-bind="{ formItem: data, props: data.componentProps }"
+          />
+        </template>
+      </PropsPanel>
+    </LayoutSider>
+  </Layout>
+
+  <JsonModal ref="jsonModal" />
+  <CodeModal ref="codeModal" />
+  <ImportJsonModal ref="importJsonModal" />
+  <VFormPreview ref="eFormPreview" :form-config="formConfig" />
+  <VFormPreview2 ref="eFormPreview2" :form-config="formConfig" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue
new file mode 100644
index 0000000..fe96239
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue
@@ -0,0 +1,109 @@
+<script lang="ts" setup>
+import draggable from 'vuedraggable'
+import type { IVFormComponent } from '../../../typings/v-form-component'
+import { Icon } from '@/components/Icon'
+import { useDesign } from '@/hooks/web/useDesign'
+
+const props = defineProps(
+  {
+    list: {
+      type: Array as unknown as any[],
+      default: () => [],
+    },
+    handleListPush: {
+      type: Function,
+      default: null,
+    },
+  },
+)
+const emit = defineEmits(['start', 'add-attrs', 'handle-list-push'])
+const Draggable = draggable
+
+const { prefixCls } = useDesign('form-design-collapse-item')
+
+function handleStart(e: any, list1: IVFormComponent[]) {
+  emit('start', list1[e.oldIndex].component)
+}
+function handleAdd(e: any) {
+  console.log(e)
+}
+// https://github.com/SortableJS/vue.draggable.next
+// https://github.com/SortableJS/vue.draggable.next/blob/master/example/components/custom-clone.vue
+function cloneItem(one) {
+  return props.handleListPush(one)
+}
+</script>
+
+<template>
+  <div :class="prefixCls">
+    <Draggable
+      tag="ul"
+      :model-value="list"
+      v-bind="{
+        group: { name: 'form-draggable', pull: 'clone', put: false },
+        sort: false,
+        clone: cloneItem,
+        animation: 180,
+        ghostClass: 'moving',
+      }"
+      item-key="type"
+      @start="handleStart($event, list)"
+      @add="handleAdd"
+    >
+      <template #item="{ element, index }">
+        <li
+          class="bs-box text-ellipsis"
+          @dragstart="emit('add-attrs', list, index)"
+          @click="emit('handle-list-push', element)"
+        >
+          <!-- <svg v-if="element.icon.indexOf('icon-') > -1" class="icon" aria-hidden="true">
+            <use :xlink:href="`#${element.icon}`" />
+          </svg> -->
+          <Icon :icon="element.icon" />
+          {{ element.label }}
+        </li>
+      </template>
+    </Draggable>
+  </div>
+</template>
+
+<style lang="less" scoped>
+  @prefix-cls: ~'@{namespace}-form-design-collapse-item';
+
+  @import url('../styles/variable.less');
+
+  .@{prefix-cls} {
+    ul {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 5px;
+      margin-bottom: 0;
+      list-style: none;
+      // background: #efefef;
+
+      li {
+        width: calc(50% - 6px);
+        height: 36px;
+        padding: 8px 12px;
+        margin: 2.7px;
+        line-height: 20px;
+        cursor: move;
+        border: 1px solid @border-color;
+        border-radius: 3px;
+        transition: all 0.3s;
+
+        &:hover {
+          position: relative;
+          color: @primary-color;
+          border: 1px solid @primary-color;
+          // z-index: 1;
+          box-shadow: 0 2px 6px @primary-color;
+        }
+      }
+    }
+
+    svg {
+      display: inline !important;
+    }
+  }
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue
new file mode 100644
index 0000000..ab950c5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue
@@ -0,0 +1,140 @@
+<!--
+ * @Description: 中间表单布局面板
+ * https://github.com/SortableJS/vue.draggable.next/issues/138
+-->
+<script lang="ts" setup>
+import draggable from 'vuedraggable'
+import { computed } from 'vue'
+import { cloneDeep } from 'lodash-es'
+import { Empty, Form } from 'ant-design-vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import LayoutItem from '../components/LayoutItem.vue'
+
+const emit = defineEmits(['handleSetSelectItem'])
+
+const Draggable = draggable
+
+const { formConfig } = useFormDesignState()
+
+/**
+ * 拖拽完成事件
+ * @param newIndex
+ */
+function addItem({ newIndex }: any) {
+  formConfig.value.schemas = formConfig.value.schemas || []
+
+  const schemas = formConfig.value.schemas
+  schemas[newIndex] = cloneDeep(schemas[newIndex])
+  emit('handleSetSelectItem', schemas[newIndex])
+}
+
+/**
+ * 拖拽开始事件
+ * @param e {Object} 事件对象
+ */
+function handleDragStart(e: any) {
+  emit('handleSetSelectItem', formConfig.value.schemas[e.oldIndex])
+}
+
+// 获取祖先组件传递的currentItem
+
+// 计算布局元素，水平模式下为ACol，非水平模式下为div
+const layoutTag = computed(() => {
+  return formConfig.value.layout === 'horizontal' ? 'Col' : 'div'
+})
+</script>
+
+<template>
+  <div class="v-form-container form-panel">
+    <Empty v-show="formConfig.schemas.length === 0" class="empty-text" description="从左侧选择控件添加" />
+    <Form v-bind="formConfig">
+      <div class="draggable-box">
+        <Draggable
+          v-model="formConfig.schemas" class="list-main ant-row" group="form-draggable"
+          :component-data="{ name: 'list', tag: 'div', type: 'transition-group' }" ghost-class="moving" :animation="180"
+          handle=".drag-move" item-key="key" @add="addItem" @start="handleDragStart"
+        >
+          <template #item="{ element }">
+            <LayoutItem
+              class="drag-move" :schema="element" :data="formConfig"
+              :current-item="formConfig.currentItem || {}"
+            />
+          </template>
+        </Draggable>
+      </div>
+    </Form>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@import url('../styles/variable.less');
+@import url('../styles/drag.less');
+
+.v-form-container {
+
+  // 内联布局样式
+  .ant-form-inline {
+    .list-main {
+      display: flex;
+      flex-wrap: wrap;
+      align-content: flex-start;
+      justify-content: flex-start;
+
+      .layout-width {
+        width: 100%;
+      }
+    }
+
+    .ant-form-item-control-wrapper {
+      min-width: 175px !important;
+    }
+  }
+}
+
+.form-panel {
+  position: relative;
+  height: 100%;
+
+  .empty-text {
+    position: absolute;
+    inset: -10% 0 0;
+    z-index: 100;
+    height: 150px;
+    margin: auto;
+    color: #aaa;
+  }
+
+  .draggable-box {
+    height: calc(100vh - 200px);
+    // width: 100%;
+    overflow: auto;
+
+    .drag-move {
+      min-height: 62px;
+      cursor: move;
+    }
+
+    .list-main {
+
+      // 列表动画
+      .list-enter-active {
+        transition: all 0.5s;
+      }
+
+      .list-leave-active {
+        transition: all 0.3s;
+      }
+
+      .list-enter,
+      .list-leave-to {
+        opacity: 0;
+        transform: translateX(-100px);
+      }
+
+      .list-enter {
+        height: 30px;
+      }
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue
new file mode 100644
index 0000000..39f70a4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue
@@ -0,0 +1,86 @@
+<!--
+ * @Description: 右侧属性配置面板
+-->
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { TabPane, Tabs } from 'ant-design-vue'
+import FormProps from '../components/FormProps.vue'
+import FormItemProps from '../components/FormItemProps.vue'
+import ComponentProps from '../components/ComponentProps.vue'
+import ComponentColumnProps from '../components/FormItemColumnProps.vue'
+import { useFormDesignState } from '../../../hooks/useFormDesignState'
+import { customComponents } from '../../../core/formItemConfig'
+
+type ChangeTabKey = 1 | 2
+export interface IPropsPanel {
+  changeTab: (key: ChangeTabKey) => void
+}
+const { formConfig } = useFormDesignState()
+const slotProps = computed(() => {
+  return customComponents.find(
+    item => item.component === formConfig.value.currentItem?.component,
+  )
+})
+</script>
+
+<template>
+  <div>
+    <Tabs v-model:activeKey="formConfig.activeKey" :tab-bar-style="{ margin: 0 }">
+      <TabPane :key="1" tab="表单">
+        <FormProps />
+      </TabPane>
+      <TabPane :key="2" tab="控件">
+        <FormItemProps />
+      </TabPane>
+      <TabPane :key="3" tab="栅格">
+        <ComponentColumnProps />
+      </TabPane>
+      <TabPane :key="4" tab="组件">
+        <slot v-if="slotProps" :name="`${slotProps.component}Props`" />
+        <ComponentProps v-else />
+      </TabPane>
+    </Tabs>
+  </div>
+</template>
+
+<style lang="less" scoped>
+  @import url('../styles/variable.less');
+
+  :deep(.ant-tabs) {
+    box-sizing: border-box;
+
+    form {
+      position: absolute;
+      width: 100%;
+      height: calc(100% - 50px);
+      margin-right: 10px;
+      overflow-x: hidden;
+      overflow-y: auto;
+    }
+
+    .hint-box {
+      margin-top: 200px;
+    }
+
+    .ant-form-item,
+    .ant-slider-with-marks {
+      margin-right: 20px;
+      margin-bottom: 0;
+      margin-left: 10px;
+    }
+
+    .ant-form-item {
+      // width: 100%;
+      margin-bottom: 0;
+
+      .ant-form-item-label {
+        line-height: 2;
+        vertical-align: text-top;
+      }
+    }
+
+    .ant-input-number {
+      width: 100%;
+    }
+  }
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue
new file mode 100644
index 0000000..3456f66
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue
@@ -0,0 +1,126 @@
+<!--
+ * @Description: 工具栏
+-->
+<script lang="ts" setup>
+import { inject, reactive } from 'vue'
+import type { UseRefHistoryReturn } from '@vueuse/core'
+import { Divider, Tooltip } from 'ant-design-vue'
+import type { IFormConfig } from '../../../typings/v-form-component'
+import { Icon } from '@/components/Icon'
+
+interface IToolbarsConfig {
+  type: string
+  title: string
+  icon: string
+  event: string
+}
+
+const state = reactive<{
+  toolbarsConfigs: IToolbarsConfig[]
+}>({
+  toolbarsConfigs: [
+    {
+      title: '预览-支持布局',
+      type: 'preview',
+      event: 'handlePreview',
+      icon: 'ant-design:chrome-filled',
+    },
+    {
+      title: '预览-不支持布局',
+      type: 'preview',
+      event: 'handlePreview2',
+      icon: 'ant-design:chrome-filled',
+    },
+    {
+      title: '导入JSON',
+      type: 'importJson',
+      event: 'handleOpenImportJsonModal',
+      icon: 'ant-design:import-outlined',
+    },
+    {
+      title: '生成JSON',
+      type: 'exportJson',
+      event: 'handleOpenJsonModal',
+      icon: 'ant-design:export-outlined',
+    },
+    {
+      title: '生成代码',
+      type: 'exportCode',
+      event: 'handleOpenCodeModal',
+      icon: 'ant-design:code-filled',
+    },
+    {
+      title: '清空',
+      type: 'reset',
+      event: 'handleClearFormItems',
+      icon: 'ant-design:clear-outlined',
+    },
+  ],
+})
+const historyRef = inject('historyReturn') as UseRefHistoryReturn<IFormConfig, IFormConfig>
+
+const { undo, redo, canUndo, canRedo } = historyRef
+</script>
+
+<template>
+  <div class="operating-area">
+    <!-- 头部操作按钮区域 start -->
+    <!-- 操作左侧区域 start -->
+    <div class="left-btn-box">
+      <Tooltip v-for="item in state.toolbarsConfigs" :key="item.icon" :title="item.title">
+        <a class="toolbar-text" @click="$emit(item.event)">
+          <Icon :icon="item.icon" />
+        </a>
+      </Tooltip>
+      <Divider type="vertical" />
+      <Tooltip title="撤销">
+        <a :class="{ disabled: !canUndo }" :disabled="!canUndo" @click="undo">
+          <Icon icon="ant-design:undo-outlined" />
+        </a>
+      </Tooltip>
+      <Tooltip title="重做">
+        <a :class="{ disabled: !canRedo }" :disabled="!canRedo" @click="redo">
+          <Icon icon="ant-design:redo-outlined" />
+        </a>
+      </Tooltip>
+    </div>
+  </div>
+  <!-- 操作区域 start -->
+</template>
+
+<style lang="less" scoped>
+  //noinspection CssUnknownTarget
+  @import url('../styles/variable.less');
+
+  .operating-area {
+    display: flex;
+    align-content: center;
+    justify-content: space-between;
+    height: @operating-area-height;
+    padding: 0 12px;
+    padding-left: 40px;
+    font-size: 16px;
+    line-height: @operating-area-height;
+    text-align: left;
+    border-bottom: 2px solid @border-color;
+
+    a {
+      margin: 0 5px;
+      color: #666;
+
+      &.disabled,
+      &.disabled:hover {
+        color: #ccc;
+      }
+
+      &:hover {
+        color: @primary-color;
+      }
+
+      > span {
+        padding-left: 2px;
+        font-size: 14px;
+      }
+    }
+  }
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/drag.less b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/drag.less
new file mode 100644
index 0000000..fe1bf2d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/drag.less
@@ -0,0 +1,225 @@
+.draggable-box {
+  height: 100%;
+  overflow: auto;
+
+  :deep(.list-main) {
+    position: relative;
+    padding: 5px;
+    overflow: hidden;
+
+    .moving {
+      position: relative;
+      box-sizing: border-box;
+      // 拖放移动中;
+      min-height: 35px;
+      padding: 0 !important;
+      overflow: hidden;
+
+      &::before {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 100%;
+        height: 5px;
+        content: "";
+        background-color: @primary-color;
+      }
+    }
+
+    .drag-move-box {
+      position: relative;
+      box-sizing: border-box;
+      min-height: 60px;
+      padding: 8px;
+      overflow: hidden;
+      transition: all 0.3s;
+
+      &:hover {
+        background-color: @primary-hover-bg-color;
+      }
+
+      // 选择时 start
+      &::before {
+        position: absolute;
+        top: 0;
+        right: -100%;
+        width: 100%;
+        height: 5px;
+        content: "";
+        background-color: @primary-color;
+        transition: all 0.3s;
+      }
+
+      &.active {
+        background-color: @primary-hover-bg-color;
+        outline-offset: 0;
+
+        &::before {
+          right: 0;
+        }
+      }
+
+      // 选择时 end
+      .form-item-box {
+        position: relative;
+        box-sizing: border-box;
+        word-wrap: break-word;
+
+        &::before {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          content: "";
+        }
+
+        .ant-form-item {
+          padding-bottom: 6px;
+          // 修改ant form-item的margin为padding
+          margin: 0;
+        }
+      }
+
+      .show-key-box {
+        // 显示key
+        position: absolute;
+        right: 5px;
+        bottom: 2px;
+        font-size: 14px;
+        // z-index: 999;
+        color: @primary-color;
+      }
+
+      .copy,
+      .delete {
+        position: absolute;
+        top: 0;
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+        color: #fff;
+        text-align: center;
+        // z-index: 989;
+        transition: all 0.3s;
+
+        &.unactivated {
+          pointer-events: none;
+          opacity: 0 !important;
+        }
+
+        &.active {
+          opacity: 1 !important;
+        }
+      }
+
+      .copy {
+        right: 30px;
+        background-color: @primary-color;
+        border-radius: 0 0 0 8px;
+      }
+
+      .delete {
+        right: 0;
+        background-color: @primary-color;
+      }
+    }
+
+    .grid-box {
+      position: relative;
+      box-sizing: border-box;
+      width: 100%;
+      padding: 5px;
+      overflow: hidden;
+      background-color: @layout-background-color;
+      transition: all 0.3s;
+
+      .form-item-box {
+        position: relative;
+        box-sizing: border-box;
+
+        .ant-form-item {
+          padding-bottom: 15px;
+          // 修改ant form-item的margin为padding
+          margin: 0;
+        }
+      }
+
+      .grid-row {
+        background-color: @layout-background-color;
+
+        .grid-col {
+          .draggable-box {
+            min-width: 50px;
+            min-height: 80px;
+            border: 1px #ccc dashed;
+            // background: #fff;
+
+            .list-main {
+              position: relative;
+              min-height: 83px;
+              border: 1px #ccc dashed;
+            }
+          }
+        }
+      }
+
+      // 选择时 start
+      &::before {
+        position: absolute;
+        top: 0;
+        right: -100%;
+        width: 100%;
+        height: 5px;
+        content: "";
+        background: transparent;
+        transition: all 0.3s;
+      }
+
+      &.active {
+        background-color: @layout-hover-bg-color;
+        outline-offset: 0;
+
+        &::before {
+          right: 0;
+          background-color: @layout-color;
+        }
+      }
+      // 选择时 end
+      > .copy-delete-box {
+        > .copy,
+        > .delete {
+          position: absolute;
+          top: 0;
+          width: 30px;
+          height: 30px;
+          line-height: 30px;
+          color: #fff;
+          text-align: center;
+          // z-index: 989;
+          transition: all 0.3s;
+
+          &.unactivated {
+            pointer-events: none;
+            opacity: 0 !important;
+          }
+
+          &.active {
+            opacity: 1 !important;
+          }
+        }
+
+        > .copy {
+          right: 30px;
+          background-color: @layout-color;
+          border-radius: 0 0 0 8px;
+        }
+
+        > .delete {
+          right: 0;
+          background-color: @layout-color;
+        }
+      }
+    }
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/variable.less b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/variable.less
new file mode 100644
index 0000000..8749dce
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormDesign/styles/variable.less
@@ -0,0 +1,15 @@
+// 表单设计器样式
+@primary-color: #13c2c2;
+@layout-color: #9867f7;
+
+@primary-background-color: fade(@primary-color, 6%);
+@primary-hover-bg-color: fade(@primary-color, 20%);
+@layout-background-color: fade(@layout-color, 12%);
+@layout-hover-bg-color: fade(@layout-color, 24%);
+
+@title-text-color: #fff;
+@border-color: #ccc;
+
+@left-right-width: 280px;
+@header-height: 56px;
+@operating-area-height: 45px;
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/index.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/index.vue
new file mode 100644
index 0000000..a02a13d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/index.vue
@@ -0,0 +1,201 @@
+<!--
+ * @Description:
+-->
+<script lang="ts" setup>
+import type { PropType } from 'vue'
+import { computed, unref } from 'vue'
+import { asyncComputed } from '@vueuse/core'
+import { omit } from 'lodash-es'
+import { Col, Divider, FormItem, Tooltip } from 'ant-design-vue'
+import { componentMap } from '../../core/formItemConfig'
+import type { IFormConfig, IVFormComponent } from '../../typings/v-form-component'
+import { handleAsyncOptions } from '../../utils'
+import { useFormModelState } from '../../hooks/useFormDesignState'
+import { Icon } from '@/components/Icon'
+
+const props = defineProps({
+  formData: {
+    type: Object,
+    default: () => ({}),
+  },
+  schema: {
+    type: Object as PropType<IVFormComponent>,
+    required: true,
+  },
+  formConfig: {
+    type: Object as PropType<IFormConfig>,
+    required: true,
+  },
+})
+
+const emit = defineEmits(['update:form-data', 'change'])
+
+const { formModel: formData1, setFormModel } = useFormModelState()
+const colPropsComputed = computed(() => {
+  const { colProps = {} } = props.schema
+  return colProps
+})
+const formItemProps = computed(() => {
+  const { formConfig } = unref(props)
+  let { field, required, rules, labelCol, wrapperCol } = unref(props.schema)
+  const { colon } = props.formConfig
+
+  const { itemProps } = unref(props.schema)
+
+  // <editor-fold desc="布局属性">
+  labelCol = labelCol || (formConfig.layout === 'horizontal'
+    ? formConfig.labelLayout === 'flex'
+      ? { style: `width:${formConfig.labelWidth}px` }
+      : formConfig.labelCol
+    : {})
+
+  wrapperCol = wrapperCol || (formConfig.layout === 'horizontal'
+    ? formConfig.labelLayout === 'flex'
+      ? { style: 'width:auto;flex:1' }
+      : formConfig.wrapperCol
+    : {})
+
+  const style
+          = formConfig.layout === 'horizontal' && formConfig.labelLayout === 'flex'
+            ? { display: 'flex' }
+            : {}
+
+  /**
+   * 将字符串正则格式化成正则表达式
+   */
+
+  const newConfig = Object.assign(
+    {},
+    {
+      name: field,
+      style: { ...style },
+      colon,
+      required,
+      rules,
+      labelCol,
+      wrapperCol,
+    },
+    itemProps,
+  )
+  if (!itemProps?.labelCol?.span)
+    newConfig.labelCol = labelCol
+
+  if (!itemProps?.wrapperCol?.span)
+    newConfig.wrapperCol = wrapperCol
+
+  if (!itemProps?.rules)
+    newConfig.rules = rules
+
+  return newConfig
+}) as Recordable<any>
+
+const componentItem = computed(() => componentMap.get(props.schema.component as string))
+
+// console.log('component change:', props.schema.component, componentItem.value);
+function handleClick(schema: IVFormComponent) {
+  if (schema.component === 'Button' && schema.componentProps?.handle)
+    emit(schema.componentProps?.handle)
+}
+/**
+ * 处理异步属性，异步属性会导致一些属性渲染错误，如defaultValue异步加载会导致渲染不出来，故而此处只处理options，treeData，同步属性在cmpProps中处理
+ */
+const asyncProps = asyncComputed(async () => {
+  let { options, treeData } = props.schema.componentProps ?? {}
+  if (options)
+    options = await handleAsyncOptions(options)
+  if (treeData)
+    treeData = await handleAsyncOptions(treeData)
+  return {
+    options,
+    treeData,
+  }
+})
+
+/**
+ * 处理同步属性
+ */
+const cmpProps = computed(() => {
+  const isCheck
+          = props.schema && ['Switch', 'Checkbox', 'Radio'].includes(props.schema.component)
+  const { field } = props.schema
+
+  let { disabled, ...attrs }
+          = omit(props.schema.componentProps, ['options', 'treeData']) ?? {}
+
+  disabled = props.formConfig.disabled || disabled
+
+  return {
+    ...attrs,
+    disabled,
+    [isCheck ? 'checked' : 'value']: formData1.value[field!],
+  }
+})
+
+const handleChange = function (e) {
+  const isCheck = ['Switch', 'Checkbox', 'Radio'].includes(props.schema.component)
+  const target = e ? e.target : null
+  const value = target ? (isCheck ? target.checked : target.value) : e
+  setFormModel(props.schema.field!, value)
+  emit('change', value)
+}
+</script>
+
+<template>
+  <Col v-bind="colPropsComputed">
+    <FormItem v-bind="{ ...formItemProps }">
+      <template v-if="!formItemProps.hiddenLabel && schema.component !== 'Divider'" #label>
+        <Tooltip>
+          <span>{{ schema.label }}</span>
+          <template v-if="schema.helpMessage" #title>
+            <span>{{ schema.helpMessage }}</span>
+          </template>
+          <Icon v-if="schema.helpMessage" class="ml-5" icon="ant-design:question-circle-outlined" />
+        </Tooltip>
+      </template>
+
+      <slot
+        v-if="schema.componentProps && schema.componentProps?.slotName"
+        :name="schema.componentProps.slotName"
+        v-bind="schema"
+      />
+      <Divider
+        v-else-if="schema.component === 'Divider' && schema.label && !formItemProps.hiddenLabel"
+      >
+        {{ schema.label }}
+      </Divider>
+      <!-- 部分控件需要一个空div -->
+      <div>
+        <component
+          :is="componentItem"
+          class="v-form-item-wrapper"
+          v-bind="{ ...cmpProps, ...asyncProps }"
+          :schema="schema"
+          :style="schema.width ? { width: schema.width } : {}"
+          @change="handleChange"
+          @click="handleClick(schema)"
+        />
+      </div>
+
+      <span v-if="['Button'].includes(schema.component)">{{ schema.label }}</span>
+    </FormItem>
+  </Col>
+</template>
+
+<style lang="less" scoped>
+  .ml-5 {
+    margin-left: 5px;
+  }
+
+  // form字段中的标签有ant-col，不能使用width:100%
+  :deep(.ant-col) {
+    width: auto;
+  }
+
+  .ant-form-item:not(.ant-form-item-with-help) {
+    margin-bottom: 20px;
+  }
+
+  // .w-full {
+  //   width: 100% !important;
+  // }
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/vFormItem.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/vFormItem.vue
new file mode 100644
index 0000000..dccb744
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormItem/vFormItem.vue
@@ -0,0 +1,56 @@
+<!--
+ * @Description:
+   `<FormItem`
+    :tableAction="tableAction"
+    :formActionType="formActionType"
+    :schema="schema2"
+    :formProps="getProps"
+    :allDefaultValues="defaultValueRef"
+    :formModel="formModel"
+    :setFormModel="setFormModel"
+  >
+-->
+
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import type { IFormConfig, IVFormComponent } from '../../typings/v-form-component'
+import type { FormProps, FormSchema } from '@/components/Form'
+
+import FormItem from '@/components/Form/src/components/FormItem.vue'
+
+const props = defineProps({
+  formData: {
+    type: Object,
+    default: () => ({}),
+  },
+  schema: {
+    type: Object as PropType<IVFormComponent>,
+    required: true,
+  },
+  formConfig: {
+    type: Object as PropType<IFormConfig>,
+    required: true,
+  },
+})
+
+const schema = computed(() => {
+  const schema: FormSchema = {
+    ...unref(props.schema),
+  } as FormSchema
+
+  return schema
+})
+
+// Get the basic configuration of the form
+const getProps = computed((): FormProps => {
+  return { ...unref(props.formConfig) } as FormProps
+})
+</script>
+
+<template>
+  <FormItem :schema="schema" :form-props="getProps">
+    <template v-for="item in Object.keys($slots)" #[item]="data">
+      <slot :name="item" v-bind="data || {}" />
+    </template>
+  </FormItem>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/index.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/index.vue
new file mode 100644
index 0000000..afbff85
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/index.vue
@@ -0,0 +1,86 @@
+<!--
+ * @Description: 渲染组件，无法使用Vben的组件
+-->
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { Modal } from 'ant-design-vue'
+import type { IFormConfig } from '../../typings/v-form-component'
+import type { IAnyObject } from '../../typings/base-type'
+import VFormCreate from '../VFormCreate/index.vue'
+import { formatRules } from '../../utils'
+import type { IVFormMethods } from '../../hooks/useVFormMethods'
+import JsonModal from '../VFormDesign/components/JsonModal.vue'
+import type { IToolbarMethods } from '../../typings/form-type'
+
+const jsonModal = ref<IToolbarMethods | null>(null)
+const state = reactive<{
+  formModel: IAnyObject
+  open: boolean
+  formConfig: IFormConfig
+  fApi: IVFormMethods
+}>({
+  formModel: {},
+  formConfig: {} as IFormConfig,
+  open: false,
+  fApi: {} as IVFormMethods,
+})
+
+/**
+ * 显示Json数据弹框
+ * @param jsonData
+ */
+function showModal(jsonData: IFormConfig) {
+  // console.log('showModal-', jsonData);
+  formatRules(jsonData.schemas)
+  state.formConfig = jsonData
+  state.open = true
+}
+
+/**
+ * 获取表单数据
+ * @return {Promise<void>}
+ */
+function handleCancel() {
+  state.open = false
+  onCancel()
+}
+async function handleGetData() {
+  const _data = await state.fApi.submit?.()
+  jsonModal.value?.showModal?.(_data)
+}
+
+function onSubmit(_data: IAnyObject) {
+  //
+}
+function onCancel() {
+  state.formModel = {}
+}
+
+defineExpose({ showModal, onCancel })
+</script>
+
+<template>
+  <Modal
+    title="预览(支持布局)"
+    :open="state.open"
+    ok-text="获取数据"
+    cancel-text="关闭"
+    style="top: 20px"
+    :destroy-on-close="true"
+    :width="900"
+    @ok="handleGetData"
+    @cancel="handleCancel"
+  >
+    <VFormCreate
+      v-model:fApi="state.fApi"
+      v-model:formModel="state.formModel"
+      :form-config="state.formConfig"
+      @submit="onSubmit"
+    >
+      <template #slotName="{ formModel, field }">
+        <a-input v-model:value="formModel[field]" placeholder="我是插槽传递的输入框" />
+      </template>
+    </VFormCreate>
+    <JsonModal ref="jsonModal" />
+  </Modal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/useForm.vue b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/useForm.vue
new file mode 100644
index 0000000..352a958
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/VFormPreview/useForm.vue
@@ -0,0 +1,72 @@
+<!--
+ * @Description: 使用vbenForm的功能进行渲染
+-->
+<script lang="ts" setup>
+import { computed, reactive, ref } from 'vue'
+import { Modal } from 'ant-design-vue'
+import type { IFormConfig } from '../../typings/v-form-component'
+import type { IAnyObject } from '../../typings/base-type'
+import JsonModal from '../VFormDesign/components/JsonModal.vue'
+import type { IToolbarMethods } from '../../typings/form-type'
+import { BasicForm, useForm } from '@/components/Form/index'
+
+const jsonModal = ref<IToolbarMethods | null>(null)
+const state = reactive<{
+  formModel: IAnyObject
+  open: boolean
+  formConfig: IFormConfig
+}>({
+  formModel: {},
+  formConfig: {} as IFormConfig,
+  open: false,
+})
+
+const attrs = computed(() => {
+  return {
+    ...state.formConfig,
+  } as Recordable
+})
+
+/**
+ * 显示Json数据弹框
+ * @param jsonData
+ */
+function showModal(jsonData: IFormConfig) {
+  state.formConfig = jsonData
+  state.open = true
+}
+
+// 表单
+const [registerForm, { validate }] = useForm()
+
+function handleCancel() {
+  state.open = false
+}
+/**
+ * 获取表单数据
+ * @return {Promise<void>}
+ */
+async function handleGetData() {
+  const data = await validate()
+  jsonModal.value?.showModal?.(data)
+}
+
+defineExpose({ showModal })
+</script>
+
+<template>
+  <Modal
+    title="预览(不支持布局)"
+    :open="state.open"
+    ok-text="获取数据"
+    cancel-text="关闭"
+    style="top: 20px"
+    :destroy-on-close="true"
+    :width="900"
+    @ok="handleGetData"
+    @cancel="handleCancel"
+  >
+    <BasicForm v-bind="attrs" @register="registerForm" />
+    <JsonModal ref="jsonModal" />
+  </Modal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/components/index.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/index.ts
new file mode 100644
index 0000000..fb8b370
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/components/index.ts
@@ -0,0 +1,71 @@
+import type { Component } from 'vue'
+import {
+  Input,
+  // eslint-disable-next-line sort-imports
+  Button,
+  Select,
+  Radio,
+  Checkbox,
+  AutoComplete,
+  Cascader,
+  DatePicker,
+  InputNumber,
+  Switch,
+  TimePicker,
+  // ColorPicker,
+  TreeSelect,
+  Slider,
+  Rate,
+  Divider,
+  Calendar,
+  Transfer,
+} from 'ant-design-vue'
+import type { ComponentType } from '@/components/Form/src/types'
+import { IconPicker } from '@/components/Icon/index'
+
+/**
+ * Component list, register here to setting it in the form
+ */
+
+// ant-desing本身的Form控件库
+
+const componentMap = new Map<string, Component>()
+componentMap.set('Radio', Radio)
+componentMap.set('Button', Button)
+componentMap.set('Calendar', Calendar)
+componentMap.set('Input', Input)
+componentMap.set('InputGroup', Input.Group)
+componentMap.set('InputPassword', Input.Password)
+componentMap.set('InputSearch', Input.Search)
+componentMap.set('InputTextArea', Input.TextArea)
+componentMap.set('InputNumber', InputNumber)
+componentMap.set('AutoComplete', AutoComplete)
+
+componentMap.set('Select', Select)
+componentMap.set('TreeSelect', TreeSelect)
+componentMap.set('Switch', Switch)
+componentMap.set('RadioGroup', Radio.Group)
+componentMap.set('Checkbox', Checkbox)
+componentMap.set('CheckboxGroup', Checkbox.Group)
+componentMap.set('Cascader', Cascader)
+componentMap.set('Slider', Slider)
+componentMap.set('Rate', Rate)
+componentMap.set('Transfer', Transfer)
+componentMap.set('DatePicker', DatePicker)
+componentMap.set('MonthPicker', DatePicker.MonthPicker)
+componentMap.set('RangePicker', DatePicker.RangePicker)
+componentMap.set('WeekPicker', DatePicker.WeekPicker)
+componentMap.set('TimePicker', TimePicker)
+
+componentMap.set('IconPicker', IconPicker)
+componentMap.set('Divider', Divider)
+
+export function add(compName: ComponentType, component: Component) {
+  componentMap.set(compName, component)
+}
+
+export function del(compName: ComponentType) {
+  componentMap.delete(compName)
+}
+
+export { componentMap }
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/core/formItemConfig.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/core/formItemConfig.ts
new file mode 100644
index 0000000..e9c93e6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/core/formItemConfig.ts
@@ -0,0 +1,419 @@
+/**
+ * @description：表单配置
+ */
+import { isArray } from 'lodash-es'
+import type { Component } from 'vue'
+import type { IVFormComponent } from '../typings/v-form-component'
+import { componentMap as Cmp } from '../components'
+import { componentMap as VbenCmp, add } from '@/components/Form/src/componentMap'
+import type { ComponentType } from '@/components/Form/src/types'
+
+const componentMap = new Map<string, Component>()
+
+// 外部设置的自定义控件
+export const customComponents: IVFormComponent[] = []
+
+// 如果有其它控件，可以在这里初始化
+
+// 注册Ant控件库
+Cmp.forEach((value, key) => {
+  componentMap.set(key, value)
+  if (VbenCmp[key] == null)
+    add(key as ComponentType, value)
+})
+// 注册vben控件库
+VbenCmp.forEach((value, key) => {
+  componentMap.set(key, value)
+})
+
+export { componentMap }
+
+/**
+ * 设置自定义表单控件
+ * @param {IVFormComponent | IVFormComponent[]} config
+ */
+export function setFormDesignComponents(config: IVFormComponent | IVFormComponent[]) {
+  if (isArray(config)) {
+    config.forEach((item) => {
+      const { componentInstance: component, ...rest } = item
+      componentMap[item.component] = component
+      customComponents.push(Object.assign({ props: {} }, rest))
+    })
+  }
+  else {
+    const { componentInstance: component, ...rest } = config
+    componentMap[config.component] = component
+    customComponents.push(Object.assign({ props: {} }, rest))
+  }
+}
+
+// 左侧控件列表与初始化的控件属性
+// props.slotName,会在formitem级别生成一个slot,并绑定当前record值
+// 属性props，类型为对象，不能为undefined或是null。
+export const baseComponents: IVFormComponent[] = [
+  {
+    component: 'InputCountDown',
+    label: '倒计时输入',
+    icon: 'line-md:iconify2',
+    colProps: { span: 24 },
+    field: '',
+    componentProps: {},
+  },
+  {
+    component: 'IconPicker',
+    label: '图标选择器',
+    icon: 'line-md:iconify2',
+    colProps: { span: 24 },
+    field: '',
+    componentProps: {},
+  },
+  {
+    component: 'StrengthMeter',
+    label: '密码强度',
+    icon: 'wpf:password1',
+    colProps: { span: 24 },
+    field: '',
+    componentProps: {},
+  },
+  {
+    component: 'AutoComplete',
+    label: '自动完成',
+    icon: 'wpf:password1',
+    colProps: { span: 24 },
+    field: '',
+    componentProps: {
+      placeholder: '请输入正则表达式',
+      options: [
+        {
+          value: '/^(?:(?:\\+|00)86)?1[3-9]\\d{9}$/',
+          label: '手机号码',
+        },
+        {
+          value: '/^((ht|f)tps?:\\/\\/)?[\\w-]+(\\.[\\w-]+)+:\\d{1,5}\\/?$/',
+          label: '网址带端口号',
+        },
+      ],
+    },
+  },
+  {
+    component: 'Divider',
+    label: '分割线',
+    icon: 'radix-icons:divider-horizontal',
+    colProps: { span: 24 },
+    field: '',
+    componentProps: {
+      orientation: 'center',
+      dashed: true,
+    },
+  },
+  {
+    component: 'Checkbox',
+    label: '复选框',
+    icon: 'ant-design:check-circle-outlined',
+    colProps: { span: 24 },
+    field: '',
+  },
+  {
+    component: 'CheckboxGroup',
+    label: '复选框-组',
+    icon: 'ant-design:check-circle-filled',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      options: [
+        {
+          label: '选项1',
+          value: '1',
+        },
+        {
+          label: '选项2',
+          value: '2',
+        },
+      ],
+    },
+  },
+  {
+    component: 'Input',
+    label: '输入框',
+    icon: 'bi:input-cursor-text',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      type: 'text',
+    },
+  },
+  {
+    component: 'InputNumber',
+    label: '数字输入框',
+    icon: 'ant-design:field-number-outlined',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: { style: 'width:200px' },
+  },
+  {
+    component: 'InputTextArea',
+    label: '文本域',
+    icon: 'ant-design:file-text-filled',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'Select',
+    label: '下拉选择',
+    icon: 'gg:select',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      options: [
+        {
+          label: '选项1',
+          value: '1',
+        },
+        {
+          label: '选项2',
+          value: '2',
+        },
+      ],
+    },
+  },
+
+  {
+    component: 'Radio',
+    label: '单选框',
+    icon: 'ant-design:check-circle-outlined',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'RadioGroup',
+    label: '单选框-组',
+    icon: 'carbon:radio-button-checked',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      options: [
+        {
+          label: '选项1',
+          value: '1',
+        },
+        {
+          label: '选项2',
+          value: '2',
+        },
+      ],
+    },
+  },
+  {
+    component: 'DatePicker',
+    label: '日期选择',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'RangePicker',
+    label: '日期范围',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      placeholder: ['开始日期', '结束日期'],
+    },
+  },
+  {
+    component: 'MonthPicker',
+    label: '月份选择',
+    icon: 'healthicons:i-schedule-school-date-time-outline',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      placeholder: '请选择月份',
+    },
+  },
+  {
+    component: 'TimePicker',
+    label: '时间选择',
+    icon: 'healthicons:i-schedule-school-date-time',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'Slider',
+    label: '滑动输入条',
+    icon: 'vaadin:slider',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'Rate',
+    label: '评分',
+    icon: 'ic:outline-star-rate',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'Switch',
+    label: '开关',
+    icon: 'entypo:switch',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {},
+  },
+  {
+    component: 'TreeSelect',
+    label: '树形选择',
+    icon: 'clarity:tree-view-line',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      treeData: [
+        {
+          label: '选项1',
+          value: '1',
+          children: [
+            {
+              label: '选项三',
+              value: '1-1',
+            },
+          ],
+        },
+        {
+          label: '选项2',
+          value: '2',
+        },
+      ],
+    },
+  },
+  {
+    component: 'Upload',
+    label: '上传',
+    icon: 'ant-design:upload-outlined',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      api: () => 1,
+    },
+  },
+  {
+    component: 'Cascader',
+    label: '级联选择',
+    icon: 'ant-design:check-outlined',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      options: [
+        {
+          label: '选项1',
+          value: '1',
+          children: [
+            {
+              label: '选项三',
+              value: '1-1',
+            },
+          ],
+        },
+        {
+          label: '选项2',
+          value: '2',
+        },
+      ],
+    },
+  },
+  // {
+  //   component: 'Button',
+  //   label: '按钮',
+  //   icon: 'dashicons:button',
+  //   field: '',
+  //   colProps: { span: 24 },
+  //   hiddenLabel: true,
+  //   componentProps: {},
+  // },
+  // {
+  //   component: 'ColorPicker',
+  //   label: '颜色选择器',
+  //   icon: 'carbon:color-palette',
+  //   field: '',
+  //   colProps: { span: 24 },
+  //   componentProps: {
+  //     defaultValue: '',
+  //     value: '',
+  //   },
+  // },
+
+  {
+    component: 'slot',
+    label: '插槽',
+    icon: 'vs:timeslot-question',
+    field: '',
+    colProps: { span: 24 },
+    componentProps: {
+      slotName: 'slotName',
+    },
+  },
+]
+
+// https://next.antdv.com/components/transfer-cn
+const transferControl = {
+  component: 'Transfer',
+  label: '穿梭框',
+  icon: 'bx:bx-transfer-alt',
+  field: '',
+  colProps: { span: 24 },
+  componentProps: {
+    render: item => item.title,
+    dataSource: [
+      {
+        key: 'key-1',
+        title: '标题1',
+        description: '描述',
+        disabled: false,
+        chosen: true,
+      },
+      {
+        key: 'key-2',
+        title: 'title2',
+        description: 'description2',
+        disabled: true,
+      },
+      {
+        key: 'key-3',
+        title: '标题3',
+        description: '描述3',
+        disabled: false,
+        chosen: true,
+      },
+    ],
+  },
+}
+
+baseComponents.push(transferControl)
+
+export const layoutComponents: IVFormComponent[] = [
+  {
+    field: '',
+    component: 'Grid',
+    label: '栅格布局',
+    icon: 'icon-grid',
+    componentProps: {},
+    columns: [
+      {
+        span: 12,
+        children: [],
+      },
+      {
+        span: 12,
+        children: [],
+      },
+    ],
+    colProps: { span: 24 },
+    options: {
+      gutter: 0,
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/core/iconConfig.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/core/iconConfig.ts
new file mode 100644
index 0000000..73bcaf3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/core/iconConfig.ts
@@ -0,0 +1,739 @@
+const iconConfig = {
+  filled: [
+    'account-book',
+    'alert',
+    'alipay-circle',
+    'alipay-square',
+    'aliwangwang',
+    'amazon-circle',
+    'android',
+    'amazon-square',
+    'api',
+    'appstore',
+    'audio',
+    'apple',
+    'backward',
+    'bank',
+    'behance-circle',
+    'bell',
+    'behance-square',
+    'book',
+    'box-plot',
+    'bug',
+    'bulb',
+    'calculator',
+    'build',
+    'calendar',
+    'camera',
+    'car',
+    'caret-down',
+    'caret-left',
+    'caret-right',
+    'carry-out',
+    'caret-up',
+    'check-circle',
+    'check-square',
+    'chrome',
+    'ci-circle',
+    'clock-circle',
+    'close-circle',
+    'cloud',
+    'close-square',
+    'code-sandbox-square',
+    'code-sandbox-circle',
+    'code',
+    'codepen-circle',
+    'compass',
+    'codepen-square',
+    'contacts',
+    'container',
+    'control',
+    'copy',
+    'copyright-circle',
+    'credit-card',
+    'crown',
+    'customer-service',
+    'dashboard',
+    'delete',
+    'diff',
+    'dingtalk-circle',
+    'database',
+    'dingtalk-square',
+    'dislike',
+    'dollar-circle',
+    'down-circle',
+    'down-square',
+    'dribbble-circle',
+    'dribbble-square',
+    'dropbox-circle',
+    'dropbox-square',
+    'environment',
+    'edit',
+    'exclamation-circle',
+    'euro-circle',
+    'experiment',
+    'eye-invisible',
+    'eye',
+    'facebook',
+    'fast-backward',
+    'fast-forward',
+    'file-add',
+    'file-excel',
+    'file-exclamation',
+    'file-image',
+    'file-markdown',
+    'file-pdf',
+    'file-ppt',
+    'file-text',
+    'file-unknown',
+    'file-word',
+    'file-zip',
+    'file',
+    'filter',
+    'fire',
+    'flag',
+    'folder-add',
+    'folder',
+    'folder-open',
+    'forward',
+    'frown',
+    'fund',
+    'funnel-plot',
+    'gift',
+    'github',
+    'gitlab',
+    'golden',
+    'google-circle',
+    'google-plus-circle',
+    'google-plus-square',
+    'google-square',
+    'hdd',
+    'heart',
+    'highlight',
+    'home',
+    'hourglass',
+    'html5',
+    'idcard',
+    'ie-circle',
+    'ie-square',
+    'info-circle',
+    'instagram',
+    'insurance',
+    'interaction',
+    'interation',
+    'layout',
+    'left-circle',
+    'left-square',
+    'like',
+    'linkedin',
+    'lock',
+    'mail',
+    'medicine-box',
+    'medium-circle',
+    'medium-square',
+    'meh',
+    'message',
+    'minus-circle',
+    'minus-square',
+    'mobile',
+    'money-collect',
+    'pause-circle',
+    'pay-circle',
+    'notification',
+    'phone',
+    'picture',
+    'pie-chart',
+    'play-circle',
+    'play-square',
+    'plus-circle',
+    'plus-square',
+    'pound-circle',
+    'printer',
+    'profile',
+    'project',
+    'pushpin',
+    'property-safety',
+    'qq-circle',
+    'qq-square',
+    'question-circle',
+    'read',
+    'reconciliation',
+    'red-envelope',
+    'reddit-circle',
+    'reddit-square',
+    'rest',
+    'right-circle',
+    'rocket',
+    'right-square',
+    'safety-certificate',
+    'save',
+    'schedule',
+    'security-scan',
+    'setting',
+    'shop',
+    'shopping',
+    'sketch-circle',
+    'sketch-square',
+    'skin',
+    'slack-circle',
+    'skype',
+    'slack-square',
+    'sliders',
+    'smile',
+    'snippets',
+    'sound',
+    'star',
+    'step-backward',
+    'step-forward',
+    'stop',
+    'switcher',
+    'tablet',
+    'tag',
+    'tags',
+    'taobao-circle',
+    'taobao-square',
+    'tool',
+    'thunderbolt',
+    'trademark-circle',
+    'twitter-circle',
+    'trophy',
+    'twitter-square',
+    'unlock',
+    'up-circle',
+    'up-square',
+    'usb',
+    'video-camera',
+    'wallet',
+    'warning',
+    'wechat',
+    'weibo-circle',
+    'windows',
+    'yahoo',
+    'weibo-square',
+    'yuque',
+    'youtube',
+    'zhihu-circle',
+    'zhihu-square',
+  ],
+  outlined: [
+    'account-book',
+    'alert',
+    'alipay-circle',
+    'aliwangwang',
+    'android',
+    'api',
+    'appstore',
+    'audio',
+    'apple',
+    'backward',
+    'bank',
+    'bell',
+    'behance-square',
+    'book',
+    'box-plot',
+    'bug',
+    'bulb',
+    'calculator',
+    'build',
+    'calendar',
+    'camera',
+    'car',
+    'caret-down',
+    'caret-left',
+    'caret-right',
+    'carry-out',
+    'caret-up',
+    'check-circle',
+    'check-square',
+    'chrome',
+    'clock-circle',
+    'close-circle',
+    'cloud',
+    'close-square',
+    'code',
+    'codepen-circle',
+    'compass',
+    'contacts',
+    'container',
+    'control',
+    'copy',
+    'credit-card',
+    'crown',
+    'customer-service',
+    'dashboard',
+    'delete',
+    'diff',
+    'database',
+    'dislike',
+    'down-circle',
+    'down-square',
+    'dribbble-square',
+    'environment',
+    'edit',
+    'exclamation-circle',
+    'experiment',
+    'eye-invisible',
+    'eye',
+    'facebook',
+    'fast-backward',
+    'fast-forward',
+    'file-add',
+    'file-excel',
+    'file-exclamation',
+    'file-image',
+    'file-markdown',
+    'file-pdf',
+    'file-ppt',
+    'file-text',
+    'file-unknown',
+    'file-word',
+    'file-zip',
+    'file',
+    'filter',
+    'fire',
+    'flag',
+    'folder-add',
+    'folder',
+    'folder-open',
+    'forward',
+    'frown',
+    'fund',
+    'funnel-plot',
+    'gift',
+    'github',
+    'gitlab',
+    'hdd',
+    'heart',
+    'highlight',
+    'home',
+    'hourglass',
+    'html5',
+    'idcard',
+    'info-circle',
+    'instagram',
+    'insurance',
+    'interaction',
+    'interation',
+    'layout',
+    'left-circle',
+    'left-square',
+    'like',
+    'linkedin',
+    'lock',
+    'mail',
+    'medicine-box',
+    'meh',
+    'message',
+    'minus-circle',
+    'minus-square',
+    'mobile',
+    'money-collect',
+    'pause-circle',
+    'pay-circle',
+    'notification',
+    'phone',
+    'picture',
+    'pie-chart',
+    'play-circle',
+    'play-square',
+    'plus-circle',
+    'plus-square',
+    'printer',
+    'profile',
+    'project',
+    'pushpin',
+    'property-safety',
+    'question-circle',
+    'read',
+    'reconciliation',
+    'red-envelope',
+    'rest',
+    'right-circle',
+    'rocket',
+    'right-square',
+    'safety-certificate',
+    'save',
+    'schedule',
+    'security-scan',
+    'setting',
+    'shop',
+    'shopping',
+    'skin',
+    'skype',
+    'slack-square',
+    'sliders',
+    'smile',
+    'snippets',
+    'sound',
+    'star',
+    'step-backward',
+    'step-forward',
+    'stop',
+    'switcher',
+    'tablet',
+    'tag',
+    'tags',
+    'taobao-circle',
+    'tool',
+    'thunderbolt',
+    'trophy',
+    'unlock',
+    'up-circle',
+    'up-square',
+    'usb',
+    'video-camera',
+    'wallet',
+    'warning',
+    'wechat',
+    'weibo-circle',
+    'windows',
+    'yahoo',
+    'weibo-square',
+    'yuque',
+    'youtube',
+    'alibaba',
+    'align-center',
+    'align-left',
+    'align-right',
+    'alipay',
+    'aliyun',
+    'amazon',
+    'ant-cloud',
+    'apartment',
+    'ant-design',
+    'area-chart',
+    'arrow-left',
+    'arrow-down',
+    'arrow-up',
+    'arrows-alt',
+    'arrow-right',
+    'audit',
+    'bar-chart',
+    'barcode',
+    'bars',
+    'behance',
+    'bg-colors',
+    'block',
+    'bold',
+    'border-bottom',
+    'border-left',
+    'border-outer',
+    'border-inner',
+    'border-right',
+    'border-horizontal',
+    'border-top',
+    'border-verticle',
+    'border',
+    'branches',
+    'check',
+    'ci',
+    'close',
+    'cloud-download',
+    'cloud-server',
+    'cloud-sync',
+    'cloud-upload',
+    'cluster',
+    'codepen',
+    'code-sandbox',
+    'colum-height',
+    'column-width',
+    'column-height',
+    'coffee',
+    'copyright',
+    'dash',
+    'deployment-unit',
+    'desktop',
+    'dingding',
+    'disconnect',
+    'dollar',
+    'double-left',
+    'dot-chart',
+    'double-right',
+    'down',
+    'drag',
+    'download',
+    'dribbble',
+    'dropbox',
+    'ellipsis',
+    'enter',
+    'euro',
+    'exception',
+    'exclamation',
+    'export',
+    'fall',
+    'file-done',
+    'file-jpg',
+    'file-protect',
+    'file-sync',
+    'file-search',
+    'font-colors',
+    'font-size',
+    'fork',
+    'form',
+    'fullscreen-exit',
+    'fullscreen',
+    'gateway',
+    'global',
+    'google-plus',
+    'gold',
+    'google',
+    'heat-map',
+    'history',
+    'ie',
+    'import',
+    'inbox',
+    'info',
+    'italic',
+    'key',
+    'issues-close',
+    'laptop',
+    'left',
+    'line-chart',
+    'link',
+    'line-height',
+    'line',
+    'loading-3-quarters',
+    'loading',
+    'login',
+    'logout',
+    'man',
+    'medium',
+    'medium-workmark',
+    'menu-unfold',
+    'menu-fold',
+    'menu',
+    'minus',
+    'monitor',
+    'more',
+    'ordered-list',
+    'number',
+    'pause',
+    'percentage',
+    'paper-clip',
+    'pic-center',
+    'pic-left',
+    'pic-right',
+    'plus',
+    'pound',
+    'poweroff',
+    'pull-request',
+    'qq',
+    'question',
+    'radar-chart',
+    'qrcode',
+    'radius-bottomleft',
+    'radius-bottomright',
+    'radius-upleft',
+    'radius-setting',
+    'radius-upright',
+    'reddit',
+    'redo',
+    'reload',
+    'retweet',
+    'right',
+    'rise',
+    'rollback',
+    'safety',
+    'robot',
+    'scan',
+    'search',
+    'scissor',
+    'select',
+    'shake',
+    'share-alt',
+    'shopping-cart',
+    'shrink',
+    'sketch',
+    'slack',
+    'small-dash',
+    'solution',
+    'sort-descending',
+    'sort-ascending',
+    'stock',
+    'swap-left',
+    'swap-right',
+    'strikethrough',
+    'swap',
+    'sync',
+    'table',
+    'team',
+    'taobao',
+    'to-top',
+    'trademark',
+    'transaction',
+    'twitter',
+    'underline',
+    'undo',
+    'unordered-list',
+    'up',
+    'upload',
+    'user-add',
+    'user-delete',
+    'usergroup-add',
+    'user',
+    'usergroup-delete',
+    'vertical-align-bottom',
+    'vertical-align-middle',
+    'vertical-align-top',
+    'vertical-left',
+    'vertical-right',
+    'weibo',
+    'wifi',
+    'zhihu',
+    'woman',
+    'zoom-out',
+    'zoom-in',
+  ],
+  twoTone: [
+    'account-book',
+    'alert',
+    'api',
+    'appstore',
+    'audio',
+    'bank',
+    'bell',
+    'book',
+    'box-plot',
+    'bug',
+    'bulb',
+    'calculator',
+    'build',
+    'calendar',
+    'camera',
+    'car',
+    'carry-out',
+    'check-circle',
+    'check-square',
+    'clock-circle',
+    'close-circle',
+    'cloud',
+    'close-square',
+    'code',
+    'compass',
+    'contacts',
+    'container',
+    'control',
+    'copy',
+    'credit-card',
+    'crown',
+    'customer-service',
+    'dashboard',
+    'delete',
+    'diff',
+    'database',
+    'dislike',
+    'down-circle',
+    'down-square',
+    'environment',
+    'edit',
+    'exclamation-circle',
+    'experiment',
+    'eye-invisible',
+    'eye',
+    'file-add',
+    'file-excel',
+    'file-exclamation',
+    'file-image',
+    'file-markdown',
+    'file-pdf',
+    'file-ppt',
+    'file-text',
+    'file-unknown',
+    'file-word',
+    'file-zip',
+    'file',
+    'filter',
+    'fire',
+    'flag',
+    'folder-add',
+    'folder',
+    'folder-open',
+    'frown',
+    'fund',
+    'funnel-plot',
+    'gift',
+    'hdd',
+    'heart',
+    'highlight',
+    'home',
+    'hourglass',
+    'html5',
+    'idcard',
+    'info-circle',
+    'insurance',
+    'interaction',
+    'interation',
+    'layout',
+    'left-circle',
+    'left-square',
+    'like',
+    'lock',
+    'mail',
+    'medicine-box',
+    'meh',
+    'message',
+    'minus-circle',
+    'minus-square',
+    'mobile',
+    'money-collect',
+    'pause-circle',
+    'notification',
+    'phone',
+    'picture',
+    'pie-chart',
+    'play-circle',
+    'play-square',
+    'plus-circle',
+    'plus-square',
+    'pound-circle',
+    'printer',
+    'profile',
+    'project',
+    'pushpin',
+    'property-safety',
+    'question-circle',
+    'reconciliation',
+    'red-envelope',
+    'rest',
+    'right-circle',
+    'rocket',
+    'right-square',
+    'safety-certificate',
+    'save',
+    'schedule',
+    'security-scan',
+    'setting',
+    'shop',
+    'shopping',
+    'skin',
+    'sliders',
+    'smile',
+    'snippets',
+    'sound',
+    'star',
+    'stop',
+    'switcher',
+    'tablet',
+    'tag',
+    'tags',
+    'tool',
+    'thunderbolt',
+    'trademark-circle',
+    'trophy',
+    'unlock',
+    'up-circle',
+    'up-square',
+    'usb',
+    'video-camera',
+    'wallet',
+    'warning',
+    'ci',
+    'copyright',
+    'dollar',
+    'euro',
+    'gold',
+    'canlendar',
+  ],
+}
+
+export default iconConfig
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormDesignState.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormDesignState.ts
new file mode 100644
index 0000000..b2ff6c9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormDesignState.ts
@@ -0,0 +1,19 @@
+import type { Ref } from 'vue'
+import { inject } from 'vue'
+import type { IFormDesignMethods } from '../typings/form-type'
+import type { IFormConfig } from '../typings/v-form-component'
+
+/**
+ * 获取formDesign状态
+ */
+export function useFormDesignState() {
+  const formConfig = inject('formConfig') as Ref<IFormConfig>
+  const formDesignMethods = inject('formDesignMethods') as IFormDesignMethods
+  return { formConfig, formDesignMethods }
+}
+
+export function useFormModelState() {
+  const formModel = inject('formModel') as Ref<object>
+  const setFormModel = inject('setFormModelMethod') as (key: string, value: any) => void
+  return { formModel, setFormModel }
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts
new file mode 100644
index 0000000..461b319
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts
@@ -0,0 +1,60 @@
+import type { Ref, SetupContext } from 'vue'
+import { getCurrentInstance, toRaw } from 'vue'
+import { cloneDeep, forOwn, isFunction } from 'lodash-es'
+import { Form } from 'ant-design-vue'
+import type { AForm, IVFormComponent } from '../typings/v-form-component'
+import type { IAnyObject } from '../typings/base-type'
+
+export function useFormInstanceMethods(
+  props: IAnyObject,
+  formdata,
+  context: Partial<SetupContext>,
+  _formInstance: Ref<AForm | null>,
+) {
+  /**
+   * 绑定props和on中的上下文为parent
+   */
+  const bindContext = () => {
+    const instance = getCurrentInstance()
+    const vm = instance?.parent
+    if (!vm)
+      return;
+
+    (props.formConfig.schemas as IVFormComponent[]).forEach((item) => {
+      // 绑定 props 中的上下文
+      forOwn(item.componentProps, (value: any, key) => {
+        if (isFunction(value))
+          item.componentProps![key] = value.bind(vm)
+      })
+      // 绑定事件监听（v-on）的上下文
+      forOwn(item.on, (value: any, key) => {
+        if (isFunction(value))
+          item.componentProps![key] = value.bind(vm)
+      })
+    })
+  }
+  bindContext()
+
+  const { emit } = context
+
+  const useForm = Form.useForm
+
+  const { resetFields, validate, clearValidate, validateField } = useForm(formdata, [])
+
+  const submit = async () => {
+    // const _result = await validate();
+
+    const data = cloneDeep(toRaw(formdata.value))
+    emit?.('submit', data)
+    props.formConfig.submit?.(data)
+    return data
+  }
+
+  return {
+    validate,
+    validateField,
+    resetFields,
+    clearValidate,
+    submit,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useVFormMethods.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useVFormMethods.ts
new file mode 100644
index 0000000..3044fb2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/hooks/useVFormMethods.ts
@@ -0,0 +1,197 @@
+import type { Ref, SetupContext } from 'vue'
+import { cloneDeep, isFunction } from 'lodash-es'
+import type { AForm, IFormConfig, IVFormComponent } from '../typings/v-form-component'
+import { findFormItem, formItemsForEach } from '../utils'
+import type { IAnyObject } from '../typings/base-type'
+
+interface IFormInstanceMethods extends AForm {
+  submit: () => Promise<any>
+}
+
+export interface IProps {
+  formConfig: IFormConfig
+  formModel: IAnyObject
+}
+
+type ISet = <T extends keyof IVFormComponent>(
+  field: string,
+  key: T,
+  value: IVFormComponent[T],
+) => void
+// 获取当前field绑定的表单项
+type IGet = (field: string) => IVFormComponent | undefined
+// 获取field在formData中的值
+type IGetValue = (field: string) => any
+// 设置field在formData中的值并且触发校验
+type ISetValue = (field: string | IAnyObject, value?: any) => void
+// 隐藏field对应的表单项
+type IHidden = (field: string) => void
+// 显示field对应的表单项
+type IShow = (field: string) => void
+// 设置field对应的表单项绑定的props属性
+type ISetProps = (field: string, key: string, value: any) => void
+// 获取formData中的值
+type IGetData = () => Promise<IAnyObject>
+// 禁用表单，如果field为空，则禁用整个表单
+type IDisable = (field?: string | boolean) => void
+// 设置表单配置方法
+type ISetFormConfig = (key: string, value: any) => void
+interface ILinkOn {
+  [key: string]: Set<IVFormComponent>
+}
+
+export interface IVFormMethods extends Partial<IFormInstanceMethods> {
+  set: ISet
+  get: IGet
+  getValue: IGetValue
+  setValue: ISetValue
+  hidden: IHidden
+  show: IShow
+  setProps: ISetProps
+  linkOn: ILinkOn
+  getData: IGetData
+  disable: IDisable
+}
+export function useVFormMethods(
+  props: IProps,
+  _context: Partial<SetupContext>,
+  formInstance: Ref<AForm | null>,
+  formInstanceMethods: Partial<IFormInstanceMethods>,
+): IVFormMethods {
+  /**
+   * 根据field获取表单项
+   * @param {string} field
+   * @return {IVFormComponent | undefined}
+   */
+  const get: IGet = field =>
+    findFormItem(props.formConfig.schemas, item => item.field === field)
+
+  /**
+   * 根据表单field设置表单项字段值
+   * @param {string} field
+   * @param {keyof IVFormComponent} key
+   * @param {never} value
+   */
+  const set: ISet = (field, key, value) => {
+    const formItem = get(field)
+    if (formItem)
+      formItem[key] = value
+  }
+
+  /**
+   * 设置字段的值，设置后触发校验
+   * @param {string} field  需要设置的字段
+   * @param value  需要设置的值
+   */
+  const setValue: ISetValue = (field, value) => {
+    if (typeof field === 'string') {
+      // props.formData[field] = value
+      props.formModel[field] = value
+      formInstance.value?.validateField(field, value, [])
+    }
+    else {
+      const keys = Object.keys(field)
+      keys.forEach((key) => {
+        props.formModel[key] = field[key]
+        formInstance.value?.validateField(key, field[key], [])
+      })
+    }
+  }
+  /**
+   * 设置表单项的props
+   * @param {string} field 需要设置的表单项field
+   * @param {string} key 需要设置的key
+   * @param value 需要设置的值
+   */
+  const setProps: ISetProps = (field, key, value) => {
+    const formItem = get(field)
+    if (formItem?.componentProps) {
+      ['options', 'treeData'].includes(key) && setValue(field, undefined)
+
+      formItem.componentProps[key] = value
+    }
+  }
+  /**
+   * 设置表单配置方法
+   * @param {string} key
+   * @param value
+   */
+  const setFormConfig: ISetFormConfig = (key, value) => {
+    props.formConfig[key] = value
+  }
+  /**
+   * 根据表单项field获取字段值，如果field为空，则
+   * @param {string} field  需要设置的字段
+   */
+  const getValue: IGetValue = (field) => {
+    const formData = cloneDeep(props.formModel)
+    return formData[field]
+  }
+
+  /**
+   * 获取formData中的值
+   * @return {Promise<IAnyObject<any>>}
+   */
+  const getData: IGetData = async () => {
+    return cloneDeep(props.formModel)
+  }
+  /**
+   * 隐藏指定表单项
+   * @param {string} field 需要隐藏的表单项的field
+   */
+  const hidden: IHidden = (field) => {
+    set(field, 'hidden', true)
+  }
+
+  /**
+   * 禁用表单
+   * @param {string | undefined} field
+   */
+  const disable: IDisable = (field) => {
+    typeof field === 'string'
+      ? setProps(field, 'disabled', true)
+      : setFormConfig('disabled', field !== false)
+  }
+
+  /**
+   * 显示表单项
+   * @param {string} field 需要显示的表单项的field
+   */
+  const show: IShow = (field) => {
+    set(field, 'hidden', false)
+  }
+
+  /**
+   * 监听表单字段联动时触发
+   * @type {ILinkOn}
+   */
+  const linkOn: ILinkOn = {}
+  const initLink = (schemas: IVFormComponent[]) => {
+    // 首次遍历，查找需要关联字段的表单
+    formItemsForEach(schemas, (formItem) => {
+      // 如果需要关联，则进行第二层遍历，查找表单中关联的字段，存到Set中
+      formItemsForEach(schemas, (item) => {
+        if (!linkOn[item.field!])
+          linkOn[item.field!] = new Set<IVFormComponent>()
+        if (formItem.link?.includes(item.field!) && isFunction(formItem.update))
+          linkOn[item.field!].add(formItem)
+      })
+      linkOn[formItem.field!].add(formItem)
+    })
+  }
+  initLink(props.formConfig.schemas)
+
+  return {
+    linkOn,
+    setValue,
+    getValue,
+    hidden,
+    show,
+    set,
+    get,
+    setProps,
+    getData,
+    disable,
+    ...formInstanceMethods,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/base-type.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/base-type.ts
new file mode 100644
index 0000000..a8a41aa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/base-type.ts
@@ -0,0 +1,10 @@
+export interface IAnyObject<T = any> {
+  [key: string]: T
+}
+
+export interface IInputEvent {
+  target: {
+    value: any
+    checked: boolean
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/form-type.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/form-type.ts
new file mode 100644
index 0000000..79caf23
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/form-type.ts
@@ -0,0 +1,52 @@
+import type { Ref } from 'vue'
+import type { IAnyObject } from './base-type'
+import type { IFormConfig, IVFormComponent } from './v-form-component'
+
+export interface IToolbarMethods {
+  showModal: (jsonData: IAnyObject) => void
+}
+
+type ChangeTabKey = 1 | 2
+export interface IPropsPanel {
+  changeTab: (key: ChangeTabKey) => void
+}
+export interface IState {
+  // 语言
+  locale: any
+  // 公用组件
+  baseComponents: IVFormComponent[]
+  // 自定义组件
+  customComponents: IVFormComponent[]
+  // 布局组件
+  layoutComponents: IVFormComponent[]
+  // 属性面板实例
+  propsPanel: Ref<null | IPropsPanel>
+  // json模态框实例
+  jsonModal: Ref<null | IToolbarMethods>
+  // 导入json数据模态框
+  importJsonModal: Ref<null | IToolbarMethods>
+  // 代码预览模态框
+  codeModal: Ref<null | IToolbarMethods>
+  // 预览模态框
+  eFormPreview: Ref<null | IToolbarMethods>
+
+  eFormPreview2: Ref<null | IToolbarMethods>
+}
+
+export interface IFormDesignMethods {
+  // 设置当前选中的控件
+  handleSetSelectItem(item: IVFormComponent): void
+  // 添加控件到formConfig.formItems中
+  handleListPush(item: IVFormComponent): void
+  // 复制控件
+  handleCopy(item?: IVFormComponent, isCopy?: boolean): void
+  // 添加控件属性
+  handleAddAttrs(schemas: IVFormComponent[], index: number): void
+  setFormConfig(config: IFormConfig): void
+  // 添加到表单中之前触发
+  handleBeforeColAdd(
+    event: { newIndex: string },
+    schemas: IVFormComponent[],
+    isCopy?: boolean,
+  ): void
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/v-form-component.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/v-form-component.ts
new file mode 100644
index 0000000..74c2a5a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/typings/v-form-component.ts
@@ -0,0 +1,350 @@
+// import { ComponentOptions } from 'vue/types/options';
+import type { ComponentOptions } from 'vue'
+
+import type { SelectValue } from 'ant-design-vue/lib/select'
+import type { validateOptions } from 'ant-design-vue/lib/form/useForm'
+import type { RuleError } from 'ant-design-vue/lib/form/interface'
+import type { IVFormMethods } from '../hooks/useVFormMethods'
+import type { IAnyObject } from './base-type'
+import type { ColEx } from '@/components/Form/src/types'
+import type { FormItem } from '@/components/Form'
+
+type LayoutType = 'horizontal' | 'vertical' | 'inline'
+type labelLayout = 'flex' | 'Grid'
+export type PropsTabKey = 1 | 2 | 3
+type ColSpanType = number | string
+
+declare type Value = [number, number] | number
+/**
+ * 组件属性
+ */
+export interface IVFormComponent {
+  // extends Omit<FormSchema, 'component' | 'label' | 'field' | 'rules'> {
+  // 对应的字段
+  field?: string
+  // 组件类型
+  component: string
+  // 组件label
+  label?: string
+  // 自定义组件控件实例
+  componentInstance?: ComponentOptions<any>
+  // 组件icon
+  icon?: string
+  // 组件校验规则
+  rules?: Partial<IValidationRule>[]
+  // 是否隐藏
+  hidden?: boolean
+  // 隐藏label
+  hiddenLabel?: boolean
+  // 组件宽度
+  width?: string
+  // 是否必选
+  required?: boolean
+  // 必选提示
+  message?: string
+  // 提示信息
+  helpMessage?: string
+  // 传给给组件的属性，默认会吧所有的props都传递给控件
+  componentProps?: IAnyObject
+  // 监听组件事件对象，以v-on方式传递给控件
+  on?: IAnyObject<(...any: []) => void>
+  // 组件选项
+  options?: IAnyObject
+  // 唯一标识
+  key?: string
+  // Reference formModelItem
+  itemProps?: Partial<FormItem>
+
+  colProps?: Partial<ColEx>
+  // 联动字段
+  link?: string[]
+  // 联动属性变化的回调
+  update?: (value: any, formItem: IVFormComponent, fApi: IVFormMethods) => void
+  // 控件栅格数
+  // span?: number;
+  // 标签布局
+  labelCol?: IAnyObject
+  // 组件布局
+  wrapperCol?: IAnyObject
+  // 子控件
+  columns?: Array<{ span: number; children: any[] }>
+}
+
+declare type namesType = string | string[]
+
+/**
+ * 表单配置
+ */
+export interface IFormConfig {
+  // 表单项配置列表
+  // schemas: IVFormComponent[];
+  // 表单配置
+  // config: {
+  layout?: LayoutType
+  labelLayout?: labelLayout
+  labelWidth?: number
+  labelCol?: Partial<IACol>
+  wrapperCol?: Partial<IACol>
+  hideRequiredMark?: boolean
+  // Whether to disable
+  schemas: IVFormComponent[]
+  disabled?: boolean
+  labelAlign?: 'left' | 'right'
+  // Internal component size of the form
+  size?: 'default' | 'small' | 'large'
+  // };
+  // 当前选中项
+  currentItem?: IVFormComponent
+  activeKey?: PropsTabKey
+  colon?: boolean
+}
+
+export interface AForm {
+  /**
+   * Hide required mark of all form items
+   * @default false
+   * @type boolean
+   */
+  hideRequiredMark: boolean
+
+  /**
+   * The layout of label. You can set span offset to something like {span: 3, offset: 12} or sm: {span: 3, offset: 12} same as with <Col>
+   * @type IACol
+   */
+  labelCol: IACol
+
+  /**
+   * Define form layout
+   * @default 'horizontal'
+   * @type string
+   */
+  layout: 'horizontal' | 'inline' | 'vertical'
+
+  /**
+   * The layout for input controls, same as labelCol
+   * @type IACol
+   */
+  wrapperCol: IACol
+
+  /**
+   * change default props colon value of Form.Item (only effective when prop layout is horizontal)
+   * @type boolean
+   * @default true
+   */
+  colon: boolean
+
+  /**
+   * text align of label of all items
+   * @type 'left' | 'right'
+   * @default 'left'
+   */
+  labelAlign: 'left' | 'right'
+
+  /**
+   * data of form component
+   * @type object
+   */
+  model: IAnyObject
+
+  /**
+   * validation rules of form
+   * @type object
+   */
+  rules: IAnyObject
+
+  /**
+   * Default validate message. And its format is similar with newMessages's returned value
+   * @type any
+   */
+  validateMessages?: any
+
+  /**
+   * whether to trigger validation when the rules prop is changed
+   * @type Boolean
+   * @default true
+   */
+  validateOnRuleChange: boolean
+
+  /**
+   * validate the whole form. Takes a callback as a param. After validation,
+   * the callback will be executed with two params: a boolean indicating if the validation has passed,
+   * and an object containing all fields that fail the validation. Returns a promise if callback is omitted
+   * @type Function
+   */
+  validate: <T = any>(names?: namesType, option?: validateOptions) => Promise<T>
+
+  /**
+   * validate one or several form items
+   * @type Function
+   */
+  validateField: (
+    name: string,
+    value: any,
+    rules: Record<string, unknown>[],
+    option?: validateOptions,
+  ) => Promise<RuleError[]>
+  /**
+   * reset all the fields and remove validation result
+   */
+  resetFields: () => void
+
+  /**
+   * clear validation message for certain fields.
+   * The parameter is prop name or an array of prop names of the form items whose validation messages will be removed.
+   * When omitted, all fields' validation messages will be cleared
+   * @type string[] | string
+   */
+  clearValidate: (props: string[] | string) => void
+}
+
+interface IACol {
+  /**
+   * raster number of cells to occupy, 0 corresponds to display: none
+   * @default none (0)
+   * @type ColSpanType
+   */
+  span: Value
+
+  /**
+   * raster order, used in flex layout mode
+   * @default 0
+   * @type ColSpanType
+   */
+  order: ColSpanType
+
+  /**
+   * the layout fill of flex
+   * @default none
+   * @type ColSpanType
+   */
+  flex: ColSpanType
+
+  /**
+   * the number of cells to offset Col from the left
+   * @default 0
+   * @type ColSpanType
+   */
+  offset: ColSpanType
+
+  /**
+   * the number of cells that raster is moved to the right
+   * @default 0
+   * @type ColSpanType
+   */
+  push: ColSpanType
+
+  /**
+   * the number of cells that raster is moved to the left
+   * @default 0
+   * @type ColSpanType
+   */
+  pull: ColSpanType
+
+  /**
+   * <576px and also default setting, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  xs: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥576px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  sm: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥768px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  md: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥992px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  lg: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥1200px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  xl: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+
+  /**
+   * ≥1600px, could be a span value or an object containing above props
+   * @type { span: ColSpanType, offset: ColSpanType } | ColSpanType
+   */
+  xxl: { span: ColSpanType; offset: ColSpanType } | ColSpanType
+}
+
+export interface IValidationRule {
+  trigger?: 'change' | 'blur' | ['change', 'blur']
+  /**
+   * validation error message
+   * @type string | Function
+   */
+  message?: string | number
+
+  /**
+   * built-in validation type, available options: https://github.com/yiminghe/async-validator#type
+   * @default 'string'
+   * @type string
+   */
+  type?: string
+
+  /**
+   * indicates whether field is required
+   * @default false
+   * @type boolean
+   */
+  required?: boolean
+
+  /**
+   * treat required fields that only contain whitespace as errors
+   * @default false
+   * @type boolean
+   */
+  whitespace?: boolean
+
+  /**
+   * validate the exact length of a field
+   * @type number
+   */
+  len?: number
+
+  /**
+   * validate the min length of a field
+   * @type number
+   */
+  min?: number
+
+  /**
+   * validate the max length of a field
+   * @type number
+   */
+  max?: number
+
+  /**
+   * validate the value from a list of possible values
+   * @type string | string[]
+   */
+  enum?: string | string[]
+
+  /**
+   * validate from a regular expression
+   * @type boolean
+   */
+  pattern?: SelectValue
+
+  /**
+   * transform a value before validation
+   * @type Function
+   */
+  transform?: (value: any) => any
+
+  /**
+   * custom validate function (Note: callback must be called)
+   * @type Function
+   */
+  validator?: (rule: any, value: any, callback: () => void) => any
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/utils/index.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/utils/index.ts
new file mode 100644
index 0000000..0af46dc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/utils/index.ts
@@ -0,0 +1,208 @@
+// import { VueConstructor } from 'vue';
+import { cloneDeep, isArray, isFunction, isNumber, uniqueId } from 'lodash-es'
+import type { IFormConfig, IVFormComponent, IValidationRule } from '../typings/v-form-component'
+
+// import { del } from '@vue/composition-api';
+// import { withInstall } from '/@/utils';
+
+/**
+ * 组件install方法
+ * @param comp 需要挂载install方法的组件
+ */
+// export function withInstall<T extends { name: string }>(comp: T) {
+//   return Object.assign(comp, {
+//     install(Vue: VueConstructor) {
+//       Vue.component(comp.name, comp);
+//     },
+//   });
+// }
+
+/**
+ * 生成key
+ * @param [formItem] 需要生成 key 的控件，可选，如果不传，默认返回一个唯一 key
+ * @returns {string|boolean} 返回一个唯一 id 或者 false
+ */
+export function generateKey(formItem?: IVFormComponent): string | boolean {
+  if (formItem && formItem.component) {
+    const key = uniqueId(`${toLine(formItem.component)}_`)
+    formItem.key = key
+    formItem.field = key
+
+    return true
+  }
+  return uniqueId('key_')
+}
+
+/**
+ * 移除数组中指定元素，value可以是一个数字下标，也可以是一个函数，删除函数第一个返回true的元素
+ * @param array {Array<T>} 需要移除元素的数组
+ * @param value {number | ((item: T, index: number, array: Array<T>) => boolean}
+ * @returns {T} 返回删除的数组项
+ */
+export function remove<T>(
+  array: Array<T>,
+  value: number | ((item: T, index: number, array: Array<T>) => boolean),
+): T | undefined {
+  let removeVal: Array<T | undefined> = []
+  if (!isArray(array))
+    return undefined
+  if (isNumber(value)) {
+    removeVal = array.splice(value, 1)
+  }
+  else {
+    const index = array.findIndex(value)
+    if (index !== -1)
+      removeVal = array.splice(index, 1)
+  }
+  return removeVal.shift()
+}
+
+/**
+ * 判断数据类型
+ * @param value
+ */
+export function getType(value: any): string {
+  return Object.prototype.toString.call(value).slice(8, -1)
+}
+
+/**
+ * 生成唯一guid
+ * @returns {string} 唯一id标识符
+ */
+export function randomUUID(): string {
+  function S4() {
+    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
+  }
+  return `${S4() + S4()}-${S4()}-${S4()}-${S4()}-${S4() + S4() + S4()}`
+}
+
+/**
+ * 驼峰转下划线
+ * @param str
+ */
+export function toLine(str: string) {
+  return str.replace(/([A-Z])/g, '_$1').toLowerCase()
+}
+
+/**
+ * 遍历表单项
+ * @param array
+ * @param cb
+ */
+export function formItemsForEach(array: IVFormComponent[], cb: (item: IVFormComponent) => void) {
+  if (!isArray(array))
+    return
+  const traverse = (schemas: IVFormComponent[]) => {
+    schemas.forEach((formItem: IVFormComponent) => {
+      if (['Grid'].includes(formItem.component)) {
+        // 栅格布局
+        formItem.columns?.forEach(item => traverse(item.children))
+      }
+      else {
+        cb(formItem)
+      }
+    })
+  }
+  traverse(array)
+}
+
+/**
+ * 查找表单项
+ */
+export const findFormItem: (
+  schemas: IVFormComponent[],
+  cb: (formItem: IVFormComponent) => boolean,
+) => IVFormComponent | undefined = (schemas, cb) => {
+  let res
+  const traverse = (schemas: IVFormComponent[]): boolean => {
+    return schemas.some((formItem: IVFormComponent) => {
+      const { component: type } = formItem
+      // 处理栅格
+      if (['Grid'].includes(type))
+        return formItem.columns?.some(item => traverse(item.children))
+
+      if (cb(formItem))
+        res = formItem
+      return cb(formItem)
+    })
+  }
+  traverse(schemas)
+  return res
+}
+
+/**
+ * 打开json模态框时删除当前项属性
+ * @param formConfig {IFormConfig}
+ * @returns {IFormConfig}
+ */
+export function removeAttrs(formConfig: IFormConfig): IFormConfig {
+  const copyFormConfig = cloneDeep(formConfig)
+  delete copyFormConfig.currentItem
+  delete copyFormConfig.activeKey
+  copyFormConfig.schemas
+    && formItemsForEach(copyFormConfig.schemas, (item) => {
+      delete item.icon
+      delete item.key
+    })
+  return copyFormConfig
+}
+
+/**
+ * 处理异步选项属性，如 select treeSelect 等选项属性如果传递为函数并且返回Promise对象，获取异步返回的选项属性
+ * @param {(() => Promise<any[]>) | any[]} options
+ * @return {Promise<any[]>}
+ */
+export async function handleAsyncOptions(options: (() => Promise<any[]>) | any[]): Promise<any[]> {
+  try {
+    if (isFunction(options))
+      return await options()
+    return options
+  }
+  catch {
+    return []
+  }
+}
+
+/**
+ * 格式化表单项校验规则配置
+ * @param {IVFormComponent[]} schemas
+ */
+export function formatRules(schemas: IVFormComponent[]) {
+  formItemsForEach(schemas, (item) => {
+    if ('required' in item) {
+      !isArray(item.rules) && (item.rules = [])
+      item.rules.push({ required: true, message: item.message })
+      delete item.required
+      delete item.message
+    }
+  })
+}
+
+/**
+ * 将校验规则中的正则字符串转换为正则对象
+ * @param {IValidationRule[]} rules
+ * @return {IValidationRule[]}
+ */
+export function strToReg(rules: IValidationRule[]) {
+  const newRules = cloneDeep(rules)
+  return newRules.map((item) => {
+    if (item.pattern)
+      item.pattern = runCode(item.pattern)
+    return item
+  })
+}
+
+/**
+ * 执行一段字符串代码，并返回执行结果，如果执行出错，则返回该参数
+ * @param code
+ * @return {any}
+ */
+export function runCode<T>(code: any): T {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval, no-new-func
+    return new Function(`return ${code}`)()
+  }
+  catch {
+    return code
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/FormDesign/src/utils/message.ts b/yunxi-ui-admin-vben/src/components/FormDesign/src/utils/message.ts
new file mode 100644
index 0000000..d3834b6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/FormDesign/src/utils/message.ts
@@ -0,0 +1,19 @@
+import { useMessage } from '@/hooks/web/useMessage'
+
+const { createMessage } = useMessage()
+const message = Object.assign({
+  success: (msg: string) => {
+    createMessage.success(msg)
+  },
+  error: (msg: string) => {
+    createMessage.error(msg)
+  },
+  warning: (msg: string) => {
+    createMessage.warning(msg)
+  },
+  info: (msg: string) => {
+    createMessage.info(msg)
+  },
+})
+
+export default message
diff --git a/yunxi-ui-admin-vben/src/components/IFrame/index.ts b/yunxi-ui-admin-vben/src/components/IFrame/index.ts
new file mode 100644
index 0000000..68cac90
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/IFrame/index.ts
@@ -0,0 +1,4 @@
+import iFrame from './src/IFrame.vue'
+import { withInstall } from '@/utils'
+
+export const IFrame = withInstall(iFrame)
diff --git a/yunxi-ui-admin-vben/src/components/IFrame/src/IFrame.vue b/yunxi-ui-admin-vben/src/components/IFrame/src/IFrame.vue
new file mode 100644
index 0000000..2ae6923
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/IFrame/src/IFrame.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  src: propTypes.string.def(''),
+})
+const loading = ref(true)
+const height = ref('')
+const frameRef = ref<HTMLElement | null>(null)
+function init() {
+  height.value = `${document.documentElement.clientHeight - 94.5}px`
+  loading.value = false
+}
+onMounted(() => {
+  setTimeout(() => {
+    init()
+  }, 300)
+})
+</script>
+
+<template>
+  <div v-loading="loading" :style="`height:${height}`">
+    <iframe ref="frameRef" :src="props.src" style="width: 100%; height: 100%" frameborder="no" scrolling="auto" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Icon/data/icons.data.ts b/yunxi-ui-admin-vben/src/components/Icon/data/icons.data.ts
new file mode 100644
index 0000000..edbc2ac
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Icon/data/icons.data.ts
@@ -0,0 +1,793 @@
+export default {
+  prefix: 'ant-design',
+  icons: [
+    'account-book-filled',
+    'account-book-outlined',
+    'account-book-twotone',
+    'aim-outlined',
+    'alert-filled',
+    'alert-outlined',
+    'alert-twotone',
+    'alibaba-outlined',
+    'align-center-outlined',
+    'align-left-outlined',
+    'align-right-outlined',
+    'alipay-circle-filled',
+    'alipay-circle-outlined',
+    'alipay-outlined',
+    'alipay-square-filled',
+    'aliwangwang-filled',
+    'aliwangwang-outlined',
+    'aliyun-outlined',
+    'amazon-circle-filled',
+    'amazon-outlined',
+    'amazon-square-filled',
+    'android-filled',
+    'android-outlined',
+    'ant-cloud-outlined',
+    'ant-design-outlined',
+    'apartment-outlined',
+    'api-filled',
+    'api-outlined',
+    'api-twotone',
+    'apple-filled',
+    'apple-outlined',
+    'appstore-add-outlined',
+    'appstore-filled',
+    'appstore-outlined',
+    'appstore-twotone',
+    'area-chart-outlined',
+    'arrow-down-outlined',
+    'arrow-left-outlined',
+    'arrow-right-outlined',
+    'arrow-up-outlined',
+    'arrows-alt-outlined',
+    'audio-filled',
+    'audio-muted-outlined',
+    'audio-outlined',
+    'audio-twotone',
+    'audit-outlined',
+    'backward-filled',
+    'backward-outlined',
+    'bank-filled',
+    'bank-outlined',
+    'bank-twotone',
+    'bar-chart-outlined',
+    'barcode-outlined',
+    'bars-outlined',
+    'behance-circle-filled',
+    'behance-outlined',
+    'behance-square-filled',
+    'behance-square-outlined',
+    'bell-filled',
+    'bell-outlined',
+    'bell-twotone',
+    'bg-colors-outlined',
+    'block-outlined',
+    'bold-outlined',
+    'book-filled',
+    'book-outlined',
+    'book-twotone',
+    'border-bottom-outlined',
+    'border-horizontal-outlined',
+    'border-inner-outlined',
+    'border-left-outlined',
+    'border-outer-outlined',
+    'border-outlined',
+    'border-right-outlined',
+    'border-top-outlined',
+    'border-verticle-outlined',
+    'borderless-table-outlined',
+    'box-plot-filled',
+    'box-plot-outlined',
+    'box-plot-twotone',
+    'branches-outlined',
+    'bug-filled',
+    'bug-outlined',
+    'bug-twotone',
+    'build-filled',
+    'build-outlined',
+    'build-twotone',
+    'bulb-filled',
+    'bulb-outlined',
+    'bulb-twotone',
+    'calculator-filled',
+    'calculator-outlined',
+    'calculator-twotone',
+    'calendar-filled',
+    'calendar-outlined',
+    'calendar-twotone',
+    'camera-filled',
+    'camera-outlined',
+    'camera-twotone',
+    'car-filled',
+    'car-outlined',
+    'car-twotone',
+    'caret-down-filled',
+    'caret-down-outlined',
+    'caret-left-filled',
+    'caret-left-outlined',
+    'caret-right-filled',
+    'caret-right-outlined',
+    'caret-up-filled',
+    'caret-up-outlined',
+    'carry-out-filled',
+    'carry-out-outlined',
+    'carry-out-twotone',
+    'check-circle-filled',
+    'check-circle-outlined',
+    'check-circle-twotone',
+    'check-outlined',
+    'check-square-filled',
+    'check-square-outlined',
+    'check-square-twotone',
+    'chrome-filled',
+    'chrome-outlined',
+    'ci-circle-filled',
+    'ci-circle-outlined',
+    'ci-circle-twotone',
+    'ci-outlined',
+    'ci-twotone',
+    'clear-outlined',
+    'clock-circle-filled',
+    'clock-circle-outlined',
+    'clock-circle-twotone',
+    'close-circle-filled',
+    'close-circle-outlined',
+    'close-circle-twotone',
+    'close-outlined',
+    'close-square-filled',
+    'close-square-outlined',
+    'close-square-twotone',
+    'cloud-download-outlined',
+    'cloud-filled',
+    'cloud-outlined',
+    'cloud-server-outlined',
+    'cloud-sync-outlined',
+    'cloud-twotone',
+    'cloud-upload-outlined',
+    'cluster-outlined',
+    'code-filled',
+    'code-outlined',
+    'code-sandbox-circle-filled',
+    'code-sandbox-outlined',
+    'code-sandbox-square-filled',
+    'code-twotone',
+    'codepen-circle-filled',
+    'codepen-circle-outlined',
+    'codepen-outlined',
+    'codepen-square-filled',
+    'coffee-outlined',
+    'column-height-outlined',
+    'column-width-outlined',
+    'comment-outlined',
+    'compass-filled',
+    'compass-outlined',
+    'compass-twotone',
+    'compress-outlined',
+    'console-sql-outlined',
+    'contacts-filled',
+    'contacts-outlined',
+    'contacts-twotone',
+    'container-filled',
+    'container-outlined',
+    'container-twotone',
+    'control-filled',
+    'control-outlined',
+    'control-twotone',
+    'copy-filled',
+    'copy-outlined',
+    'copy-twotone',
+    'copyright-circle-filled',
+    'copyright-circle-outlined',
+    'copyright-circle-twotone',
+    'copyright-outlined',
+    'copyright-twotone',
+    'credit-card-filled',
+    'credit-card-outlined',
+    'credit-card-twotone',
+    'crown-filled',
+    'crown-outlined',
+    'crown-twotone',
+    'customer-service-filled',
+    'customer-service-outlined',
+    'customer-service-twotone',
+    'dash-outlined',
+    'dashboard-filled',
+    'dashboard-outlined',
+    'dashboard-twotone',
+    'database-filled',
+    'database-outlined',
+    'database-twotone',
+    'delete-column-outlined',
+    'delete-filled',
+    'delete-outlined',
+    'delete-row-outlined',
+    'delete-twotone',
+    'delivered-procedure-outlined',
+    'deployment-unit-outlined',
+    'desktop-outlined',
+    'diff-filled',
+    'diff-outlined',
+    'diff-twotone',
+    'dingding-outlined',
+    'dingtalk-circle-filled',
+    'dingtalk-outlined',
+    'dingtalk-square-filled',
+    'disconnect-outlined',
+    'dislike-filled',
+    'dislike-outlined',
+    'dislike-twotone',
+    'dollar-circle-filled',
+    'dollar-circle-outlined',
+    'dollar-circle-twotone',
+    'dollar-outlined',
+    'dollar-twotone',
+    'dot-chart-outlined',
+    'double-left-outlined',
+    'double-right-outlined',
+    'down-circle-filled',
+    'down-circle-outlined',
+    'down-circle-twotone',
+    'down-outlined',
+    'down-square-filled',
+    'down-square-outlined',
+    'down-square-twotone',
+    'download-outlined',
+    'drag-outlined',
+    'dribbble-circle-filled',
+    'dribbble-outlined',
+    'dribbble-square-filled',
+    'dribbble-square-outlined',
+    'dropbox-circle-filled',
+    'dropbox-outlined',
+    'dropbox-square-filled',
+    'edit-filled',
+    'edit-outlined',
+    'edit-twotone',
+    'ellipsis-outlined',
+    'enter-outlined',
+    'environment-filled',
+    'environment-outlined',
+    'environment-twotone',
+    'euro-circle-filled',
+    'euro-circle-outlined',
+    'euro-circle-twotone',
+    'euro-outlined',
+    'euro-twotone',
+    'exception-outlined',
+    'exclamation-circle-filled',
+    'exclamation-circle-outlined',
+    'exclamation-circle-twotone',
+    'exclamation-outlined',
+    'expand-alt-outlined',
+    'expand-outlined',
+    'experiment-filled',
+    'experiment-outlined',
+    'experiment-twotone',
+    'export-outlined',
+    'eye-filled',
+    'eye-invisible-filled',
+    'eye-invisible-outlined',
+    'eye-invisible-twotone',
+    'eye-outlined',
+    'eye-twotone',
+    'facebook-filled',
+    'facebook-outlined',
+    'fall-outlined',
+    'fast-backward-filled',
+    'fast-backward-outlined',
+    'fast-forward-filled',
+    'fast-forward-outlined',
+    'field-binary-outlined',
+    'field-number-outlined',
+    'field-string-outlined',
+    'field-time-outlined',
+    'file-add-filled',
+    'file-add-outlined',
+    'file-add-twotone',
+    'file-done-outlined',
+    'file-excel-filled',
+    'file-excel-outlined',
+    'file-excel-twotone',
+    'file-exclamation-filled',
+    'file-exclamation-outlined',
+    'file-exclamation-twotone',
+    'file-filled',
+    'file-gif-outlined',
+    'file-image-filled',
+    'file-image-outlined',
+    'file-image-twotone',
+    'file-jpg-outlined',
+    'file-markdown-filled',
+    'file-markdown-outlined',
+    'file-markdown-twotone',
+    'file-outlined',
+    'file-pdf-filled',
+    'file-pdf-outlined',
+    'file-pdf-twotone',
+    'file-ppt-filled',
+    'file-ppt-outlined',
+    'file-ppt-twotone',
+    'file-protect-outlined',
+    'file-search-outlined',
+    'file-sync-outlined',
+    'file-text-filled',
+    'file-text-outlined',
+    'file-text-twotone',
+    'file-twotone',
+    'file-unknown-filled',
+    'file-unknown-outlined',
+    'file-unknown-twotone',
+    'file-word-filled',
+    'file-word-outlined',
+    'file-word-twotone',
+    'file-zip-filled',
+    'file-zip-outlined',
+    'file-zip-twotone',
+    'filter-filled',
+    'filter-outlined',
+    'filter-twotone',
+    'fire-filled',
+    'fire-outlined',
+    'fire-twotone',
+    'flag-filled',
+    'flag-outlined',
+    'flag-twotone',
+    'folder-add-filled',
+    'folder-add-outlined',
+    'folder-add-twotone',
+    'folder-filled',
+    'folder-open-filled',
+    'folder-open-outlined',
+    'folder-open-twotone',
+    'folder-outlined',
+    'folder-twotone',
+    'folder-view-outlined',
+    'font-colors-outlined',
+    'font-size-outlined',
+    'fork-outlined',
+    'form-outlined',
+    'format-painter-filled',
+    'format-painter-outlined',
+    'forward-filled',
+    'forward-outlined',
+    'frown-filled',
+    'frown-outlined',
+    'frown-twotone',
+    'fullscreen-exit-outlined',
+    'fullscreen-outlined',
+    'function-outlined',
+    'fund-filled',
+    'fund-outlined',
+    'fund-projection-screen-outlined',
+    'fund-twotone',
+    'fund-view-outlined',
+    'funnel-plot-filled',
+    'funnel-plot-outlined',
+    'funnel-plot-twotone',
+    'gateway-outlined',
+    'gif-outlined',
+    'gift-filled',
+    'gift-outlined',
+    'gift-twotone',
+    'github-filled',
+    'github-outlined',
+    'gitlab-filled',
+    'gitlab-outlined',
+    'global-outlined',
+    'gold-filled',
+    'gold-outlined',
+    'gold-twotone',
+    'golden-filled',
+    'google-circle-filled',
+    'google-outlined',
+    'google-plus-circle-filled',
+    'google-plus-outlined',
+    'google-plus-square-filled',
+    'google-square-filled',
+    'group-outlined',
+    'hdd-filled',
+    'hdd-outlined',
+    'hdd-twotone',
+    'heart-filled',
+    'heart-outlined',
+    'heart-twotone',
+    'heat-map-outlined',
+    'highlight-filled',
+    'highlight-outlined',
+    'highlight-twotone',
+    'history-outlined',
+    'home-filled',
+    'home-outlined',
+    'home-twotone',
+    'hourglass-filled',
+    'hourglass-outlined',
+    'hourglass-twotone',
+    'html5-filled',
+    'html5-outlined',
+    'html5-twotone',
+    'idcard-filled',
+    'idcard-outlined',
+    'idcard-twotone',
+    'ie-circle-filled',
+    'ie-outlined',
+    'ie-square-filled',
+    'import-outlined',
+    'inbox-outlined',
+    'info-circle-filled',
+    'info-circle-outlined',
+    'info-circle-twotone',
+    'info-outlined',
+    'insert-row-above-outlined',
+    'insert-row-below-outlined',
+    'insert-row-left-outlined',
+    'insert-row-right-outlined',
+    'instagram-filled',
+    'instagram-outlined',
+    'insurance-filled',
+    'insurance-outlined',
+    'insurance-twotone',
+    'interaction-filled',
+    'interaction-outlined',
+    'interaction-twotone',
+    'issues-close-outlined',
+    'italic-outlined',
+    'key-outlined',
+    'laptop-outlined',
+    'layout-filled',
+    'layout-outlined',
+    'layout-twotone',
+    'left-circle-filled',
+    'left-circle-outlined',
+    'left-circle-twotone',
+    'left-outlined',
+    'left-square-filled',
+    'left-square-outlined',
+    'left-square-twotone',
+    'like-filled',
+    'like-outlined',
+    'like-twotone',
+    'line-chart-outlined',
+    'line-height-outlined',
+    'line-outlined',
+    'link-outlined',
+    'linkedin-filled',
+    'linkedin-outlined',
+    'loading-3-quarters-outlined',
+    'loading-outlined',
+    'lock-filled',
+    'lock-outlined',
+    'lock-twotone',
+    'login-outlined',
+    'logout-outlined',
+    'mac-command-filled',
+    'mac-command-outlined',
+    'mail-filled',
+    'mail-outlined',
+    'mail-twotone',
+    'man-outlined',
+    'medicine-box-filled',
+    'medicine-box-outlined',
+    'medicine-box-twotone',
+    'medium-circle-filled',
+    'medium-outlined',
+    'medium-square-filled',
+    'medium-workmark-outlined',
+    'meh-filled',
+    'meh-outlined',
+    'meh-twotone',
+    'menu-fold-outlined',
+    'menu-outlined',
+    'menu-unfold-outlined',
+    'merge-cells-outlined',
+    'message-filled',
+    'message-outlined',
+    'message-twotone',
+    'minus-circle-filled',
+    'minus-circle-outlined',
+    'minus-circle-twotone',
+    'minus-outlined',
+    'minus-square-filled',
+    'minus-square-outlined',
+    'minus-square-twotone',
+    'mobile-filled',
+    'mobile-outlined',
+    'mobile-twotone',
+    'money-collect-filled',
+    'money-collect-outlined',
+    'money-collect-twotone',
+    'monitor-outlined',
+    'more-outlined',
+    'node-collapse-outlined',
+    'node-expand-outlined',
+    'node-index-outlined',
+    'notification-filled',
+    'notification-outlined',
+    'notification-twotone',
+    'number-outlined',
+    'one-to-one-outlined',
+    'ordered-list-outlined',
+    'paper-clip-outlined',
+    'partition-outlined',
+    'pause-circle-filled',
+    'pause-circle-outlined',
+    'pause-circle-twotone',
+    'pause-outlined',
+    'pay-circle-filled',
+    'pay-circle-outlined',
+    'percentage-outlined',
+    'phone-filled',
+    'phone-outlined',
+    'phone-twotone',
+    'pic-center-outlined',
+    'pic-left-outlined',
+    'pic-right-outlined',
+    'picture-filled',
+    'picture-outlined',
+    'picture-twotone',
+    'pie-chart-filled',
+    'pie-chart-outlined',
+    'pie-chart-twotone',
+    'play-circle-filled',
+    'play-circle-outlined',
+    'play-circle-twotone',
+    'play-square-filled',
+    'play-square-outlined',
+    'play-square-twotone',
+    'plus-circle-filled',
+    'plus-circle-outlined',
+    'plus-circle-twotone',
+    'plus-outlined',
+    'plus-square-filled',
+    'plus-square-outlined',
+    'plus-square-twotone',
+    'pound-circle-filled',
+    'pound-circle-outlined',
+    'pound-circle-twotone',
+    'pound-outlined',
+    'poweroff-outlined',
+    'printer-filled',
+    'printer-outlined',
+    'printer-twotone',
+    'profile-filled',
+    'profile-outlined',
+    'profile-twotone',
+    'project-filled',
+    'project-outlined',
+    'project-twotone',
+    'property-safety-filled',
+    'property-safety-outlined',
+    'property-safety-twotone',
+    'pull-request-outlined',
+    'pushpin-filled',
+    'pushpin-outlined',
+    'pushpin-twotone',
+    'qq-circle-filled',
+    'qq-outlined',
+    'qq-square-filled',
+    'qrcode-outlined',
+    'question-circle-filled',
+    'question-circle-outlined',
+    'question-circle-twotone',
+    'question-outlined',
+    'radar-chart-outlined',
+    'radius-bottomleft-outlined',
+    'radius-bottomright-outlined',
+    'radius-setting-outlined',
+    'radius-upleft-outlined',
+    'radius-upright-outlined',
+    'read-filled',
+    'read-outlined',
+    'reconciliation-filled',
+    'reconciliation-outlined',
+    'reconciliation-twotone',
+    'red-envelope-filled',
+    'red-envelope-outlined',
+    'red-envelope-twotone',
+    'reddit-circle-filled',
+    'reddit-outlined',
+    'reddit-square-filled',
+    'redo-outlined',
+    'reload-outlined',
+    'rest-filled',
+    'rest-outlined',
+    'rest-twotone',
+    'retweet-outlined',
+    'right-circle-filled',
+    'right-circle-outlined',
+    'right-circle-twotone',
+    'right-outlined',
+    'right-square-filled',
+    'right-square-outlined',
+    'right-square-twotone',
+    'rise-outlined',
+    'robot-filled',
+    'robot-outlined',
+    'rocket-filled',
+    'rocket-outlined',
+    'rocket-twotone',
+    'rollback-outlined',
+    'rotate-left-outlined',
+    'rotate-right-outlined',
+    'safety-certificate-filled',
+    'safety-certificate-outlined',
+    'safety-certificate-twotone',
+    'safety-outlined',
+    'save-filled',
+    'save-outlined',
+    'save-twotone',
+    'scan-outlined',
+    'schedule-filled',
+    'schedule-outlined',
+    'schedule-twotone',
+    'scissor-outlined',
+    'search-outlined',
+    'security-scan-filled',
+    'security-scan-outlined',
+    'security-scan-twotone',
+    'select-outlined',
+    'send-outlined',
+    'setting-filled',
+    'setting-outlined',
+    'setting-twotone',
+    'shake-outlined',
+    'share-alt-outlined',
+    'shop-filled',
+    'shop-outlined',
+    'shop-twotone',
+    'shopping-cart-outlined',
+    'shopping-filled',
+    'shopping-outlined',
+    'shopping-twotone',
+    'shrink-outlined',
+    'signal-filled',
+    'sisternode-outlined',
+    'sketch-circle-filled',
+    'sketch-outlined',
+    'sketch-square-filled',
+    'skin-filled',
+    'skin-outlined',
+    'skin-twotone',
+    'skype-filled',
+    'skype-outlined',
+    'slack-circle-filled',
+    'slack-outlined',
+    'slack-square-filled',
+    'slack-square-outlined',
+    'sliders-filled',
+    'sliders-outlined',
+    'sliders-twotone',
+    'small-dash-outlined',
+    'smile-filled',
+    'smile-outlined',
+    'smile-twotone',
+    'snippets-filled',
+    'snippets-outlined',
+    'snippets-twotone',
+    'solution-outlined',
+    'sort-ascending-outlined',
+    'sort-descending-outlined',
+    'sound-filled',
+    'sound-outlined',
+    'sound-twotone',
+    'split-cells-outlined',
+    'star-filled',
+    'star-outlined',
+    'star-twotone',
+    'step-backward-filled',
+    'step-backward-outlined',
+    'step-forward-filled',
+    'step-forward-outlined',
+    'stock-outlined',
+    'stop-filled',
+    'stop-outlined',
+    'stop-twotone',
+    'strikethrough-outlined',
+    'subnode-outlined',
+    'swap-left-outlined',
+    'swap-outlined',
+    'swap-right-outlined',
+    'switcher-filled',
+    'switcher-outlined',
+    'switcher-twotone',
+    'sync-outlined',
+    'table-outlined',
+    'tablet-filled',
+    'tablet-outlined',
+    'tablet-twotone',
+    'tag-filled',
+    'tag-outlined',
+    'tag-twotone',
+    'tags-filled',
+    'tags-outlined',
+    'tags-twotone',
+    'taobao-circle-filled',
+    'taobao-circle-outlined',
+    'taobao-outlined',
+    'taobao-square-filled',
+    'team-outlined',
+    'thunderbolt-filled',
+    'thunderbolt-outlined',
+    'thunderbolt-twotone',
+    'to-top-outlined',
+    'tool-filled',
+    'tool-outlined',
+    'tool-twotone',
+    'trademark-circle-filled',
+    'trademark-circle-outlined',
+    'trademark-circle-twotone',
+    'trademark-outlined',
+    'transaction-outlined',
+    'translation-outlined',
+    'trophy-filled',
+    'trophy-outlined',
+    'trophy-twotone',
+    'twitter-circle-filled',
+    'twitter-outlined',
+    'twitter-square-filled',
+    'underline-outlined',
+    'undo-outlined',
+    'ungroup-outlined',
+    'unlock-filled',
+    'unlock-outlined',
+    'unlock-twotone',
+    'unordered-list-outlined',
+    'up-circle-filled',
+    'up-circle-outlined',
+    'up-circle-twotone',
+    'up-outlined',
+    'up-square-filled',
+    'up-square-outlined',
+    'up-square-twotone',
+    'upload-outlined',
+    'usb-filled',
+    'usb-outlined',
+    'usb-twotone',
+    'user-add-outlined',
+    'user-delete-outlined',
+    'user-outlined',
+    'user-switch-outlined',
+    'usergroup-add-outlined',
+    'usergroup-delete-outlined',
+    'verified-outlined',
+    'vertical-align-bottom-outlined',
+    'vertical-align-middle-outlined',
+    'vertical-align-top-outlined',
+    'vertical-left-outlined',
+    'vertical-right-outlined',
+    'video-camera-add-outlined',
+    'video-camera-filled',
+    'video-camera-outlined',
+    'video-camera-twotone',
+    'wallet-filled',
+    'wallet-outlined',
+    'wallet-twotone',
+    'warning-filled',
+    'warning-outlined',
+    'warning-twotone',
+    'wechat-filled',
+    'wechat-outlined',
+    'weibo-circle-filled',
+    'weibo-circle-outlined',
+    'weibo-outlined',
+    'weibo-square-filled',
+    'weibo-square-outlined',
+    'whats-app-outlined',
+    'wifi-outlined',
+    'windows-filled',
+    'windows-outlined',
+    'woman-outlined',
+    'yahoo-filled',
+    'yahoo-outlined',
+    'youtube-filled',
+    'youtube-outlined',
+    'yuque-filled',
+    'yuque-outlined',
+    'zhihu-circle-filled',
+    'zhihu-outlined',
+    'zhihu-square-filled',
+    'zoom-in-outlined',
+    'zoom-out-outlined',
+  ],
+}
diff --git a/yunxi-ui-admin-vben/src/components/Icon/index.ts b/yunxi-ui-admin-vben/src/components/Icon/index.ts
new file mode 100644
index 0000000..bda6c81
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Icon/index.ts
@@ -0,0 +1,7 @@
+import Icon from './src/Icon.vue'
+import SvgIcon from './src/SvgIcon.vue'
+import IconPicker from './src/IconPicker.vue'
+
+export { Icon, IconPicker, SvgIcon }
+
+export default Icon
diff --git a/yunxi-ui-admin-vben/src/components/Icon/src/Icon.vue b/yunxi-ui-admin-vben/src/components/Icon/src/Icon.vue
new file mode 100644
index 0000000..528667a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Icon/src/Icon.vue
@@ -0,0 +1,102 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, nextTick, onMounted, ref, unref, watch } from 'vue'
+import Iconify from '@purge-icons/generated'
+import SvgIcon from './SvgIcon.vue'
+import { isString } from '@/utils/is'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'Icon' })
+
+const props = defineProps({
+  // icon name
+  icon: propTypes.string,
+  // icon color
+  color: propTypes.string,
+  // icon size
+  size: {
+    type: [String, Number] as PropType<string | number>,
+    default: 16,
+  },
+  spin: propTypes.bool.def(false),
+  prefix: propTypes.string.def(''),
+})
+
+const SVG_END_WITH_FLAG = '|svg'
+
+const elRef = ref<ElRef>(null)
+
+const isSvgIcon = computed(() => props.icon?.endsWith(SVG_END_WITH_FLAG))
+const getSvgIcon = computed(() => props.icon.replace(SVG_END_WITH_FLAG, ''))
+const getIconRef = computed(() => `${props.prefix ? `${props.prefix}:` : ''}${props.icon}`)
+
+async function update() {
+  if (unref(isSvgIcon))
+    return
+
+  const el = unref(elRef)
+  if (!el)
+    return
+
+  await nextTick()
+  const icon = unref(getIconRef)
+  if (!icon)
+    return
+
+  const svg = Iconify.renderSVG(icon, {})
+  if (svg) {
+    el.textContent = ''
+    el.appendChild(svg)
+  }
+  else {
+    const span = document.createElement('span')
+    span.className = 'iconify'
+    span.dataset.icon = icon
+    el.textContent = ''
+    el.appendChild(span)
+  }
+}
+
+const getWrapStyle = computed((): CSSProperties => {
+  const { size, color } = props
+  let fs = size
+  if (isString(size))
+    fs = Number.parseInt(size, 10)
+
+  return {
+    fontSize: `${fs}px`,
+    color,
+    display: 'inline-flex',
+  }
+})
+
+watch(() => props.icon, update, { flush: 'post' })
+
+onMounted(update)
+</script>
+
+<template>
+  <SvgIcon v-if="isSvgIcon" :size="size" :name="getSvgIcon" class="anticon" :class="[$attrs.class]" :spin="spin" />
+  <span v-else ref="elRef" class="anticon app-iconify" :class="[$attrs.class, spin && 'app-iconify-spin']" :style="getWrapStyle" />
+</template>
+
+<style lang="less">
+.app-iconify {
+  display: inline-block;
+  // vertical-align: middle;
+
+  &-spin {
+    svg {
+      animation: loadingCircle 1s infinite linear;
+    }
+  }
+}
+
+span.iconify {
+  display: block;
+  min-width: 1em;
+  min-height: 1em;
+  background-color: @iconify-bg-color;
+  border-radius: 100%;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Icon/src/IconPicker.vue b/yunxi-ui-admin-vben/src/components/Icon/src/IconPicker.vue
new file mode 100644
index 0000000..0d97d8e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Icon/src/IconPicker.vue
@@ -0,0 +1,172 @@
+<script lang="ts" setup>
+import { ref, unref, watch, watchEffect } from 'vue'
+import { Empty, Input, Pagination, Popover } from 'ant-design-vue'
+import { useDebounceFn } from '@vueuse/core'
+import svgIcons from 'virtual:svg-icons-names'
+import iconsData from '../data/icons.data'
+import Icon from './Icon.vue'
+import SvgIcon from './SvgIcon.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { ScrollContainer } from '@/components/Container'
+
+import { propTypes } from '@/utils/propTypes'
+import { usePagination } from '@/hooks/web/usePagination'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard'
+import { useMessage } from '@/hooks/web/useMessage'
+
+const props = defineProps({
+  value: propTypes.string,
+  width: propTypes.string.def('100%'),
+  pageSize: propTypes.number.def(140),
+  copy: propTypes.bool.def(false),
+  mode: propTypes.oneOf(['svg', 'iconify']).def('iconify'),
+})
+const emit = defineEmits(['change', 'update:value'])
+
+function getIcons() {
+  const data = iconsData as any
+  const prefix: string = data?.prefix ?? ''
+  let result: string[] = []
+  if (prefix)
+    result = (data?.icons ?? []).map(item => `${prefix}:${item}`)
+  else if (Array.isArray(iconsData))
+    result = iconsData as string[]
+
+  return result
+}
+
+function getSvgIcons() {
+  return svgIcons.map(icon => icon.replace('icon-', ''))
+}
+
+const isSvgMode = props.mode === 'svg'
+const icons = isSvgMode ? getSvgIcons() : getIcons()
+
+const currentSelect = ref('')
+const open = ref(false)
+const currentList = ref(icons)
+
+const { t } = useI18n()
+const { prefixCls } = useDesign('icon-picker')
+
+const debounceHandleSearchChange = useDebounceFn(handleSearchChange, 100)
+
+let clipboardRef
+let isSuccessRef
+
+if (props.copy) {
+  const clipboard = useCopyToClipboard(props.value)
+  clipboardRef = clipboard?.clipboardRef
+  isSuccessRef = clipboard?.isSuccessRef
+}
+
+const { createMessage } = useMessage()
+
+const { getPaginationList, getTotal, setCurrentPage } = usePagination(currentList, props.pageSize)
+
+watchEffect(() => {
+  currentSelect.value = props.value
+})
+
+watch(
+  () => currentSelect.value,
+  (v) => {
+    emit('update:value', v)
+    return emit('change', v)
+  },
+)
+
+function handlePageChange(page: number) {
+  setCurrentPage(page)
+}
+
+function handleClick(icon: string) {
+  currentSelect.value = icon
+  if (props.copy) {
+    clipboardRef.value = icon
+    if (unref(isSuccessRef))
+      createMessage.success(t('component.icon.copy'))
+  }
+}
+
+function handleSearchChange(e: ChangeEvent) {
+  const value = e.target.value
+  if (!value) {
+    setCurrentPage(1)
+    currentList.value = icons
+    return
+  }
+  currentList.value = icons.filter(item => item.includes(value))
+}
+</script>
+
+<template>
+  <Input v-model:value="currentSelect" disabled :style="{ width }" :placeholder="t('component.icon.placeholder')" :class="prefixCls">
+    <template #addonAfter>
+      <Popover v-model="open" placement="bottomLeft" trigger="click" :overlay-class-name="`${prefixCls}-popover`">
+        <template #title>
+          <div class="flex justify-between">
+            <Input :placeholder="t('component.icon.search')" allow-clear @change="debounceHandleSearchChange" />
+          </div>
+        </template>
+
+        <template #content>
+          <div v-if="getPaginationList.length">
+            <ScrollContainer class="border border-t-0 border-solid">
+              <ul class="flex flex-wrap px-2">
+                <li
+                  v-for="icon in getPaginationList"
+                  :key="icon"
+                  :class="currentSelect === icon ? 'border border-primary' : ''"
+                  class="mr-1 mt-1 w-1/8 flex cursor-pointer items-center justify-center border border-solid p-2 hover:border-primary"
+                  :title="icon"
+                  @click="handleClick(icon)"
+                >
+                  <!-- <Icon :icon="icon" :prefix="prefix" /> -->
+                  <SvgIcon v-if="isSvgMode" :name="icon" />
+                  <Icon v-else :icon="icon" />
+                </li>
+              </ul>
+            </ScrollContainer>
+            <div v-if="getTotal >= pageSize" class="flex items-center justify-center py-2">
+              <Pagination show-less-items size="small" :page-size="pageSize" :total="getTotal" @change="handlePageChange" />
+            </div>
+          </div>
+          <template v-else>
+            <div class="p-5">
+              <Empty />
+            </div>
+          </template>
+        </template>
+
+        <span v-if="isSvgMode && currentSelect" class="flex cursor-pointer items-center px-2 py-1">
+          <SvgIcon :name="currentSelect" />
+        </span>
+        <Icon v-else :icon="currentSelect || 'ion:apps-outline'" class="cursor-pointer px-2 py-1" />
+      </Popover>
+    </template>
+  </Input>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-icon-picker';
+
+.@{prefix-cls} {
+  .ant-input-group-addon {
+    padding: 0;
+  }
+
+  &-popover {
+    width: 300px;
+
+    .ant-popover-inner-content {
+      padding: 0;
+    }
+
+    .scrollbar {
+      height: 220px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Icon/src/SvgIcon.vue b/yunxi-ui-admin-vben/src/components/Icon/src/SvgIcon.vue
new file mode 100644
index 0000000..904d15d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Icon/src/SvgIcon.vue
@@ -0,0 +1,60 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed } from 'vue'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'SvgIcon' })
+
+const props = defineProps({
+  prefix: {
+    type: String,
+    default: 'icon',
+  },
+  name: {
+    type: String,
+    required: true,
+  },
+  size: {
+    type: [Number, String],
+    default: 16,
+  },
+  spin: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const { prefixCls } = useDesign('svg-icon')
+const symbolId = computed(() => `#${props.prefix}-${props.name}`)
+
+const getStyle = computed((): CSSProperties => {
+  const { size } = props
+  let s = `${size}`
+  s = `${s.replace('px', '')}px`
+  return {
+    width: s,
+    height: s,
+  }
+})
+</script>
+
+<template>
+  <svg :class="[prefixCls, $attrs.class, spin && 'svg-icon-spin']" :style="getStyle" aria-hidden="true">
+    <use :xlink:href="symbolId" />
+  </svg>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-svg-icon';
+
+.@{prefix-cls} {
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: -0.15em;
+  fill: currentcolor;
+}
+
+.svg-icon-spin {
+  animation: loadingCircle 1s infinite linear;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Loading/index.ts b/yunxi-ui-admin-vben/src/components/Loading/index.ts
new file mode 100644
index 0000000..0a9b22c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Loading/index.ts
@@ -0,0 +1,5 @@
+import Loading from './src/Loading.vue'
+
+export { Loading }
+export { useLoading } from './src/useLoading'
+export { createLoading } from './src/createLoading'
diff --git a/yunxi-ui-admin-vben/src/components/Loading/src/Loading.vue b/yunxi-ui-admin-vben/src/components/Loading/src/Loading.vue
new file mode 100644
index 0000000..fa7c7bd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Loading/src/Loading.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import { Spin } from 'ant-design-vue'
+import { SizeEnum } from '@/enums/sizeEnum'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'Loading' })
+
+defineProps({
+  tip: propTypes.string.def(''),
+  size: {
+    type: String as PropType<SizeEnum>,
+    default: SizeEnum.LARGE,
+    validator: (v: SizeEnum): boolean => {
+      return [SizeEnum.DEFAULT, SizeEnum.SMALL, SizeEnum.LARGE].includes(v)
+    },
+  },
+  absolute: propTypes.bool.def(false),
+  loading: propTypes.bool.def(false),
+  background: propTypes.string,
+  theme: propTypes.oneOf(['dark', 'light']).def('light'),
+})
+</script>
+
+<template>
+  <section
+    v-show="loading"
+    class="full-loading"
+    :class="{ absolute, [theme]: !!theme }"
+    :style="[background ? `background-color: ${background}` : '']"
+  >
+    <Spin v-bind="$attrs" :tip="tip" :size="size" :spinning="loading" />
+  </section>
+</template>
+
+<style lang="less" scoped>
+.full-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 200;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: rgb(240 242 245 / 40%);
+
+  &.absolute {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 300;
+  }
+}
+
+html[data-theme='dark'] {
+  .full-loading:not(.light) {
+    background-color: @modal-mask-bg;
+  }
+}
+
+.full-loading.dark {
+  background-color: @modal-mask-bg;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Loading/src/createLoading.ts b/yunxi-ui-admin-vben/src/components/Loading/src/createLoading.ts
new file mode 100644
index 0000000..72ba497
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Loading/src/createLoading.ts
@@ -0,0 +1,65 @@
+import type { VNode } from 'vue'
+import { createVNode, defineComponent, h, reactive, render } from 'vue'
+import type { LoadingProps } from './typing'
+
+import Loading from './Loading.vue'
+
+export function createLoading(props?: Partial<LoadingProps>, target?: HTMLElement, wait = false) {
+  let vm: Nullable<VNode> = null
+  const data = reactive({
+    tip: '',
+    loading: true,
+    ...props,
+  })
+
+  const LoadingWrap = defineComponent({
+    render() {
+      return h(Loading, { ...data })
+    },
+  })
+
+  vm = createVNode(LoadingWrap)
+
+  if (wait) {
+    // TODO fix https://gitee.com/xingyuv/issues/438
+    setTimeout(() => {
+      render(vm, document.createElement('div'))
+    }, 0)
+  }
+  else {
+    render(vm, document.createElement('div'))
+  }
+
+  function close() {
+    if (vm?.el && vm.el.parentNode)
+      vm.el.parentNode.removeChild(vm.el)
+  }
+
+  function open(target: HTMLElement = document.body) {
+    if (!vm || !vm.el)
+      return
+
+    target.appendChild(vm.el as HTMLElement)
+  }
+
+  if (target)
+    open(target)
+
+  return {
+    vm,
+    close,
+    open,
+    setTip: (tip: string) => {
+      data.tip = tip
+    },
+    setLoading: (loading: boolean) => {
+      data.loading = loading
+    },
+    get loading() {
+      return data.loading
+    },
+    get $el() {
+      return vm?.el as HTMLElement
+    },
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Loading/src/typing.ts b/yunxi-ui-admin-vben/src/components/Loading/src/typing.ts
new file mode 100644
index 0000000..48372e2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Loading/src/typing.ts
@@ -0,0 +1,10 @@
+import type { SizeEnum } from '@/enums/sizeEnum'
+
+export interface LoadingProps {
+  tip: string
+  size: SizeEnum
+  absolute: boolean
+  loading: boolean
+  background: string
+  theme: 'dark' | 'light'
+}
diff --git a/yunxi-ui-admin-vben/src/components/Loading/src/useLoading.ts b/yunxi-ui-admin-vben/src/components/Loading/src/useLoading.ts
new file mode 100644
index 0000000..02a6d47
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Loading/src/useLoading.ts
@@ -0,0 +1,49 @@
+import { unref } from 'vue'
+import type { Ref } from 'vue'
+import { createLoading } from './createLoading'
+import type { LoadingProps } from './typing'
+
+export interface UseLoadingOptions {
+  target?: any
+  props?: Partial<LoadingProps>
+}
+
+interface Fn {
+  (): void
+}
+
+export function useLoading(props: Partial<LoadingProps>): [Fn, Fn, (string) => void]
+export function useLoading(opt: Partial<UseLoadingOptions>): [Fn, Fn, (string) => void]
+
+export function useLoading(opt: Partial<LoadingProps> | Partial<UseLoadingOptions>): [Fn, Fn, (string) => void] {
+  let props: Partial<LoadingProps>
+  let target: HTMLElement | Ref<ElRef> = document.body
+
+  if (Reflect.has(opt, 'target') || Reflect.has(opt, 'props')) {
+    const options = opt as Partial<UseLoadingOptions>
+    props = options.props || {}
+    target = options.target || document.body
+  }
+  else {
+    props = opt as Partial<LoadingProps>
+  }
+
+  const instance = createLoading(props, undefined, true)
+
+  const open = (): void => {
+    const t = unref(target as Ref<ElRef>)
+    if (!t)
+      return
+    instance.open(t)
+  }
+
+  const close = (): void => {
+    instance.close()
+  }
+
+  const setTip = (tip: string) => {
+    instance.setTip(tip)
+  }
+
+  return [open, close, setTip]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Markdown/index.ts b/yunxi-ui-admin-vben/src/components/Markdown/index.ts
new file mode 100644
index 0000000..586e695
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Markdown/index.ts
@@ -0,0 +1,7 @@
+import markDown from './src/Markdown.vue'
+import markDownViewer from './src/MarkdownViewer.vue'
+import { withInstall } from '@/utils'
+
+export const MarkDown = withInstall(markDown)
+export const MarkdownViewer = withInstall(markDownViewer)
+export * from './src/typing'
diff --git a/yunxi-ui-admin-vben/src/components/Markdown/src/Markdown.vue b/yunxi-ui-admin-vben/src/components/Markdown/src/Markdown.vue
new file mode 100644
index 0000000..fca0bcb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Markdown/src/Markdown.vue
@@ -0,0 +1,148 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { computed, nextTick, onBeforeUnmount, onDeactivated, ref, unref, useAttrs, watch } from 'vue'
+import Vditor from 'vditor'
+import 'vditor/dist/index.css'
+import { useModalContext } from '../../Modal'
+import { getTheme } from './getTheme'
+import { useLocale } from '@/locales/useLocale'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ inheritAttrs: false })
+
+const props = defineProps({
+  height: propTypes.number.def(360),
+  value: propTypes.string.def(''),
+})
+
+const emit = defineEmits(['change', 'get', 'update:value'])
+
+type Lang = 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' | undefined
+
+const attrs = useAttrs()
+const wrapRef = ref<ElRef>(null)
+const vditorRef = ref(null) as Ref<Nullable<Vditor>>
+const initedRef = ref(false)
+
+const modalFn = useModalContext()
+
+const { getLocale } = useLocale()
+const { getDarkMode } = useRootSetting()
+const valueRef = ref(props.value || '')
+
+const instance = {
+  getVditor: (): Vditor => vditorRef.value!,
+}
+
+watch(
+  [() => getDarkMode.value, () => initedRef.value],
+  ([val, inited]) => {
+    if (!inited)
+      return
+
+    instance.getVditor()?.setTheme(getTheme(val) as any, getTheme(val, 'content'), getTheme(val, 'code'))
+  },
+  {
+    immediate: true,
+    flush: 'post',
+  },
+)
+
+watch(
+  () => props.value,
+  (v) => {
+    if (v !== valueRef.value)
+      instance.getVditor()?.setValue(v)
+
+    valueRef.value = v
+  },
+)
+
+const getCurrentLang = computed((): 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' => {
+  let lang: Lang
+  switch (unref(getLocale)) {
+    case 'en':
+      lang = 'en_US'
+      break
+    case 'ja':
+      lang = 'ja_JP'
+      break
+    case 'ko':
+      lang = 'ko_KR'
+      break
+    default:
+      lang = 'zh_CN'
+  }
+  return lang
+})
+function init() {
+  const wrapEl = unref(wrapRef) as HTMLElement
+  if (!wrapEl)
+    return
+  const bindValue = { ...attrs, ...props }
+  const insEditor = new Vditor(wrapEl, {
+    // 设置外观主题
+    theme: getTheme(getDarkMode.value) as any,
+    lang: unref(getCurrentLang),
+    mode: 'sv',
+    fullscreen: {
+      index: 520,
+    },
+    preview: {
+      theme: {
+        // 设置内容主题
+        current: getTheme(getDarkMode.value, 'content'),
+      },
+      hljs: {
+        // 设置代码块主题
+        style: getTheme(getDarkMode.value, 'code'),
+      },
+      actions: [],
+    },
+    input: (v) => {
+      valueRef.value = v
+      emit('update:value', v)
+      emit('change', v)
+    },
+    after: () => {
+      nextTick(() => {
+        modalFn?.redoModalHeight?.()
+        insEditor.setValue(valueRef.value)
+        vditorRef.value = insEditor
+        initedRef.value = true
+        emit('get', instance)
+      })
+    },
+    blur: () => {
+      // unref(vditorRef)?.setValue(props.value);
+    },
+    ...bindValue,
+    cache: {
+      enable: false,
+    },
+  })
+}
+
+function destroy() {
+  const vditorInstance = unref(vditorRef)
+  if (!vditorInstance)
+    return
+  try {
+    vditorInstance?.destroy?.()
+  }
+  catch (error) {}
+  vditorRef.value = null
+  initedRef.value = false
+}
+
+onMountedOrActivated(init)
+
+onBeforeUnmount(destroy)
+onDeactivated(destroy)
+</script>
+
+<template>
+  <div ref="wrapRef" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Markdown/src/MarkdownViewer.vue b/yunxi-ui-admin-vben/src/components/Markdown/src/MarkdownViewer.vue
new file mode 100644
index 0000000..8500a66
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Markdown/src/MarkdownViewer.vue
@@ -0,0 +1,66 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { onBeforeUnmount, onDeactivated, ref, unref, watch } from 'vue'
+import VditorPreview from 'vditor/dist/method.min'
+import { getTheme } from './getTheme'
+import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+
+const props = defineProps({
+  value: { type: String },
+  class: { type: String },
+})
+const viewerRef = ref<ElRef>(null)
+const vditorPreviewRef = ref(null) as Ref<Nullable<VditorPreview>>
+const { getDarkMode } = useRootSetting()
+
+function init() {
+  const viewerEl = unref(viewerRef) as HTMLElement
+  vditorPreviewRef.value = VditorPreview.preview(viewerEl, props.value, {
+    mode: getTheme(getDarkMode.value, 'content'),
+    theme: {
+      // 设置内容主题
+      current: getTheme(getDarkMode.value, 'content'),
+    },
+    hljs: {
+      // 设置代码块主题
+      style: getTheme(getDarkMode.value, 'code'),
+    },
+  })
+}
+watch(
+  () => getDarkMode.value,
+  (val) => {
+    VditorPreview.setContentTheme(getTheme(val, 'content'))
+    VditorPreview.setCodeTheme(getTheme(val, 'code'))
+    init()
+  },
+)
+
+watch(
+  () => props.value,
+  (v, oldValue) => {
+    v !== oldValue && init()
+  },
+)
+
+function destroy() {
+  const vditorInstance = unref(vditorPreviewRef)
+  if (!vditorInstance)
+    return
+  try {
+    vditorInstance?.destroy?.()
+  }
+  catch (error) {}
+  vditorPreviewRef.value = null
+}
+
+onMountedOrActivated(init)
+
+onBeforeUnmount(destroy)
+onDeactivated(destroy)
+</script>
+
+<template>
+  <div id="markdownViewer" ref="viewerRef" :class="$props.class" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Markdown/src/getTheme.ts b/yunxi-ui-admin-vben/src/components/Markdown/src/getTheme.ts
new file mode 100644
index 0000000..a1d7d12
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Markdown/src/getTheme.ts
@@ -0,0 +1,16 @@
+/**
+ * 获取主题类型 深色浅色模式 对应的值
+ * @param darkModeVal 深色模式值
+ * @param themeMode 主题类型——外观(默认), 内容, 代码块
+ */
+export function getTheme(darkModeVal: 'light' | 'dark' | string, themeMode: 'default' | 'content' | 'code' = 'default') {
+  const isDark = darkModeVal === 'dark'
+  switch (themeMode) {
+    case 'default':
+      return isDark ? 'dark' : 'classic'
+    case 'content':
+      return isDark ? 'dark' : 'light'
+    case 'code':
+      return isDark ? 'dracula' : 'github'
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Markdown/src/typing.ts b/yunxi-ui-admin-vben/src/components/Markdown/src/typing.ts
new file mode 100644
index 0000000..f08001c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Markdown/src/typing.ts
@@ -0,0 +1,5 @@
+import type Vditor from 'vditor'
+
+export interface MarkDownActionType {
+  getVditor: () => Vditor
+}
diff --git a/yunxi-ui-admin-vben/src/components/Menu/index.ts b/yunxi-ui-admin-vben/src/components/Menu/index.ts
new file mode 100644
index 0000000..42f45c9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/index.ts
@@ -0,0 +1,3 @@
+import BasicMenu from './src/BasicMenu.vue'
+
+export { BasicMenu }
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/BasicMenu.vue b/yunxi-ui-admin-vben/src/components/Menu/src/BasicMenu.vue
new file mode 100644
index 0000000..6075f5a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/BasicMenu.vue
@@ -0,0 +1,146 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, toRefs, unref, watch } from 'vue'
+import { Menu } from 'ant-design-vue'
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
+import { useRouter } from 'vue-router'
+import type { MenuState } from './types'
+import BasicSubMenuItem from './components/BasicSubMenuItem.vue'
+import { useOpenKeys } from './useOpenKeys'
+import { basicProps } from './props'
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum'
+import { isFunction } from '@/utils/is'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { REDIRECT_NAME } from '@/router/constant'
+import { useDesign } from '@/hooks/web/useDesign'
+import { getCurrentParentPath } from '@/router/menus'
+import { listenerRouteChange } from '@/logics/mitt/routeChange'
+import { getAllParentPath } from '@/router/helper/menuHelper'
+
+defineOptions({ name: 'BasicMenu' })
+
+const props = defineProps(basicProps)
+const emit = defineEmits(['menuClick'])
+
+const isClickGo = ref(false)
+const currentActiveMenu = ref('')
+
+const menuState = reactive<MenuState>({
+  defaultSelectedKeys: [],
+  openKeys: [],
+  selectedKeys: [],
+  collapsedOpenKeys: [],
+})
+
+const { prefixCls } = useDesign('basic-menu')
+const { items, mode, accordion } = toRefs(props)
+
+const { getCollapsed, getTopMenuAlign, getSplit } = useMenuSetting()
+
+const { currentRoute } = useRouter()
+
+const { handleOpenChange, setOpenKeys, getOpenKeys } = useOpenKeys(menuState, items, mode as any, accordion)
+
+const getIsTopMenu = computed(() => {
+  const { type, mode } = props
+
+  return (type === MenuTypeEnum.TOP_MENU && mode === MenuModeEnum.HORIZONTAL) || (props.isHorizontal && unref(getSplit))
+})
+
+const getMenuClass = computed(() => {
+  const align = props.isHorizontal && unref(getSplit) ? 'start' : unref(getTopMenuAlign)
+  return [
+    prefixCls,
+    `justify-${align}`,
+    {
+      [`${prefixCls}__second`]: !props.isHorizontal && unref(getSplit),
+      [`${prefixCls}__sidebar-hor`]: unref(getIsTopMenu),
+    },
+  ]
+})
+
+const getInlineCollapseOptions = computed(() => {
+  const isInline = props.mode === MenuModeEnum.INLINE
+
+  const inlineCollapseOptions: { inlineCollapsed?: boolean } = {}
+  if (isInline)
+    inlineCollapseOptions.inlineCollapsed = props.mixSider ? false : unref(getCollapsed)
+
+  return inlineCollapseOptions
+})
+
+listenerRouteChange((route) => {
+  if (route.name === REDIRECT_NAME)
+    return
+  handleMenuChange(route)
+  currentActiveMenu.value = route.meta?.currentActiveMenu as string
+
+  if (unref(currentActiveMenu)) {
+    menuState.selectedKeys = [unref(currentActiveMenu)]
+    setOpenKeys(unref(currentActiveMenu))
+  }
+})
+
+!props.mixSider
+  && watch(
+    () => props.items,
+    () => {
+      handleMenuChange()
+    },
+  )
+
+async function handleMenuClick({ key }) {
+  const { beforeClickFn } = props
+  if (beforeClickFn && isFunction(beforeClickFn)) {
+    const flag = await beforeClickFn(key)
+    if (!flag)
+      return
+  }
+  emit('menuClick', key)
+
+  isClickGo.value = true
+  menuState.selectedKeys = [key]
+}
+
+async function handleMenuChange(route?: RouteLocationNormalizedLoaded) {
+  if (unref(isClickGo)) {
+    isClickGo.value = false
+    return
+  }
+  const path = (route || unref(currentRoute)).meta?.currentActiveMenu || (route || unref(currentRoute)).path
+  setOpenKeys(path)
+  if (unref(currentActiveMenu))
+    return
+  if (props.isHorizontal && unref(getSplit)) {
+    const parentPath = await getCurrentParentPath(path)
+    menuState.selectedKeys = [parentPath]
+  }
+  else {
+    const parentPaths = await getAllParentPath(props.items, path)
+    menuState.selectedKeys = parentPaths
+  }
+}
+</script>
+
+<template>
+  <Menu
+    :selected-keys="menuState.selectedKeys"
+    :default-selected-keys="menuState.defaultSelectedKeys"
+    :mode="mode"
+    :open-keys="getOpenKeys"
+    :inline-indent="inlineIndent"
+    :theme="theme"
+    :class="getMenuClass"
+    :sub-menu-open-delay="0.2"
+    v-bind="getInlineCollapseOptions"
+    @open-change="handleOpenChange"
+    @click="handleMenuClick"
+  >
+    <template v-for="item in items" :key="item.path">
+      <BasicSubMenuItem :item="item" :theme="theme" :is-horizontal="isHorizontal" />
+    </template>
+  </Menu>
+</template>
+
+<style lang="less">
+@import './index.less';
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/components/BasicMenuItem.vue b/yunxi-ui-admin-vben/src/components/Menu/src/components/BasicMenuItem.vue
new file mode 100644
index 0000000..7e88560
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/components/BasicMenuItem.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { MenuItem } from 'ant-design-vue'
+import { itemProps } from '../props'
+import MenuItemContent from './MenuItemContent.vue'
+
+defineOptions({ name: 'BasicMenuItem' })
+
+defineProps(itemProps)
+</script>
+
+<template>
+  <MenuItem :key="item.path">
+    <MenuItemContent v-bind="$props" :item="item" />
+  </MenuItem>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/components/BasicSubMenuItem.vue b/yunxi-ui-admin-vben/src/components/Menu/src/components/BasicSubMenuItem.vue
new file mode 100644
index 0000000..386e50d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/components/BasicSubMenuItem.vue
@@ -0,0 +1,40 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Menu } from 'ant-design-vue'
+import { itemProps } from '../props'
+import BasicMenuItem from './BasicMenuItem.vue'
+import MenuItemContent from './MenuItemContent.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import type { Menu as MenuType } from '@/router/types'
+
+defineOptions({ name: 'BasicSubMenuItem' })
+
+const props = defineProps(itemProps)
+
+const SubMenu = Menu.SubMenu
+
+const { prefixCls } = useDesign('basic-menu-item')
+
+const getShowMenu = computed(() => !props.item.meta?.hideMenu)
+function menuHasChildren(menuTreeItem: MenuType): boolean {
+  return (
+    !menuTreeItem.meta?.hideChildrenInMenu
+    && Reflect.has(menuTreeItem, 'children')
+    && !!menuTreeItem.children
+    && menuTreeItem.children.length > 0
+  )
+}
+</script>
+
+<template>
+  <BasicMenuItem v-if="!menuHasChildren(item) && getShowMenu" v-bind="$props" :class="prefixCls" />
+  <SubMenu v-if="menuHasChildren(item) && getShowMenu" :key="`submenu-${item.path}`" :class="[theme]" popup-class-name="app-top-menu-popup">
+    <template #title>
+      <MenuItemContent v-bind="$props" :item="item" />
+    </template>
+
+    <template v-for="childrenItem in item.children || []" :key="childrenItem.path">
+      <BasicSubMenuItem v-bind="$props" :item="childrenItem" />
+    </template>
+  </SubMenu>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/components/MenuItemContent.vue b/yunxi-ui-admin-vben/src/components/Menu/src/components/MenuItemContent.vue
new file mode 100644
index 0000000..88f8601
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/components/MenuItemContent.vue
@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { contentProps } from '../props'
+import { Icon } from '@/components/Icon'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'MenuItemContent' })
+
+const props = defineProps(contentProps)
+
+const { t } = useI18n()
+
+const { prefixCls } = useDesign('basic-menu-item-content')
+const getI18nName = computed(() => t(props.item?.name))
+const getIcon = computed(() => props.item?.icon)
+</script>
+
+<template>
+  <span :class="`${prefixCls}- flex items-center `">
+    <Icon v-if="getIcon" :icon="getIcon" :size="18" :class="`${prefixCls}-wrapper__icon mr-2`" />
+    {{ getI18nName }}
+  </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/index.less b/yunxi-ui-admin-vben/src/components/Menu/src/index.less
new file mode 100644
index 0000000..0a2ee11
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/index.less
@@ -0,0 +1,74 @@
+@basic-menu-prefix-cls: ~"@{namespace}-basic-menu";
+
+.app-top-menu-popup {
+  min-width: 150px;
+}
+
+.@{basic-menu-prefix-cls} {
+  width: 100%;
+
+  .ant-menu-item {
+    transition: unset;
+  }
+
+  &__sidebar-hor {
+    &.ant-menu-horizontal {
+      display: flex;
+      align-items: center;
+
+      &.ant-menu-dark {
+        background-color: transparent;
+
+        .ant-menu-submenu:hover,
+        .ant-menu-item-open,
+        .ant-menu-submenu-open,
+        .ant-menu-item-selected,
+        .ant-menu-submenu-selected,
+        .ant-menu-item:hover,
+        .ant-menu-item-active,
+        .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
+        .ant-menu-submenu-active,
+        .ant-menu-submenu-title:hover {
+          color: #fff;
+          // background-color: @top-menu-active-bg-color !important;
+        }
+
+        // .ant-menu-item:hover,
+        // .ant-menu-item-active,
+        // .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
+        // .ant-menu-submenu-active,
+        // .ant-menu-submenu-title:hover {
+        //   // background-color: @top-menu-active-bg-color;
+        // }
+
+        .@{basic-menu-prefix-cls}-item__level1 {
+          background-color: transparent;
+
+          // &.ant-menu-item-selected,
+          // &.ant-menu-submenu-selected {
+          //   // background-color: @top-menu-active-bg-color !important;
+          // }
+        }
+
+        .ant-menu-item,
+        .ant-menu-submenu {
+          &.@{basic-menu-prefix-cls}-item__level1,
+          .ant-menu-submenu-title {
+            height: @header-height;
+            line-height: @header-height;
+          }
+        }
+      }
+    }
+  }
+
+  .ant-menu-submenu,
+  .ant-menu-submenu-inline {
+    transition: unset;
+  }
+
+  .ant-menu-inline.ant-menu-sub {
+    box-shadow: unset !important;
+    transition: unset;
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/props.ts b/yunxi-ui-admin-vben/src/components/Menu/src/props.ts
new file mode 100644
index 0000000..a040702
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/props.ts
@@ -0,0 +1,60 @@
+import type { MenuTheme } from 'ant-design-vue'
+import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface'
+import type { Menu } from '@/router/types'
+
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum'
+import { ThemeEnum } from '@/enums/appEnum'
+import { propTypes } from '@/utils/propTypes'
+
+export const basicProps = {
+  items: {
+    type: Array as PropType<Menu[]>,
+    default: () => [],
+  },
+  collapsedShowTitle: propTypes.bool,
+  // 最好是4 倍数
+  inlineIndent: propTypes.number.def(20),
+  // 菜单组件的mode属性
+  mode: {
+    type: String as PropType<MenuMode>,
+    default: MenuModeEnum.INLINE,
+  },
+
+  type: {
+    type: String as PropType<MenuTypeEnum>,
+    default: MenuTypeEnum.MIX,
+  },
+  theme: {
+    type: String as PropType<MenuTheme>,
+    default: ThemeEnum.DARK,
+  },
+  inlineCollapsed: propTypes.bool,
+  mixSider: propTypes.bool,
+
+  isHorizontal: propTypes.bool,
+  accordion: propTypes.bool.def(true),
+  beforeClickFn: {
+    type: Function as PropType<(key: string) => Promise<boolean>>,
+  },
+}
+
+export const itemProps = {
+  item: {
+    type: Object as PropType<Menu>,
+    default: () => ({}),
+  },
+  level: propTypes.number,
+  theme: propTypes.oneOf(['dark', 'light']),
+  showTitle: propTypes.bool,
+  isHorizontal: propTypes.bool,
+}
+
+export const contentProps = {
+  item: {
+    type: Object as PropType<Menu>,
+    default: null,
+  },
+  showTitle: propTypes.bool.def(true),
+  level: propTypes.number.def(0),
+  isHorizontal: propTypes.bool.def(true),
+}
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/types.ts b/yunxi-ui-admin-vben/src/components/Menu/src/types.ts
new file mode 100644
index 0000000..ad8077f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/types.ts
@@ -0,0 +1,25 @@
+// import { ComputedRef } from 'vue';
+// import { ThemeEnum } from '@/enums/appEnum';
+// import { MenuModeEnum } from '@/enums/menuEnum';
+export interface MenuState {
+  // 默认选中的列表
+  defaultSelectedKeys: string[]
+
+  // 模式
+  // mode: MenuModeEnum;
+
+  // // 主题
+  // theme: ComputedRef<ThemeEnum> | ThemeEnum;
+
+  // 缩进
+  inlineIndent?: number
+
+  // 展开数组
+  openKeys: string[]
+
+  // 当前选中的菜单项 key 数组
+  selectedKeys: string[]
+
+  // 收缩状态下展开的数组
+  collapsedOpenKeys: string[]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Menu/src/useOpenKeys.ts b/yunxi-ui-admin-vben/src/components/Menu/src/useOpenKeys.ts
new file mode 100644
index 0000000..ff71e21
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Menu/src/useOpenKeys.ts
@@ -0,0 +1,76 @@
+import type { Ref } from 'vue'
+import { computed, toRaw, unref } from 'vue'
+import { uniq } from 'lodash-es'
+import { useTimeoutFn } from '@vueuse/core'
+import type { MenuState } from './types'
+import { MenuModeEnum } from '@/enums/menuEnum'
+import type { Menu as MenuType } from '@/router/types'
+
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { getAllParentPath } from '@/router/helper/menuHelper'
+
+export function useOpenKeys(menuState: MenuState, menus: Ref<MenuType[]>, mode: Ref<MenuModeEnum>, accordion: Ref<boolean>) {
+  const { getCollapsed, getIsMixSidebar } = useMenuSetting()
+
+  function setOpenKeys(path: string) {
+    if (mode.value === MenuModeEnum.HORIZONTAL)
+      return
+
+    const native = unref(getIsMixSidebar)
+    const handle = () => {
+      const menuList = toRaw(menus.value)
+      if (menuList?.length === 0) {
+        menuState.openKeys = []
+        return
+      }
+      if (!unref(accordion))
+        menuState.openKeys = uniq([...menuState.openKeys, ...getAllParentPath(menuList, path)])
+      else
+        menuState.openKeys = getAllParentPath(menuList, path)
+    }
+    if (native)
+      handle()
+    else
+      useTimeoutFn(handle, 16)
+  }
+
+  const getOpenKeys = computed(() => {
+    const collapse = unref(getIsMixSidebar) ? false : unref(getCollapsed)
+
+    return collapse ? menuState.collapsedOpenKeys : menuState.openKeys
+  })
+
+  /**
+   * @description:  重置值
+   */
+  function resetKeys() {
+    menuState.selectedKeys = []
+    menuState.openKeys = []
+  }
+
+  function handleOpenChange(openKeys: string[]) {
+    if (unref(mode) === MenuModeEnum.HORIZONTAL || !unref(accordion) || unref(getIsMixSidebar)) {
+      menuState.openKeys = openKeys
+    }
+    else {
+      // const menuList = toRaw(menus.value);
+      // getAllParentPath(menuList, path);
+      const rootSubMenuKeys: string[] = []
+      for (const { children, path } of unref(menus)) {
+        if (children && children.length > 0)
+          rootSubMenuKeys.push(path)
+      }
+      if (!unref(getCollapsed)) {
+        const latestOpenKey = openKeys.find(key => !menuState.openKeys.includes(key))
+        if (!rootSubMenuKeys.includes(latestOpenKey as string))
+          menuState.openKeys = openKeys
+        else
+          menuState.openKeys = latestOpenKey ? [latestOpenKey] : []
+      }
+      else {
+        menuState.collapsedOpenKeys = openKeys
+      }
+    }
+  }
+  return { setOpenKeys, resetKeys, getOpenKeys, handleOpenChange }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Modal/index.ts b/yunxi-ui-admin-vben/src/components/Modal/index.ts
new file mode 100644
index 0000000..6f8e127
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/index.ts
@@ -0,0 +1,8 @@
+import basicModal from './src/BasicModal.vue'
+import { withInstall } from '@/utils'
+import './src/index.less'
+
+export const BasicModal = withInstall(basicModal)
+export { useModalContext } from './src/hooks/useModalContext'
+export { useModal, useModalInner } from './src/hooks/useModal'
+export * from './src/typing'
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/BasicModal.vue b/yunxi-ui-admin-vben/src/components/Modal/src/BasicModal.vue
new file mode 100644
index 0000000..11c0008
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/BasicModal.vue
@@ -0,0 +1,209 @@
+<script lang="ts" setup>
+import { computed, getCurrentInstance, nextTick, ref, toRef, unref, useAttrs, watch, watchEffect } from 'vue'
+import { omit } from 'lodash-es'
+import type { ModalMethods, ModalProps } from './typing'
+
+import Modal from './components/Modal'
+import ModalWrapper from './components/ModalWrapper.vue'
+import ModalClose from './components/ModalClose.vue'
+import ModalFooter from './components/ModalFooter.vue'
+import ModalHeader from './components/ModalHeader.vue'
+import { basicProps } from './props'
+import { useFullScreen } from './hooks/useModalFullScreen'
+import { isFunction } from '@/utils/is'
+import { deepMerge } from '@/utils'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'BasicModal', inheritAttrs: false })
+
+const props = defineProps(basicProps)
+const emit = defineEmits(['openChange', 'heightChange', 'cancel', 'ok', 'register', 'update:open'])
+const attrs = useAttrs()
+const openRef = ref(false)
+const propsRef = ref<Partial<ModalProps> | null>(null)
+const modalWrapperRef = ref<any>(null)
+const { prefixCls } = useDesign('basic-modal')
+
+// modal   Bottom and top height
+const extHeightRef = ref(0)
+const modalMethods: ModalMethods = {
+  setModalProps,
+  emitOpen: undefined,
+  redoModalHeight: () => {
+    nextTick(() => {
+      if (unref(modalWrapperRef)) {
+        ;(unref(modalWrapperRef) as any).setModalHeight()
+      }
+    })
+  },
+}
+
+const instance = getCurrentInstance()
+if (instance)
+  emit('register', modalMethods, instance.uid)
+
+// Custom title component: get title
+const getMergeProps = computed((): Recordable => {
+  return {
+    ...props,
+    ...(unref(propsRef) as any),
+  }
+})
+
+const { handleFullScreen, getWrapClassName, fullScreenRef } = useFullScreen({
+  modalWrapperRef,
+  extHeightRef,
+  wrapClassName: toRef(getMergeProps.value, 'wrapClassName'),
+})
+
+// modal component does not need title and origin buttons
+const getProps = computed((): Recordable => {
+  const opt = {
+    ...unref(getMergeProps),
+    open: unref(openRef),
+    okButtonProps: undefined,
+    cancelButtonProps: undefined,
+    title: undefined,
+  }
+  return {
+    ...opt,
+    wrapClassName: unref(getWrapClassName),
+  }
+})
+
+const getBindValue = computed((): Recordable => {
+  const attr: any = {
+    ...attrs,
+    ...unref(getMergeProps),
+    open: unref(openRef),
+  }
+  attr.wrapClassName = `${attr?.wrapClassName || ''} ${unref(getWrapClassName)}`
+  if (unref(fullScreenRef))
+    return omit(attr, ['height', 'title'])
+
+  return omit(attr, 'title')
+})
+
+const getWrapperHeight = computed(() => {
+  if (unref(fullScreenRef))
+    return undefined
+  return unref(getProps).height
+})
+
+watchEffect(() => {
+  openRef.value = !!props.open
+  fullScreenRef.value = !!props.defaultFullscreen
+})
+
+watch(
+  () => unref(openRef),
+  (v) => {
+    emit('openChange', v)
+    emit('update:open', v)
+    instance && modalMethods.emitOpen?.(v, instance.uid)
+    nextTick(() => {
+      if (props.scrollTop && v && unref(modalWrapperRef)) {
+        ;(unref(modalWrapperRef) as any).scrollTop()
+      }
+    })
+  },
+  {
+    immediate: false,
+  },
+)
+
+// 取消事件
+async function handleCancel(e: Event) {
+  e?.stopPropagation()
+  // 过滤自定义关闭按钮的空白区域
+  if ((e.target as HTMLElement)?.classList?.contains(`${prefixCls}-close--custom`))
+    return
+  if (props.closeFunc && isFunction(props.closeFunc)) {
+    const isClose: boolean = await props.closeFunc()
+    openRef.value = !isClose
+    return
+  }
+
+  openRef.value = false
+  emit('cancel', e)
+}
+
+/**
+ * @description: 设置modal参数
+ */
+function setModalProps(props: Partial<ModalProps>): void {
+  // Keep the last setModalProps
+  propsRef.value = deepMerge(unref(propsRef) || ({} as any), props)
+  if (Reflect.has(props, 'open'))
+    openRef.value = !!props.open
+
+  if (Reflect.has(props, 'defaultFullscreen'))
+    fullScreenRef.value = !!props.defaultFullscreen
+}
+
+function handleOk(e: Event) {
+  emit('ok', e)
+}
+
+function handleHeightChange(height: string) {
+  emit('heightChange', height)
+}
+
+function handleExtHeight(height: number) {
+  extHeightRef.value = height
+}
+
+function handleTitleDbClick(e) {
+  if (!props.canFullscreen)
+    return
+  e.stopPropagation()
+  handleFullScreen(e)
+}
+</script>
+
+<template>
+  <Modal v-bind="getBindValue" @cancel="handleCancel">
+    <template v-if="!$slots.closeIcon" #closeIcon>
+      <ModalClose
+        :can-fullscreen="getProps.canFullscreen"
+        :full-screen="fullScreenRef"
+        @cancel="handleCancel"
+        @fullscreen="handleFullScreen"
+      />
+    </template>
+
+    <template v-if="!$slots.title" #title>
+      <ModalHeader :help-message="getProps.helpMessage" :title="getMergeProps.title" @dblclick="handleTitleDbClick" />
+    </template>
+
+    <template v-if="!$slots.footer" #footer>
+      <ModalFooter v-bind="getBindValue" @ok="handleOk" @cancel="handleCancel">
+        <template v-for="item in Object.keys($slots)" #[item]="data">
+          <slot :name="item" v-bind="data || {}" />
+        </template>
+      </ModalFooter>
+    </template>
+
+    <ModalWrapper
+      ref="modalWrapperRef"
+      :use-wrapper="getProps.useWrapper"
+      :footer-offset="wrapperFooterOffset"
+      :full-screen="fullScreenRef"
+      :loading="getProps.loading"
+      :loading-tip="getProps.loadingTip"
+      :min-height="getProps.minHeight"
+      :height="getWrapperHeight"
+      :open="openRef"
+      :modal-footer-height="footer !== undefined && !footer ? 0 : undefined"
+      v-bind="omit(getProps.wrapperProps, 'open', 'height', 'modalFooterHeight')"
+      @ext-height="handleExtHeight"
+      @height-change="handleHeightChange"
+    >
+      <slot />
+    </ModalWrapper>
+
+    <template v-for="item in Object.keys(omit($slots, 'default'))" #[item]="data">
+      <slot :name="item" v-bind="data || {}" />
+    </template>
+  </Modal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/components/Modal.tsx b/yunxi-ui-admin-vben/src/components/Modal/src/components/Modal.tsx
new file mode 100644
index 0000000..aeb4844
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/components/Modal.tsx
@@ -0,0 +1,31 @@
+import { Modal } from 'ant-design-vue'
+import { defineComponent, toRefs, unref } from 'vue'
+import { basicProps } from '../props'
+import { useModalDragMove } from '../hooks/useModalDrag'
+import { useAttrs } from '@/hooks/core/useAttrs'
+import { extendSlots } from '@/utils/helper/tsxHelper'
+
+export default defineComponent({
+  name: 'Modal',
+  inheritAttrs: false,
+  props: basicProps,
+  emits: ['cancel'],
+  setup(props, { slots, emit }) {
+    const { open, draggable, destroyOnClose } = toRefs(props)
+    const attrs = useAttrs()
+    useModalDragMove({
+      open,
+      destroyOnClose,
+      draggable,
+    })
+
+    const onCancel = (e: Event) => {
+      emit('cancel', e)
+    }
+
+    return () => {
+      const propsData = { ...unref(attrs), ...props, onCancel } as Recordable
+      return <Modal {...propsData}>{extendSlots(slots)}</Modal>
+    }
+  },
+})
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalClose.vue b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalClose.vue
new file mode 100644
index 0000000..fa3d5f5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalClose.vue
@@ -0,0 +1,89 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { CloseOutlined, FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
+import { Tooltip } from 'ant-design-vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'ModalClose' })
+
+const props = defineProps({
+  canFullscreen: { type: Boolean, default: true },
+  fullScreen: { type: Boolean },
+})
+
+const emit = defineEmits(['cancel', 'fullscreen'])
+
+const { t } = useI18n()
+
+const { prefixCls } = useDesign('basic-modal-close')
+
+const getClass = computed(() => {
+  return [
+    prefixCls,
+    `${prefixCls}--custom`,
+    {
+      [`${prefixCls}--can-full`]: props.canFullscreen,
+    },
+  ]
+})
+
+function handleCancel(e: Event) {
+  emit('cancel', e)
+}
+
+function handleFullScreen(e: Event) {
+  e?.stopPropagation()
+  e?.preventDefault()
+  emit('fullscreen')
+}
+</script>
+
+<template>
+  <div :class="getClass">
+    <template v-if="canFullscreen">
+      <Tooltip v-if="fullScreen" :title="t('component.modal.restore')" placement="bottom">
+        <FullscreenExitOutlined role="full" @click="handleFullScreen" />
+      </Tooltip>
+      <Tooltip v-else :title="t('component.modal.maximize')" placement="bottom">
+        <FullscreenOutlined role="close" @click="handleFullScreen" />
+      </Tooltip>
+    </template>
+    <Tooltip :title="t('component.modal.close')" placement="bottom">
+      <CloseOutlined @click="handleCancel" />
+    </Tooltip>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-modal-close';
+.@{prefix-cls} {
+  display: flex;
+  align-items: center;
+  height: 95%;
+
+  > span {
+    margin-left: 48px;
+    font-size: 16px;
+  }
+
+  &--can-full {
+    > span {
+      margin-left: 12px;
+    }
+  }
+
+  &:not(&--can-full) {
+    > span:nth-child(1) {
+      &:hover {
+        font-weight: 700;
+      }
+    }
+  }
+
+  & span:nth-child(1) {
+    display: inline-block;
+    // padding: 10px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalFooter.vue b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalFooter.vue
new file mode 100644
index 0000000..8eef539
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalFooter.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { basicProps } from '../props'
+
+defineOptions({ name: 'BasicModalFooter' })
+
+defineProps(basicProps)
+
+const emit = defineEmits(['ok', 'cancel'])
+
+function handleOk(e: Event) {
+  emit('ok', e)
+}
+
+function handleCancel(e: Event) {
+  emit('cancel', e)
+}
+</script>
+
+<template>
+  <div>
+    <slot name="insertFooter" />
+    <a-button v-if="showCancelBtn" v-bind="cancelButtonProps" @click="handleCancel">
+      {{ cancelText }}
+    </a-button>
+    <slot name="centerFooter" />
+    <a-button v-if="showOkBtn" :type="okType" :loading="confirmLoading" v-bind="okButtonProps" @click="handleOk">
+      {{ okText }}
+    </a-button>
+    <slot name="appendFooter" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalHeader.vue b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalHeader.vue
new file mode 100644
index 0000000..3860ed3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalHeader.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { BasicTitle } from '@/components/Basic'
+
+defineOptions({ name: 'BasicModalHeader' })
+
+defineProps({
+  helpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+  },
+  title: { type: String },
+})
+</script>
+
+<template>
+  <BasicTitle :help-message="helpMessage">
+    {{ title }}
+  </BasicTitle>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalWrapper.vue b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalWrapper.vue
new file mode 100644
index 0000000..0a1a777
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/components/ModalWrapper.vue
@@ -0,0 +1,149 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, nextTick, onMounted, onUnmounted, ref, unref, watch, watchEffect } from 'vue'
+import { useMutationObserver } from '@vueuse/core'
+import { createModalContext } from '../hooks/useModalContext'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+import { ScrollContainer } from '@/components/Container'
+
+defineOptions({ name: 'ModalWrapper', inheritAttrs: false })
+
+const props = defineProps({
+  loading: { type: Boolean },
+  useWrapper: { type: Boolean, default: true },
+  modalHeaderHeight: { type: Number, default: 57 },
+  modalFooterHeight: { type: Number, default: 74 },
+  minHeight: { type: Number, default: 200 },
+  height: { type: Number },
+  footerOffset: { type: Number, default: 0 },
+  open: { type: Boolean },
+  fullScreen: { type: Boolean },
+  loadingTip: { type: String },
+})
+const emit = defineEmits(['heightChange', 'extHeight'])
+const wrapperRef = ref<ComponentRef>(null)
+const spinRef = ref<ElRef>(null)
+const realHeightRef = ref(0)
+const minRealHeightRef = ref(0)
+
+let realHeight = 0
+
+const stopElResizeFn: Fn = () => {}
+
+useWindowSizeFn(setModalHeight.bind(false))
+
+useMutationObserver(
+  spinRef,
+  () => {
+    setModalHeight()
+  },
+  {
+    attributes: true,
+    subtree: true,
+  },
+)
+
+createModalContext({
+  redoModalHeight: setModalHeight,
+})
+
+const spinStyle = computed((): CSSProperties => {
+  return {
+    minHeight: `${props.minHeight}px`,
+    [props.fullScreen ? 'height' : 'maxHeight']: `${unref(realHeightRef)}px`,
+  }
+})
+
+watchEffect(() => {
+  props.useWrapper && setModalHeight()
+})
+
+watch(
+  () => props.fullScreen,
+  (v) => {
+    setModalHeight()
+    if (!v)
+      realHeightRef.value = minRealHeightRef.value
+    else
+      minRealHeightRef.value = realHeightRef.value
+  },
+)
+
+onMounted(() => {
+  const { modalHeaderHeight, modalFooterHeight } = props
+  emit('extHeight', modalHeaderHeight + modalFooterHeight)
+})
+
+onUnmounted(() => {
+  stopElResizeFn && stopElResizeFn()
+})
+
+async function scrollTop() {
+  nextTick(() => {
+    const wrapperRefDom = unref(wrapperRef)
+    if (!wrapperRefDom)
+      return
+    ;(wrapperRefDom as any)?.scrollTo?.(0)
+  })
+}
+
+async function setModalHeight() {
+  // 解决在弹窗关闭的时候监听还存在,导致再次打开弹窗没有高度
+  // 加上这个,就必须在使用的时候传递父级的open
+  if (!props.open)
+    return
+  const wrapperRefDom = unref(wrapperRef)
+  if (!wrapperRefDom)
+    return
+
+  const bodyDom = wrapperRefDom.$el.parentElement
+  if (!bodyDom)
+    return
+  bodyDom.style.padding = '0'
+  await nextTick()
+
+  try {
+    const modalDom = bodyDom.parentElement && bodyDom.parentElement.parentElement
+    if (!modalDom)
+      return
+
+    const modalRect = getComputedStyle(modalDom as Element).top
+    const modalTop = Number.parseInt(modalRect)
+    let maxHeight = window.innerHeight - modalTop * 2 + (props.footerOffset! || 0) - props.modalFooterHeight - props.modalHeaderHeight
+
+    // 距离顶部过进会出现滚动条
+    if (modalTop < 40)
+      maxHeight -= 26
+
+    await nextTick()
+    const spinEl = unref(spinRef)
+
+    if (!spinEl)
+      return
+    await nextTick()
+    // if (!realHeight) {
+    realHeight = spinEl.scrollHeight
+    // }
+
+    if (props.fullScreen)
+      realHeightRef.value = window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight - 28
+    else
+      realHeightRef.value = props.height ? props.height : realHeight > maxHeight ? maxHeight : realHeight
+
+    emit('heightChange', unref(realHeightRef))
+  }
+  catch (error) {
+    console.log(error)
+  }
+}
+
+defineExpose({ scrollTop })
+</script>
+
+<template>
+  <ScrollContainer ref="wrapperRef">
+    <div ref="spinRef" v-loading="loading" :style="spinStyle" :loading-tip="loadingTip">
+      <slot />
+    </div>
+  </ScrollContainer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModal.ts b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModal.ts
new file mode 100644
index 0000000..a510ccb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModal.ts
@@ -0,0 +1,150 @@
+import { computed, getCurrentInstance, nextTick, onUnmounted, reactive, ref, toRaw, unref, watchEffect } from 'vue'
+import { isEqual } from 'lodash-es'
+import { tryOnUnmounted } from '@vueuse/core'
+import type { ModalMethods, ModalProps, ReturnMethods, UseModalInnerReturnType, UseModalReturnType } from '../typing'
+import { isProdMode } from '@/utils/env'
+import { isFunction } from '@/utils/is'
+import { error } from '@/utils/log'
+
+const dataTransfer = reactive<any>({})
+
+const openData = reactive<{ [key: number]: boolean }>({})
+
+/**
+ * @description: Applicable to independent modal and call outside
+ */
+export function useModal(): UseModalReturnType {
+  const modal = ref<Nullable<ModalMethods>>(null)
+  const loaded = ref<Nullable<boolean>>(false)
+  const uid = ref<string>('')
+
+  function register(modalMethod: ModalMethods, uuid: string) {
+    if (!getCurrentInstance())
+      throw new Error('useModal() can only be used inside setup() or functional components!')
+
+    uid.value = uuid
+    isProdMode()
+      && onUnmounted(() => {
+        modal.value = null
+        loaded.value = false
+        dataTransfer[unref(uid)] = null
+      })
+    if (unref(loaded) && isProdMode() && modalMethod === unref(modal))
+      return
+
+    modal.value = modalMethod
+    loaded.value = true
+    modalMethod.emitOpen = (open: boolean, uid: number) => {
+      openData[uid] = open
+    }
+  }
+
+  const getInstance = () => {
+    const instance = unref(modal)
+    if (!instance)
+      error('useModal instance is undefined!')
+
+    return instance
+  }
+
+  const methods: ReturnMethods = {
+    setModalProps: (props: Partial<ModalProps>): void => {
+      getInstance()?.setModalProps(props)
+    },
+
+    getOpen: computed((): boolean => {
+      return openData[~~unref(uid)]
+    }),
+
+    redoModalHeight: () => {
+      getInstance()?.redoModalHeight?.()
+    },
+
+    openModal: <T = any>(open = true, data?: T, openOnSet = true): void => {
+      getInstance()?.setModalProps({
+        open,
+      })
+
+      if (!data)
+        return
+      const id = unref(uid)
+      if (openOnSet) {
+        dataTransfer[id] = null
+        dataTransfer[id] = toRaw(data)
+        return
+      }
+      const equal = isEqual(toRaw(dataTransfer[id]), toRaw(data))
+      if (!equal)
+        dataTransfer[id] = toRaw(data)
+    },
+
+    closeModal: () => {
+      getInstance()?.setModalProps({ open: false })
+    },
+  }
+  return [register, methods]
+}
+
+export function useModalInner(callbackFn?: Fn): UseModalInnerReturnType {
+  const modalInstanceRef = ref<Nullable<ModalMethods>>(null)
+  const currentInstance = getCurrentInstance()
+  const uidRef = ref<string>('')
+
+  const getInstance = () => {
+    const instance = unref(modalInstanceRef)
+    if (!instance)
+      error('useModalInner instance is undefined!')
+
+    return instance
+  }
+
+  const register = (modalInstance: ModalMethods, uuid: string) => {
+    isProdMode()
+      && tryOnUnmounted(() => {
+        modalInstanceRef.value = null
+      })
+    uidRef.value = uuid
+    modalInstanceRef.value = modalInstance
+    currentInstance?.emit('register', modalInstance, uuid)
+  }
+
+  watchEffect(() => {
+    const data = dataTransfer[unref(uidRef)]
+    if (!data)
+      return
+    if (!callbackFn || !isFunction(callbackFn))
+      return
+    nextTick(() => {
+      callbackFn(data)
+    })
+  })
+
+  return [
+    register,
+    {
+      changeLoading: (loading = true) => {
+        getInstance()?.setModalProps({ loading })
+      },
+      getOpen: computed((): boolean => {
+        return openData[~~unref(uidRef)]
+      }),
+
+      changeOkLoading: (loading = true) => {
+        getInstance()?.setModalProps({ confirmLoading: loading })
+      },
+
+      closeModal: () => {
+        getInstance()?.setModalProps({ open: false })
+      },
+
+      setModalProps: (props: Partial<ModalProps>) => {
+        getInstance()?.setModalProps(props)
+      },
+
+      redoModalHeight: () => {
+        const callRedo = getInstance()?.redoModalHeight
+        callRedo && callRedo()
+      },
+    },
+  ]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalContext.ts b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalContext.ts
new file mode 100644
index 0000000..262589b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalContext.ts
@@ -0,0 +1,16 @@
+import type { InjectionKey } from 'vue'
+import { createContext, useContext } from '@/hooks/core/useContext'
+
+export interface ModalContextProps {
+  redoModalHeight: () => void
+}
+
+const key: InjectionKey<ModalContextProps> = Symbol('modal-context')
+
+export function createModalContext(context: ModalContextProps) {
+  return createContext<ModalContextProps>(context, key)
+}
+
+export function useModalContext() {
+  return useContext<ModalContextProps>(key)
+}
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalDrag.ts b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalDrag.ts
new file mode 100644
index 0000000..8b573c7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalDrag.ts
@@ -0,0 +1,110 @@
+import type { Ref } from 'vue'
+import { unref, watchEffect } from 'vue'
+import { useTimeoutFn } from '@vueuse/core'
+
+export interface UseModalDragMoveContext {
+  draggable: Ref<boolean>
+  destroyOnClose: Ref<boolean | undefined> | undefined
+  open: Ref<boolean>
+}
+
+export function useModalDragMove(context: UseModalDragMoveContext) {
+  const getStyle = (dom: any, attr: any) => {
+    return getComputedStyle(dom)[attr]
+  }
+  const drag = (wrap: any) => {
+    if (!wrap)
+      return
+    wrap.setAttribute('data-drag', unref(context.draggable))
+    const dialogHeaderEl = wrap.querySelector('.ant-modal-header')
+    const dragDom = wrap.querySelector('.ant-modal')
+
+    if (!dialogHeaderEl || !dragDom || !unref(context.draggable))
+      return
+
+    dialogHeaderEl.style.cursor = 'move'
+
+    dialogHeaderEl.onmousedown = (e: any) => {
+      if (!e)
+        return
+      // 鼠标按下，计算当前元素距离可视区的距离
+      const disX = e.clientX
+      const disY = e.clientY
+      const screenWidth = document.body.clientWidth // body当前宽度
+      const screenHeight = document.documentElement.clientHeight // 可见区域高度(应为body高度，可某些环境下无法获取)
+
+      const dragDomWidth = dragDom.offsetWidth // 对话框宽度
+      const dragDomheight = dragDom.offsetHeight // 对话框高度
+
+      const minDragDomLeft = dragDom.offsetLeft
+
+      const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth
+      const minDragDomTop = dragDom.offsetTop
+      const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomheight
+      // 获取到的值带px 正则匹配替换
+      const domLeft = getStyle(dragDom, 'left')
+      const domTop = getStyle(dragDom, 'top')
+      let styL = +domLeft
+      let styT = +domTop
+
+      // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+      if (domLeft.includes('%')) {
+        styL = +document.body.clientWidth * (+domLeft.replace(/%/g, '') / 100)
+        styT = +document.body.clientHeight * (+domTop.replace(/%/g, '') / 100)
+      }
+      else {
+        styL = +domLeft.replace(/px/g, '')
+        styT = +domTop.replace(/px/g, '')
+      }
+
+      document.onmousemove = function (e) {
+        // 通过事件委托，计算移动的距离
+        let left = e.clientX - disX
+        let top = e.clientY - disY
+
+        // 边界处理
+        if (-left > minDragDomLeft)
+          left = -minDragDomLeft
+        else if (left > maxDragDomLeft)
+          left = maxDragDomLeft
+
+        if (-top > minDragDomTop)
+          top = -minDragDomTop
+        else if (top > maxDragDomTop)
+          top = maxDragDomTop
+
+        // 移动当前元素
+        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
+      }
+
+      document.onmouseup = () => {
+        document.onmousemove = null
+        document.onmouseup = null
+      }
+    }
+  }
+
+  const handleDrag = () => {
+    const dragWraps = document.querySelectorAll('.ant-modal-wrap')
+    for (const wrap of Array.from(dragWraps)) {
+      if (!wrap)
+        continue
+      const display = getStyle(wrap, 'display')
+      const draggable = wrap.getAttribute('data-drag')
+      if (display !== 'none') {
+        // 拖拽位置
+        if (draggable === null || unref(context.destroyOnClose))
+          drag(wrap)
+      }
+    }
+  }
+
+  watchEffect(() => {
+    if (!unref(context.open) || !unref(context.draggable))
+      return
+
+    useTimeoutFn(() => {
+      handleDrag()
+    }, 30)
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalFullScreen.ts b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalFullScreen.ts
new file mode 100644
index 0000000..df0ec67
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/hooks/useModalFullScreen.ts
@@ -0,0 +1,44 @@
+import type { Ref } from 'vue'
+import { computed, ref, unref } from 'vue'
+
+export interface UseFullScreenContext {
+  wrapClassName: Ref<string | undefined>
+  modalWrapperRef: Ref<ComponentRef>
+  extHeightRef: Ref<number>
+}
+
+export function useFullScreen(context: UseFullScreenContext) {
+  // const formerHeightRef = ref(0);
+  const fullScreenRef = ref(false)
+
+  const getWrapClassName = computed(() => {
+    const clsName = unref(context.wrapClassName) || ''
+    return unref(fullScreenRef) ? `fullscreen-modal ${clsName} ` : unref(clsName)
+  })
+
+  function handleFullScreen(e: Event) {
+    e && e.stopPropagation()
+    fullScreenRef.value = !unref(fullScreenRef)
+
+    // const modalWrapper = unref(context.modalWrapperRef);
+
+    // if (!modalWrapper) return;
+
+    // const wrapperEl = modalWrapper.$el as HTMLElement;
+    // if (!wrapperEl) return;
+    // const modalWrapSpinEl = wrapperEl.querySelector('.ant-spin-nested-loading') as HTMLElement;
+
+    // if (!modalWrapSpinEl) return;
+
+    // if (!unref(formerHeightRef) && unref(fullScreenRef)) {
+    //   formerHeightRef.value = modalWrapSpinEl.offsetHeight;
+    // }
+
+    // if (unref(fullScreenRef)) {
+    //   modalWrapSpinEl.style.height = `${window.innerHeight - unref(context.extHeightRef)}px`;
+    // } else {
+    //   modalWrapSpinEl.style.height = `${unref(formerHeightRef)}px`;
+    // }
+  }
+  return { getWrapClassName, handleFullScreen, fullScreenRef }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/index.less b/yunxi-ui-admin-vben/src/components/Modal/src/index.less
new file mode 100644
index 0000000..0bf614d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/index.less
@@ -0,0 +1,137 @@
+.fullscreen-modal {
+  overflow: hidden;
+
+  .ant-modal {
+    inset: 0 !important;
+    width: 100% !important;
+    height: 100%;
+
+    &-content {
+      height: 100%;
+    }
+  }
+}
+
+.ant-modal {
+  width: 520px;
+  padding-bottom: 0 !important;
+
+  .ant-modal-body > .scrollbar {
+    padding: 12px;
+  }
+
+  .ant-modal-footer {
+    margin-top: 0 !important;
+  }
+
+  &-title {
+    font-size: 16px;
+    font-weight: bold;
+
+    .base-title {
+      cursor: move !important;
+    }
+  }
+
+  .ant-modal-body {
+    padding: 0;
+
+    > .scrollbar > .scrollbar__bar.is-horizontal {
+      display: none;
+    }
+  }
+
+  &-large {
+    top: 60px;
+
+    &--mini {
+      top: 16px;
+    }
+  }
+
+  &-header {
+    padding: 8px;
+    margin-bottom: 0 !important;
+  }
+
+  &-content {
+    padding: 8px !important;
+    box-shadow:
+      0 4px 8px 0 rgb(0 0 0 / 20%),
+      0 6px 20px 0 rgb(0 0 0 / 19%);
+  }
+
+  &-footer {
+    button + button {
+      margin-left: 10px;
+    }
+  }
+
+  &-close {
+    width: auto !important;
+    font-weight: normal;
+    background: transparent !important;
+    outline: none;
+  }
+
+  // &-close-x {
+  //   display: inline-block;
+  //   width: 96px;
+  //   height: 56px;
+  //   line-height: 56px;
+  // }
+
+  // &-confirm-body {
+  //   .ant-modal-confirm-content {
+  //     // color: #fff;
+
+  //     > * {
+  //       color: @text-color-help-dark;
+  //     }
+  //   }
+  // }
+
+  // &-confirm-confirm.error .ant-modal-confirm-body > .anticon {
+  //   color: @error-color;
+  // }
+
+  &-confirm-btns {
+    .ant-btn:last-child {
+      margin-right: 0;
+    }
+  }
+
+  // &-confirm-info {
+  //   .ant-modal-confirm-body > .anticon {
+  //     color: @warning-color;
+  //   }
+  // }
+
+  // &-confirm-confirm.success {
+  //   .ant-modal-confirm-body > .anticon {
+  //     color: @success-color;
+  //   }
+  // }
+}
+
+.ant-modal-confirm .ant-modal-body {
+  padding: 8px !important;
+}
+
+@media screen and (max-height: 600px) {
+  .ant-modal {
+    top: 60px;
+  }
+}
+
+@media screen and (max-height: 540px) {
+  .ant-modal {
+    top: 30px;
+  }
+}
+
+@media screen and (max-height: 480px) {
+  .ant-modal {
+    top: 10px;
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/props.ts b/yunxi-ui-admin-vben/src/components/Modal/src/props.ts
new file mode 100644
index 0000000..d0ae83e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/props.ts
@@ -0,0 +1,83 @@
+import type { CSSProperties } from 'vue'
+import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'
+import type { ModalWrapperProps } from './typing'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+export const modalProps = {
+  open: { type: Boolean },
+  scrollTop: { type: Boolean, default: true },
+  height: { type: Number },
+  minHeight: { type: Number, default: 600 },
+  // open drag
+  draggable: { type: Boolean, default: true },
+  centered: { type: Boolean },
+  cancelText: { type: String, default: t('common.cancelText') },
+  okText: { type: String, default: t('common.okText') },
+
+  closeFunc: Function as PropType<() => Promise<boolean>>,
+}
+
+export const basicProps = Object.assign({}, modalProps, {
+  defaultFullscreen: { type: Boolean },
+  // Can it be full screen
+  canFullscreen: { type: Boolean, default: true },
+  // After enabling the wrapper, the bottom can be increased in height
+  wrapperFooterOffset: { type: Number, default: 0 },
+  // Warm reminder message
+  helpMessage: [String, Array] as PropType<string | string[]>,
+  // Whether to setting wrapper
+  useWrapper: { type: Boolean, default: true },
+  loading: { type: Boolean },
+  loadingTip: { type: String },
+  /**
+   * @description: Show close button
+   */
+  showCancelBtn: { type: Boolean, default: true },
+  /**
+   * @description: Show confirmation button
+   */
+  showOkBtn: { type: Boolean, default: true },
+
+  wrapperProps: Object as PropType<Partial<ModalWrapperProps>>,
+
+  afterClose: Function as PropType<() => Promise<VueNode>>,
+
+  bodyStyle: Object as PropType<CSSProperties>,
+
+  closable: { type: Boolean, default: true },
+
+  closeIcon: Object as PropType<VueNode>,
+
+  confirmLoading: { type: Boolean },
+
+  destroyOnClose: { type: Boolean, default: true },
+
+  footer: Object as PropType<VueNode>,
+
+  getContainer: Function as PropType<() => any>,
+
+  mask: { type: Boolean, default: true },
+
+  maskClosable: { type: Boolean, default: true },
+  keyboard: { type: Boolean, default: true },
+
+  maskStyle: Object as PropType<CSSProperties>,
+
+  okType: { type: String, default: 'primary' },
+
+  okButtonProps: Object as PropType<ButtonProps>,
+
+  cancelButtonProps: Object as PropType<ButtonProps>,
+
+  title: { type: String },
+
+  open: { type: Boolean },
+
+  width: { type: [String, Number] as PropType<string | number>, default: '40%' },
+
+  wrapClassName: { type: String },
+
+  zIndex: { type: Number },
+})
diff --git a/yunxi-ui-admin-vben/src/components/Modal/src/typing.ts b/yunxi-ui-admin-vben/src/components/Modal/src/typing.ts
new file mode 100644
index 0000000..175222f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Modal/src/typing.ts
@@ -0,0 +1,210 @@
+import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes'
+import type { CSSProperties, ComputedRef, VNodeChild } from 'vue'
+
+/**
+ * @description: 弹窗对外暴露的方法
+ */
+export interface ModalMethods {
+  setModalProps: (props: Partial<ModalProps>) => void
+  emitOpen?: (open: boolean, uid: number) => void
+  redoModalHeight?: () => void
+}
+
+export type RegisterFn = (modalMethods: ModalMethods, uuid?: string) => void
+
+export interface ReturnMethods extends ModalMethods {
+  openModal: <T = any>(props?: boolean, data?: T, openOnSet?: boolean) => void
+  closeModal: () => void
+  getOpen?: ComputedRef<boolean>
+}
+
+export type UseModalReturnType = [RegisterFn, ReturnMethods]
+
+export interface ReturnInnerMethods extends ModalMethods {
+  closeModal: () => void
+  changeLoading: (loading: boolean) => void
+  changeOkLoading: (loading: boolean) => void
+  getOpen?: ComputedRef<boolean>
+  redoModalHeight: () => void
+}
+
+export type UseModalInnerReturnType = [RegisterFn, ReturnInnerMethods]
+
+export interface ModalProps {
+  minHeight?: number
+  height?: number
+  // 启用wrapper后 底部可以适当增加高度
+  wrapperFooterOffset?: number
+  draggable?: boolean
+  scrollTop?: boolean
+
+  // 是否可以进行全屏
+  canFullscreen?: boolean
+  defaultFullscreen?: boolean
+  open?: boolean
+  // 温馨提醒信息
+  helpMessage: string | string[]
+
+  // 是否使用modalWrapper
+  useWrapper: boolean
+
+  loading: boolean
+  loadingTip?: string
+
+  wrapperProps: Omit<ModalWrapperProps, 'loading'>
+
+  showOkBtn: boolean
+  showCancelBtn: boolean
+  closeFunc: () => Promise<any>
+
+  /**
+   * Specify a function that will be called when modal is closed completely.
+   * @type Function
+   */
+  afterClose?: () => any
+
+  /**
+   * Body style for modal body element. Such as height, padding etc.
+   * @default {}
+   * @type object
+   */
+  bodyStyle?: CSSProperties
+
+  /**
+   * Text of the Cancel button
+   * @default 'cancel'
+   * @type string
+   */
+  cancelText?: string
+
+  /**
+   * Centered Modal
+   * @default false
+   * @type boolean
+   */
+  centered?: boolean
+
+  /**
+   * Whether a close (x) button is visible on top right of the modal dialog or not
+   * @default true
+   * @type boolean
+   */
+  closable?: boolean
+  /**
+   * Whether a close (x) button is visible on top right of the modal dialog or not
+   */
+  closeIcon?: VNodeChild | JSX.Element
+
+  /**
+   * Whether to apply loading visual effect for OK button or not
+   * @default false
+   * @type boolean
+   */
+  confirmLoading?: boolean
+
+  /**
+   * Whether to unmount child components on onClose
+   * @default false
+   * @type boolean
+   */
+  destroyOnClose?: boolean
+
+  /**
+   * Footer content, set as :footer="null" when you don't need default buttons
+   * @default OK and Cancel buttons
+   * @type any (string | slot)
+   */
+  footer?: VNodeChild | JSX.Element
+
+  /**
+   * Return the mount node for Modal
+   * @default () => document.body
+   * @type Function
+   */
+  getContainer?: (instance: any) => HTMLElement
+
+  /**
+   * Whether show mask or not.
+   * @default true
+   * @type boolean
+   */
+  mask?: boolean
+
+  /**
+   * Whether to close the modal dialog when the mask (area outside the modal) is clicked
+   * @default true
+   * @type boolean
+   */
+  maskClosable?: boolean
+
+  /**
+   * Style for modal's mask element.
+   * @default {}
+   * @type object
+   */
+  maskStyle?: CSSProperties
+
+  /**
+   * Text of the OK button
+   * @default 'OK'
+   * @type string
+   */
+  okText?: string
+
+  /**
+   * Button type of the OK button
+   * @default 'primary'
+   * @type string
+   */
+  okType?: 'primary' | 'danger' | 'dashed' | 'ghost' | 'default'
+
+  /**
+   * The ok button props, follow jsx rules
+   * @type object
+   */
+  okButtonProps?: ButtonProps
+
+  /**
+   * The cancel button props, follow jsx rules
+   * @type object
+   */
+  cancelButtonProps?: ButtonProps
+
+  /**
+   * The modal dialog's title
+   * @type any (string | slot)
+   */
+  title?: VNodeChild | JSX.Element
+
+  /**
+   * Width of the modal dialog
+   * @default 520
+   * @type string | number
+   */
+  width?: string | number
+
+  /**
+   * The class name of the container of the modal dialog
+   * @type string
+   */
+  wrapClassName?: string
+
+  /**
+   * The z-index of the Modal
+   * @default 1000
+   * @type number
+   */
+  zIndex?: number
+}
+
+export interface ModalWrapperProps {
+  footerOffset?: number
+  loading: boolean
+  modalHeaderHeight: number
+  modalFooterHeight: number
+  minHeight: number
+  height: number
+  open: boolean
+  fullScreen: boolean
+  useWrapper: boolean
+}
diff --git a/yunxi-ui-admin-vben/src/components/Page/index.ts b/yunxi-ui-admin-vben/src/components/Page/index.ts
new file mode 100644
index 0000000..10eb62c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Page/index.ts
@@ -0,0 +1,6 @@
+import pageFooter from './src/PageFooter.vue'
+import pageWrapper from './src/PageWrapper.vue'
+import { withInstall } from '@/utils'
+
+export const PageFooter = withInstall(pageFooter)
+export const PageWrapper = withInstall(pageWrapper)
diff --git a/yunxi-ui-admin-vben/src/components/Page/src/PageFooter.vue b/yunxi-ui-admin-vben/src/components/Page/src/PageFooter.vue
new file mode 100644
index 0000000..8932ed2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Page/src/PageFooter.vue
@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'PageFooter', inheritAttrs: false })
+
+const { prefixCls } = useDesign('page-footer')
+const { getCalcContentWidth } = useMenuSetting()
+</script>
+
+<template>
+  <div class="fixed bottom-0 right-0 z-99 w-full flex items-center border-t-1 px-6 text-base/44" :style="{ width: getCalcContentWidth }">
+    <div class="flex-1-1">
+      <slot name="left" />
+    </div>
+    <slot />
+    <div :class="`${prefixCls}__right`">
+      <slot name="right" />
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-page-footer';
+
+.@{prefix-cls} {
+  box-shadow:
+    0 -6px 16px -8px rgb(0 0 0 / 8%),
+    0 -9px 28px 0 rgb(0 0 0 / 5%),
+    0 -12px 48px 16px rgb(0 0 0 / 3%);
+  transition: width 0.2s;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Page/src/PageWrapper.vue b/yunxi-ui-admin-vben/src/components/Page/src/PageWrapper.vue
new file mode 100644
index 0000000..5ca3f2e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Page/src/PageWrapper.vue
@@ -0,0 +1,187 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, provide, ref, unref, useAttrs, useSlots, watch } from 'vue'
+import { omit } from 'lodash-es'
+import { PageHeader } from 'ant-design-vue'
+import PageFooter from './PageFooter.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+import { useContentHeight } from '@/hooks/web/useContentHeight'
+import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight'
+import { PageWrapperFixedHeightKey } from '@/enums/pageEnum'
+
+defineOptions({ name: 'PageWrapper', inheritAttrs: false })
+
+const props = defineProps({
+  title: propTypes.string,
+  dense: propTypes.bool,
+  ghost: propTypes.bool,
+  headerSticky: propTypes.bool,
+  headerStyle: Object as PropType<CSSProperties>,
+  content: propTypes.string,
+  contentStyle: {
+    type: Object as PropType<CSSProperties>,
+  },
+  contentBackground: propTypes.bool.def(true),
+  contentFullHeight: propTypes.bool.def(false),
+  contentClass: propTypes.string,
+  fixedHeight: propTypes.bool,
+  upwardSpace: propTypes.oneOfType([propTypes.number, propTypes.string]).def(0),
+})
+const slots = useSlots()
+const attrs = useAttrs()
+
+const wrapperRef = ref(null)
+const headerRef = ref(null)
+const contentRef = ref(null)
+const footerRef = ref(null)
+const { prefixCls } = useDesign('page-wrapper')
+
+provide(
+  PageWrapperFixedHeightKey,
+  computed(() => props.fixedHeight),
+)
+
+const getIsContentFullHeight = computed(() => {
+  return props.contentFullHeight
+})
+
+const getUpwardSpace = computed(() => props.upwardSpace)
+const { redoHeight, setCompensation, contentHeight } = useContentHeight(
+  getIsContentFullHeight,
+  wrapperRef,
+  [headerRef, footerRef],
+  [contentRef],
+  getUpwardSpace,
+)
+setCompensation({ useLayoutFooter: true, elements: [footerRef] })
+
+const getClass = computed(() => {
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--dense`]: props.dense,
+    },
+    attrs.class ?? {},
+  ]
+})
+
+const getHeaderSlots = computed(() => {
+  return Object.keys(omit(slots, 'default', 'leftFooter', 'rightFooter', 'headerContent'))
+})
+
+const { headerHeightRef } = useLayoutHeight()
+
+const getHeaderStyle = computed((): CSSProperties => {
+  const { headerSticky } = props
+  if (!headerSticky)
+    return {}
+
+  return {
+    position: 'sticky',
+    top: `${unref(headerHeightRef)}px`,
+    ...props.headerStyle,
+  }
+})
+
+const getShowHeader = computed(() => props.content || slots?.headerContent || props.title || getHeaderSlots.value.length)
+
+const getShowFooter = computed(() => slots?.leftFooter || slots?.rightFooter)
+
+const getContentStyle = computed((): CSSProperties => {
+  const { contentFullHeight, contentStyle, fixedHeight } = props
+  if (!contentFullHeight)
+    return { ...contentStyle }
+
+  const height = `${unref(contentHeight)}px`
+  return {
+    ...contentStyle,
+    minHeight: height,
+    ...(fixedHeight ? { height } : {}),
+  }
+})
+
+const getContentClass = computed(() => {
+  const { contentBackground, contentClass } = props
+  return [
+    `${prefixCls}-content`,
+    contentClass,
+    {
+      [`${prefixCls}-content-bg`]: contentBackground,
+    },
+  ]
+})
+
+watch(
+  () => [getShowFooter.value],
+  () => {
+    redoHeight()
+  },
+  {
+    flush: 'post',
+    immediate: true,
+  },
+)
+</script>
+
+<template>
+  <div ref="wrapperRef" :class="getClass">
+    <PageHeader
+      v-if="getShowHeader" v-bind="omit($attrs, 'class')" ref="headerRef" :style="getHeaderStyle"
+      style="margin: 1rem; border-radius: 1rem;" :ghost="ghost" :title="title"
+    >
+      <template #default>
+        <template v-if="content">
+          {{ content }}
+        </template>
+        <slot v-else name="headerContent" />
+      </template>
+      <template v-for="(item, index) in getHeaderSlots" #[item]="data" :key="index">
+        <slot :name="item" v-bind="data || {}" />
+      </template>
+    </PageHeader>
+
+    <div ref="contentRef" class="overflow-hidden" :class="getContentClass" :style="getContentStyle">
+      <slot />
+    </div>
+
+    <PageFooter v-if="getShowFooter" ref="footerRef">
+      <template #left>
+        <slot name="leftFooter" />
+      </template>
+      <template #right>
+        <slot name="rightFooter" />
+      </template>
+    </PageFooter>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-page-wrapper';
+
+.@{prefix-cls} {
+  position: relative;
+
+  .@{prefix-cls}-content {
+    margin: 1rem;
+    border-radius: 1rem;
+  }
+
+  .ant-page-header {
+    &:empty {
+      margin: 1rem;
+      border-radius: 1rem;
+    }
+  }
+
+  &-content-bg {
+    background-color: var(--component-background);
+  }
+
+  &--dense {
+    .@{prefix-cls}-content {
+      margin: 0;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Preview/index.ts b/yunxi-ui-admin-vben/src/components/Preview/index.ts
new file mode 100644
index 0000000..f4ef625
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Preview/index.ts
@@ -0,0 +1,2 @@
+export { default as ImagePreview } from './src/Preview.vue'
+export { createImgPreview } from './src/functional'
diff --git a/yunxi-ui-admin-vben/src/components/Preview/src/Functional.vue b/yunxi-ui-admin-vben/src/components/Preview/src/Functional.vue
new file mode 100644
index 0000000..c6c1118
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Preview/src/Functional.vue
@@ -0,0 +1,530 @@
+<script lang="tsx">
+import { computed, defineComponent, reactive, ref, unref, watchEffect } from 'vue'
+import { CloseOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons-vue'
+import resumeSvg from '@/assets/svg/preview/resume.svg'
+import rotateSvg from '@/assets/svg/preview/p-rotate.svg'
+import scaleSvg from '@/assets/svg/preview/scale.svg'
+import unScaleSvg from '@/assets/svg/preview/unscale.svg'
+import unRotateSvg from '@/assets/svg/preview/unrotate.svg'
+
+enum StatueEnum {
+  LOADING,
+  DONE,
+  FAIL,
+}
+interface ImgState {
+  currentUrl: string
+  imgScale: number
+  imgRotate: number
+  imgTop: number
+  imgLeft: number
+  currentIndex: number
+  status: StatueEnum
+  moveX: number
+  moveY: number
+  show: boolean
+}
+const props = {
+  show: {
+    type: Boolean as PropType<boolean>,
+    default: false,
+  },
+  imageList: {
+    type: Array as PropType<string[]>,
+    default: null,
+  },
+  index: {
+    type: Number as PropType<number>,
+    default: 0,
+  },
+  scaleStep: {
+    type: Number as PropType<number>,
+  },
+  defaultWidth: {
+    type: Number as PropType<number>,
+  },
+  maskClosable: {
+    type: Boolean as PropType<boolean>,
+  },
+  rememberState: {
+    type: Boolean as PropType<boolean>,
+  },
+}
+
+const prefixCls = 'img-preview'
+export default defineComponent({
+  name: 'ImagePreview',
+  props,
+  emits: ['imgLoad', 'imgError'],
+  setup(props, { expose, emit }) {
+    interface stateInfo {
+      scale: number
+      rotate: number
+      top: number
+      left: number
+    }
+    const stateMap = new Map<string, stateInfo>()
+    const imgState = reactive<ImgState>({
+      currentUrl: '',
+      imgScale: 1,
+      imgRotate: 0,
+      imgTop: 0,
+      imgLeft: 0,
+      status: StatueEnum.LOADING,
+      currentIndex: 0,
+      moveX: 0,
+      moveY: 0,
+      show: props.show,
+    })
+
+    const wrapElRef = ref<HTMLDivElement | null>(null)
+    const imgElRef = ref<HTMLImageElement | null>(null)
+
+    // 初始化
+    function init() {
+      initMouseWheel()
+      const { index, imageList } = props
+
+      if (!imageList || !imageList.length)
+        throw new Error('imageList is undefined')
+
+      imgState.currentIndex = index
+      handleIChangeImage(imageList[index])
+    }
+
+    // 重置
+    function initState() {
+      imgState.imgScale = 1
+      imgState.imgRotate = 0
+      imgState.imgTop = 0
+      imgState.imgLeft = 0
+    }
+
+    // 初始化鼠标滚轮事件
+    function initMouseWheel() {
+      const wrapEl = unref(wrapElRef)
+      if (!wrapEl)
+        return
+
+      ;(wrapEl as any).onmousewheel = scrollFunc
+      // 火狐浏览器没有onmousewheel事件，用DOMMouseScroll代替
+      document.body.addEventListener('DOMMouseScroll', scrollFunc)
+      // 禁止火狐浏览器下拖拽图片的默认事件
+      document.ondragstart = function () {
+        return false
+      }
+    }
+
+    const getScaleStep = computed(() => {
+      const scaleStep = props?.scaleStep ?? 0
+      if (scaleStep ?? (scaleStep < 100))
+        return scaleStep / 100
+      else
+        return imgState.imgScale / 10
+    })
+
+    // 监听鼠标滚轮
+    function scrollFunc(e: any) {
+      e = e || window.event
+      e.delta = e.wheelDelta || -e.detail
+
+      e.preventDefault()
+      if (e.delta > 0) {
+        // 滑轮向上滚动
+        scaleFunc(getScaleStep.value)
+      }
+      if (e.delta < 0) {
+        // 滑轮向下滚动
+        scaleFunc(-getScaleStep.value)
+      }
+    }
+    // 缩放函数
+    function scaleFunc(num: number) {
+      // 最小缩放
+      const MIN_SCALE = 0.02
+      // 放大缩小的颗粒度
+      const GRA = 0.1
+      if (imgState.imgScale <= 0.2 && num < 0)
+        return
+      imgState.imgScale += num * GRA
+      // scale 不能 < 0，否则图片会倒置放大
+      if (imgState.imgScale < 0)
+        imgState.imgScale = MIN_SCALE
+    }
+
+    // 旋转图片
+    function rotateFunc(deg: number) {
+      imgState.imgRotate += deg
+    }
+
+    // 鼠标事件
+    function handleMouseUp() {
+      const imgEl = unref(imgElRef)
+      if (!imgEl)
+        return
+      imgEl.onmousemove = null
+    }
+
+    // 更换图片
+    function handleIChangeImage(url: string) {
+      imgState.status = StatueEnum.LOADING
+      const img = new Image()
+      img.src = url
+      img.onload = (e: Event) => {
+        if (imgState.currentUrl !== url) {
+          const ele: any[] = e.composedPath()
+          if (props.rememberState) {
+            // 保存当前图片的缩放信息
+            stateMap.set(imgState.currentUrl, {
+              scale: imgState.imgScale,
+              top: imgState.imgTop,
+              left: imgState.imgLeft,
+              rotate: imgState.imgRotate,
+            })
+            // 如果之前已存储缩放信息，就应用
+            const stateInfo = stateMap.get(url)
+            if (stateInfo) {
+              imgState.imgScale = stateInfo.scale
+              imgState.imgTop = stateInfo.top
+              imgState.imgRotate = stateInfo.rotate
+              imgState.imgLeft = stateInfo.left
+            }
+            else {
+              initState()
+              if (props.defaultWidth)
+                imgState.imgScale = props.defaultWidth / ele[0].naturalWidth
+            }
+          }
+          else {
+            if (props.defaultWidth)
+              imgState.imgScale = props.defaultWidth / ele[0].naturalWidth
+          }
+
+          ele
+            && emit('imgLoad', {
+              index: imgState.currentIndex,
+              dom: ele[0] as HTMLImageElement,
+              url,
+            })
+        }
+        imgState.currentUrl = url
+        imgState.status = StatueEnum.DONE
+      }
+      img.onerror = (e: Event) => {
+        const ele: EventTarget[] = e.composedPath()
+        ele
+          && emit('imgError', {
+            index: imgState.currentIndex,
+            dom: ele[0] as HTMLImageElement,
+            url,
+          })
+        imgState.status = StatueEnum.FAIL
+      }
+    }
+
+    // 关闭
+    function handleClose(e: MouseEvent) {
+      e && e.stopPropagation()
+      close()
+    }
+
+    function close() {
+      imgState.show = false
+      // 移除火狐浏览器下的鼠标滚动事件
+      document.body.removeEventListener('DOMMouseScroll', scrollFunc)
+      // 恢复火狐及Safari浏览器下的图片拖拽
+      document.ondragstart = null
+    }
+
+    // 图片复原
+    function resume() {
+      initState()
+    }
+
+    expose({
+      resume,
+      close,
+      prev: handleChange.bind(null, 'left'),
+      next: handleChange.bind(null, 'right'),
+      setScale: (scale: number) => {
+        if (scale > 0 && scale <= 10)
+          imgState.imgScale = scale
+      },
+      setRotate: (rotate: number) => {
+        imgState.imgRotate = rotate
+      },
+    })
+
+    // 上一页下一页
+    function handleChange(direction: 'left' | 'right') {
+      const { currentIndex } = imgState
+      const { imageList } = props
+      if (direction === 'left') {
+        imgState.currentIndex--
+        if (currentIndex <= 0)
+          imgState.currentIndex = imageList.length - 1
+      }
+      if (direction === 'right') {
+        imgState.currentIndex++
+        if (currentIndex >= imageList.length - 1)
+          imgState.currentIndex = 0
+      }
+      handleIChangeImage(imageList[imgState.currentIndex])
+    }
+
+    function handleAddMoveListener(e: MouseEvent) {
+      e = e || window.event
+      imgState.moveX = e.clientX
+      imgState.moveY = e.clientY
+      const imgEl = unref(imgElRef)
+      if (imgEl)
+        imgEl.onmousemove = moveFunc
+    }
+
+    function moveFunc(e: MouseEvent) {
+      e = e || window.event
+      e.preventDefault()
+      const movementX = e.clientX - imgState.moveX
+      const movementY = e.clientY - imgState.moveY
+      imgState.imgLeft += movementX
+      imgState.imgTop += movementY
+      imgState.moveX = e.clientX
+      imgState.moveY = e.clientY
+    }
+
+    // 获取图片样式
+    const getImageStyle = computed(() => {
+      const { imgScale, imgRotate, imgTop, imgLeft } = imgState
+      return {
+        transform: `scale(${imgScale}) rotate(${imgRotate}deg)`,
+        marginTop: `${imgTop}px`,
+        marginLeft: `${imgLeft}px`,
+        maxWidth: props.defaultWidth ? 'unset' : '100%',
+      }
+    })
+
+    const getIsMultipleImage = computed(() => {
+      const { imageList } = props
+      return imageList.length > 1
+    })
+
+    watchEffect(() => {
+      if (props.show)
+        init()
+
+      if (props.imageList)
+        initState()
+    })
+
+    const handleMaskClick = (e: MouseEvent) => {
+      if (props.maskClosable && e.target && (e.target as HTMLDivElement).classList.contains(`${prefixCls}-content`))
+        handleClose(e)
+    }
+
+    const renderClose = () => {
+      return (
+        <div class={`${prefixCls}__close`} onClick={handleClose}>
+          <CloseOutlined class={`${prefixCls}__close-icon`} />
+        </div>
+      )
+    }
+
+    const renderIndex = () => {
+      if (!unref(getIsMultipleImage))
+        return null
+
+      const { currentIndex } = imgState
+      const { imageList } = props
+      return (
+        <div class={`${prefixCls}__index`}>
+          {currentIndex + 1} / {imageList.length}
+        </div>
+      )
+    }
+
+    const renderController = () => {
+      return (
+        <div class={`${prefixCls}__controller`}>
+          <div class={`${prefixCls}__controller-item`} onClick={() => scaleFunc(-getScaleStep.value)}>
+            <img src={unScaleSvg} />
+          </div>
+          <div class={`${prefixCls}__controller-item`} onClick={() => scaleFunc(getScaleStep.value)}>
+            <img src={scaleSvg} />
+          </div>
+          <div class={`${prefixCls}__controller-item`} onClick={resume}>
+            <img src={resumeSvg} />
+          </div>
+          <div class={`${prefixCls}__controller-item`} onClick={() => rotateFunc(-90)}>
+            <img src={unRotateSvg} />
+          </div>
+          <div class={`${prefixCls}__controller-item`} onClick={() => rotateFunc(90)}>
+            <img src={rotateSvg} />
+          </div>
+        </div>
+      )
+    }
+
+    const renderArrow = (direction: 'left' | 'right') => {
+      if (!unref(getIsMultipleImage))
+        return null
+
+      return (
+        <div class={[`${prefixCls}__arrow`, direction]} onClick={() => handleChange(direction)}>
+          {direction === 'left' ? <LeftOutlined /> : <RightOutlined />}
+        </div>
+      )
+    }
+
+    return () => {
+      return (
+        imgState.show && (
+          <div class={prefixCls} ref={wrapElRef} onMouseup={handleMouseUp} onClick={handleMaskClick}>
+            <div class={`${prefixCls}-content`}>
+              {/* <Spin */}
+              {/*  indicator={<LoadingOutlined style="font-size: 24px" spin />} */}
+              {/*  spinning={true} */}
+              {/*  class={[ */}
+              {/*    `${prefixCls}-image`, */}
+              {/*    { */}
+              {/*      hidden: imgState.status !== StatueEnum.LOADING, */}
+              {/*    }, */}
+              {/*  ]} */}
+              {/* /> */}
+              <img
+                style={unref(getImageStyle)}
+                class={[`${prefixCls}-image`, imgState.status === StatueEnum.DONE ? '' : 'hidden']}
+                ref={imgElRef}
+                src={imgState.currentUrl}
+                onMousedown={handleAddMoveListener}
+              />
+              {renderClose()}
+              {renderIndex()}
+              {renderController()}
+              {renderArrow('left')}
+              {renderArrow('right')}
+            </div>
+          </div>
+        )
+      )
+    }
+  },
+})
+</script>
+
+<style lang="less">
+.img-preview {
+  position: fixed;
+  inset: 0;
+  z-index: @preview-comp-z-index;
+  user-select: none;
+  background: rgb(0 0 0 / 50%);
+
+  &-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    color: @white;
+  }
+
+  &-image {
+    cursor: pointer;
+    transition: transform 0.3s;
+  }
+
+  &__close {
+    position: absolute;
+    top: -40px;
+    right: -40px;
+    width: 80px;
+    height: 80px;
+    overflow: hidden;
+    color: @white;
+    cursor: pointer;
+    background-color: rgb(0 0 0 / 50%);
+    border-radius: 50%;
+    transition: all 0.2s;
+
+    &-icon {
+      position: absolute;
+      top: 46px;
+      left: 16px;
+      font-size: 16px;
+    }
+
+    &:hover {
+      background-color: rgb(0 0 0 / 80%);
+    }
+  }
+
+  &__index {
+    position: absolute;
+    bottom: 5%;
+    left: 50%;
+    padding: 0 22px;
+    font-size: 16px;
+    background: rgb(109 109 109 / 60%);
+    border-radius: 15px;
+    transform: translateX(-50%);
+  }
+
+  &__controller {
+    position: absolute;
+    bottom: 10%;
+    left: 50%;
+    display: flex;
+    justify-content: center;
+    width: 260px;
+    height: 44px;
+    padding: 0 22px;
+    margin-left: -139px;
+    background: rgb(109 109 109 / 60%);
+    border-radius: 22px;
+
+    &-item {
+      display: flex;
+      height: 100%;
+      padding: 0 9px;
+      font-size: 24px;
+      cursor: pointer;
+      transition: all 0.2s;
+
+      &:hover {
+        transform: scale(1.2);
+      }
+
+      img {
+        width: 1em;
+      }
+    }
+  }
+
+  &__arrow {
+    position: absolute;
+    top: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 50px;
+    height: 50px;
+    font-size: 28px;
+    cursor: pointer;
+    background-color: rgb(0 0 0 / 50%);
+    border-radius: 50%;
+    transition: all 0.2s;
+
+    &:hover {
+      background-color: rgb(0 0 0 / 80%);
+    }
+
+    &.left {
+      left: 50px;
+    }
+
+    &.right {
+      right: 50px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Preview/src/Preview.vue b/yunxi-ui-admin-vben/src/components/Preview/src/Preview.vue
new file mode 100644
index 0000000..6c5d0e6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Preview/src/Preview.vue
@@ -0,0 +1,83 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Image, ImagePreviewGroup } from 'ant-design-vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+import { isString } from '@/utils/is'
+
+interface ImageProps {
+  alt?: string
+  fallback?: string
+  src: string
+  width: string | number
+  height?: string | number
+  placeholder?: string | boolean
+  preview?:
+  | boolean
+  | {
+    open?: boolean
+    onOpenChange?: (open: boolean, prevOpen: boolean) => void
+    getContainer: string | HTMLElement | (() => HTMLElement)
+  }
+}
+
+type ImageItem = string | ImageProps
+
+defineOptions({ name: 'ImagePreview' })
+
+const props = defineProps({
+  functional: propTypes.bool,
+  imageList: {
+    type: Array as PropType<ImageItem[]>,
+  },
+})
+
+const { prefixCls } = useDesign('image-preview')
+
+const getImageList = computed((): any[] => {
+  const { imageList } = props
+  if (!imageList)
+    return []
+
+  return imageList.map((item) => {
+    if (isString(item)) {
+      return {
+        src: item,
+        placeholder: false,
+      }
+    }
+    return item
+  })
+})
+</script>
+
+<template>
+  <div :class="prefixCls">
+    <ImagePreviewGroup>
+      <slot v-if="!imageList || $slots.default" />
+      <template v-else>
+        <template v-for="item in getImageList" :key="item.src">
+          <Image v-bind="item">
+            <template v-if="item.placeholder" #placeholder>
+              <Image v-bind="item" :src="item.placeholder" :preview="false" />
+            </template>
+          </Image>
+        </template>
+      </template>
+    </ImagePreviewGroup>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-image-preview';
+
+.@{prefix-cls} {
+  .ant-image {
+    margin-right: 10px;
+  }
+
+  .ant-image-preview-operations {
+    background-color: rgb(0 0 0 / 40%);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Preview/src/functional.ts b/yunxi-ui-admin-vben/src/components/Preview/src/functional.ts
new file mode 100644
index 0000000..7fc6d4e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Preview/src/functional.ts
@@ -0,0 +1,18 @@
+import { createVNode, render } from 'vue'
+import type { Options, Props } from './typing'
+import ImgPreview from './Functional.vue'
+import { isClient } from '@/utils/is'
+
+let instance: ReturnType<typeof createVNode> | null = null
+export function createImgPreview(options: Options) {
+  if (!isClient)
+    return
+  const propsData: Partial<Props> = {}
+  const container = document.createElement('div')
+  Object.assign(propsData, { show: true, index: 0, scaleStep: 100 }, options)
+
+  instance = createVNode(ImgPreview, propsData)
+  render(instance, container)
+  document.body.appendChild(container)
+  return instance.component?.exposed
+}
diff --git a/yunxi-ui-admin-vben/src/components/Preview/src/typing.ts b/yunxi-ui-admin-vben/src/components/Preview/src/typing.ts
new file mode 100644
index 0000000..882e144
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Preview/src/typing.ts
@@ -0,0 +1,55 @@
+interface onImgLoadType {
+  index: number
+  url: string
+  dom: HTMLImageElement
+}
+
+export interface Options {
+  show?: boolean
+  imageList: string[]
+  index?: number
+  scaleStep?: number
+  defaultWidth?: number
+  maskClosable?: boolean
+  rememberState?: boolean
+  onImgLoad?: (img: onImgLoadType) => void
+  onImgError?: (img: onImgLoadType) => void
+}
+
+export interface Props {
+  show: boolean
+  instance: Props
+  imageList: string[]
+  index: number
+  scaleStep: number
+  defaultWidth: number
+  maskClosable: boolean
+  rememberState: boolean
+}
+
+export interface PreviewActions {
+  resume: () => void
+  close: () => void
+  prev: () => void
+  next: () => void
+  setScale: (scale: number) => void
+  setRotate: (rotate: number) => void
+}
+
+export interface ImageProps {
+  alt?: string
+  fallback?: string
+  src: string
+  width: string | number
+  height?: string | number
+  placeholder?: string | boolean
+  preview?:
+  | boolean
+  | {
+    open?: boolean
+    onOpenChange?: (open: boolean, prevOpen: boolean) => void
+    getContainer: string | HTMLElement | (() => HTMLElement)
+  }
+}
+
+export type ImageItem = string | ImageProps
diff --git a/yunxi-ui-admin-vben/src/components/Scrollbar/index.ts b/yunxi-ui-admin-vben/src/components/Scrollbar/index.ts
new file mode 100644
index 0000000..1c567ff
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Scrollbar/index.ts
@@ -0,0 +1,8 @@
+/**
+ * copy from element-ui
+ */
+
+import Scrollbar from './src/Scrollbar.vue'
+
+export { Scrollbar }
+export type { ScrollbarType } from './src/types'
diff --git a/yunxi-ui-admin-vben/src/components/Scrollbar/src/Scrollbar.vue b/yunxi-ui-admin-vben/src/components/Scrollbar/src/Scrollbar.vue
new file mode 100644
index 0000000..81c0630
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Scrollbar/src/Scrollbar.vue
@@ -0,0 +1,185 @@
+<script lang="ts" setup>
+import { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'
+import { toObject } from './util'
+import Bar from './bar'
+import { addResizeListener, removeResizeListener } from '@/utils/event'
+import componentSetting from '@/settings/componentSetting'
+
+defineOptions({ name: 'Scrollbar' })
+
+const props = defineProps({
+  native: {
+    type: Boolean,
+    default: componentSetting.scrollbar?.native ?? false,
+  },
+  wrapStyle: {
+    type: [String, Array],
+    default: '',
+  },
+  wrapClass: {
+    type: [String, Array],
+    default: '',
+  },
+  viewClass: {
+    type: [String, Array],
+    default: '',
+  },
+  viewStyle: {
+    type: [String, Array],
+    default: '',
+  },
+  noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+  tag: {
+    type: String,
+    default: 'div',
+  },
+})
+
+const sizeWidth = ref('0')
+const sizeHeight = ref('0')
+const moveX = ref(0)
+const moveY = ref(0)
+const wrap = ref()
+const resize = ref()
+
+provide('scroll-bar-wrap', wrap)
+
+const style = computed(() => {
+  if (Array.isArray(props.wrapStyle))
+    return toObject(props.wrapStyle)
+
+  return props.wrapStyle
+})
+
+function handleScroll() {
+  if (!props.native) {
+    moveY.value = (unref(wrap).scrollTop * 100) / unref(wrap).clientHeight
+    moveX.value = (unref(wrap).scrollLeft * 100) / unref(wrap).clientWidth
+  }
+}
+
+function update() {
+  if (!unref(wrap))
+    return
+
+  const heightPercentage = (unref(wrap).clientHeight * 100) / unref(wrap).scrollHeight
+  const widthPercentage = (unref(wrap).clientWidth * 100) / unref(wrap).scrollWidth
+
+  sizeHeight.value = heightPercentage < 100 ? `${heightPercentage}%` : ''
+  sizeWidth.value = widthPercentage < 100 ? `${widthPercentage}%` : ''
+}
+
+onMounted(() => {
+  if (props.native)
+    return
+  nextTick(update)
+  if (!props.noresize) {
+    addResizeListener(unref(resize), update)
+    addResizeListener(unref(wrap), update)
+    addEventListener('resize', update)
+  }
+})
+
+onBeforeUnmount(() => {
+  if (props.native)
+    return
+  if (!props.noresize) {
+    removeResizeListener(unref(resize), update)
+    removeResizeListener(unref(wrap), update)
+    removeEventListener('resize', update)
+  }
+})
+</script>
+
+<template>
+  <div class="scrollbar">
+    <div
+      ref="wrap"
+      class="scrollbar__wrap" :class="[wrapClass, native ? '' : 'scrollbar__wrap--hidden-default']"
+      :style="style as any"
+      @scroll="handleScroll"
+    >
+      <component :is="tag" ref="resize" class="scrollbar__view" :class="[viewClass]" :style="viewStyle">
+        <slot />
+      </component>
+    </div>
+    <template v-if="!native">
+      <Bar :move="moveX" :size="sizeWidth" />
+      <Bar vertical :move="moveY" :size="sizeHeight" />
+    </template>
+  </div>
+</template>
+
+<style lang="less">
+.scrollbar {
+  position: relative;
+  height: 100%;
+  overflow: hidden;
+
+  &__wrap {
+    height: 100%;
+    overflow: auto;
+
+    &--hidden-default {
+      scrollbar-width: none;
+
+      &::-webkit-scrollbar {
+        display: none;
+        width: 0;
+        height: 0;
+        opacity: 0;
+      }
+    }
+  }
+
+  &__thumb {
+    position: relative;
+    display: block;
+    width: 0;
+    height: 0;
+    cursor: pointer;
+    background-color: rgb(144 147 153 / 30%);
+    border-radius: inherit;
+    transition: 0.3s background-color;
+
+    &:hover {
+      background-color: rgb(144 147 153 / 50%);
+    }
+  }
+
+  &__bar {
+    position: absolute;
+    right: 2px;
+    bottom: 2px;
+    z-index: 1;
+    border-radius: 6px;
+    opacity: 0;
+    transition: opacity 80ms ease;
+
+    &.is-vertical {
+      top: 2px;
+      width: 6px;
+
+      & > div {
+        width: 100%;
+      }
+    }
+
+    &.is-horizontal {
+      left: 2px;
+      height: 6px;
+
+      & > div {
+        height: 100%;
+      }
+    }
+  }
+}
+
+.scrollbar:active > .scrollbar__bar,
+.scrollbar:focus > .scrollbar__bar,
+.scrollbar:hover > .scrollbar__bar {
+  opacity: 1;
+  transition: opacity 340ms ease-out;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Scrollbar/src/bar.ts b/yunxi-ui-admin-vben/src/components/Scrollbar/src/bar.ts
new file mode 100644
index 0000000..593b779
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Scrollbar/src/bar.ts
@@ -0,0 +1,96 @@
+import type { Ref } from 'vue'
+import { computed, defineComponent, getCurrentInstance, h, inject, onUnmounted, ref } from 'vue'
+import { BAR_MAP, renderThumbStyle } from './util'
+import { off, on } from '@/utils/domUtils'
+
+export default defineComponent({
+  name: 'Bar',
+
+  props: {
+    vertical: Boolean,
+    size: String,
+    move: Number,
+  },
+
+  setup(props) {
+    const instance = getCurrentInstance()
+    const thumb = ref()
+    const wrap = inject('scroll-bar-wrap', {} as Ref<Nullable<HTMLElement>>) as any
+    const bar = computed(() => {
+      return BAR_MAP[props.vertical ? 'vertical' : 'horizontal']
+    })
+    const barStore = ref<Recordable>({})
+    const cursorDown = ref()
+
+    const mouseMoveDocumentHandler = (e: any) => {
+      if (cursorDown.value === false)
+        return
+      const prevPage = barStore.value[bar.value.axis]
+
+      if (!prevPage)
+        return
+
+      const offset = (instance?.vnode.el?.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1
+      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage
+      const thumbPositionPercentage = ((offset - thumbClickPosition) * 100) / instance?.vnode.el?.[bar.value.offset]
+      wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
+    }
+
+    const startDrag = (e: any) => {
+      e.stopImmediatePropagation()
+      cursorDown.value = true
+      on(document, 'mousemove', mouseMoveDocumentHandler)
+      on(document, 'mouseup', mouseUpDocumentHandler)
+      document.onselectstart = () => false
+    }
+
+    const clickThumbHandler = (e: any) => {
+      // prevent click event of right button
+      if (e.ctrlKey || e.button === 2)
+        return
+
+      window.getSelection()?.removeAllRanges()
+      startDrag(e)
+      barStore.value[bar.value.axis]
+        = e.currentTarget[bar.value.offset] - (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction])
+    }
+
+    const clickTrackHandler = (e: any) => {
+      const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client])
+      const thumbHalf = thumb.value[bar.value.offset] / 2
+      const thumbPositionPercentage = ((offset - thumbHalf) * 100) / instance?.vnode.el?.[bar.value.offset]
+
+      wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
+    }
+
+    function mouseUpDocumentHandler() {
+      cursorDown.value = false
+      barStore.value[bar.value.axis] = 0
+      off(document, 'mousemove', mouseMoveDocumentHandler)
+      document.onselectstart = null
+    }
+
+    onUnmounted(() => {
+      off(document, 'mouseup', mouseUpDocumentHandler)
+    })
+
+    return () =>
+      h(
+        'div',
+        {
+          class: ['scrollbar__bar', `is-${bar.value.key}`],
+          onMousedown: clickTrackHandler,
+        },
+        h('div', {
+          ref: thumb,
+          class: 'scrollbar__thumb',
+          onMousedown: clickThumbHandler,
+          style: renderThumbStyle({
+            size: props.size,
+            move: props.move,
+            bar: bar.value,
+          }),
+        }),
+      )
+  },
+})
diff --git a/yunxi-ui-admin-vben/src/components/Scrollbar/src/types.d.ts b/yunxi-ui-admin-vben/src/components/Scrollbar/src/types.d.ts
new file mode 100644
index 0000000..7d67ccf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Scrollbar/src/types.d.ts
@@ -0,0 +1,18 @@
+export interface BarMapItem {
+  offset: string
+  scroll: string
+  scrollSize: string
+  size: string
+  key: string
+  axis: string
+  client: string
+  direction: string
+}
+export interface BarMap {
+  vertical: BarMapItem
+  horizontal: BarMapItem
+}
+
+export interface ScrollbarType {
+  wrap: ElRef
+}
diff --git a/yunxi-ui-admin-vben/src/components/Scrollbar/src/util.ts b/yunxi-ui-admin-vben/src/components/Scrollbar/src/util.ts
new file mode 100644
index 0000000..935a487
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Scrollbar/src/util.ts
@@ -0,0 +1,49 @@
+import type { BarMap } from './types'
+
+export const BAR_MAP: BarMap = {
+  vertical: {
+    offset: 'offsetHeight',
+    scroll: 'scrollTop',
+    scrollSize: 'scrollHeight',
+    size: 'height',
+    key: 'vertical',
+    axis: 'Y',
+    client: 'clientY',
+    direction: 'top',
+  },
+  horizontal: {
+    offset: 'offsetWidth',
+    scroll: 'scrollLeft',
+    scrollSize: 'scrollWidth',
+    size: 'width',
+    key: 'horizontal',
+    axis: 'X',
+    client: 'clientX',
+    direction: 'left',
+  },
+}
+
+export function renderThumbStyle({ move, size, bar }) {
+  const style = {} as any
+  const translate = `translate${bar.axis}(${move}%)`
+
+  style[bar.size] = size
+  style.transform = translate
+  style.msTransform = translate
+  style.webkitTransform = translate
+
+  return style
+}
+
+function extend<T, K>(to: T, _from: K): T & K {
+  return Object.assign(to as any, _from)
+}
+
+export function toObject<T>(arr: Array<T>): Recordable<T> {
+  const res = {}
+  for (let i = 0; i < arr.length; i++) {
+    if (arr[i])
+      extend(res, arr[i])
+  }
+  return res
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/index.ts b/yunxi-ui-admin-vben/src/components/SimpleMenu/index.ts
new file mode 100644
index 0000000..7c0301b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/index.ts
@@ -0,0 +1,2 @@
+export { default as SimpleMenu } from './src/SimpleMenu.vue'
+export { default as SimpleMenuTag } from './src/SimpleMenuTag.vue'
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenu.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenu.vue
new file mode 100644
index 0000000..f5de2eb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenu.vue
@@ -0,0 +1,138 @@
+<script lang="ts" setup>
+import type { RouteLocationNormalizedLoaded } from 'vue-router'
+import { computed, reactive, ref, toRefs, unref, useAttrs, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import type { MenuState } from './types'
+import Menu from './components/Menu.vue'
+import SimpleSubMenu from './SimpleSubMenu.vue'
+import { useOpenKeys } from './useOpenKeys'
+import type { Menu as MenuType } from '@/router/types'
+import { useDesign } from '@/hooks/web/useDesign'
+import { listenerRouteChange } from '@/logics/mitt/routeChange'
+import { propTypes } from '@/utils/propTypes'
+import { REDIRECT_NAME } from '@/router/constant'
+import { isFunction, isUrl } from '@/utils/is'
+import { openWindow } from '@/utils'
+
+defineOptions({ name: 'SimpleMenu', inheritAttrs: false })
+
+const props = defineProps({
+  items: {
+    type: Array as PropType<MenuType[]>,
+    default: () => [],
+  },
+  collapse: propTypes.bool.def(false),
+  mixSider: propTypes.bool.def(false),
+  theme: propTypes.string,
+  accordion: propTypes.bool.def(true),
+  collapsedShowTitle: propTypes.bool,
+  beforeClickFn: {
+    type: Function as PropType<(key: string) => Promise<boolean>>,
+  },
+  isSplitMenu: propTypes.bool,
+})
+const emit = defineEmits(['menuClick'])
+const attrs = useAttrs()
+
+const currentActiveMenu = ref('')
+const isClickGo = ref(false)
+
+const menuState = reactive<MenuState>({
+  activeName: '',
+  openNames: [],
+  activeSubMenuNames: [],
+})
+
+const { currentRoute } = useRouter()
+const { prefixCls } = useDesign('simple-menu')
+const { items, accordion, mixSider, collapse } = toRefs(props)
+
+const { setOpenKeys, getOpenKeys } = useOpenKeys(menuState, items, accordion, mixSider, collapse)
+
+const getBindValues = computed(() => ({ ...attrs, ...props }))
+
+watch(
+  () => props.collapse,
+  (collapse) => {
+    if (collapse)
+      menuState.openNames = []
+    else
+      setOpenKeys(currentRoute.value.path)
+  },
+  { immediate: true },
+)
+
+watch(
+  () => props.items,
+  () => {
+    if (!props.isSplitMenu)
+      return
+
+    setOpenKeys(currentRoute.value.path)
+  },
+  { flush: 'post' },
+)
+
+listenerRouteChange((route) => {
+  if (route.name === REDIRECT_NAME)
+    return
+
+  currentActiveMenu.value = route.meta?.currentActiveMenu as string
+  handleMenuChange(route)
+
+  if (unref(currentActiveMenu)) {
+    menuState.activeName = unref(currentActiveMenu)
+    setOpenKeys(unref(currentActiveMenu))
+  }
+})
+
+async function handleMenuChange(route?: RouteLocationNormalizedLoaded) {
+  if (unref(isClickGo)) {
+    isClickGo.value = false
+    return
+  }
+  const path = (route || unref(currentRoute)).path
+
+  menuState.activeName = path
+
+  setOpenKeys(path)
+}
+
+async function handleSelect(key: string) {
+  if (isUrl(key)) {
+    openWindow(key)
+    return
+  }
+  const { beforeClickFn } = props
+  if (beforeClickFn && isFunction(beforeClickFn)) {
+    const flag = await beforeClickFn(key)
+    if (!flag)
+      return
+  }
+
+  emit('menuClick', key)
+
+  isClickGo.value = true
+  setOpenKeys(key)
+  menuState.activeName = key
+}
+</script>
+
+<template>
+  <Menu
+    v-bind="getBindValues"
+    :active-name="menuState.activeName"
+    :open-names="getOpenKeys"
+    :class="prefixCls"
+    :active-sub-menu-names="menuState.activeSubMenuNames"
+    @select="handleSelect"
+  >
+    <template v-for="item in items" :key="item.path">
+      <SimpleSubMenu :item="item" :parent="true" :collapsed-show-title="collapsedShowTitle" :collapse="collapse" />
+    </template>
+  </Menu>
+</template>
+
+<style lang="less">
+@import './index.less';
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenuTag.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenuTag.vue
new file mode 100644
index 0000000..68959ac
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleMenuTag.vue
@@ -0,0 +1,64 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import type { Menu } from '@/router/types'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'SimpleMenuTag' })
+
+const props = defineProps({
+  item: {
+    type: Object as PropType<Menu>,
+    default: () => ({}),
+  },
+  dot: propTypes.bool,
+  collapseParent: propTypes.bool,
+})
+
+const { prefixCls } = useDesign('simple-menu')
+
+const getShowTag = computed(() => {
+  const { item } = props
+
+  if (!item)
+    return false
+
+  const { tag } = item
+  if (!tag)
+    return false
+
+  const { dot, content } = tag
+  if (!dot && !content)
+    return false
+  return true
+})
+
+const getContent = computed(() => {
+  if (!getShowTag.value)
+    return ''
+  const { item, collapseParent } = props
+  const { tag } = item
+  const { dot, content } = tag!
+  return dot || collapseParent ? '' : content
+})
+
+const getTagClass = computed(() => {
+  const { item, collapseParent } = props
+  const { tag = {} } = item || {}
+  const { dot, type = 'error' } = tag
+  const tagCls = `${prefixCls}-tag`
+  return [
+    tagCls,
+
+    [`${tagCls}--${type}`],
+    {
+      [`${tagCls}--collapse`]: collapseParent,
+      [`${tagCls}--dot`]: dot || props.dot,
+    },
+  ]
+})
+</script>
+
+<template>
+  <span v-if="getShowTag" :class="getTagClass">{{ getContent }}</span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleSubMenu.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleSubMenu.vue
new file mode 100644
index 0000000..570937c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/SimpleSubMenu.vue
@@ -0,0 +1,90 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import MenuItem from './components/MenuItem.vue'
+import SubMenu from './components/SubMenuItem.vue'
+import type { Menu } from '@/router/types'
+import { useDesign } from '@/hooks/web/useDesign'
+import { Icon } from '@/components/Icon'
+
+import { propTypes } from '@/utils/propTypes'
+import { useI18n } from '@/hooks/web/useI18n'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+defineOptions({ name: 'SimpleSubMenu' })
+
+const props = defineProps({
+  item: {
+    type: Object as PropType<Menu>,
+    default: () => ({}),
+  },
+  parent: propTypes.bool,
+  collapsedShowTitle: propTypes.bool,
+  collapse: propTypes.bool,
+  theme: propTypes.oneOf(['dark', 'light']),
+})
+
+const SimpleMenuTag = createAsyncComponent(() => import('./SimpleMenuTag.vue'))
+
+const { t } = useI18n()
+const { prefixCls } = useDesign('simple-menu')
+
+const getShowMenu = computed(() => !props.item?.meta?.hideMenu)
+const getIcon = computed(() => props.item?.icon)
+const getI18nName = computed(() => t(props.item?.name))
+const getShowSubTitle = computed(() => !props.collapse || !props.parent)
+const getIsCollapseParent = computed(() => !!props.collapse && !!props.parent)
+const getLevelClass = computed(() => {
+  return [
+    {
+      [`${prefixCls}__parent`]: props.parent,
+      [`${prefixCls}__children`]: !props.parent,
+    },
+  ]
+})
+
+function menuHasChildren(menuTreeItem: Menu): boolean {
+  return (
+    !menuTreeItem.meta?.hideChildrenInMenu
+    && Reflect.has(menuTreeItem, 'children')
+    && !!menuTreeItem.children
+    && menuTreeItem.children.length > 0
+  )
+}
+</script>
+
+<template>
+  <MenuItem v-if="!menuHasChildren(item) && getShowMenu" :name="item.path" v-bind="$props" :class="getLevelClass">
+    <Icon v-if="getIcon" :icon="getIcon" :size="16" />
+    <div v-if="collapsedShowTitle && getIsCollapseParent" class="collapse-title mt-1">
+      {{ getI18nName }}
+    </div>
+    <template #title>
+      <span class="ml-2" :class="[`${prefixCls}-sub-title`]">
+        {{ getI18nName }}
+      </span>
+      <SimpleMenuTag :item="item" :collapse-parent="getIsCollapseParent" />
+    </template>
+  </MenuItem>
+  <SubMenu
+    v-if="menuHasChildren(item) && getShowMenu"
+    :name="item.path"
+    :class="[getLevelClass, theme]"
+    :collapsed-show-title="collapsedShowTitle"
+  >
+    <template #title>
+      <Icon v-if="getIcon" :icon="getIcon" :size="16" />
+
+      <div v-if="collapsedShowTitle && getIsCollapseParent" class="collapse-title mt-2">
+        {{ getI18nName }}
+      </div>
+
+      <span v-show="getShowSubTitle" class="ml-2" :class="[`${prefixCls}-sub-title`]">
+        {{ getI18nName }}
+      </span>
+      <SimpleMenuTag :item="item" :collapse-parent="!!collapse && !!parent" />
+    </template>
+    <template v-for="childrenItem in item.children || []" :key="childrenItem.paramPath || childrenItem.path">
+      <SimpleSubMenu v-bind="$props" :item="childrenItem" :parent="false" />
+    </template>
+  </SubMenu>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/Menu.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/Menu.vue
new file mode 100644
index 0000000..962eaeb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/Menu.vue
@@ -0,0 +1,146 @@
+<script lang="ts" setup>
+import { computed, getCurrentInstance, nextTick, onMounted, provide, ref, watch, watchEffect } from 'vue'
+import type { SubMenuProvider } from './types'
+import { createSimpleRootMenuContext } from './useSimpleMenuContext'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+import mitt from '@/utils/mitt'
+
+defineOptions({ name: 'Menu' })
+
+const props = defineProps({
+  theme: propTypes.oneOf(['light', 'dark']).def('light'),
+  activeName: propTypes.oneOfType([propTypes.string, propTypes.number]),
+  openNames: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+  accordion: propTypes.bool.def(true),
+  width: propTypes.string.def('100%'),
+  collapsedWidth: propTypes.string.def('48px'),
+  indentSize: propTypes.number.def(16),
+  collapse: propTypes.bool.def(true),
+  activeSubMenuNames: {
+    type: Array as PropType<(string | number)[]>,
+    default: () => [],
+  },
+})
+const emit = defineEmits(['select', 'open-change'])
+
+const rootMenuEmitter = mitt()
+const instance = getCurrentInstance()
+
+const currentActiveName = ref<string | number>('')
+const openedNames = ref<string[]>([])
+
+const { prefixCls } = useDesign('menu')
+
+const isRemoveAllPopup = ref(false)
+
+createSimpleRootMenuContext({
+  rootMenuEmitter,
+  activeName: currentActiveName,
+})
+
+const getClass = computed(() => {
+  const { theme } = props
+  return [
+    prefixCls,
+    `${prefixCls}-${theme}`,
+    `${prefixCls}-vertical`,
+    {
+      [`${prefixCls}-collapse`]: props.collapse,
+    },
+  ]
+})
+
+watchEffect(() => {
+  openedNames.value = props.openNames
+})
+
+watchEffect(() => {
+  if (props.activeName)
+    currentActiveName.value = props.activeName
+})
+
+watch(
+  () => props.openNames,
+  () => {
+    nextTick(() => {
+      updateOpened()
+    })
+  },
+)
+
+function updateOpened() {
+  rootMenuEmitter.emit('on-update-opened', openedNames.value)
+}
+
+function addSubMenu(name: string) {
+  if (openedNames.value.includes(name))
+    return
+  openedNames.value.push(name)
+  updateOpened()
+}
+
+function removeSubMenu(name: string) {
+  openedNames.value = openedNames.value.filter(item => item !== name)
+  updateOpened()
+}
+
+function removeAll() {
+  openedNames.value = []
+  updateOpened()
+}
+
+function sliceIndex(index: number) {
+  if (index === -1)
+    return
+  openedNames.value = openedNames.value.slice(0, index + 1)
+  updateOpened()
+}
+
+provide<SubMenuProvider>(`subMenu:${instance?.uid}`, {
+  addSubMenu,
+  removeSubMenu,
+  getOpenNames: () => openedNames.value,
+  removeAll,
+  isRemoveAllPopup,
+  sliceIndex,
+  level: 0,
+  props: props as any,
+})
+
+onMounted(() => {
+  openedNames.value = !props.collapse ? [...props.openNames] : []
+  updateOpened()
+  rootMenuEmitter.on('on-menu-item-select', (name: string) => {
+    currentActiveName.value = name
+
+    nextTick(() => {
+      props.collapse && removeAll()
+    })
+    emit('select', name)
+  })
+
+  rootMenuEmitter.on('open-name-change', ({ name, opened }) => {
+    if (opened && !openedNames.value.includes(name)) {
+      openedNames.value.push(name)
+    }
+    else if (!opened) {
+      const index = openedNames.value.findIndex(item => item === name)
+      index !== -1 && openedNames.value.splice(index, 1)
+    }
+  })
+})
+</script>
+
+<template>
+  <ul :class="getClass">
+    <slot />
+  </ul>
+</template>
+
+<style lang="less">
+@import './menu.less';
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
new file mode 100644
index 0000000..8169601
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
@@ -0,0 +1,76 @@
+<script lang="ts" setup>
+import { addClass, removeClass } from '@/utils/domUtils'
+
+defineOptions({ name: 'MenuCollapseTransition' })
+
+const on = {
+  beforeEnter(el) {
+    addClass(el, 'collapse-transition')
+    if (!el.dataset)
+      el.dataset = {}
+
+    el.dataset.oldPaddingTop = el.style.paddingTop
+    el.dataset.oldPaddingBottom = el.style.paddingBottom
+
+    el.style.height = '0'
+    el.style.paddingTop = 0
+    el.style.paddingBottom = 0
+  },
+
+  enter(el) {
+    el.dataset.oldOverflow = el.style.overflow
+    if (el.scrollHeight !== 0) {
+      el.style.height = `${el.scrollHeight}px`
+      el.style.paddingTop = el.dataset.oldPaddingTop
+      el.style.paddingBottom = el.dataset.oldPaddingBottom
+    }
+    else {
+      el.style.height = ''
+      el.style.paddingTop = el.dataset.oldPaddingTop
+      el.style.paddingBottom = el.dataset.oldPaddingBottom
+    }
+
+    el.style.overflow = 'hidden'
+  },
+
+  afterEnter(el) {
+    removeClass(el, 'collapse-transition')
+    el.style.height = ''
+    el.style.overflow = el.dataset.oldOverflow
+  },
+
+  beforeLeave(el) {
+    if (!el.dataset)
+      el.dataset = {}
+    el.dataset.oldPaddingTop = el.style.paddingTop
+    el.dataset.oldPaddingBottom = el.style.paddingBottom
+    el.dataset.oldOverflow = el.style.overflow
+
+    el.style.height = `${el.scrollHeight}px`
+    el.style.overflow = 'hidden'
+  },
+
+  leave(el) {
+    if (el.scrollHeight !== 0) {
+      addClass(el, 'collapse-transition')
+      el.style.height = 0
+      el.style.paddingTop = 0
+      el.style.paddingBottom = 0
+    }
+  },
+
+  afterLeave(el) {
+    removeClass(el, 'collapse-transition')
+    el.style.height = ''
+    el.style.overflow = el.dataset.oldOverflow
+    el.style.paddingTop = el.dataset.oldPaddingTop
+    el.style.paddingBottom = el.dataset.oldPaddingBottom
+  },
+}
+</script>
+
+<template>
+  <transition mode="out-in" v-on="on">
+    <slot />
+  </transition>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuItem.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuItem.vue
new file mode 100644
index 0000000..8639280
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/MenuItem.vue
@@ -0,0 +1,102 @@
+<script lang="ts" setup>
+import { computed, getCurrentInstance, ref, unref, useSlots, watch } from 'vue'
+import { Tooltip } from 'ant-design-vue'
+import { useMenuItem } from './useMenu'
+import { useSimpleRootMenuContext } from './useSimpleMenuContext'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'MenuItem' })
+
+const props = defineProps({
+  name: {
+    type: [String, Number] as PropType<string | number>,
+    required: true,
+  },
+  disabled: propTypes.bool,
+})
+const slots = useSlots()
+
+const instance = getCurrentInstance()
+
+const active = ref(false)
+
+const { getItemStyle, getParentList, getParentMenu, getParentRootMenu } = useMenuItem(instance)
+
+const { prefixCls } = useDesign('menu')
+
+const { rootMenuEmitter, activeName } = useSimpleRootMenuContext()
+
+const getClass = computed(() => {
+  return [
+    `${prefixCls}-item`,
+    {
+      [`${prefixCls}-item-active`]: unref(active),
+      [`${prefixCls}-item-selected`]: unref(active),
+      [`${prefixCls}-item-disabled`]: !!props.disabled,
+    },
+  ]
+})
+
+const getCollapse = computed(() => unref(getParentRootMenu)?.props.collapse)
+
+const showToptip = computed(() => {
+  return unref(getParentMenu)?.type.name === 'Menu' && unref(getCollapse) && slots.title
+})
+
+function handleClickItem() {
+  const { disabled } = props
+  if (disabled)
+    return
+
+  rootMenuEmitter.emit('on-menu-item-select', props.name)
+  if (unref(getCollapse))
+    return
+
+  const { uidList } = getParentList()
+
+  rootMenuEmitter.emit('on-update-opened', {
+    opend: false,
+    parent: instance?.parent,
+    uidList,
+  })
+}
+watch(
+  () => activeName.value,
+  (name: string) => {
+    if (name === props.name) {
+      const { list, uidList } = getParentList()
+      active.value = true
+      list.forEach((item) => {
+        if (item.proxy) {
+          ;(item.proxy as any).active = true
+        }
+      })
+
+      rootMenuEmitter.emit('on-update-active-name:submenu', uidList)
+    }
+    else {
+      active.value = false
+    }
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <li :class="getClass" :style="getCollapse ? {} : getItemStyle" @click.stop="handleClickItem">
+    <Tooltip v-if="showToptip" placement="right">
+      <template #title>
+        <slot name="title" />
+      </template>
+      <div :class="`${prefixCls}-tooltip`">
+        <slot />
+      </div>
+    </Tooltip>
+
+    <template v-else>
+      <slot />
+      <slot name="title" />
+    </template>
+  </li>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/SubMenuItem.vue b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/SubMenuItem.vue
new file mode 100644
index 0000000..829b343
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -0,0 +1,285 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, getCurrentInstance, inject, onBeforeMount, provide, reactive, unref } from 'vue'
+import { Popover } from 'ant-design-vue'
+import type { SubMenuProvider } from './types'
+import { useMenuItem } from './useMenu'
+import { useSimpleRootMenuContext } from './useSimpleMenuContext'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+import { CollapseTransition } from '@/components/Transition'
+import { Icon } from '@/components/Icon'
+import { isBoolean, isObject } from '@/utils/is'
+import mitt from '@/utils/mitt'
+
+defineOptions({ name: 'SubMenu' })
+
+const props = defineProps({
+  name: {
+    type: [String, Number] as PropType<string | number>,
+    required: true,
+  },
+  disabled: propTypes.bool,
+  collapsedShowTitle: propTypes.bool,
+})
+const DELAY = 200
+const instance = getCurrentInstance()
+
+const state = reactive({
+  active: false,
+  opened: false,
+})
+
+const data = reactive({
+  timeout: null as TimeoutHandle | null,
+  mouseInChild: false,
+  isChild: false,
+})
+
+const { getParentSubMenu, getItemStyle, getParentMenu, getParentList } = useMenuItem(instance)
+
+const { prefixCls } = useDesign('menu')
+
+const subMenuEmitter = mitt()
+
+const { rootMenuEmitter } = useSimpleRootMenuContext()
+
+const {
+  addSubMenu: parentAddSubmenu,
+  removeSubMenu: parentRemoveSubmenu,
+  removeAll: parentRemoveAll,
+  getOpenNames: parentGetOpenNames,
+  isRemoveAllPopup,
+  sliceIndex,
+  level,
+  props: rootProps,
+  handleMouseleave: parentHandleMouseleave,
+} = inject<SubMenuProvider>(`subMenu:${getParentMenu.value?.uid}`)!
+
+const getClass = computed(() => {
+  return [
+    `${prefixCls}-submenu`,
+    {
+      [`${prefixCls}-item-active`]: state.active,
+      [`${prefixCls}-opened`]: state.opened,
+      [`${prefixCls}-submenu-disabled`]: props.disabled,
+      [`${prefixCls}-submenu-has-parent-submenu`]: unref(getParentSubMenu),
+      [`${prefixCls}-child-item-active`]: state.active,
+    },
+  ]
+})
+
+const getAccordion = computed(() => rootProps.accordion)
+const getCollapse = computed(() => rootProps.collapse)
+const getTheme = computed(() => rootProps.theme)
+
+const getOverlayStyle = computed((): CSSProperties => {
+  return {
+    minWidth: '200px',
+  }
+})
+
+const getIsOpend = computed(() => {
+  const name = props.name
+  if (unref(getCollapse))
+    return parentGetOpenNames().includes(name)
+
+  return state.opened
+})
+
+const getSubClass = computed(() => {
+  const isActive = rootProps.activeSubMenuNames.includes(props.name)
+  return [
+    `${prefixCls}-submenu-title`,
+    {
+      [`${prefixCls}-submenu-active`]: isActive,
+      [`${prefixCls}-submenu-active-border`]: isActive && level === 0,
+      [`${prefixCls}-submenu-collapse`]: unref(getCollapse) && level === 0,
+    },
+  ]
+})
+
+function getEvents(deep: boolean) {
+  if (!unref(getCollapse))
+    return {}
+
+  return {
+    onMouseenter: handleMouseenter,
+    onMouseleave: () => handleMouseleave(deep),
+  }
+}
+
+function handleClick() {
+  const { disabled } = props
+  if (disabled || unref(getCollapse))
+    return
+  const opened = state.opened
+
+  if (unref(getAccordion)) {
+    const { uidList } = getParentList()
+    rootMenuEmitter.emit('on-update-opened', {
+      opend: false,
+      parent: instance?.parent,
+      uidList,
+    })
+  }
+  else {
+    rootMenuEmitter.emit('open-name-change', {
+      name: props.name,
+      opened: !opened,
+    })
+  }
+  state.opened = !opened
+}
+
+function handleMouseenter() {
+  const disabled = props.disabled
+  if (disabled)
+    return
+
+  subMenuEmitter.emit('submenu:mouse-enter-child')
+
+  const index = parentGetOpenNames().findIndex(item => item === props.name)
+
+  sliceIndex(index)
+
+  const isRoot = level === 0 && parentGetOpenNames().length === 2
+  if (isRoot)
+    parentRemoveAll()
+
+  data.isChild = parentGetOpenNames().includes(props.name)
+  clearTimeout(data.timeout!)
+  data.timeout = setTimeout(() => {
+    parentAddSubmenu(props.name)
+  }, DELAY)
+}
+
+function handleMouseleave(deepDispatch = false) {
+  const parentName = getParentMenu.value?.props.name
+  if (!parentName)
+    isRemoveAllPopup.value = true
+
+  if (parentGetOpenNames().slice(-1)[0] === props.name)
+    data.isChild = false
+
+  subMenuEmitter.emit('submenu:mouse-leave-child')
+  if (data.timeout) {
+    clearTimeout(data.timeout!)
+    data.timeout = setTimeout(() => {
+      if (isRemoveAllPopup.value)
+        parentRemoveAll()
+      else if (!data.mouseInChild)
+        parentRemoveSubmenu(props.name)
+    }, DELAY)
+  }
+  if (deepDispatch) {
+    if (getParentSubMenu.value)
+      parentHandleMouseleave?.(true)
+  }
+}
+
+onBeforeMount(() => {
+  subMenuEmitter.on('submenu:mouse-enter-child', () => {
+    data.mouseInChild = true
+    isRemoveAllPopup.value = false
+    clearTimeout(data.timeout!)
+  })
+  subMenuEmitter.on('submenu:mouse-leave-child', () => {
+    if (data.isChild)
+      return
+    data.mouseInChild = false
+    clearTimeout(data.timeout!)
+  })
+
+  rootMenuEmitter.on('on-update-opened', (data: boolean | (string | number)[] | Recordable) => {
+    if (unref(getCollapse))
+      return
+    if (isBoolean(data)) {
+      state.opened = data
+      return
+    }
+    if (isObject(data) && rootProps.accordion) {
+      const { opend, parent, uidList } = data as Recordable
+      if (parent === instance?.parent)
+        state.opened = opend
+      else if (!uidList.includes(instance?.uid))
+        state.opened = false
+
+      return
+    }
+
+    if (props.name && Array.isArray(data))
+      state.opened = (data as (string | number)[]).includes(props.name)
+  })
+
+  rootMenuEmitter.on('on-update-active-name:submenu', (data: number[]) => {
+    if (instance?.uid)
+      state.active = data.includes(instance?.uid)
+  })
+})
+
+function handleOpenChange(open: boolean) {
+  state.opened = open
+}
+
+// provide
+provide<SubMenuProvider>(`subMenu:${instance?.uid}`, {
+  addSubMenu: parentAddSubmenu,
+  removeSubMenu: parentRemoveSubmenu,
+  getOpenNames: parentGetOpenNames,
+  removeAll: parentRemoveAll,
+  isRemoveAllPopup,
+  sliceIndex,
+  level: level + 1,
+  handleMouseleave,
+  props: rootProps,
+})
+</script>
+
+<template>
+  <li :class="getClass">
+    <template v-if="!getCollapse">
+      <div :class="`${prefixCls}-submenu-title`" :style="getItemStyle" @click.stop="handleClick">
+        <slot name="title" />
+        <Icon icon="eva:arrow-ios-downward-outline" :size="14" :class="`${prefixCls}-submenu-title-icon`" />
+      </div>
+      <CollapseTransition>
+        <ul v-show="state.opened" :class="prefixCls">
+          <slot />
+        </ul>
+      </CollapseTransition>
+    </template>
+
+    <Popover
+      v-else
+      placement="right"
+      :overlay-class-name="`${prefixCls}-menu-popover`"
+      :open="getIsOpend"
+      :overlay-style="getOverlayStyle"
+      :align="{ offset: [0, 0] }"
+      @open-change="handleOpenChange"
+    >
+      <div :class="getSubClass" v-bind="getEvents(false)">
+        <div
+          :class="[
+            {
+              [`${prefixCls}-submenu-popup`]: !getParentSubMenu,
+              [`${prefixCls}-submenu-collapsed-show-tit`]: collapsedShowTitle,
+            },
+          ]"
+        >
+          <slot name="title" />
+        </div>
+        <Icon v-if="getParentSubMenu" icon="eva:arrow-ios-downward-outline" :size="14" :class="`${prefixCls}-submenu-title-icon`" />
+      </div>
+      <!-- eslint-disable-next-line -->
+      <template #content v-show="state.opened">
+        <div v-bind="getEvents(true)">
+          <ul :class="[prefixCls, `${prefixCls}-${getTheme}`, `${prefixCls}-popup`]">
+            <slot />
+          </ul>
+        </div>
+      </template>
+    </Popover>
+  </li>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/menu.less b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/menu.less
new file mode 100644
index 0000000..4a4c30e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/menu.less
@@ -0,0 +1,283 @@
+@menu-prefix-cls: ~"@{namespace}-menu";
+@menu-popup-prefix-cls: ~"@{namespace}-menu-popup";
+@submenu-popup-prefix-cls: ~"@{namespace}-menu-submenu-popup";
+
+@transition-time: 0.2s;
+@menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
+
+.light-border {
+  &::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    display: block;
+    width: 2px;
+    content: "";
+  }
+}
+
+.@{menu-prefix-cls}-menu-popover {
+  .ant-popover-arrow {
+    display: none;
+  }
+
+  .ant-popover-inner-content {
+    padding: 0;
+  }
+
+  .@{menu-prefix-cls} {
+    &-opened > * > &-submenu-title-icon {
+      transform: translateY(-50%) rotate(90deg) !important;
+    }
+
+    &-item,
+    &-submenu-title {
+      position: relative;
+      z-index: 1;
+      padding: 12px 20px;
+      color: @menu-dark-subsidiary-color;
+      cursor: pointer;
+      transition: all @transition-time @ease-in-out;
+
+      &-icon {
+        position: absolute;
+        top: 50%;
+        right: 18px;
+        transition: transform @transition-time @ease-in-out;
+        transform: translateY(-50%) rotate(-90deg);
+      }
+    }
+
+    &-dark {
+      .@{menu-prefix-cls}-item,
+      .@{menu-prefix-cls}-submenu-title {
+        color: @menu-dark-subsidiary-color;
+        // background: @menu-dark-active-bg;
+
+        &:hover {
+          color: #fff;
+        }
+
+        &-selected {
+          color: #fff;
+        }
+      }
+    }
+
+    &-light {
+      .@{menu-prefix-cls}-item,
+      .@{menu-prefix-cls}-submenu-title {
+        &-selected {
+          z-index: 2;
+          .light-border();
+        }
+      }
+    }
+  }
+}
+
+.content();
+.content() {
+  .@{menu-prefix-cls} {
+    position: relative;
+    display: block;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    font-size: @font-size-base;
+    list-style: none;
+    outline: none;
+
+    // .collapse-transition {
+    //   transition: @transition-time height ease-in-out, @transition-time padding-top ease-in-out,
+    //     @transition-time padding-bottom ease-in-out;
+    // }
+
+    &-light {
+      background-color: #fff;
+
+      .@{menu-prefix-cls}-submenu-active {
+        &-border {
+          .light-border();
+        }
+      }
+    }
+
+    &-dark {
+      .@{menu-prefix-cls}-submenu-active {
+        color: #fff !important;
+      }
+    }
+
+    &-item {
+      position: relative;
+      z-index: 1;
+      display: flex;
+      align-items: center;
+      font-size: @font-size-base;
+      color: inherit;
+      list-style: none;
+      cursor: pointer;
+      outline: none;
+
+      &:hover,
+      &:active {
+        color: inherit;
+      }
+    }
+
+    &-item > i {
+      margin-right: 6px;
+    }
+
+    &-submenu-title > i,
+    &-submenu-title span > i {
+      margin-right: 8px;
+    }
+
+    // vertical
+    &-vertical &-item,
+    &-vertical &-submenu-title {
+      position: relative;
+      z-index: 1;
+      padding: 14px 24px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      cursor: pointer;
+
+      .@{menu-prefix-cls}-tooltip {
+        width: calc(100% - 0px);
+        padding: 12px 0;
+        text-align: center;
+      }
+      .@{menu-prefix-cls}-submenu-popup {
+        padding: 12px 0;
+      }
+    }
+
+    &-vertical &-submenu-collapse {
+      .@{submenu-popup-prefix-cls} {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .@{menu-prefix-cls}-submenu-collapsed-show-tit {
+        flex-direction: column;
+      }
+    }
+
+    &-vertical&-collapse &-item,
+    &-vertical&-collapse &-submenu-title {
+      padding: 0;
+    }
+
+    &-vertical &-submenu-title-icon {
+      position: absolute;
+      top: 50%;
+      right: 18px;
+      transform: translateY(-50%);
+    }
+
+    &-submenu-title-icon {
+      transition: transform @transition-time @ease-in-out;
+    }
+
+    &-vertical &-opened > * > &-submenu-title-icon {
+      transform: translateY(-50%) rotate(180deg);
+    }
+
+    &-vertical &-submenu {
+      &-nested {
+        padding-left: 20px;
+      }
+      .@{menu-prefix-cls}-item {
+        padding-left: 43px;
+      }
+    }
+
+    &-light&-vertical &-item {
+      &-active:not(.@{menu-prefix-cls}-submenu) {
+        z-index: 2;
+        .light-border();
+      }
+    }
+
+    &-light&-vertical&-collapse {
+      > li.@{menu-prefix-cls}-item-active,
+      .@{menu-prefix-cls}-submenu-active {
+        position: relative;
+
+        &::after {
+          display: none;
+        }
+
+        &::before {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 3px;
+          height: 100%;
+          content: "";
+        }
+      }
+    }
+
+    &-dark&-vertical &-item,
+    &-dark&-vertical &-submenu-title {
+      color: @menu-dark-subsidiary-color;
+      &-active:not(.@{menu-prefix-cls}-submenu) {
+        color: #fff !important;
+        background-color: #0b55a4;
+        border-radius: 6px;
+      }
+
+      &:hover {
+        color: #fff;
+      }
+    }
+
+    &-dark&-vertical&-collapse {
+      > li.@{menu-prefix-cls}-item-active,
+      .@{menu-prefix-cls}-submenu-active {
+        position: relative;
+        color: #fff !important;
+        background-color: @sider-dark-darken-bg-color !important;
+
+        &::before {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 3px;
+          height: 100%;
+          content: "";
+        }
+
+        .@{menu-prefix-cls}-submenu-collapse {
+          background-color: transparent;
+        }
+      }
+    }
+
+    &-dark&-vertical &-submenu &-item {
+      &-active,
+      &-active:hover {
+        color: #fff;
+        border-right: none;
+      }
+    }
+
+    &-dark&-vertical &-child-item-active > &-submenu-title {
+      color: #fff;
+    }
+
+    &-dark&-vertical &-opened {
+      .@{menu-prefix-cls}-submenu-has-parent-submenu {
+        .@{menu-prefix-cls}-submenu-title {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/types.ts b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/types.ts
new file mode 100644
index 0000000..a26e8db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/types.ts
@@ -0,0 +1,25 @@
+import type { Ref } from 'vue'
+
+export interface Props {
+  theme: string
+  activeName?: string | number | undefined
+  openNames: string[]
+  accordion: boolean
+  width: string
+  collapsedWidth: string
+  indentSize: number
+  collapse: boolean
+  activeSubMenuNames: (string | number)[]
+}
+
+export interface SubMenuProvider {
+  addSubMenu: (name: string | number, update?: boolean) => void
+  removeSubMenu: (name: string | number, update?: boolean) => void
+  removeAll: () => void
+  sliceIndex: (index: number) => void
+  isRemoveAllPopup: Ref<boolean>
+  getOpenNames: () => (string | number)[]
+  handleMouseleave?: Fn
+  level: number
+  props: Props
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useMenu.ts b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useMenu.ts
new file mode 100644
index 0000000..3892300
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useMenu.ts
@@ -0,0 +1,88 @@
+import { computed, unref } from 'vue'
+import type { CSSProperties, ComponentInternalInstance } from 'vue'
+
+export function useMenuItem(instance: ComponentInternalInstance | null) {
+  const getParentMenu = computed(() => {
+    return findParentMenu(['Menu', 'SubMenu'])
+  })
+
+  const getParentRootMenu = computed(() => {
+    return findParentMenu(['Menu'])
+  })
+
+  const getParentSubMenu = computed(() => {
+    return findParentMenu(['SubMenu'])
+  })
+
+  const getItemStyle = computed((): CSSProperties => {
+    let parent = instance?.parent
+    if (!parent)
+      return {}
+    const indentSize = (unref(getParentRootMenu)?.props.indentSize as number) ?? 20
+    let padding = indentSize
+
+    if (unref(getParentRootMenu)?.props.collapse) {
+      padding = indentSize
+    }
+    else {
+      while (parent && parent.type.name !== 'Menu') {
+        if (parent.type.name === 'SubMenu')
+          padding += indentSize
+
+        parent = parent.parent
+      }
+    }
+    return { paddingLeft: `${padding}px` }
+  })
+
+  function findParentMenu(name: string[]) {
+    let parent = instance?.parent
+    if (!parent)
+      return null
+    while (parent && !name.includes(parent.type.name!))
+      parent = parent.parent
+
+    return parent
+  }
+
+  function getParentList() {
+    let parent = instance
+    if (!parent) {
+      return {
+        uidList: [],
+        list: [],
+      }
+    }
+    const ret: any[] = []
+    while (parent && parent.type.name !== 'Menu') {
+      if (parent.type.name === 'SubMenu')
+        ret.push(parent)
+
+      parent = parent.parent
+    }
+    return {
+      uidList: ret.map(item => item.uid),
+      list: ret,
+    }
+  }
+
+  function getParentInstance(instance: ComponentInternalInstance, name = 'SubMenu') {
+    let parent = instance.parent
+    while (parent) {
+      if (parent.type.name !== name)
+        return parent
+
+      parent = parent.parent
+    }
+    return parent
+  }
+
+  return {
+    getParentMenu,
+    getParentInstance,
+    getParentRootMenu,
+    getParentList,
+    getParentSubMenu,
+    getItemStyle,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
new file mode 100644
index 0000000..9b96770
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
@@ -0,0 +1,18 @@
+import type { InjectionKey, Ref } from 'vue'
+import type { Emitter } from '@/utils/mitt'
+import { createContext, useContext } from '@/hooks/core/useContext'
+
+export interface SimpleRootMenuContextProps {
+  rootMenuEmitter: Emitter
+  activeName: Ref<string | number>
+}
+
+const key: InjectionKey<SimpleRootMenuContextProps> = Symbol('simple-menu-context')
+
+export function createSimpleRootMenuContext(context: SimpleRootMenuContextProps) {
+  return createContext<SimpleRootMenuContextProps>(context, key, { readonly: false, native: true })
+}
+
+export function useSimpleRootMenuContext() {
+  return useContext<SimpleRootMenuContextProps>(key)
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/index.less b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/index.less
new file mode 100644
index 0000000..d1dca48
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/index.less
@@ -0,0 +1,63 @@
+@simple-prefix-cls: ~"@{namespace}-simple-menu";
+@prefix-cls: ~"@{namespace}-menu";
+
+.@{prefix-cls} {
+  &-dark&-vertical .@{simple-prefix-cls}__parent {
+    background-color: @sider-dark-bg-color;
+    border: 0;
+    > .@{prefix-cls}-submenu-title {
+      background-color: @sider-dark-bg-color;
+    }
+  }
+
+  &-dark&-vertical .@{simple-prefix-cls}__children,
+  &-dark&-popup .@{simple-prefix-cls}__children {
+    background-color: @sider-dark-lighten-bg-color;
+    border: 0;
+    > .@{prefix-cls}-submenu-title {
+      background-color: @sider-dark-lighten-bg-color;
+    }
+  }
+
+  .collapse-title {
+    overflow: hidden;
+    font-size: 12px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.@{simple-prefix-cls} {
+  &-sub-title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    transition: all 0.3s;
+  }
+
+  &-tag {
+    position: absolute;
+    top: calc(50% - 8px);
+    right: 30px;
+    display: inline-block;
+    padding: 2px 3px;
+    margin-right: 4px;
+    font-size: 10px;
+    line-height: 14px;
+    color: #fff;
+    border-radius: 2px;
+
+    &--collapse {
+      top: 6px !important;
+      right: 2px;
+    }
+
+    &--dot {
+      top: calc(50% - 2px);
+      width: 6px;
+      height: 6px;
+      padding: 0;
+      border-radius: 50%;
+    }
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/types.ts b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/types.ts
new file mode 100644
index 0000000..1c7bbee
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/types.ts
@@ -0,0 +1,5 @@
+export interface MenuState {
+  activeName: string
+  openNames: string[]
+  activeSubMenuNames: string[]
+}
diff --git a/yunxi-ui-admin-vben/src/components/SimpleMenu/src/useOpenKeys.ts b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/useOpenKeys.ts
new file mode 100644
index 0000000..79aa424
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/SimpleMenu/src/useOpenKeys.ts
@@ -0,0 +1,49 @@
+import type { Ref } from 'vue'
+import { computed, toRaw, unref } from 'vue'
+
+import { uniq } from 'lodash-es'
+
+import { useDebounceFn, useTimeoutFn } from '@vueuse/core'
+import type { MenuState } from './types'
+import { getAllParentPath } from '@/router/helper/menuHelper'
+import type { Menu as MenuType } from '@/router/types'
+
+export function useOpenKeys(
+  menuState: MenuState,
+  menus: Ref<MenuType[]>,
+  accordion: Ref<boolean>,
+  mixSider: Ref<boolean>,
+  collapse: Ref<boolean>,
+) {
+  const debounceSetOpenKeys = useDebounceFn(setOpenKeys, 50)
+
+  function setOpenKeys(path: string) {
+    const native = !mixSider.value
+    const menuList = toRaw(menus.value)
+    const handle = () => {
+      if (menuList?.length === 0) {
+        menuState.activeSubMenuNames = []
+        menuState.openNames = []
+        return
+      }
+      const keys = getAllParentPath(menuList, path)
+
+      if (!unref(accordion))
+        menuState.openNames = uniq([...menuState.openNames, ...keys])
+      else
+        menuState.openNames = keys
+
+      menuState.activeSubMenuNames = menuState.openNames
+    }
+    if (native)
+      handle()
+    else
+      useTimeoutFn(handle, 30)
+  }
+
+  const getOpenKeys = computed(() => {
+    return unref(collapse) ? [] : menuState.openNames
+  })
+
+  return { setOpenKeys: debounceSetOpenKeys, getOpenKeys }
+}
diff --git a/yunxi-ui-admin-vben/src/components/StrengthMeter/index.ts b/yunxi-ui-admin-vben/src/components/StrengthMeter/index.ts
new file mode 100644
index 0000000..a11354b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/StrengthMeter/index.ts
@@ -0,0 +1,4 @@
+import strengthMeter from './src/StrengthMeter.vue'
+import { withInstall } from '@/utils'
+
+export const StrengthMeter = withInstall(strengthMeter)
diff --git a/yunxi-ui-admin-vben/src/components/StrengthMeter/src/StrengthMeter.vue b/yunxi-ui-admin-vben/src/components/StrengthMeter/src/StrengthMeter.vue
new file mode 100644
index 0000000..b9f8f7e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/StrengthMeter/src/StrengthMeter.vue
@@ -0,0 +1,104 @@
+<script lang="ts" setup>
+import { computed, ref, unref, watch, watchEffect } from 'vue'
+import { InputPassword } from 'ant-design-vue'
+import { zxcvbn } from '@zxcvbn-ts/core'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'StrengthMeter' })
+
+const props = defineProps({
+  value: propTypes.string,
+  showInput: propTypes.bool.def(true),
+  disabled: propTypes.bool,
+})
+const emit = defineEmits(['score-change', 'change'])
+
+const innerValueRef = ref('')
+const { prefixCls } = useDesign('strength-meter')
+
+const getPasswordStrength = computed(() => {
+  const { disabled } = props
+  if (disabled)
+    return -1
+  const innerValue = unref(innerValueRef)
+  const score = innerValue ? zxcvbn(unref(innerValueRef)).score : -1
+  emit('score-change', score)
+  return score
+})
+
+function handleChange(e: ChangeEvent) {
+  innerValueRef.value = e.target.value
+}
+
+watchEffect(() => {
+  innerValueRef.value = props.value || ''
+})
+
+watch(
+  () => unref(innerValueRef),
+  (val) => {
+    emit('change', val)
+  },
+)
+</script>
+
+<template>
+  <div :class="prefixCls" class="relative">
+    <InputPassword v-if="showInput" v-bind="$attrs" allow-clear :value="innerValueRef" :disabled="disabled" @change="handleChange">
+      <template v-for="item in Object.keys($slots)" #[item]="data">
+        <slot :name="item" v-bind="data || {}" />
+      </template>
+    </InputPassword>
+    <div :class="`${prefixCls}-bar`">
+      <div :class="`${prefixCls}-bar--fill`" :data-score="getPasswordStrength" />
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-strength-meter';
+
+.@{prefix-cls} {
+  &-bar {
+    position: relative;
+    height: 6px;
+    margin: 10px auto 6px;
+    background-color: @disabled-color;
+    border-radius: 6px;
+
+    &::before,
+    &::after {
+      position: absolute;
+      z-index: 10;
+      display: block;
+      width: 20%;
+      height: inherit;
+      content: '';
+      background-color: transparent;
+      border-color: @white;
+      border-style: solid;
+      border-width: 0 5px;
+    }
+
+    &::before {
+      left: 20%;
+    }
+
+    &::after {
+      right: 20%;
+    }
+
+    &--fill {
+      position: absolute;
+      width: 0;
+      height: inherit;
+      background-color: transparent;
+      border-radius: inherit;
+      transition:
+        width 0.5s ease-in-out,
+        background 0.25s;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/index.ts b/yunxi-ui-admin-vben/src/components/Table/index.ts
new file mode 100644
index 0000000..aa426e4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/index.ts
@@ -0,0 +1,12 @@
+export { default as BasicTable } from './src/BasicTable.vue'
+export { default as TableAction } from './src/components/TableAction.vue'
+export { default as EditTableHeaderIcon } from './src/components/EditTableHeaderIcon.vue'
+export { default as TableImg } from './src/components/TableImg.vue'
+
+export * from './src/types/table'
+export * from './src/types/pagination'
+export * from './src/types/tableAction'
+export { useTable } from './src/hooks/useTable'
+export { useRender } from './src/hooks/useRender'
+export type { FormSchema, FormProps } from '@/components/Form/src/types/form'
+export type { EditRecordRow } from './src/components/editable'
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/BasicTable.vue b/yunxi-ui-admin-vben/src/components/Table/src/BasicTable.vue
new file mode 100644
index 0000000..0e79bd6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/BasicTable.vue
@@ -0,0 +1,411 @@
+<script lang="ts" setup>
+import { computed, inject, ref, toRaw, unref, useAttrs, useSlots, watchEffect } from 'vue'
+import { Table } from 'ant-design-vue'
+import { omit } from 'lodash-es'
+import type { BasicTableProps, ColumnChangeParam, InnerHandlers, SizeType, TableActionType } from './types/table'
+import HeaderCell from './components/HeaderCell.vue'
+import { usePagination } from './hooks/usePagination'
+import { useColumns } from './hooks/useColumns'
+import { useDataSource } from './hooks/useDataSource'
+import { useLoading } from './hooks/useLoading'
+import { useRowSelection } from './hooks/useRowSelection'
+import { useTableScroll } from './hooks/useTableScroll'
+import { useTableScrollTo } from './hooks/useScrollTo'
+import { useCustomRow } from './hooks/useCustomRow'
+import { useTableStyle } from './hooks/useTableStyle'
+import { useTableHeader } from './hooks/useTableHeader'
+import { useTableExpand } from './hooks/useTableExpand'
+import { createTableContext } from './hooks/useTableContext'
+import { useTableFooter } from './hooks/useTableFooter'
+import { useTableForm } from './hooks/useTableForm'
+import { basicProps } from './props'
+import { useDesign } from '@/hooks/web/useDesign'
+import { BasicForm, useForm } from '@/components/Form'
+import { PageWrapperFixedHeightKey } from '@/enums/pageEnum'
+import { isFunction } from '@/utils/is'
+import { warn } from '@/utils/log'
+
+defineOptions({ name: 'BasicTable' })
+
+const props = defineProps(basicProps)
+const emit = defineEmits([
+  'fetch-success',
+  'fetch-error',
+  'selection-change',
+  'register',
+  'row-click',
+  'row-dbClick',
+  'row-contextmenu',
+  'row-mouseenter',
+  'row-mouseleave',
+  'edit-end',
+  'edit-cancel',
+  'edit-row-end',
+  'edit-change',
+  'expanded-rows-change',
+  'change',
+  'columns-change',
+])
+const slots = useSlots()
+const attrs = useAttrs()
+
+const tableElRef = ref(null)
+const tableData = ref<Recordable[]>([])
+
+const wrapRef = ref(null)
+const formRef = ref(null)
+const innerPropsRef = ref<Partial<BasicTableProps>>()
+
+const { prefixCls } = useDesign('basic-table')
+const [registerForm, formActions] = useForm()
+
+const getProps = computed(() => {
+  return { ...props, ...unref(innerPropsRef) } as BasicTableProps
+})
+
+const isFixedHeightPage = inject(PageWrapperFixedHeightKey, false)
+watchEffect(() => {
+  unref(isFixedHeightPage)
+    && props.canResize
+    && warn('\'canResize\' of BasicTable may not work in PageWrapper with \'fixedHeight\' (especially in hot updates)')
+})
+
+const { getLoading, setLoading } = useLoading(getProps)
+const { getPaginationInfo, getPagination, setPagination, setShowPagination, getShowPagination } = usePagination(getProps)
+
+const {
+  getRowSelection,
+  getRowSelectionRef,
+  getSelectRows,
+  setSelectedRows,
+  clearSelectedRowKeys,
+  getSelectRowKeys,
+  deleteSelectRowByKey,
+  setSelectedRowKeys,
+} = useRowSelection(getProps, tableData, emit)
+
+const {
+  handleTableChange: onTableChange,
+  getDataSourceRef,
+  getDataSource,
+  getRawDataSource,
+  setTableData,
+  updateTableDataRecord,
+  deleteTableDataRecord,
+  insertTableDataRecord,
+  findTableDataRecord,
+  fetch,
+  getRowKey,
+  reload,
+  getAutoCreateKey,
+  updateTableData,
+} = useDataSource(
+  getProps,
+  {
+    tableData,
+    getPaginationInfo,
+    setLoading,
+    setPagination,
+    getFieldsValue: formActions.getFieldsValue,
+    clearSelectedRowKeys,
+  },
+  emit,
+)
+
+function handleTableChange(...args) {
+  onTableChange.call(undefined, ...args)
+  emit('change', ...args)
+  // 解决通过useTable注册onChange时不起作用的问题
+  const { onChange } = unref(getProps)
+  onChange && isFunction(onChange) && onChange.call(undefined, ...args)
+}
+
+const { getViewColumns, getColumns, setCacheColumnsByField, setCacheColumns, setColumns, getColumnsRef, getCacheColumns } = useColumns(
+  getProps,
+  getPaginationInfo,
+)
+
+const { getScrollRef, redoHeight } = useTableScroll(
+  getProps,
+  tableElRef,
+  getColumnsRef,
+  getRowSelectionRef,
+  getDataSourceRef,
+  wrapRef,
+  formRef,
+)
+
+const { scrollTo } = useTableScrollTo(tableElRef, getDataSourceRef)
+
+const { customRow } = useCustomRow(getProps, {
+  setSelectedRowKeys,
+  getSelectRowKeys,
+  clearSelectedRowKeys,
+  getAutoCreateKey,
+  emit,
+})
+
+const { getRowClassName } = useTableStyle(getProps, prefixCls)
+
+const { getExpandOption, expandAll, expandRows, collapseAll } = useTableExpand(getProps, tableData, emit)
+
+const handlers: InnerHandlers = {
+  onColumnsChange: (data: ColumnChangeParam[]) => {
+    emit('columns-change', data)
+    // support useTable
+    unref(getProps).onColumnsChange?.(data)
+  },
+}
+
+const { getHeaderProps } = useTableHeader(getProps, slots, handlers)
+
+const { getFooterProps } = useTableFooter(getProps, getScrollRef, tableElRef, getDataSourceRef)
+
+const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchInfoChange, getShowForm, setShowForm } = useTableForm(
+  getProps,
+  slots,
+  fetch,
+  getLoading,
+)
+
+const getBindValues = computed(() => {
+  const dataSource = unref(getDataSourceRef)
+  let propsData: Recordable = {
+    ...attrs,
+    customRow,
+    ...unref(getProps),
+    ...unref(getHeaderProps),
+    scroll: unref(getScrollRef),
+    loading: unref(getLoading),
+    tableLayout: 'fixed',
+    rowSelection: unref(getRowSelectionRef),
+    rowKey: unref(getRowKey),
+    columns: toRaw(unref(getViewColumns)),
+    pagination: toRaw(unref(getPaginationInfo)),
+    dataSource,
+    footer: unref(getFooterProps),
+    ...unref(getExpandOption),
+  }
+  // if (slots.expandedRowRender) {
+  //   propsData = omit(propsData, 'scroll');
+  // }
+
+  propsData = omit(propsData, ['class', 'onChange'])
+  return propsData
+})
+
+const getWrapperClass = computed(() => {
+  const values = unref(getBindValues)
+  return [
+    prefixCls,
+    attrs.class,
+    {
+      [`${prefixCls}-form-container`]: values.useSearchForm,
+      [`${prefixCls}--inset`]: values.inset,
+    },
+  ]
+})
+
+const getEmptyDataIsShowTable = computed(() => {
+  const { emptyDataIsShowTable, useSearchForm } = unref(getProps)
+  if (emptyDataIsShowTable || !useSearchForm)
+    return true
+
+  return !!unref(getDataSourceRef).length
+})
+
+function setProps(props: Partial<BasicTableProps>) {
+  innerPropsRef.value = { ...unref(innerPropsRef), ...props }
+}
+
+function handleResizeColumn(w, col) {
+  col.width = w
+}
+
+const tableAction: TableActionType = {
+  reload,
+  getSelectRows,
+  setSelectedRows,
+  clearSelectedRowKeys,
+  getSelectRowKeys,
+  deleteSelectRowByKey,
+  setPagination,
+  setTableData,
+  updateTableDataRecord,
+  deleteTableDataRecord,
+  insertTableDataRecord,
+  findTableDataRecord,
+  redoHeight,
+  setSelectedRowKeys,
+  setColumns,
+  setLoading,
+  getDataSource,
+  getRawDataSource,
+  setProps,
+  getRowSelection,
+  getPaginationRef: getPagination,
+  getColumns,
+  getCacheColumns,
+  emit,
+  updateTableData,
+  setShowPagination,
+  getShowPagination,
+  setCacheColumnsByField,
+  expandAll,
+  expandRows,
+  collapseAll,
+  scrollTo,
+  getSize: () => {
+    return unref(getBindValues).size as SizeType
+  },
+  setCacheColumns,
+  setShowForm,
+  getShowForm,
+}
+createTableContext({ ...tableAction, wrapRef, getBindValues })
+
+defineExpose({ tableAction })
+
+emit('register', tableAction, formActions)
+</script>
+
+<template>
+  <div ref="wrapRef" :class="getWrapperClass">
+    <BasicForm
+      v-if="getShowForm() && getBindValues.useSearchForm"
+      ref="formRef"
+      submit-on-reset
+      v-bind="getFormProps"
+      :table-action="tableAction"
+      @register="registerForm"
+      @submit="handleSearchInfoChange"
+      @advanced-change="redoHeight"
+    >
+      <template v-for="item in getFormSlotKeys" #[replaceFormSlotKey(item)]="data">
+        <slot :name="item" v-bind="data || {}" />
+      </template>
+    </BasicForm>
+
+    <Table
+      v-show="getEmptyDataIsShowTable"
+      ref="tableElRef"
+      v-bind="getBindValues"
+      :row-class-name="getRowClassName"
+      @change="handleTableChange"
+      @resize-column="handleResizeColumn"
+    >
+      <template v-for="item in Object.keys($slots)" #[item]="data" :key="item">
+        <slot :name="item" v-bind="data || {}" />
+      </template>
+      <template #headerCell="{ column }">
+        <slot name="headerCell" v-bind="{ column }">
+          <HeaderCell :column="column" />
+        </slot>
+      </template>
+      <!-- 增加对antdv3.x兼容 -->
+      <template #bodyCell="data">
+        <slot name="bodyCell" v-bind="data || {}" />
+      </template>
+      <!--      <template #[`header-${column.dataIndex}`] v-for="(column, index) in columns" :key="index"> -->
+      <!--        <HeaderCell :column="column" /> -->
+      <!--      </template> -->
+    </Table>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-table';
+
+html[data-theme='dark'] {
+  .ant-table-tbody > tr:hover.ant-table-row-selected > td,
+  .ant-table-tbody > tr.ant-table-row-selected td {
+    background-color: #262626;
+  }
+}
+
+.@{prefix-cls} {
+  max-width: 100%;
+  height: 100%;
+
+  &-form-container {
+    padding: 12px;
+
+    .ant-form {
+      width: 100%;
+      padding: 12px 10px 6px;
+      margin-bottom: 12px;
+      background-color: var(--component-background);
+      border-radius: 6px;
+    }
+  }
+
+  .ant-table-cell {
+    .ant-tag {
+      margin-right: 0;
+    }
+  }
+
+  .ant-table-wrapper {
+    padding: 6px;
+    background-color: var(--component-background);
+    border-radius: 6px;
+
+    .ant-table-title {
+      min-height: 40px;
+      padding: 0 0 8px !important;
+    }
+
+    .ant-table.ant-table-bordered .ant-table-title {
+      border: none !important;
+    }
+  }
+
+  .ant-table {
+    width: 100%;
+    overflow-x: hidden;
+
+    &-title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 8px 6px;
+      border-bottom: none;
+    }
+
+    //.ant-table-tbody > tr.ant-table-row-selected td {
+    //background-color: fade(@primary-color, 8%) !important;
+    //}
+  }
+
+  .ant-pagination {
+    margin: 10px 0 0;
+  }
+
+  .ant-table-footer {
+    padding: 0;
+
+    .ant-table-wrapper {
+      padding: 0;
+    }
+
+    table {
+      border: none !important;
+    }
+
+    .ant-table-body {
+      overflow-x: hidden !important;
+      //  overflow-y: scroll !important;
+    }
+
+    td {
+      padding: 12px 8px;
+    }
+  }
+
+  &--inset {
+    .ant-table-wrapper {
+      padding: 0;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/componentMap.ts b/yunxi-ui-admin-vben/src/components/Table/src/componentMap.ts
new file mode 100644
index 0000000..a318c5d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/componentMap.ts
@@ -0,0 +1,30 @@
+import type { Component } from 'vue'
+import { AutoComplete, Checkbox, DatePicker, Input, InputNumber, Radio, Select, Switch, TimePicker } from 'ant-design-vue'
+import type { ComponentType } from './types/componentType'
+import { ApiRadioGroup, ApiSelect, ApiTreeSelect, RadioButtonGroup } from '@/components/Form'
+
+const componentMap = new Map<ComponentType, Component>()
+
+componentMap.set('Input', Input)
+componentMap.set('InputNumber', InputNumber)
+componentMap.set('Select', Select)
+componentMap.set('ApiSelect', ApiSelect)
+componentMap.set('AutoComplete', AutoComplete)
+componentMap.set('ApiTreeSelect', ApiTreeSelect)
+componentMap.set('Switch', Switch)
+componentMap.set('Checkbox', Checkbox)
+componentMap.set('DatePicker', DatePicker)
+componentMap.set('TimePicker', TimePicker)
+componentMap.set('RadioGroup', Radio.Group)
+componentMap.set('RadioButtonGroup', RadioButtonGroup)
+componentMap.set('ApiRadioGroup', ApiRadioGroup)
+
+export function add(compName: ComponentType, component: Component) {
+  componentMap.set(compName, component)
+}
+
+export function del(compName: ComponentType) {
+  componentMap.delete(compName)
+}
+
+export { componentMap }
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/EditTableHeaderIcon.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/EditTableHeaderIcon.vue
new file mode 100644
index 0000000..2eff2b7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/EditTableHeaderIcon.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { FormOutlined } from '@ant-design/icons-vue'
+
+defineOptions({ name: 'EditTableHeaderIcon' })
+
+defineProps({ title: { type: String, default: '' } })
+</script>
+
+<template>
+  <span class="edit-header-cell">
+    <slot />
+    {{ title }}
+    <FormOutlined />
+  </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/HeaderCell.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/HeaderCell.vue
new file mode 100644
index 0000000..343d7b1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/HeaderCell.vue
@@ -0,0 +1,63 @@
+<script lang="tsx">
+import type { PropType } from 'vue'
+import { computed, defineComponent } from 'vue'
+import type { BasicColumn } from '../types/table'
+import BasicHelp from '/@/components/Basic/src/BasicHelp.vue'
+import EditTableHeaderCell from './EditTableHeaderIcon.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+
+export default defineComponent({
+  name: 'TableHeaderCell',
+  components: {
+    EditTableHeaderCell,
+    BasicHelp,
+  },
+  props: {
+    column: {
+      type: Object as PropType<BasicColumn>,
+      default: () => ({}),
+    },
+  },
+  setup(props) {
+    const { prefixCls } = useDesign('basic-table-header-cell')
+
+    const getIsEdit = computed(() => !!props.column?.edit)
+    const getTitle = computed(() => {
+      const column = props.column
+      if (typeof column.customHeaderRender === 'function')
+        return column.customHeaderRender(props.column)
+
+      return props.column?.customTitle || props.column?.title
+    })
+    const getHelpMessage = computed(() => props.column?.helpMessage)
+
+    return () => {
+      return (
+          <div>
+            {getIsEdit.value
+              ? (
+              <EditTableHeaderCell>{getTitle.value}</EditTableHeaderCell>
+                )
+              : (
+              <span class="default-header-cell">{getTitle.value}</span>
+                )}
+            {getHelpMessage.value && (
+              <BasicHelp text={getHelpMessage.value} class={`${prefixCls}__help`} />
+            )}
+          </div>
+      )
+    }
+  },
+})
+</script>
+
+<style lang="less">
+  @prefix-cls: ~'@{namespace}-basic-table-header-cell';
+
+  .@{prefix-cls} {
+    &__help {
+      margin-left: 8px;
+      color: rgb(0 0 0 / 65%) !important;
+    }
+  }
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/TableAction.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/TableAction.vue
new file mode 100644
index 0000000..4e7e86e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/TableAction.vue
@@ -0,0 +1,201 @@
+<script lang="ts" setup>
+import { computed, toRaw, unref } from 'vue'
+import { DownOutlined } from '@ant-design/icons-vue'
+import type { TooltipProps } from 'ant-design-vue'
+import { Divider, Tooltip } from 'ant-design-vue'
+import { useTableContext } from '../hooks/useTableContext'
+import { ACTION_COLUMN_FLAG } from '../const'
+import { useI18n } from '@/hooks/web/useI18n'
+import { Icon } from '@/components/Icon'
+import type { ActionItem, TableActionType } from '@/components/Table'
+import { PopConfirmButton } from '@/components/Button'
+import { Dropdown } from '@/components/Dropdown'
+import { useDesign } from '@/hooks/web/useDesign'
+import { usePermission } from '@/hooks/web/usePermission'
+import { isBoolean, isFunction, isString } from '@/utils/is'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'TableAction' })
+
+const props = defineProps({
+  actions: {
+    type: Array as PropType<ActionItem[]>,
+    default: null,
+  },
+  dropDownActions: {
+    type: Array as PropType<ActionItem[]>,
+    default: null,
+  },
+  divider: propTypes.bool.def(true),
+  outside: propTypes.bool,
+  stopButtonPropagation: propTypes.bool.def(false),
+})
+
+const { t } = useI18n()
+const { prefixCls } = useDesign('basic-table-action')
+let table: Partial<TableActionType> = {}
+if (!props.outside)
+  table = useTableContext()
+
+const { hasPermission } = usePermission()
+function isIfShow(action: ActionItem): boolean {
+  const ifShow = action.ifShow
+
+  let isIfShow = true
+
+  if (isBoolean(ifShow))
+    isIfShow = ifShow
+
+  if (isFunction(ifShow))
+    isIfShow = ifShow(action)
+
+  return isIfShow
+}
+
+const getActions = computed(() => {
+  return (toRaw(props.actions) || [])
+    .filter((action) => {
+      return hasPermission(action.auth) && isIfShow(action)
+    })
+    .map((action) => {
+      const { popConfirm } = action
+      return {
+        getPopupContainer: () => unref((table as any)?.wrapRef.value) ?? document.body,
+        type: 'link',
+        ...action,
+        ...(popConfirm || {}),
+        onConfirm: popConfirm?.confirm,
+        onCancel: popConfirm?.cancel,
+        enable: !!popConfirm,
+      }
+    })
+})
+
+const getDropdownList = computed((): any[] => {
+  const list = (toRaw(props.dropDownActions) || []).filter((action) => {
+    return hasPermission(action.auth) && isIfShow(action)
+  })
+  return list.map((action, index) => {
+    const { label, popConfirm } = action
+    return {
+      ...action,
+      ...popConfirm,
+      onConfirm: popConfirm?.confirm,
+      onCancel: popConfirm?.cancel,
+      text: label,
+      divider: index < list.length - 1 ? props.divider : false,
+    }
+  })
+})
+
+const getAlign = computed(() => {
+  const columns = (table as TableActionType)?.getColumns?.() || []
+  const actionColumn = columns.find(item => item.flag === ACTION_COLUMN_FLAG)
+  return actionColumn?.align ?? 'left'
+})
+
+function getTooltip(data: string | TooltipProps): TooltipProps {
+  return {
+    getPopupContainer: () => unref((table as any)?.wrapRef.value) ?? document.body,
+    placement: 'bottom',
+    ...(isString(data) ? { title: data } : data),
+  }
+}
+
+function onCellClick(e: MouseEvent) {
+  if (!props.stopButtonPropagation)
+    return
+  const path = e.composedPath() as HTMLElement[]
+  const isInButton = path.find((ele) => {
+    return ele.tagName?.toUpperCase() === 'BUTTON'
+  })
+  isInButton && e.stopPropagation()
+}
+</script>
+
+<template>
+  <div :class="[prefixCls, getAlign]" @click="onCellClick">
+    <template v-for="(action, index) in getActions" :key="`${index}-${action.label}`">
+      <Tooltip v-if="action.tooltip" v-bind="getTooltip(action.tooltip)">
+        <PopConfirmButton v-bind="action">
+          <Icon v-if="action.icon" :icon="action.icon" :class="{ 'mr-1': !!action.label }" />
+          <template v-if="action.label">
+            {{ action.label }}
+          </template>
+        </PopConfirmButton>
+      </Tooltip>
+      <PopConfirmButton v-else v-bind="action">
+        <Icon v-if="action.icon" :icon="action.icon" :class="{ 'mr-1': !!action.label }" />
+        <template v-if="action.label">
+          {{ action.label }}
+        </template>
+      </PopConfirmButton>
+      <Divider v-if="divider && index < getActions.length - 1" type="vertical" class="action-divider" />
+    </template>
+    <Dropdown v-if="dropDownActions && getDropdownList.length > 0" :trigger="['hover']" :drop-menu-list="getDropdownList" popconfirm>
+      <slot name="more" />
+      <a-button v-if="!$slots.more" type="link">
+        {{ t('action.more') }} <DownOutlined class="icon-more" />
+      </a-button>
+    </Dropdown>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-table-action';
+
+.@{prefix-cls} {
+  display: flex;
+  align-items: center;
+
+  .action-divider {
+    display: table;
+  }
+
+  &.left {
+    justify-content: flex-start;
+  }
+
+  &.center {
+    justify-content: center;
+  }
+
+  &.right {
+    justify-content: flex-end;
+  }
+
+  button {
+    display: flex;
+    align-items: center;
+
+    span {
+      margin-left: 0 !important;
+    }
+  }
+
+  button.ant-btn-circle {
+    span {
+      margin: auto !important;
+    }
+  }
+
+  .ant-btn-link {
+    padding: 8px 4px;
+    margin-left: 0;
+  }
+
+  .ant-divider,
+  .ant-divider-vertical {
+    margin: 0 2px;
+  }
+
+  .icon-more {
+    margin-left: 0.25rem;
+
+    svg {
+      font-size: 1.1em;
+      font-weight: 700;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/TableActionIcon.ts b/yunxi-ui-admin-vben/src/components/Table/src/components/TableActionIcon.ts
new file mode 100644
index 0000000..e69de29
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/TableFooter.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/TableFooter.vue
new file mode 100644
index 0000000..aca8093
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/TableFooter.vue
@@ -0,0 +1,90 @@
+<script lang="ts" setup>
+import { computed, toRaw, unref } from 'vue'
+import { Table } from 'ant-design-vue'
+import { cloneDeep } from 'lodash-es'
+import type { BasicColumn } from '../types/table'
+import { INDEX_COLUMN_FLAG } from '../const'
+import { useTableContext } from '../hooks/useTableContext'
+import { propTypes } from '@/utils/propTypes'
+import { isFunction } from '@/utils/is'
+
+defineOptions({ name: 'BasicTableFooter' })
+const props = defineProps({
+  summaryFunc: {
+    type: Function as PropType<Fn>,
+  },
+  summaryData: {
+    type: Array as PropType<Recordable[]>,
+  },
+  scroll: {
+    type: Object as PropType<Recordable>,
+  },
+  rowKey: propTypes.string.def('key'),
+})
+const SUMMARY_ROW_KEY = '_row'
+const SUMMARY_INDEX_KEY = '_index'
+
+const table = useTableContext()
+
+const getDataSource = computed((): Recordable[] => {
+  const { summaryFunc, summaryData } = props
+  if (summaryData?.length) {
+    summaryData.forEach((item, i) => (item[props.rowKey] = `${i}`))
+    return summaryData
+  }
+  if (!isFunction(summaryFunc))
+    return []
+
+  let dataSource = toRaw(unref(table.getDataSource()))
+  dataSource = summaryFunc(dataSource)
+  dataSource.forEach((item, i) => {
+    item[props.rowKey] = `${i}`
+  })
+  return dataSource
+})
+
+const getColumns = computed(() => {
+  const dataSource = unref(getDataSource)
+  const columns: BasicColumn[] = cloneDeep(table.getColumns())
+  const index = columns.findIndex(item => item.flag === INDEX_COLUMN_FLAG)
+  const hasRowSummary = dataSource.some(item => Reflect.has(item, SUMMARY_ROW_KEY))
+  const hasIndexSummary = dataSource.some(item => Reflect.has(item, SUMMARY_INDEX_KEY))
+
+  if (index !== -1) {
+    if (hasIndexSummary) {
+      columns[index].customRender = ({ record }) => record[SUMMARY_INDEX_KEY]
+      columns[index].ellipsis = false
+    }
+    else {
+      Reflect.deleteProperty(columns[index], 'customRender')
+    }
+  }
+
+  if (table.getRowSelection() && hasRowSummary) {
+    const isFixed = columns.some(col => col.fixed === 'left')
+    columns.unshift({
+      width: 60,
+      title: 'selection',
+      key: 'selectionKey',
+      align: 'center',
+      ...(isFixed ? { fixed: 'left' } : {}),
+      customRender: ({ record }) => record[SUMMARY_ROW_KEY],
+    })
+  }
+  return columns as any
+})
+</script>
+
+<template>
+  <Table
+    v-if="summaryFunc || summaryData"
+    :show-header="false"
+    :bordered="false"
+    :pagination="false"
+    :data-source="getDataSource"
+    :row-key="(r) => r[rowKey]"
+    :columns="getColumns"
+    table-layout="fixed"
+    :scroll="scroll"
+  />
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/TableHeader.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/TableHeader.vue
new file mode 100644
index 0000000..abc0251
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/TableHeader.vue
@@ -0,0 +1,66 @@
+<script lang="ts" setup>
+import { Divider } from 'ant-design-vue'
+import type { ColumnChangeParam, TableSetting } from '../types/table'
+import TableSettingComponent from './settings/index.vue'
+import TableTitle from './TableTitle.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'BasicTableHeader' })
+
+defineProps({
+  title: {
+    type: [Function, String] as PropType<string | ((data: Recordable) => string)>,
+  },
+  tableSetting: {
+    type: Object as PropType<TableSetting>,
+  },
+  showTableSetting: {
+    type: Boolean,
+  },
+  titleHelpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+    default: '',
+  },
+})
+const emit = defineEmits(['columns-change'])
+
+const { prefixCls } = useDesign('basic-table-header')
+function handleColumnChange(data: ColumnChangeParam[]) {
+  emit('columns-change', data)
+}
+</script>
+
+<template>
+  <div style="width: 100%">
+    <div v-if="$slots.headerTop" style="margin: 5px">
+      <slot name="headerTop" />
+    </div>
+    <div class="flex items-center">
+      <slot v-if="$slots.tableTitle" name="tableTitle" />
+      <TableTitle v-if="!$slots.tableTitle && title" :help-message="titleHelpMessage" :title="title" />
+      <div :class="`${prefixCls}__toolbar`">
+        <slot name="toolbar" />
+        <Divider v-if="$slots.toolbar && showTableSetting" type="vertical" />
+        <TableSettingComponent v-if="showTableSetting" :setting="tableSetting" @columns-change="handleColumnChange" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-table-header';
+
+.@{prefix-cls} {
+  &__toolbar {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: flex-end;
+    padding-top: 10px;
+
+    > * {
+      margin-right: 8px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/TableImg.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/TableImg.vue
new file mode 100644
index 0000000..1a83bb1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/TableImg.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed } from 'vue'
+import { Badge, Image, ImagePreviewGroup } from 'ant-design-vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'TableImage' })
+
+const props = defineProps({
+  imgList: propTypes.arrayOf(propTypes.string),
+  size: propTypes.number.def(40),
+  // 是否简单显示（只显示第一张图片）
+  simpleShow: propTypes.bool,
+  // 简单模式下是否显示图片数量的badge
+  showBadge: propTypes.bool.def(true),
+  // 图片间距
+  margin: propTypes.number.def(4),
+  // src前缀，将会附加在imgList中每一项之前
+  srcPrefix: propTypes.string.def(''),
+  // fallback,加载失败显示图像占位符。
+  fallback: propTypes.string.def(
+    // eslint-disable-next-line max-len
+    'data:image/png;base64,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',
+  ),
+})
+
+const getWrapStyle = computed((): CSSProperties => {
+  const { size } = props
+  const s = `${size}px`
+  return { height: s, width: s }
+})
+
+const { prefixCls } = useDesign('basic-table-img')
+</script>
+
+<template>
+  <div v-if="imgList && imgList.length" :class="prefixCls" class="mx-auto flex items-center" :style="getWrapStyle">
+    <Badge v-if="simpleShow" :count="!showBadge || imgList.length === 1 ? 0 : imgList.length">
+      <div class="img-div">
+        <ImagePreviewGroup>
+          <template v-for="(img, index) in imgList" :key="img">
+            <Image
+              :width="size"
+              :style="{
+                display: index === 0 ? '' : 'none !important',
+              }"
+              :src="srcPrefix + img"
+              :fallback="fallback"
+            />
+          </template>
+        </ImagePreviewGroup>
+      </div>
+    </Badge>
+    <ImagePreviewGroup v-else>
+      <template v-for="(img, index) in imgList" :key="img">
+        <Image :width="size" :style="{ marginLeft: index === 0 ? 0 : `${margin}px` }" :src="srcPrefix + img" :fallback="fallback" />
+      </template>
+    </ImagePreviewGroup>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-table-img';
+
+.@{prefix-cls} {
+  .ant-image {
+    margin-right: 4px;
+    cursor: zoom-in;
+
+    img {
+      border-radius: 2px;
+    }
+  }
+
+  .img-div {
+    display: inline-grid;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/TableTitle.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/TableTitle.vue
new file mode 100644
index 0000000..b712278
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/TableTitle.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { BasicTitle } from '@/components/Basic'
+import { useDesign } from '@/hooks/web/useDesign'
+import { isFunction } from '@/utils/is'
+
+defineOptions({ name: 'BasicTableTitle' })
+
+const props = defineProps({
+  title: {
+    type: [Function, String] as PropType<string | ((data: Recordable) => string)>,
+  },
+  getSelectRows: {
+    type: Function as PropType<() => Recordable[]>,
+  },
+  helpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+  },
+})
+
+const { prefixCls } = useDesign('basic-table-title')
+
+const getTitle = computed(() => {
+  const { title, getSelectRows = () => {} } = props
+  let tit = title
+
+  if (isFunction(title)) {
+    tit = title({
+      selectRows: getSelectRows(),
+    })
+  }
+  return tit
+})
+</script>
+
+<template>
+  <BasicTitle v-if="getTitle" :class="prefixCls" :help-message="helpMessage">
+    {{ getTitle }}
+  </BasicTitle>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-table-title';
+
+.@{prefix-cls} {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/editable/CellComponent.ts b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/CellComponent.ts
new file mode 100644
index 0000000..a03f80f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/CellComponent.ts
@@ -0,0 +1,37 @@
+import type { FunctionalComponent, defineComponent } from 'vue'
+import { Popover } from 'ant-design-vue'
+import { h } from 'vue'
+import type { ComponentType } from '../../types/componentType'
+import { componentMap } from '@/components/Table/src/componentMap'
+
+export interface ComponentProps {
+  component: ComponentType
+  rule: boolean
+  popoverOpen: boolean
+  ruleMessage: string
+  getPopupContainer?: Fn
+}
+
+export const CellComponent: FunctionalComponent = (
+  { component = 'Input', rule = true, ruleMessage, popoverOpen, getPopupContainer }: ComponentProps,
+  { attrs },
+) => {
+  const Comp = componentMap.get(component) as typeof defineComponent
+
+  const DefaultComp = h(Comp, attrs)
+  if (!rule)
+    return DefaultComp
+
+  return h(
+    Popover,
+    {
+      overlayClassName: 'edit-cell-rule-popover',
+      open: !!popoverOpen,
+      ...(getPopupContainer ? { getPopupContainer } : {}),
+    },
+    {
+      default: () => DefaultComp,
+      content: () => ruleMessage,
+    },
+  )
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/editable/EditableCell.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/EditableCell.vue
new file mode 100644
index 0000000..827efe8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/EditableCell.vue
@@ -0,0 +1,529 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<script lang="tsx">
+import type { CSSProperties } from 'vue'
+import { computed, defineComponent, nextTick, ref, toRaw, unref, watchEffect } from 'vue'
+import { CheckOutlined, CloseOutlined, FormOutlined } from '@ant-design/icons-vue'
+import { pick, set } from 'lodash-es'
+import { Spin } from 'ant-design-vue'
+import type { BasicColumn } from '../../types/table'
+import { useTableContext } from '../../hooks/useTableContext'
+import { CellComponent } from './CellComponent'
+import { createPlaceholderMessage } from './helper'
+import type { EditRecordRow } from './index'
+
+import { useDesign } from '@/hooks/web/useDesign'
+
+import clickOutside from '@/directives/clickOutside'
+
+import { propTypes } from '@/utils/propTypes'
+import { isArray, isBoolean, isFunction, isNumber, isString } from '@/utils/is'
+import { treeToList } from '@/utils/helper/treeHelper'
+
+export default defineComponent({
+  name: 'EditableCell',
+  components: { FormOutlined, CloseOutlined, CheckOutlined, CellComponent, Spin },
+  directives: {
+    clickOutside,
+  },
+  props: {
+    value: {
+      type: [String, Number, Boolean, Object] as PropType<string | number | boolean | Recordable>,
+      default: '',
+    },
+    record: {
+      type: Object as PropType<EditRecordRow>,
+    },
+    column: {
+      type: Object as PropType<BasicColumn>,
+      default: () => ({}),
+    },
+    index: propTypes.number,
+  },
+  setup(props) {
+    const table = useTableContext()
+    const isEdit = ref(false)
+    const elRef = ref()
+    const ruleOpen = ref(false)
+    const ruleMessage = ref('')
+    const optionsRef = ref<LabelValueOptions>([])
+    const currentValueRef = ref<any>(props.value)
+    const defaultValueRef = ref<any>(props.value)
+    const spinning = ref<boolean>(false)
+
+    const { prefixCls } = useDesign('editable-cell')
+
+    const getComponent = computed(() => props.column?.editComponent || 'Input')
+    const getRule = computed(() => props.column?.editRule)
+
+    const getRuleOpen = computed(() => {
+      return unref(ruleMessage) && unref(ruleOpen)
+    })
+
+    const getIsCheckComp = computed(() => {
+      const component = unref(getComponent)
+      return ['Checkbox', 'Switch'].includes(component)
+    })
+
+    const getDisable = computed(() => {
+      const { editDynamicDisabled } = props.column
+      let disabled = false
+      if (isBoolean(editDynamicDisabled))
+        disabled = editDynamicDisabled
+
+      if (isFunction(editDynamicDisabled)) {
+        const { record } = props
+        disabled = editDynamicDisabled({ record })
+      }
+      return disabled
+    })
+
+    const getComponentProps = computed(() => {
+      const isCheckValue = unref(getIsCheckComp)
+
+      const valueField = isCheckValue ? 'checked' : 'value'
+      const val = unref(currentValueRef)
+
+      const value = isCheckValue ? (isNumber(val) && isBoolean(val) ? val : !!val) : val
+
+      let compProps = props.column?.editComponentProps ?? {}
+      const { record, column, index } = props
+
+      if (isFunction(compProps))
+        compProps = compProps({ text: val, record, column, index }) ?? {}
+
+      // 用临时变量存储 onChange方法 用于 handleChange方法 获取，并删除原始onChange, 防止存在两个 onChange
+      compProps.onChangeTemp = compProps.onChange
+      delete compProps.onChange
+
+      const component = unref(getComponent)
+      const apiSelectProps: Recordable = {}
+      if (component === 'ApiSelect')
+        apiSelectProps.cache = true
+
+      upEditDynamicDisabled(record, column, value)
+      return {
+        size: 'small',
+        getPopupContainer: () => unref(table?.wrapRef.value) ?? document.body,
+        placeholder: createPlaceholderMessage(unref(getComponent)),
+        ...apiSelectProps,
+        ...compProps,
+        [valueField]: value,
+        disabled: unref(getDisable),
+      } as any
+    })
+    function upEditDynamicDisabled(record, column, value) {
+      if (!record)
+        return false
+      const { key, dataIndex } = column
+      if (!key && !dataIndex)
+        return
+      const dataKey = (dataIndex || key) as string
+      set(record, dataKey, value)
+    }
+
+    const getValues = computed(() => {
+      const { editValueMap } = props.column
+
+      const value = unref(currentValueRef)
+
+      if (editValueMap && isFunction(editValueMap))
+        return editValueMap(value)
+
+      const component = unref(getComponent)
+      if (!component.includes('Select') && !component.includes('Radio'))
+        return value
+
+      const options: LabelValueOptions = unref(getComponentProps)?.options ?? (unref(optionsRef) || [])
+      const option = options.find(item => `${item.value}` === `${value}`)
+
+      return option?.label ?? value
+    })
+
+    const getRowEditable = computed(() => {
+      const { editable } = props.record || {}
+      return !!editable
+    })
+
+    const getWrapperStyle = computed((): CSSProperties => {
+      if (unref(getIsCheckComp) || unref(getRowEditable))
+        return {}
+
+      return {
+        width: 'calc(100% - 48px)',
+      }
+    })
+
+    const getWrapperClass = computed(() => {
+      const { align = 'center' } = props.column
+      return `edit-cell-align-${align}`
+    })
+
+    watchEffect(() => {
+      // defaultValueRef.value = props.value;
+      currentValueRef.value = props.value
+    })
+
+    watchEffect(() => {
+      const { editable } = props.column
+      if (isBoolean(editable) || isBoolean(unref(getRowEditable)))
+        isEdit.value = !!editable || unref(getRowEditable)
+    })
+
+    function handleEdit() {
+      if (unref(getRowEditable) || unref(props.column?.editRow))
+        return
+      ruleMessage.value = ''
+      isEdit.value = true
+      nextTick(() => {
+        const el = unref(elRef)
+        el?.focus?.()
+      })
+    }
+
+    async function handleChange(e: any) {
+      const component = unref(getComponent)
+      if (!e)
+        currentValueRef.value = e
+      else if (component === 'Checkbox')
+        currentValueRef.value = (e as ChangeEvent).target.checked
+      else if (component === 'Switch')
+        currentValueRef.value = e
+      else if (e?.target && Reflect.has(e.target, 'value'))
+        currentValueRef.value = (e as ChangeEvent).target.value
+      else if (isString(e) || isBoolean(e) || isNumber(e) || isArray(e))
+        currentValueRef.value = e
+
+      const onChange = unref(getComponentProps)?.onChangeTemp
+      if (onChange && isFunction(onChange))
+        onChange(...arguments)
+
+      table.emit?.('edit-change', {
+        column: props.column,
+        value: unref(currentValueRef),
+        record: toRaw(props.record),
+      })
+      handleSubmitRule()
+    }
+
+    async function handleSubmitRule() {
+      const { column, record } = props
+      const { editRule } = column
+      const currentValue = unref(currentValueRef)
+
+      if (editRule) {
+        if (isBoolean(editRule) && !currentValue && !isNumber(currentValue)) {
+          ruleOpen.value = true
+          const component = unref(getComponent)
+          ruleMessage.value = createPlaceholderMessage(component)
+          return false
+        }
+        if (isFunction(editRule)) {
+          const res = await editRule(currentValue, record as Recordable)
+          if (res) {
+            ruleMessage.value = res
+            ruleOpen.value = true
+            return false
+          }
+          else {
+            ruleMessage.value = ''
+            return true
+          }
+        }
+      }
+      ruleMessage.value = ''
+      return true
+    }
+
+    async function handleSubmit(needEmit = true, valid = true) {
+      if (valid) {
+        const isPass = await handleSubmitRule()
+        if (!isPass)
+          return false
+      }
+
+      const { column, index, record } = props
+      if (!record)
+        return false
+      const { key, dataIndex } = column
+      const value = unref(currentValueRef)
+      if (!key && !dataIndex)
+        return
+
+      const dataKey = (dataIndex || key) as string
+
+      if (!record.editable) {
+        const { getBindValues } = table
+
+        const { beforeEditSubmit, columns } = unref(getBindValues)
+
+        if (beforeEditSubmit && isFunction(beforeEditSubmit)) {
+          spinning.value = true
+          const keys: string[] = columns.map(_column => _column.dataIndex).filter(field => !!field) as string[]
+          let result: any = true
+          try {
+            result = await beforeEditSubmit({
+              record: pick(record, keys),
+              index,
+              key: dataKey as string,
+              value,
+            })
+          }
+          catch (e) {
+            result = false
+          }
+          finally {
+            spinning.value = false
+          }
+          if (result === false)
+            return
+        }
+      }
+
+      set(record, dataKey, value)
+      // const record = await table.updateTableData(index, dataKey, value);
+      needEmit && table.emit?.('edit-end', { record, index, key: dataKey, value })
+      isEdit.value = false
+    }
+
+    async function handleEnter() {
+      if (props.column?.editRow)
+        return
+
+      handleSubmit()
+    }
+
+    function handleSubmitClick() {
+      handleSubmit()
+    }
+
+    function handleCancel() {
+      isEdit.value = false
+      currentValueRef.value = defaultValueRef.value
+      const { column, index, record } = props
+      const { key, dataIndex } = column
+      table.emit?.('edit-cancel', {
+        record,
+        index,
+        key: dataIndex || key,
+        value: unref(currentValueRef),
+      })
+    }
+
+    function onClickOutside() {
+      if (props.column?.editable || unref(getRowEditable))
+        return
+
+      const component = unref(getComponent)
+
+      if (component.includes('Input'))
+        handleCancel()
+    }
+
+    // only ApiSelect or TreeSelect
+    function handleOptionsChange(options: LabelValueOptions) {
+      const { replaceFields } = unref(getComponentProps)
+      const component = unref(getComponent)
+      if (component === 'ApiTreeSelect') {
+        const { title = 'title', value = 'value', children = 'children' } = replaceFields || {}
+        let listOptions: Recordable[] = treeToList(options, { children })
+        listOptions = listOptions.map((item) => {
+          return {
+            label: item[title],
+            value: item[value],
+          }
+        })
+        optionsRef.value = listOptions as LabelValueOptions
+      }
+      else {
+        optionsRef.value = options
+      }
+    }
+
+    function initCbs(cbs: 'submitCbs' | 'validCbs' | 'cancelCbs', handle: Fn) {
+      if (props.record)
+        isArray(props.record[cbs]) ? props.record[cbs]?.push(handle) : (props.record[cbs] = [handle])
+    }
+
+    if (props.record) {
+      initCbs('submitCbs', handleSubmit)
+      initCbs('validCbs', handleSubmitRule)
+      initCbs('cancelCbs', handleCancel)
+
+      if (props.column.dataIndex) {
+        if (!props.record.editValueRefs)
+          props.record.editValueRefs = {}
+        props.record.editValueRefs[props.column.dataIndex as any] = currentValueRef
+      }
+      props.record.onCancelEdit = () => {
+        isArray(props.record?.cancelCbs) && props.record?.cancelCbs.forEach(fn => fn())
+      }
+      props.record.onSubmitEdit = async () => {
+        if (isArray(props.record?.submitCbs)) {
+          if (!props.record?.onValid?.())
+            return
+          const submitFns = props.record?.submitCbs || []
+          submitFns.forEach(fn => fn(false, false))
+          table.emit?.('edit-row-end')
+          return true
+        }
+      }
+    }
+
+    return {
+      isEdit,
+      prefixCls,
+      handleEdit,
+      currentValueRef,
+      handleSubmit,
+      handleChange,
+      handleCancel,
+      elRef,
+      getComponent,
+      getRule,
+      onClickOutside,
+      ruleMessage,
+      getRuleOpen,
+      getComponentProps,
+      handleOptionsChange,
+      getWrapperStyle,
+      getWrapperClass,
+      getRowEditable,
+      getValues,
+      handleEnter,
+      handleSubmitClick,
+      spinning,
+    }
+  },
+  render() {
+    return (
+      <div class={this.prefixCls}>
+        <div
+          v-show={!this.isEdit}
+          class={{ [`${this.prefixCls}__normal`]: true, 'ellipsis-cell': this.column.ellipsis }}
+          onClick={this.handleEdit}
+        >
+          <div class="cell-content" title={this.column.ellipsis ? this.getValues ?? '' : ''}>
+            {this.column.editRender
+              ? this.column.editRender({
+                text: this.value,
+                record: this.record as Recordable,
+                column: this.column,
+                index: this.index,
+              })
+              : this.getValues ?? '\u00A0'}
+          </div>
+          {!this.column.editRow && <FormOutlined class={`${this.prefixCls}__normal-icon`} />}
+        </div>
+        {this.isEdit && (
+          <Spin spinning={this.spinning}>
+            <div class={`${this.prefixCls}__wrapper`} v-click-outside={this.onClickOutside}>
+              <CellComponent
+                {...this.getComponentProps}
+                component={this.getComponent}
+                style={this.getWrapperStyle}
+                popoverOpen={this.getRuleOpen}
+                rule={this.getRule}
+                ruleMessage={this.ruleMessage}
+                class={this.getWrapperClass}
+                ref="elRef"
+                onChange={this.handleChange}
+                onOptionsChange={this.handleOptionsChange}
+                onPressEnter={this.handleEnter}
+              />
+              {!this.getRowEditable && (
+                <div class={`${this.prefixCls}__action`}>
+                  <CheckOutlined class={[`${this.prefixCls}__icon`, 'mx-2']} onClick={this.handleSubmitClick} />
+                  <CloseOutlined class={`${this.prefixCls}__icon `} onClick={this.handleCancel} />
+                </div>
+              )}
+            </div>
+          </Spin>
+        )}
+      </div>
+    )
+  },
+})
+</script>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-editable-cell';
+
+.edit-cell-align-left {
+  text-align: left;
+
+  input:not(.ant-calendar-picker-input, .ant-time-picker-input) {
+    text-align: left;
+  }
+}
+
+.edit-cell-align-center {
+  text-align: center;
+
+  input:not(.ant-calendar-picker-input, .ant-time-picker-input) {
+    text-align: center;
+  }
+}
+
+.edit-cell-align-right {
+  text-align: right;
+
+  input:not(.ant-calendar-picker-input, .ant-time-picker-input) {
+    text-align: right;
+  }
+}
+
+.edit-cell-rule-popover {
+  .ant-popover-inner-content {
+    padding: 4px 8px;
+    // border: 1px solid @error-color;
+    border-radius: 2px;
+  }
+}
+.@{prefix-cls} {
+  position: relative;
+  min-height: 24px; // 设置高度让其始终可被hover
+
+  &__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    > .ant-select {
+      min-width: calc(100% - 50px);
+    }
+  }
+
+  &__icon {
+    &:hover {
+      transform: scale(1.2);
+    }
+  }
+
+  .ellipsis-cell {
+    .cell-content {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-word;
+      overflow-wrap: break-word;
+      white-space: nowrap;
+    }
+  }
+
+  &__normal {
+    &-icon {
+      position: absolute;
+      top: 4px;
+      right: 0;
+      display: none;
+      width: 20px;
+      cursor: pointer;
+    }
+  }
+
+  &:hover {
+    .@{prefix-cls}__normal-icon {
+      display: inline-block;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/editable/helper.ts b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/helper.ts
new file mode 100644
index 0000000..82a1f80
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/helper.ts
@@ -0,0 +1,27 @@
+import type { ComponentType } from '../../types/componentType'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+/**
+ * @description: 生成placeholder
+ */
+export function createPlaceholderMessage(component: ComponentType) {
+  if (component.includes('Input') || component.includes('AutoComplete'))
+    return t('common.inputText')
+
+  if (component.includes('Picker'))
+    return t('common.chooseText')
+
+  if (
+    component.includes('Select')
+    || component.includes('Checkbox')
+    || component.includes('Radio')
+    || component.includes('Switch')
+    || component.includes('DatePicker')
+    || component.includes('TimePicker')
+  )
+    return t('common.chooseText')
+
+  return ''
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/editable/index.ts b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/index.ts
new file mode 100644
index 0000000..e8ac140
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/editable/index.ts
@@ -0,0 +1,69 @@
+import type { Ref } from 'vue'
+import { h, toRaw } from 'vue'
+
+import EditableCell from './EditableCell.vue'
+import type { BasicColumn } from '@/components/Table/src/types/table'
+import { isArray } from '@/utils/is'
+
+interface Params {
+  text: string
+  record: Recordable
+  index: number
+}
+
+export function renderEditCell(column: BasicColumn) {
+  return ({ text: value, record, index }: Params) => {
+    toRaw(record).onValid = async () => {
+      if (isArray(record?.validCbs)) {
+        const validFns = (record?.validCbs || []).map(fn => fn())
+        const res = await Promise.all(validFns)
+        return res.every(item => !!item)
+      }
+      else {
+        return false
+      }
+    }
+
+    toRaw(record).onEdit = async (edit: boolean, submit = false) => {
+      if (!submit)
+        record.editable = edit
+
+      if (!edit && submit) {
+        if (!(await record.onValid()))
+          return false
+        const res = await record.onSubmitEdit?.()
+        if (res) {
+          record.editable = false
+          return true
+        }
+        return false
+      }
+      // cancel
+      if (!edit && !submit)
+        record.onCancelEdit?.()
+
+      return true
+    }
+
+    return h(EditableCell, {
+      value,
+      record,
+      column,
+      index,
+    })
+  }
+}
+
+export type EditRecordRow<T = Recordable> = Partial<
+  {
+    onEdit: (editable: boolean, submit?: boolean) => Promise<boolean>
+    onValid: () => Promise<boolean>
+    editable: boolean
+    onCancel: Fn
+    onSubmit: Fn
+    submitCbs: Fn[]
+    cancelCbs: Fn[]
+    validCbs: Fn[]
+    editValueRefs: Recordable<Ref>
+  } & T
+>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/settings/ColumnSetting.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/ColumnSetting.vue
new file mode 100644
index 0000000..9763604
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/ColumnSetting.vue
@@ -0,0 +1,452 @@
+<script lang="ts" setup>
+import { computed, nextTick, reactive, ref, unref, useAttrs, watchEffect } from 'vue'
+import { Checkbox, Divider, Popover, Tooltip } from 'ant-design-vue'
+import type { CheckboxChangeEvent } from 'ant-design-vue/lib/checkbox/interface'
+import { DragOutlined, SettingOutlined } from '@ant-design/icons-vue'
+import { cloneDeep, omit } from 'lodash-es'
+import Sortablejs from 'sortablejs'
+import type Sortable from 'sortablejs'
+import type { BasicColumn, BasicTableProps, ColumnChangeParam } from '../../types/table'
+import { useTableContext } from '../../hooks/useTableContext'
+import { Icon } from '@/components/Icon'
+import { ScrollContainer } from '@/components/Container'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+
+import { isFunction, isNullAndUnDef } from '@/utils/is'
+import { getPopupContainer as getParentContainer } from '@/utils'
+
+defineOptions({ name: 'ColumnSetting' })
+
+const emit = defineEmits(['columns-change'])
+
+interface State {
+  checkAll: boolean
+  isInit?: boolean
+  checkedList: string[]
+  defaultCheckList: string[]
+}
+
+interface Options {
+  label: string
+  value: string
+  fixed?: boolean | 'left' | 'right'
+}
+
+const CheckboxGroup = Checkbox.Group
+const attrs = useAttrs()
+
+const { t } = useI18n()
+const table = useTableContext()
+
+const defaultRowSelection = omit(table.getRowSelection(), 'selectedRowKeys')
+let inited = false
+// 是否当前的setColums触发的
+let isSetColumnsFromThis = false
+// 是否当前组件触发的setProps
+let isSetPropsFromThis = false
+
+const cachePlainOptions = ref<Options[]>([])
+const plainOptions = ref<Options[] | any>([])
+
+const plainSortOptions = ref<Options[]>([])
+
+const columnListRef = ref<ComponentRef>(null)
+
+const state = reactive<State>({
+  checkAll: true,
+  checkedList: [],
+  defaultCheckList: [],
+})
+
+/** 缓存初始化props */
+let cacheTableProps: Partial<BasicTableProps<any>> = {}
+const checkIndex = ref(false)
+const checkSelect = ref(false)
+
+const { prefixCls } = useDesign('basic-column-setting')
+
+const getValues = computed(() => {
+  return unref(table?.getBindValues) || {}
+})
+
+watchEffect(() => {
+  const columns = table.getColumns()
+  setTimeout(() => {
+    if (isSetColumnsFromThis)
+      isSetColumnsFromThis = false
+    else if (columns.length)
+      init()
+  }, 0)
+})
+
+watchEffect(() => {
+  const values = unref(getValues)
+  if (isSetPropsFromThis)
+    isSetPropsFromThis = false
+  else
+    cacheTableProps = cloneDeep(values)
+
+  checkIndex.value = !!values.showIndexColumn
+  checkSelect.value = !!values.rowSelection
+})
+
+function getColumns() {
+  const ret: Options[] = []
+  table.getColumns({ ignoreIndex: true, ignoreAction: true }).forEach((item) => {
+    ret.push({
+      label: (item.title as string) || (item.customTitle as string),
+      value: (item.dataIndex || item.title) as string,
+      ...item,
+    })
+  })
+  return ret
+}
+
+async function init(isReset = false) {
+  // Sortablejs存在bug，不知道在哪个步骤中会向el append了一个childNode，因此这里先清空childNode
+  // 有可能复现上述问题的操作：拖拽一个元素，快速的上下移动，最后放到最后的位置中松手
+  plainOptions.value = []
+  const columnListEl = unref(columnListRef)
+  if (columnListEl && (columnListEl as any).$el) {
+    const el = (columnListEl as any).$el as Element
+    Array.from(el.children).forEach(item => el.removeChild(item))
+  }
+  await nextTick()
+  const columns = isReset ? cloneDeep(cachePlainOptions.value) : getColumns()
+
+  const checkList = table
+    .getColumns({ ignoreAction: true, ignoreIndex: true })
+    .map((item) => {
+      if (item.defaultHidden)
+        return ''
+
+      return item.dataIndex || item.title
+    })
+    .filter(Boolean) as string[]
+
+  plainOptions.value = columns
+  plainSortOptions.value = columns
+  // 更新缓存配置
+  table.setCacheColumns?.(columns)
+  !isReset && (cachePlainOptions.value = cloneDeep(columns))
+  state.defaultCheckList = checkList
+  state.checkedList = checkList
+  // 是否列展示全选
+  state.checkAll = checkList.length === columns.length
+  inited = false
+  handleOpenChange()
+  state.checkedList = checkList
+}
+
+// checkAll change
+function onCheckAllChange(e: CheckboxChangeEvent) {
+  const checkList = plainSortOptions.value.map(item => item.value)
+  plainSortOptions.value.forEach(item => ((item as BasicColumn).defaultHidden = !e.target.checked))
+  if (e.target.checked) {
+    state.checkedList = checkList
+    setColumns(checkList)
+  }
+  else {
+    state.checkedList = []
+    setColumns([])
+  }
+}
+
+const indeterminate = computed(() => {
+  const len = plainOptions.value.length
+  const checkedLen = state.checkedList.length
+  // unref(checkIndex) && checkedLen--;
+  return checkedLen > 0 && checkedLen < len
+})
+
+// Trigger when check/uncheck a column
+function onChange(checkedList: string[]) {
+  const len = plainSortOptions.value.length
+  state.checkAll = checkedList.length === len
+  const sortList = unref(plainSortOptions).map(item => item.value)
+  checkedList.sort((prev, next) => {
+    return sortList.indexOf(prev) - sortList.indexOf(next)
+  })
+  unref(plainSortOptions).forEach((item) => {
+    ;(item as BasicColumn).defaultHidden = !checkedList.includes(item.value)
+  })
+  setColumns(checkedList)
+}
+
+let sortable: Sortable
+let sortableOrder: string[] = []
+// reset columns
+function reset() {
+  setColumns(cachePlainOptions.value)
+  init(true)
+  checkIndex.value = !!cacheTableProps.showIndexColumn
+  checkSelect.value = !!cacheTableProps.rowSelection
+  table.setProps({
+    showIndexColumn: checkIndex.value,
+    rowSelection: checkSelect.value ? defaultRowSelection : undefined,
+  })
+  sortable.sort(sortableOrder)
+}
+
+// Open the pop-up window for drag and drop initialization
+function handleOpenChange() {
+  if (inited)
+    return
+  nextTick(() => {
+    const columnListEl = unref(columnListRef)
+    if (!columnListEl)
+      return
+    const el = columnListEl.$el as any
+    if (!el)
+      return
+    // Drag and drop sort
+    sortable = Sortablejs.create(unref(el), {
+      animation: 500,
+      delay: 400,
+      delayOnTouchOnly: true,
+      handle: '.table-column-drag-icon ',
+      onEnd: (evt) => {
+        const { oldIndex, newIndex } = evt
+        if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex)
+          return
+
+        // Sort column
+        const columns = cloneDeep(plainSortOptions.value)
+
+        if (oldIndex > newIndex) {
+          columns.splice(newIndex, 0, columns[oldIndex])
+          columns.splice(oldIndex + 1, 1)
+        }
+        else {
+          columns.splice(newIndex + 1, 0, columns[oldIndex])
+          columns.splice(oldIndex, 1)
+        }
+
+        plainSortOptions.value = columns
+
+        setColumns(columns.filter(item => state.checkedList.includes(item.value)))
+      },
+    })
+    // 记录原始order 序列
+    sortableOrder = sortable.toArray()
+    inited = true
+  })
+}
+
+// Control whether the serial number column is displayed
+function handleIndexCheckChange(e: CheckboxChangeEvent) {
+  isSetPropsFromThis = true
+  isSetColumnsFromThis = true
+  table.setProps({
+    showIndexColumn: e.target.checked,
+  })
+}
+
+// Control whether the check box is displayed
+function handleSelectCheckChange(e: CheckboxChangeEvent) {
+  isSetPropsFromThis = true
+  isSetColumnsFromThis = true
+  table.setProps({
+    rowSelection: e.target.checked ? defaultRowSelection : undefined,
+  })
+}
+
+function handleColumnFixed(item: BasicColumn, fixed?: 'left' | 'right') {
+  if (!state.checkedList.includes(item.dataIndex as string))
+    return
+
+  const columns = getColumns().filter((c: BasicColumn) => state.checkedList.includes(c.dataIndex as string)) as BasicColumn[]
+  const isFixed = item.fixed === fixed ? false : fixed
+  const index = columns.findIndex(col => col.dataIndex === item.dataIndex)
+  if (index !== -1)
+    columns[index].fixed = isFixed
+
+  item.fixed = isFixed
+
+  if (isFixed && !item.width)
+    item.width = 100
+
+  updateSortOption(item)
+  table.setCacheColumnsByField?.(item.dataIndex as string, { fixed: isFixed })
+  setColumns(columns)
+}
+
+function setColumns(columns: BasicColumn[] | string[]) {
+  isSetPropsFromThis = true
+  isSetColumnsFromThis = true
+  table.setColumns(columns)
+  const data: ColumnChangeParam[] = unref(plainSortOptions).map((col) => {
+    const open
+      = columns.findIndex((c: BasicColumn | string) => c === col.value || (typeof c !== 'string' && c.dataIndex === col.value)) !== -1
+    return { dataIndex: col.value, fixed: col.fixed, open }
+  })
+
+  emit('columns-change', data)
+}
+
+function getPopupContainer() {
+  return isFunction(attrs.getPopupContainer) ? attrs.getPopupContainer() : getParentContainer()
+}
+
+function updateSortOption(column: BasicColumn) {
+  plainSortOptions.value.forEach((item) => {
+    if (item.value === column.dataIndex)
+      Object.assign(item, column)
+  })
+}
+</script>
+
+<template>
+  <Tooltip placement="top">
+    <template #title>
+      <span>{{ t('component.table.settingColumn') }}</span>
+    </template>
+    <Popover
+      placement="bottomLeft"
+      trigger="click"
+      :overlay-class-name="`${prefixCls}__cloumn-list`"
+      :get-popup-container="getPopupContainer"
+      @open-change="handleOpenChange"
+    >
+      <template #title>
+        <div :class="`${prefixCls}__popover-title`">
+          <Checkbox v-model:checked="state.checkAll" :indeterminate="indeterminate" @change="onCheckAllChange">
+            {{ t('component.table.settingColumnShow') }}
+          </Checkbox>
+
+          <Checkbox v-model:checked="checkIndex" @change="handleIndexCheckChange">
+            {{ t('component.table.settingIndexColumnShow') }}
+          </Checkbox>
+
+          <Checkbox v-model:checked="checkSelect" :disabled="!defaultRowSelection" @change="handleSelectCheckChange">
+            {{ t('component.table.settingSelectColumnShow') }}
+          </Checkbox>
+
+          <a-button size="small" type="link" @click="reset">
+            {{ t('common.resetText') }}
+          </a-button>
+        </div>
+      </template>
+
+      <template #content>
+        <ScrollContainer>
+          <CheckboxGroup ref="columnListRef" v-model:value="state.checkedList" @change="onChange">
+            <template v-for="item in plainOptions" :key="item.value">
+              <div v-if="!('ifShow' in item && !item.ifShow)" :class="`${prefixCls}__check-item`">
+                <DragOutlined class="table-column-drag-icon" />
+                <Checkbox :value="item.value">
+                  {{ item.label }}
+                </Checkbox>
+
+                <Tooltip placement="bottomLeft" :mouse-leave-delay="0.4" :get-popup-container="getPopupContainer">
+                  <template #title>
+                    {{ t('component.table.settingFixedLeft') }}
+                  </template>
+                  <Icon
+                    icon="line-md:arrow-align-left"
+                    :class="[
+                      `${prefixCls}__fixed-left`,
+                      {
+                        active: item.fixed === 'left',
+                        disabled: !state.checkedList.includes(item.value),
+                      },
+                    ]"
+                    @click="handleColumnFixed(item, 'left')"
+                  />
+                </Tooltip>
+                <Divider type="vertical" />
+                <Tooltip placement="bottomLeft" :mouse-leave-delay="0.4" :get-popup-container="getPopupContainer">
+                  <template #title>
+                    {{ t('component.table.settingFixedRight') }}
+                  </template>
+                  <Icon
+                    icon="line-md:arrow-align-left"
+                    :class="[
+                      `${prefixCls}__fixed-right`,
+                      {
+                        active: item.fixed === 'right',
+                        disabled: !state.checkedList.includes(item.value),
+                      },
+                    ]"
+                    @click="handleColumnFixed(item, 'right')"
+                  />
+                </Tooltip>
+              </div>
+            </template>
+          </CheckboxGroup>
+        </ScrollContainer>
+      </template>
+      <SettingOutlined />
+    </Popover>
+  </Tooltip>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-basic-column-setting';
+
+.table-column-drag-icon {
+  margin: 0 5px;
+  cursor: move;
+}
+
+.@{prefix-cls} {
+  &__popover-title {
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &__check-item {
+    display: flex;
+    align-items: center;
+    min-width: 100%;
+    padding: 4px 16px 8px 0;
+
+    .ant-checkbox-wrapper {
+      width: 100%;
+    }
+  }
+
+  &__fixed-left,
+  &__fixed-right {
+    color: rgb(0 0 0 / 45%);
+    cursor: pointer;
+
+    &.disabled {
+      color: @disabled-color;
+      cursor: not-allowed;
+    }
+  }
+
+  &__fixed-right {
+    transform: rotate(180deg);
+  }
+
+  &__cloumn-list {
+    svg {
+      width: 1em !important;
+      height: 1em !important;
+    }
+
+    .ant-popover-inner-content {
+      // max-height: 360px;
+      padding-right: 0;
+      padding-left: 0;
+      // overflow: auto;
+    }
+
+    .ant-checkbox-group {
+      display: inline-block;
+      width: 100%;
+      min-width: 260px;
+      // flex-wrap: wrap;
+    }
+
+    .scrollbar {
+      height: 220px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/settings/FormSetting.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/FormSetting.vue
new file mode 100644
index 0000000..91f10e1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/FormSetting.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import { Tooltip } from 'ant-design-vue'
+import { SearchOutlined } from '@ant-design/icons-vue'
+import { useTableContext } from '../../hooks/useTableContext'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'FormSetting' })
+
+const table = useTableContext()
+const { t } = useI18n()
+
+function redo() {
+  table.setShowForm(!table.getShowForm())
+  table.redoHeight()
+}
+</script>
+
+<template>
+  <Tooltip placement="top">
+    <template #title>
+      <span>{{ t('common.searchText') }}</span>
+    </template>
+    <SearchOutlined @click="redo" />
+  </Tooltip>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/settings/FullScreenSetting.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/FullScreenSetting.vue
new file mode 100644
index 0000000..c6801e3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/FullScreenSetting.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { Tooltip } from 'ant-design-vue'
+import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
+import { useFullscreen } from '@vueuse/core'
+import { useTableContext } from '../../hooks/useTableContext'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'FullScreenSetting' })
+
+const table = useTableContext()
+const { t } = useI18n()
+const { toggle, isFullscreen } = useFullscreen(table.wrapRef)
+</script>
+
+<template>
+  <Tooltip placement="top">
+    <template #title>
+      <span>{{ t('component.table.settingFullScreen') }}</span>
+    </template>
+    <FullscreenOutlined v-if="!isFullscreen" @click="toggle" />
+    <FullscreenExitOutlined v-else @click="toggle" />
+  </Tooltip>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/settings/RedoSetting.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/RedoSetting.vue
new file mode 100644
index 0000000..ef56666
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/RedoSetting.vue
@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+import { Tooltip } from 'ant-design-vue'
+import { RedoOutlined } from '@ant-design/icons-vue'
+import { useTableContext } from '../../hooks/useTableContext'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'RedoSetting' })
+
+const table = useTableContext()
+const { t } = useI18n()
+
+function redo() {
+  table.reload()
+}
+</script>
+
+<template>
+  <Tooltip placement="top">
+    <template #title>
+      <span>{{ t('common.redo') }}</span>
+    </template>
+    <RedoOutlined @click="redo" />
+  </Tooltip>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/settings/SizeSetting.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/SizeSetting.vue
new file mode 100644
index 0000000..dbea267
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/SizeSetting.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Dropdown, Menu, Tooltip } from 'ant-design-vue'
+import { ColumnHeightOutlined } from '@ant-design/icons-vue'
+import type { SizeType } from '../../types/table'
+import { useTableContext } from '../../hooks/useTableContext'
+import { useI18n } from '@/hooks/web/useI18n'
+import { getPopupContainer } from '@/utils'
+
+defineOptions({ name: 'SizeSetting' })
+
+const table = useTableContext()
+const { t } = useI18n()
+
+const selectedKeysRef = ref<SizeType[]>([table.getSize()])
+
+function handleTitleClick({ key }: { key: any }) {
+  selectedKeysRef.value = [key]
+  table.setProps({
+    size: key,
+  })
+}
+</script>
+
+<template>
+  <Tooltip placement="top">
+    <template #title>
+      <span>{{ t('component.table.settingDens') }}</span>
+    </template>
+
+    <Dropdown placement="bottom" :trigger="['click']" :get-popup-container="getPopupContainer">
+      <ColumnHeightOutlined />
+      <template #overlay>
+        <Menu v-model:selectedKeys="selectedKeysRef" selectable @click="handleTitleClick">
+          <Menu.Item key="default">
+            <span>{{ t('component.table.settingDensDefault') }}</span>
+          </Menu.Item>
+          <Menu.Item key="middle">
+            <span>{{ t('component.table.settingDensMiddle') }}</span>
+          </Menu.Item>
+          <Menu.Item key="small">
+            <span>{{ t('component.table.settingDensSmall') }}</span>
+          </Menu.Item>
+        </Menu>
+      </template>
+    </Dropdown>
+  </Tooltip>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/components/settings/index.vue b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/index.vue
new file mode 100644
index 0000000..cbd55c1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/components/settings/index.vue
@@ -0,0 +1,63 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import type { ColumnChangeParam, TableSetting } from '../../types/table'
+import { useTableContext } from '../../hooks/useTableContext'
+import ColumnSetting from './ColumnSetting.vue'
+import FormSetting from './FormSetting.vue'
+import SizeSetting from './SizeSetting.vue'
+import RedoSetting from './RedoSetting.vue'
+import FullScreenSetting from './FullScreenSetting.vue'
+
+defineOptions({ name: 'TableSetting' })
+
+const props = defineProps({
+  setting: {
+    type: Object as PropType<TableSetting>,
+    default: () => ({}),
+  },
+})
+const emit = defineEmits(['columns-change'])
+const table = useTableContext()
+
+const getSetting = computed((): TableSetting => {
+  return {
+    redo: true,
+    form: true,
+    size: true,
+    setting: true,
+    fullScreen: false,
+    ...props.setting,
+  }
+})
+
+function handleColumnChange(data: ColumnChangeParam[]) {
+  emit('columns-change', data)
+}
+
+function getTableContainer() {
+  return table ? unref(table.wrapRef) : document.body
+}
+</script>
+
+<template>
+  <div class="table-settings">
+    <RedoSetting v-if="getSetting.redo" :get-popup-container="getTableContainer" />
+    <FormSetting v-if="getSetting.form" :get-popup-container="getTableContainer" />
+    <SizeSetting v-if="getSetting.size" :get-popup-container="getTableContainer" />
+    <ColumnSetting v-if="getSetting.setting" :get-popup-container="getTableContainer" @columns-change="handleColumnChange" />
+    <FullScreenSetting v-if="getSetting.fullScreen" :get-popup-container="getTableContainer" />
+  </div>
+</template>
+
+<style lang="less">
+.table-settings {
+  & > * {
+    margin-right: 12px;
+  }
+
+  svg {
+    width: 1.3em;
+    height: 1.3em;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/const.ts b/yunxi-ui-admin-vben/src/components/Table/src/const.ts
new file mode 100644
index 0000000..dada402
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/const.ts
@@ -0,0 +1,31 @@
+import componentSetting from '@/settings/componentSetting'
+
+const { table } = componentSetting
+
+const { pageSizeOptions, defaultPageSize, fetchSetting, defaultSize, defaultSortFn, defaultFilterFn } = table
+
+export const ROW_KEY = 'key'
+
+// Optional display number per page;
+export const PAGE_SIZE_OPTIONS = pageSizeOptions
+
+// Number of items displayed per page
+export const PAGE_SIZE = defaultPageSize
+
+// Common interface field settings
+export const FETCH_SETTING = fetchSetting
+
+// Default Size
+export const DEFAULT_SIZE = defaultSize
+
+// Configure general sort function
+export const DEFAULT_SORT_FN = defaultSortFn
+
+export const DEFAULT_FILTER_FN = defaultFilterFn
+
+//  Default layout of table cells
+export const DEFAULT_ALIGN = 'center'
+
+export const INDEX_COLUMN_FLAG = 'INDEX'
+
+export const ACTION_COLUMN_FLAG = 'ACTION'
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useColumns.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useColumns.ts
new file mode 100644
index 0000000..1bb8e52
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useColumns.ts
@@ -0,0 +1,315 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, reactive, ref, toRaw, unref, watch } from 'vue'
+import { cloneDeep, isEqual } from 'lodash-es'
+import type { BasicColumn, BasicTableProps, CellFormat, GetColumnsParams } from '../types/table'
+import type { PaginationProps } from '../types/pagination'
+import { renderEditCell } from '../components/editable'
+import { ACTION_COLUMN_FLAG, DEFAULT_ALIGN, INDEX_COLUMN_FLAG, PAGE_SIZE } from '../const'
+import { usePermission } from '@/hooks/web/usePermission'
+import { useI18n } from '@/hooks/web/useI18n'
+import { isArray, isBoolean, isFunction, isMap, isString } from '@/utils/is'
+import { formatToDate } from '@/utils/dateUtil'
+
+function handleItem(item: BasicColumn, ellipsis: boolean) {
+  const { key, dataIndex, children } = item
+  item.align = item.align || DEFAULT_ALIGN
+  if (ellipsis) {
+    if (!key)
+      item.key = typeof dataIndex == 'object' ? dataIndex.join('-') : dataIndex
+
+    if (!isBoolean(item.ellipsis)) {
+      Object.assign(item, {
+        ellipsis,
+      })
+    }
+  }
+  if (children && children.length)
+    handleChildren(children, !!ellipsis)
+}
+
+function handleChildren(children: BasicColumn[] | undefined, ellipsis: boolean) {
+  if (!children)
+    return
+  children.forEach((item) => {
+    const { children } = item
+    handleItem(item, ellipsis)
+    handleChildren(children, ellipsis)
+  })
+}
+
+function handleIndexColumn(
+  propsRef: ComputedRef<BasicTableProps>,
+  getPaginationRef: ComputedRef<boolean | PaginationProps>,
+  columns: BasicColumn[],
+) {
+  const { t } = useI18n()
+
+  const { showIndexColumn, indexColumnProps, isTreeTable } = unref(propsRef)
+
+  let pushIndexColumns = false
+  if (unref(isTreeTable))
+    return
+
+  columns.forEach(() => {
+    const indIndex = columns.findIndex(column => column.flag === INDEX_COLUMN_FLAG)
+    if (showIndexColumn)
+      pushIndexColumns = indIndex === -1
+    else if (!showIndexColumn && indIndex !== -1)
+      columns.splice(indIndex, 1)
+  })
+
+  if (!pushIndexColumns)
+    return
+
+  const isFixedLeft = columns.some(item => item.fixed === 'left')
+
+  columns.unshift({
+    flag: INDEX_COLUMN_FLAG,
+    width: 50,
+    title: t('component.table.index'),
+    align: 'center',
+    customRender: ({ index }) => {
+      const getPagination = unref(getPaginationRef)
+      if (isBoolean(getPagination))
+        return `${index + 1}`
+
+      const { current = 1, pageSize = PAGE_SIZE } = getPagination
+      return ((current < 1 ? 1 : current) - 1) * pageSize + index + 1
+    },
+    ...(isFixedLeft
+      ? {
+          fixed: 'left',
+        }
+      : {}),
+    ...indexColumnProps,
+  })
+}
+
+function handleActionColumn(propsRef: ComputedRef<BasicTableProps>, columns: BasicColumn[]) {
+  const { actionColumn } = unref(propsRef)
+  if (!actionColumn)
+    return
+
+  const hasIndex = columns.findIndex(column => column.flag === ACTION_COLUMN_FLAG)
+  if (hasIndex === -1) {
+    columns.push({
+      ...columns[hasIndex],
+      fixed: 'right',
+      ...actionColumn,
+      flag: ACTION_COLUMN_FLAG,
+    })
+  }
+}
+
+export function useColumns(propsRef: ComputedRef<BasicTableProps>, getPaginationRef: ComputedRef<boolean | PaginationProps>) {
+  const columnsRef = ref(unref(propsRef).columns) as unknown as Ref<BasicColumn[]>
+  let cacheColumns = unref(propsRef).columns
+
+  const getColumnsRef = computed(() => {
+    const columns = cloneDeep(unref(columnsRef))
+
+    handleIndexColumn(propsRef, getPaginationRef, columns)
+    handleActionColumn(propsRef, columns)
+    if (!columns)
+      return []
+
+    const { ellipsis } = unref(propsRef)
+
+    columns.forEach((item) => {
+      const { customRender, slots } = item
+
+      handleItem(item, Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots)
+    })
+    return columns
+  })
+
+  function isIfShow(column: BasicColumn): boolean {
+    const ifShow = column.ifShow
+
+    let isIfShow = true
+
+    if (isBoolean(ifShow))
+      isIfShow = ifShow
+
+    if (isFunction(ifShow))
+      isIfShow = ifShow(column)
+
+    return isIfShow
+  }
+  const { hasPermission } = usePermission()
+
+  const getViewColumns = computed(() => {
+    const viewColumns = sortFixedColumn(unref(getColumnsRef))
+
+    const mapFn = (column) => {
+      const { slots, customRender, format, edit, editRow, flag } = column
+
+      if (!slots || !slots?.title) {
+        // column.slots = { title: `header-${dataIndex}`, ...(slots || {}) };
+        column.customTitle = column.title
+        Reflect.deleteProperty(column, 'title')
+      }
+      const isDefaultAction = [INDEX_COLUMN_FLAG, ACTION_COLUMN_FLAG].includes(flag)
+      if (!customRender && format && !edit && !isDefaultAction) {
+        column.customRender = ({ text, record, index }) => {
+          return formatCell(text, format, record, index)
+        }
+      }
+
+      // edit table
+      if ((edit || editRow) && !isDefaultAction)
+        column.customRender = renderEditCell(column)
+
+      return reactive(column)
+    }
+
+    const columns = cloneDeep(viewColumns)
+    return columns
+      .filter(column => hasPermission(column.auth) && isIfShow(column))
+      .map((column) => {
+        // Support table multiple header editable
+        if (column.children?.length)
+          column.children = column.children.map(mapFn)
+
+        return mapFn(column)
+      })
+  })
+
+  watch(
+    () => unref(propsRef).columns,
+    (columns) => {
+      columnsRef.value = columns
+      cacheColumns = columns?.filter(item => !item.flag) ?? []
+    },
+  )
+
+  function setCacheColumnsByField(dataIndex: string | undefined, value: Partial<BasicColumn>) {
+    if (!dataIndex || !value)
+      return
+
+    cacheColumns.forEach((item) => {
+      if (item.dataIndex === dataIndex)
+        Object.assign(item, value)
+    })
+  }
+  /**
+   * set columns
+   * @param columnList key｜column
+   */
+  function setColumns(columnList: Partial<BasicColumn>[] | (string | string[])[]) {
+    const columns = cloneDeep(columnList)
+    if (!isArray(columns))
+      return
+
+    if (columns.length <= 0) {
+      columnsRef.value = []
+      return
+    }
+
+    const firstColumn = columns[0]
+
+    const cacheKeys = cacheColumns.map(item => item.dataIndex)
+
+    if (!isString(firstColumn) && !isArray(firstColumn)) {
+      columnsRef.value = columns as BasicColumn[]
+    }
+    else {
+      const columnKeys = (columns as (string | string[])[]).map(m => m.toString())
+      const newColumns: BasicColumn[] = []
+      cacheColumns.forEach((item) => {
+        newColumns.push({
+          ...item,
+          defaultHidden: !columnKeys.includes(item.dataIndex?.toString() || (item.key as string)),
+        })
+      })
+      // Sort according to another array
+      if (!isEqual(cacheKeys, columns)) {
+        newColumns.sort((prev, next) => {
+          return columnKeys.indexOf(prev.dataIndex?.toString() as string) - columnKeys.indexOf(next.dataIndex?.toString() as string)
+        })
+      }
+      columnsRef.value = newColumns
+    }
+  }
+
+  function getColumns(opt?: GetColumnsParams) {
+    const { ignoreIndex, ignoreAction, sort } = opt || {}
+    let columns = toRaw(unref(getColumnsRef))
+    if (ignoreIndex)
+      columns = columns.filter(item => item.flag !== INDEX_COLUMN_FLAG)
+
+    if (ignoreAction)
+      columns = columns.filter(item => item.flag !== ACTION_COLUMN_FLAG)
+
+    if (sort)
+      columns = sortFixedColumn(columns)
+
+    return columns
+  }
+  function getCacheColumns() {
+    return cacheColumns
+  }
+  function setCacheColumns(columns: BasicColumn[]) {
+    if (!isArray(columns))
+      return
+    cacheColumns = columns.filter(item => !item.flag)
+  }
+
+  return {
+    getColumnsRef,
+    getCacheColumns,
+    getColumns,
+    setColumns,
+    getViewColumns,
+    setCacheColumnsByField,
+    setCacheColumns,
+  }
+}
+
+function sortFixedColumn(columns: BasicColumn[]) {
+  const fixedLeftColumns: BasicColumn[] = []
+  const fixedRightColumns: BasicColumn[] = []
+  const defColumns: BasicColumn[] = []
+  for (const column of columns) {
+    if (column.fixed === 'left') {
+      fixedLeftColumns.push(column)
+      continue
+    }
+    if (column.fixed === 'right') {
+      fixedRightColumns.push(column)
+      continue
+    }
+    defColumns.push(column)
+  }
+  return [...fixedLeftColumns, ...defColumns, ...fixedRightColumns].filter(item => !item.defaultHidden)
+}
+
+// format cell
+export function formatCell(text: string, format: CellFormat, record: Recordable, index: number) {
+  if (!format)
+    return text
+
+  // custom function
+  if (isFunction(format))
+    return format(text, record, index)
+
+  try {
+    // date type
+    const DATE_FORMAT_PREFIX = 'date|'
+    if (isString(format) && format.startsWith(DATE_FORMAT_PREFIX) && text) {
+      const dateFormat = format.replace(DATE_FORMAT_PREFIX, '')
+
+      if (!dateFormat)
+        return text
+
+      return formatToDate(text, dateFormat)
+    }
+
+    // Map
+    if (isMap(format))
+      return format.get(text)
+  }
+  catch (error) {
+    return text
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useCustomRow.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useCustomRow.ts
new file mode 100644
index 0000000..2e70e43
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useCustomRow.ts
@@ -0,0 +1,99 @@
+import type { ComputedRef } from 'vue'
+import { unref } from 'vue'
+import type { Key } from 'ant-design-vue/lib/table/interface'
+import type { BasicTableProps } from '../types/table'
+import { ROW_KEY } from '../const'
+import { isFunction, isString } from '@/utils/is'
+
+interface Options {
+  setSelectedRowKeys: (keys: Key[]) => void
+  getSelectRowKeys: () => Key[]
+  clearSelectedRowKeys: () => void
+  emit: EmitType
+  getAutoCreateKey: ComputedRef<boolean | undefined>
+}
+
+function getKey(record: Recordable, rowKey: string | ((record: Record<string, any>) => string) | undefined, autoCreateKey?: boolean) {
+  if (!rowKey || autoCreateKey)
+    return record[ROW_KEY]
+
+  if (isString(rowKey))
+    return record[rowKey]
+
+  if (isFunction(rowKey))
+    return record[rowKey(record)]
+
+  return null
+}
+
+export function useCustomRow(
+  propsRef: ComputedRef<BasicTableProps>,
+  { setSelectedRowKeys, getSelectRowKeys, getAutoCreateKey, clearSelectedRowKeys, emit }: Options,
+) {
+  const customRow = (record: Recordable, index: number) => {
+    return {
+      onClick: (e: Event) => {
+        e?.stopPropagation()
+        function handleClick() {
+          const { rowSelection, rowKey, clickToRowSelect } = unref(propsRef)
+          if (!rowSelection || !clickToRowSelect)
+            return
+          const keys = getSelectRowKeys() || []
+          const key = getKey(record, rowKey, unref(getAutoCreateKey))
+          if (!key)
+            return
+
+          const isCheckbox = rowSelection.type === 'checkbox'
+          if (isCheckbox) {
+            // 找到tr
+            const tr: HTMLElement = (e as MouseEvent).composedPath?.().find((dom: HTMLElement) => dom.tagName === 'TR') as HTMLElement
+            if (!tr)
+              return
+            // 找到Checkbox，检查是否为disabled
+            const checkBox = tr.querySelector('input[type=checkbox]')
+            if (!checkBox || checkBox.hasAttribute('disabled'))
+              return
+            if (!keys.includes(key)) {
+              setSelectedRowKeys([...keys, key])
+              return
+            }
+            const keyIndex = keys.findIndex(item => item === key)
+            keys.splice(keyIndex, 1)
+            setSelectedRowKeys(keys)
+            return
+          }
+
+          const isRadio = rowSelection.type === 'radio'
+          if (isRadio) {
+            if (!keys.includes(key)) {
+              if (keys.length)
+                clearSelectedRowKeys()
+
+              setSelectedRowKeys([key])
+              return
+            }
+            clearSelectedRowKeys()
+          }
+        }
+        handleClick()
+        emit('row-click', record, index, e)
+      },
+      onDblclick: (event: Event) => {
+        emit('row-dbClick', record, index, event)
+      },
+      onContextmenu: (event: Event) => {
+        emit('row-contextmenu', record, index, event)
+      },
+      onMouseenter: (event: Event) => {
+        emit('row-mouseenter', record, index, event)
+      },
+      onMouseleave: (event: Event) => {
+        emit('row-mouseleave', record, index, event)
+      },
+    }
+  }
+
+  return {
+    customRow,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useDataSource.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useDataSource.ts
new file mode 100644
index 0000000..e84cfd7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useDataSource.ts
@@ -0,0 +1,358 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, onMounted, reactive, ref, unref, watch, watchEffect } from 'vue'
+import { useTimeoutFn } from '@vueuse/core'
+import { cloneDeep, get, merge } from 'lodash-es'
+import type { BasicTableProps, FetchParams, SorterResult } from '../types/table'
+import type { PaginationProps } from '../types/pagination'
+import { FETCH_SETTING, PAGE_SIZE, ROW_KEY } from '../const'
+import { buildUUID } from '@/utils/uuid'
+import { isBoolean, isFunction, isObject } from '@/utils/is'
+
+interface ActionType {
+  getPaginationInfo: ComputedRef<boolean | PaginationProps>
+  setPagination: (info: Partial<PaginationProps>) => void
+  setLoading: (loading: boolean) => void
+  getFieldsValue: () => Recordable
+  clearSelectedRowKeys: () => void
+  tableData: Ref<Recordable[]>
+}
+
+interface SearchState {
+  sortInfo: Recordable
+  filterInfo: Record<string, string[]>
+}
+export function useDataSource(
+  propsRef: ComputedRef<BasicTableProps>,
+  { getPaginationInfo, setPagination, setLoading, getFieldsValue, clearSelectedRowKeys, tableData }: ActionType,
+  emit: EmitType,
+) {
+  const searchState = reactive<SearchState>({
+    sortInfo: {},
+    filterInfo: {},
+  })
+  const dataSourceRef = ref<Recordable[]>([])
+  const rawDataSourceRef = ref<Recordable>({})
+
+  watchEffect(() => {
+    tableData.value = unref(dataSourceRef)
+  })
+
+  watch(
+    () => unref(propsRef).dataSource,
+    () => {
+      const { dataSource, api } = unref(propsRef)
+      !api && dataSource && (dataSourceRef.value = dataSource)
+    },
+    {
+      immediate: true,
+    },
+  )
+
+  function handleTableChange(pagination: PaginationProps, filters: Partial<Recordable<string[]>>, sorter: SorterResult) {
+    const { clearSelectOnPageChange, sortFn, filterFn } = unref(propsRef)
+    if (clearSelectOnPageChange)
+      clearSelectedRowKeys()
+
+    setPagination(pagination)
+
+    const params: Recordable = {}
+    if (sorter && isFunction(sortFn)) {
+      const sortInfo = sortFn(sorter)
+      searchState.sortInfo = sortInfo
+      params.sortInfo = sortInfo
+    }
+
+    if (filters && isFunction(filterFn)) {
+      const filterInfo = filterFn(filters)
+      searchState.filterInfo = filterInfo
+      params.filterInfo = filterInfo
+    }
+    fetch(params)
+  }
+
+  function setTableKey(items: any[]) {
+    if (!items || !Array.isArray(items))
+      return
+    items.forEach((item) => {
+      if (!item[ROW_KEY])
+        item[ROW_KEY] = buildUUID()
+
+      if (item.children && item.children.length)
+        setTableKey(item.children)
+    })
+  }
+
+  const getAutoCreateKey = computed(() => {
+    return unref(propsRef).autoCreateKey && !unref(propsRef).rowKey
+  })
+
+  const getRowKey = computed(() => {
+    const { rowKey } = unref(propsRef)
+    return unref(getAutoCreateKey) ? ROW_KEY : rowKey
+  })
+
+  const getDataSourceRef = computed(() => {
+    const dataSource = unref(dataSourceRef)
+    if (!dataSource || dataSource.length === 0)
+      return unref(dataSourceRef)
+
+    if (unref(getAutoCreateKey)) {
+      const firstItem = dataSource[0]
+      const lastItem = dataSource[dataSource.length - 1]
+
+      if (firstItem && lastItem) {
+        if (!firstItem[ROW_KEY] || !lastItem[ROW_KEY]) {
+          const data = cloneDeep(unref(dataSourceRef))
+          data.forEach((item) => {
+            if (!item[ROW_KEY])
+              item[ROW_KEY] = buildUUID()
+
+            if (item.children && item.children.length)
+              setTableKey(item.children)
+          })
+          dataSourceRef.value = data
+        }
+      }
+    }
+    return unref(dataSourceRef)
+  })
+
+  function updateTableData(index: number, key: string, value: any) {
+    const record = dataSourceRef.value[index]
+    if (record)
+      dataSourceRef.value[index][key] = value
+
+    return dataSourceRef.value[index]
+  }
+
+  function updateTableDataRecord(rowKey: string | number, record: Recordable): Recordable | undefined {
+    const row = findTableDataRecord(rowKey)
+
+    if (row) {
+      for (const field in row) {
+        if (Reflect.has(record, field))
+          row[field] = record[field]
+      }
+
+      return row
+    }
+  }
+
+  function deleteTableDataRecord(rowKey: string | number | string[] | number[]) {
+    if (!dataSourceRef.value || dataSourceRef.value.length === 0)
+      return
+    const rowKeyName = unref(getRowKey)
+    if (!rowKeyName)
+      return
+    const rowKeys = !Array.isArray(rowKey) ? [rowKey] : rowKey
+
+    function deleteRow(data, key) {
+      const row: { index: number; data: [] } = findRow(data, key)
+      if (row === null || row.index === -1)
+        return
+
+      row.data.splice(row.index, 1)
+
+      function findRow(data, key) {
+        if (data === null || data === undefined)
+          return null
+
+        for (let i = 0; i < data.length; i++) {
+          const row = data[i]
+          let targetKeyName: string = rowKeyName as string
+          if (isFunction(rowKeyName))
+            targetKeyName = rowKeyName(row)
+
+          if (row[targetKeyName] === key)
+            return { index: i, data }
+
+          if (row.children?.length > 0) {
+            const result = findRow(row.children, key)
+            if (result != null)
+              return result
+          }
+        }
+        return null
+      }
+    }
+
+    for (const key of rowKeys) {
+      deleteRow(dataSourceRef.value, key)
+      deleteRow(unref(propsRef).dataSource, key)
+    }
+    setPagination({
+      total: unref(propsRef).dataSource?.length,
+    })
+  }
+
+  function insertTableDataRecord(record: Recordable | Recordable[], index?: number): Recordable[] | undefined {
+    // if (!dataSourceRef.value || dataSourceRef.value.length == 0) return;
+    index = index ?? dataSourceRef.value?.length
+    const _record = isObject(record) ? [record as Recordable] : (record as Recordable[])
+    unref(dataSourceRef).splice(index, 0, ..._record)
+    return unref(dataSourceRef)
+  }
+
+  function findTableDataRecord(rowKey: string | number) {
+    if (!dataSourceRef.value || dataSourceRef.value.length === 0)
+      return
+
+    const rowKeyName = unref(getRowKey)
+    if (!rowKeyName)
+      return
+
+    const { childrenColumnName = 'children' } = unref(propsRef)
+
+    const findRow = (array: any[]) => {
+      let ret
+      array.some(function iter(r) {
+        if (typeof rowKeyName === 'function') {
+          if ((rowKeyName(r)) === rowKey) {
+            ret = r
+            return true
+          }
+        }
+        else {
+          if (Reflect.has(r, rowKeyName) && r[rowKeyName] === rowKey) {
+            ret = r
+            return true
+          }
+        }
+        return r[childrenColumnName] && r[childrenColumnName].some(iter)
+      })
+      return ret
+    }
+
+    // const row = dataSourceRef.value.find(r => {
+    //   if (typeof rowKeyName === 'function') {
+    //     return (rowKeyName(r) as string) === rowKey
+    //   } else {
+    //     return Reflect.has(r, rowKeyName) && r[rowKeyName] === rowKey
+    //   }
+    // })
+    return findRow(dataSourceRef.value)
+  }
+
+  async function fetch(opt?: FetchParams) {
+    const { api, searchInfo, defSort, fetchSetting, beforeFetch, afterFetch, useSearchForm, pagination } = unref(propsRef)
+    if (!api || !isFunction(api))
+      return
+    try {
+      setLoading(true)
+      const { pageField, sizeField, listField, totalField } = Object.assign({}, FETCH_SETTING, fetchSetting)
+      let pageParams: Recordable = {}
+
+      const { current = 1, pageSize = PAGE_SIZE } = unref(getPaginationInfo) as PaginationProps
+
+      if ((isBoolean(pagination) && !pagination) || isBoolean(getPaginationInfo)) {
+        pageParams = {}
+      }
+      else {
+        pageParams[pageField] = (opt && opt.page) || current
+        pageParams[sizeField] = pageSize
+      }
+
+      const { sortInfo = {}, filterInfo } = searchState
+
+      let params: Recordable = merge(
+        pageParams,
+        useSearchForm ? getFieldsValue() : {},
+        searchInfo,
+        opt?.searchInfo ?? {},
+        defSort,
+        sortInfo,
+        filterInfo,
+        opt?.sortInfo ?? {},
+        opt?.filterInfo ?? {},
+      )
+      if (beforeFetch && isFunction(beforeFetch))
+        params = (await beforeFetch(params)) || params
+
+      const res = await api(params)
+      rawDataSourceRef.value = res
+
+      const isArrayResult = Array.isArray(res)
+
+      let resultItems: Recordable[] = isArrayResult ? res : get(res, listField)
+      const resultTotal: number = isArrayResult ? res.length : get(res, totalField)
+
+      // 假如数据变少，导致总页数变少并小于当前选中页码，通过getPaginationRef获取到的页码是不正确的，需获取正确的页码再次执行
+      if (Number(resultTotal)) {
+        const currentTotalPage = Math.ceil(resultTotal / pageSize)
+        if (current > currentTotalPage) {
+          setPagination({
+            current: currentTotalPage,
+          })
+          return await fetch(opt)
+        }
+      }
+
+      if (afterFetch && isFunction(afterFetch))
+        resultItems = (await afterFetch(resultItems)) || resultItems
+
+      dataSourceRef.value = resultItems
+      setPagination({
+        total: resultTotal || 0,
+      })
+      if (opt && opt.page) {
+        setPagination({
+          current: opt.page || 1,
+        })
+      }
+      emit('fetch-success', {
+        items: unref(resultItems),
+        total: resultTotal,
+      })
+      return resultItems
+    }
+    catch (error) {
+      emit('fetch-error', error)
+      dataSourceRef.value = []
+      setPagination({
+        total: 0,
+      })
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  function setTableData<T extends Ref<Recordable<any>[]>>(values: T[]) {
+    dataSourceRef.value = values
+  }
+
+  function getDataSource<T = Recordable>() {
+    return getDataSourceRef.value as T[]
+  }
+
+  function getRawDataSource<T = Recordable>() {
+    return rawDataSourceRef.value as T
+  }
+
+  async function reload(opt?: FetchParams) {
+    return await fetch(opt)
+  }
+
+  onMounted(() => {
+    useTimeoutFn(() => {
+      unref(propsRef).immediate && fetch()
+    }, 16)
+  })
+
+  return {
+    getDataSourceRef,
+    getDataSource,
+    getRawDataSource,
+    getRowKey,
+    setTableData,
+    getAutoCreateKey,
+    fetch,
+    reload,
+    updateTableData,
+    updateTableDataRecord,
+    deleteTableDataRecord,
+    insertTableDataRecord,
+    findTableDataRecord,
+    handleTableChange,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useLoading.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useLoading.ts
new file mode 100644
index 0000000..a26958f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useLoading.ts
@@ -0,0 +1,22 @@
+import type { ComputedRef } from 'vue'
+import { computed, ref, unref, watch } from 'vue'
+import type { BasicTableProps } from '../types/table'
+
+export function useLoading(props: ComputedRef<BasicTableProps>) {
+  const loadingRef = ref(unref(props).loading)
+
+  watch(
+    () => unref(props).loading,
+    (loading) => {
+      loadingRef.value = loading
+    },
+  )
+
+  const getLoading = computed(() => unref(loadingRef))
+
+  function setLoading(loading: boolean) {
+    loadingRef.value = loading
+  }
+
+  return { getLoading, setLoading }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/usePagination.tsx b/yunxi-ui-admin-vben/src/components/Table/src/hooks/usePagination.tsx
new file mode 100644
index 0000000..541d613
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/usePagination.tsx
@@ -0,0 +1,85 @@
+import type { ComputedRef } from 'vue'
+import { computed, ref, unref, watch } from 'vue'
+import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue'
+import type { PaginationProps } from '../types/pagination'
+import type { BasicTableProps } from '../types/table'
+import { PAGE_SIZE, PAGE_SIZE_OPTIONS } from '../const'
+import { isBoolean } from '@/utils/is'
+import { useI18n } from '@/hooks/web/useI18n'
+
+interface ItemRender {
+  page: number
+  type: 'page' | 'prev' | 'next'
+  originalElement: any
+}
+
+function itemRender({ page, type, originalElement }: ItemRender) {
+  if (type === 'prev')
+    return page === 0 ? null : <LeftOutlined />
+  else if (type === 'next')
+    return page === 1 ? null : <RightOutlined />
+
+  return originalElement
+}
+
+export function usePagination(refProps: ComputedRef<BasicTableProps>) {
+  const { t } = useI18n()
+
+  const configRef = ref<PaginationProps>({})
+  const show = ref(true)
+
+  watch(
+    () => unref(refProps).pagination,
+    (pagination) => {
+      if (!isBoolean(pagination) && pagination) {
+        configRef.value = {
+          ...unref(configRef),
+          ...(pagination ?? {}),
+        }
+      }
+    },
+  )
+
+  const getPaginationInfo = computed((): PaginationProps | boolean => {
+    const { pagination } = unref(refProps)
+
+    if (!unref(show) || (isBoolean(pagination) && !pagination))
+      return false
+
+    return {
+      current: 1,
+      pageSize: PAGE_SIZE,
+      size: 'small',
+      defaultPageSize: PAGE_SIZE,
+      showTotal: total => t('component.table.total', { total }),
+      showSizeChanger: true,
+      pageSizeOptions: PAGE_SIZE_OPTIONS,
+      itemRender,
+      showQuickJumper: true,
+      ...(isBoolean(pagination) ? {} : pagination),
+      ...unref(configRef),
+    }
+  })
+
+  function setPagination(info: Partial<PaginationProps>) {
+    const paginationInfo = unref(getPaginationInfo)
+    configRef.value = {
+      ...(!isBoolean(paginationInfo) ? paginationInfo : {}),
+      ...info,
+    }
+  }
+
+  function getPagination() {
+    return unref(getPaginationInfo)
+  }
+
+  function getShowPagination() {
+    return unref(show)
+  }
+
+  function setShowPagination(flag: boolean) {
+    show.value = flag
+  }
+
+  return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useRender.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useRender.ts
new file mode 100644
index 0000000..9020e04
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useRender.ts
@@ -0,0 +1,133 @@
+import { h } from 'vue'
+import dayjs from 'dayjs'
+import { Button, Tag } from 'ant-design-vue'
+import TableImg from '../components/TableImg.vue'
+import { isArray, isString } from '@/utils/is'
+import { DictTag } from '@/components/DictTag'
+import { Icon } from '@/components/Icon'
+import { JsonPreview } from '@/components/CodeEditor'
+
+export const useRender = {
+  /**
+   * 渲染图片
+   * @param text 图片地址
+   * @returns image标签
+   */
+  renderImg: (text: string) => {
+    if (text) {
+      if (isArray(text))
+        return h(TableImg, { imgList: text })
+      else if (isString(text))
+        return h(TableImg, { imgList: [text] })
+    }
+    return ''
+  },
+  /**
+   * 渲染链接
+   * @param url 链接地址
+   * @param text 文字说明
+   * @returns link 按钮
+   */
+  renderLink: (url: string, text?: string) => {
+    if (url)
+      return h(Button, { type: 'link', href: url, target: '_blank' }, () => text || '')
+
+    return ''
+  },
+  /**
+   * 渲染文本，将text与val 拼接到一起
+   * @param text 文本1
+   * @param val 文本2
+   * @returns 文本1 + 文本2
+   */
+  renderText: (text: string, val: string) => {
+    if (text)
+      return `${text} ${val}`
+    else
+      return ''
+  },
+  /**
+   * 渲染标签
+   * @param text 标签文本
+   * @param color 标签颜色
+   * @returns 标签
+   */
+  renderTag: (text: string | number, color?: string) => {
+    if (color)
+      return h(Tag, { color }, () => text)
+    else
+      return h(Tag, {}, () => text)
+  },
+  /**
+   * 渲染多标签
+   * @param texts 文本
+   * @returns 多标签
+   */
+  renderTags: (texts: string[]) => {
+    if (texts) {
+      return h('div', null, [
+        texts.map((text) => {
+          return h(Tag, null, () => text)
+        }),
+      ])
+    }
+    return ''
+  },
+  /**
+   * 渲染日期
+   * @param text 日期
+   * @param format 格式化
+   * @returns 格式化后日期
+   */
+  renderDate: (text: string, format?: string) => {
+    if (!text)
+      return ''
+
+    if (!format)
+      return dayjs(text).format('YYYY-MM-DD HH:mm:ss')
+    else
+      return dayjs(text).format(format)
+  },
+  /**
+   * 渲染字典
+   * @param text 字典值
+   * @param dictType 字典类型
+   * @returns 字典标签
+   */
+  renderDict: (text: string, dictType: string) => {
+    if (dictType)
+      return h(DictTag, { type: dictType, value: text })
+
+    return ''
+  },
+  /**
+   * 渲染图标icon
+   * @param text icon
+   * @returns icon
+   */
+  renderIcon: (text: string) => {
+    if (text)
+      return h(Icon, { icon: text })
+  },
+  /**
+   * 使用JsonPreview组件  方便预览JSON
+   * @param json json字符串/obj
+   * @returns 能转为json返回JsonPreview 否则返回自身
+   */
+  renderJsonPreview: (json: any) => {
+    if (!json)
+      return ''
+    if (typeof json === 'object')
+      return h(JsonPreview, { data: json })
+
+    if (typeof json === 'string') {
+      try {
+        const data = JSON.parse(json)
+        return h(JsonPreview, { data })
+      }
+      catch (e) {
+        return json
+      }
+    }
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useRowSelection.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useRowSelection.ts
new file mode 100644
index 0000000..b5d7ec3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useRowSelection.ts
@@ -0,0 +1,123 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, nextTick, ref, toRaw, unref, watch } from 'vue'
+import { omit } from 'lodash-es'
+import type { Key } from 'ant-design-vue/lib/table/interface'
+import type { BasicTableProps, TableRowSelection } from '../types/table'
+import { ROW_KEY } from '../const'
+import { findNodeAll } from '@/utils/helper/treeHelper'
+import { isFunction } from '@/utils/is'
+
+export function useRowSelection(
+  propsRef: ComputedRef<BasicTableProps>,
+  tableData: Ref<Recordable[]>,
+  emit: EmitType,
+) {
+  const selectedRowKeysRef = ref<Key[]>([])
+  const selectedRowRef = ref<Recordable[]>([])
+
+  const getRowSelectionRef = computed((): TableRowSelection | null => {
+    const { rowSelection } = unref(propsRef)
+    if (!rowSelection)
+      return null
+
+    return {
+      selectedRowKeys: unref(selectedRowKeysRef),
+      onChange: (selectedRowKeys: Key[]) => {
+        setSelectedRowKeys(selectedRowKeys)
+      },
+      ...omit(rowSelection, ['onChange']),
+    }
+  })
+
+  watch(
+    () => unref(propsRef).rowSelection?.selectedRowKeys,
+    (v?: Key[]) => {
+      setSelectedRowKeys(v)
+    },
+  )
+
+  watch(
+    () => unref(selectedRowKeysRef),
+    () => {
+      nextTick(() => {
+        const { rowSelection } = unref(propsRef)
+        if (rowSelection) {
+          const { onChange } = rowSelection
+          if (onChange && isFunction(onChange))
+            onChange(getSelectRowKeys(), getSelectRows())
+        }
+        emit('selection-change', {
+          keys: getSelectRowKeys(),
+          rows: getSelectRows(),
+        })
+      })
+    },
+    { deep: true },
+  )
+
+  const getAutoCreateKey = computed(() => {
+    return unref(propsRef).autoCreateKey && !unref(propsRef).rowKey
+  })
+
+  const getRowKey = computed(() => {
+    const { rowKey } = unref(propsRef)
+    return unref(getAutoCreateKey) ? ROW_KEY : rowKey
+  })
+
+  function setSelectedRowKeys(rowKeys?: Key[]) {
+    selectedRowKeysRef.value = rowKeys || []
+    const allSelectedRows = findNodeAll(
+      toRaw(unref(tableData)).concat(toRaw(unref(selectedRowRef))),
+      item => rowKeys?.includes(item[unref(getRowKey) as string]),
+      {
+        children: propsRef.value.childrenColumnName ?? 'children',
+      },
+    )
+    const trueSelectedRows: any[] = []
+    rowKeys?.forEach((key: Key) => {
+      const found = allSelectedRows.find(item => item[unref(getRowKey) as string] === key)
+      found && trueSelectedRows.push(found)
+    })
+    selectedRowRef.value = trueSelectedRows
+  }
+
+  function setSelectedRows(rows: Recordable[]) {
+    selectedRowRef.value = rows
+  }
+
+  function clearSelectedRowKeys() {
+    selectedRowRef.value = []
+    selectedRowKeysRef.value = []
+  }
+
+  function deleteSelectRowByKey(key: string) {
+    const selectedRowKeys = unref(selectedRowKeysRef)
+    const index = selectedRowKeys.findIndex(item => item === key)
+    if (index !== -1)
+      unref(selectedRowKeysRef).splice(index, 1)
+  }
+
+  function getSelectRowKeys() {
+    return unref(selectedRowKeysRef)
+  }
+
+  function getSelectRows<T = Recordable>() {
+    // const ret = toRaw(unref(selectedRowRef)).map((item) => toRaw(item));
+    return unref(selectedRowRef) as T[]
+  }
+
+  function getRowSelection() {
+    return unref(getRowSelectionRef)!
+  }
+
+  return {
+    getRowSelection,
+    getRowSelectionRef,
+    getSelectRows,
+    getSelectRowKeys,
+    setSelectedRowKeys,
+    clearSelectedRowKeys,
+    deleteSelectRowByKey,
+    setSelectedRows,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useScrollTo.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useScrollTo.ts
new file mode 100644
index 0000000..08e1e74
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useScrollTo.ts
@@ -0,0 +1,55 @@
+import type { ComputedRef, Ref } from 'vue'
+import { nextTick, unref } from 'vue'
+import { warn } from '@/utils/log'
+
+export function useTableScrollTo(tableElRef: Ref<ComponentRef>, getDataSourceRef: ComputedRef<Recordable[]>) {
+  let bodyEl: HTMLElement | null
+
+  async function findTargetRowToScroll(targetRowData: Recordable) {
+    const { id } = targetRowData
+    const targetRowEl: HTMLElement | null | undefined = bodyEl?.querySelector(`[data-row-key="${id}"]`)
+    // Add a delay to get new dataSource
+    await nextTick()
+    bodyEl?.scrollTo({
+      top: targetRowEl?.offsetTop ?? 0,
+      behavior: 'smooth',
+    })
+  }
+
+  function scrollTo(pos: string): void {
+    const table = unref(tableElRef)
+    if (!table)
+      return
+
+    const tableEl: Element = table.$el
+    if (!tableEl)
+      return
+
+    if (!bodyEl) {
+      bodyEl = tableEl.querySelector('.ant-table-body')
+      if (!bodyEl)
+        return
+    }
+
+    const dataSource = unref(getDataSourceRef)
+    if (!dataSource)
+      return
+
+    // judge pos type
+    if (pos === 'top') {
+      findTargetRowToScroll(dataSource[0])
+    }
+    else if (pos === 'bottom') {
+      findTargetRowToScroll(dataSource[dataSource.length - 1])
+    }
+    else {
+      const targetRowData = dataSource.find(data => data.id === pos)
+      if (targetRowData)
+        findTargetRowToScroll(targetRowData)
+      else
+        warn(`id: ${pos} doesn't exist`)
+    }
+  }
+
+  return { scrollTo }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTable.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTable.ts
new file mode 100644
index 0000000..07983fe
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTable.ts
@@ -0,0 +1,175 @@
+import type { WatchStopHandle } from 'vue'
+import { onUnmounted, ref, toRaw, unref, watch } from 'vue'
+import type { BasicColumn, BasicTableProps, FetchParams, TableActionType } from '../types/table'
+import type { PaginationProps } from '../types/pagination'
+import type { DynamicProps } from '@/types/utils'
+import type { FormActionType } from '@/components/Form'
+import { getDynamicProps } from '@/utils'
+import { isProdMode } from '@/utils/env'
+import { error } from '@/utils/log'
+
+type Props = Partial<DynamicProps<BasicTableProps>>
+
+type UseTableMethod = TableActionType & {
+  getForm: () => FormActionType
+}
+
+export function useTable(tableProps?: Props): [
+  (instance: TableActionType, formInstance: UseTableMethod) => void,
+  TableActionType & {
+    getForm: () => FormActionType
+  },
+] {
+  const tableRef = ref<Nullable<TableActionType>>(null)
+  const loadedRef = ref<Nullable<boolean>>(false)
+  const formRef = ref<Nullable<UseTableMethod>>(null)
+
+  let stopWatch: WatchStopHandle
+
+  function register(instance: TableActionType, formInstance: UseTableMethod) {
+    isProdMode()
+      && onUnmounted(() => {
+        tableRef.value = null
+        loadedRef.value = null
+      })
+
+    if (unref(loadedRef) && isProdMode() && instance === unref(tableRef))
+      return
+
+    tableRef.value = instance
+    formRef.value = formInstance
+    tableProps && instance.setProps(getDynamicProps(tableProps))
+    loadedRef.value = true
+
+    stopWatch?.()
+
+    stopWatch = watch(
+      () => tableProps,
+      () => {
+        tableProps && instance.setProps(getDynamicProps(tableProps))
+      },
+      {
+        immediate: true,
+        deep: true,
+      },
+    )
+  }
+
+  function getTableInstance(): TableActionType {
+    const table = unref(tableRef)
+    if (!table)
+      error('The table instance has not been obtained yet, please make sure the table is presented when performing the table operation!')
+
+    return table as TableActionType
+  }
+
+  const methods: TableActionType & {
+    getForm: () => FormActionType
+  } = {
+    reload: async (opt?: FetchParams) => {
+      return await getTableInstance().reload(opt)
+    },
+    setProps: (props: Partial<BasicTableProps>) => {
+      getTableInstance().setProps(props)
+    },
+    redoHeight: () => {
+      getTableInstance().redoHeight()
+    },
+    setSelectedRows: (rows: Recordable[]) => {
+      return toRaw(getTableInstance().setSelectedRows(rows))
+    },
+    setLoading: (loading: boolean) => {
+      getTableInstance().setLoading(loading)
+    },
+    getDataSource: () => {
+      return getTableInstance().getDataSource()
+    },
+    getRawDataSource: () => {
+      return getTableInstance().getRawDataSource()
+    },
+    getColumns: ({ ignoreIndex = false }: { ignoreIndex?: boolean } = {}) => {
+      const columns = getTableInstance().getColumns({ ignoreIndex }) || []
+      return toRaw(columns)
+    },
+    setColumns: (columns: BasicColumn[]) => {
+      getTableInstance().setColumns(columns)
+    },
+    setTableData: (values: any[]) => {
+      return getTableInstance().setTableData(values)
+    },
+    setPagination: (info: Partial<PaginationProps>) => {
+      return getTableInstance().setPagination(info)
+    },
+    deleteSelectRowByKey: (key: string) => {
+      getTableInstance().deleteSelectRowByKey(key)
+    },
+    getSelectRowKeys: () => {
+      return toRaw(getTableInstance().getSelectRowKeys())
+    },
+    getSelectRows: () => {
+      return toRaw(getTableInstance().getSelectRows())
+    },
+    clearSelectedRowKeys: () => {
+      getTableInstance().clearSelectedRowKeys()
+    },
+    setSelectedRowKeys: (keys: string[] | number[]) => {
+      getTableInstance().setSelectedRowKeys(keys)
+    },
+    getPaginationRef: () => {
+      return getTableInstance().getPaginationRef()
+    },
+    getSize: () => {
+      return toRaw(getTableInstance().getSize())
+    },
+    updateTableData: (index: number, key: string, value: any) => {
+      return getTableInstance().updateTableData(index, key, value)
+    },
+    deleteTableDataRecord: (rowKey: string | number | string[] | number[]) => {
+      return getTableInstance().deleteTableDataRecord(rowKey)
+    },
+    insertTableDataRecord: (record: Recordable | Recordable[], index?: number) => {
+      return getTableInstance().insertTableDataRecord(record, index)
+    },
+    updateTableDataRecord: (rowKey: string | number, record: Recordable) => {
+      return getTableInstance().updateTableDataRecord(rowKey, record)
+    },
+    findTableDataRecord: (rowKey: string | number) => {
+      return getTableInstance().findTableDataRecord(rowKey)
+    },
+    getRowSelection: () => {
+      return toRaw(getTableInstance().getRowSelection())
+    },
+    getCacheColumns: () => {
+      return toRaw(getTableInstance().getCacheColumns())
+    },
+    getForm: () => {
+      return unref(formRef) as unknown as FormActionType
+    },
+    setShowPagination: async (show: boolean) => {
+      await getTableInstance().setShowPagination(show)
+    },
+    getShowPagination: () => {
+      return toRaw(getTableInstance().getShowPagination())
+    },
+    expandAll: () => {
+      getTableInstance().expandAll()
+    },
+    expandRows: (keys: string[]) => {
+      getTableInstance().expandRows(keys)
+    },
+    collapseAll: () => {
+      getTableInstance().collapseAll()
+    },
+    scrollTo: (pos: string) => {
+      getTableInstance().scrollTo(pos)
+    },
+    setShowForm: async (flag: boolean) => {
+      await getTableInstance().setShowForm(flag)
+    },
+    getShowForm: () => {
+      return toRaw(getTableInstance().getShowForm())
+    },
+  }
+
+  return [register, methods]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableContext.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableContext.ts
new file mode 100644
index 0000000..780fb32
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableContext.ts
@@ -0,0 +1,22 @@
+import type { ComputedRef, Ref } from 'vue'
+import { inject, provide } from 'vue'
+import type { BasicTableProps, TableActionType } from '../types/table'
+
+const key = Symbol('basic-table')
+
+type Instance = TableActionType & {
+  wrapRef: Ref<Nullable<HTMLElement>>
+  getBindValues: ComputedRef<Recordable>
+}
+
+type RetInstance = Omit<Instance, 'getBindValues'> & {
+  getBindValues: ComputedRef<BasicTableProps>
+}
+
+export function createTableContext(instance: Instance) {
+  provide(key, instance)
+}
+
+export function useTableContext(): RetInstance {
+  return inject(key) as RetInstance
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableExpand.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableExpand.ts
new file mode 100644
index 0000000..2e082ff
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableExpand.ts
@@ -0,0 +1,62 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, ref, toRaw, unref } from 'vue'
+import type { BasicTableProps } from '../types/table'
+import { ROW_KEY } from '../const'
+
+export function useTableExpand(propsRef: ComputedRef<BasicTableProps>, tableData: Ref<Recordable[]>, emit: EmitType) {
+  const expandedRowKeys = ref<(string | number)[]>([])
+
+  const getAutoCreateKey = computed(() => {
+    return unref(propsRef).autoCreateKey && !unref(propsRef).rowKey
+  })
+
+  const getRowKey = computed(() => {
+    const { rowKey } = unref(propsRef)
+    return unref(getAutoCreateKey) ? ROW_KEY : rowKey
+  })
+
+  const getExpandOption = computed(() => {
+    const { isTreeTable } = unref(propsRef)
+    if (!isTreeTable)
+      return {}
+
+    return {
+      expandedRowKeys: unref(expandedRowKeys),
+      onExpandedRowsChange: (keys: string[]) => {
+        expandedRowKeys.value = keys
+        emit('expanded-rows-change', keys)
+      },
+    }
+  })
+
+  function expandAll() {
+    const keys = getAllKeys()
+    expandedRowKeys.value = keys
+  }
+
+  function expandRows(keys: (string | number)[]) {
+    // use row ID expands the specified table row
+    const { isTreeTable } = unref(propsRef)
+    if (!isTreeTable)
+      return
+    expandedRowKeys.value = [...expandedRowKeys.value, ...keys]
+  }
+
+  function getAllKeys(data?: Recordable[]) {
+    const keys: string[] = []
+    const { childrenColumnName } = unref(propsRef)
+    toRaw(data || unref(tableData)).forEach((item) => {
+      keys.push(item[unref(getRowKey) as string])
+      const children = item[childrenColumnName || 'children']
+      if (children?.length)
+        keys.push(...getAllKeys(children))
+    })
+    return keys
+  }
+
+  function collapseAll() {
+    expandedRowKeys.value = []
+  }
+
+  return { getExpandOption, expandAll, expandRows, collapseAll }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableFooter.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableFooter.ts
new file mode 100644
index 0000000..e25c660
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableFooter.ts
@@ -0,0 +1,55 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, h, nextTick, unref, watchEffect } from 'vue'
+import type { BasicTableProps } from '../types/table'
+import TableFooter from '../components/TableFooter.vue'
+import { useEventListener } from '@/hooks/event/useEventListener'
+
+export function useTableFooter(
+  propsRef: ComputedRef<BasicTableProps>,
+  scrollRef: ComputedRef<{
+    x: string | number | true
+    y: string | number | null
+    scrollToFirstRowOnChange: boolean
+  }>,
+  tableElRef: Ref<ComponentRef>,
+  getDataSourceRef: ComputedRef<Recordable>,
+) {
+  const getIsEmptyData = computed(() => {
+    return (unref(getDataSourceRef) || []).length === 0
+  })
+
+  const getFooterProps = computed((): Recordable | undefined => {
+    const { summaryFunc, showSummary, summaryData } = unref(propsRef)
+    return showSummary && !unref(getIsEmptyData) ? () => h(TableFooter, { summaryFunc, summaryData, scroll: unref(scrollRef) }) : undefined
+  })
+
+  watchEffect(() => {
+    handleSummary()
+  })
+
+  function handleSummary() {
+    const { showSummary } = unref(propsRef)
+    if (!showSummary || unref(getIsEmptyData))
+      return
+
+    nextTick(() => {
+      const tableEl = unref(tableElRef)
+      if (!tableEl)
+        return
+      const bodyDom = tableEl.$el.querySelector('.ant-table-content')
+      useEventListener({
+        el: bodyDom,
+        name: 'scroll',
+        listener: () => {
+          const footerBodyDom = tableEl.$el.querySelector('.ant-table-footer .ant-table-content') as HTMLDivElement
+          if (!footerBodyDom || !bodyDom)
+            return
+          footerBodyDom.scrollLeft = bodyDom.scrollLeft
+        },
+        wait: 0,
+        options: true,
+      })
+    })
+  }
+  return { getFooterProps }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableForm.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableForm.ts
new file mode 100644
index 0000000..f872ccb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableForm.ts
@@ -0,0 +1,61 @@
+import type { ComputedRef, Slots } from 'vue'
+import { computed, ref, unref } from 'vue'
+import type { BasicTableProps, FetchParams } from '../types/table'
+import type { FormProps } from '@/components/Form'
+import { isFunction } from '@/utils/is'
+
+export function useTableForm(
+  propsRef: ComputedRef<BasicTableProps>,
+  slots: Slots,
+  fetch: (opt?: FetchParams | undefined) => Promise<void>,
+  getLoading: ComputedRef<boolean | undefined>,
+) {
+  const show = ref(true)
+
+  const getFormProps = computed((): Partial<FormProps> => {
+    const { formConfig } = unref(propsRef)
+    const { submitButtonOptions } = formConfig || {}
+    return {
+      showAdvancedButton: true,
+      ...formConfig,
+      submitButtonOptions: { loading: unref(getLoading), ...submitButtonOptions },
+      compact: true,
+    }
+  })
+
+  const getFormSlotKeys: ComputedRef<string[]> = computed(() => {
+    const keys = Object.keys(slots)
+    return keys.map(item => (item.startsWith('form-') ? item : null)).filter(item => !!item) as string[]
+  })
+
+  function replaceFormSlotKey(key: string) {
+    if (!key)
+      return ''
+    return key?.replace?.(/form\-/, '') ?? ''
+  }
+
+  function handleSearchInfoChange(info: Recordable) {
+    const { handleSearchInfoFn } = unref(propsRef)
+    if (handleSearchInfoFn && isFunction(handleSearchInfoFn))
+      info = handleSearchInfoFn(info) || info
+
+    fetch({ searchInfo: info, page: 1 })
+  }
+
+  function getShowForm() {
+    return unref(show)
+  }
+
+  function setShowForm(flag: boolean) {
+    show.value = flag
+  }
+
+  return {
+    getFormProps,
+    replaceFormSlotKey,
+    getFormSlotKeys,
+    handleSearchInfoChange,
+    getShowForm,
+    setShowForm,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableHeader.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableHeader.ts
new file mode 100644
index 0000000..9bc631c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableHeader.ts
@@ -0,0 +1,49 @@
+import type { ComputedRef, Slots } from 'vue'
+import { computed, h, unref } from 'vue'
+import type { BasicTableProps, InnerHandlers } from '../types/table'
+import TableHeader from '../components/TableHeader.vue'
+import { isString } from '@/utils/is'
+import { getSlot } from '@/utils/helper/tsxHelper'
+
+export function useTableHeader(propsRef: ComputedRef<BasicTableProps>, slots: Slots, handlers: InnerHandlers) {
+  const getHeaderProps = computed((): Recordable => {
+    const { title, showTableSetting, titleHelpMessage, tableSetting } = unref(propsRef)
+    const hideTitle = !slots.tableTitle && !title && !slots.toolbar && !showTableSetting
+    if (hideTitle && !isString(title))
+      return {}
+
+    return {
+      title: hideTitle
+        ? null
+        : () =>
+            h(
+              TableHeader,
+              {
+                title,
+                titleHelpMessage,
+                showTableSetting,
+                tableSetting,
+                onColumnsChange: handlers.onColumnsChange,
+              } as Recordable,
+              {
+                ...(slots.toolbar
+                  ? {
+                      toolbar: () => getSlot(slots, 'toolbar'),
+                    }
+                  : {}),
+                ...(slots.tableTitle
+                  ? {
+                      tableTitle: () => getSlot(slots, 'tableTitle'),
+                    }
+                  : {}),
+                ...(slots.headerTop
+                  ? {
+                      headerTop: () => getSlot(slots, 'headerTop'),
+                    }
+                  : {}),
+              },
+            ),
+    }
+  })
+  return { getHeaderProps }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableScroll.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableScroll.ts
new file mode 100644
index 0000000..0faa123
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableScroll.ts
@@ -0,0 +1,255 @@
+import type { ComputedRef, Ref } from 'vue'
+import { computed, nextTick, ref, unref, watch } from 'vue'
+import { useDebounceFn } from '@vueuse/core'
+import type { BasicColumn, BasicTableProps, TableRowSelection } from '../types/table'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+import { getViewportOffset } from '@/utils/domUtils'
+import { isBoolean } from '@/utils/is'
+import { useModalContext } from '@/components/Modal'
+import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated'
+
+export function useTableScroll(
+  propsRef: ComputedRef<BasicTableProps>,
+  tableElRef: Ref<ComponentRef>,
+  columnsRef: ComputedRef<BasicColumn[]>,
+  rowSelectionRef: ComputedRef<TableRowSelection | null>,
+  getDataSourceRef: ComputedRef<Recordable[]>,
+  wrapRef: Ref<HTMLElement | null>,
+  formRef: Ref<ComponentRef>,
+) {
+  const tableHeightRef: Ref<Nullable<number | string>> = ref(167)
+  const modalFn = useModalContext()
+
+  // Greater than animation time 280
+  const debounceRedoHeight = useDebounceFn(redoHeight, 100)
+
+  const getCanResize = computed(() => {
+    const { canResize, scroll } = unref(propsRef)
+    return canResize && !(scroll || {}).y
+  })
+
+  watch(
+    () => [unref(getCanResize), unref(getDataSourceRef)?.length],
+    () => {
+      debounceRedoHeight()
+    },
+    {
+      flush: 'post',
+    },
+  )
+
+  function redoHeight() {
+    nextTick(() => {
+      calcTableHeight()
+    })
+  }
+
+  function setHeight(height: number) {
+    tableHeightRef.value = height
+    //  Solve the problem of modal adaptive height calculation when the form is placed in the modal
+    modalFn?.redoModalHeight?.()
+  }
+
+  // No need to repeat queries
+  let paginationEl: HTMLElement | null
+  let footerEl: HTMLElement | null
+  let bodyEl: HTMLElement | null
+
+  function handleScrollBar(bodyEl: HTMLElement, tableEl: Element) {
+    const hasScrollBarY = bodyEl.scrollHeight > bodyEl.clientHeight
+    const hasScrollBarX = bodyEl.scrollWidth > bodyEl.clientWidth
+
+    if (hasScrollBarY) {
+      tableEl.classList.contains('hide-scrollbar-y')
+        && tableEl.classList.remove('hide-scrollbar-y')
+    }
+    else {
+      !tableEl.classList.contains('hide-scrollbar-y') && tableEl.classList.add('hide-scrollbar-y')
+    }
+
+    if (hasScrollBarX) {
+      tableEl.classList.contains('hide-scrollbar-x')
+        && tableEl.classList.remove('hide-scrollbar-x')
+    }
+    else {
+      !tableEl.classList.contains('hide-scrollbar-x') && tableEl.classList.add('hide-scrollbar-x')
+    }
+  }
+
+  function caclPaginationHeight(tableEl: Element): number {
+    const { pagination } = unref(propsRef)
+    // Pager height
+    let paginationHeight = 2
+    if (!isBoolean(pagination)) {
+      paginationEl = tableEl.querySelector('.ant-pagination') as HTMLElement
+      if (paginationEl) {
+        const offsetHeight = paginationEl.offsetHeight
+        paginationHeight += offsetHeight || 0
+      }
+      else {
+        // TODO First fix 24
+        paginationHeight += 24
+      }
+    }
+    else {
+      paginationHeight = -8
+    }
+    return paginationHeight
+  }
+
+  function caclFooterHeight(tableEl: Element): number {
+    const { pagination } = unref(propsRef)
+    let footerHeight = 0
+    if (!isBoolean(pagination)) {
+      if (!footerEl) {
+        footerEl = tableEl.querySelector('.ant-table-footer') as HTMLElement
+      }
+      else {
+        const offsetHeight = footerEl.offsetHeight
+        footerHeight += offsetHeight || 0
+      }
+    }
+    return footerHeight
+  }
+
+  function calcHeaderHeight(headEl: Element): number {
+    let headerHeight = 0
+    if (headEl)
+      headerHeight = (headEl as HTMLElement).offsetHeight
+
+    return headerHeight
+  }
+
+  function calcBottomAndPaddingHeight(tableEl: Element, headEl: Element) {
+    const { pagination, isCanResizeParent, useSearchForm } = unref(propsRef)
+    // Table height from bottom height-custom offset
+    let paddingHeight = 30
+    let bottomIncludeBody = 0
+    if (unref(wrapRef) && isCanResizeParent) {
+      const tablePadding = 12
+      const formMargin = 16
+      let paginationMargin = 10
+      const wrapHeight = unref(wrapRef)?.offsetHeight ?? 0
+
+      let formHeight = unref(formRef)?.$el.offsetHeight ?? 0
+      if (formHeight)
+        formHeight += formMargin
+
+      if (isBoolean(pagination) && !pagination)
+        paginationMargin = 0
+
+      if (isBoolean(useSearchForm) && !useSearchForm)
+        paddingHeight = 0
+
+      const headerCellHeight
+        = (tableEl.querySelector('.ant-table-title') as HTMLElement)?.offsetHeight ?? 0
+
+      console.log(wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin)
+      bottomIncludeBody
+        = wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin
+    }
+    else {
+      // Table height from bottom
+      bottomIncludeBody = getViewportOffset(headEl).bottomIncludeBody
+    }
+
+    return {
+      paddingHeight,
+      bottomIncludeBody,
+    }
+  }
+
+  async function calcTableHeight() {
+    const { resizeHeightOffset, maxHeight } = unref(propsRef)
+    const tableData = unref(getDataSourceRef)
+
+    const table = unref(tableElRef)
+    if (!table)
+      return
+
+    const tableEl: Element = table.$el
+    if (!tableEl)
+      return
+
+    if (!bodyEl) {
+      bodyEl = tableEl.querySelector('.ant-table-body')
+      if (!bodyEl)
+        return
+    }
+
+    handleScrollBar(bodyEl, tableEl)
+
+    bodyEl.style.height = 'unset'
+
+    if (!unref(getCanResize) || !unref(tableData) || tableData.length === 0)
+      return
+
+    await nextTick()
+    // Add a delay to get the correct bottomIncludeBody paginationHeight footerHeight headerHeight
+
+    const headEl = tableEl.querySelector('.ant-table-thead ')
+
+    if (!headEl)
+      return
+
+    const paginationHeight = caclPaginationHeight(tableEl)
+    const footerHeight = caclFooterHeight(tableEl)
+    const headerHeight = calcHeaderHeight(headEl)
+    const { paddingHeight, bottomIncludeBody } = calcBottomAndPaddingHeight(tableEl, headEl)
+
+    let height
+      = bottomIncludeBody
+      - (resizeHeightOffset || 0)
+      - paddingHeight
+      - paginationHeight
+      - footerHeight
+      - headerHeight
+    height = (height > maxHeight! ? (maxHeight as number) : height) ?? height
+    setHeight(height)
+
+    bodyEl.style.height = `${height}px`
+  }
+  useWindowSizeFn(calcTableHeight, { wait: 280 })
+  onMountedOrActivated(() => {
+    calcTableHeight()
+    nextTick(() => {
+      debounceRedoHeight()
+    })
+  })
+
+  const getScrollX = computed(() => {
+    let width = 0
+    if (unref(rowSelectionRef))
+      width += 60
+
+    // TODO props ?? 0;
+    const NORMAL_WIDTH = 150
+
+    const columns = unref(columnsRef).filter(item => !item.defaultHidden)
+    columns.forEach((item) => {
+      width += Number.parseFloat(item.width as string) || 0
+    })
+    const unsetWidthColumns = columns.filter(item => !Reflect.has(item, 'width'))
+
+    const len = unsetWidthColumns.length
+    if (len !== 0)
+      width += len * NORMAL_WIDTH
+
+    const table = unref(tableElRef)
+    const tableWidth = table?.$el?.offsetWidth ?? 0
+    return tableWidth > width ? '100%' : width
+  })
+
+  const getScrollRef = computed(() => {
+    const tableHeight = unref(tableHeightRef)
+    const { canResize, scroll } = unref(propsRef)
+    return {
+      x: unref(getScrollX),
+      y: canResize ? tableHeight : null,
+      scrollToFirstRowOnChange: false,
+      ...scroll,
+    }
+  })
+
+  return { getScrollRef, redoHeight }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableStyle.ts b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableStyle.ts
new file mode 100644
index 0000000..cc3de9a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/hooks/useTableStyle.ts
@@ -0,0 +1,20 @@
+import type { ComputedRef } from 'vue'
+import { unref } from 'vue'
+import type { BasicTableProps, TableCustomRecord } from '../types/table'
+import { isFunction } from '@/utils/is'
+
+export function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls: string) {
+  function getRowClassName(record: TableCustomRecord, index: number) {
+    const { striped, rowClassName } = unref(propsRef)
+    const classNames: string[] = []
+    if (striped)
+      classNames.push((index || 0) % 2 === 1 ? `${prefixCls}-row__striped` : '')
+
+    if (rowClassName && isFunction(rowClassName))
+      classNames.push(rowClassName(record, index))
+
+    return classNames.filter(cls => !!cls).join(' ')
+  }
+
+  return { getRowClassName }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/props.ts b/yunxi-ui-admin-vben/src/components/Table/src/props.ts
new file mode 100644
index 0000000..6df2b73
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/props.ts
@@ -0,0 +1,135 @@
+import type { PaginationProps } from './types/pagination'
+import type { BasicColumn, FetchSetting, SizeType, SorterResult, TableCustomRecord, TableRowSelection, TableSetting } from './types/table'
+import { DEFAULT_FILTER_FN, DEFAULT_SIZE, DEFAULT_SORT_FN, FETCH_SETTING } from './const'
+import type { FormProps } from '@/components/Form'
+
+import { propTypes } from '@/utils/propTypes'
+
+export const basicProps = {
+  clickToRowSelect: { type: Boolean, default: true },
+  isTreeTable: Boolean,
+  tableSetting: propTypes.shape<TableSetting>({}),
+  inset: Boolean,
+  sortFn: {
+    type: Function as PropType<(sortInfo: SorterResult) => any>,
+    default: DEFAULT_SORT_FN,
+  },
+  filterFn: {
+    type: Function as PropType<(data: Partial<Recordable<string[]>>) => any>,
+    default: DEFAULT_FILTER_FN,
+  },
+  showTableSetting: Boolean,
+  autoCreateKey: { type: Boolean, default: true },
+  striped: { type: Boolean, default: true },
+  showSummary: Boolean,
+  summaryFunc: {
+    type: [Function, Array] as PropType<(...arg: any[]) => any[]>,
+    default: null,
+  },
+  summaryData: {
+    type: Array as PropType<Recordable[]>,
+    default: null,
+  },
+  indentSize: propTypes.number.def(24),
+  canColDrag: { type: Boolean, default: true },
+  api: {
+    type: Function as PropType<(...arg: any[]) => Promise<any>>,
+    default: null,
+  },
+  beforeFetch: {
+    type: Function as PropType<Fn>,
+    default: null,
+  },
+  afterFetch: {
+    type: Function as PropType<Fn>,
+    default: null,
+  },
+  handleSearchInfoFn: {
+    type: Function as PropType<Fn>,
+    default: null,
+  },
+  fetchSetting: {
+    type: Object as PropType<FetchSetting>,
+    default: () => {
+      return FETCH_SETTING
+    },
+  },
+  // 立即请求接口
+  immediate: { type: Boolean, default: true },
+  emptyDataIsShowTable: { type: Boolean, default: true },
+  // 额外的请求参数
+  searchInfo: {
+    type: Object as PropType<Recordable>,
+    default: null,
+  },
+  // 默认的排序参数
+  defSort: {
+    type: Object as PropType<Recordable>,
+    default: null,
+  },
+  // 使用搜索表单
+  useSearchForm: propTypes.bool,
+  // 表单配置
+  formConfig: {
+    type: Object as PropType<Partial<FormProps>>,
+    default: null,
+  },
+  columns: {
+    type: Array as PropType<BasicColumn[]>,
+    default: () => [],
+  },
+  showIndexColumn: { type: Boolean, default: true },
+  indexColumnProps: {
+    type: Object as PropType<BasicColumn>,
+    default: null,
+  },
+  actionColumn: {
+    type: Object as PropType<BasicColumn>,
+    default: null,
+  },
+  ellipsis: { type: Boolean, default: true },
+  isCanResizeParent: { type: Boolean, default: false },
+  canResize: { type: Boolean, default: true },
+  clearSelectOnPageChange: propTypes.bool,
+  resizeHeightOffset: propTypes.number.def(0),
+  rowSelection: {
+    type: Object as PropType<TableRowSelection | null>,
+    default: null,
+  },
+  title: {
+    type: [String, Function] as PropType<string | ((data: Recordable) => string)>,
+    default: null,
+  },
+  titleHelpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+  },
+  maxHeight: propTypes.number,
+  dataSource: {
+    type: Array as PropType<Recordable[]>,
+    default: null,
+  },
+  rowKey: {
+    type: [String, Function] as PropType<string | ((record: Recordable) => string)>,
+    default: '',
+  },
+  bordered: propTypes.bool,
+  pagination: {
+    type: [Object, Boolean] as PropType<PaginationProps | boolean>,
+    default: null,
+  },
+  loading: propTypes.bool,
+  rowClassName: {
+    type: Function as PropType<(record: TableCustomRecord<any>, index: number) => string>,
+  },
+  scroll: {
+    type: Object as PropType<{ x: number | string | true; y: number | string }>,
+    default: null,
+  },
+  beforeEditSubmit: {
+    type: Function as PropType<(data: { record: Recordable; index: number; key: string | number; value: any }) => Promise<any>>,
+  },
+  size: {
+    type: String as PropType<SizeType>,
+    default: DEFAULT_SIZE,
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/types/column.ts b/yunxi-ui-admin-vben/src/components/Table/src/types/column.ts
new file mode 100644
index 0000000..8527e81
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/types/column.ts
@@ -0,0 +1,195 @@
+import type { VNodeChild } from 'vue'
+
+export interface ColumnFilterItem {
+  text?: string
+  value?: string
+  children?: any
+}
+
+export declare type SortOrder = 'ascend' | 'descend'
+
+export interface RecordProps<T> {
+  text: any
+  record: T
+  index: number
+}
+
+export interface FilterDropdownProps {
+  prefixCls?: string
+  setSelectedKeys?: (selectedKeys: string[]) => void
+  selectedKeys?: string[]
+  confirm?: () => void
+  clearFilters?: () => void
+  filters?: ColumnFilterItem[]
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement
+  open?: boolean
+}
+
+export declare type CustomRenderFunction<T> = (record: RecordProps<T>) => VNodeChild | JSX.Element
+
+export interface ColumnProps<T> {
+  /**
+   * specify how content is aligned
+   * @default 'left'
+   * @type string
+   */
+  align?: 'left' | 'right' | 'center'
+
+  /**
+   * ellipsize cell content, not working with sorter and filters for now.
+   * tableLayout would be fixed when ellipsis is true.
+   * @default false
+   * @type boolean
+   */
+  ellipsis?: boolean
+
+  /**
+   * Span of this column's title
+   * @type number
+   */
+  colSpan?: number
+
+  /**
+   * Display field of the data record, could be set like a.b.c
+   * @type string
+   */
+  dataIndex?: string
+
+  /**
+   * Default filtered values
+   * @type string[]
+   */
+  defaultFilteredValue?: string[]
+
+  /**
+   * Default order of sorted values: 'ascend' 'descend' null
+   * @type string
+   */
+  defaultSortOrder?: SortOrder
+
+  /**
+   * Customized filter overlay
+   * @type any (slot)
+   */
+  filterDropdown?: VNodeChild | JSX.Element | ((props: FilterDropdownProps) => VNodeChild | JSX.Element)
+
+  /**
+   * Whether filterDropdown is open
+   * @type boolean
+   */
+  filterDropdownOpen?: boolean
+
+  /**
+   * Whether the dataSource is filtered
+   * @default false
+   * @type boolean
+   */
+  filtered?: boolean
+
+  /**
+   * Controlled filtered value, filter icon will highlight
+   * @type string[]
+   */
+  filteredValue?: string[]
+
+  /**
+   * Customized filter icon
+   * @default false
+   * @type any
+   */
+  filterIcon?: boolean | VNodeChild | JSX.Element
+
+  /**
+   * Whether multiple filters can be selected
+   * @default true
+   * @type boolean
+   */
+  filterMultiple?: boolean
+
+  /**
+   * Filter menu config
+   * @type object[]
+   */
+  filters?: ColumnFilterItem[]
+
+  /**
+   * Set column to be fixed: true(same as left) 'left' 'right'
+   * @default false
+   * @type boolean | string
+   */
+  fixed?: boolean | 'left' | 'right'
+
+  /**
+   * Unique key of this column, you can ignore this prop if you've set a unique dataIndex
+   * @type string
+   */
+  key?: string
+
+  /**
+   * Renderer of the table cell. The return value should be a VNode, or an object for colSpan/rowSpan config
+   * @type Function | ScopedSlot
+   */
+  customRender?: CustomRenderFunction<T> | VNodeChild | JSX.Element
+
+  /**
+   * Sort function for local sort, see Array.sort's compareFunction. If you need sort buttons only, set to true
+   * @type boolean | Function
+   */
+  sorter?: boolean | Fn
+
+  /**
+   * Order of sorted values: 'ascend' 'descend' false
+   * @type boolean | string
+   */
+  sortOrder?: boolean | SortOrder
+
+  /**
+   * supported sort way, could be 'ascend', 'descend'
+   * @default ['ascend', 'descend']
+   * @type string[]
+   */
+  sortDirections?: SortOrder[]
+
+  /**
+   * Title of this column
+   * @type any (string | slot)
+   */
+  title?: VNodeChild | JSX.Element
+
+  /**
+   * Width of this column
+   * @type string | number
+   */
+  width?: string | number
+
+  /**
+   * Set props on per cell
+   * @type Function
+   */
+  customCell?: (record: T, rowIndex: number) => object
+
+  /**
+   * Set props on per header cell
+   * @type object
+   */
+  customHeaderCell?: (column: ColumnProps<T>) => object
+
+  /**
+   * Callback executed when the confirm filter button is clicked, Use as a filter event when using template or jsx
+   * @type Function
+   */
+  onFilter?: (value: any, record: T) => boolean
+
+  /**
+   * Callback executed when filterDropdownOpen is changed, Use as a filterDropdownOpen event when using template or jsx
+   * @type Function
+   */
+  onFilterDropdownOpenChange?: (open: boolean) => void
+
+  /**
+   * When using columns, you can setting this property to configure the properties that support the slot,
+   * such as slots: { filterIcon: 'XXX'}
+   * @type object
+   */
+  slots?: Recordable<string>
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/types/componentType.ts b/yunxi-ui-admin-vben/src/components/Table/src/types/componentType.ts
new file mode 100644
index 0000000..293f07c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/types/componentType.ts
@@ -0,0 +1,14 @@
+export type ComponentType =
+  | 'Input'
+  | 'InputNumber'
+  | 'Select'
+  | 'ApiSelect'
+  | 'AutoComplete'
+  | 'ApiTreeSelect'
+  | 'Checkbox'
+  | 'Switch'
+  | 'DatePicker'
+  | 'TimePicker'
+  | 'RadioGroup'
+  | 'RadioButtonGroup'
+  | 'ApiRadioGroup'
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/types/pagination.ts b/yunxi-ui-admin-vben/src/components/Table/src/types/pagination.ts
new file mode 100644
index 0000000..28b96dd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/types/pagination.ts
@@ -0,0 +1,109 @@
+import Pagination from 'ant-design-vue/lib/pagination'
+import type { VNodeChild } from 'vue'
+
+interface PaginationRenderProps {
+  page: number
+  type: 'page' | 'prev' | 'next'
+  originalElement: any
+}
+
+type PaginationPositon = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight'
+
+export declare class PaginationConfig extends Pagination {
+  position?: PaginationPositon[]
+}
+
+export interface PaginationProps {
+  /**
+   * total number of data items
+   * @default 0
+   * @type number
+   */
+  total?: number
+
+  /**
+   * default initial page number
+   * @default 1
+   * @type number
+   */
+  defaultCurrent?: number
+
+  /**
+   * current page number
+   * @type number
+   */
+  current?: number
+
+  /**
+   * default number of data items per page
+   * @default 10
+   * @type number
+   */
+  defaultPageSize?: number
+
+  /**
+   * number of data items per page
+   * @type number
+   */
+  pageSize?: number
+
+  /**
+   * Whether to hide pager on single page
+   * @default false
+   * @type boolean
+   */
+  hideOnSinglePage?: boolean
+
+  /**
+   * determine whether pageSize can be changed
+   * @default false
+   * @type boolean
+   */
+  showSizeChanger?: boolean
+
+  /**
+   * specify the sizeChanger options
+   * @default ['10', '20', '30', '40']
+   * @type string[]
+   */
+  pageSizeOptions?: string[]
+
+  /**
+   * determine whether you can jump to pages directly
+   * @default false
+   * @type boolean
+   */
+  showQuickJumper?: boolean | object
+
+  /**
+   * to display the total number and range
+   * @type Function
+   */
+  showTotal?: (total: number, range: [number, number]) => any
+
+  /**
+   * specify the size of Pagination, can be set to small
+   * @default ''
+   * @type string
+   */
+  size?: string
+
+  /**
+   * whether to setting simple mode
+   * @type boolean
+   */
+  simple?: boolean
+
+  /**
+   * to customize item innerHTML
+   * @type Function
+   */
+  itemRender?: (props: PaginationRenderProps) => VNodeChild | JSX.Element
+
+  /**
+   * specify the position of Pagination
+   * @default ['bottomRight']
+   * @type string[]
+   */
+  position?: PaginationPositon[]
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/types/table.ts b/yunxi-ui-admin-vben/src/components/Table/src/types/table.ts
new file mode 100644
index 0000000..f8ea22a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/types/table.ts
@@ -0,0 +1,467 @@
+import type { Ref, VNodeChild } from 'vue'
+import type { TableRowSelection as ITableRowSelection, Key } from 'ant-design-vue/lib/table/interface'
+import type { ColumnProps } from 'ant-design-vue/lib/table'
+import type { PaginationProps } from './pagination'
+
+import type { ComponentType } from './componentType'
+import type { FormProps } from '@/components/Form'
+import type { VueNode } from '@/utils/propTypes'
+import type { RoleEnum } from '@/enums/roleEnum'
+
+export declare type SortOrder = 'ascend' | 'descend'
+
+export interface TableCurrentDataSource<T = Recordable> {
+  currentDataSource: T[]
+}
+
+export interface TableRowSelection<T = any> extends ITableRowSelection {
+  /**
+   * Callback executed when selected rows change
+   * @type Function
+   */
+  onChange?: (selectedRowKeys: Key[], selectedRows: T[]) => any
+
+  /**
+   * Callback executed when select/deselect one row
+   * @type Function
+   */
+  onSelect?: (record: T, selected: boolean, selectedRows: object[], nativeEvent: Event) => any
+
+  /**
+   * Callback executed when select/deselect all rows
+   * @type Function
+   */
+  onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => any
+
+  /**
+   * Callback executed when row selection is inverted
+   * @type Function
+   */
+  onSelectInvert?: (selectedRows: Key[]) => any
+}
+
+export interface TableCustomRecord<T> {
+  record?: T
+  index?: number
+}
+
+export interface ExpandedRowRenderRecord<T> extends TableCustomRecord<T> {
+  indent?: number
+  expanded?: boolean
+}
+export interface ColumnFilterItem {
+  text?: string
+  value?: string
+  children?: any
+}
+
+export interface SorterResult {
+  column: ColumnProps
+  order: SortOrder
+  field: string
+  columnKey: string
+}
+
+export interface FetchParams {
+  searchInfo?: Recordable
+  page?: number
+  sortInfo?: Recordable
+  filterInfo?: Recordable
+}
+
+export interface GetColumnsParams {
+  ignoreIndex?: boolean
+  ignoreAction?: boolean
+  sort?: boolean
+}
+
+export type SizeType = 'default' | 'middle' | 'small' | 'large'
+
+export interface TableActionType {
+  reload: (opt?: FetchParams) => Promise<void>
+  setSelectedRows: (rows: Recordable[]) => void
+  getSelectRows: <T = Recordable>() => T[]
+  clearSelectedRowKeys: () => void
+  expandAll: () => void
+  expandRows: (keys: (string | number)[]) => void
+  collapseAll: () => void
+  scrollTo: (pos: string) => void // pos: id | "top" | "bottom"
+  getSelectRowKeys: () => Key[]
+  deleteSelectRowByKey: (key: string) => void
+  setPagination: (info: Partial<PaginationProps>) => void
+  setTableData: <T extends Ref<Recordable<any>[]>>(values: T[]) => void
+  updateTableDataRecord: (rowKey: string | number, record: Recordable) => Recordable | void
+  deleteTableDataRecord: (rowKey: string | number | string[] | number[]) => void
+  insertTableDataRecord: (record: Recordable | Recordable[], index?: number) => Recordable[] | void
+  findTableDataRecord: (rowKey: string | number) => Recordable | void
+  getColumns: (opt?: GetColumnsParams) => BasicColumn[]
+  setColumns: (columns: BasicColumn[] | string[]) => void
+  getDataSource: <T = Recordable>() => T[]
+  getRawDataSource: <T = Recordable>() => T
+  setLoading: (loading: boolean) => void
+  setProps: (props: Partial<BasicTableProps>) => void
+  redoHeight: () => void
+  setSelectedRowKeys: (rowKeys: Key[]) => void
+  getPaginationRef: () => PaginationProps | boolean
+  getSize: () => SizeType
+  getRowSelection: () => TableRowSelection<Recordable>
+  getCacheColumns: () => BasicColumn[]
+  emit?: EmitType
+  updateTableData: (index: number, key: string, value: any) => Recordable
+  setShowPagination: (show: boolean) => void
+  getShowPagination: () => boolean
+  setCacheColumnsByField?: (dataIndex: string | undefined, value: BasicColumn) => void
+  setCacheColumns?: (columns: BasicColumn[]) => void
+  setShowForm: (flag: boolean) => void
+  getShowForm: () => boolean
+}
+
+export interface FetchSetting {
+  // 请求接口当前页数
+  pageField: string
+  // 每页显示多少条
+  sizeField: string
+  // 请求结果列表字段  支持 a.b.c
+  listField: string
+  // 请求结果总数字段  支持 a.b.c
+  totalField: string
+}
+
+export interface TableSetting {
+  redo?: boolean
+  form?: boolean
+  size?: boolean
+  setting?: boolean
+  fullScreen?: boolean
+}
+
+export interface BasicTableProps<T = any> {
+  // 点击行选中
+  clickToRowSelect?: boolean
+  isTreeTable?: boolean
+  // 自定义排序方法
+  sortFn?: (sortInfo: SorterResult) => any
+  // 排序方法
+  filterFn?: (data: Partial<Recordable<string[]>>) => any
+  // 取消表格的默认padding
+  inset?: boolean
+  // 显示表格设置
+  showTableSetting?: boolean
+  tableSetting?: TableSetting
+  // 斑马纹
+  striped?: boolean
+  // 是否自动生成key
+  autoCreateKey?: boolean
+  // 计算合计行的方法
+  summaryFunc?: (...arg: any) => Recordable[]
+  // 自定义合计表格内容
+  summaryData?: Recordable[]
+  // 是否显示合计行
+  showSummary?: boolean
+  // 是否可拖拽列
+  canColDrag?: boolean
+  // 接口请求对象
+  api?: (...arg: any) => Promise<any>
+  // 请求之前处理参数
+  beforeFetch?: Fn
+  // 自定义处理接口返回参数
+  afterFetch?: Fn
+  // 查询条件请求之前处理
+  handleSearchInfoFn?: Fn
+  // 请求接口配置
+  fetchSetting?: Partial<FetchSetting>
+  // 立即请求接口
+  immediate?: boolean
+  // 在开起搜索表单的时候，如果没有数据是否显示表格
+  emptyDataIsShowTable?: boolean
+  // 额外的请求参数
+  searchInfo?: Recordable
+  // 默认的排序参数
+  defSort?: Recordable
+  // 使用搜索表单
+  useSearchForm?: boolean
+  // 表单配置
+  formConfig?: Partial<FormProps>
+  // 列配置
+  columns: BasicColumn[]
+  // 是否显示序号列
+  showIndexColumn?: boolean
+  // 序号列配置
+  indexColumnProps?: BasicColumn
+  actionColumn?: BasicColumn
+  // 文本超过宽度是否显示。。。
+  ellipsis?: boolean
+  // 是否继承父级高度（父级高度-表单高度-padding高度）
+  isCanResizeParent?: boolean
+  // 是否可以自适应高度
+  canResize?: boolean
+  // 自适应高度偏移， 计算结果-偏移量
+  resizeHeightOffset?: number
+
+  // 在分页改变的时候清空选项
+  clearSelectOnPageChange?: boolean
+  //
+  rowKey?: string | ((record: Recordable) => string)
+  // 数据
+  dataSource?: Recordable[]
+  // 标题右侧提示
+  titleHelpMessage?: string | string[]
+  // 表格滚动最大高度
+  maxHeight?: number
+  // 是否显示边框
+  bordered?: boolean
+  // 分页配置
+  pagination?: PaginationProps | boolean
+  // loading加载
+  loading?: boolean
+
+  /**
+   * The column contains children to display
+   * @default 'children'
+   * @type string | string[]
+   */
+  childrenColumnName?: string
+
+  /**
+   * Override default table elements
+   * @type object
+   */
+  components?: object
+
+  /**
+   * Expand all rows initially
+   * @default false
+   * @type boolean
+   */
+  defaultExpandAllRows?: boolean
+
+  /**
+   * Initial expanded row keys
+   * @type string[]
+   */
+  defaultExpandedRowKeys?: string[]
+
+  /**
+   * Current expanded row keys
+   * @type string[]
+   */
+  expandedRowKeys?: string[]
+
+  /**
+   * Expanded container render for each row
+   * @type Function
+   */
+  expandedRowRender?: (record?: ExpandedRowRenderRecord<T>) => VNodeChild | JSX.Element
+
+  /**
+   * Customize row expand Icon.
+   * @type Function | VNodeChild
+   */
+  expandIcon?: Fn | VNodeChild | JSX.Element
+
+  /**
+   * Whether to expand row by clicking anywhere in the whole row
+   * @default false
+   * @type boolean
+   */
+  expandRowByClick?: boolean
+
+  /**
+   * The index of `expandIcon` which column will be inserted when `expandIconAsCell` is false. default 0
+   */
+  expandIconColumnIndex?: number
+
+  /**
+   * Table footer renderer
+   * @type Function | VNodeChild
+   */
+  footer?: Fn | VNodeChild | JSX.Element
+
+  /**
+   * Indent size in pixels of tree data
+   * @default 15
+   * @type number
+   */
+  indentSize?: number
+
+  /**
+   * i18n text including filter, sort, empty text, etc
+   * @default { filterConfirm: 'Ok', filterReset: 'Reset', emptyText: 'No Data' }
+   * @type object
+   */
+  locale?: object
+
+  /**
+   * Row's className
+   * @type Function
+   */
+  rowClassName?: (record: TableCustomRecord<T>, index: number) => string
+
+  /**
+   * Row selection config
+   * @type object
+   */
+  rowSelection?: TableRowSelection
+
+  /**
+   * Set horizontal or vertical scrolling, can also be used to specify the width and height of the scroll area.
+   * It is recommended to set a number for x, if you want to set it to true,
+   * you need to add style .ant-table td { white-space: nowrap; }.
+   * @type object
+   */
+  scroll?: { x?: number | string | true; y?: number | string }
+
+  /**
+   * Whether to show table header
+   * @default true
+   * @type boolean
+   */
+  showHeader?: boolean
+
+  /**
+   * Size of table
+   * @default 'default'
+   * @type string
+   */
+  size?: SizeType
+
+  /**
+   * Table title renderer
+   * @type Function | ScopedSlot
+   */
+  title?: VNodeChild | JSX.Element | string | ((data: Recordable) => string)
+
+  /**
+   * Set props on per header row
+   * @type Function
+   */
+  customHeaderRow?: (column: ColumnProps, index: number) => object
+
+  /**
+   * Set props on per row
+   * @type Function
+   */
+  customRow?: (record: T, index: number) => object
+
+  /**
+   * `table-layout` attribute of table element
+   * `fixed` when header/columns are fixed, or using `column.ellipsis`
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
+   * @version 1.5.0
+   */
+  tableLayout?: 'auto' | 'fixed' | string
+
+  /**
+   * the render container of dropdowns in table
+   * @param triggerNode
+   * @version 1.5.0
+   */
+  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement
+
+  /**
+   * Data can be changed again before rendering.
+   * The default configuration of general user empty data.
+   * You can configured globally through [ConfigProvider](https://antdv.com/components/config-provider-cn/)
+   *
+   * @version 1.5.4
+   */
+  transformCellText?: Fn
+
+  /**
+   * Callback executed before editable cell submit value, not for row-editor
+   *
+   * The cell will not submit data while callback return false
+   */
+  beforeEditSubmit?: (data: { record: Recordable; index: number; key: string | number; value: any }) => Promise<any>
+
+  /**
+   * Callback executed when pagination, filters or sorter is changed
+   * @param pagination
+   * @param filters
+   * @param sorter
+   * @param currentDataSource
+   */
+  onChange?: (pagination: any, filters: any, sorter: any, extra: any) => void
+
+  /**
+   * Callback executed when the row expand icon is clicked
+   *
+   * @param expanded
+   * @param record
+   */
+  onExpand?: (expande: boolean, record: T) => void
+
+  /**
+   * Callback executed when the expanded rows change
+   * @param expandedRows
+   */
+  onExpandedRowsChange?: (expandedRows: string[] | number[]) => void
+
+  onColumnsChange?: (data: ColumnChangeParam[]) => void
+}
+
+export type CellFormat = string | ((text: string, record: Recordable, index: number) => string | number) | Map<string | number, any>
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+export interface BasicColumn extends ColumnProps<Recordable> {
+  children?: BasicColumn[]
+  filters?: {
+    text: string
+    value: string
+    children?: unknown[] | (((props: Record<string, unknown>) => unknown[]) & (() => unknown[]) & (() => unknown[]))
+  }[]
+
+  //
+  flag?: 'INDEX' | 'DEFAULT' | 'CHECKBOX' | 'RADIO' | 'ACTION'
+  customTitle?: VueNode
+
+  slots?: Recordable
+
+  // 自定义header渲染
+  customHeaderRender?: (column: BasicColumn) => string | VNodeChild | JSX.Element
+
+  // Whether to hide the column by default, it can be displayed in the column configuration
+  defaultHidden?: boolean
+
+  // Help text for table column header
+  helpMessage?: string | string[]
+
+  format?: CellFormat
+
+  // Editable
+  edit?: boolean
+  editRow?: boolean
+  editable?: boolean
+  editComponent?: ComponentType
+  editComponentProps?:
+  | ((opt: { text: string | number | boolean | Recordable; record: Recordable; column: BasicColumn; index: number }) => Recordable)
+  | Recordable
+  editRule?: boolean | ((text: string, record: Recordable) => Promise<string>)
+  editValueMap?: (value: any) => string
+  onEditRow?: () => void
+  // 权限编码控制是否显示
+  auth?: RoleEnum | RoleEnum[] | string | string[]
+  // 业务控制是否显示
+  ifShow?: boolean | ((column: BasicColumn) => boolean)
+  // 自定义修改后显示的内容
+  editRender?: (opt: {
+    text: string | number | boolean | Recordable
+    record: Recordable
+    column: BasicColumn
+    index: number
+  }) => VNodeChild | JSX.Element
+  // 动态 Disabled
+  editDynamicDisabled?: boolean | ((record: Recordable) => boolean)
+}
+
+export interface ColumnChangeParam {
+  dataIndex: string
+  fixed: boolean | 'left' | 'right' | undefined
+  open: boolean
+}
+
+export interface InnerHandlers {
+  onColumnsChange: (data: ColumnChangeParam[]) => void
+}
diff --git a/yunxi-ui-admin-vben/src/components/Table/src/types/tableAction.ts b/yunxi-ui-admin-vben/src/components/Table/src/types/tableAction.ts
new file mode 100644
index 0000000..b2a032f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Table/src/types/tableAction.ts
@@ -0,0 +1,40 @@
+import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'
+import type { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip'
+import type { RoleEnum } from '@/enums/roleEnum'
+
+export interface ActionItem extends ButtonProps {
+  onClick?: Fn
+  label?: string
+  color?: 'success' | 'error' | 'warning'
+  icon?: string
+  popConfirm?: PopConfirm
+  disabled?: boolean
+  divider?: boolean
+  // 权限编码控制是否显示
+  auth?: RoleEnum | RoleEnum[] | string | string[]
+  // 业务控制是否显示
+  ifShow?: boolean | ((action: ActionItem) => boolean)
+  tooltip?: string | TooltipProps
+}
+
+export interface PopConfirm {
+  title: string
+  okText?: string
+  cancelText?: string
+  confirm: Fn
+  cancel?: Fn
+  icon?: string
+  placement?:
+  | 'top'
+  | 'left'
+  | 'right'
+  | 'bottom'
+  | 'topLeft'
+  | 'topRight'
+  | 'leftTop'
+  | 'leftBottom'
+  | 'rightTop'
+  | 'rightBottom'
+  | 'bottomLeft'
+  | 'bottomRight'
+}
diff --git a/yunxi-ui-admin-vben/src/components/Tinymce/index.ts b/yunxi-ui-admin-vben/src/components/Tinymce/index.ts
new file mode 100644
index 0000000..1abe67d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tinymce/index.ts
@@ -0,0 +1,4 @@
+import tinymce from './src/Editor.vue'
+import { withInstall } from '@/utils'
+
+export const Tinymce = withInstall(tinymce)
diff --git a/yunxi-ui-admin-vben/src/components/Tinymce/src/Editor.vue b/yunxi-ui-admin-vben/src/components/Tinymce/src/Editor.vue
new file mode 100644
index 0000000..2c66e2d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tinymce/src/Editor.vue
@@ -0,0 +1,301 @@
+<script lang="ts" setup>
+import type { Editor, RawEditorSettings } from 'tinymce'
+import tinymce from 'tinymce/tinymce'
+import 'tinymce/themes/silver'
+import 'tinymce/icons/default/icons'
+import 'tinymce/plugins/advlist'
+import 'tinymce/plugins/anchor'
+import 'tinymce/plugins/autolink'
+import 'tinymce/plugins/autosave'
+import 'tinymce/plugins/code'
+import 'tinymce/plugins/codesample'
+import 'tinymce/plugins/directionality'
+import 'tinymce/plugins/fullscreen'
+import 'tinymce/plugins/hr'
+import 'tinymce/plugins/insertdatetime'
+import 'tinymce/plugins/link'
+import 'tinymce/plugins/lists'
+import 'tinymce/plugins/media'
+import 'tinymce/plugins/nonbreaking'
+import 'tinymce/plugins/noneditable'
+import 'tinymce/plugins/pagebreak'
+import 'tinymce/plugins/paste'
+import 'tinymce/plugins/preview'
+import 'tinymce/plugins/print'
+import 'tinymce/plugins/save'
+import 'tinymce/plugins/searchreplace'
+import 'tinymce/plugins/spellchecker'
+import 'tinymce/plugins/tabfocus'
+
+// import 'tinymce/plugins/table';
+import 'tinymce/plugins/template'
+import 'tinymce/plugins/textpattern'
+import 'tinymce/plugins/visualblocks'
+import 'tinymce/plugins/visualchars'
+import 'tinymce/plugins/wordcount'
+
+import { computed, nextTick, onBeforeUnmount, onDeactivated, ref, unref, useAttrs, watch } from 'vue'
+import ImgUpload from './ImgUpload.vue'
+import { plugins as defaultPlugins, toolbar as defaultToolbar } from './tinymce'
+import { bindHandlers } from './helper'
+import { buildShortUUID } from '@/utils/uuid'
+import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated'
+import { useDesign } from '@/hooks/web/useDesign'
+import { isNumber } from '@/utils/is'
+import { useLocale } from '@/locales/useLocale'
+import { useAppStore } from '@/store/modules/app'
+
+defineOptions({ name: 'Tinymce', inheritAttrs: false })
+
+const props = defineProps({
+  options: {
+    type: Object as PropType<Partial<RawEditorSettings>>,
+    default: () => ({}),
+  },
+  value: {
+    type: String,
+  },
+
+  toolbar: {
+    type: Array as PropType<string[]>,
+    default: defaultToolbar,
+  },
+  plugins: {
+    type: Array as PropType<string[]>,
+    default: defaultPlugins,
+  },
+  modelValue: {
+    type: String,
+  },
+  height: {
+    type: [Number, String] as PropType<string | number>,
+    required: false,
+    default: 400,
+  },
+  width: {
+    type: [Number, String] as PropType<string | number>,
+    required: false,
+    default: 'auto',
+  },
+  showImageUpload: {
+    type: Boolean,
+    default: true,
+  },
+})
+const emit = defineEmits(['change', 'update:modelValue', 'inited', 'init-error'])
+const attrs = useAttrs()
+const editorRef = ref<Nullable<Editor>>(null)
+const fullscreen = ref(false)
+const tinymceId = ref<string>(buildShortUUID('tiny-vue'))
+const elRef = ref<Nullable<HTMLElement>>(null)
+
+const { prefixCls } = useDesign('tinymce-container')
+
+const appStore = useAppStore()
+
+const containerWidth = computed(() => {
+  const width = props.width
+  if (isNumber(width))
+    return `${width}px`
+
+  return width
+})
+
+const skinName = computed(() => {
+  return appStore.getDarkMode === 'light' ? 'oxide' : 'oxide-dark'
+})
+
+const langName = computed(() => {
+  const lang = useLocale().getLocale.value
+  return ['zh_CN', 'en'].includes(lang) ? lang : 'zh_CN'
+})
+
+const initOptions = computed((): RawEditorSettings => {
+  const { height, options, toolbar, plugins } = props
+  const publicPath = import.meta.env.VITE_PUBLIC_PATH || '/'
+  return {
+    selector: `#${unref(tinymceId)}`,
+    height,
+    toolbar,
+    menubar: 'file edit insert view format table',
+    plugins,
+    language_url: `${publicPath}resource/tinymce/langs/${langName.value}.js`,
+    language: langName.value,
+    branding: false,
+    default_link_target: '_blank',
+    link_title: false,
+    object_resizing: false,
+    auto_focus: true,
+    skin: skinName.value,
+    skin_url: `${publicPath}resource/tinymce/skins/ui/${skinName.value}`,
+    content_css: `${publicPath}resource/tinymce/skins/ui/${skinName.value}/content.min.css`,
+    ...options,
+    setup: (editor: Editor) => {
+      editorRef.value = editor
+      editor.on('init', e => initSetup(e))
+    },
+  }
+})
+
+const disabled = computed(() => {
+  const { options } = props
+  const getdDisabled = options && Reflect.get(options, 'readonly')
+  const editor = unref(editorRef)
+  if (editor)
+    editor.setMode(getdDisabled ? 'readonly' : 'design')
+
+  return getdDisabled ?? false
+})
+
+watch(
+  () => attrs.disabled,
+  () => {
+    const editor = unref(editorRef)
+    if (!editor)
+      return
+
+    editor.setMode(attrs.disabled ? 'readonly' : 'design')
+  },
+)
+
+onMountedOrActivated(() => {
+  if (!initOptions.value.inline)
+    tinymceId.value = buildShortUUID('tiny-vue')
+
+  nextTick(() => {
+    setTimeout(() => {
+      initEditor()
+    }, 30)
+  })
+})
+
+onBeforeUnmount(() => {
+  destory()
+})
+
+onDeactivated(() => {
+  destory()
+})
+
+function destory() {
+  if (tinymce !== null)
+    tinymce?.remove?.(unref(initOptions).selector!)
+}
+
+function initEditor() {
+  const el = unref(elRef)
+  if (el)
+    el.style.visibility = ''
+
+  tinymce
+    .init(unref(initOptions))
+    .then((editor) => {
+      emit('inited', editor)
+    })
+    .catch((err) => {
+      emit('init-error', err)
+    })
+}
+
+function initSetup(e) {
+  const editor = unref(editorRef)
+  if (!editor)
+    return
+
+  const value = props.modelValue || ''
+
+  editor.setContent(value)
+  bindModelHandlers(editor)
+  bindHandlers(e, attrs, unref(editorRef))
+}
+
+function setValue(editor: Recordable, val: string, prevVal?: string) {
+  if (editor && typeof val === 'string' && val !== prevVal && val !== editor.getContent({ format: attrs.outputFormat }))
+    editor.setContent(val)
+}
+
+function bindModelHandlers(editor: any) {
+  const modelEvents = attrs.modelEvents ? attrs.modelEvents : null
+  const normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents
+
+  watch(
+    () => props.modelValue,
+    (val: string, prevVal: string) => {
+      setValue(editor, val, prevVal)
+    },
+  )
+
+  watch(
+    () => props.value,
+    (val: string, prevVal: string) => {
+      setValue(editor, val, prevVal)
+    },
+    {
+      immediate: true,
+    },
+  )
+
+  editor.on(normalizedEvents || 'change keyup undo redo', () => {
+    const content = editor.getContent({ format: attrs.outputFormat })
+    emit('update:modelValue', content)
+    emit('change', content)
+  })
+
+  editor.on('FullscreenStateChanged', (e) => {
+    fullscreen.value = e.state
+  })
+}
+
+function handleImageUploading(name: string) {
+  const editor = unref(editorRef)
+  if (!editor)
+    return
+
+  editor.execCommand('mceInsertContent', false, getUploadingImgName(name))
+  const content = editor?.getContent() ?? ''
+  setValue(editor, content)
+}
+
+function handleDone(name: string, url: string) {
+  const editor = unref(editorRef)
+  if (!editor)
+    return
+
+  const content = editor?.getContent() ?? ''
+  const val = content?.replace(getUploadingImgName(name), `<img src="${url}"/>`) ?? ''
+  setValue(editor, val)
+}
+
+function getUploadingImgName(name: string) {
+  return `[uploading:${name}]`
+}
+</script>
+
+<template>
+  <div :class="prefixCls" :style="{ width: containerWidth }">
+    <ImgUpload
+      v-if="showImageUpload"
+      v-show="editorRef"
+      :fullscreen="fullscreen"
+      :disabled="disabled"
+      @uploading="handleImageUploading"
+      @done="handleDone"
+    />
+    <textarea v-if="!initOptions.inline" :id="tinymceId" ref="elRef" :style="{ visibility: 'hidden' }" />
+    <slot v-else />
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-tinymce-container';
+
+.@{prefix-cls} {
+  position: relative;
+  line-height: normal;
+
+  textarea {
+    z-index: -1;
+    visibility: hidden;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Tinymce/src/ImgUpload.vue b/yunxi-ui-admin-vben/src/components/Tinymce/src/ImgUpload.vue
new file mode 100644
index 0000000..13a0ded
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tinymce/src/ImgUpload.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Upload } from 'ant-design-vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useGlobSetting } from '@/hooks/setting'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'TinymceImageUpload' })
+
+const props = defineProps({
+  fullscreen: {
+    type: Boolean,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+})
+const emit = defineEmits(['uploading', 'done', 'error'])
+let uploading = false
+
+const { uploadUrl } = useGlobSetting()
+const { t } = useI18n()
+const { prefixCls } = useDesign('tinymce-img-upload')
+
+const getButtonProps = computed(() => {
+  const { disabled } = props
+  return {
+    disabled,
+  }
+})
+
+function handleChange(info: Recordable) {
+  const file = info.file
+  const status = file?.status
+  const url = file?.response?.data
+  const name = file?.name
+
+  if (status === 'uploading') {
+    if (!uploading) {
+      emit('uploading', name)
+      uploading = true
+    }
+  }
+  else if (status === 'done') {
+    emit('done', name, url)
+    uploading = false
+  }
+  else if (status === 'error') {
+    emit('error')
+    uploading = false
+  }
+}
+</script>
+
+<template>
+  <div :class="[prefixCls, { fullscreen }]">
+    <Upload name="file" multiple :action="uploadUrl" :show-upload-list="false" accept=".jpg,.jpeg,.gif,.png,.webp" @change="handleChange">
+      <a-button type="primary" v-bind="{ ...getButtonProps }">
+        {{ t('component.upload.imgUpload') }}
+      </a-button>
+    </Upload>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-tinymce-img-upload';
+
+.@{prefix-cls} {
+  position: absolute;
+  top: 4px;
+  right: 10px;
+  z-index: 20;
+
+  &.fullscreen {
+    position: fixed;
+    z-index: 10000;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Tinymce/src/helper.ts b/yunxi-ui-admin-vben/src/components/Tinymce/src/helper.ts
new file mode 100644
index 0000000..0b9129d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tinymce/src/helper.ts
@@ -0,0 +1,80 @@
+const validEvents = [
+  'onActivate',
+  'onAddUndo',
+  'onBeforeAddUndo',
+  'onBeforeExecCommand',
+  'onBeforeGetContent',
+  'onBeforeRenderUI',
+  'onBeforeSetContent',
+  'onBeforePaste',
+  'onBlur',
+  'onChange',
+  'onClearUndos',
+  'onClick',
+  'onContextMenu',
+  'onCopy',
+  'onCut',
+  'onDblclick',
+  'onDeactivate',
+  'onDirty',
+  'onDrag',
+  'onDragDrop',
+  'onDragEnd',
+  'onDragGesture',
+  'onDragOver',
+  'onDrop',
+  'onExecCommand',
+  'onFocus',
+  'onFocusIn',
+  'onFocusOut',
+  'onGetContent',
+  'onHide',
+  'onInit',
+  'onKeyDown',
+  'onKeyPress',
+  'onKeyUp',
+  'onLoadContent',
+  'onMouseDown',
+  'onMouseEnter',
+  'onMouseLeave',
+  'onMouseMove',
+  'onMouseOut',
+  'onMouseOver',
+  'onMouseUp',
+  'onNodeChange',
+  'onObjectResizeStart',
+  'onObjectResized',
+  'onObjectSelected',
+  'onPaste',
+  'onPostProcess',
+  'onPostRender',
+  'onPreProcess',
+  'onProgressState',
+  'onRedo',
+  'onRemove',
+  'onReset',
+  'onSaveContent',
+  'onSelectionChange',
+  'onSetAttrib',
+  'onSetContent',
+  'onShow',
+  'onSubmit',
+  'onUndo',
+  'onVisualAid',
+]
+
+const isValidKey = (key: string) => validEvents.includes(key)
+
+export function bindHandlers(initEvent: Event, listeners: any, editor: any): void {
+  Object.keys(listeners)
+    .filter(isValidKey)
+    .forEach((key: string) => {
+      const handler = listeners[key]
+      if (typeof handler === 'function') {
+        if (key === 'onInit')
+          handler(initEvent, editor)
+        else
+          editor.on(key.substring(2), (e: any) => handler(e, editor))
+      }
+    })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Tinymce/src/tinymce.ts b/yunxi-ui-admin-vben/src/components/Tinymce/src/tinymce.ts
new file mode 100644
index 0000000..e5f2a3e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tinymce/src/tinymce.ts
@@ -0,0 +1,14 @@
+/* eslint-disable max-len */
+// Any plugins you want to setting has to be imported
+// Detail plugins list see https://www.tinymce.com/docs/plugins/
+// Custom builds see https://www.tinymce.com/download/custom-builds/
+// colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
+
+export const plugins = [
+  'advlist anchor autolink autosave code codesample  directionality  fullscreen hr insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus  template  textpattern visualblocks visualchars wordcount',
+]
+
+export const toolbar = [
+  'fontsizeselect lineheight searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript code codesample',
+  'hr bullist numlist link  preview anchor pagebreak insertdatetime media  forecolor backcolor fullscreen',
+]
diff --git a/yunxi-ui-admin-vben/src/components/Transition/index.ts b/yunxi-ui-admin-vben/src/components/Transition/index.ts
new file mode 100644
index 0000000..a95caee
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Transition/index.ts
@@ -0,0 +1,21 @@
+import { createJavascriptTransition, createSimpleTransition } from './src/CreateTransition'
+
+import ExpandTransitionGenerator from './src/ExpandTransition'
+
+export { default as CollapseTransition } from './src/CollapseTransition.vue'
+
+export const FadeTransition = createSimpleTransition('fade-transition')
+export const ScaleTransition = createSimpleTransition('scale-transition')
+export const SlideYTransition = createSimpleTransition('slide-y-transition')
+export const ScrollYTransition = createSimpleTransition('scroll-y-transition')
+export const SlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition')
+export const ScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition')
+export const SlideXTransition = createSimpleTransition('slide-x-transition')
+export const ScrollXTransition = createSimpleTransition('scroll-x-transition')
+export const SlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition')
+export const ScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition')
+export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transition')
+
+export const ExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))
+
+export const ExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator(''))
diff --git a/yunxi-ui-admin-vben/src/components/Transition/src/CollapseTransition.vue b/yunxi-ui-admin-vben/src/components/Transition/src/CollapseTransition.vue
new file mode 100644
index 0000000..ac0afb2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Transition/src/CollapseTransition.vue
@@ -0,0 +1,76 @@
+<script lang="ts" setup>
+import { addClass, removeClass } from '@/utils/domUtils'
+
+defineOptions({ name: 'CollapseTransition' })
+
+const on = {
+  beforeEnter(el) {
+    addClass(el, 'collapse-transition')
+    if (!el.dataset)
+      el.dataset = {}
+
+    el.dataset.oldPaddingTop = el.style.paddingTop
+    el.dataset.oldPaddingBottom = el.style.paddingBottom
+
+    el.style.height = '0'
+    el.style.paddingTop = 0
+    el.style.paddingBottom = 0
+  },
+
+  enter(el) {
+    el.dataset.oldOverflow = el.style.overflow
+    if (el.scrollHeight !== 0) {
+      el.style.height = `${el.scrollHeight}px`
+      el.style.paddingTop = el.dataset.oldPaddingTop
+      el.style.paddingBottom = el.dataset.oldPaddingBottom
+    }
+    else {
+      el.style.height = ''
+      el.style.paddingTop = el.dataset.oldPaddingTop
+      el.style.paddingBottom = el.dataset.oldPaddingBottom
+    }
+
+    el.style.overflow = 'hidden'
+  },
+
+  afterEnter(el) {
+    removeClass(el, 'collapse-transition')
+    el.style.height = ''
+    el.style.overflow = el.dataset.oldOverflow
+  },
+
+  beforeLeave(el) {
+    if (!el.dataset)
+      el.dataset = {}
+    el.dataset.oldPaddingTop = el.style.paddingTop
+    el.dataset.oldPaddingBottom = el.style.paddingBottom
+    el.dataset.oldOverflow = el.style.overflow
+
+    el.style.height = `${el.scrollHeight}px`
+    el.style.overflow = 'hidden'
+  },
+
+  leave(el) {
+    if (el.scrollHeight !== 0) {
+      addClass(el, 'collapse-transition')
+      el.style.height = 0
+      el.style.paddingTop = 0
+      el.style.paddingBottom = 0
+    }
+  },
+
+  afterLeave(el) {
+    removeClass(el, 'collapse-transition')
+    el.style.height = ''
+    el.style.overflow = el.dataset.oldOverflow
+    el.style.paddingTop = el.dataset.oldPaddingTop
+    el.style.paddingBottom = el.dataset.oldPaddingBottom
+  },
+}
+</script>
+
+<template>
+  <transition mode="out-in" v-on="on">
+    <slot />
+  </transition>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Transition/src/CreateTransition.tsx b/yunxi-ui-admin-vben/src/components/Transition/src/CreateTransition.tsx
new file mode 100644
index 0000000..b1d4c3e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Transition/src/CreateTransition.tsx
@@ -0,0 +1,67 @@
+import { Transition, TransitionGroup, defineComponent } from 'vue'
+import { getSlot } from '@/utils/helper/tsxHelper'
+
+type Mode = 'in-out' | 'out-in' | 'default' | undefined
+
+export function createSimpleTransition(name: string, origin = 'top center 0', mode?: Mode) {
+  return defineComponent({
+    name,
+    props: {
+      group: {
+        type: Boolean as PropType<boolean>,
+        default: false,
+      },
+      mode: {
+        type: String as PropType<Mode>,
+        default: mode,
+      },
+      origin: {
+        type: String as PropType<string>,
+        default: origin,
+      },
+    },
+    setup(props, { slots, attrs }) {
+      const onBeforeEnter = (el: HTMLElement) => {
+        el.style.transformOrigin = props.origin
+      }
+
+      return () => {
+        const Tag = !props.group ? Transition : TransitionGroup
+        return (
+          <Tag name={name} mode={props.mode} {...attrs} onBeforeEnter={onBeforeEnter}>
+            {() => getSlot(slots)}
+          </Tag>
+        )
+      }
+    },
+  })
+}
+export function createJavascriptTransition(name: string, functions: Recordable, mode: Mode = 'in-out') {
+  return defineComponent({
+    name,
+    props: {
+      mode: {
+        type: String as PropType<Mode>,
+        default: mode,
+      },
+    },
+    setup(props, { attrs, slots }) {
+      return () => {
+        return (
+          <Transition
+            name={name}
+            mode={props.mode}
+            {...attrs}
+            onBeforeEnter={functions.beforeEnter}
+            onEnter={functions.enter}
+            onLeave={functions.leave}
+            onAfterLeave={functions.afterLeave}
+            onLeaveCancelled={functions.afterLeave}
+          >
+            {() => getSlot(slots)}
+          </Transition>
+        )
+      }
+    },
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Transition/src/ExpandTransition.ts b/yunxi-ui-admin-vben/src/components/Transition/src/ExpandTransition.ts
new file mode 100644
index 0000000..662931e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Transition/src/ExpandTransition.ts
@@ -0,0 +1,89 @@
+/**
+ * Makes the first character of a string uppercase
+ */
+export function upperFirst(str: string): string {
+  return str.charAt(0).toUpperCase() + str.slice(1)
+}
+
+interface HTMLExpandElement extends HTMLElement {
+  _parent?: (Node & ParentNode & HTMLElement) | null
+  _initialStyle: {
+    transition: string
+    overflow: string | null
+    height?: string | null
+    width?: string | null
+  }
+}
+
+export default function (expandedParentClass = '', x = false) {
+  const sizeProperty = x ? 'width' : ('height' as 'width' | 'height')
+  const offsetProperty = `offset${upperFirst(sizeProperty)}` as 'offsetHeight' | 'offsetWidth'
+
+  return {
+    beforeEnter(el: HTMLExpandElement) {
+      el._parent = el.parentNode as (Node & ParentNode & HTMLElement) | null
+      el._initialStyle = {
+        transition: el.style.transition,
+        overflow: el.style.overflow,
+        [sizeProperty]: el.style[sizeProperty],
+      }
+    },
+
+    enter(el: HTMLExpandElement) {
+      const initialStyle = el._initialStyle
+
+      el.style.setProperty('transition', 'none', 'important')
+      el.style.overflow = 'hidden'
+      // const offset = `${el[offsetProperty]}px`;
+
+      // el.style[sizeProperty] = '0';
+
+      void el.offsetHeight // force reflow
+
+      el.style.transition = initialStyle.transition
+
+      if (expandedParentClass && el._parent)
+        el._parent.classList.add(expandedParentClass)
+
+      requestAnimationFrame(() => {
+        // el.style[sizeProperty] = offset;
+      })
+    },
+
+    afterEnter: resetStyles,
+    enterCancelled: resetStyles,
+
+    leave(el: HTMLExpandElement) {
+      el._initialStyle = {
+        transition: '',
+        overflow: el.style.overflow,
+        [sizeProperty]: el.style[sizeProperty],
+      }
+
+      el.style.overflow = 'hidden'
+      el.style[sizeProperty] = `${el[offsetProperty]}px`
+
+      void el.offsetHeight // force reflow
+
+      requestAnimationFrame(() => (el.style[sizeProperty] = '0'))
+    },
+
+    afterLeave,
+    leaveCancelled: afterLeave,
+  }
+
+  function afterLeave(el: HTMLExpandElement) {
+    if (expandedParentClass && el._parent)
+      el._parent.classList.remove(expandedParentClass)
+
+    resetStyles(el)
+  }
+
+  function resetStyles(el: HTMLExpandElement) {
+    const size = el._initialStyle[sizeProperty]
+    el.style.overflow = el._initialStyle.overflow!
+    if (size != null)
+      el.style[sizeProperty] = size
+    Reflect.deleteProperty(el, '_initialStyle')
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Tree/index.ts b/yunxi-ui-admin-vben/src/components/Tree/index.ts
new file mode 100644
index 0000000..6ce7fd3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/index.ts
@@ -0,0 +1,6 @@
+import BasicTree from './src/BasicTree.vue'
+import './style'
+
+export { BasicTree }
+
+export * from './src/types/tree'
diff --git a/yunxi-ui-admin-vben/src/components/Tree/src/BasicTree.vue b/yunxi-ui-admin-vben/src/components/Tree/src/BasicTree.vue
new file mode 100644
index 0000000..5f9ff95
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/src/BasicTree.vue
@@ -0,0 +1,426 @@
+<script lang="tsx">
+import type { CSSProperties } from 'vue'
+import { computed, defineComponent, onMounted, reactive, ref, toRaw, unref, watch, watchEffect } from 'vue'
+import { Empty, Spin, Tree } from 'ant-design-vue'
+import { cloneDeep, difference, get, omit } from 'lodash-es'
+import type { CheckKeys, FieldNames, KeyType, TreeActionType, TreeItem, TreeState } from './types/tree'
+
+import TreeHeader from './components/TreeHeader.vue'
+import { TreeIcon } from './TreeIcon'
+import { useTree } from './hooks/useTree'
+import { treeEmits, treeProps } from './types/tree'
+import { ScrollContainer } from '@/components/Container'
+import { isArray, isBoolean, isEmpty, isFunction } from '@/utils/is'
+import { extendSlots, getSlot } from '@/utils/helper/tsxHelper'
+import { eachTree, filter, treeToList } from '@/utils/helper/treeHelper'
+import { useContextMenu } from '@/hooks/web/useContextMenu'
+import type { CreateContextOptions } from '@/components/ContextMenu'
+import { createBEM } from '@/utils/bem'
+
+export default defineComponent({
+  name: 'BasicTree',
+  inheritAttrs: false,
+  props: treeProps,
+  emits: treeEmits,
+  setup(props, { attrs, slots, emit, expose }) {
+    const [bem] = createBEM('tree')
+
+    const state = reactive<TreeState>({
+      checkStrictly: props.checkStrictly,
+      expandedKeys: props.expandedKeys || [],
+      selectedKeys: props.selectedKeys || [],
+      checkedKeys: props.checkedKeys || [],
+    })
+
+    const searchState = reactive({
+      startSearch: false,
+      searchText: '',
+      searchData: [] as TreeItem[],
+    })
+
+    const treeDataRef = ref<TreeItem[]>([])
+
+    const [createContextMenu] = useContextMenu()
+
+    const getFieldNames = computed((): Required<FieldNames> => {
+      const { fieldNames } = props
+      return {
+        children: 'children',
+        title: 'title',
+        key: 'key',
+        ...fieldNames,
+      }
+    })
+
+    const {
+      deleteNodeByKey,
+      insertNodeByKey,
+      insertNodesByKey,
+      filterByLevel,
+      updateNodeByKey,
+      getAllKeys,
+      getChildrenKeys,
+      getEnabledKeys,
+      getSelectedNode,
+    } = useTree(treeDataRef, getFieldNames)
+
+    const getBindValues = computed(() => {
+      const propsData = {
+        'blockNode': true,
+        ...attrs,
+        ...props,
+        'expandedKeys': state.expandedKeys,
+        'selectedKeys': state.selectedKeys,
+        'checkedKeys': state.checkedKeys,
+        'checkStrictly': state.checkStrictly,
+        'fieldNames': unref(getFieldNames),
+        'onUpdate:expandedKeys': (v: KeyType[]) => {
+          state.expandedKeys = v
+          emit('update:expandedKeys', v)
+        },
+        'onUpdate:selectedKeys': (v: KeyType[]) => {
+          state.selectedKeys = v
+          emit('update:selectedKeys', v)
+        },
+        'onCheck': (v: CheckKeys, e) => {
+          let currentValue = toRaw(state.checkedKeys) as KeyType[]
+          if (isArray(currentValue) && searchState.startSearch) {
+            const value = e.node.eventKey
+            currentValue = difference(currentValue, getChildrenKeys(value))
+            if (e.checked)
+              currentValue.push(value)
+
+            state.checkedKeys = currentValue
+          }
+          else {
+            state.checkedKeys = v
+          }
+
+          const rawVal = toRaw(state.checkedKeys)
+          emit('update:value', rawVal)
+          emit('check', state.checkStrictly ? rawVal.checked : rawVal, e)
+        },
+        'onRightClick': handleRightClick,
+      }
+      return omit(propsData, 'treeData', 'class')
+    })
+
+    const getTreeData = computed((): TreeItem[] => (searchState.startSearch ? searchState.searchData : unref(treeDataRef)))
+
+    const getNotFound = computed((): boolean => {
+      return !getTreeData.value || getTreeData.value.length === 0
+    })
+
+    function getIcon(params: TreeItem, icon?: string) {
+      if (!icon) {
+        if (props.renderIcon && isFunction(props.renderIcon))
+          return props.renderIcon(params)
+      }
+      return icon
+    }
+
+    async function handleRightClick({ event, node }: Recordable) {
+      const { rightMenuList: menuList = [], beforeRightClick } = props
+      const contextMenuOptions: CreateContextOptions = { event, items: [] }
+
+      if (beforeRightClick && isFunction(beforeRightClick)) {
+        const result = await beforeRightClick(node, event)
+        if (Array.isArray(result))
+          contextMenuOptions.items = result
+        else
+          Object.assign(contextMenuOptions, result)
+      }
+      else {
+        contextMenuOptions.items = menuList
+      }
+      if (!contextMenuOptions.items?.length)
+        return
+      contextMenuOptions.items = contextMenuOptions.items.filter(item => !item.hidden)
+      createContextMenu(contextMenuOptions)
+    }
+
+    function setExpandedKeys(keys: KeyType[]) {
+      state.expandedKeys = keys
+    }
+
+    function getExpandedKeys() {
+      return state.expandedKeys
+    }
+    function setSelectedKeys(keys: KeyType[]) {
+      state.selectedKeys = keys
+    }
+
+    function getSelectedKeys() {
+      return state.selectedKeys
+    }
+
+    function setCheckedKeys(keys: CheckKeys) {
+      state.checkedKeys = keys
+    }
+
+    function getCheckedKeys() {
+      return state.checkedKeys
+    }
+
+    function checkAll(checkAll: boolean) {
+      state.checkedKeys = checkAll ? getEnabledKeys() : ([] as KeyType[])
+      emit('check', state.checkedKeys, [])
+    }
+
+    function expandAll(expandAll: boolean) {
+      state.expandedKeys = expandAll ? getAllKeys() : ([] as KeyType[])
+    }
+
+    function onStrictlyChange(strictly: boolean) {
+      state.checkStrictly = strictly
+    }
+
+    watch(
+      () => props.searchValue,
+      (val) => {
+        if (val !== searchState.searchText)
+          searchState.searchText = val
+      },
+      {
+        immediate: true,
+      },
+    )
+
+    watch(
+      () => props.treeData,
+      (val) => {
+        if (val)
+          handleSearch(searchState.searchText)
+      },
+    )
+
+    function handleSearch(searchValue: string) {
+      if (searchValue !== searchState.searchText)
+        searchState.searchText = searchValue
+      emit('update:searchValue', searchValue)
+      if (!searchValue) {
+        searchState.startSearch = false
+        return
+      }
+      const { filterFn, checkable, expandOnSearch, checkOnSearch, selectedOnSearch } = unref(props)
+      searchState.startSearch = true
+      const { title: titleField, key: keyField } = unref(getFieldNames)
+
+      const matchedKeys: string[] = []
+      searchState.searchData = filter(
+        unref(treeDataRef),
+        (node) => {
+          const result = filterFn ? filterFn(searchValue, node, unref(getFieldNames)) : node[titleField]?.includes(searchValue) ?? false
+          if (result)
+            matchedKeys.push(node[keyField])
+
+          return result
+        },
+        unref(getFieldNames),
+      )
+
+      if (expandOnSearch) {
+        const expandKeys = treeToList(searchState.searchData).map((val) => {
+          return val[keyField]
+        })
+        if (expandKeys && expandKeys.length)
+          setExpandedKeys(expandKeys)
+      }
+
+      if (checkOnSearch && checkable && matchedKeys.length)
+        setCheckedKeys(matchedKeys)
+
+      if (selectedOnSearch && matchedKeys.length)
+        setSelectedKeys(matchedKeys)
+    }
+
+    function handleClickNode(key: string, children: TreeItem[]) {
+      if (!props.clickRowToExpand || !children || children.length === 0)
+        return
+      if (!state.expandedKeys.includes(key)) {
+        setExpandedKeys([...state.expandedKeys, key])
+      }
+      else {
+        const keys = [...state.expandedKeys]
+        const index = keys.findIndex(item => item === key)
+        if (index !== -1)
+          keys.splice(index, 1)
+
+        setExpandedKeys(keys)
+      }
+    }
+
+    watchEffect(() => {
+      treeDataRef.value = props.treeData as TreeItem[]
+    })
+
+    onMounted(() => {
+      const level = Number.parseInt(props.defaultExpandLevel)
+      if (level > 0)
+        state.expandedKeys = filterByLevel(level)
+      else if (props.defaultExpandAll)
+        expandAll(true)
+    })
+
+    watchEffect(() => {
+      state.expandedKeys = props.expandedKeys
+    })
+
+    watchEffect(() => {
+      state.selectedKeys = props.selectedKeys
+    })
+
+    watchEffect(() => {
+      state.checkedKeys = props.checkedKeys
+    })
+
+    watch(
+      () => props.value,
+      () => {
+        state.checkedKeys = toRaw(props.value || [])
+      },
+      { immediate: true },
+    )
+
+    watch(
+      () => state.checkedKeys,
+      () => {
+        const v = toRaw(state.checkedKeys)
+        emit('update:value', v)
+        emit('change', v)
+      },
+    )
+
+    watchEffect(() => {
+      state.checkStrictly = props.checkStrictly
+    })
+
+    const instance: TreeActionType = {
+      setExpandedKeys,
+      getExpandedKeys,
+      setSelectedKeys,
+      getSelectedKeys,
+      setCheckedKeys,
+      getCheckedKeys,
+      insertNodeByKey,
+      insertNodesByKey,
+      deleteNodeByKey,
+      updateNodeByKey,
+      getSelectedNode,
+      checkAll,
+      expandAll,
+      filterByLevel: (level: number) => {
+        state.expandedKeys = filterByLevel(level)
+      },
+      setSearchValue: (value: string) => {
+        handleSearch(value)
+      },
+      getSearchValue: () => {
+        return searchState.searchText
+      },
+    }
+
+    function renderAction(node: TreeItem) {
+      const { actionList } = props
+      if (!actionList || actionList.length === 0)
+        return
+      return actionList.map((item, index) => {
+        let nodeShow = true
+        if (isFunction(item.show))
+          nodeShow = item.show?.(node)
+        else if (isBoolean(item.show))
+          nodeShow = item.show
+
+        if (!nodeShow)
+          return null
+
+        return (
+          <span key={index} class={bem('action')}>
+            {item.render(node)}
+          </span>
+        )
+      })
+    }
+
+    const treeData = computed(() => {
+      const data = cloneDeep(getTreeData.value)
+      eachTree(data, (item, _parent) => {
+        const searchText = searchState.searchText
+        const { highlight } = unref(props)
+        const { title: titleField, key: keyField, children: childrenField } = unref(getFieldNames)
+
+        const icon = getIcon(item, item.icon)
+        const title = get(item, titleField)
+
+        const searchIdx = searchText ? title.indexOf(searchText) : -1
+        const isHighlight = searchState.startSearch && !isEmpty(searchText) && highlight && searchIdx !== -1
+        const highlightStyle = `color: ${isBoolean(highlight) ? '#f50' : highlight}`
+
+        const titleDom = isHighlight
+          ? (
+          <span class={unref(getBindValues)?.blockNode ? `${bem('content')}` : ''}>
+            <span>{title.slice(0, searchIdx)}</span>
+            <span style={highlightStyle}>{searchText}</span>
+            <span>{title.slice(searchIdx + (searchText as string).length)}</span>
+          </span>
+            )
+          : (
+              title
+            )
+        item[titleField] = (
+          <span class={`${bem('title')} pl-2`} onClick={handleClickNode.bind(null, item[keyField], item[childrenField])}>
+            {slots?.title
+              ? (
+                  getSlot(slots, 'title', item)
+                )
+              : (
+              <>
+                {icon && <TreeIcon icon={icon} />}
+                {titleDom}
+                <span class={bem('actions')}>{renderAction(item)}</span>
+              </>
+                )}
+          </span>
+        )
+        return item
+      })
+      return data
+    })
+
+    expose(instance)
+
+    return () => {
+      const { title, helpMessage, toolbar, search, checkable, showStrictlyButton } = props
+      const showTitle = title || toolbar || search || slots.headerTitle
+      const scrollStyle: CSSProperties = { height: 'calc(100% - 38px)' }
+      return (
+        <div class={[bem(), 'h-full', attrs.class]}>
+          {showTitle && (
+            <TreeHeader
+              checkable={checkable}
+              checkAll={checkAll}
+              expandAll={expandAll}
+              title={title}
+              search={search}
+              toolbar={toolbar}
+              showStrictlyButton={showStrictlyButton}
+              helpMessage={helpMessage}
+              onStrictlyChange={onStrictlyChange}
+              onSearch={handleSearch}
+              searchText={searchState.searchText}
+            >
+              {extendSlots(slots)}
+            </TreeHeader>
+          )}
+          <Spin wrapperClassName={unref(props.treeWrapperClassName)} spinning={unref(props.loading)} tip="加载中...">
+            <ScrollContainer style={scrollStyle} v-show={!unref(getNotFound)}>
+              <Tree {...unref(getBindValues)} showIcon={false} treeData={treeData.value} />
+            </ScrollContainer>
+            <Empty v-show={unref(getNotFound)} image={Empty.PRESENTED_IMAGE_SIMPLE} class="!mt-4" />
+          </Spin>
+        </div>
+      )
+    }
+  },
+})
+</script>
diff --git a/yunxi-ui-admin-vben/src/components/Tree/src/TreeIcon.ts b/yunxi-ui-admin-vben/src/components/Tree/src/TreeIcon.ts
new file mode 100644
index 0000000..aa30b03
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/src/TreeIcon.ts
@@ -0,0 +1,14 @@
+import type { FunctionalComponent, VNode } from 'vue'
+
+import { h } from 'vue'
+import { isString } from '@/utils/is'
+import { Icon } from '@/components/Icon'
+
+export const TreeIcon: FunctionalComponent = ({ icon }: { icon: VNode | string }) => {
+  if (!icon)
+    return null
+  if (isString(icon))
+    return h(Icon, { icon, class: 'mr-1' })
+
+  return Icon
+}
diff --git a/yunxi-ui-admin-vben/src/components/Tree/src/components/TreeHeader.vue b/yunxi-ui-admin-vben/src/components/Tree/src/components/TreeHeader.vue
new file mode 100644
index 0000000..aa472f1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/src/components/TreeHeader.vue
@@ -0,0 +1,182 @@
+<script lang="ts" setup>
+import { computed, ref, useSlots, watch } from 'vue'
+import { Dropdown, InputSearch, Menu, MenuDivider } from 'ant-design-vue'
+import { useDebounceFn } from '@vueuse/core'
+import { ToolbarEnum } from '../types/tree'
+import { Icon } from '@/components/Icon'
+import { BasicTitle } from '@/components/Basic'
+import { useI18n } from '@/hooks/web/useI18n'
+import { createBEM } from '@/utils/bem'
+
+const props = defineProps({
+  helpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+    default: '',
+  },
+  title: {
+    type: String,
+    default: '',
+  },
+  toolbar: {
+    type: Boolean,
+    default: false,
+  },
+  // 是否显示toolbar的 层级关联/层级独立按钮
+  showStrictlyButton: {
+    type: Boolean,
+    default: true,
+  },
+  checkable: {
+    type: Boolean,
+    default: false,
+  },
+  search: {
+    type: Boolean,
+    default: false,
+  },
+  searchText: {
+    type: String,
+    default: '',
+  },
+  checkAll: {
+    type: Function,
+    default: undefined,
+  },
+  expandAll: {
+    type: Function,
+    default: undefined,
+  },
+} as const)
+
+const emit = defineEmits(['strictly-change', 'search'])
+
+const searchValue = ref('')
+
+const [bem] = createBEM('tree-header')
+
+const slots = useSlots()
+const { t } = useI18n()
+
+const getInputSearchCls = computed(() => {
+  const titleExists = slots.headerTitle || props.title
+  return [
+    'mr-1',
+    'w-full',
+    {
+      'ml-5': titleExists,
+    },
+  ]
+})
+
+const toolbarList = computed(() => {
+  const { checkable, showStrictlyButton } = props
+  const defaultToolbarList = [
+    { label: t('component.tree.expandAll'), value: ToolbarEnum.EXPAND_ALL },
+    {
+      label: t('component.tree.unExpandAll'),
+      value: ToolbarEnum.UN_EXPAND_ALL,
+      divider: checkable,
+    },
+  ]
+
+  const retList = [
+    {
+      label: t('component.tree.selectAll'),
+      value: ToolbarEnum.SELECT_ALL,
+    },
+    {
+      label: t('component.tree.unSelectAll'),
+      value: ToolbarEnum.UN_SELECT_ALL,
+      divider: checkable,
+    },
+    ...defaultToolbarList,
+  ]
+  if (showStrictlyButton) {
+    retList.push(
+      ...[
+        {
+          label: t('component.tree.checkStrictly'),
+          value: ToolbarEnum.CHECK_STRICTLY,
+        },
+        {
+          label: t('component.tree.checkUnStrictly'),
+          value: ToolbarEnum.CHECK_UN_STRICTLY,
+        },
+      ],
+    )
+  }
+  return checkable ? retList : defaultToolbarList
+})
+
+function handleMenuClick(e) {
+  const { key } = e
+  switch (key) {
+    case ToolbarEnum.SELECT_ALL:
+      props.checkAll?.(true)
+      break
+    case ToolbarEnum.UN_SELECT_ALL:
+      props.checkAll?.(false)
+      break
+    case ToolbarEnum.EXPAND_ALL:
+      props.expandAll?.(true)
+      break
+    case ToolbarEnum.UN_EXPAND_ALL:
+      props.expandAll?.(false)
+      break
+    case ToolbarEnum.CHECK_STRICTLY:
+      emit('strictly-change', false)
+      break
+    case ToolbarEnum.CHECK_UN_STRICTLY:
+      emit('strictly-change', true)
+      break
+  }
+}
+
+function emitChange(value?: string): void {
+  emit('search', value)
+}
+
+const debounceEmitChange = useDebounceFn(emitChange, 200)
+
+watch(
+  () => searchValue.value,
+  (v) => {
+    debounceEmitChange(v)
+  },
+)
+
+watch(
+  () => props.searchText,
+  (v) => {
+    if (v !== searchValue.value)
+      searchValue.value = v
+  },
+)
+</script>
+
+<template>
+  <div :class="bem()" class="flex items-center px-2 py-1.5">
+    <slot v-if="slots.headerTitle" name="headerTitle" />
+    <BasicTitle v-if="!slots.headerTitle && title" :help-message="helpMessage">
+      {{ title }}
+    </BasicTitle>
+    <div v-if="search || toolbar" class="flex flex-1 cursor-pointer items-center justify-self-stretch">
+      <div v-if="search" :class="getInputSearchCls">
+        <InputSearch v-model:value="searchValue" :placeholder="t('common.searchText')" allow-clear />
+      </div>
+      <Dropdown v-if="toolbar" @click.prevent>
+        <Icon icon="ion:ellipsis-vertical" />
+        <template #overlay>
+          <Menu @click="handleMenuClick">
+            <template v-for="item in toolbarList" :key="item.value">
+              <Menu.Item v-bind="{ key: item.value }">
+                {{ item.label }}
+              </Menu.Item>
+              <MenuDivider v-if="item.divider" />
+            </template>
+          </Menu>
+        </template>
+      </Dropdown>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Tree/src/hooks/useTree.ts b/yunxi-ui-admin-vben/src/components/Tree/src/hooks/useTree.ts
new file mode 100644
index 0000000..9208597
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/src/hooks/useTree.ts
@@ -0,0 +1,219 @@
+import type { ComputedRef, Ref } from 'vue'
+import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree'
+
+import { cloneDeep } from 'lodash-es'
+import { unref } from 'vue'
+import type { FieldNames, InsertNodeParams, KeyType, TreeItem } from '../types/tree'
+import { forEach } from '@/utils/helper/treeHelper'
+
+export function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>) {
+  function getAllKeys(list?: TreeDataItem[]) {
+    const keys: string[] = []
+    const treeData = list || unref(treeDataRef)
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+    if (!childrenField || !keyField)
+      return keys
+
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index]
+      keys.push(node[keyField]!)
+      const children = node[childrenField]
+      if (children && children.length)
+        keys.push(...(getAllKeys(children) as string[]))
+    }
+    return keys as KeyType[]
+  }
+
+  // get keys that can be checked and selected
+  function getEnabledKeys(list?: TreeDataItem[]) {
+    const keys: string[] = []
+    const treeData = list || unref(treeDataRef)
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+    if (!childrenField || !keyField)
+      return keys
+
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index]
+      node.disabled !== true && node.selectable !== false && keys.push(node[keyField]!)
+      const children = node[childrenField]
+      if (children && children.length)
+        keys.push(...(getEnabledKeys(children) as string[]))
+    }
+    return keys as KeyType[]
+  }
+
+  function getChildrenKeys(nodeKey: string | number, list?: TreeDataItem[]) {
+    const keys: KeyType[] = []
+    const treeData = list || unref(treeDataRef)
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+    if (!childrenField || !keyField)
+      return keys
+    for (let index = 0; index < treeData.length; index++) {
+      const node = treeData[index]
+      const children = node[childrenField]
+      if (nodeKey === node[keyField]) {
+        keys.push(node[keyField]!)
+        if (children && children.length)
+          keys.push(...(getAllKeys(children) as string[]))
+      }
+      else {
+        if (children && children.length)
+          keys.push(...getChildrenKeys(nodeKey, children))
+      }
+    }
+    return keys
+  }
+
+  // Update node
+  function updateNodeByKey(key: string, node: TreeDataItem, list?: TreeDataItem[]) {
+    if (!key)
+      return
+    const treeData = list || unref(treeDataRef)
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+
+    if (!childrenField || !keyField)
+      return
+
+    for (let index = 0; index < treeData.length; index++) {
+      const element: any = treeData[index]
+      const children = element[childrenField]
+
+      if (element[keyField] === key) {
+        treeData[index] = { ...treeData[index], ...node }
+        break
+      }
+      else if (children && children.length) {
+        updateNodeByKey(key, node, element[childrenField])
+      }
+    }
+  }
+
+  // Expand the specified level
+  function filterByLevel(level = 1, list?: TreeDataItem[], currentLevel = 1) {
+    if (!level)
+      return []
+
+    const res: (string | number)[] = []
+    const data = list || unref(treeDataRef) || []
+    for (let index = 0; index < data.length; index++) {
+      const item = data[index]
+
+      const { key: keyField, children: childrenField } = unref(getFieldNames)
+      const key = keyField ? item[keyField] : ''
+      const children = childrenField ? item[childrenField] : []
+      res.push(key)
+      if (children && children.length && currentLevel < level) {
+        currentLevel += 1
+        res.push(...filterByLevel(level, children, currentLevel))
+      }
+    }
+    return res as string[] | number[]
+  }
+
+  /**
+   * 添加节点
+   */
+  function insertNodeByKey({ parentKey = null, node, push = 'push' }: InsertNodeParams) {
+    const treeData: any = cloneDeep(unref(treeDataRef))
+    if (!parentKey) {
+      treeData[push](node)
+      treeDataRef.value = treeData
+      return
+    }
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+    if (!childrenField || !keyField)
+      return
+
+    forEach(treeData, (treeItem) => {
+      if (treeItem[keyField] === parentKey) {
+        treeItem[childrenField] = treeItem[childrenField] || []
+        treeItem[childrenField][push](node)
+        return true
+      }
+    })
+    treeDataRef.value = treeData
+  }
+  /**
+   * 批量添加节点
+   */
+  function insertNodesByKey({ parentKey = null, list, push = 'push' }: InsertNodeParams) {
+    const treeData: any = cloneDeep(unref(treeDataRef))
+    if (!list || list.length < 1)
+      return
+
+    if (!parentKey) {
+      for (let i = 0; i < list.length; i++)
+        treeData[push](list[i])
+    }
+    else {
+      const { key: keyField, children: childrenField } = unref(getFieldNames)
+      if (!childrenField || !keyField)
+        return
+
+      forEach(treeData, (treeItem) => {
+        if (treeItem[keyField] === parentKey) {
+          treeItem[childrenField] = treeItem[childrenField] || []
+          for (let i = 0; i < list.length; i++)
+            treeItem[childrenField][push](list[i])
+
+          treeDataRef.value = treeData
+          return true
+        }
+      })
+    }
+  }
+  // Delete node
+  function deleteNodeByKey(key: string, list?: TreeDataItem[]) {
+    if (!key)
+      return
+    const treeData = list || unref(treeDataRef)
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+    if (!childrenField || !keyField)
+      return
+
+    for (let index = 0; index < treeData.length; index++) {
+      const element: any = treeData[index]
+      const children = element[childrenField]
+
+      if (element[keyField] === key) {
+        treeData.splice(index, 1)
+        break
+      }
+      else if (children && children.length) {
+        deleteNodeByKey(key, element[childrenField])
+      }
+    }
+  }
+
+  // Get selected node
+  function getSelectedNode(key: KeyType, treeList?: TreeItem[], selectedNode?: TreeItem | null) {
+    if (!key && key !== 0)
+      return null
+    const treeData = treeList || unref(treeDataRef)
+    const { key: keyField, children: childrenField } = unref(getFieldNames)
+    if (!keyField)
+      return
+    treeData.forEach((item) => {
+      if (selectedNode?.key || selectedNode?.key === 0)
+        return selectedNode
+      if (item[keyField] === key) {
+        selectedNode = item
+        return
+      }
+      if (item[childrenField!] && item[childrenField!].length)
+        selectedNode = getSelectedNode(key, item[childrenField!], selectedNode)
+    })
+    return selectedNode || null
+  }
+  return {
+    deleteNodeByKey,
+    insertNodeByKey,
+    insertNodesByKey,
+    filterByLevel,
+    updateNodeByKey,
+    getAllKeys,
+    getChildrenKeys,
+    getEnabledKeys,
+    getSelectedNode,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Tree/src/types/tree.ts b/yunxi-ui-admin-vben/src/components/Tree/src/types/tree.ts
new file mode 100644
index 0000000..2ce00ef
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/src/types/tree.ts
@@ -0,0 +1,210 @@
+import type { ExtractPropTypes } from 'vue'
+import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree'
+
+import { buildProps } from '@/utils/props'
+
+export enum ToolbarEnum {
+  SELECT_ALL,
+  UN_SELECT_ALL,
+  EXPAND_ALL,
+  UN_EXPAND_ALL,
+  CHECK_STRICTLY,
+  CHECK_UN_STRICTLY,
+}
+
+export const treeEmits = ['update:expandedKeys', 'update:selectedKeys', 'update:value', 'change', 'check', 'update:searchValue']
+
+export interface TreeState {
+  expandedKeys: KeyType[]
+  selectedKeys: KeyType[]
+  checkedKeys: CheckKeys
+  checkStrictly: boolean
+}
+
+export interface FieldNames {
+  children?: string
+  title?: string
+  key?: string
+}
+
+export type KeyType = string | number
+
+export type CheckKeys = KeyType[] | { checked: string[] | number[]; halfChecked: string[] | number[] }
+
+export const treeProps = buildProps({
+  value: {
+    type: [Object, Array] as PropType<KeyType[] | CheckKeys>,
+  },
+
+  renderIcon: {
+    type: Function as PropType<(params: Recordable) => string>,
+  },
+
+  helpMessage: {
+    type: [String, Array] as PropType<string | string[]>,
+    default: '',
+  },
+
+  title: {
+    type: String,
+    default: '',
+  },
+  toolbar: Boolean,
+  search: Boolean,
+  searchValue: {
+    type: String,
+    default: '',
+  },
+  checkStrictly: Boolean,
+  clickRowToExpand: {
+    type: Boolean,
+    default: false,
+  },
+  checkable: Boolean,
+  defaultExpandLevel: {
+    type: [String, Number] as PropType<string | number>,
+    default: '',
+  },
+  defaultExpandAll: Boolean,
+  // 是否显示toolbar的 层级关联/层级独立按钮
+  showStrictlyButton: {
+    type: Boolean,
+    default: true,
+  },
+
+  fieldNames: {
+    type: Object as PropType<FieldNames>,
+  },
+
+  treeData: {
+    type: Array as PropType<TreeDataItem[]>,
+  },
+
+  actionList: {
+    type: Array as PropType<TreeActionItem[]>,
+    default: () => [],
+  },
+
+  expandedKeys: {
+    type: Array as PropType<KeyType[]>,
+    default: () => [],
+  },
+
+  selectedKeys: {
+    type: Array as PropType<KeyType[]>,
+    default: () => [],
+  },
+
+  checkedKeys: {
+    type: [Array, Object] as PropType<CheckKeys>,
+    default: () => [],
+  },
+
+  beforeRightClick: {
+    type: Function as PropType<(...arg: any) => ContextMenuItem[] | ContextMenuOptions>,
+    default: undefined,
+  },
+
+  rightMenuList: {
+    type: Array as PropType<ContextMenuItem[]>,
+  },
+  // 自定义数据过滤判断方法(注: 不是整个过滤方法，而是内置过滤的判断方法，用于增强原本仅能通过title进行过滤的方式)
+  filterFn: {
+    type: Function as PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>,
+    default: undefined,
+  },
+  // 高亮搜索值，仅高亮具体匹配值（通过title）值为true时使用默认色值，值为#xxx时使用此值替代且高亮开启
+  highlight: {
+    type: [Boolean, String] as PropType<boolean | string>,
+    default: false,
+  },
+  // 搜索完成时自动展开结果
+  expandOnSearch: Boolean,
+  // 搜索完成自动选中所有结果,当且仅当 checkable===true 时生效
+  checkOnSearch: Boolean,
+  // 搜索完成自动select所有结果
+  selectedOnSearch: Boolean,
+  loading: {
+    type: Boolean,
+    default: false,
+  },
+  treeWrapperClassName: String,
+})
+
+export type TreeProps = ExtractPropTypes<typeof treeProps>
+
+export interface ContextMenuItem {
+  label: string
+  icon?: string
+  hidden?: boolean
+  disabled?: boolean
+  handler?: Fn
+  divider?: boolean
+  children?: ContextMenuItem[]
+}
+
+export interface ContextMenuOptions {
+  icon?: string
+  styles?: any
+  items?: ContextMenuItem[]
+}
+
+export interface TreeItem extends TreeDataItem {
+  icon?: any
+}
+
+export interface TreeActionItem {
+  render: (record: Recordable) => any
+  show?: boolean | ((record: Recordable) => boolean)
+}
+
+export interface InsertNodeParams {
+  parentKey: string | null
+  node: TreeDataItem
+  list?: TreeDataItem[]
+  push?: 'push' | 'unshift'
+}
+
+export interface TreeActionType {
+  checkAll: (checkAll: boolean) => void
+  expandAll: (expandAll: boolean) => void
+  setExpandedKeys: (keys: KeyType[]) => void
+  getExpandedKeys: () => KeyType[]
+  setSelectedKeys: (keys: KeyType[]) => void
+  getSelectedKeys: () => KeyType[]
+  setCheckedKeys: (keys: CheckKeys) => void
+  getCheckedKeys: () => CheckKeys
+  filterByLevel: (level: number) => void
+  insertNodeByKey: (opt: InsertNodeParams) => void
+  insertNodesByKey: (opt: InsertNodeParams) => void
+  deleteNodeByKey: (key: string) => void
+  updateNodeByKey: (key: string, node: Omit<TreeDataItem, 'key'>) => void
+  setSearchValue: (value: string) => void
+  getSearchValue: () => string
+  getSelectedNode: (key: KeyType, treeList?: TreeItem[], selectNode?: TreeItem | null) => TreeItem | null
+}
+
+export interface CheckedEvent<T = any> {
+  checked: boolean // 是否选中节点 一个没选为false
+  checkedNodes: T[] // 选中的节点 类型为treeData的类型
+  checkedNodesPositions?: any // 选中节点的位置 eg:0-0-1 节点独立时候为null
+  event: 'check'
+  halfCheckedKeys?: number[] // 父子节点关联时为祖先节点ids, 独立时为null
+  nativeEvent: PointerEvent
+  node: any
+}
+
+/**
+ * 父子节点关联情况下
+ * 为选中的菜单id(包含子菜单 不包含父菜单)
+ *
+ * 父子节点独立情况下
+ * checked为选中的菜单
+ * halfChecked为祖先节点数组
+ */
+export type CheckedKeys =
+  | number[]
+  | {
+    checked: number[]
+    halfChecked: number[]
+  }
diff --git a/yunxi-ui-admin-vben/src/components/Tree/style/index.less b/yunxi-ui-admin-vben/src/components/Tree/style/index.less
new file mode 100644
index 0000000..dcf443e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/style/index.less
@@ -0,0 +1,53 @@
+@tree-prefix-cls: ~"@{namespace}-tree";
+
+.@{tree-prefix-cls} {
+  background-color: var(--component-background);
+  border-radius: 6px;
+
+  .ant-tree-node-content-wrapper {
+    position: relative;
+
+    .ant-tree-title {
+      position: absolute;
+      left: 0;
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+
+  &__title {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding-right: 10px;
+
+    &:hover {
+      .@{tree-prefix-cls}__action {
+        visibility: visible;
+      }
+    }
+  }
+
+  &__content {
+    overflow: hidden;
+  }
+
+  &__actions {
+    position: absolute;
+    //top: 2px;
+    right: 3px;
+    display: flex;
+  }
+
+  &__action {
+    margin-left: 4px;
+    visibility: hidden;
+  }
+
+  &-header {
+    border-bottom: 1px solid var(--border-color);
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Tree/style/index.ts b/yunxi-ui-admin-vben/src/components/Tree/style/index.ts
new file mode 100644
index 0000000..1526e4d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Tree/style/index.ts
@@ -0,0 +1 @@
+import './index.less'
diff --git a/yunxi-ui-admin-vben/src/components/Upload/index.ts b/yunxi-ui-admin-vben/src/components/Upload/index.ts
new file mode 100644
index 0000000..3f91911
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/index.ts
@@ -0,0 +1,4 @@
+import basicUpload from './src/BasicUpload.vue'
+import { withInstall } from '@/utils'
+
+export const BasicUpload = withInstall(basicUpload)
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/BasicUpload.vue b/yunxi-ui-admin-vben/src/components/Upload/src/BasicUpload.vue
new file mode 100644
index 0000000..30c9590
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/BasicUpload.vue
@@ -0,0 +1,107 @@
+<script lang="ts" setup>
+import { computed, ref, unref, useAttrs, watch } from 'vue'
+import { Space, Tooltip } from 'ant-design-vue'
+import { omit } from 'lodash-es'
+import { uploadContainerProps } from './props'
+import UploadModal from './UploadModal.vue'
+import UploadPreviewModal from './UploadPreviewModal.vue'
+import { Icon } from '@/components/Icon'
+import { useModal } from '@/components/Modal'
+import { useI18n } from '@/hooks/web/useI18n'
+import { isArray } from '@/utils/is'
+
+defineOptions({ name: 'BasicUpload' })
+
+const props = defineProps(uploadContainerProps)
+const emit = defineEmits(['change', 'delete', 'preview-delete', 'update:value'])
+const attrs = useAttrs()
+
+const { t } = useI18n()
+// 上传modal
+const [registerUploadModal, { openModal: openUploadModal }] = useModal()
+
+//   预览modal
+const [registerPreviewModal, { openModal: openPreviewModal }] = useModal()
+
+const fileList = ref<string[]>([])
+
+const showPreview = computed(() => {
+  const { emptyHidePreview } = props
+  if (!emptyHidePreview)
+    return true
+  return emptyHidePreview ? fileList.value.length > 0 : true
+})
+
+const bindValue = computed(() => {
+  const value = { ...attrs, ...props }
+  return omit(value, 'onChange')
+})
+
+watch(
+  () => props.value,
+  (value = []) => {
+    fileList.value = isArray(value) ? value : []
+  },
+  { immediate: true },
+)
+
+// 上传modal保存操作
+function handleChange(urls: string[]) {
+  fileList.value = [...unref(fileList), ...(urls || [])]
+  emit('update:value', fileList.value)
+  emit('change', fileList.value)
+}
+
+// 预览modal保存操作
+function handlePreviewChange(urls: string[]) {
+  fileList.value = [...(urls || [])]
+  emit('update:value', fileList.value)
+  emit('change', fileList.value)
+}
+
+function handleDelete(record: Recordable) {
+  emit('delete', record)
+}
+
+function handlePreviewDelete(url: string) {
+  emit('preview-delete', url)
+}
+</script>
+
+<template>
+  <div>
+    <Space>
+      <a-button type="primary" pre-icon="carbon:cloud-upload" @click="openUploadModal">
+        {{ t('component.upload.upload') }}
+      </a-button>
+      <Tooltip v-if="showPreview" placement="bottom">
+        <template #title>
+          {{ t('component.upload.uploaded') }}
+          <template v-if="fileList.length">
+            {{ fileList.length }}
+          </template>
+        </template>
+        <a-button @click="openPreviewModal">
+          <Icon icon="bi:eye" />
+          <template v-if="fileList.length && showPreviewNumber">
+            {{ fileList.length }}
+          </template>
+        </a-button>
+      </Tooltip>
+    </Space>
+    <UploadModal
+      v-bind="bindValue"
+      :preview-file-list="fileList"
+      @register="registerUploadModal"
+      @change="handleChange"
+      @delete="handleDelete"
+    />
+
+    <UploadPreviewModal
+      :value="fileList"
+      @register="registerPreviewModal"
+      @list-change="handlePreviewChange"
+      @delete="handlePreviewDelete"
+    />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/FileList.vue b/yunxi-ui-admin-vben/src/components/Upload/src/FileList.vue
new file mode 100644
index 0000000..e19be88
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/FileList.vue
@@ -0,0 +1,104 @@
+<script lang="tsx">
+import type { CSSProperties } from 'vue'
+import { defineComponent, nextTick, watch } from 'vue'
+import { fileListProps } from './props'
+import { isFunction } from '@/utils/is'
+import { useModalContext } from '@/components/Modal/src/hooks/useModalContext'
+
+export default defineComponent({
+  name: 'FileList',
+  props: fileListProps,
+  setup(props) {
+    const modalFn = useModalContext()
+    watch(
+      () => props.dataSource,
+      () => {
+        nextTick(() => {
+          modalFn?.redoModalHeight?.()
+        })
+      },
+    )
+    return () => {
+      const { columns, actionColumn, dataSource } = props
+      const columnList = [...columns, actionColumn]
+      return (
+        <table class="file-table">
+          <colgroup>
+            {columnList.map((item) => {
+              const { width = 0, dataIndex } = item
+              const style: CSSProperties = {
+                width: `${width}px`,
+                minWidth: `${width}px`,
+              }
+              return <col style={width ? style : {}} key={dataIndex} />
+            })}
+          </colgroup>
+          <thead>
+            <tr class="file-table-tr">
+              {columnList.map((item) => {
+                const { title = '', align = 'center', dataIndex } = item
+                return (
+                  <th class={['file-table-th', align]} key={dataIndex}>
+                    {title}
+                  </th>
+                )
+              })}
+            </tr>
+          </thead>
+          <tbody>
+            {dataSource.map((record = {}, index) => {
+              return (
+                <tr class="file-table-tr" key={`${index + record.name || ''}`}>
+                  {columnList.map((item) => {
+                    const { dataIndex = '', customRender, align = 'center' } = item
+                    const render = customRender && isFunction(customRender)
+                    return (
+                      <td class={['file-table-td', align]} key={dataIndex}>
+                        {render ? customRender?.({ text: record[dataIndex], record }) : record[dataIndex]}
+                      </td>
+                    )
+                  })}
+                </tr>
+              )
+            })}
+          </tbody>
+        </table>
+      )
+    }
+  },
+})
+</script>
+
+<style lang="less">
+.file-table {
+  width: 100%;
+  border-collapse: collapse;
+
+  .center {
+    text-align: center;
+  }
+
+  .left {
+    text-align: left;
+  }
+
+  .right {
+    text-align: right;
+  }
+
+  &-th,
+  &-td {
+    padding: 12px 8px;
+  }
+
+  thead {
+    background-color: @background-color-light;
+  }
+
+  table,
+  td,
+  th {
+    border: 1px solid var(--border-color);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/ThumbUrl.vue b/yunxi-ui-admin-vben/src/components/Upload/src/ThumbUrl.vue
new file mode 100644
index 0000000..95caa0d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/ThumbUrl.vue
@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { Image } from 'ant-design-vue'
+import { propTypes } from '@/utils/propTypes'
+
+defineProps({
+  fileUrl: propTypes.string.def(''),
+  fileName: propTypes.string.def(''),
+})
+</script>
+
+<template>
+  <span class="thumb">
+    <Image v-if="fileUrl" :src="fileUrl" :width="104" />
+  </span>
+</template>
+
+<style lang="less">
+.thumb {
+  img {
+    position: static;
+    display: block;
+    cursor: zoom-in;
+    border-radius: 6px;
+    object-fit: cover;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/UploadModal.vue b/yunxi-ui-admin-vben/src/components/Upload/src/UploadModal.vue
new file mode 100644
index 0000000..2b30e8b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/UploadModal.vue
@@ -0,0 +1,284 @@
+<script lang="ts" setup>
+import { computed, ref, toRefs, unref } from 'vue'
+import { Alert, Upload } from 'ant-design-vue'
+import { useUploadType } from './useUpload'
+import type { FileItem } from './typing'
+import { UploadResultStatus } from './typing'
+import { basicProps } from './props'
+import { createActionColumn, createTableColumns } from './data'
+import { checkImgType, getBase64WithFile } from './helper'
+import FileList from './FileList.vue'
+import { buildUUID } from '@/utils/uuid'
+import { isFunction } from '@/utils/is'
+import { warn } from '@/utils/log'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const props = defineProps({
+  ...basicProps,
+  previewFileList: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+})
+const emit = defineEmits(['change', 'register', 'delete'])
+
+const columns = createTableColumns() as any[]
+const actionColumn = createActionColumn(handleRemove) as any
+
+//   是否正在上传
+const isUploadingRef = ref(false)
+const fileListRef = ref<FileItem[]>([])
+const { accept, helpText, maxNumber, maxSize } = toRefs(props)
+
+const { t } = useI18n()
+const [register, { closeModal }] = useModalInner()
+
+const { getStringAccept, getHelpText } = useUploadType({
+  acceptRef: accept,
+  helpTextRef: helpText,
+  maxNumberRef: maxNumber,
+  maxSizeRef: maxSize,
+})
+
+const { createMessage } = useMessage()
+
+const getIsSelectFile = computed(() => {
+  return fileListRef.value.length > 0 && !fileListRef.value.every(item => item.status === UploadResultStatus.SUCCESS)
+})
+
+const getOkButtonProps = computed(() => {
+  const someSuccess = fileListRef.value.some(item => item.status === UploadResultStatus.SUCCESS)
+  return {
+    disabled: isUploadingRef.value || fileListRef.value.length === 0 || !someSuccess,
+  }
+})
+
+const getUploadBtnText = computed(() => {
+  const someError = fileListRef.value.some(item => item.status === UploadResultStatus.ERROR)
+  return isUploadingRef.value
+    ? t('component.upload.uploading')
+    : someError
+      ? t('component.upload.reUploadFailed')
+      : t('component.upload.startUpload')
+})
+
+// 上传前校验
+function beforeUpload(file: File) {
+  const { size, name } = file
+  const { maxSize } = props
+  // 设置最大值，则判断
+  if (maxSize && file.size / 1024 / 1024 >= maxSize) {
+    createMessage.error(t('component.upload.maxSizeMultiple', [maxSize]))
+    return false
+  }
+
+  const commonItem = {
+    uuid: buildUUID(),
+    file,
+    size,
+    name,
+    percent: 0,
+    type: name.split('.').pop(),
+  }
+  // 生成图片缩略图
+  if (checkImgType(file)) {
+    // beforeUpload，如果异步会调用自带上传方法
+    // file.thumbUrl = await getBase64(file);
+    getBase64WithFile(file).then(({ result: thumbUrl }) => {
+      fileListRef.value = [
+        ...unref(fileListRef),
+        {
+          thumbUrl,
+          ...commonItem,
+        },
+      ]
+    })
+  }
+  else {
+    fileListRef.value = [...unref(fileListRef), commonItem]
+  }
+  return false
+}
+
+// 删除
+function handleRemove(record: FileItem) {
+  const index = fileListRef.value.findIndex(item => item.uuid === record.uuid)
+  index !== -1 && fileListRef.value.splice(index, 1)
+  emit('delete', record)
+}
+
+// 预览
+// function handlePreview(record: FileItem) {
+//   const { thumbUrl = '' } = record;
+//   createImgPreview({
+//     imageList: [thumbUrl],
+//   });
+// }
+
+async function uploadApiByItem(item: FileItem) {
+  const { api } = props
+  if (!api || !isFunction(api))
+    return warn('upload api must exist and be a function')
+
+  try {
+    item.status = UploadResultStatus.UPLOADING
+    const { data } = await props.api?.(
+      {
+        data: {
+          ...(props.uploadParams || {}),
+        },
+        file: item.file,
+        name: props.name,
+        filename: props.filename,
+      },
+      (progressEvent: ProgressEvent) => {
+        const complete = ((progressEvent.loaded / progressEvent.total) * 100) | 0
+        item.percent = complete
+      },
+    )
+    item.status = UploadResultStatus.SUCCESS
+    item.responseData = data
+    return {
+      success: true,
+      error: null,
+    }
+  }
+  catch (e) {
+    console.log(e)
+    item.status = UploadResultStatus.ERROR
+    return {
+      success: false,
+      error: e,
+    }
+  }
+}
+
+// 点击开始上传
+async function handleStartUpload() {
+  const { maxNumber } = props
+  if ((fileListRef.value.length + props.previewFileList?.length ?? 0) > maxNumber)
+    return createMessage.warning(t('component.upload.maxNumber', [maxNumber]))
+
+  try {
+    isUploadingRef.value = true
+    // 只上传不是成功状态的
+    const uploadFileList = fileListRef.value.filter(item => item.status !== UploadResultStatus.SUCCESS) || []
+    const data = await Promise.all(
+      uploadFileList.map((item) => {
+        return uploadApiByItem(item)
+      }),
+    )
+    isUploadingRef.value = false
+    // 生产环境:抛出错误
+    const errorList = data.filter((item: any) => !item.success)
+    if (errorList.length > 0)
+      throw errorList
+  }
+  catch (e) {
+    isUploadingRef.value = false
+    throw e
+  }
+}
+
+//   点击保存
+function handleOk() {
+  if (fileListRef.value.length > props.maxNumber)
+    return createMessage.warning(t('component.upload.maxNumber', [props.maxNumber]))
+
+  if (isUploadingRef.value)
+    return createMessage.warning(t('component.upload.saveWarn'))
+
+  const fileList: string[] = []
+
+  for (const item of fileListRef.value) {
+    const { status, responseData } = item
+    if (status === UploadResultStatus.SUCCESS && responseData)
+      fileList.push(responseData.url)
+  }
+  // 存在一个上传成功的即可保存
+  if (fileList.length <= 0)
+    return createMessage.warning(t('component.upload.saveError'))
+
+  fileListRef.value = []
+  closeModal()
+  emit('change', fileList)
+}
+
+// 点击关闭：则所有操作不保存，包括上传的
+async function handleCloseFunc() {
+  if (!isUploadingRef.value) {
+    fileListRef.value = []
+    return true
+  }
+  else {
+    createMessage.warning(t('component.upload.uploadWait'))
+    return false
+  }
+}
+</script>
+
+<template>
+  <BasicModal
+    width="800px"
+    :title="t('component.upload.upload')"
+    :ok-text="t('component.upload.save')"
+    v-bind="$attrs"
+    :close-func="handleCloseFunc"
+    :mask-closable="false"
+    :keyboard="false"
+    class="upload-modal"
+    :ok-button-props="getOkButtonProps"
+    :cancel-button-props="{ disabled: isUploadingRef }"
+    @register="register"
+    @ok="handleOk"
+  >
+    <template #centerFooter>
+      <a-button color="success" :disabled="!getIsSelectFile" :loading="isUploadingRef" @click="handleStartUpload">
+        {{ getUploadBtnText }}
+      </a-button>
+    </template>
+
+    <div class="upload-modal-toolbar">
+      <Alert :message="getHelpText" type="info" banner class="upload-modal-toolbar__text" />
+
+      <Upload
+        :accept="getStringAccept"
+        :multiple="multiple"
+        :before-upload="beforeUpload"
+        :show-upload-list="false"
+        class="upload-modal-toolbar__btn"
+      >
+        <a-button type="primary">
+          {{ t('component.upload.choose') }}
+        </a-button>
+      </Upload>
+    </div>
+    <FileList :data-source="fileListRef" :columns="columns" :action-column="actionColumn" />
+  </BasicModal>
+</template>
+
+<style lang="less">
+.upload-modal {
+  .ant-upload-list {
+    display: none;
+  }
+
+  .ant-table-wrapper .ant-spin-nested-loading {
+    padding: 0;
+  }
+
+  &-toolbar {
+    display: flex;
+    align-items: center;
+    margin-bottom: 8px;
+
+    &__btn {
+      flex: 1;
+      margin-left: 8px;
+      text-align: right;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/UploadPreviewModal.vue b/yunxi-ui-admin-vben/src/components/Upload/src/UploadPreviewModal.vue
new file mode 100644
index 0000000..18f74db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/UploadPreviewModal.vue
@@ -0,0 +1,88 @@
+<script lang="ts" setup>
+import { ref, watch } from 'vue'
+import FileList from './FileList.vue'
+import { previewProps } from './props'
+import type { PreviewFileItem } from './typing'
+import { createPreviewActionColumn, createPreviewColumns } from './data'
+import { downloadByUrl } from '@/utils/file/download'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { useI18n } from '@/hooks/web/useI18n'
+import { isArray } from '@/utils/is'
+
+const props = defineProps(previewProps)
+const emit = defineEmits(['list-change', 'register', 'delete'])
+
+const [register] = useModalInner()
+const { t } = useI18n()
+
+const columns = createPreviewColumns() as any[]
+const actionColumn = createPreviewActionColumn({ handleRemove, handleDownload }) as any
+
+const fileListRef = ref<PreviewFileItem[]>([])
+watch(
+  () => props.value,
+  (value) => {
+    if (!isArray(value))
+      value = []
+    fileListRef.value = value
+      .filter(item => !!item)
+      .map((item) => {
+        return {
+          url: item,
+          type: item.split('.').pop() || '',
+          name: item.split('/').pop() || '',
+        }
+      })
+  },
+  { immediate: true },
+)
+
+// 删除
+function handleRemove(record: PreviewFileItem) {
+  const index = fileListRef.value.findIndex(item => item.url === record.url)
+  if (index !== -1) {
+    const removed = fileListRef.value.splice(index, 1)
+    emit('delete', removed[0].url)
+    emit('list-change', fileListRef.value.map(item => item.url))
+  }
+}
+
+// // 预览
+// function handlePreview(record: PreviewFileItem) {
+//   const { url = '' } = record;
+//   createImgPreview({
+//     imageList: [url],
+//   });
+// }
+
+// 下载
+function handleDownload(record: PreviewFileItem) {
+  const { url = '' } = record
+  downloadByUrl({ url })
+}
+</script>
+
+<template>
+  <BasicModal
+    width="800px"
+    :title="t('component.upload.preview')"
+    class="upload-preview-modal"
+    v-bind="$attrs"
+    :show-ok-btn="false"
+    @register="register"
+  >
+    <FileList :data-source="fileListRef" :columns="columns" :action-column="actionColumn" />
+  </BasicModal>
+</template>
+
+<style lang="less">
+.upload-preview-modal {
+  .ant-upload-list {
+    display: none;
+  }
+
+  .ant-table-wrapper .ant-spin-nested-loading {
+    padding: 0;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/data.tsx b/yunxi-ui-admin-vben/src/components/Upload/src/data.tsx
new file mode 100644
index 0000000..bc2bdc1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/data.tsx
@@ -0,0 +1,147 @@
+import { Progress, Tag } from 'ant-design-vue'
+import type { FileItem, PreviewFileItem } from './typing'
+import { UploadResultStatus } from './typing'
+import {
+  // checkImgType,
+  isImgTypeByName,
+} from './helper'
+import ThumbUrl from './ThumbUrl.vue'
+import type { ActionItem, BasicColumn } from '@/components/Table'
+import TableAction from '@/components/Table/src/components/TableAction.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+// 文件上传列表
+export function createTableColumns(): BasicColumn[] {
+  return [
+    {
+      dataIndex: 'thumbUrl',
+      title: t('component.upload.legend'),
+      width: 100,
+      customRender: ({ record }) => {
+        const { thumbUrl } = (record as FileItem) || {}
+        return thumbUrl && <ThumbUrl fileUrl={thumbUrl} />
+      },
+    },
+    {
+      dataIndex: 'name',
+      title: t('component.upload.fileName'),
+      align: 'left',
+      customRender: ({ text, record }) => {
+        const { percent, status: uploadStatus } = (record as FileItem) || {}
+        let status: 'normal' | 'exception' | 'active' | 'success' = 'normal'
+        if (uploadStatus === UploadResultStatus.ERROR)
+          status = 'exception'
+        else if (uploadStatus === UploadResultStatus.UPLOADING)
+          status = 'active'
+        else if (uploadStatus === UploadResultStatus.SUCCESS)
+          status = 'success'
+
+        return (
+          <span>
+            <p class="mb-1 truncate" title={text}>
+              {text}
+            </p>
+            <Progress percent={percent} size="small" status={status} />
+          </span>
+        )
+      },
+    },
+    {
+      dataIndex: 'size',
+      title: t('component.upload.fileSize'),
+      width: 100,
+      customRender: ({ text = 0 }) => {
+        return text && `${(text / 1024).toFixed(2)}KB`
+      },
+    },
+    // {
+    //   dataIndex: 'type',
+    //   title: '文件类型',
+    //   width: 100,
+    // },
+    {
+      dataIndex: 'status',
+      title: t('component.upload.fileStatue'),
+      width: 100,
+      customRender: ({ text }) => {
+        if (text === UploadResultStatus.SUCCESS)
+          return <Tag color="green">{() => t('component.upload.uploadSuccess')}</Tag>
+        else if (text === UploadResultStatus.ERROR)
+          return <Tag color="red">{() => t('component.upload.uploadError')}</Tag>
+        else if (text === UploadResultStatus.UPLOADING)
+          return <Tag color="blue">{() => t('component.upload.uploading')}</Tag>
+
+        return text
+      },
+    },
+  ]
+}
+export function createActionColumn(handleRemove: Fn): BasicColumn {
+  return {
+    width: 120,
+    title: t('component.upload.operating'),
+    dataIndex: 'action',
+    fixed: false,
+    customRender: ({ record }) => {
+      const actions: ActionItem[] = [
+        {
+          label: t('component.upload.del'),
+          danger: true,
+          onClick: handleRemove.bind(null, record),
+        },
+      ]
+      // if (checkImgType(record)) {
+      //   actions.unshift({
+      //     label: t('component.upload.preview'),
+      //     onClick: handlePreview.bind(null, record),
+      //   });
+      // }
+      return <TableAction actions={actions} outside={true} />
+    },
+  }
+}
+// 文件预览列表
+export function createPreviewColumns(): BasicColumn[] {
+  return [
+    {
+      dataIndex: 'url',
+      title: t('component.upload.legend'),
+      width: 100,
+      customRender: ({ record }) => {
+        const { url } = (record as PreviewFileItem) || {}
+        return isImgTypeByName(url) && <ThumbUrl fileUrl={url} />
+      },
+    },
+    {
+      dataIndex: 'name',
+      title: t('component.upload.fileName'),
+      align: 'left',
+    },
+  ]
+}
+
+export function createPreviewActionColumn({ handleRemove, handleDownload }: { handleRemove: Fn; handleDownload: Fn }): BasicColumn {
+  return {
+    width: 160,
+    title: t('component.upload.operating'),
+    dataIndex: 'action',
+    fixed: false,
+    customRender: ({ record }) => {
+      const actions: ActionItem[] = [
+        {
+          label: t('component.upload.del'),
+          danger: true,
+          onClick: handleRemove.bind(null, record),
+        },
+        {
+          label: t('component.upload.download'),
+          onClick: handleDownload.bind(null, record),
+        },
+      ]
+
+      return <TableAction actions={actions} outside={true} />
+    },
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/helper.ts b/yunxi-ui-admin-vben/src/components/Upload/src/helper.ts
new file mode 100644
index 0000000..622cc70
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/helper.ts
@@ -0,0 +1,27 @@
+export function checkFileType(file: File, accepts: string[]) {
+  const newTypes = accepts.join('|')
+  // const reg = /\.(jpg|jpeg|png|gif|txt|doc|docx|xls|xlsx|xml)$/i;
+  const reg = new RegExp(`\\.(${newTypes})$`, 'i')
+
+  return reg.test(file.name)
+}
+
+export function checkImgType(file: File) {
+  return isImgTypeByName(file.name)
+}
+
+export function isImgTypeByName(name: string) {
+  return /\.(jpg|jpeg|png|gif|webp)$/i.test(name)
+}
+
+export function getBase64WithFile(file: File) {
+  return new Promise<{
+    result: string
+    file: File
+  }>((resolve, reject) => {
+    const reader = new FileReader()
+    reader.readAsDataURL(file)
+    reader.onload = () => resolve({ result: reader.result as string, file })
+    reader.onerror = error => reject(error)
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/props.ts b/yunxi-ui-admin-vben/src/components/Upload/src/props.ts
new file mode 100644
index 0000000..4c7abcc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/props.ts
@@ -0,0 +1,82 @@
+import type { FileBasicColumn } from './typing'
+
+export const basicProps = {
+  helpText: {
+    type: String as PropType<string>,
+    default: '',
+  },
+  // 文件最大多少MB
+  maxSize: {
+    type: Number as PropType<number>,
+    default: 2,
+  },
+  // 最大数量的文件，Infinity不限制
+  maxNumber: {
+    type: Number as PropType<number>,
+    default: Number.POSITIVE_INFINITY,
+  },
+  // 根据后缀，或者其他
+  accept: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean as PropType<boolean>,
+    default: true,
+  },
+  uploadParams: {
+    type: Object as PropType<any>,
+    default: () => ({}),
+  },
+  api: {
+    type: Function as PropType<PromiseFn>,
+    default: null,
+    required: true,
+  },
+  name: {
+    type: String as PropType<string>,
+    default: 'file',
+  },
+  filename: {
+    type: String as PropType<string>,
+    default: null,
+  },
+}
+
+export const uploadContainerProps = {
+  value: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+  ...basicProps,
+  showPreviewNumber: {
+    type: Boolean as PropType<boolean>,
+    default: true,
+  },
+  emptyHidePreview: {
+    type: Boolean as PropType<boolean>,
+    default: false,
+  },
+}
+
+export const previewProps = {
+  value: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+}
+
+export const fileListProps = {
+  columns: {
+    type: Array as PropType<FileBasicColumn[]>,
+    default: null,
+  },
+  actionColumn: {
+    type: Object as PropType<FileBasicColumn>,
+    default: null,
+  },
+  dataSource: {
+    type: Array as PropType<any[]>,
+    default: null,
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/typing.ts b/yunxi-ui-admin-vben/src/components/Upload/src/typing.ts
new file mode 100644
index 0000000..25f3d40
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/typing.ts
@@ -0,0 +1,55 @@
+import type { UploadApiResult } from '@/api/base/model/uploadModel'
+
+export enum UploadResultStatus {
+  SUCCESS = 'success',
+  ERROR = 'error',
+  UPLOADING = 'uploading',
+}
+
+export interface FileItem {
+  thumbUrl?: string
+  name: string
+  size: string | number
+  type?: string
+  percent: number
+  file: File
+  status?: UploadResultStatus
+  responseData?: UploadApiResult
+  uuid: string
+}
+
+export interface PreviewFileItem {
+  url: string
+  name: string
+  type: string
+}
+
+export interface FileBasicColumn {
+  /**
+   * Renderer of the table cell. The return value should be a VNode, or an object for colSpan/rowSpan config
+   * @type Function | ScopedSlot
+   */
+  customRender?: Fn
+  /**
+   * Title of this column
+   * @type any (string | slot)
+   */
+  title: string
+
+  /**
+   * Width of this column
+   * @type string | number
+   */
+  width?: number
+  /**
+   * Display field of the data record, could be set like a.b.c
+   * @type string
+   */
+  dataIndex: string
+  /**
+   * specify how content is aligned
+   * @default 'left'
+   * @type string
+   */
+  align?: 'left' | 'right' | 'center'
+}
diff --git a/yunxi-ui-admin-vben/src/components/Upload/src/useUpload.ts b/yunxi-ui-admin-vben/src/components/Upload/src/useUpload.ts
new file mode 100644
index 0000000..757736e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Upload/src/useUpload.ts
@@ -0,0 +1,59 @@
+import type { Ref } from 'vue'
+import { computed, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+export function useUploadType({
+  acceptRef,
+  helpTextRef,
+  maxNumberRef,
+  maxSizeRef,
+}: {
+  acceptRef: Ref<string[]>
+  helpTextRef: Ref<string>
+  maxNumberRef: Ref<number>
+  maxSizeRef: Ref<number>
+}) {
+  // 文件类型限制
+  const getAccept = computed(() => {
+    const accept = unref(acceptRef)
+    if (accept && accept.length > 0)
+      return accept
+
+    return []
+  })
+  const getStringAccept = computed(() => {
+    return unref(getAccept)
+      .map((item) => {
+        if (item.indexOf('/') > 0 || item.startsWith('.'))
+          return item
+        else
+          return `.${item}`
+      })
+      .join(',')
+  })
+
+  // 支持jpg、jpeg、png格式，不超过2M，最多可选择10张图片，。
+  const getHelpText = computed(() => {
+    const helpText = unref(helpTextRef)
+    if (helpText)
+      return helpText
+
+    const helpTexts: string[] = []
+
+    const accept = unref(acceptRef)
+    if (accept.length > 0)
+      helpTexts.push(t('component.upload.accept', [accept.join(',')]))
+
+    const maxSize = unref(maxSizeRef)
+    if (maxSize)
+      helpTexts.push(t('component.upload.maxSize', [maxSize]))
+
+    const maxNumber = unref(maxNumberRef)
+    if (maxNumber && maxNumber !== Number.POSITIVE_INFINITY)
+      helpTexts.push(t('component.upload.maxNumber', [maxNumber]))
+
+    return helpTexts.join('，')
+  })
+  return { getAccept, getStringAccept, getHelpText }
+}
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/index.ts b/yunxi-ui-admin-vben/src/components/Verifition/index.ts
new file mode 100644
index 0000000..cef568f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/index.ts
@@ -0,0 +1,4 @@
+import verify from './src/Verify.vue'
+import { withInstall } from '@/utils/index'
+
+export const Verify = withInstall(verify)
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/Verify.vue b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify.vue
new file mode 100644
index 0000000..954089a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify.vue
@@ -0,0 +1,132 @@
+<script type="text/babel">
+/**
+ * Verify 验证码组件
+ * @description 分发验证码使用
+ * */
+import { computed, ref, toRefs, watchEffect } from 'vue'
+import VerifySlide from './Verify/VerifySlide.vue'
+import VerifyPoints from './Verify/VerifyPoints.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import './style/verify.css'
+
+export default {
+  name: 'Vue3Verify',
+  components: {
+    VerifySlide,
+    VerifyPoints,
+  },
+  props: {
+    captchaType: {
+      type: String,
+      required: true,
+    },
+    figure: {
+      type: Number,
+    },
+    arith: {
+      type: Number,
+    },
+    mode: {
+      type: String,
+      default: 'pop',
+    },
+    vSpace: {
+      type: Number,
+    },
+    explain: {
+      type: String,
+    },
+    imgSize: {
+      type: Object,
+      default() {
+        return {
+          width: '310px',
+          height: '155px',
+        }
+      },
+    },
+    blockSize: {
+      type: Object,
+    },
+    barSize: {
+      type: Object,
+    },
+  },
+  setup(props) {
+    const { t } = useI18n()
+    const { captchaType, mode } = toRefs(props)
+    const clickShow = ref(false)
+    const verifyType = ref(undefined)
+    const componentType = ref(undefined)
+
+    const instance = ref({})
+
+    const showBox = computed(() => {
+      if (mode.value === 'pop')
+        return clickShow.value
+      else
+        return true
+    })
+    /**
+     * refresh
+     * @description 刷新
+     * */
+    const refresh = () => {
+      if (instance.value.refresh)
+        instance.value.refresh()
+    }
+    const closeBox = () => {
+      clickShow.value = false
+      refresh()
+    }
+    const show = () => {
+      if (mode.value === 'pop')
+        clickShow.value = true
+    }
+    watchEffect(() => {
+      switch (captchaType.value) {
+        case 'blockPuzzle':
+          verifyType.value = '2'
+          componentType.value = 'VerifySlide'
+          break
+        case 'clickWord':
+          verifyType.value = ''
+          componentType.value = 'VerifyPoints'
+          break
+      }
+    })
+
+    return {
+      t,
+      clickShow,
+      verifyType,
+      componentType,
+      instance,
+      showBox,
+      closeBox,
+      show,
+    }
+  },
+}
+</script>
+
+<template>
+  <div v-show="showBox" :class="mode === 'pop' ? 'mask' : ''">
+    <div :class="mode === 'pop' ? 'verifybox' : ''" :style="{ 'max-width': `${parseInt(imgSize.width) + 20}px` }">
+      <div v-if="mode === 'pop'" class="verifybox-top">
+        {{ t('component.captcha.verification') }}
+        <span class="verifybox-close" @click="closeBox">
+          <i class="iconfont icon-close" />
+        </span>
+      </div>
+      <div class="verifybox-bottom" :style="{ padding: mode === 'pop' ? '10px' : '0' }">
+        <!-- 验证码容器 -->
+        <component
+          :is="componentType" v-if="componentType" ref="instance" :captcha-type="captchaType" :type="verifyType"
+          :figure="figure" :arith="arith" :mode="mode" :v-space="vSpace" :explain="explain" :img-size="imgSize"
+          :block-size="blockSize" :bar-size="barSize"
+        />
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifyPoints.vue b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifyPoints.vue
new file mode 100644
index 0000000..acfd6a8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifyPoints.vue
@@ -0,0 +1,256 @@
+<script type="text/babel" setup>
+/**
+ * VerifyPoints
+ * @description 点选
+ * */
+import { getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs } from 'vue'
+import { resetSize } from './../utils/util'
+import { aesEncrypt } from './../utils/ase'
+import { checkCaptcha, getCaptcha } from '@/api/base/login'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const props = defineProps({
+  // 弹出式pop，固定fixed
+  mode: {
+    type: String,
+    default: 'fixed',
+  },
+  captchaType: {
+    type: String,
+  },
+  // 间隔
+  vSpace: {
+    type: Number,
+    default: 5,
+  },
+  imgSize: {
+    type: Object,
+    default() {
+      return {
+        width: '310px',
+        height: '155px',
+      }
+    },
+  },
+  barSize: {
+    type: Object,
+    default() {
+      return {
+        width: '310px',
+        height: '40px',
+      }
+    },
+  },
+})
+
+const { t } = useI18n()
+const { mode, captchaType } = toRefs(props)
+const { proxy } = getCurrentInstance()
+const secretKey = ref('') // 后端返回的ase加密秘钥
+const checkNum = ref(3) // 默认需要点击的字数
+const fontPos = reactive([]) // 选中的坐标信息
+const checkPosArr = reactive([]) // 用户点击的坐标
+const num = ref(1) // 点击的记数
+const pointBackImgBase = ref('') // 后端获取到的背景图片
+const poinTextList = reactive([]) // 后端返回的点击字体顺序
+const backToken = ref('') // 后端返回的token值
+const setSize = reactive({
+  imgHeight: 0,
+  imgWidth: 0,
+  barHeight: 0,
+  barWidth: 0,
+})
+const tempPoints = reactive([])
+const text = ref('')
+const barAreaColor = ref(undefined)
+const barAreaBorderColor = ref(undefined)
+const showRefresh = ref(true)
+const bindingClick = ref(true)
+
+function init() {
+  // 加载页面
+  fontPos.splice(0, fontPos.length)
+  checkPosArr.splice(0, checkPosArr.length)
+  num.value = 1
+  getPictrue()
+  nextTick(() => {
+    const { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy)
+    setSize.imgHeight = imgHeight
+    setSize.imgWidth = imgWidth
+    setSize.barHeight = barHeight
+    setSize.barWidth = barWidth
+    proxy.$parent.$emit('ready', proxy)
+  })
+}
+onMounted(() => {
+  // 禁止拖拽
+  init()
+  proxy.$el.onselectstart = function () {
+    return false
+  }
+})
+const canvas = ref(null)
+
+// 获取坐标
+const getMousePos = function (obj, e) {
+  const x = e.offsetX
+  const y = e.offsetY
+  return { x, y }
+}
+// 创建坐标点
+const createPoint = function (pos) {
+  tempPoints.push(Object.assign({}, pos))
+  return num.value + 1
+}
+
+// 坐标转换函数
+const pointTransfrom = function (pointArr, imgSize) {
+  const newPointArr = pointArr.map((p) => {
+    const x = Math.round((310 * p.x) / Number.parseInt(imgSize.imgWidth))
+    const y = Math.round((155 * p.y) / Number.parseInt(imgSize.imgHeight))
+    return { x, y }
+  })
+  return newPointArr
+}
+
+const refresh = async function () {
+  tempPoints.splice(0, tempPoints.length)
+  barAreaColor.value = '#000'
+  barAreaBorderColor.value = '#ddd'
+  bindingClick.value = true
+  fontPos.splice(0, fontPos.length)
+  checkPosArr.splice(0, checkPosArr.length)
+  num.value = 1
+  await getPictrue()
+  showRefresh.value = true
+}
+
+function canvasClick(e) {
+  checkPosArr.push(getMousePos(canvas, e))
+  if (num.value === checkNum.value) {
+    num.value = createPoint(getMousePos(canvas, e))
+    // 按比例转换坐标值
+    const arr = pointTransfrom(checkPosArr, setSize)
+    checkPosArr.length = 0
+    checkPosArr.push(...arr)
+    // 等创建坐标执行完
+    setTimeout(() => {
+      // var flag = this.comparePos(this.fontPos, this.checkPosArr);
+      // 发送后端请求
+      const captchaVerification = secretKey.value
+        ? aesEncrypt(`${backToken.value}---${JSON.stringify(checkPosArr)}`, secretKey.value)
+        : `${backToken.value}---${JSON.stringify(checkPosArr)}`
+      const data = {
+        captchaType: captchaType.value,
+        pointJson: secretKey.value ? aesEncrypt(JSON.stringify(checkPosArr), secretKey.value) : JSON.stringify(checkPosArr),
+        token: backToken.value,
+      }
+      checkCaptcha(data).then((response) => {
+        const res = response.data
+        if (res.repCode === '0000') {
+          barAreaColor.value = '#4cae4c'
+          barAreaBorderColor.value = '#5cb85c'
+          text.value = t('component.captcha.success')
+          bindingClick.value = false
+          if (mode.value === 'pop') {
+            setTimeout(() => {
+              proxy.$parent.clickShow = false
+              refresh()
+            }, 1500)
+          }
+          proxy.$parent.$emit('success', { captchaVerification })
+        }
+        else {
+          proxy.$parent.$emit('error', proxy)
+          barAreaColor.value = '#d9534f'
+          barAreaBorderColor.value = '#d9534f'
+          text.value = t('component.captcha.fail')
+          setTimeout(() => {
+            refresh()
+          }, 700)
+        }
+      })
+    }, 400)
+  }
+  if (num.value < checkNum.value)
+    num.value = createPoint(getMousePos(canvas, e))
+}
+
+// 请求背景图片和验证图片
+async function getPictrue() {
+  const data = {
+    captchaType: captchaType.value,
+  }
+  const res = await getCaptcha(data)
+  if (res.data.repCode === '0000') {
+    pointBackImgBase.value = res.data.repData.originalImageBase64
+    backToken.value = res.data.repData.token
+    secretKey.value = res.data.repData.secretKey
+    poinTextList.value = res.data.repData.wordList
+    text.value = `${t('component.captcha.point')}【${poinTextList.value.join(',')}】`
+  }
+  else {
+    text.value = res.data.repMsg
+  }
+}
+</script>
+
+<template>
+  <div style="position: relative">
+    <div class="verify-img-out">
+      <div
+        class="verify-img-panel"
+        :style="{
+          'width': setSize.imgWidth,
+          'height': setSize.imgHeight,
+          'background-size': `${setSize.imgWidth} ${setSize.imgHeight}`,
+          'margin-bottom': `${vSpace}px`,
+        }"
+      >
+        <div v-show="showRefresh" class="verify-refresh" style="z-index: 3" @click="refresh">
+          <i class="iconfont icon-refresh" />
+        </div>
+        <img
+          ref="canvas"
+          :src="`data:image/png;base64,${pointBackImgBase}`"
+          alt=""
+          style=" display: block;width: 100%; height: 100%"
+          @click="bindingClick ? canvasClick($event) : undefined"
+        >
+
+        <div
+          v-for="(tempPoint, index) in tempPoints"
+          :key="index"
+          class="point-area"
+          :style="{
+            'background-color': '#1abd6c',
+            'color': '#fff',
+            'z-index': 9999,
+            'width': '20px',
+            'height': '20px',
+            'text-align': 'center',
+            'line-height': '20px',
+            'border-radius': '50%',
+            'position': 'absolute',
+            'top': `${parseInt(tempPoint.y - 10)}px`,
+            'left': `${parseInt(tempPoint.x - 10)}px`,
+          }"
+        >
+          {{ index + 1 }}
+        </div>
+      </div>
+    </div>
+    <!-- 'height': this.barSize.height, -->
+    <div
+      class="verify-bar-area"
+      :style="{
+        'width': setSize.imgWidth,
+        'color': barAreaColor,
+        'border-color': barAreaBorderColor,
+        'line-height': barSize.height,
+      }"
+    >
+      <span class="verify-msg">{{ text }}</span>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifySlide.vue b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifySlide.vue
new file mode 100644
index 0000000..7430184
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/VerifySlide.vue
@@ -0,0 +1,364 @@
+<script type="text/babel" setup>
+/**
+ * VerifySlide
+ * @description 滑块
+ * */
+import { computed, getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs, watch } from 'vue'
+import { aesEncrypt } from './../utils/ase'
+import { resetSize } from './../utils/util'
+import { checkCaptcha, getCaptcha } from '@/api/base/login'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const props = defineProps({
+  captchaType: {
+    type: String,
+  },
+  type: {
+    type: String,
+    default: '1',
+  },
+  // 弹出式pop，固定fixed
+  mode: {
+    type: String,
+    default: 'fixed',
+  },
+  vSpace: {
+    type: Number,
+    default: 5,
+  },
+  explain: {
+    type: String,
+    default: '',
+  },
+  imgSize: {
+    type: Object,
+    default() {
+      return {
+        width: '310px',
+        height: '155px',
+      }
+    },
+  },
+  blockSize: {
+    type: Object,
+    default() {
+      return {
+        width: '50px',
+        height: '50px',
+      }
+    },
+  },
+  barSize: {
+    type: Object,
+    default() {
+      return {
+        width: '310px',
+        height: '30px',
+      }
+    },
+  },
+})
+
+const { t } = useI18n()
+const { mode, captchaType, type, blockSize, explain } = toRefs(props)
+const { proxy } = getCurrentInstance()
+const secretKey = ref('') // 后端返回的ase加密秘钥
+const passFlag = ref('') // 是否通过的标识
+const backImgBase = ref('') // 验证码背景图片
+const blockBackImgBase = ref('') // 验证滑块的背景图片
+const backToken = ref('') // 后端返回的唯一token值
+const startMoveTime = ref('') // 移动开始的时间
+const endMovetime = ref('') // 移动结束的时间
+const tipWords = ref('')
+const text = ref('')
+const finishText = ref('')
+const setSize = reactive({
+  imgHeight: 0,
+  imgWidth: 0,
+  barHeight: 0,
+  barWidth: 0,
+})
+const moveBlockLeft = ref(undefined)
+const leftBarWidth = ref(undefined)
+// 移动中样式
+const moveBlockBackgroundColor = ref(undefined)
+const leftBarBorderColor = ref('#ddd')
+const iconColor = ref(undefined)
+const iconClass = ref('icon-right')
+const status = ref(false) // 鼠标状态
+const isEnd = ref(false) // 是够验证完成
+const showRefresh = ref(true)
+const transitionLeft = ref('')
+const transitionWidth = ref('')
+const startLeft = ref(0)
+
+const barArea = computed(() => {
+  return proxy.$el.querySelector('.verify-bar-area')
+})
+function init() {
+  if (explain.value === '')
+    text.value = t('component.captcha.slide')
+  else
+    text.value = explain.value
+
+  getPictrue()
+  nextTick(() => {
+    const { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy)
+    setSize.imgHeight = imgHeight
+    setSize.imgWidth = imgWidth
+    setSize.barHeight = barHeight
+    setSize.barWidth = barWidth
+    proxy.$parent.$emit('ready', proxy)
+  })
+
+  window.removeEventListener('touchmove', (e) => {
+    move(e)
+  })
+  window.removeEventListener('mousemove', (e) => {
+    move(e)
+  })
+
+  // 鼠标松开
+  window.removeEventListener('touchend', () => {
+    end()
+  })
+  window.removeEventListener('mouseup', () => {
+    end()
+  })
+
+  window.addEventListener('touchmove', (e) => {
+    move(e)
+  })
+  window.addEventListener('mousemove', (e) => {
+    move(e)
+  })
+
+  // 鼠标松开
+  window.addEventListener('touchend', () => {
+    end()
+  })
+  window.addEventListener('mouseup', () => {
+    end()
+  })
+}
+watch(type, () => {
+  init()
+})
+onMounted(() => {
+  // 禁止拖拽
+  init()
+  proxy.$el.onselectstart = function () {
+    return false
+  }
+})
+// 鼠标按下
+function start(e) {
+  e = e || window.event
+  let x
+  if (!e.touches) {
+    // 兼容PC端
+    x = e.clientX
+  }
+  else {
+    // 兼容移动端
+    x = e.touches[0].pageX
+  }
+  startLeft.value = Math.floor(x - barArea.value.getBoundingClientRect().left)
+  startMoveTime.value = +new Date() // 开始滑动的时间
+  if (isEnd.value === false) {
+    text.value = ''
+    moveBlockBackgroundColor.value = '#337ab7'
+    leftBarBorderColor.value = '#337AB7'
+    iconColor.value = '#fff'
+    e.stopPropagation()
+    status.value = true
+  }
+}
+// 鼠标移动
+function move(e) {
+  e = e || window.event
+  let x
+  if (status.value && isEnd.value === false) {
+    if (!e.touches) {
+      // 兼容PC端
+      x = e.clientX
+    }
+    else {
+      // 兼容移动端
+      x = e.touches[0].pageX
+    }
+    const bar_area_left = barArea.value.getBoundingClientRect().left
+    let move_block_left = x - bar_area_left // 小方块相对于父元素的left值
+    if (move_block_left >= barArea.value.offsetWidth - Number.parseInt(Number.parseInt(blockSize.value.width) / 2) - 2)
+      move_block_left = barArea.value.offsetWidth - Number.parseInt(Number.parseInt(blockSize.value.width) / 2) - 2
+
+    if (move_block_left <= 0)
+      move_block_left = Number.parseInt(Number.parseInt(blockSize.value.width) / 2)
+
+    // 拖动后小方块的left值
+    moveBlockLeft.value = `${move_block_left - startLeft.value}px`
+    leftBarWidth.value = `${move_block_left - startLeft.value}px`
+  }
+}
+
+// 鼠标松开
+function end() {
+  endMovetime.value = +new Date()
+  // 判断是否重合
+  if (status.value && isEnd.value === false) {
+    let moveLeftDistance = Number.parseInt((moveBlockLeft.value || '').replace('px', ''))
+    moveLeftDistance = (moveLeftDistance * 310) / Number.parseInt(setSize.imgWidth)
+    const data = {
+      captchaType: captchaType.value,
+      pointJson: secretKey.value
+        ? aesEncrypt(JSON.stringify({ x: moveLeftDistance, y: 5.0 }), secretKey.value)
+        : JSON.stringify({ x: moveLeftDistance, y: 5.0 }),
+      token: backToken.value,
+    }
+    checkCaptcha(data).then((response) => {
+      const res = response.data
+      if (res.repCode === '0000') {
+        moveBlockBackgroundColor.value = '#5cb85c'
+        leftBarBorderColor.value = '#5cb85c'
+        iconColor.value = '#fff'
+        iconClass.value = 'icon-check'
+        showRefresh.value = false
+        isEnd.value = true
+        if (mode.value === 'pop') {
+          setTimeout(() => {
+            proxy.$parent.clickShow = false
+            refresh()
+          }, 1500)
+        }
+        passFlag.value = true
+        tipWords.value = `${((endMovetime.value - startMoveTime.value) / 1000).toFixed(2)}s
+            ${t('component.captcha.success')}`
+        const captchaVerification = secretKey.value
+          ? aesEncrypt(`${backToken.value}---${JSON.stringify({ x: moveLeftDistance, y: 5.0 })}`, secretKey.value)
+          : `${backToken.value}---${JSON.stringify({ x: moveLeftDistance, y: 5.0 })}`
+        setTimeout(() => {
+          tipWords.value = ''
+          proxy.$parent.closeBox()
+          proxy.$parent.$emit('success', { captchaVerification })
+        }, 1000)
+      }
+      else {
+        moveBlockBackgroundColor.value = '#d9534f'
+        leftBarBorderColor.value = '#d9534f'
+        iconColor.value = '#fff'
+        iconClass.value = 'icon-close'
+        passFlag.value = false
+        setTimeout(() => {
+          refresh()
+        }, 1000)
+        proxy.$parent.$emit('error', proxy)
+        tipWords.value = t('component.captcha.fail')
+        setTimeout(() => {
+          tipWords.value = ''
+        }, 1000)
+      }
+    })
+    status.value = false
+  }
+}
+
+async function refresh() {
+  showRefresh.value = true
+  finishText.value = ''
+
+  transitionLeft.value = 'left .3s'
+  moveBlockLeft.value = 0
+
+  leftBarWidth.value = undefined
+  transitionWidth.value = 'width .3s'
+
+  leftBarBorderColor.value = '#ddd'
+  moveBlockBackgroundColor.value = '#fff'
+  iconColor.value = '#000'
+  iconClass.value = 'icon-right'
+  isEnd.value = false
+
+  await getPictrue()
+  setTimeout(() => {
+    transitionWidth.value = ''
+    transitionLeft.value = ''
+    text.value = explain.value
+  }, 300)
+}
+
+// 请求背景图片和验证图片
+async function getPictrue() {
+  const data = {
+    captchaType: captchaType.value,
+  }
+  const res = await getCaptcha(data)
+  if (res.data.repCode === '0000') {
+    backImgBase.value = res.data.repData.originalImageBase64
+    blockBackImgBase.value = `data:image/png;base64,${res.data.repData.jigsawImageBase64}`
+    backToken.value = res.data.repData.token
+    secretKey.value = res.data.repData.secretKey
+  }
+  else {
+    tipWords.value = res.data.repMsg
+  }
+}
+</script>
+
+<template>
+  <div style="position: relative">
+    <div v-if="type === '2'" class="verify-img-out" :style="{ height: `${parseInt(setSize.imgHeight) + vSpace}px` }">
+      <div class="verify-img-panel" :style="{ width: setSize.imgWidth, height: setSize.imgHeight }">
+        <img :src="`data:image/png;base64,${backImgBase}`" alt="" style=" display: block;width: 100%; height: 100%">
+        <div v-show="showRefresh" class="verify-refresh" @click="refresh">
+          <i class="iconfont icon-refresh" />
+        </div>
+        <transition name="tips">
+          <span v-if="tipWords" class="verify-tips" :class="passFlag ? 'suc-bg' : 'err-bg'">
+            {{ tipWords }}
+          </span>
+        </transition>
+      </div>
+    </div>
+    <!-- 公共部分 -->
+    <div class="verify-bar-area" :style="{ 'width': setSize.imgWidth, 'height': barSize.height, 'line-height': barSize.height }">
+      <span class="verify-msg" v-text="text" />
+      <div
+        class="verify-left-bar"
+        :style="{
+          'width': leftBarWidth !== undefined ? leftBarWidth : barSize.height,
+          'height': barSize.height,
+          'border-color': leftBarBorderColor,
+          'transaction': transitionWidth,
+        }"
+      >
+        <span class="verify-msg" v-text="finishText" />
+        <div
+          class="verify-move-block"
+          :style="{
+            'width': barSize.height,
+            'height': barSize.height,
+            'background-color': moveBlockBackgroundColor,
+            'left': moveBlockLeft,
+            'transition': transitionLeft,
+          }"
+          @touchstart="start"
+          @mousedown="start"
+        >
+          <i class="iconfont verify-icon" :class="[iconClass]" :style="{ color: iconColor }" />
+          <div
+            v-if="type === '2'"
+            class="verify-sub-block"
+            :style="{
+              'width': `${Math.floor((parseInt(setSize.imgWidth) * 47) / 310)}px`,
+              'height': setSize.imgHeight,
+              'top': `-${parseInt(setSize.imgHeight) + vSpace}px`,
+              'background-size': `${setSize.imgWidth} ${setSize.imgHeight}`,
+            }"
+          >
+            <img :src="blockBackImgBase" alt="" style=" display: block;width: 100%; height: 100%; -webkit-user-drag: none">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/index.ts b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/index.ts
new file mode 100644
index 0000000..0daa63a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/Verify/index.ts
@@ -0,0 +1,4 @@
+import VerifySlide from './VerifySlide.vue'
+import VerifyPoints from './VerifyPoints.vue'
+
+export { VerifySlide, VerifyPoints }
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/style/verify.css b/yunxi-ui-admin-vben/src/components/Verifition/src/style/verify.css
new file mode 100644
index 0000000..0eb4abd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/style/verify.css
@@ -0,0 +1,279 @@
+.verifybox {
+  position: relative;
+  top: 25%;
+  left: 50%;
+  box-sizing: border-box;
+  background-color: #fff;
+  border: 1px solid #e4e7eb;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
+  transform: translate(-50%, -25%);
+}
+
+.verifybox-top {
+  box-sizing: border-box;
+  height: 40px;
+  padding: 0 15px;
+  font-size: 16px;
+  line-height: 40px;
+  color: #45494c;
+  text-align: left;
+  border-bottom: 1px solid #e4e7eb;
+}
+
+.verifybox-bottom {
+  box-sizing: border-box;
+  padding: 10px;
+}
+
+.verifybox-close {
+  position: absolute;
+  top: 13px;
+  right: 9px;
+  width: 24px;
+  height: 24px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1001;
+  width: 100%;
+  height: 100vh;
+  background: rgb(0 0 0 / 30%);
+
+  /* display: none; */
+  transition: all 0.5s;
+}
+
+.verify-tips {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 30px;
+  line-height: 30px;
+  color: #fff;
+  text-indent: 10px;
+}
+
+.suc-bg {
+  background-color: rgb(92 184 92 / 50%);
+  filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#7f5CB85C, endcolorstr=#7f5CB85C);
+}
+
+.err-bg {
+  background-color: rgb(217 83 79 / 50%);
+  filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#7fD9534F, endcolorstr=#7fD9534F);
+}
+
+.tips-enter,
+.tips-leave-to {
+  bottom: -30px;
+}
+
+.tips-enter-active,
+.tips-leave-active {
+  transition: bottom 0.5s;
+}
+
+/* ---------------------------- */
+
+/* 常规验证码 */
+.verify-code {
+  margin-bottom: 5px;
+  font-size: 20px;
+  text-align: center;
+  cursor: pointer;
+  border: 1px solid #ddd;
+}
+
+.cerify-code-panel {
+  height: 100%;
+  overflow: hidden;
+}
+
+.verify-code-area {
+  float: left;
+}
+
+.verify-input-area {
+  float: left;
+  width: 60%;
+  padding-right: 10px;
+}
+
+.verify-change-area {
+  float: left;
+  line-height: 30px;
+}
+
+.varify-input-code {
+  display: inline-block;
+  width: 100%;
+  height: 25px;
+}
+
+.verify-change-code {
+  color: #337ab7;
+  cursor: pointer;
+}
+
+.verify-btn {
+  width: 200px;
+  height: 30px;
+  margin-top: 10px;
+  color: #fff;
+  background-color: #337ab7;
+  border: none;
+  border-radius: 8px;
+}
+
+/* 滑动验证码 */
+.verify-bar-area {
+  position: relative;
+  box-sizing: content-box;
+  text-align: center;
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+}
+
+.verify-bar-area .verify-move-block {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: content-box;
+  cursor: pointer;
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 0 2px #888;
+}
+
+.verify-bar-area .verify-move-block:hover {
+  color: #fff;
+  background-color: #337ab7;
+}
+
+.verify-bar-area .verify-left-bar {
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  box-sizing: content-box;
+  cursor: pointer;
+  background: #f0fff0;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+}
+
+.verify-img-panel {
+  position: relative;
+  box-sizing: content-box;
+  margin: 0;
+  border-top: 1px solid #ddd;
+  border-bottom: 1px solid #ddd;
+  border-radius: 3px;
+}
+
+.verify-img-panel .verify-refresh {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  width: 25px;
+  height: 25px;
+  padding: 5px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.verify-img-panel .icon-refresh {
+  font-size: 20px;
+  color: #fff;
+}
+
+.verify-img-panel .verify-gap {
+  position: relative;
+  z-index: 2;
+  background-color: #fff;
+  border: 1px solid #fff;
+}
+
+.verify-bar-area .verify-move-block .verify-sub-block {
+  position: absolute;
+  z-index: 3;
+  text-align: center;
+
+  /* border: 1px solid #fff; */
+}
+
+.verify-bar-area .verify-move-block .verify-icon {
+  font-size: 18px;
+}
+
+.verify-bar-area .verify-msg {
+  z-index: 3;
+}
+
+.iconfont {
+  font-family: iconfont !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-check::before {
+  position: absolute;
+  inset: 0;
+  z-index: 9999;
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: auto;
+  content: ' ';
+  background-image: url('data:image/png;base64,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');
+  background-size: contain;
+}
+
+.icon-close::before {
+  position: absolute;
+  inset: 0;
+  z-index: 9999;
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: auto;
+  content: ' ';
+  background-image: url('data:image/png;base64,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');
+  background-size: contain;
+}
+
+.icon-right::before {
+  position: absolute;
+  inset: 0;
+  z-index: 9999;
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: auto;
+  content: ' ';
+  background-image: url('data:image/png;base64,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');
+  background-size: contain;
+}
+
+.icon-refresh::before {
+  position: absolute;
+  inset: 0;
+  z-index: 9999;
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: auto;
+  content: ' ';
+  background-image: url('data:image/png;base64,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');
+  background-size: contain;
+}
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/utils/ase.ts b/yunxi-ui-admin-vben/src/components/Verifition/src/utils/ase.ts
new file mode 100644
index 0000000..ce98fc4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/utils/ase.ts
@@ -0,0 +1,15 @@
+import CryptoJS from 'crypto-js'
+
+/**
+ * @word 要加密的内容
+ * @keyWord String  服务器随机返回的关键字
+ *  */
+export function aesEncrypt(word, keyWord = 'XwKsGlMcdPMEhR1B') {
+  const key = CryptoJS.enc.Utf8.parse(keyWord)
+  const srcs = CryptoJS.enc.Utf8.parse(word)
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7,
+  })
+  return encrypted.toString()
+}
diff --git a/yunxi-ui-admin-vben/src/components/Verifition/src/utils/util.ts b/yunxi-ui-admin-vben/src/components/Verifition/src/utils/util.ts
new file mode 100644
index 0000000..e90161f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/Verifition/src/utils/util.ts
@@ -0,0 +1,93 @@
+export function resetSize(vm) {
+  let img_width, img_height, bar_width, bar_height // 图片的宽度、高度，移动条的宽度、高度
+  const EmployeeWindow = window as any
+  const parentWidth = vm.$el.parentNode.offsetWidth || EmployeeWindow.offsetWidth
+  const parentHeight = vm.$el.parentNode.offsetHeight || EmployeeWindow.offsetHeight
+  if (vm.imgSize.width.includes('%'))
+    img_width = `${(Number.parseInt(vm.imgSize.width) / 100) * parentWidth}px`
+  else
+    img_width = vm.imgSize.width
+
+  if (vm.imgSize.height.includes('%'))
+    img_height = `${(Number.parseInt(vm.imgSize.height) / 100) * parentHeight}px`
+  else
+    img_height = vm.imgSize.height
+
+  if (vm.barSize.width.includes('%'))
+    bar_width = `${(Number.parseInt(vm.barSize.width) / 100) * parentWidth}px`
+  else
+    bar_width = vm.barSize.width
+
+  if (vm.barSize.height.includes('%'))
+    bar_height = `${(Number.parseInt(vm.barSize.height) / 100) * parentHeight}px`
+  else
+    bar_height = vm.barSize.height
+
+  return { imgWidth: img_width, imgHeight: img_height, barWidth: bar_width, barHeight: bar_height }
+}
+
+export const _code_chars = [
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  'a',
+  'b',
+  'c',
+  'd',
+  'e',
+  'f',
+  'g',
+  'h',
+  'i',
+  'j',
+  'k',
+  'l',
+  'm',
+  'n',
+  'o',
+  'p',
+  'q',
+  'r',
+  's',
+  't',
+  'u',
+  'v',
+  'w',
+  'x',
+  'y',
+  'z',
+  'A',
+  'B',
+  'C',
+  'D',
+  'E',
+  'F',
+  'G',
+  'H',
+  'I',
+  'J',
+  'K',
+  'L',
+  'M',
+  'N',
+  'O',
+  'P',
+  'Q',
+  'R',
+  'S',
+  'T',
+  'U',
+  'V',
+  'W',
+  'X',
+  'Y',
+  'Z',
+]
+export const _code_color1 = ['#fffff0', '#f0ffff', '#f0fff0', '#fff0f0']
+export const _code_color2 = ['#FF0033', '#006699', '#993366', '#FF9900', '#66CC66', '#FF33CC']
diff --git a/yunxi-ui-admin-vben/src/components/VirtualScroll/index.ts b/yunxi-ui-admin-vben/src/components/VirtualScroll/index.ts
new file mode 100644
index 0000000..e4e1524
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/VirtualScroll/index.ts
@@ -0,0 +1,4 @@
+import vScroll from './src/VirtualScroll.vue'
+import { withInstall } from '@/utils'
+
+export const VScroll = withInstall(vScroll)
diff --git a/yunxi-ui-admin-vben/src/components/VirtualScroll/src/VirtualScroll.vue b/yunxi-ui-admin-vben/src/components/VirtualScroll/src/VirtualScroll.vue
new file mode 100644
index 0000000..b26e882
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/VirtualScroll/src/VirtualScroll.vue
@@ -0,0 +1,187 @@
+<script lang="tsx">
+import type { CSSProperties } from 'vue'
+import { computed, defineComponent, nextTick, onMounted, reactive, ref, unref, watch } from 'vue'
+import { useEventListener } from '@/hooks/event/useEventListener'
+import { getSlot } from '@/utils/helper/tsxHelper'
+
+type NumberOrNumberString = PropType<string | number | undefined>
+
+const props = {
+  height: [Number, String] as NumberOrNumberString,
+  maxHeight: [Number, String] as NumberOrNumberString,
+  maxWidth: [Number, String] as NumberOrNumberString,
+  minHeight: [Number, String] as NumberOrNumberString,
+  minWidth: [Number, String] as NumberOrNumberString,
+  width: [Number, String] as NumberOrNumberString,
+  bench: {
+    type: [Number, String] as NumberOrNumberString,
+    default: 0,
+  },
+  itemHeight: {
+    type: [Number, String] as NumberOrNumberString,
+    required: true,
+  },
+  items: {
+    type: Array as PropType<any[]>,
+    default: () => [],
+  },
+}
+
+const prefixCls = 'virtual-scroll'
+
+function convertToUnit(str: string | number | null | undefined, unit = 'px'): string | undefined {
+  if (str == null || str === '')
+    return undefined
+  else if (Number.isNaN(+str!))
+    return String(str)
+  else
+    return `${Number(str)}${unit}`
+}
+
+export default defineComponent({
+  name: 'VirtualScroll',
+  props,
+  setup(props, { slots }) {
+    const wrapElRef = ref<HTMLDivElement | null>(null)
+    const state = reactive({
+      first: 0,
+      last: 0,
+      scrollTop: 0,
+    })
+
+    const getBenchRef = computed(() => {
+      return Number.parseInt(props.bench as string, 10)
+    })
+
+    const getItemHeightRef = computed(() => {
+      return Number.parseInt(props.itemHeight as string, 10)
+    })
+
+    const getFirstToRenderRef = computed(() => {
+      return Math.max(0, state.first - unref(getBenchRef))
+    })
+
+    const getLastToRenderRef = computed(() => {
+      return Math.min((props.items || []).length, state.last + unref(getBenchRef))
+    })
+
+    const getContainerStyleRef = computed((): CSSProperties => {
+      return {
+        height: convertToUnit((props.items || []).length * unref(getItemHeightRef)),
+      }
+    })
+
+    const getWrapStyleRef = computed((): CSSProperties => {
+      const styles: Recordable<string> = {}
+      const height = convertToUnit(props.height)
+      const minHeight = convertToUnit(props.minHeight)
+      const minWidth = convertToUnit(props.minWidth)
+      const maxHeight = convertToUnit(props.maxHeight)
+      const maxWidth = convertToUnit(props.maxWidth)
+      const width = convertToUnit(props.width)
+
+      if (height)
+        styles.height = height
+      if (minHeight)
+        styles.minHeight = minHeight
+      if (minWidth)
+        styles.minWidth = minWidth
+      if (maxHeight)
+        styles.maxHeight = maxHeight
+      if (maxWidth)
+        styles.maxWidth = maxWidth
+      if (width)
+        styles.width = width
+      return styles
+    })
+
+    watch([() => props.itemHeight, () => props.height], () => {
+      onScroll()
+    })
+
+    function getLast(first: number): number {
+      const wrapEl = unref(wrapElRef)
+      if (!wrapEl)
+        return 0
+
+      const height = Number.parseInt(props.height || 0, 10) || wrapEl.clientHeight
+
+      return first + Math.ceil(height / unref(getItemHeightRef))
+    }
+
+    function getFirst(): number {
+      return Math.floor(state.scrollTop / unref(getItemHeightRef))
+    }
+
+    function onScroll() {
+      const wrapEl = unref(wrapElRef)
+      if (!wrapEl)
+        return
+
+      state.scrollTop = wrapEl.scrollTop
+      state.first = getFirst()
+      state.last = getLast(state.first)
+    }
+
+    function renderChildren() {
+      const { items = [] } = props
+      return items.slice(unref(getFirstToRenderRef), unref(getLastToRenderRef)).map(genChild)
+    }
+
+    function genChild(item: any, index: number) {
+      index += unref(getFirstToRenderRef)
+      const top = convertToUnit(index * unref(getItemHeightRef))
+      return (
+        <div class={`${prefixCls}__item`} style={{ top }} key={index}>
+          {getSlot(slots, 'default', { index, item })}
+        </div>
+      )
+    }
+
+    onMounted(() => {
+      state.last = getLast(0)
+      nextTick(() => {
+        const wrapEl = unref(wrapElRef)
+        if (!wrapEl)
+          return
+
+        useEventListener({
+          el: wrapEl,
+          name: 'scroll',
+          listener: onScroll,
+          wait: 0,
+        })
+      })
+    })
+
+    return () => (
+      <div class={prefixCls} style={unref(getWrapStyleRef)} ref={wrapElRef}>
+        <div class={`${prefixCls}__container`} style={unref(getContainerStyleRef)}>
+          {renderChildren()}
+        </div>
+      </div>
+    )
+  },
+})
+</script>
+
+<style scoped lang="less">
+.virtual-scroll {
+  position: relative;
+  display: block;
+  flex: 1 1 auto;
+  width: 100%;
+  max-width: 100%;
+  overflow: auto;
+
+  &__container {
+    display: block;
+  }
+
+  &__item {
+    position: absolute;
+    right: 0;
+    left: 0;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/components/registerGlobComp.ts b/yunxi-ui-admin-vben/src/components/registerGlobComp.ts
new file mode 100644
index 0000000..4225322
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/components/registerGlobComp.ts
@@ -0,0 +1,7 @@
+import type { App } from 'vue'
+import { Input, Layout } from 'ant-design-vue'
+import { Button } from './Button'
+
+export function registerGlobComp(app: App<Element>) {
+  app.use(Input).use(Button).use(Layout)
+}
diff --git a/yunxi-ui-admin-vben/src/design/color.less b/yunxi-ui-admin-vben/src/design/color.less
new file mode 100644
index 0000000..4c376bb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/color.less
@@ -0,0 +1,67 @@
+html {
+  // header
+  --header-bg-color: #394664;
+  --header-bg-hover-color: #273352;
+  --header-active-menu-bg-color: #273352;
+
+  // sider
+  --sider-dark-bg-color: #273352;
+  --sider-dark-darken-bg-color: #273352;
+  --sider-dark-lighten-bg-color: #273352;
+}
+
+@font-size-base: 14;
+
+@white: #fff;
+
+@black: #000;
+
+@content-bg: #f4f7f9;
+
+@text-color: var(--text-color);
+
+@component-background: #fff;
+
+@component-background-dark: fade(@black, 75%);
+
+@layout-body-background: #f0f2f5;
+
+@modal-mask-bg: fade(@black, 45%);
+
+@disabled-color: fade(#000, 25%);
+
+@background-color-light: hsv(0, 0, 98%);
+
+@item-hover-bg: #f5f5f5;
+
+// :export {
+//   name: "less";
+//   mainColor: @mainColor;
+//   fontSize: @fontSize;
+// }
+@iconify-bg-color: #5551;
+
+// =================================
+// ==============Header=============
+// =================================
+
+@header-dark-bg-color: var(--header-bg-color);
+@header-dark-bg-hover-color: var(--header-bg-hover-color);
+@header-light-bg-hover-color: #f6f6f6;
+@header-light-desc-color: #7c8087;
+@header-light-bottom-border-color: #eee;
+// top-menu
+@top-menu-active-bg-color: var(--header-active-menu-bg-color);
+
+// =================================
+// ==============Menu============
+// =================================
+
+// let -menu
+@sider-dark-bg-color: var(--sider-dark-bg-color);
+@sider-dark-darken-bg-color: var(--sider-dark-darken-bg-color);
+@sider-dark-lighten-bg-color: var(--sider-dark-lighten-bg-color);
+
+// trigger
+@trigger-dark-hover-bg-color: rgba(255, 255, 255, 0.2);
+@trigger-dark-bg-color: rgba(255, 255, 255, 0.1);
diff --git a/yunxi-ui-admin-vben/src/design/config.less b/yunxi-ui-admin-vben/src/design/config.less
new file mode 100644
index 0000000..f7ba9a3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/config.less
@@ -0,0 +1,2 @@
+@import (reference) "color.less";
+@import (reference) "var/index.less";
diff --git a/yunxi-ui-admin-vben/src/design/entry.css b/yunxi-ui-admin-vben/src/design/entry.css
new file mode 100644
index 0000000..1d40f5d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/entry.css
@@ -0,0 +1,168 @@
+* > .enter-x:nth-child(1) {
+  transform: translateX(50px);
+}
+* > .-enter-x:nth-child(1) {
+  transform: translateX(-50px);
+}
+
+* > .enter-x:nth-child(1),
+* > .-enter-x:nth-child(1) {
+  z-index: 9;
+  opacity: 0;
+  animation: enter-x-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.1s;
+}
+* > .enter-x:nth-child(2) {
+  transform: translateX(50px);
+}
+* > .-enter-x:nth-child(2) {
+  transform: translateX(-50px);
+}
+
+* > .enter-x:nth-child(2),
+* > .-enter-x:nth-child(2) {
+  z-index: 8;
+  opacity: 0;
+  animation: enter-x-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.2s;
+}
+* > .enter-x:nth-child(3) {
+  transform: translateX(50px);
+}
+* > .-enter-x:nth-child(3) {
+  transform: translateX(-50px);
+}
+
+* > .enter-x:nth-child(3),
+* > .-enter-x:nth-child(3) {
+  z-index: 7;
+  opacity: 0;
+  animation: enter-x-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.3s;
+}
+
+* > .enter-x:nth-child(4) {
+  transform: translateX(50px);
+}
+* > .-enter-x:nth-child(4) {
+  transform: translateX(-50px);
+}
+
+* > .enter-x:nth-child(4),
+* > .-enter-x:nth-child(4) {
+  z-index: 6;
+  opacity: 0;
+  animation: enter-x-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.4s;
+}
+
+* > .enter-x:nth-child(5) {
+  transform: translateX(50px);
+}
+* > .-enter-x:nth-child(5) {
+  transform: translateX(-50px);
+}
+
+* > .enter-x:nth-child(5),
+* > .-enter-x:nth-child(5) {
+  z-index: 5;
+  opacity: 0;
+  animation: enter-x-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.5s;
+}
+
+* > .enter-y:nth-child(1) {
+  transform: translateX(50px);
+}
+* > .-enter-y:nth-child(1) {
+  transform: translateX(-50px);
+}
+
+* > .enter-y:nth-child(1),
+* > .-enter-y:nth-child(1) {
+  z-index: 9;
+  opacity: 0;
+  animation: enter-y-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.1s;
+}
+* > .enter-y:nth-child(2) {
+  transform: translateX(50px);
+}
+* > .-enter-y:nth-child(2) {
+  transform: translateX(-50px);
+}
+
+* > .enter-y:nth-child(2),
+* > .-enter-y:nth-child(2) {
+  z-index: 8;
+  opacity: 0;
+  animation: enter-y-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.2s;
+}
+* > .enter-y:nth-child(3) {
+  transform: translateX(50px);
+}
+* > .-enter-y:nth-child(3) {
+  transform: translateX(-50px);
+}
+
+* > .enter-y:nth-child(3),
+* > .-enter-y:nth-child(3) {
+  z-index: 7;
+  opacity: 0;
+  animation: enter-y-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.3s;
+}
+
+* > .enter-y:nth-child(4) {
+  transform: translateX(50px);
+}
+* > .-enter-y:nth-child(4) {
+  transform: translateX(-50px);
+}
+
+* > .enter-y:nth-child(4),
+* > .-enter-y:nth-child(4) {
+  z-index: 6;
+  opacity: 0;
+  animation: enter-y-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.4s;
+}
+
+* > .enter-y:nth-child(5) {
+  transform: translateX(50px);
+}
+* > .-enter-y:nth-child(5) {
+  transform: translateX(-50px);
+}
+
+* > .enter-y:nth-child(5),
+* > .-enter-y:nth-child(5) {
+  z-index: 5;
+  opacity: 0;
+  animation: enter-y-animation 0.4s ease-in-out 0.3s;
+  animation-fill-mode: forwards;
+  animation-delay: 0.5s;
+}
+
+@keyframes enter-x-animation {
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes enter-y-animation {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/design/index.less b/yunxi-ui-admin-vben/src/design/index.less
new file mode 100644
index 0000000..a8b52ea
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/index.less
@@ -0,0 +1,80 @@
+@import "transition/index.less";
+@import "var/index.less";
+@import "public.less";
+@import "./theme.less";
+@import "./entry.css";
+
+// input:-webkit-autofill {
+//   box-shadow: 0 0 0 1000px white inset !important;
+// }
+
+:-webkit-autofill {
+  transition: background-color 5000s ease-in-out 0s !important;
+}
+
+html {
+  overflow: hidden;
+  text-size-adjust: 100%;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: visible;
+  overflow-x: hidden;
+  color: var(--text-color);
+
+  &.color-weak {
+    filter: invert(80%);
+  }
+
+  &.gray-mode {
+    filter: grayscale(100%);
+    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+  }
+}
+
+a:focus,
+a:active,
+button,
+div,
+svg,
+span {
+  outline: none;
+}
+
+/** 打包后夜间模式样式有问题 在这里覆盖 */
+html[data-theme="dark"] {
+  /** 菜单边框 */
+  ul li {
+    border: none;
+  }
+
+  ul li:hover {
+    color: inherit !important;
+    border: none;
+    box-shadow: none;
+  }
+
+  /** 日期输入框 */
+  .ant-picker-input > input {
+    border: none;
+  }
+
+  .ant-picker-input > input:focus {
+    color: inherit !important;
+    box-shadow: none;
+  }
+}
+
+.ant-input-number {
+  width: 100%;
+}
+
+// 保持 和 windi 一样的全局样式，减少升级带来的影响
+ul {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
diff --git a/yunxi-ui-admin-vben/src/design/public.less b/yunxi-ui-admin-vben/src/design/public.less
new file mode 100644
index 0000000..d4e2c1f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/public.less
@@ -0,0 +1,49 @@
+#app {
+  width: 100%;
+  height: 100%;
+}
+
+// =================================
+// ==============scrollbar==========
+// =================================
+
+::-webkit-scrollbar {
+  width: 7px;
+  height: 8px;
+}
+
+// ::-webkit-scrollbar-track {
+//   background: transparent;
+// }
+
+::-webkit-scrollbar-track {
+  background-color: rgb(0 0 0 / 5%);
+}
+
+::-webkit-scrollbar-thumb {
+  background: rgb(0 0 0 60%);
+  background-color: rgb(144 147 153 / 30%);
+  border-radius: 2px;
+  box-shadow: inset 0 0 6px rgb(0 0 0 / 20%);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--border-color);
+}
+
+// =================================
+// ==============nprogress==========
+// =================================
+#nprogress {
+  pointer-events: none;
+
+  .bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+    width: 100%;
+    height: 2px;
+    opacity: 0.75;
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/design/theme.less b/yunxi-ui-admin-vben/src/design/theme.less
new file mode 100644
index 0000000..1f981eb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/theme.less
@@ -0,0 +1,62 @@
+html[data-theme="light"] {
+  --component-background: #fff;
+  --text-color: rgb(0 0 0 0.85);
+  --border-color: #fff;
+
+  .text-secondary {
+    color: rgb(0 0 0 / 45%);
+  }
+
+  .ant-alert-success {
+    background-color: #f6ffed;
+    border: 1px solid #b7eb8f;
+  }
+
+  .ant-alert-error {
+    background-color: #fff2f0;
+    border: 1px solid #ffccc7;
+  }
+
+  .ant-alert-warning {
+    background-color: #fffbe6;
+    border: 1px solid #ffe58f;
+  }
+
+  :not(:root):fullscreen::backdrop {
+    background-color: @layout-body-background !important;
+  }
+}
+
+html[data-theme="dark"] {
+  --component-background: rgb(36 37 37 75%);
+  --text-color: rgb(255 255 255 0.85);
+  --border-color: #b6b7b9;
+
+  .text-secondary {
+    color: #8b949e;
+  }
+
+  .ant-card-grid-hoverable:hover {
+    box-shadow:
+      0 3px 6px -4px rgb(0 0 0 / 48%),
+      0 6px 16px 0 rgb(0 0 0 / 32%),
+      0 9px 28px 8px rgb(0 0 0 / 20%);
+  }
+
+  .ant-card-grid {
+    box-shadow:
+      1px 0 0 0 #434343,
+      0 1px 0 0 #434343,
+      1px 1px 0 0 #434343,
+      1px 0 0 0 #434343 inset,
+      0 1px 0 0 #434343 inset;
+  }
+
+  .ant-calendar-selected-day .ant-calendar-date {
+    color: rgb(0 0 0 / 80%);
+  }
+
+  .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
+    color: rgb(0 0 0 / 90%);
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/base.less b/yunxi-ui-admin-vben/src/design/transition/base.less
new file mode 100644
index 0000000..7944c8b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/base.less
@@ -0,0 +1,18 @@
+.transition-default() {
+  &-enter-active,
+  &-leave-active {
+    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
+  }
+
+  &-move {
+    transition: transform 0.4s;
+  }
+}
+
+.expand-transition {
+  .transition-default();
+}
+
+.expand-x-transition {
+  .transition-default();
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/fade.less b/yunxi-ui-admin-vben/src/design/transition/fade.less
new file mode 100644
index 0000000..4c80a2b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/fade.less
@@ -0,0 +1,97 @@
+.fade-transition {
+  &-enter-active,
+  &-leave-active {
+    transition: opacity 0.2s ease-in-out;
+  }
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.2s ease-in-out;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+/* fade-slide */
+.fade-slide-leave-active,
+.fade-slide-enter-active {
+  transition: all 0.3s;
+}
+
+.fade-slide-enter-from {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-slide-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+// ///////////////////////////////////////////////
+// Fade Bottom
+// ///////////////////////////////////////////////
+
+// Speed: 1x
+.fade-bottom-enter-active,
+.fade-bottom-leave-active {
+  transition:
+    opacity 0.25s,
+    transform 0.3s;
+}
+
+.fade-bottom-enter-from {
+  opacity: 0;
+  transform: translateY(-10%);
+}
+
+.fade-bottom-leave-to {
+  opacity: 0;
+  transform: translateY(10%);
+}
+
+// fade-scale
+.fade-scale-leave-active,
+.fade-scale-enter-active {
+  transition: all 0.28s;
+}
+
+.fade-scale-enter-from {
+  opacity: 0;
+  transform: scale(1.2);
+}
+
+.fade-scale-leave-to {
+  opacity: 0;
+  transform: scale(0.8);
+}
+
+// ///////////////////////////////////////////////
+// Fade Top
+// ///////////////////////////////////////////////
+
+// Speed: 1x
+.fade-top-enter-active,
+.fade-top-leave-active {
+  transition:
+    opacity 0.2s,
+    transform 0.25s;
+}
+
+.fade-top-enter-from {
+  opacity: 0;
+  transform: translateY(8%);
+}
+
+.fade-top-leave-to {
+  opacity: 0;
+  transform: translateY(-8%);
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/index.less b/yunxi-ui-admin-vben/src/design/transition/index.less
new file mode 100644
index 0000000..3f1fc4f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/index.less
@@ -0,0 +1,13 @@
+@import "./base.less";
+@import "./fade.less";
+@import "./scale.less";
+@import "./slide.less";
+@import "./scroll.less";
+@import "./zoom.less";
+
+.collapse-transition {
+  transition:
+    0.2s height ease-in-out,
+    0.2s padding-top ease-in-out,
+    0.2s padding-bottom ease-in-out;
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/scale.less b/yunxi-ui-admin-vben/src/design/transition/scale.less
new file mode 100644
index 0000000..c965493
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/scale.less
@@ -0,0 +1,21 @@
+.scale-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave,
+  &-leave-to {
+    opacity: 0;
+    transform: scale(0);
+  }
+}
+
+.scale-rotate-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave,
+  &-leave-to {
+    opacity: 0;
+    transform: scale(0) rotate(-45deg);
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/scroll.less b/yunxi-ui-admin-vben/src/design/transition/scroll.less
new file mode 100644
index 0000000..a5f45e4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/scroll.less
@@ -0,0 +1,67 @@
+.scroll-y-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
+
+  &-enter-from {
+    transform: translateY(-15px);
+  }
+
+  &-leave-to {
+    transform: translateY(15px);
+  }
+}
+
+.scroll-y-reverse-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
+
+  &-enter-from {
+    transform: translateY(15px);
+  }
+
+  &-leave-to {
+    transform: translateY(-15px);
+  }
+}
+
+.scroll-x-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
+
+  &-enter-from {
+    transform: translateX(-15px);
+  }
+
+  &-leave-to {
+    transform: translateX(15px);
+  }
+}
+
+.scroll-x-reverse-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+  }
+
+  &-enter-from {
+    transform: translateX(15px);
+  }
+
+  &-leave-to {
+    transform: translateX(-15px);
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/slide.less b/yunxi-ui-admin-vben/src/design/transition/slide.less
new file mode 100644
index 0000000..79b00df
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/slide.less
@@ -0,0 +1,39 @@
+.slide-y-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+    transform: translateY(-15px);
+  }
+}
+
+.slide-y-reverse-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+    transform: translateY(15px);
+  }
+}
+
+.slide-x-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+    transform: translateX(-15px);
+  }
+}
+
+.slide-x-reverse-transition {
+  .transition-default();
+
+  &-enter-from,
+  &-leave-to {
+    opacity: 0;
+    transform: translateX(15px);
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/design/transition/zoom.less b/yunxi-ui-admin-vben/src/design/transition/zoom.less
new file mode 100644
index 0000000..b6f5df5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/transition/zoom.less
@@ -0,0 +1,31 @@
+// zoom-out
+.zoom-out-enter-active,
+.zoom-out-leave-active {
+  transition:
+    opacity 0.1 ease-in-out,
+    transform 0.15s ease-out;
+}
+
+.zoom-out-enter-from,
+.zoom-out-leave-to {
+  opacity: 0;
+  transform: scale(0);
+}
+
+// zoom-fade
+.zoom-fade-enter-active,
+.zoom-fade-leave-active {
+  transition:
+    transform 0.2s,
+    opacity 0.3s ease-out;
+}
+
+.zoom-fade-enter-from {
+  opacity: 0;
+  transform: scale(0.92);
+}
+
+.zoom-fade-leave-to {
+  opacity: 0;
+  transform: scale(1.06);
+}
diff --git a/yunxi-ui-admin-vben/src/design/var/breakpoint.less b/yunxi-ui-admin-vben/src/design/var/breakpoint.less
new file mode 100644
index 0000000..793e826
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/var/breakpoint.less
@@ -0,0 +1,33 @@
+// =================================
+// ==============屏幕断点============
+// =================================
+
+// Extra small screen / phone
+@screen-xs: 480px;
+@screen-xs-min: @screen-xs;
+
+// Small screen / tablet
+@screen-sm: 576px;
+@screen-sm-min: @screen-sm;
+
+// Medium screen / desktop
+@screen-md: 768px;
+@screen-md-min: @screen-md;
+
+// Large screen / wide desktop
+@screen-lg: 992px;
+@screen-lg-min: @screen-lg;
+
+// Extra large screen / full hd
+@screen-xl: 1200px;
+@screen-xl-min: @screen-xl;
+
+// Extra extra large screen / large desktop
+@screen-2xl: 1600px;
+@screen-2xl-min: @screen-2xl;
+
+@screen-xs-max: (@screen-sm-min - 1px);
+@screen-sm-max: (@screen-md-min - 1px);
+@screen-md-max: (@screen-lg-min - 1px);
+@screen-lg-max: (@screen-xl-min - 1px);
+@screen-xl-max: (@screen-2xl-min - 1px);
diff --git a/yunxi-ui-admin-vben/src/design/var/easing.less b/yunxi-ui-admin-vben/src/design/var/easing.less
new file mode 100644
index 0000000..e19735f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/var/easing.less
@@ -0,0 +1,18 @@
+// =================================
+// ==============动画函数-===========
+// =================================
+
+@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
+@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
+@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
+@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
+@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
+@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
+@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
+@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
+@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
+@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
+@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
+@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
diff --git a/yunxi-ui-admin-vben/src/design/var/index.less b/yunxi-ui-admin-vben/src/design/var/index.less
new file mode 100644
index 0000000..e208d14
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/design/var/index.less
@@ -0,0 +1,39 @@
+@import (reference) "../color.less";
+@import "easing";
+@import "breakpoint";
+
+@namespace: xingyuv;
+
+// tabs
+@multiple-height: 30px;
+
+// headers
+@header-height: 48px;
+
+// logo width
+@logo-width: 32px;
+
+//
+@side-drag-z-index: 200;
+
+@page-loading-z-index: 10000;
+
+@lock-page-z-index: 3000;
+
+@layout-header-fixed-z-index: 500;
+
+@multiple-tab-fixed-z-index: 505;
+
+@layout-sider-fixed-z-index: 510;
+
+@layout-mix-sider-fixed-z-index: 550;
+
+@preview-comp-z-index: 1000;
+
+@page-footer-z-index: 99;
+
+.bem(@n; @content) {
+  @{namespace}-@{n} {
+    @content();
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/directives/clickOutside.ts b/yunxi-ui-admin-vben/src/directives/clickOutside.ts
new file mode 100644
index 0000000..783fb5a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/clickOutside.ts
@@ -0,0 +1,78 @@
+import type { ComponentPublicInstance, DirectiveBinding, ObjectDirective } from 'vue'
+import { on } from '@/utils/domUtils'
+import { isServer } from '@/utils/is'
+
+type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void
+
+type FlushList = Map<
+  HTMLElement,
+  {
+    documentHandler: DocumentHandler
+    bindingFn: (...args: unknown[]) => unknown
+  }
+>
+
+const nodeList: FlushList = new Map()
+
+let startClick: MouseEvent
+
+if (!isServer) {
+  on(document, 'mousedown', (e: MouseEvent) => (startClick = e))
+  on(document, 'mouseup', (e: MouseEvent) => {
+    for (const { documentHandler } of nodeList.values())
+      documentHandler(e, startClick)
+  })
+}
+
+function createDocumentHandler(el: HTMLElement, binding: DirectiveBinding): DocumentHandler {
+  let excludes: HTMLElement[] = []
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg
+  }
+  else {
+    // due to current implementation on binding type is wrong the type casting is necessary here
+    excludes.push(binding.arg as unknown as HTMLElement)
+  }
+  return function (mouseup, mousedown) {
+    const popperRef = (
+      binding.instance as ComponentPublicInstance<{
+        popperRef: Nullable<HTMLElement>
+      }>
+    ).popperRef
+    const mouseUpTarget = mouseup.target as Node
+    const mouseDownTarget = mousedown.target as Node
+    const isBound = !binding || !binding.instance
+    const isTargetExists = !mouseUpTarget || !mouseDownTarget
+    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget)
+    const isSelf = el === mouseUpTarget
+
+    const isTargetExcluded
+      = (excludes.length && excludes.some(item => item?.contains(mouseUpTarget)))
+      || (excludes.length && excludes.includes(mouseDownTarget as HTMLElement))
+    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget))
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper)
+      return
+
+    binding.value()
+  }
+}
+
+const ClickOutside: ObjectDirective = {
+  beforeMount(el, binding) {
+    nodeList.set(el, {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value,
+    })
+  },
+  updated(el, binding) {
+    nodeList.set(el, {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value,
+    })
+  },
+  unmounted(el) {
+    nodeList.delete(el)
+  },
+}
+
+export default ClickOutside
diff --git a/yunxi-ui-admin-vben/src/directives/index.ts b/yunxi-ui-admin-vben/src/directives/index.ts
new file mode 100644
index 0000000..786b06c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/index.ts
@@ -0,0 +1,11 @@
+/**
+ * Configure and register global directives
+ */
+import type { App } from 'vue'
+import { setupPermissionDirective } from './permission'
+import { setupLoadingDirective } from './loading'
+
+export function setupGlobDirectives(app: App<Element>) {
+  setupPermissionDirective(app)
+  setupLoadingDirective(app)
+}
diff --git a/yunxi-ui-admin-vben/src/directives/loading.ts b/yunxi-ui-admin-vben/src/directives/loading.ts
new file mode 100644
index 0000000..197e031
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/loading.ts
@@ -0,0 +1,39 @@
+import type { App, Directive } from 'vue'
+import { createLoading } from '@/components/Loading'
+
+const loadingDirective: Directive = {
+  mounted(el, binding) {
+    const tip = el.getAttribute('loading-tip')
+    const background = el.getAttribute('loading-background')
+    const size = el.getAttribute('loading-size')
+    const fullscreen = !!binding.modifiers.fullscreen
+    const instance = createLoading(
+      {
+        tip,
+        background,
+        size: size || 'large',
+        loading: !!binding.value,
+        absolute: !fullscreen,
+      },
+      fullscreen ? document.body : el,
+    )
+    el.instance = instance
+  },
+  updated(el, binding) {
+    const instance = el.instance
+    if (!instance)
+      return
+    instance.setTip(el.getAttribute('loading-tip'))
+    if (binding.oldValue !== binding.value)
+      instance.setLoading?.(binding.value && !instance.loading)
+  },
+  unmounted(el) {
+    el?.instance?.close()
+  },
+}
+
+export function setupLoadingDirective(app: App<Element>) {
+  app.directive('loading', loadingDirective)
+}
+
+export default loadingDirective
diff --git a/yunxi-ui-admin-vben/src/directives/permission.ts b/yunxi-ui-admin-vben/src/directives/permission.ts
new file mode 100644
index 0000000..0eae9e8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/permission.ts
@@ -0,0 +1,32 @@
+/**
+ * Global authority directive
+ * Used for fine-grained control of component permissions
+ * @Example v-auth="RoleEnum.TEST"
+ */
+import type { App, Directive, DirectiveBinding } from 'vue'
+
+import { usePermission } from '@/hooks/web/usePermission'
+
+function isAuth(el: Element, binding: any) {
+  const { hasPermission } = usePermission()
+
+  const value = binding.value
+  if (!value)
+    return
+  if (!hasPermission(value))
+    el.parentNode?.removeChild(el)
+}
+
+function mounted(el: Element, binding: DirectiveBinding<any>) {
+  isAuth(el, binding)
+}
+
+const authDirective: Directive = {
+  mounted,
+}
+
+export function setupPermissionDirective(app: App<Element>) {
+  app.directive('auth', authDirective)
+}
+
+export default authDirective
diff --git a/yunxi-ui-admin-vben/src/directives/repeatClick.ts b/yunxi-ui-admin-vben/src/directives/repeatClick.ts
new file mode 100644
index 0000000..9e9e952
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/repeatClick.ts
@@ -0,0 +1,32 @@
+/**
+ * Prevent repeated clicks
+ * @Example v-repeat-click="()=>{}"
+ */
+import type { Directive, DirectiveBinding } from 'vue'
+import { on, once } from '@/utils/domUtils'
+
+const repeatDirective: Directive = {
+  beforeMount(el: Element, binding: DirectiveBinding<any>) {
+    let interval: Nullable<IntervalHandle> = null
+    let startTime = 0
+    const handler = (): void => binding?.value()
+    const clear = (): void => {
+      if (Date.now() - startTime < 100)
+        handler()
+
+      interval && clearInterval(interval)
+      interval = null
+    }
+
+    on(el, 'mousedown', (e: MouseEvent): void => {
+      if ((e as any).button !== 0)
+        return
+      startTime = Date.now()
+      once(document as any, 'mouseup', clear)
+      interval && clearInterval(interval)
+      interval = setInterval(handler, 100)
+    })
+  },
+}
+
+export default repeatDirective
diff --git a/yunxi-ui-admin-vben/src/directives/ripple/index.less b/yunxi-ui-admin-vben/src/directives/ripple/index.less
new file mode 100644
index 0000000..9c0718e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/ripple/index.less
@@ -0,0 +1,21 @@
+.ripple-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  pointer-events: none;
+}
+
+.ripple-effect {
+  position: relative;
+  z-index: 9999;
+  width: 1px;
+  height: 1px;
+  margin-top: 0;
+  margin-left: 0;
+  pointer-events: none;
+  border-radius: 50%;
+  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+}
diff --git a/yunxi-ui-admin-vben/src/directives/ripple/index.ts b/yunxi-ui-admin-vben/src/directives/ripple/index.ts
new file mode 100644
index 0000000..0a7deb3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/directives/ripple/index.ts
@@ -0,0 +1,181 @@
+import type { Directive } from 'vue'
+import './index.less'
+
+export interface RippleOptions {
+  event: string
+  transition: number
+}
+
+export interface RippleProto {
+  background?: string
+  zIndex?: string
+}
+
+export type EventType = Event & MouseEvent & TouchEvent
+
+const options: RippleOptions = {
+  event: 'mousedown',
+  transition: 400,
+}
+
+const RippleDirective: Directive & RippleProto = {
+  beforeMount: (el: HTMLElement, binding) => {
+    if (binding.value === false)
+      return
+
+    const bg = el.getAttribute('ripple-background')
+    setProps(Object.keys(binding.modifiers), options)
+
+    const background = bg || RippleDirective.background
+    const zIndex = RippleDirective.zIndex
+
+    el.addEventListener(options.event, (event: EventType) => {
+      rippler({
+        event,
+        el,
+        background,
+        zIndex,
+      })
+    })
+  },
+  updated(el, binding) {
+    if (!binding.value) {
+      el?.clearRipple?.()
+      return
+    }
+    const bg = el.getAttribute('ripple-background')
+    el?.setBackground?.(bg)
+  },
+}
+
+function rippler({ event, el, zIndex, background }: { event: EventType; el: HTMLElement } & RippleProto) {
+  const targetBorder = Number.parseInt(getComputedStyle(el).borderWidth.replace('px', ''))
+  const clientX = event.clientX || event.touches[0].clientX
+  const clientY = event.clientY || event.touches[0].clientY
+
+  const rect = el.getBoundingClientRect()
+  const { left, top } = rect
+  const { offsetWidth: width, offsetHeight: height } = el
+  const { transition } = options
+  const dx = clientX - left
+  const dy = clientY - top
+  const maxX = Math.max(dx, width - dx)
+  const maxY = Math.max(dy, height - dy)
+  const style = window.getComputedStyle(el)
+  const radius = Math.sqrt(maxX * maxX + maxY * maxY)
+  const border = targetBorder > 0 ? targetBorder : 0
+
+  const ripple = document.createElement('div')
+  const rippleContainer = document.createElement('div')
+
+  // Styles for ripple
+  ripple.className = 'ripple'
+
+  Object.assign(ripple.style ?? {}, {
+    marginTop: '0px',
+    marginLeft: '0px',
+    width: '1px',
+    height: '1px',
+    transition: `all ${transition}ms cubic-bezier(0.4, 0, 0.2, 1)`,
+    borderRadius: '50%',
+    pointerEvents: 'none',
+    position: 'relative',
+    zIndex: zIndex ?? '9999',
+    backgroundColor: background ?? 'rgba(0, 0, 0, 0.12)',
+  })
+
+  // Styles for rippleContainer
+  rippleContainer.className = 'ripple-container'
+  Object.assign(rippleContainer.style ?? {}, {
+    position: 'absolute',
+    left: `${0 - border}px`,
+    top: `${0 - border}px`,
+    height: '0',
+    width: '0',
+    pointerEvents: 'none',
+    overflow: 'hidden',
+  })
+
+  const storedTargetPosition = el.style.position.length > 0 ? el.style.position : getComputedStyle(el).position
+
+  if (storedTargetPosition !== 'relative')
+    el.style.position = 'relative'
+
+  rippleContainer.appendChild(ripple)
+  el.appendChild(rippleContainer)
+
+  Object.assign(ripple.style, {
+    marginTop: `${dy}px`,
+    marginLeft: `${dx}px`,
+  })
+
+  const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } = style
+  Object.assign(rippleContainer.style, {
+    width: `${width}px`,
+    height: `${height}px`,
+    direction: 'ltr',
+    borderTopLeftRadius,
+    borderTopRightRadius,
+    borderBottomLeftRadius,
+    borderBottomRightRadius,
+  })
+
+  setTimeout(() => {
+    const wh = `${radius * 2}px`
+    Object.assign(ripple.style ?? {}, {
+      width: wh,
+      height: wh,
+      marginLeft: `${dx - radius}px`,
+      marginTop: `${dy - radius}px`,
+    })
+  }, 0)
+
+  function clearRipple() {
+    setTimeout(() => {
+      ripple.style.backgroundColor = 'rgba(0, 0, 0, 0)'
+    }, 250)
+
+    setTimeout(() => {
+      rippleContainer?.parentNode?.removeChild(rippleContainer)
+    }, 850)
+    el.removeEventListener('mouseup', clearRipple, false)
+    el.removeEventListener('mouseleave', clearRipple, false)
+    el.removeEventListener('dragstart', clearRipple, false)
+    setTimeout(() => {
+      let clearPosition = true
+      for (let i = 0; i < el.childNodes.length; i++) {
+        if ((el.childNodes[i] as Recordable).className === 'ripple-container')
+          clearPosition = false
+      }
+
+      if (clearPosition)
+        el.style.position = storedTargetPosition !== 'static' ? storedTargetPosition : ''
+    }, options.transition + 260)
+  }
+
+  if (event.type === 'mousedown') {
+    el.addEventListener('mouseup', clearRipple, false)
+    el.addEventListener('mouseleave', clearRipple, false)
+    el.addEventListener('dragstart', clearRipple, false)
+  }
+  else {
+    clearRipple()
+  }
+
+  ;(el as Recordable).setBackground = (bgColor: string) => {
+    if (!bgColor)
+      return
+
+    ripple.style.backgroundColor = bgColor
+  }
+}
+
+function setProps(modifiers: Recordable, props: Recordable) {
+  modifiers.forEach((item: Recordable) => {
+    if (Number.isNaN(Number(item)))
+      props.event = item
+    else props.transition = item
+  })
+}
+
+export default RippleDirective
diff --git a/yunxi-ui-admin-vben/src/enums/appEnum.ts b/yunxi-ui-admin-vben/src/enums/appEnum.ts
new file mode 100644
index 0000000..61534d4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/appEnum.ts
@@ -0,0 +1,73 @@
+export const SIDE_BAR_MINI_WIDTH = 48
+export const SIDE_BAR_SHOW_TIT_MINI_WIDTH = 80
+
+export enum ContentEnum {
+  // auto width
+  FULL = 'full',
+  // fixed width
+  FIXED = 'fixed',
+}
+
+// menu theme enum
+export enum ThemeEnum {
+  DARK = 'dark',
+  LIGHT = 'light',
+}
+
+export enum SettingButtonPositionEnum {
+  AUTO = 'auto',
+  HEADER = 'header',
+  FIXED = 'fixed',
+}
+
+export enum SessionTimeoutProcessingEnum {
+  ROUTE_JUMP,
+  PAGE_COVERAGE,
+}
+
+/**
+ * 权限模式
+ */
+export enum PermissionModeEnum {
+  // role
+  // 角色权限
+  ROLE = 'ROLE',
+  // black
+  // 后端
+  BACK = 'BACK',
+  // route mapping
+  // 路由映射
+  ROUTE_MAPPING = 'ROUTE_MAPPING',
+}
+
+// Route switching animation
+// 路由切换动画
+export enum RouterTransitionEnum {
+  ZOOM_FADE = 'zoom-fade',
+  ZOOM_OUT = 'zoom-out',
+  FADE_SIDE = 'fade-slide',
+  FADE = 'fade',
+  FADE_BOTTOM = 'fade-bottom',
+  FADE_SCALE = 'fade-scale',
+}
+
+export enum IconEnum {
+  VIEW = 'ant-design:file-search-outlined',
+  ADD = 'ant-design:plus-outlined',
+  IMPORT = 'ant-design:vertical-align-top-outlined',
+  EXPORT = 'ant-design:vertical-align-bottom-outlined',
+  TEST = 'ant-design:deployment-unit-outlined',
+  EDIT = 'clarity:note-edit-line',
+  AUTH = 'ant-design:safety-certificate-outlined',
+  DELETE = 'ant-design:delete-outlined',
+  SEARCH = 'ant-design:search-outlined',
+  RESET = 'ant-design:sync-outlined',
+  UPLOAD = 'ant-design:cloud-upload-outlined',
+  DOWNLOAD = 'ant-design:cloud-download-outlined',
+  PREVIEW = 'ant-design:eye-outlined',
+  ADD_FOLD = 'ant-design:folder-add-outlined',
+  LOG = 'ant-design:exception-outlined',
+  PASSWORD = 'ant-design:key-outlined',
+  SETTING = 'ant-design:setting-outlined',
+  SEND = 'ant-design:send-outlined',
+}
diff --git a/yunxi-ui-admin-vben/src/enums/breakpointEnum.ts b/yunxi-ui-admin-vben/src/enums/breakpointEnum.ts
new file mode 100644
index 0000000..fa42ea3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/breakpointEnum.ts
@@ -0,0 +1,28 @@
+export enum sizeEnum {
+  XS = 'XS',
+  SM = 'SM',
+  MD = 'MD',
+  LG = 'LG',
+  XL = 'XL',
+  XXL = 'XXL',
+}
+
+export enum screenEnum {
+  XS = 480,
+  SM = 576,
+  MD = 768,
+  LG = 992,
+  XL = 1200,
+  XXL = 1600,
+}
+
+const screenMap = new Map<sizeEnum, number>()
+
+screenMap.set(sizeEnum.XS, screenEnum.XS)
+screenMap.set(sizeEnum.SM, screenEnum.SM)
+screenMap.set(sizeEnum.MD, screenEnum.MD)
+screenMap.set(sizeEnum.LG, screenEnum.LG)
+screenMap.set(sizeEnum.XL, screenEnum.XL)
+screenMap.set(sizeEnum.XXL, screenEnum.XXL)
+
+export { screenMap }
diff --git a/yunxi-ui-admin-vben/src/enums/cacheEnum.ts b/yunxi-ui-admin-vben/src/enums/cacheEnum.ts
new file mode 100644
index 0000000..2e92ee6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/cacheEnum.ts
@@ -0,0 +1,38 @@
+// token key
+export const ACCESS_TOKEN_KEY = 'ACCESS_TOKEN__'
+
+export const REFRESH_TOKEN_KEY = 'REFRESH_TOKEN__'
+
+export const TENANT_ID_KEY = 'TENANT_ID__'
+
+export const LOCALE_KEY = 'LOCALE__'
+
+// user info key
+export const USER_INFO_KEY = 'USER__INFO__'
+
+// role info key
+export const ROLES_KEY = 'ROLES__KEY__'
+
+// project config key
+export const PROJ_CFG_KEY = 'PROJ__CFG__KEY__'
+
+// dict info key
+export const DICT_KEY = 'DICT__KEY__'
+
+// lock info
+export const LOCK_INFO_KEY = 'LOCK__INFO__KEY__'
+
+export const MULTIPLE_TABS_KEY = 'MULTIPLE_TABS__KEY__'
+
+export const APP_DARK_MODE_KEY_ = '__APP__DARK__MODE__'
+
+// base global local key
+export const APP_LOCAL_CACHE_KEY = 'COMMON__LOCAL__KEY__'
+
+// base global session key
+export const APP_SESSION_CACHE_KEY = 'COMMON__SESSION__KEY__'
+
+export enum CacheTypeEnum {
+  SESSION,
+  LOCAL,
+}
diff --git a/yunxi-ui-admin-vben/src/enums/exceptionEnum.ts b/yunxi-ui-admin-vben/src/enums/exceptionEnum.ts
new file mode 100644
index 0000000..d28f4d0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/exceptionEnum.ts
@@ -0,0 +1,27 @@
+/**
+ * @description: Exception related enumeration
+ */
+export enum ExceptionEnum {
+  // page not access
+  PAGE_NOT_ACCESS = 403,
+
+  // page not found
+  PAGE_NOT_FOUND = 404,
+
+  // error
+  ERROR = 500,
+
+  // net work error
+  NET_WORK_ERROR = 10000,
+
+  // No data on the page. In fact, it is not an exception page
+  PAGE_NOT_DATA = 10100,
+}
+
+export enum ErrorTypeEnum {
+  VUE = 'vue',
+  SCRIPT = 'script',
+  RESOURCE = 'resource',
+  AJAX = 'ajax',
+  PROMISE = 'promise',
+}
diff --git a/yunxi-ui-admin-vben/src/enums/httpEnum.ts b/yunxi-ui-admin-vben/src/enums/httpEnum.ts
new file mode 100644
index 0000000..bf12d53
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/httpEnum.ts
@@ -0,0 +1,33 @@
+/**
+ * @description: Request result set
+ */
+export enum ResultEnum {
+  SUCCESS = 0,
+  ERROR = -1,
+  TIMEOUT = 400,
+  UNAUTHORIZED = 401,
+  INTERNAL_SERVER_ERROR = 500,
+  TYPE = 'success',
+}
+
+/**
+ * @description: request method
+ */
+export enum RequestEnum {
+  GET = 'GET',
+  POST = 'POST',
+  PUT = 'PUT',
+  DELETE = 'DELETE',
+}
+
+/**
+ * @description:  contentType
+ */
+export enum ContentTypeEnum {
+  // json
+  JSON = 'application/json;charset=UTF-8',
+  // form-data qs
+  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
+  // form-data  upload
+  FORM_DATA = 'multipart/form-data;charset=UTF-8',
+}
diff --git a/yunxi-ui-admin-vben/src/enums/menuEnum.ts b/yunxi-ui-admin-vben/src/enums/menuEnum.ts
new file mode 100644
index 0000000..215c849
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/menuEnum.ts
@@ -0,0 +1,50 @@
+/**
+ * @description: menu type
+ */
+export enum MenuTypeEnum {
+  // left menu
+  SIDEBAR = 'sidebar',
+
+  MIX_SIDEBAR = 'mix-sidebar',
+  // mixin menu
+  MIX = 'mix',
+  // top menu
+  TOP_MENU = 'top-menu',
+}
+
+// 折叠触发器位置
+export enum TriggerEnum {
+  // 不显示
+  NONE = 'NONE',
+  // 菜单底部
+  FOOTER = 'FOOTER',
+  // 头部
+  HEADER = 'HEADER',
+}
+
+export type Mode = 'vertical' | 'vertical-right' | 'horizontal' | 'inline'
+
+// menu mode
+export enum MenuModeEnum {
+  VERTICAL = 'vertical',
+  HORIZONTAL = 'horizontal',
+  VERTICAL_RIGHT = 'vertical-right',
+  INLINE = 'inline',
+}
+
+export enum MenuSplitTyeEnum {
+  NONE,
+  TOP,
+  LEFT,
+}
+
+export enum TopMenuAlignEnum {
+  CENTER = 'center',
+  START = 'start',
+  END = 'end',
+}
+
+export enum MixSidebarTriggerEnum {
+  HOVER = 'hover',
+  CLICK = 'click',
+}
diff --git a/yunxi-ui-admin-vben/src/enums/pageEnum.ts b/yunxi-ui-admin-vben/src/enums/pageEnum.ts
new file mode 100644
index 0000000..da262f3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/pageEnum.ts
@@ -0,0 +1,13 @@
+export enum PageEnum {
+  // basic login path
+  BASE_LOGIN = '/login',
+  // basic home path
+  BASE_HOME = '/dashboard',
+  // error page path
+  ERROR_PAGE = '/exception',
+  // error log page path
+  ERROR_LOG_PAGE = '/error-log/list',
+  MESSAGE_PAGE = '/profile/notify-message',
+}
+
+export const PageWrapperFixedHeightKey = 'PageWrapperFixedHeight'
diff --git a/yunxi-ui-admin-vben/src/enums/roleEnum.ts b/yunxi-ui-admin-vben/src/enums/roleEnum.ts
new file mode 100644
index 0000000..0cc8cb1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/roleEnum.ts
@@ -0,0 +1,7 @@
+export enum RoleEnum {
+  // super admin
+  SUPER = 'super-admin',
+
+  // tester
+  TEST = 'test',
+}
diff --git a/yunxi-ui-admin-vben/src/enums/sizeEnum.ts b/yunxi-ui-admin-vben/src/enums/sizeEnum.ts
new file mode 100644
index 0000000..73b8409
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/sizeEnum.ts
@@ -0,0 +1,19 @@
+export enum SizeEnum {
+  DEFAULT = 'default',
+  SMALL = 'small',
+  LARGE = 'large',
+}
+
+export enum SizeNumberEnum {
+  DEFAULT = 48,
+  SMALL = 16,
+  LARGE = 64,
+}
+
+export const sizeMap: Map<SizeEnum, SizeNumberEnum> = (() => {
+  const map = new Map<SizeEnum, SizeNumberEnum>()
+  map.set(SizeEnum.DEFAULT, SizeNumberEnum.DEFAULT)
+  map.set(SizeEnum.SMALL, SizeNumberEnum.SMALL)
+  map.set(SizeEnum.LARGE, SizeNumberEnum.LARGE)
+  return map
+})()
diff --git a/yunxi-ui-admin-vben/src/enums/systemEnum.ts b/yunxi-ui-admin-vben/src/enums/systemEnum.ts
new file mode 100644
index 0000000..e4d663f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/enums/systemEnum.ts
@@ -0,0 +1,272 @@
+// ========== 静态变量 ==========
+
+/**
+ * 全局通用状态枚举
+ */
+export const CommonStatusEnum = {
+  ENABLE: 0, // 开启
+  DISABLE: 1, // 禁用
+}
+
+/**
+ * 菜单的类型枚举
+ */
+export const SystemMenuTypeEnum = {
+  DIR: 1, // 目录
+  MENU: 2, // 菜单
+  BUTTON: 3, // 按钮
+}
+
+/**
+ * 角色的类型枚举
+ */
+export const SystemRoleTypeEnum = {
+  SYSTEM: 1, // 内置角色
+  CUSTOM: 2, // 自定义角色
+}
+
+/**
+ * 数据权限的范围枚举
+ */
+export const SystemDataScopeEnum = {
+  ALL: 1, // 全部数据权限
+  DEPT_CUSTOM: 2, // 指定部门数据权限
+  DEPT_ONLY: 3, // 部门数据权限
+  DEPT_AND_CHILD: 4, // 部门及以下数据权限
+  DEPT_SELF: 5, // 仅本人数据权限
+}
+
+/**
+ * 代码生成模板类型
+ */
+export const InfraCodegenTemplateTypeEnum = {
+  CRUD: 1, // 基础 CRUD
+  TREE: 2, // 树形 CRUD
+  SUB: 3, // 主子表 CRUD
+}
+
+/**
+ * 任务状态的枚举
+ */
+export const InfraJobStatusEnum = {
+  INIT: 0, // 初始化中
+  NORMAL: 1, // 运行中
+  STOP: 2, // 暂停运行
+}
+
+/**
+ * API 异常数据的处理状态
+ */
+export const InfraApiErrorLogProcessStatusEnum = {
+  INIT: 0, // 未处理
+  DONE: 1, // 已处理
+  IGNORE: 2, // 已忽略
+}
+
+/**
+ * 用户的社交平台的类型枚举
+ */
+export const SystemUserSocialTypeEnum = {
+  DINGTALK: {
+    title: '钉钉',
+    type: 20,
+    source: 'dingtalk',
+    img: 'https://s1.ax1x.com/2022/05/22/OzMDRs.png',
+  },
+  WECHAT_ENTERPRISE: {
+    title: '企业微信',
+    type: 30,
+    source: 'wechat_enterprise',
+    img: 'https://s1.ax1x.com/2022/05/22/OzMrzn.png',
+  },
+}
+
+/**
+ * 支付渠道枚举
+ */
+export const PayChannelEnum = {
+  WX_PUB: {
+    code: 'wx_pub',
+    name: '微信 JSAPI 支付',
+  },
+  WX_LITE: {
+    code: 'wx_lite',
+    name: '微信小程序支付',
+  },
+  WX_APP: {
+    code: 'wx_app',
+    name: '微信 APP 支付',
+  },
+  WX_BAR: {
+    code: 'wx_bar',
+    name: '微信条码支付',
+  },
+  ALIPAY_PC: {
+    code: 'alipay_pc',
+    name: '支付宝 PC 网站支付',
+  },
+  ALIPAY_WAP: {
+    code: 'alipay_wap',
+    name: '支付宝 WAP 网站支付',
+  },
+  ALIPAY_APP: {
+    code: 'alipay_app',
+    name: '支付宝 APP 支付',
+  },
+  ALIPAY_QR: {
+    code: 'alipay_qr',
+    name: '支付宝扫码支付',
+  },
+  ALIPAY_BAR: {
+    code: 'alipay_bar',
+    name: '支付宝条码支付',
+  },
+  MOCK: {
+    code: 'mock',
+    name: '模拟支付',
+  },
+}
+
+/**
+ * 支付的展示模式枚举
+ */
+export const PayDisplayModeEnum = {
+  URL: {
+    mode: 'url',
+  },
+  IFRAME: {
+    mode: 'iframe',
+  },
+  FORM: {
+    mode: 'form',
+  },
+  QR_CODE: {
+    mode: 'qr_code',
+  },
+  APP: {
+    mode: 'app',
+  },
+}
+
+/**
+ * 支付类型枚举
+ */
+export const PayType = {
+  WECHAT: 'WECHAT',
+  ALIPAY: 'ALIPAY',
+  MOCK: 'MOCK',
+}
+
+/**
+ * 支付订单状态枚举
+ */
+export const PayOrderStatusEnum = {
+  WAITING: {
+    status: 0,
+    name: '未支付',
+  },
+  SUCCESS: {
+    status: 10,
+    name: '已支付',
+  },
+  CLOSED: {
+    status: 20,
+    name: '未支付',
+  },
+}
+
+/**
+ * 商品 SPU 状态
+ */
+export const ProductSpuStatusEnum = {
+  RECYCLE: {
+    status: -1,
+    name: '回收站',
+  },
+  DISABLE: {
+    status: 0,
+    name: '下架',
+  },
+  ENABLE: {
+    status: 1,
+    name: '上架',
+  },
+}
+
+/**
+ * 优惠类型枚举
+ */
+export const PromotionDiscountTypeEnum = {
+  PRICE: {
+    type: 1,
+    name: '满减',
+  },
+  PERCENT: {
+    type: 2,
+    name: '折扣',
+  },
+}
+
+/**
+ * 优惠劵模板的有限期类型的枚举
+ */
+export const CouponTemplateValidityTypeEnum = {
+  DATE: {
+    type: 1,
+    name: '固定日期可用',
+  },
+  TERM: {
+    type: 2,
+    name: '领取之后可用',
+  },
+}
+
+/**
+ * 营销的商品范围枚举
+ */
+export const PromotionProductScopeEnum = {
+  ALL: {
+    scope: 1,
+    name: '全部商品参与',
+  },
+  SPU: {
+    scope: 2,
+    name: '指定商品参与',
+  },
+}
+
+/**
+ * 营销的条件类型枚举
+ */
+export const PromotionConditionTypeEnum = {
+  PRICE: {
+    type: 10,
+    name: '满 N 元',
+  },
+  COUNT: {
+    type: 20,
+    name: '满 N 件',
+  },
+}
+
+/**
+ * 促销活动的状态枚举
+ */
+export const PromotionActivityStatusEnum = {
+  WAIT: {
+    type: 10,
+    name: '未开始',
+  },
+  RUN: {
+    type: 20,
+    name: '进行中',
+  },
+  END: {
+    type: 30,
+    name: '已结束',
+  },
+  CLOSE: {
+    type: 40,
+    name: '已关闭',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/component/useFormItem.ts b/yunxi-ui-admin-vben/src/hooks/component/useFormItem.ts
new file mode 100644
index 0000000..652027f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/component/useFormItem.ts
@@ -0,0 +1,47 @@
+import type { DeepReadonly, Ref, UnwrapRef, WritableComputedRef } from 'vue'
+import { computed, getCurrentInstance, nextTick, reactive, readonly, toRaw, unref, watchEffect } from 'vue'
+
+import { isEqual } from 'lodash-es'
+
+export function useRuleFormItem<T extends Recordable, K extends keyof T, V = UnwrapRef<T[K]>>(
+  props: T,
+  key?: K,
+  changeEvent?,
+  emitData?: Ref<any[]>
+): [WritableComputedRef<V>, (val: V) => void, DeepReadonly<V>]
+
+export function useRuleFormItem<T extends Recordable>(props: T, key: keyof T = 'value', changeEvent = 'change', emitData?: Ref<any[]>) {
+  const instance = getCurrentInstance()
+  const emit = instance?.emit
+
+  const innerState = reactive({
+    value: props[key],
+  })
+
+  const defaultState = readonly(innerState)
+
+  const setState = (val: UnwrapRef<T[keyof T]>): void => {
+    innerState.value = val as T[keyof T]
+  }
+
+  watchEffect(() => {
+    innerState.value = props[key]
+  })
+
+  const state: any = computed({
+    get() {
+      return innerState.value
+    },
+    set(value) {
+      if (isEqual(value, defaultState.value))
+        return
+
+      innerState.value = value as T[keyof T]
+      nextTick(() => {
+        emit?.(changeEvent, value, ...(toRaw(unref(emitData)) || []))
+      })
+    },
+  })
+
+  return [state, setState, defaultState]
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/component/usePageContext.ts b/yunxi-ui-admin-vben/src/hooks/component/usePageContext.ts
new file mode 100644
index 0000000..645ee62
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/component/usePageContext.ts
@@ -0,0 +1,18 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue'
+import { createContext, useContext } from '@/hooks/core/useContext'
+
+export interface PageContextProps {
+  contentHeight: ComputedRef<number>
+  pageHeight: Ref<number>
+  setPageHeight: (height: number) => Promise<void>
+}
+
+const key: InjectionKey<PageContextProps> = Symbol('page-context')
+
+export function createPageContext(context: PageContextProps) {
+  return createContext<PageContextProps>(context, key, { native: true })
+}
+
+export function usePageContext() {
+  return useContext<PageContextProps>(key)
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/core/onMountedOrActivated.ts b/yunxi-ui-admin-vben/src/hooks/core/onMountedOrActivated.ts
new file mode 100644
index 0000000..748b672
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/core/onMountedOrActivated.ts
@@ -0,0 +1,17 @@
+import { nextTick, onActivated, onMounted } from 'vue'
+
+export function onMountedOrActivated(hook: Fn) {
+  let mounted: boolean
+
+  onMounted(() => {
+    hook()
+    nextTick(() => {
+      mounted = true
+    })
+  })
+
+  onActivated(() => {
+    if (mounted)
+      hook()
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/core/useAttrs.ts b/yunxi-ui-admin-vben/src/hooks/core/useAttrs.ts
new file mode 100644
index 0000000..ced820c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/core/useAttrs.ts
@@ -0,0 +1,41 @@
+import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue'
+import type { Ref } from 'vue'
+
+interface Params {
+  excludeListeners?: boolean
+  excludeKeys?: string[]
+  excludeDefaultKeys?: boolean
+}
+
+const DEFAULT_EXCLUDE_KEYS = ['class', 'style']
+const LISTENER_PREFIX = /^on[A-Z]/
+
+export function entries<T>(obj: Recordable<T>): [string, T][] {
+  return Object.keys(obj).map((key: string) => [key, obj[key]])
+}
+
+export function useAttrs(params: Params = {}): Ref<Recordable> | object {
+  const instance = getCurrentInstance()
+  if (!instance)
+    return {}
+
+  const { excludeListeners = false, excludeKeys = [], excludeDefaultKeys = true } = params
+  const attrs = shallowRef({})
+  const allExcludeKeys = excludeKeys.concat(excludeDefaultKeys ? DEFAULT_EXCLUDE_KEYS : [])
+
+  // Since attrs are not reactive, make it reactive instead of doing in `onUpdated` hook for better performance
+  instance.attrs = reactive(instance.attrs)
+
+  watchEffect(() => {
+    const res = entries(instance.attrs).reduce((acm, [key, val]) => {
+      if (!allExcludeKeys.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key)))
+        acm[key] = val
+
+      return acm
+    }, {} as Recordable)
+
+    attrs.value = res
+  })
+
+  return attrs
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/core/useContext.ts b/yunxi-ui-admin-vben/src/hooks/core/useContext.ts
new file mode 100644
index 0000000..c875e9d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/core/useContext.ts
@@ -0,0 +1,30 @@
+import type { InjectionKey, UnwrapRef } from 'vue'
+import { readonly as defineReadonly, inject, provide, reactive } from 'vue'
+
+export interface CreateContextOptions {
+  readonly?: boolean
+  createProvider?: boolean
+  native?: boolean
+}
+
+type ShallowUnwrap<T> = {
+  [P in keyof T]: UnwrapRef<T[P]>
+}
+
+export function createContext<T>(context: any, key: InjectionKey<T> = Symbol('create-context'), options: CreateContextOptions = {}) {
+  const { readonly = true, createProvider = true, native = false } = options
+
+  const state = reactive(context)
+  const provideData = readonly ? defineReadonly(state) : state
+  createProvider && provide(key, native ? context : provideData)
+
+  return {
+    state,
+  }
+}
+
+export function useContext<T>(key: InjectionKey<T>, native?: boolean): T
+
+export function useContext<T>(key: InjectionKey<T> = Symbol('use-context'), defaultValue?: any): ShallowUnwrap<T> {
+  return inject(key, defaultValue || {})
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/core/useLockFn.ts b/yunxi-ui-admin-vben/src/hooks/core/useLockFn.ts
new file mode 100644
index 0000000..35eb7f1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/core/useLockFn.ts
@@ -0,0 +1,19 @@
+import { ref, unref } from 'vue'
+
+export function useLockFn<P extends any[] = any[], V = any>(fn: (...args: P) => Promise<V>) {
+  const lockRef = ref(false)
+  return async function (...args: P) {
+    if (unref(lockRef))
+      return
+    lockRef.value = true
+    try {
+      const ret = await fn(...args)
+      lockRef.value = false
+      return ret
+    }
+    catch (e) {
+      lockRef.value = false
+      throw e
+    }
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/core/useRefs.ts b/yunxi-ui-admin-vben/src/hooks/core/useRefs.ts
new file mode 100644
index 0000000..ec38099
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/core/useRefs.ts
@@ -0,0 +1,16 @@
+import type { Ref } from 'vue'
+import { onBeforeUpdate, ref } from 'vue'
+
+export function useRefs(): [Ref<HTMLElement[]>, (index: number) => (el: HTMLElement) => void] {
+  const refs = ref([]) as Ref<HTMLElement[]>
+
+  onBeforeUpdate(() => {
+    refs.value = []
+  })
+
+  const setRefs = (index: number) => (el: HTMLElement) => {
+    refs.value[index] = el
+  }
+
+  return [refs, setRefs]
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/event/useBreakpoint.ts b/yunxi-ui-admin-vben/src/hooks/event/useBreakpoint.ts
new file mode 100644
index 0000000..f6067ce
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/event/useBreakpoint.ts
@@ -0,0 +1,94 @@
+import type { ComputedRef } from 'vue'
+import { computed, ref, unref } from 'vue'
+import { useEventListener } from '@/hooks/event/useEventListener'
+import { screenEnum, screenMap, sizeEnum } from '@/enums/breakpointEnum'
+
+// 可以用这个替换，优化项
+// import { Grid } from 'ant-design-vue';
+// const { useBreakpoint } = Grid;
+
+let globalScreenRef: ComputedRef<sizeEnum | undefined>
+let globalWidthRef: ComputedRef<number>
+let globalRealWidthRef: ComputedRef<number>
+
+export interface CreateCallbackParams {
+  screen: ComputedRef<sizeEnum | undefined>
+  width: ComputedRef<number>
+  realWidth: ComputedRef<number>
+  screenEnum: typeof screenEnum
+  screenMap: Map<sizeEnum, number>
+  sizeEnum: typeof sizeEnum
+}
+
+export function useBreakpoint() {
+  return {
+    screenRef: computed(() => unref(globalScreenRef)),
+    widthRef: globalWidthRef,
+    screenEnum,
+    realWidthRef: globalRealWidthRef,
+  }
+}
+
+// Just call it once
+export function createBreakpointListen(fn?: (opt: CreateCallbackParams) => void) {
+  const screenRef = ref<sizeEnum>(sizeEnum.XL)
+  const realWidthRef = ref(window.innerWidth)
+
+  function getWindowWidth() {
+    const width = document.body.clientWidth
+    const xs = screenMap.get(sizeEnum.XS)!
+    const sm = screenMap.get(sizeEnum.SM)!
+    const md = screenMap.get(sizeEnum.MD)!
+    const lg = screenMap.get(sizeEnum.LG)!
+    const xl = screenMap.get(sizeEnum.XL)!
+    if (width < xs)
+      screenRef.value = sizeEnum.XS
+    else if (width < sm)
+      screenRef.value = sizeEnum.SM
+    else if (width < md)
+      screenRef.value = sizeEnum.MD
+    else if (width < lg)
+      screenRef.value = sizeEnum.LG
+    else if (width < xl)
+      screenRef.value = sizeEnum.XL
+    else
+      screenRef.value = sizeEnum.XXL
+
+    realWidthRef.value = width
+  }
+
+  useEventListener({
+    el: window,
+    name: 'resize',
+
+    listener: () => {
+      getWindowWidth()
+      resizeFn()
+    },
+    // wait: 100,
+  })
+
+  getWindowWidth()
+  globalScreenRef = computed(() => unref(screenRef))
+  globalWidthRef = computed((): number => screenMap.get(unref(screenRef)!)!)
+  globalRealWidthRef = computed((): number => unref(realWidthRef))
+
+  function resizeFn() {
+    fn?.({
+      screen: globalScreenRef,
+      width: globalWidthRef,
+      realWidth: globalRealWidthRef,
+      screenEnum,
+      screenMap,
+      sizeEnum,
+    })
+  }
+
+  resizeFn()
+  return {
+    screenRef: globalScreenRef,
+    screenEnum,
+    widthRef: globalWidthRef,
+    realWidthRef: globalRealWidthRef,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/event/useEventListener.ts b/yunxi-ui-admin-vben/src/hooks/event/useEventListener.ts
new file mode 100644
index 0000000..6f87aa5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/event/useEventListener.ts
@@ -0,0 +1,57 @@
+import type { Ref } from 'vue'
+import { ref, unref, watch } from 'vue'
+import { useDebounceFn, useThrottleFn } from '@vueuse/core'
+
+export type RemoveEventFn = () => void
+export interface UseEventParams {
+  el?: Element | Ref<Element | undefined> | Window | any
+  name: string
+  listener: EventListener
+  options?: boolean | AddEventListenerOptions
+  autoRemove?: boolean
+  isDebounce?: boolean
+  wait?: number
+}
+export function useEventListener({
+  el = window,
+  name,
+  listener,
+  options,
+  autoRemove = true,
+  isDebounce = true,
+  wait = 80,
+}: UseEventParams): { removeEvent: RemoveEventFn } {
+  let remove: RemoveEventFn = () => {}
+  const isAddRef = ref(false)
+
+  if (el) {
+    const element = ref(el as Element)
+
+    const handler = isDebounce ? useDebounceFn(listener, wait) : useThrottleFn(listener, wait)
+    const realHandler = wait ? handler : listener
+    const removeEventListener = (e: Element) => {
+      isAddRef.value = true
+      e.removeEventListener(name, realHandler, options)
+    }
+    const addEventListener = (e: Element) => e.addEventListener(name, realHandler, options)
+
+    const removeWatch = watch(
+      element,
+      (v, _ov, cleanUp) => {
+        if (v) {
+          !unref(isAddRef) && addEventListener(v)
+          cleanUp(() => {
+            autoRemove && removeEventListener(v)
+          })
+        }
+      },
+      { immediate: true },
+    )
+
+    remove = () => {
+      removeEventListener(element.value)
+      removeWatch()
+    }
+  }
+  return { removeEvent: remove }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/event/useIntersectionObserver.ts b/yunxi-ui-admin-vben/src/hooks/event/useIntersectionObserver.ts
new file mode 100644
index 0000000..724b821
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/event/useIntersectionObserver.ts
@@ -0,0 +1,43 @@
+import type { Ref } from 'vue'
+import { ref, watchEffect } from 'vue'
+
+interface IntersectionObserverProps {
+  target: Ref<Element | null | undefined>
+  root?: Ref<any>
+  onIntersect: IntersectionObserverCallback
+  rootMargin?: string
+  threshold?: number
+}
+
+export function useIntersectionObserver({ target, root, onIntersect, rootMargin = '0px', threshold = 0.1 }: IntersectionObserverProps) {
+  let cleanup = () => {}
+  const observer: Ref<Nullable<IntersectionObserver>> = ref(null)
+  const stopEffect = watchEffect(() => {
+    cleanup()
+
+    observer.value = new IntersectionObserver(onIntersect, {
+      root: root ? root.value : null,
+      rootMargin,
+      threshold,
+    })
+
+    const current = target.value
+
+    current && observer.value.observe(current)
+
+    cleanup = () => {
+      if (observer.value) {
+        observer.value.disconnect()
+        target.value && observer.value.unobserve(target.value)
+      }
+    }
+  })
+
+  return {
+    observer,
+    stop: () => {
+      cleanup()
+      stopEffect()
+    },
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/event/useScroll.ts b/yunxi-ui-admin-vben/src/hooks/event/useScroll.ts
new file mode 100644
index 0000000..b21b09c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/event/useScroll.ts
@@ -0,0 +1,66 @@
+import type { Ref } from 'vue'
+
+import { onMounted, onUnmounted, ref, watch } from 'vue'
+import { useThrottleFn } from '@vueuse/core'
+import { isObject, isWindow } from '@/utils/is'
+
+export function useScroll(
+  refEl: Ref<Element | Window | null>,
+  options?: {
+    wait?: number
+    leading?: boolean
+    trailing?: boolean
+  },
+) {
+  const refX = ref(0)
+  const refY = ref(0)
+  let handler = () => {
+    if (isWindow(refEl.value)) {
+      refX.value = refEl.value.scrollX
+      refY.value = refEl.value.scrollY
+    }
+    else if (refEl.value) {
+      refX.value = (refEl.value).scrollLeft
+      refY.value = (refEl.value).scrollTop
+    }
+  }
+
+  if (isObject(options)) {
+    let wait = 0
+    if (options.wait && options.wait > 0) {
+      wait = options.wait
+      Reflect.deleteProperty(options, 'wait')
+    }
+
+    handler = useThrottleFn(handler, wait)
+  }
+
+  let stopWatch: () => void
+  onMounted(() => {
+    stopWatch = watch(
+      refEl,
+      (el, prevEl, onCleanup) => {
+        if (el)
+          el.addEventListener('scroll', handler)
+        else if (prevEl)
+          prevEl.removeEventListener('scroll', handler)
+
+        onCleanup(() => {
+          refX.value = refY.value = 0
+          el && el.removeEventListener('scroll', handler)
+        })
+      },
+      { immediate: true },
+    )
+  })
+
+  onUnmounted(() => {
+    refEl.value && refEl.value.removeEventListener('scroll', handler)
+  })
+
+  function stop() {
+    stopWatch && stopWatch()
+  }
+
+  return { refX, refY, stop }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/event/useScrollTo.ts b/yunxi-ui-admin-vben/src/hooks/event/useScrollTo.ts
new file mode 100644
index 0000000..8af56dd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/event/useScrollTo.ts
@@ -0,0 +1,59 @@
+import { ref, unref } from 'vue'
+import { isFunction, isUnDef } from '@/utils/is'
+
+export interface ScrollToParams {
+  el: any
+  to: number
+  duration?: number
+  callback?: () => any
+}
+
+function easeInOutQuad(t: number, b: number, c: number, d: number) {
+  t /= d / 2
+  if (t < 1)
+    return (c / 2) * t * t + b
+
+  t--
+  return (-c / 2) * (t * (t - 2) - 1) + b
+}
+function move(el: HTMLElement, amount: number) {
+  el.scrollTop = amount
+}
+
+function position(el: HTMLElement) {
+  return el.scrollTop
+}
+export function useScrollTo({ el, to, duration = 500, callback }: ScrollToParams) {
+  const isActiveRef = ref(false)
+  const start = position(el)
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+  duration = isUnDef(duration) ? 500 : duration
+
+  const animateScroll = function () {
+    if (!unref(isActiveRef))
+      return
+
+    currentTime += increment
+    const val = easeInOutQuad(currentTime, start, change, duration)
+    move(el, val)
+    if (currentTime < duration && unref(isActiveRef)) {
+      requestAnimationFrame(animateScroll)
+    }
+    else {
+      if (callback && isFunction(callback))
+        callback()
+    }
+  }
+  const run = () => {
+    isActiveRef.value = true
+    animateScroll()
+  }
+
+  const stop = () => {
+    isActiveRef.value = false
+  }
+
+  return { start: run, stop }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/event/useWindowSizeFn.ts b/yunxi-ui-admin-vben/src/hooks/event/useWindowSizeFn.ts
new file mode 100644
index 0000000..c83ed71
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/event/useWindowSizeFn.ts
@@ -0,0 +1,39 @@
+import { tryOnMounted, tryOnUnmounted, useDebounceFn } from '@vueuse/core'
+
+interface UseWindowSizeOptions {
+  wait?: number
+  once?: boolean
+  immediate?: boolean
+  listenerOptions?: AddEventListenerOptions | boolean
+}
+
+function useWindowSizeFn<T>(fn: Fn<T>, options: UseWindowSizeOptions = {}) {
+  const { wait = 150, immediate } = options
+  let handler = () => {
+    fn()
+  }
+  const handleSize = useDebounceFn(handler, wait)
+  handler = handleSize
+
+  const start = () => {
+    if (immediate)
+      handler()
+
+    window.addEventListener('resize', handler)
+  }
+
+  const stop = () => {
+    window.removeEventListener('resize', handler)
+  }
+
+  tryOnMounted(() => {
+    start()
+  })
+
+  tryOnUnmounted(() => {
+    stop()
+  })
+  return { start, stop }
+}
+
+export { useWindowSizeFn, type UseWindowSizeOptions }
diff --git a/yunxi-ui-admin-vben/src/hooks/setting/index.ts b/yunxi-ui-admin-vben/src/hooks/setting/index.ts
new file mode 100644
index 0000000..9cfe4af
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/setting/index.ts
@@ -0,0 +1,34 @@
+import type { GlobConfig } from '@/types/config'
+
+import { warn } from '@/utils/log'
+import { getAppEnvConfig } from '@/utils/env'
+
+export function useGlobSetting(): Readonly<GlobConfig> {
+  const {
+    VITE_GLOB_APP_TITLE,
+    VITE_GLOB_API_URL,
+    VITE_GLOB_APP_SHORT_NAME,
+    VITE_GLOB_API_URL_PREFIX,
+    VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_APP_TENANT_ENABLE,
+    VITE_GLOB_APP_CAPTCHA_ENABLE,
+  } = getAppEnvConfig()
+
+  if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
+    warn(
+      'VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.',
+    )
+  }
+
+  // Take global configuration
+  const glob: Readonly<GlobConfig> = {
+    title: VITE_GLOB_APP_TITLE,
+    apiUrl: VITE_GLOB_API_URL,
+    shortName: VITE_GLOB_APP_SHORT_NAME,
+    urlPrefix: VITE_GLOB_API_URL_PREFIX,
+    uploadUrl: VITE_GLOB_UPLOAD_URL,
+    tenantEnable: VITE_GLOB_APP_TENANT_ENABLE,
+    captchaEnable: VITE_GLOB_APP_CAPTCHA_ENABLE,
+  }
+  return glob
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/setting/useHeaderSetting.ts b/yunxi-ui-admin-vben/src/hooks/setting/useHeaderSetting.ts
new file mode 100644
index 0000000..bd5e7f7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/setting/useHeaderSetting.ts
@@ -0,0 +1,84 @@
+import { computed, unref } from 'vue'
+import type { HeaderSetting } from '@/types/config'
+
+import { useAppStore } from '@/store/modules/app'
+
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useFullContent } from '@/hooks/web/useFullContent'
+import { MenuModeEnum } from '@/enums/menuEnum'
+
+export function useHeaderSetting() {
+  const { getFullContent } = useFullContent()
+  const appStore = useAppStore()
+
+  const { getMenuMode, getSplit, getShowHeaderTrigger, getIsSidebarType, getIsMixSidebar, getIsTopMenu } = useMenuSetting()
+  const { getShowBreadCrumb, getShowLogo } = useRootSetting()
+
+  const getShowDoc = computed(() => appStore.getHeaderSetting.showDoc)
+
+  const getHeaderTheme = computed(() => appStore.getHeaderSetting.theme)
+
+  const getShowHeader = computed(() => appStore.getHeaderSetting.show)
+
+  const getFixed = computed(() => appStore.getHeaderSetting.fixed)
+
+  const getHeaderBgColor = computed(() => appStore.getHeaderSetting.bgColor)
+
+  const getShowSearch = computed(() => appStore.getHeaderSetting.showSearch)
+
+  const getUseLockPage = computed(() => appStore.getHeaderSetting.useLockPage)
+
+  const getShowFullScreen = computed(() => appStore.getHeaderSetting.showFullScreen)
+
+  const getShowNotice = computed(() => appStore.getHeaderSetting.showNotice)
+
+  const getShowMixHeaderRef = computed(() => !unref(getIsSidebarType) && unref(getShowHeader))
+
+  const getShowFullHeaderRef = computed(() => {
+    return !unref(getFullContent) && unref(getShowMixHeaderRef) && unref(getShowHeader) && !unref(getIsTopMenu) && !unref(getIsMixSidebar)
+  })
+
+  const getUnFixedAndFull = computed(() => !unref(getFixed) && !unref(getShowFullHeaderRef))
+
+  const getShowInsetHeaderRef = computed(() => {
+    const need = !unref(getFullContent) && unref(getShowHeader)
+    return (need && !unref(getShowMixHeaderRef)) || (need && unref(getIsTopMenu)) || (need && unref(getIsMixSidebar))
+  })
+
+  const getShowBread = computed(() => {
+    return unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit)
+  })
+
+  const getShowHeaderLogo = computed(() => {
+    return unref(getShowLogo) && !unref(getIsSidebarType) && !unref(getIsMixSidebar)
+  })
+
+  const getShowContent = computed(() => {
+    return unref(getShowBread) || unref(getShowHeaderTrigger)
+  })
+
+  // Set header configuration
+  function setHeaderSetting(headerSetting: Partial<HeaderSetting>) {
+    appStore.setProjectConfig({ headerSetting })
+  }
+  return {
+    setHeaderSetting,
+    getShowDoc,
+    getShowSearch,
+    getHeaderTheme,
+    getUseLockPage,
+    getShowFullScreen,
+    getShowNotice,
+    getShowBread,
+    getShowContent,
+    getShowHeaderLogo,
+    getShowHeader,
+    getFixed,
+    getShowMixHeaderRef,
+    getShowFullHeaderRef,
+    getShowInsetHeaderRef,
+    getUnFixedAndFull,
+    getHeaderBgColor,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/setting/useMenuSetting.ts b/yunxi-ui-admin-vben/src/hooks/setting/useMenuSetting.ts
new file mode 100644
index 0000000..5cae8ef
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/setting/useMenuSetting.ts
@@ -0,0 +1,153 @@
+import { computed, ref, unref } from 'vue'
+import type { MenuSetting } from '@/types/config'
+
+import { useAppStore } from '@/store/modules/app'
+
+import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum'
+import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '@/enums/menuEnum'
+import { useFullContent } from '@/hooks/web/useFullContent'
+
+const mixSideHasChildren = ref(false)
+
+export function useMenuSetting() {
+  const { getFullContent: fullContent } = useFullContent()
+  const appStore = useAppStore()
+
+  const getCollapsed = computed(() => appStore.getMenuSetting.collapsed)
+
+  const getMenuType = computed(() => appStore.getMenuSetting.type)
+
+  const getMenuMode = computed(() => appStore.getMenuSetting.mode)
+
+  const getMenuFixed = computed(() => appStore.getMenuSetting.fixed)
+
+  const getShowMenu = computed(() => appStore.getMenuSetting.show)
+
+  const getMenuHidden = computed(() => appStore.getMenuSetting.hidden)
+
+  const getMenuWidth = computed(() => appStore.getMenuSetting.menuWidth)
+
+  const getTrigger = computed(() => appStore.getMenuSetting.trigger)
+
+  const getMenuTheme = computed(() => appStore.getMenuSetting.theme)
+
+  const getSplit = computed(() => appStore.getMenuSetting.split)
+
+  const getMenuBgColor = computed(() => appStore.getMenuSetting.bgColor)
+
+  const getMixSideTrigger = computed(() => appStore.getMenuSetting.mixSideTrigger)
+
+  const getCanDrag = computed(() => appStore.getMenuSetting.canDrag)
+
+  const getAccordion = computed(() => appStore.getMenuSetting.accordion)
+
+  const getMixSideFixed = computed(() => appStore.getMenuSetting.mixSideFixed)
+
+  const getTopMenuAlign = computed(() => appStore.getMenuSetting.topMenuAlign)
+
+  const getCloseMixSidebarOnChange = computed(() => appStore.getMenuSetting.closeMixSidebarOnChange)
+
+  const getIsSidebarType = computed(() => unref(getMenuType) === MenuTypeEnum.SIDEBAR)
+
+  const getIsTopMenu = computed(() => unref(getMenuType) === MenuTypeEnum.TOP_MENU)
+
+  const getCollapsedShowTitle = computed(() => appStore.getMenuSetting.collapsedShowTitle)
+
+  const getShowSidebar = computed(() => {
+    return unref(getSplit) || (unref(getShowMenu) && unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && !unref(fullContent))
+  })
+
+  const getShowTopMenu = computed(() => {
+    return unref(getMenuMode) === MenuModeEnum.HORIZONTAL || unref(getSplit)
+  })
+
+  const getShowHeaderTrigger = computed(() => {
+    if (unref(getMenuType) === MenuTypeEnum.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden))
+      return false
+
+    return unref(getTrigger) === TriggerEnum.HEADER
+  })
+
+  const getIsHorizontal = computed(() => {
+    return unref(getMenuMode) === MenuModeEnum.HORIZONTAL
+  })
+
+  const getIsMixSidebar = computed(() => {
+    return unref(getMenuType) === MenuTypeEnum.MIX_SIDEBAR
+  })
+
+  const getIsMixMode = computed(() => {
+    return unref(getMenuMode) === MenuModeEnum.INLINE && unref(getMenuType) === MenuTypeEnum.MIX
+  })
+
+  const getMiniWidthNumber = computed(() => {
+    const { collapsedShowTitle, siderHidden } = appStore.getMenuSetting
+    return siderHidden ? 0 : collapsedShowTitle ? SIDE_BAR_SHOW_TIT_MINI_WIDTH : SIDE_BAR_MINI_WIDTH
+  })
+
+  const getRealWidth = computed(() => {
+    if (unref(getIsMixSidebar))
+      return unref(getCollapsed) && !unref(getMixSideFixed) ? unref(getMiniWidthNumber) : unref(getMenuWidth)
+
+    return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth)
+  })
+
+  const getCalcContentWidth = computed(() => {
+    const width
+      = unref(getIsTopMenu) || !unref(getShowMenu) || (unref(getSplit) && unref(getMenuHidden))
+        ? 0
+        : unref(getIsMixSidebar)
+          ? (unref(getCollapsed) ? SIDE_BAR_MINI_WIDTH : SIDE_BAR_SHOW_TIT_MINI_WIDTH)
+          + (unref(getMixSideFixed) && unref(mixSideHasChildren) ? unref(getRealWidth) : 0)
+          : unref(getRealWidth)
+
+    return `calc(100% - ${unref(width)}px)`
+  })
+
+  // Set menu configuration
+  function setMenuSetting(menuSetting: Partial<MenuSetting>): void {
+    appStore.setMenuSetting(menuSetting)
+  }
+
+  function toggleCollapsed() {
+    setMenuSetting({
+      collapsed: !unref(getCollapsed),
+    })
+  }
+  return {
+    setMenuSetting,
+
+    toggleCollapsed,
+
+    getMenuFixed,
+    getRealWidth,
+    getMenuType,
+    getMenuMode,
+    getShowMenu,
+    getCollapsed,
+    getMiniWidthNumber,
+    getCalcContentWidth,
+    getMenuWidth,
+    getTrigger,
+    getSplit,
+    getMenuTheme,
+    getCanDrag,
+    getCollapsedShowTitle,
+    getIsHorizontal,
+    getIsSidebarType,
+    getAccordion,
+    getShowTopMenu,
+    getShowHeaderTrigger,
+    getTopMenuAlign,
+    getMenuHidden,
+    getIsTopMenu,
+    getMenuBgColor,
+    getShowSidebar,
+    getIsMixMode,
+    getIsMixSidebar,
+    getCloseMixSidebarOnChange,
+    getMixSideTrigger,
+    getMixSideFixed,
+    mixSideHasChildren,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/setting/useMultipleTabSetting.ts b/yunxi-ui-admin-vben/src/hooks/setting/useMultipleTabSetting.ts
new file mode 100644
index 0000000..f19a8ca
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/setting/useMultipleTabSetting.ts
@@ -0,0 +1,30 @@
+import { computed } from 'vue'
+import type { MultiTabsSetting } from '@/types/config'
+
+import { useAppStore } from '@/store/modules/app'
+
+export function useMultipleTabSetting() {
+  const appStore = useAppStore()
+
+  const getShowMultipleTab = computed(() => appStore.getMultiTabsSetting.show)
+
+  const getShowMultipleTabIcon = computed(() => appStore.getMultiTabsSetting.showIcon)
+
+  const getShowQuick = computed(() => appStore.getMultiTabsSetting.showQuick)
+
+  const getShowRedo = computed(() => appStore.getMultiTabsSetting.showRedo)
+
+  const getShowFold = computed(() => appStore.getMultiTabsSetting.showFold)
+
+  function setMultipleTabSetting(multiTabsSetting: Partial<MultiTabsSetting>) {
+    appStore.setProjectConfig({ multiTabsSetting })
+  }
+  return {
+    setMultipleTabSetting,
+    getShowMultipleTab,
+    getShowMultipleTabIcon,
+    getShowQuick,
+    getShowRedo,
+    getShowFold,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/setting/useRootSetting.ts b/yunxi-ui-admin-vben/src/hooks/setting/useRootSetting.ts
new file mode 100644
index 0000000..3c9bdef
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/setting/useRootSetting.ts
@@ -0,0 +1,90 @@
+import { computed } from 'vue'
+import type { ProjectConfig } from '@/types/config'
+
+import { useAppStore } from '@/store/modules/app'
+import type { ThemeEnum } from '@/enums/appEnum'
+import { ContentEnum } from '@/enums/appEnum'
+
+type RootSetting = Omit<ProjectConfig, 'locale' | 'headerSetting' | 'menuSetting' | 'multiTabsSetting'>
+
+export function useRootSetting() {
+  const appStore = useAppStore()
+
+  const getPageLoading = computed(() => appStore.getPageLoading)
+
+  const getOpenKeepAlive = computed(() => appStore.getProjectConfig.openKeepAlive)
+
+  const getSettingButtonPosition = computed(() => appStore.getProjectConfig.settingButtonPosition)
+
+  const getCanEmbedIFramePage = computed(() => appStore.getProjectConfig.canEmbedIFramePage)
+
+  const getPermissionMode = computed(() => appStore.getProjectConfig.permissionMode)
+
+  const getShowLogo = computed(() => appStore.getProjectConfig.showLogo)
+
+  const getContentMode = computed(() => appStore.getProjectConfig.contentMode)
+
+  const getUseOpenBackTop = computed(() => appStore.getProjectConfig.useOpenBackTop)
+
+  const getShowSettingButton = computed(() => appStore.getProjectConfig.showSettingButton)
+
+  const getUseErrorHandle = computed(() => appStore.getProjectConfig.useErrorHandle)
+
+  const getShowFooter = computed(() => appStore.getProjectConfig.showFooter)
+
+  const getShowBreadCrumb = computed(() => appStore.getProjectConfig.showBreadCrumb)
+
+  const getThemeColor = computed(() => appStore.getProjectConfig.themeColor)
+
+  const getShowBreadCrumbIcon = computed(() => appStore.getProjectConfig.showBreadCrumbIcon)
+
+  const getFullContent = computed(() => appStore.getProjectConfig.fullContent)
+
+  const getColorWeak = computed(() => appStore.getProjectConfig.colorWeak)
+
+  const getGrayMode = computed(() => appStore.getProjectConfig.grayMode)
+
+  const getLockTime = computed(() => appStore.getProjectConfig.lockTime)
+
+  const getShowDarkModeToggle = computed(() => appStore.getProjectConfig.showDarkModeToggle)
+
+  const getDarkMode = computed(() => appStore.getDarkMode)
+
+  const getLayoutContentMode = computed(() =>
+    appStore.getProjectConfig.contentMode === ContentEnum.FULL ? ContentEnum.FULL : ContentEnum.FIXED,
+  )
+
+  function setRootSetting(setting: Partial<RootSetting>) {
+    appStore.setProjectConfig(setting)
+  }
+
+  function setDarkMode(mode: ThemeEnum) {
+    appStore.setDarkMode(mode)
+  }
+  return {
+    setRootSetting,
+
+    getSettingButtonPosition,
+    getFullContent,
+    getColorWeak,
+    getGrayMode,
+    getLayoutContentMode,
+    getPageLoading,
+    getOpenKeepAlive,
+    getCanEmbedIFramePage,
+    getPermissionMode,
+    getShowLogo,
+    getUseErrorHandle,
+    getShowBreadCrumb,
+    getShowBreadCrumbIcon,
+    getUseOpenBackTop,
+    getShowSettingButton,
+    getShowFooter,
+    getContentMode,
+    getLockTime,
+    getThemeColor,
+    getDarkMode,
+    setDarkMode,
+    getShowDarkModeToggle,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/setting/useTransitionSetting.ts b/yunxi-ui-admin-vben/src/hooks/setting/useTransitionSetting.ts
new file mode 100644
index 0000000..df75d8d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/setting/useTransitionSetting.ts
@@ -0,0 +1,30 @@
+import { computed } from 'vue'
+import type { TransitionSetting } from '@/types/config'
+
+import { useAppStore } from '@/store/modules/app'
+
+export function useTransitionSetting() {
+  const appStore = useAppStore()
+
+  const getEnableTransition = computed(() => appStore.getTransitionSetting?.enable)
+
+  const getOpenNProgress = computed(() => appStore.getTransitionSetting?.openNProgress)
+
+  const getOpenPageLoading = computed((): boolean => {
+    return !!appStore.getTransitionSetting?.openPageLoading
+  })
+
+  const getBasicTransition = computed(() => appStore.getTransitionSetting?.basicTransition)
+
+  function setTransitionSetting(transitionSetting: Partial<TransitionSetting>) {
+    appStore.setProjectConfig({ transitionSetting })
+  }
+  return {
+    setTransitionSetting,
+
+    getEnableTransition,
+    getOpenNProgress,
+    getOpenPageLoading,
+    getBasicTransition,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useAppInject.ts b/yunxi-ui-admin-vben/src/hooks/web/useAppInject.ts
new file mode 100644
index 0000000..4330eb3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useAppInject.ts
@@ -0,0 +1,10 @@
+import { computed, unref } from 'vue'
+import { useAppProviderContext } from '@/components/Application'
+
+export function useAppInject() {
+  const values = useAppProviderContext()
+
+  return {
+    getIsMobile: computed(() => unref(values.isMobile)),
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useContentHeight.ts b/yunxi-ui-admin-vben/src/hooks/web/useContentHeight.ts
new file mode 100644
index 0000000..6213fae
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useContentHeight.ts
@@ -0,0 +1,185 @@
+import type { ComputedRef, Ref } from 'vue'
+import { isRef, nextTick, ref, unref, watch } from 'vue'
+import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight'
+import { getViewportOffset } from '@/utils/domUtils'
+import { isNumber, isString } from '@/utils/is'
+
+export interface CompensationHeight {
+  // 使用 layout Footer 高度作为判断补偿高度的条件
+  useLayoutFooter: boolean
+  // refs HTMLElement
+  elements?: Ref[]
+}
+
+type Upward = number | string | null | undefined
+
+/**
+ * 动态计算内容高度，根据锚点dom最下坐标到屏幕最下坐标，根据传入dom的高度、padding、margin等值进行动态计算
+ * 最终获取合适的内容高度
+ *
+ * @param flag 用于开启计算的响应式标识
+ * @param anchorRef 锚点组件 Ref<ElRef | ComponentRef>
+ * @param subtractHeightRefs 待减去高度的组件列表 Ref<ElRef | ComponentRef>
+ * @param substractSpaceRefs 待减去空闲空间(margins/paddings)的组件列表 Ref<ElRef | ComponentRef>
+ * @param offsetHeightRef 计算偏移的响应式高度，计算高度时将直接减去此值
+ * @param upwardSpace 向上递归减去空闲空间的 层级 或 直到指定class为止 数值为2代表向上递归两次|数值为ant-layout表示向上递归直到碰见.ant-layout为止
+ * @returns 响应式高度
+ */
+export function useContentHeight(
+  flag: ComputedRef<boolean>,
+  anchorRef: Ref,
+  subtractHeightRefs: Ref[],
+  substractSpaceRefs: Ref[],
+  upwardSpace: Ref<Upward> | ComputedRef<Upward> | Upward = 0,
+  offsetHeightRef: Ref<number> = ref(0),
+) {
+  const contentHeight: Ref<Nullable<number>> = ref(null)
+  const { footerHeightRef: layoutFooterHeightRef } = useLayoutHeight()
+  let compensationHeight: CompensationHeight = {
+    useLayoutFooter: true,
+  }
+
+  const setCompensation = (params: CompensationHeight) => {
+    compensationHeight = params
+  }
+
+  function redoHeight() {
+    nextTick(() => {
+      calcContentHeight()
+    })
+  }
+
+  function calcSubtractSpace(element: Element | null | undefined, direction: 'all' | 'top' | 'bottom' = 'all'): number {
+    function numberPx(px: string) {
+      return Number(px.replace(/[^\d]/g, ''))
+    }
+    let subtractHeight = 0
+    const ZERO_PX = '0px'
+    if (element) {
+      const cssStyle = getComputedStyle(element)
+      const marginTop = numberPx(cssStyle?.marginTop ?? ZERO_PX)
+      const marginBottom = numberPx(cssStyle?.marginBottom ?? ZERO_PX)
+      const paddingTop = numberPx(cssStyle?.paddingTop ?? ZERO_PX)
+      const paddingBottom = numberPx(cssStyle?.paddingBottom ?? ZERO_PX)
+      if (direction === 'all') {
+        subtractHeight += marginTop
+        subtractHeight += marginBottom
+        subtractHeight += paddingTop
+        subtractHeight += paddingBottom
+      }
+      else if (direction === 'top') {
+        subtractHeight += marginTop
+        subtractHeight += paddingTop
+      }
+      else {
+        subtractHeight += marginBottom
+        subtractHeight += paddingBottom
+      }
+    }
+    return subtractHeight
+  }
+
+  function getEl(element: any): Nullable<HTMLDivElement> {
+    if (element == null)
+      return null
+
+    return (element instanceof HTMLDivElement ? element : element.$el) as HTMLDivElement
+  }
+
+  async function calcContentHeight() {
+    if (!flag.value)
+      return
+
+    // Add a delay to get the correct height
+    await nextTick()
+
+    const anchorEl = getEl(unref(anchorRef))
+    if (!anchorEl)
+      return
+
+    const { bottomIncludeBody } = getViewportOffset(anchorEl)
+
+    // substract elements height
+    let substractHeight = 0
+    subtractHeightRefs.forEach((item) => {
+      substractHeight += getEl(unref(item))?.offsetHeight ?? 0
+    })
+
+    // subtract margins / paddings
+    let substractSpaceHeight = calcSubtractSpace(anchorEl) ?? 0
+    substractSpaceRefs.forEach((item) => {
+      substractSpaceHeight += calcSubtractSpace(getEl(unref(item)))
+    })
+
+    // upwardSpace
+    let upwardSpaceHeight = 0
+    function upward(element: Element | null, upwardLvlOrClass: number | string | null | undefined) {
+      if (element && upwardLvlOrClass) {
+        const parent = element.parentElement
+        if (parent) {
+          if (isString(upwardLvlOrClass)) {
+            if (!parent.classList.contains(upwardLvlOrClass)) {
+              upwardSpaceHeight += calcSubtractSpace(parent, 'bottom')
+              upward(parent, upwardLvlOrClass)
+            }
+            else {
+              upwardSpaceHeight += calcSubtractSpace(parent, 'bottom')
+            }
+          }
+          else if (isNumber(upwardLvlOrClass)) {
+            if (upwardLvlOrClass > 0) {
+              upwardSpaceHeight += calcSubtractSpace(parent, 'bottom')
+              upward(parent, --upwardLvlOrClass)
+            }
+          }
+        }
+      }
+    }
+    if (isRef(upwardSpace))
+      upward(anchorEl, unref(upwardSpace))
+    else
+      upward(anchorEl, upwardSpace)
+
+    let height
+    = bottomIncludeBody - unref(layoutFooterHeightRef) - unref(offsetHeightRef) - substractHeight - substractSpaceHeight - upwardSpaceHeight
+
+    // compensation height
+    const calcCompensationHeight = () => {
+      compensationHeight.elements?.forEach((item) => {
+        height += getEl(unref(item))?.offsetHeight ?? 0
+      })
+    }
+    if (compensationHeight.useLayoutFooter && unref(layoutFooterHeightRef) > 0)
+      calcCompensationHeight()
+    else
+      calcCompensationHeight()
+
+    contentHeight.value = height
+  }
+
+  onMountedOrActivated(() => {
+    nextTick(() => {
+      calcContentHeight()
+    })
+  })
+  useWindowSizeFn(
+    () => {
+      calcContentHeight()
+    },
+    { wait: 50, immediate: true },
+  )
+  watch(
+    () => [layoutFooterHeightRef.value],
+    () => {
+      calcContentHeight()
+    },
+    {
+      flush: 'post',
+      immediate: true,
+    },
+  )
+
+  return { redoHeight, setCompensation, contentHeight }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useContextMenu.ts b/yunxi-ui-admin-vben/src/hooks/web/useContextMenu.ts
new file mode 100644
index 0000000..59497b7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useContextMenu.ts
@@ -0,0 +1,11 @@
+import { getCurrentInstance, onUnmounted } from 'vue'
+import { createContextMenu, destroyContextMenu } from '@/components/ContextMenu'
+
+export function useContextMenu(authRemove = true) {
+  if (getCurrentInstance() && authRemove) {
+    onUnmounted(() => {
+      destroyContextMenu()
+    })
+  }
+  return [createContextMenu, destroyContextMenu]
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useCopyToClipboard.ts b/yunxi-ui-admin-vben/src/hooks/web/useCopyToClipboard.ts
new file mode 100644
index 0000000..074af2b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useCopyToClipboard.ts
@@ -0,0 +1,69 @@
+import { ref, watch } from 'vue'
+
+import { isDef } from '@/utils/is'
+
+interface Options {
+  target?: HTMLElement
+}
+export function useCopyToClipboard(initial?: string) {
+  const clipboardRef = ref(initial || '')
+  const isSuccessRef = ref(false)
+  const copiedRef = ref(false)
+
+  watch(
+    clipboardRef,
+    (str?: string) => {
+      if (isDef(str)) {
+        copiedRef.value = true
+        isSuccessRef.value = copyTextToClipboard(str)
+      }
+    },
+    { immediate: !!initial, flush: 'sync' },
+  )
+
+  return { clipboardRef, isSuccessRef, copiedRef }
+}
+
+export function copyTextToClipboard(input: string, { target = document.body }: Options = {}) {
+  const element = document.createElement('textarea')
+  const previouslyFocusedElement = document.activeElement
+
+  element.value = input
+
+  element.setAttribute('readonly', '')
+  ;(element.style as any).contain = 'strict'
+  element.style.position = 'absolute'
+  element.style.left = '-9999px'
+  element.style.fontSize = '12pt'
+
+  const selection = document.getSelection()
+  let originalRange
+  if (selection && selection.rangeCount > 0)
+    originalRange = selection.getRangeAt(0)
+
+  target.append(element)
+  element.select()
+
+  element.selectionStart = 0
+  element.selectionEnd = input.length
+
+  let isSuccess = false
+  try {
+    isSuccess = document.execCommand('copy')
+  }
+  catch (e: any) {
+    throw new Error(e)
+  }
+
+  element.remove()
+
+  if (originalRange && selection) {
+    selection.removeAllRanges()
+    selection.addRange(originalRange)
+  }
+
+  if (previouslyFocusedElement) {
+    ;(previouslyFocusedElement as HTMLElement).focus()
+  }
+  return isSuccess
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useDesign.ts b/yunxi-ui-admin-vben/src/hooks/web/useDesign.ts
new file mode 100644
index 0000000..f05ac6d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useDesign.ts
@@ -0,0 +1,24 @@
+import { useAppProviderContext } from '@/components/Application'
+
+// import { computed } from 'vue';
+// import { lowerFirst } from 'lodash-es';
+export function useDesign(scope: string) {
+  const values = useAppProviderContext()
+  // const $style = cssModule ? useCssModule() : {};
+
+  // const style: Record<string, string> = {};
+  // if (cssModule) {
+  //   Object.keys($style).forEach((key) => {
+  //     // const moduleCls = $style[key];
+  //     const k = key.replace(new RegExp(`^${values.prefixCls}-?`, 'ig'), '');
+  //     style[lowerFirst(k)] = $style[key];
+  //   });
+  // }
+  return {
+    // prefixCls: computed(() => `${values.prefixCls}-${scope}`),
+    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    prefixCls: `${values.prefixCls}-${scope}`,
+    prefixVar: values.prefixCls,
+    // style,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useECharts.ts b/yunxi-ui-admin-vben/src/hooks/web/useECharts.ts
new file mode 100644
index 0000000..c4a767a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useECharts.ts
@@ -0,0 +1,128 @@
+import type { EChartsOption } from 'echarts'
+import type { Ref } from 'vue'
+import { tryOnUnmounted, useDebounceFn, useTimeoutFn } from '@vueuse/core'
+import { computed, nextTick, ref, unref, watch } from 'vue'
+import { useEventListener } from '@/hooks/event/useEventListener'
+import { useBreakpoint } from '@/hooks/event/useBreakpoint'
+import echarts from '@/utils/lib/echarts'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+
+export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' | 'default' = 'default') {
+  const { getDarkMode: getSysDarkMode } = useRootSetting()
+  const { getCollapsed } = useMenuSetting()
+
+  const getDarkMode = computed(() => {
+    return theme === 'default' ? getSysDarkMode.value : theme
+  })
+  let chartInstance: echarts.ECharts | null = null
+  let resizeFn: Fn = resize
+  const cacheOptions = ref({}) as Ref<EChartsOption>
+  let removeResizeFn: Fn = () => {}
+
+  resizeFn = useDebounceFn(resize, 200)
+
+  const getOptions = computed(() => {
+    if (getDarkMode.value !== 'dark')
+      return cacheOptions.value
+
+    return {
+      backgroundColor: 'transparent',
+      ...cacheOptions.value,
+    } as EChartsOption
+  })
+
+  function initCharts(t = theme) {
+    const el = unref(elRef)
+    if (!el || !unref(el))
+      return
+
+    chartInstance = echarts.init(el, t)
+    const { removeEvent } = useEventListener({
+      el: window,
+      name: 'resize',
+      listener: resizeFn,
+    })
+    removeResizeFn = removeEvent
+    const { widthRef, screenEnum } = useBreakpoint()
+    if (unref(widthRef) <= screenEnum.MD || el.offsetHeight === 0) {
+      useTimeoutFn(() => {
+        resizeFn()
+      }, 30)
+    }
+  }
+
+  function setOptions(options: EChartsOption, clear = true) {
+    cacheOptions.value = options
+    return new Promise((resolve) => {
+      if (unref(elRef)?.offsetHeight === 0) {
+        useTimeoutFn(() => {
+          setOptions(unref(getOptions))
+          resolve(null)
+        }, 30)
+      }
+      nextTick(() => {
+        useTimeoutFn(() => {
+          if (!chartInstance) {
+            initCharts(getDarkMode.value as 'default')
+
+            if (!chartInstance)
+              return
+          }
+          clear && chartInstance?.clear()
+
+          chartInstance?.setOption(unref(getOptions))
+          resolve(null)
+        }, 30)
+      })
+    })
+  }
+
+  function resize() {
+    chartInstance?.resize({
+      animation: {
+        duration: 300,
+        easing: 'quadraticIn',
+      },
+    })
+  }
+
+  watch(
+    () => getDarkMode.value,
+    (theme) => {
+      if (chartInstance) {
+        chartInstance.dispose()
+        initCharts(theme as 'default')
+        setOptions(cacheOptions.value)
+      }
+    },
+  )
+
+  watch(getCollapsed, (_) => {
+    useTimeoutFn(() => {
+      resizeFn()
+    }, 300)
+  })
+
+  tryOnUnmounted(() => {
+    if (!chartInstance)
+      return
+    removeResizeFn()
+    chartInstance.dispose()
+    chartInstance = null
+  })
+
+  function getInstance(): echarts.ECharts | null {
+    if (!chartInstance)
+      initCharts(getDarkMode.value as 'default')
+
+    return chartInstance
+  }
+
+  return {
+    setOptions,
+    resize,
+    echarts,
+    getInstance,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useFullContent.ts b/yunxi-ui-admin-vben/src/hooks/web/useFullContent.ts
new file mode 100644
index 0000000..9a94fb3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useFullContent.ts
@@ -0,0 +1,27 @@
+import { computed, unref } from 'vue'
+
+import { useRouter } from 'vue-router'
+import { useAppStore } from '@/store/modules/app'
+
+/**
+ * @description: Full screen display content
+ */
+export function useFullContent() {
+  const appStore = useAppStore()
+  const router = useRouter()
+  const { currentRoute } = router
+
+  // Whether to display the content in full screen without displaying the menu
+  const getFullContent = computed(() => {
+    // Query parameters, the full screen is displayed when the address bar has a full parameter
+    const route = unref(currentRoute)
+    const query = route.query
+    if (query && Reflect.has(query, '__full__'))
+      return true
+
+    // Return to the configuration in the configuration file
+    return appStore.getProjectConfig.fullContent
+  })
+
+  return { getFullContent }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useI18n.ts b/yunxi-ui-admin-vben/src/hooks/web/useI18n.ts
new file mode 100644
index 0000000..e5e9d04
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useI18n.ts
@@ -0,0 +1,56 @@
+import { i18n } from '@/locales/setupI18n'
+
+interface I18nGlobalTranslation {
+  (key: string): string
+  (key: string, locale: string): string
+  (key: string, locale: string, list: unknown[]): string
+  (key: string, locale: string, named: Record<string, unknown>): string
+  (key: string, list: unknown[]): string
+  (key: string, named: Record<string, unknown>): string
+}
+
+type I18nTranslationRestParameters = [string, any]
+
+function getKey(namespace: string | undefined, key: string) {
+  if (!namespace)
+    return key
+
+  if (key.startsWith(namespace))
+    return key
+
+  return `${namespace}.${key}`
+}
+
+export function useI18n(namespace?: string): {
+  t: I18nGlobalTranslation
+} {
+  const normalFn = {
+    t: (key: string) => {
+      return getKey(namespace, key)
+    },
+  }
+
+  if (!i18n)
+    return normalFn
+
+  const { t, ...methods } = i18n.global
+
+  const tFn: I18nGlobalTranslation = (key: string, ...arg: any[]) => {
+    if (!key)
+      return ''
+    if (!key.includes('.') && !namespace)
+      return key
+    return t(getKey(namespace, key), ...(arg as I18nTranslationRestParameters))
+  }
+  return {
+    ...methods,
+    t: tFn,
+  }
+}
+
+// Why write this function？
+// Mainly to configure the vscode i18nn ally plugin. This function is only used for routing and menus. Please use useI18n for other places
+
+// 为什么要编写此函数？
+// 主要用于配合vscode i18nn ally插件。此功能仅用于路由和菜单。请在其他地方使用useI18n
+export const t = (key: string) => key
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useLockPage.ts b/yunxi-ui-admin-vben/src/hooks/web/useLockPage.ts
new file mode 100644
index 0000000..ac01785
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useLockPage.ts
@@ -0,0 +1,76 @@
+import { computed, onUnmounted, unref, watchEffect } from 'vue'
+import { useThrottleFn } from '@vueuse/core'
+
+import { useRootSetting } from '../setting/useRootSetting'
+import { useAppStore } from '@/store/modules/app'
+import { useLockStore } from '@/store/modules/lock'
+
+import { useUserStore } from '@/store/modules/user'
+
+export function useLockPage() {
+  const { getLockTime } = useRootSetting()
+  const lockStore = useLockStore()
+  const userStore = useUserStore()
+  const appStore = useAppStore()
+
+  let timeId: TimeoutHandle
+
+  function clear(): void {
+    window.clearTimeout(timeId)
+  }
+
+  function resetCalcLockTimeout(): void {
+    // not login
+    if (!userStore.getAccessToken) {
+      clear()
+      return
+    }
+    const lockTime = appStore.getProjectConfig.lockTime
+    if (!lockTime || lockTime < 1) {
+      clear()
+      return
+    }
+    clear()
+
+    timeId = setTimeout(
+      () => {
+        lockPage()
+      },
+      lockTime * 60 * 1000,
+    )
+  }
+
+  function lockPage(): void {
+    lockStore.setLockInfo({
+      isLock: true,
+      pwd: undefined,
+    })
+  }
+
+  watchEffect((onClean) => {
+    if (userStore.getAccessToken)
+      resetCalcLockTimeout()
+    else
+      clear()
+
+    onClean(() => {
+      clear()
+    })
+  })
+
+  onUnmounted(() => {
+    clear()
+  })
+
+  const keyupFn = useThrottleFn(resetCalcLockTimeout, 2000)
+
+  return computed(() => {
+    if (unref(getLockTime)) {
+      return { onKeyup: keyupFn, onMousemove: keyupFn }
+    }
+    else {
+      clear()
+      return {}
+    }
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useMessage.tsx b/yunxi-ui-admin-vben/src/hooks/web/useMessage.tsx
new file mode 100644
index 0000000..0ce8cd9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useMessage.tsx
@@ -0,0 +1,121 @@
+import type { ModalFunc, ModalFuncProps } from 'ant-design-vue/lib/modal/Modal'
+
+import { message as Message, Modal, notification } from 'ant-design-vue'
+import { CheckCircleFilled, CloseCircleFilled, InfoCircleFilled } from '@ant-design/icons-vue'
+
+import type { ConfigProps, NotificationArgsProps } from 'ant-design-vue/lib/notification'
+import { useI18n } from './useI18n'
+import { isString } from '@/utils/is'
+
+export interface NotifyApi {
+  info(config: NotificationArgsProps): void
+  success(config: NotificationArgsProps): void
+  error(config: NotificationArgsProps): void
+  warn(config: NotificationArgsProps): void
+  warning(config: NotificationArgsProps): void
+  open(args: NotificationArgsProps): void
+  close(key: string): void
+  config(options: ConfigProps): void
+  destroy(): void
+}
+
+export declare type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'
+export declare type IconType = 'success' | 'info' | 'error' | 'warning'
+export interface ModalOptionsEx extends Omit<ModalFuncProps, 'iconType'> {
+  iconType: 'warning' | 'success' | 'error' | 'info'
+}
+export type ModalOptionsPartial = Partial<ModalOptionsEx> & Pick<ModalOptionsEx, 'content'>
+
+interface ConfirmOptions {
+  info: ModalFunc
+  success: ModalFunc
+  error: ModalFunc
+  warn: ModalFunc
+  warning: ModalFunc
+}
+
+function getIcon(iconType: string) {
+  if (iconType === 'warning')
+    return <InfoCircleFilled class="modal-icon-warning" />
+  else if (iconType === 'success')
+    return <CheckCircleFilled class="modal-icon-success" />
+  else if (iconType === 'info')
+    return <InfoCircleFilled class="modal-icon-info" />
+  else
+    return <CloseCircleFilled class="modal-icon-error" />
+}
+
+function renderContent({ content }: Pick<ModalOptionsEx, 'content'>) {
+  if (isString(content))
+    return <div innerHTML={`<div>${content}</div>`}></div>
+  else
+    return content
+}
+
+/**
+ * @description: Create confirmation box
+ */
+function createConfirm(options: ModalOptionsEx): ConfirmOptions {
+  const iconType = options.iconType || 'warning'
+  Reflect.deleteProperty(options, 'iconType')
+  const opt: ModalFuncProps = {
+    centered: true,
+    icon: getIcon(iconType),
+    ...options,
+    content: renderContent(options),
+  }
+  return Modal.confirm(opt) as unknown as ConfirmOptions
+}
+
+function getBaseOptions() {
+  const { t } = useI18n()
+  return {
+    okText: t('common.okText'),
+    centered: true,
+  }
+}
+
+function createModalOptions(options: ModalOptionsPartial, icon: string): ModalOptionsPartial {
+  return {
+    ...getBaseOptions(),
+    ...options,
+    content: renderContent(options),
+    icon: getIcon(icon),
+  }
+}
+
+function createSuccessModal(options: ModalOptionsPartial) {
+  return Modal.success(createModalOptions(options, 'success'))
+}
+
+function createErrorModal(options: ModalOptionsPartial) {
+  return Modal.error(createModalOptions(options, 'close'))
+}
+
+function createInfoModal(options: ModalOptionsPartial) {
+  return Modal.info(createModalOptions(options, 'info'))
+}
+
+function createWarningModal(options: ModalOptionsPartial) {
+  return Modal.warning(createModalOptions(options, 'warning'))
+}
+
+notification.config({
+  placement: 'topRight',
+  duration: 3,
+})
+
+/**
+ * @description: message
+ */
+export function useMessage() {
+  return {
+    createMessage: Message,
+    notification: notification as NotifyApi,
+    createConfirm,
+    createSuccessModal,
+    createErrorModal,
+    createInfoModal,
+    createWarningModal,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/usePage.ts b/yunxi-ui-admin-vben/src/hooks/web/usePage.ts
new file mode 100644
index 0000000..bc2608f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/usePage.ts
@@ -0,0 +1,56 @@
+/* eslint-disable @typescript-eslint/unbound-method */
+import type { RouteLocationRaw, Router } from 'vue-router'
+
+import { unref } from 'vue'
+
+import { useRouter } from 'vue-router'
+import { PageEnum } from '@/enums/pageEnum'
+import { REDIRECT_NAME } from '@/router/constant'
+
+export type PathAsPageEnum<T> = T extends { path: string } ? T & { path: PageEnum } : T
+export type RouteLocationRawEx = PathAsPageEnum<RouteLocationRaw>
+
+function handleError(e: Error) {
+  console.error(e)
+}
+
+/**
+ * page switch
+ */
+export function useGo(_router?: Router) {
+  const { push, replace } = _router || useRouter()
+  function go(opt: RouteLocationRawEx = PageEnum.BASE_HOME, isReplace = false) {
+    if (!opt)
+      return
+
+    isReplace ? replace(opt).catch(handleError) : push(opt).catch(handleError)
+  }
+  return go
+}
+
+/**
+ * @description: redo current page
+ */
+export function useRedo(_router?: Router) {
+  const { replace, currentRoute } = _router || useRouter()
+  const { query, params = {}, name, fullPath } = unref(currentRoute.value)
+  function redo(): Promise<boolean> {
+    return new Promise((resolve) => {
+      if (name === REDIRECT_NAME) {
+        resolve(false)
+        return
+      }
+      if (name && Object.keys(params).length > 0) {
+        params._origin_params = JSON.stringify(params ?? {})
+        params._redirect_type = 'name'
+        params.path = String(name)
+      }
+      else {
+        params._redirect_type = 'path'
+        params.path = fullPath
+      }
+      replace({ name: REDIRECT_NAME, params, query }).then(() => resolve(true))
+    })
+  }
+  return redo
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/usePagination.ts b/yunxi-ui-admin-vben/src/hooks/web/usePagination.ts
new file mode 100644
index 0000000..9506206
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/usePagination.ts
@@ -0,0 +1,31 @@
+import type { Ref } from 'vue'
+import { computed, ref, unref } from 'vue'
+
+function pagination<T = any>(list: T[], pageNo: number, pageSize: number): T[] {
+  const offset = (pageNo - 1) * Number(pageSize)
+  const ret = offset + Number(pageSize) >= list.length ? list.slice(offset, list.length) : list.slice(offset, offset + Number(pageSize))
+  return ret
+}
+
+export function usePagination<T = any>(list: Ref<T[]>, pageSize: number) {
+  const currentPage = ref(1)
+  const pageSizeRef = ref(pageSize)
+
+  const getPaginationList = computed(() => {
+    return pagination(unref(list), unref(currentPage), unref(pageSizeRef))
+  })
+
+  const getTotal = computed(() => {
+    return unref(list).length
+  })
+
+  function setCurrentPage(page: number) {
+    currentPage.value = page
+  }
+
+  function setPageSize(pageSize: number) {
+    pageSizeRef.value = pageSize
+  }
+
+  return { setCurrentPage, getTotal, setPageSize, getPaginationList }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/usePermission.ts b/yunxi-ui-admin-vben/src/hooks/web/usePermission.ts
new file mode 100644
index 0000000..35a55bd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/usePermission.ts
@@ -0,0 +1,110 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+import { intersection } from 'lodash-es'
+import { useTabs } from './useTabs'
+import { useAppStore } from '@/store/modules/app'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useUserStore } from '@/store/modules/user'
+
+import { resetRouter, router } from '@/router'
+
+// import { RootRoute } from '@/router/routes';
+
+import projectSetting from '@/settings/projectSetting'
+import { PermissionModeEnum } from '@/enums/appEnum'
+import type { RoleEnum } from '@/enums/roleEnum'
+
+import { isArray } from '@/utils/is'
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+
+// User permissions related operations
+export function usePermission() {
+  const userStore = useUserStore()
+  const appStore = useAppStore()
+  const permissionStore = usePermissionStore()
+  const { closeAll } = useTabs(router)
+
+  /**
+   * Change permission mode
+   */
+  function togglePermissionMode() {
+    appStore.setProjectConfig({
+      permissionMode: projectSetting.permissionMode
+      === PermissionModeEnum.BACK
+        ? PermissionModeEnum.ROUTE_MAPPING
+        : PermissionModeEnum.BACK,
+    })
+    location.reload()
+  }
+
+  /**
+   * Reset and regain authority resource information
+   * 重置和重新获得权限资源信息
+   * @param id
+   */
+  async function resume() {
+    const tabStore = useMultipleTabStore()
+    tabStore.clearCacheTabs()
+    resetRouter()
+    const routes = await permissionStore.buildRoutesAction()
+    routes.forEach((route) => {
+      try {
+        router.addRoute(route as unknown as RouteRecordRaw)
+      }
+      catch (e) {}
+    })
+    permissionStore.setLastBuildMenuTime()
+    closeAll()
+  }
+
+  /**
+   * Determine whether there is permission
+   */
+  function hasPermission(value?: RoleEnum | RoleEnum[] | string | string[], def = true): boolean {
+    // Visible by default
+    if (!value)
+      return def
+
+    const permMode = projectSetting.permissionMode
+
+    if ([PermissionModeEnum.ROUTE_MAPPING, PermissionModeEnum.ROLE].includes(permMode)) {
+      if (!isArray(value))
+        return userStore.getRoleList?.includes(value as RoleEnum)
+
+      return (intersection(value, userStore.getRoleList) as RoleEnum[]).length > 0
+    }
+
+    if (PermissionModeEnum.BACK === permMode) {
+      const allCodeList = permissionStore.getPermCodeList as string[]
+      if (!isArray(value))
+        return allCodeList.includes(value)
+
+      return (intersection(value, allCodeList)).length > 0
+    }
+    return true
+  }
+
+  /**
+   * Change roles
+   * @param roles
+   */
+  async function changeRole(roles: RoleEnum | RoleEnum[]): Promise<void> {
+    if (projectSetting.permissionMode !== PermissionModeEnum.ROUTE_MAPPING)
+      throw new Error('Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!')
+
+    if (!isArray(roles))
+      roles = [roles]
+
+    userStore.setRoleList(roles)
+    await resume()
+  }
+
+  /**
+   * refresh menu data
+   */
+  function refreshMenu() {
+    resume()
+  }
+
+  return { changeRole, hasPermission, togglePermissionMode, refreshMenu }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useScript.ts b/yunxi-ui-admin-vben/src/hooks/web/useScript.ts
new file mode 100644
index 0000000..70f8afe
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useScript.ts
@@ -0,0 +1,46 @@
+import { onMounted, onUnmounted, ref } from 'vue'
+
+interface ScriptOptions {
+  src: string
+}
+
+export function useScript(opts: ScriptOptions) {
+  const isLoading = ref(false)
+  const error = ref(false)
+  const success = ref(false)
+  let script: HTMLScriptElement
+
+  const promise = new Promise((resolve, reject) => {
+    onMounted(() => {
+      script = document.createElement('script')
+      script.type = 'text/javascript'
+      script.onload = function () {
+        isLoading.value = false
+        success.value = true
+        error.value = false
+        resolve('')
+      }
+
+      script.onerror = function (err) {
+        isLoading.value = false
+        success.value = false
+        error.value = true
+        reject(err)
+      }
+
+      script.src = opts.src
+      document.head.appendChild(script)
+    })
+  })
+
+  onUnmounted(() => {
+    script && script.remove()
+  })
+
+  return {
+    isLoading,
+    error,
+    success,
+    toPromise: () => promise,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useSortable.ts b/yunxi-ui-admin-vben/src/hooks/web/useSortable.ts
new file mode 100644
index 0000000..e17d62d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useSortable.ts
@@ -0,0 +1,22 @@
+import { nextTick, unref } from 'vue'
+import type { Ref } from 'vue'
+import type { Options } from 'sortablejs'
+
+export function useSortable(el: HTMLElement | Ref<HTMLElement>, options?: Options) {
+  function initSortable() {
+    nextTick(async () => {
+      if (!el)
+        return
+
+      const Sortable = (await import('sortablejs')).default
+      Sortable.create(unref(el), {
+        animation: 500,
+        delay: 400,
+        delayOnTouchOnly: true,
+        ...options,
+      })
+    })
+  }
+
+  return { initSortable }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useTabs.ts b/yunxi-ui-admin-vben/src/hooks/web/useTabs.ts
new file mode 100644
index 0000000..af90f7c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useTabs.ts
@@ -0,0 +1,104 @@
+/* eslint-disable @typescript-eslint/await-thenable */
+import type { RouteLocationNormalized, Router } from 'vue-router'
+
+import { useRouter } from 'vue-router'
+import { unref } from 'vue'
+
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+import { useAppStore } from '@/store/modules/app'
+
+enum TableActionEnum {
+  REFRESH,
+  CLOSE_ALL,
+  CLOSE_LEFT,
+  CLOSE_RIGHT,
+  CLOSE_OTHER,
+  CLOSE_CURRENT,
+  CLOSE,
+}
+
+export function useTabs(_router?: Router) {
+  const appStore = useAppStore()
+
+  function canIUseTabs(): boolean {
+    const { show } = appStore.getMultiTabsSetting
+    if (!show)
+      throw new Error('The multi-tab page is currently not open, please open it in the settings！')
+
+    return !!show
+  }
+
+  const tabStore = useMultipleTabStore()
+  const router = _router || useRouter()
+
+  const { currentRoute } = router
+
+  function getCurrentTab() {
+    const route = unref(currentRoute)
+    return tabStore.getTabList.find(item => item.fullPath === route.fullPath)!
+  }
+
+  async function updateTabTitle(title: string, tab?: RouteLocationNormalized) {
+    const canIUse = canIUseTabs
+    if (!canIUse)
+      return
+
+    const targetTab = tab || getCurrentTab()
+    await tabStore.setTabTitle(title, targetTab)
+  }
+
+  async function updateTabPath(path: string, tab?: RouteLocationNormalized) {
+    const canIUse = canIUseTabs
+    if (!canIUse)
+      return
+
+    const targetTab = tab || getCurrentTab()
+    await tabStore.updateTabPath(path, targetTab)
+  }
+
+  async function handleTabAction(action: TableActionEnum, tab?: RouteLocationNormalized) {
+    const canIUse = canIUseTabs
+    if (!canIUse)
+      return
+
+    const currentTab = getCurrentTab()
+    switch (action) {
+      case TableActionEnum.REFRESH:
+        await tabStore.refreshPage(router)
+        break
+
+      case TableActionEnum.CLOSE_ALL:
+        await tabStore.closeAllTab(router)
+        break
+
+      case TableActionEnum.CLOSE_LEFT:
+        await tabStore.closeLeftTabs(currentTab, router)
+        break
+
+      case TableActionEnum.CLOSE_RIGHT:
+        await tabStore.closeRightTabs(currentTab, router)
+        break
+
+      case TableActionEnum.CLOSE_OTHER:
+        await tabStore.closeOtherTabs(currentTab, router)
+        break
+
+      case TableActionEnum.CLOSE_CURRENT:
+      case TableActionEnum.CLOSE:
+        await tabStore.closeTab(tab || currentTab, router)
+        break
+    }
+  }
+
+  return {
+    refreshPage: () => handleTabAction(TableActionEnum.REFRESH),
+    closeAll: () => handleTabAction(TableActionEnum.CLOSE_ALL),
+    closeLeft: () => handleTabAction(TableActionEnum.CLOSE_LEFT),
+    closeRight: () => handleTabAction(TableActionEnum.CLOSE_RIGHT),
+    closeOther: () => handleTabAction(TableActionEnum.CLOSE_OTHER),
+    closeCurrent: () => handleTabAction(TableActionEnum.CLOSE_CURRENT),
+    close: (tab?: RouteLocationNormalized) => handleTabAction(TableActionEnum.CLOSE, tab),
+    setTitle: (title: string, tab?: RouteLocationNormalized) => updateTabTitle(title, tab),
+    updatePath: (fullPath: string, tab?: RouteLocationNormalized) => updateTabPath(fullPath, tab),
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/hooks/web/useTitle.ts b/yunxi-ui-admin-vben/src/hooks/web/useTitle.ts
new file mode 100644
index 0000000..5355179
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/hooks/web/useTitle.ts
@@ -0,0 +1,34 @@
+import { unref, watch } from 'vue'
+import { useTitle as usePageTitle } from '@vueuse/core'
+import { useRouter } from 'vue-router'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useGlobSetting } from '@/hooks/setting'
+import { useLocaleStore } from '@/store/modules/locale'
+
+import { REDIRECT_NAME } from '@/router/constant'
+
+/**
+ * Listening to page changes and dynamically changing site titles
+ */
+export function useTitle() {
+  const { title } = useGlobSetting()
+  const { t } = useI18n()
+  const { currentRoute } = useRouter()
+  const localeStore = useLocaleStore()
+
+  const pageTitle = usePageTitle()
+
+  watch(
+    [() => currentRoute.value.path, () => localeStore.getLocale],
+    () => {
+      const route = unref(currentRoute)
+
+      if (route.name === REDIRECT_NAME)
+        return
+
+      const tTitle = t(route?.meta?.title)
+      pageTitle.value = tTitle ? ` ${tTitle} - ${title} ` : `${title}`
+    },
+    { immediate: true },
+  )
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/content/index.vue b/yunxi-ui-admin-vben/src/layouts/default/content/index.vue
new file mode 100644
index 0000000..156f661
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/content/index.vue
@@ -0,0 +1,44 @@
+<script lang="ts" setup>
+import { useContentViewHeight } from './useContentViewHeight'
+import PageLayout from '@/layouts/page/index.vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting'
+
+defineOptions({ name: 'LayoutContent' })
+
+const { prefixCls } = useDesign('layout-content')
+const { getOpenPageLoading } = useTransitionSetting()
+const { getLayoutContentMode, getPageLoading } = useRootSetting()
+
+useContentViewHeight()
+</script>
+
+<template>
+  <div v-loading="getOpenPageLoading && getPageLoading" :class="[prefixCls, getLayoutContentMode]">
+    <PageLayout />
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-layout-content';
+
+.@{prefix-cls} {
+  position: relative;
+  flex: 1 1 auto;
+  min-height: 0;
+
+  // begin: 下面这块代码 在我的项目打包后在比较宽的屏幕(2K 31 寸)有显示 bug 有偶发性 清缓存首次进入会出现 , 刷新就没了, 这里为什么要指定宽度 ?
+  &.fixed {
+    width: 1200px;
+    margin: 0 auto;
+  }
+  // end
+
+  &-loading {
+    position: absolute;
+    top: 200px;
+    z-index: @page-loading-z-index;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/content/useContentContext.ts b/yunxi-ui-admin-vben/src/layouts/default/content/useContentContext.ts
new file mode 100644
index 0000000..698877b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/content/useContentContext.ts
@@ -0,0 +1,17 @@
+import type { ComputedRef, InjectionKey } from 'vue'
+import { createContext, useContext } from '@/hooks/core/useContext'
+
+export interface ContentContextProps {
+  contentHeight: ComputedRef<number>
+  setPageHeight: (height: number) => Promise<void>
+}
+
+const key: InjectionKey<ContentContextProps> = Symbol('content-context')
+
+export function createContentContext(context: ContentContextProps) {
+  return createContext<ContentContextProps>(context, key, { native: true })
+}
+
+export function useContentContext() {
+  return useContext<ContentContextProps>(key)
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/content/useContentViewHeight.ts b/yunxi-ui-admin-vben/src/layouts/default/content/useContentViewHeight.ts
new file mode 100644
index 0000000..629ee36
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/content/useContentViewHeight.ts
@@ -0,0 +1,41 @@
+import { computed, ref, unref } from 'vue'
+import { createPageContext } from '@/hooks/component/usePageContext'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+
+const headerHeightRef = ref(0)
+const footerHeightRef = ref(0)
+
+export function useLayoutHeight() {
+  function setHeaderHeight(val) {
+    headerHeightRef.value = val
+  }
+  function setFooterHeight(val) {
+    footerHeightRef.value = val
+  }
+  return { headerHeightRef, footerHeightRef, setHeaderHeight, setFooterHeight }
+}
+
+export function useContentViewHeight() {
+  const contentHeight = ref(window.innerHeight)
+  const pageHeight = ref(window.innerHeight)
+  const getViewHeight = computed(() => {
+    return unref(contentHeight) - unref(headerHeightRef) - unref(footerHeightRef) || 0
+  })
+
+  useWindowSizeFn(
+    () => {
+      contentHeight.value = window.innerHeight
+    },
+    { wait: 100, immediate: true },
+  )
+
+  function setPageHeight(height: number) {
+    pageHeight.value = height
+  }
+
+  createPageContext({
+    contentHeight: getViewHeight,
+    setPageHeight,
+    pageHeight,
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/feature/index.vue b/yunxi-ui-admin-vben/src/layouts/default/feature/index.vue
new file mode 100644
index 0000000..6194623
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/feature/index.vue
@@ -0,0 +1,84 @@
+<script lang="ts" setup>
+import { FloatButton } from 'ant-design-vue'
+import { QuestionCircleOutlined } from '@ant-design/icons-vue'
+import { computed, unref } from 'vue'
+
+import { SettingButtonPositionEnum } from '@/enums/appEnum'
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useUserStoreWithOut } from '@/store/modules/user'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+import SessionTimeoutLogin from '@/views/base/login/SessionTimeoutLogin.vue'
+import { openWindow } from '@/utils'
+import { SITE_URL } from '@/settings/siteSetting'
+
+defineOptions({ name: 'LayoutFeatures' })
+const LayoutLockPage = createAsyncComponent(() => import('@/views/base/lock/index.vue'))
+const SettingDrawer = createAsyncComponent(() => import('@/layouts/default/setting/index.vue'))
+
+const { getUseOpenBackTop, getShowSettingButton, getSettingButtonPosition, getFullContent }
+    = useRootSetting()
+
+const getTarget = () => document.body
+const userStore = useUserStoreWithOut()
+const { prefixCls } = useDesign('setting-drawer-feature')
+const { getShowHeader } = useHeaderSetting()
+
+const getIsSessionTimeout = computed(() => userStore.getSessionTimeout)
+
+const getIsFixedSettingDrawer = computed(() => {
+  if (!unref(getShowSettingButton))
+    return false
+
+  const settingButtonPosition = unref(getSettingButtonPosition)
+
+  if (settingButtonPosition === SettingButtonPositionEnum.AUTO)
+    return !unref(getShowHeader) || unref(getFullContent)
+
+  return settingButtonPosition === SettingButtonPositionEnum.FIXED
+})
+</script>
+
+<template>
+  <LayoutLockPage />
+  <FloatButton.BackTop v-if="getUseOpenBackTop" :target="getTarget" />
+  <FloatButton
+    shape="circle"
+    type="primary"
+    :badge="{ dot: true }"
+    :style="{
+      right: '64px',
+    }"
+    @click="openWindow(SITE_URL)"
+  >
+    <template #icon>
+      <QuestionCircleOutlined />
+    </template>
+  </FloatButton>
+  <SettingDrawer v-if="getIsFixedSettingDrawer" :class="prefixCls" />
+  <SessionTimeoutLogin v-if="getIsSessionTimeout" />
+</template>
+
+<style lang="less">
+  @prefix-cls: ~'@{namespace}-setting-drawer-feature';
+
+  .@{prefix-cls} {
+    position: absolute;
+    top: 45%;
+    right: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+    color: @white;
+    cursor: pointer;
+    border-radius: 6px 0 0 6px;
+
+    svg {
+      width: 1em;
+      height: 1em;
+    }
+  }
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/footer/index.vue b/yunxi-ui-admin-vben/src/layouts/default/footer/index.vue
new file mode 100644
index 0000000..de6cef2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/footer/index.vue
@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { computed, ref, unref } from 'vue'
+import { Layout } from 'ant-design-vue'
+
+import { GithubFilled } from '@ant-design/icons-vue'
+
+import { useRouter } from 'vue-router'
+import { useLayoutHeight } from '../content/useContentViewHeight'
+import { DOC_URL, GITHUB_URL, SITE_URL } from '@/settings/siteSetting'
+import { openWindow } from '@/utils'
+
+import { useI18n } from '@/hooks/web/useI18n'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+
+defineOptions({ name: 'LayoutFooter' })
+
+const SITE_TITLE = ref(import.meta.env.VITE_GLOB_APP_TITLE)
+
+const Footer = Layout.Footer
+
+const { t } = useI18n()
+const { getShowFooter } = useRootSetting()
+const { currentRoute } = useRouter()
+
+const footerRef = ref<ComponentRef>(null)
+const { setFooterHeight } = useLayoutHeight()
+
+const getShowLayoutFooter = computed(() => {
+  if (unref(getShowFooter)) {
+    const footerEl = unref(footerRef)?.$el
+    setFooterHeight(footerEl?.offsetHeight || 0)
+  }
+  else {
+    setFooterHeight(0)
+  }
+  return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter
+})
+</script>
+
+<template>
+  <Footer v-if="getShowLayoutFooter" ref="footerRef" class="text-center text-[var(--normal-text)]">
+    <div class="mb-2">
+      <a class="text-[var(--normal-text)] hover:text-[var(--hover-text)]" @click="openWindow(SITE_URL)">外包咨询</a>
+
+      <GithubFilled class="mx-7.5 hover:text-[var(--hover-text)]" @click="openWindow(GITHUB_URL)" />
+
+      <a class="text-[var(--normal-text)] hover:text-[var(--hover-text)]" @click="openWindow(DOC_URL)">{{
+        t('layout.footer.onlineDocument') }}</a>
+    </div>
+    <div>Copyright &copy;2023 {{ SITE_TITLE }}</div>
+  </Footer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/MultipleHeader.vue b/yunxi-ui-admin-vben/src/layouts/default/header/MultipleHeader.vue
new file mode 100644
index 0000000..d98b581
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/MultipleHeader.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, unref } from 'vue'
+
+import MultipleTabs from '../tabs/index.vue'
+import { useLayoutHeight } from '../content/useContentViewHeight'
+import LayoutHeader from './index.vue'
+
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useFullContent } from '@/hooks/web/useFullContent'
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
+import { useAppInject } from '@/hooks/web/useAppInject'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'LayoutMultipleHeader' })
+
+const HEADER_HEIGHT = 48
+
+const TABS_HEIGHT = 32
+
+const { setHeaderHeight } = useLayoutHeight()
+const { prefixCls } = useDesign('layout-multiple-header')
+
+const { getCalcContentWidth, getSplit } = useMenuSetting()
+const { getIsMobile } = useAppInject()
+const { getFixed, getShowInsetHeaderRef, getShowFullHeaderRef, getHeaderTheme, getShowHeader } = useHeaderSetting()
+
+const { getFullContent } = useFullContent()
+
+const { getShowMultipleTab } = useMultipleTabSetting()
+
+const getShowTabs = computed(() => {
+  return unref(getShowMultipleTab) && !unref(getFullContent)
+})
+
+const getIsShowPlaceholderDom = computed(() => {
+  return unref(getFixed) || unref(getShowFullHeaderRef)
+})
+
+const getWrapStyle = computed((): CSSProperties => {
+  const style: CSSProperties = {}
+  if (unref(getFixed))
+    style.width = unref(getIsMobile) ? '100%' : unref(getCalcContentWidth)
+
+  if (unref(getShowFullHeaderRef))
+    style.top = `${HEADER_HEIGHT}px`
+
+  return style
+})
+
+const getIsFixed = computed(() => {
+  return unref(getFixed) || unref(getShowFullHeaderRef)
+})
+
+const getPlaceholderDomStyle = computed((): CSSProperties => {
+  let height = 0
+  if ((unref(getShowFullHeaderRef) || !unref(getSplit)) && unref(getShowHeader) && !unref(getFullContent))
+    height += HEADER_HEIGHT
+
+  if (unref(getShowMultipleTab) && !unref(getFullContent))
+    height += TABS_HEIGHT
+
+  setHeaderHeight(height)
+  return {
+    height: `${height}px`,
+  }
+})
+
+const getClass = computed(() => {
+  return [prefixCls, `${prefixCls}--${unref(getHeaderTheme)}`, { [`${prefixCls}--fixed`]: unref(getIsFixed) }]
+})
+</script>
+
+<template>
+  <div v-if="getIsShowPlaceholderDom" :style="getPlaceholderDomStyle" />
+  <div :style="getWrapStyle" :class="getClass">
+    <LayoutHeader v-if="getShowInsetHeaderRef" />
+    <MultipleTabs v-if="getShowTabs" />
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-layout-multiple-header';
+
+.@{prefix-cls} {
+  flex: 0 0 auto;
+  transition: width 0.2s;
+
+  &--dark {
+    margin-left: -1px;
+  }
+
+  &--fixed {
+    position: fixed;
+    top: 0;
+    z-index: @multiple-tab-fixed-z-index;
+    width: 100%;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/Breadcrumb.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/Breadcrumb.vue
new file mode 100644
index 0000000..6b1d8d8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/Breadcrumb.vue
@@ -0,0 +1,193 @@
+<script lang="ts" setup>
+import type { RouteLocationMatched } from 'vue-router'
+import { useRouter } from 'vue-router'
+import { ref, watchEffect } from 'vue'
+import { Breadcrumb } from 'ant-design-vue'
+import type { Menu } from '@/router/types'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { propTypes } from '@/utils/propTypes'
+import { isString } from '@/utils/is'
+import { filter } from '@/utils/helper/treeHelper'
+import { getMenus } from '@/router/menus'
+import { REDIRECT_NAME } from '@/router/constant'
+import { getAllParentPath } from '@/router/helper/menuHelper'
+import { Icon } from '@/components/Icon'
+
+defineOptions({ name: 'LayoutBreadcrumb' })
+
+defineProps({
+  theme: propTypes.oneOf(['dark', 'light']),
+})
+
+const routes = ref<RouteLocationMatched[]>([])
+const { currentRoute } = useRouter()
+const { prefixCls } = useDesign('layout-breadcrumb')
+const { getShowBreadCrumbIcon } = useRootSetting()
+const go = useGo()
+
+const { t } = useI18n()
+watchEffect(async () => {
+  if (currentRoute.value.name === REDIRECT_NAME)
+    return
+  const menus = await getMenus()
+
+  const routeMatched = currentRoute.value.matched
+  const cur = routeMatched?.[routeMatched.length - 1]
+  let path = currentRoute.value.path
+
+  if (cur && cur?.meta?.currentActiveMenu)
+    path = cur.meta.currentActiveMenu as string
+
+  const parent = getAllParentPath(menus, path)
+  const filterMenus = menus.filter(item => item.path === parent[0])
+  const matched = getMatched(filterMenus, parent) as any
+
+  if (!matched || matched.length === 0)
+    return
+
+  const breadcrumbList = filterItem(matched)
+
+  if (currentRoute.value.meta?.currentActiveMenu) {
+    breadcrumbList.push({
+      ...currentRoute.value,
+      name: currentRoute.value.meta?.title || currentRoute.value.name,
+    } as unknown as RouteLocationMatched)
+  }
+  routes.value = breadcrumbList
+})
+
+function getMatched(menus: Menu[], parent: string[]) {
+  const metched: Menu[] = []
+  menus.forEach((item) => {
+    if (parent.includes(item.path)) {
+      metched.push({
+        ...item,
+        name: item.meta?.title || item.name,
+      })
+    }
+    if (item.children?.length)
+      metched.push(...getMatched(item.children, parent))
+  })
+  return metched
+}
+
+function filterItem(list: RouteLocationMatched[]) {
+  return filter(list, (item) => {
+    const { meta, name } = item
+    if (!meta)
+      return !!name
+
+    const { title, hideBreadcrumb, hideMenu } = meta
+    if (!title || hideBreadcrumb || hideMenu)
+      return false
+
+    return true
+  }).filter(item => !item.meta?.hideBreadcrumb)
+}
+
+function handleClick(route: RouteLocationMatched, paths: string[], e: Event) {
+  e?.preventDefault()
+  const { children, redirect, meta } = route
+
+  if (children?.length && !redirect) {
+    e?.stopPropagation()
+    return
+  }
+  if (meta?.carryParam)
+    return
+
+  if (redirect && isString(redirect)) {
+    go(redirect)
+  }
+  else {
+    let goPath = ''
+    if (paths.length === 1) {
+      goPath = paths[0]
+    }
+    else {
+      const ps = paths.slice(1)
+      const lastPath = ps.pop() || ''
+      goPath = `${lastPath}`
+    }
+    goPath = /^\//.test(goPath) ? goPath : `/${goPath}`
+    go(goPath)
+  }
+}
+
+function hasRedirect(routes: RouteLocationMatched[], route: RouteLocationMatched) {
+  return routes.indexOf(route) !== routes.length - 1
+}
+
+function getIcon(route) {
+  return route.icon || route.meta?.icon
+}
+</script>
+
+<template>
+  <div :class="[prefixCls, `${prefixCls}--${theme}`]">
+    <Breadcrumb :routes="routes">
+      <template #itemRender="{ route, routes: routesMatched, paths }">
+        <Icon v-if="getShowBreadCrumbIcon && getIcon(route)" :icon="getIcon(route)" />
+        <span v-if="!hasRedirect(routesMatched, route)">
+          {{ t(route.name || route.meta.title) }}
+        </span>
+        <router-link v-else to="" @click="handleClick(route, paths, $event)">
+          {{ t(route.name || route.meta.title) }}
+        </router-link>
+      </template>
+    </Breadcrumb>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-layout-breadcrumb';
+
+.@{prefix-cls} {
+  display: flex;
+  align-items: center;
+  padding: 0 8px;
+
+  .ant-breadcrumb-link {
+    .anticon {
+      margin-right: 4px;
+      margin-bottom: 2px;
+    }
+  }
+
+  &--light {
+    .ant-breadcrumb-link {
+      color: #999;
+
+      a {
+        color: rgb(0 0 0 / 65%);
+      }
+    }
+
+    .ant-breadcrumb-separator {
+      color: #999;
+    }
+  }
+
+  &--dark {
+    .ant-breadcrumb-link {
+      color: rgb(255 255 255 / 60%);
+
+      a {
+        color: rgb(255 255 255 / 80%);
+
+        &:hover {
+          color: @white;
+        }
+      }
+    }
+
+    .ant-breadcrumb-separator,
+    .anticon {
+      color: rgb(255 255 255 / 80%);
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/ErrorAction.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/ErrorAction.vue
new file mode 100644
index 0000000..ded1555
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/ErrorAction.vue
@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Badge, Tooltip } from 'ant-design-vue'
+import { useRouter } from 'vue-router'
+import { Icon } from '@/components/Icon'
+
+import { useI18n } from '@/hooks/web/useI18n'
+import { useErrorLogStore } from '@/store/modules/errorLog'
+import { PageEnum } from '@/enums/pageEnum'
+
+defineOptions({ name: 'ErrorAction' })
+
+const { t } = useI18n()
+const { push } = useRouter()
+const errorLogStore = useErrorLogStore()
+
+const getCount = computed(() => errorLogStore.getErrorLogListCount)
+
+function handleToErrorList() {
+  push(PageEnum.ERROR_LOG_PAGE).then(() => {
+    errorLogStore.setErrorLogListCount(0)
+  })
+}
+</script>
+
+<template>
+  <Tooltip :title="t('layout.header.tooltipErrorLog')" placement="bottom" :mouse-enter-delay="0.5" @click="handleToErrorList">
+    <Badge :count="getCount" :offset="[0, 10]" :overflow-count="99">
+      <Icon icon="ion:bug-outline" />
+    </Badge>
+  </Tooltip>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/FullScreen.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/FullScreen.vue
new file mode 100644
index 0000000..02ca196
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/FullScreen.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { Tooltip } from 'ant-design-vue'
+import { useFullscreen } from '@vueuse/core'
+import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'FullScreen' })
+const { t } = useI18n()
+const { toggle, isFullscreen } = useFullscreen()
+// 重新检查全屏状态
+isFullscreen.value = !!document.fullscreenElement
+
+const getTitle = computed(() => {
+  return unref(isFullscreen) ? t('layout.header.tooltipExitFull') : t('layout.header.tooltipEntryFull')
+})
+</script>
+
+<template>
+  <Tooltip :title="getTitle" placement="bottom" :mouse-enter-delay="0.5">
+    <span @click="toggle">
+      <FullscreenOutlined v-if="!isFullscreen" />
+      <FullscreenExitOutlined v-else />
+    </span>
+  </Tooltip>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/index.ts b/yunxi-ui-admin-vben/src/layouts/default/header/components/index.ts
new file mode 100644
index 0000000..3b78b6a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/index.ts
@@ -0,0 +1,14 @@
+import FullScreen from './FullScreen.vue'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+export const UserDropDown = createAsyncComponent(() => import('./user-dropdown/index.vue'), {
+  loading: true,
+})
+
+export const LayoutBreadcrumb = createAsyncComponent(() => import('./Breadcrumb.vue'))
+
+export const Notify = createAsyncComponent(() => import('./notify/index.vue'))
+
+export const ErrorAction = createAsyncComponent(() => import('./ErrorAction.vue'))
+
+export { FullScreen }
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/lock/LockModal.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/lock/LockModal.vue
new file mode 100644
index 0000000..8131491
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/lock/LockModal.vue
@@ -0,0 +1,71 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { useUserStore } from '@/store/modules/user'
+import { useLockStore } from '@/store/modules/lock'
+import headerImg from '@/assets/images/header.jpg'
+
+defineOptions({ name: 'LockModal' })
+
+const { t } = useI18n()
+const userStore = useUserStore()
+const lockStore = useLockStore()
+
+const getRealName = computed(() => userStore.getUserInfo?.user.nickname)
+const [register, { closeModal }] = useModalInner()
+
+const [registerForm, { validateFields, resetFields }] = useForm({
+  showActionButtonGroup: false,
+  schemas: [
+    {
+      field: 'password',
+      label: t('layout.header.lockScreenPassword'),
+      colProps: {
+        span: 24,
+      },
+      component: 'InputPassword',
+      required: true,
+    },
+  ],
+})
+
+async function handleLock() {
+  const values = (await validateFields()) as any
+  const password: string | undefined = values.password
+  closeModal()
+
+  lockStore.setLockInfo({
+    isLock: true,
+    pwd: password,
+  })
+  await resetFields()
+}
+
+const avatar = computed(() => {
+  const { avatar } = userStore.getUserInfo.user
+  return avatar || headerImg
+})
+</script>
+
+<template>
+  <BasicModal :footer="null" width="25%" :title="t('layout.header.lockScreen')" v-bind="$attrs" @register="register">
+    <div class="relative rounded-10 px-8 pb-8 pt-30">
+      <div class="absolute left-[calc(50%-45px)] top-0 w-auto text-center">
+        <img :src="avatar" class="w-18 rounded-50%">
+        <p class="mt-2">
+          {{ getRealName }}
+        </p>
+      </div>
+
+      <BasicForm @register="registerForm" />
+
+      <div class="mt-4 text-center">
+        <a-button type="primary" block class="mt-2" @click="handleLock">
+          {{ t('layout.header.lockScreenBtn') }}
+        </a-button>
+      </div>
+    </div>
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/NoticeList.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/NoticeList.vue
new file mode 100644
index 0000000..5b4884d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/NoticeList.vue
@@ -0,0 +1,118 @@
+<script lang="ts" setup>
+import { computed, ref, unref, watch } from 'vue'
+import { Avatar, List, Tag, Typography } from 'ant-design-vue'
+import type { ListItem } from './data'
+import { isNumber } from '@/utils/is'
+
+const props = defineProps({
+  list: {
+    type: Array as PropType<ListItem[]>,
+    default: () => [],
+  },
+  pageSize: {
+    type: [Boolean, Number] as PropType<boolean | number>,
+    default: 5,
+  },
+  currentPage: {
+    type: Number,
+    default: 1,
+  },
+  titleRows: {
+    type: Number,
+    default: 1,
+  },
+  descRows: {
+    type: Number,
+    default: 2,
+  },
+  onTitleClick: {
+    type: Function as PropType<(Recordable) => void>,
+  },
+})
+const emit = defineEmits(['update:currentPage'])
+const current = ref(props.currentPage || 1)
+const getData = computed(() => {
+  const { pageSize, list } = props
+  if (pageSize === false)
+    return []
+  const size = isNumber(pageSize) ? pageSize : 5
+  return list.slice(size * (unref(current) - 1), size * unref(current))
+})
+watch(
+  () => props.currentPage,
+  (v) => {
+    current.value = v
+  },
+)
+const isTitleClickable = computed(() => !!props.onTitleClick)
+const getPagination = computed(() => {
+  const { list, pageSize } = props
+  if (isNumber(pageSize) && pageSize > 0 && list && list.length > pageSize) {
+    return {
+      total: list.length,
+      pageSize,
+      // size: 'small',
+      current: unref(current),
+      onChange(page) {
+        current.value = page
+        emit('update:currentPage', page)
+      },
+    }
+  }
+  else {
+    return false
+  }
+})
+
+function handleTitleClick(item: ListItem) {
+  props.onTitleClick && props.onTitleClick(item)
+}
+</script>
+
+<template>
+  <List class="display-none" bordered :pagination="getPagination">
+    <template v-for="item in getData" :key="item.id">
+      <List.Item class="cursor-pointer overflow-hidden p-1.5 transition-all delay-300">
+        <List.Item.Meta>
+          <template #title>
+            <div class="mb-2 font-normal">
+              <Typography.Paragraph
+                style="width: 100%; margin-bottom: 0 !important"
+                :style="{ cursor: isTitleClickable ? 'pointer' : '' }"
+                :delete="!!item.titleDelete"
+                :ellipsis="$props.titleRows && $props.titleRows > 0 ? { rows: $props.titleRows, tooltip: !!item.title } : false"
+                :content="item.title"
+                @click="handleTitleClick(item)"
+              />
+              <div v-if="item.extra" class="float-right mr-0 font-normal -mt-0.375">
+                <Tag class="mr-0" :color="item.color">
+                  {{ item.extra }}
+                </Tag>
+              </div>
+            </div>
+          </template>
+
+          <template #avatar>
+            <Avatar v-if="item.avatar" class="mt-1" :src="item.avatar" />
+            <span v-else> {{ item.avatar }}</span>
+          </template>
+
+          <template #description>
+            <div>
+              <div v-if="item.description" class="text-xs/18">
+                <Typography.Paragraph
+                  style="width: 100%; margin-bottom: 0 !important"
+                  :ellipsis="$props.descRows && $props.descRows > 0 ? { rows: $props.descRows, tooltip: !!item.description } : false"
+                  :content="item.description"
+                />
+              </div>
+              <div class="mt-1 text-xs/18">
+                {{ item.datetime }}
+              </div>
+            </div>
+          </template>
+        </List.Item.Meta>
+      </List.Item>
+    </template>
+  </List>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/data.ts b/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/data.ts
new file mode 100644
index 0000000..5691082
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/data.ts
@@ -0,0 +1,192 @@
+export interface ListItem {
+  id: string
+  avatar: string
+  // 通知的标题内容
+  title: string
+  // 是否在标题上显示删除线
+  titleDelete?: boolean
+  datetime: string
+  type: string
+  read?: boolean
+  description: string
+  clickClose?: boolean
+  extra?: string
+  color?: string
+}
+
+export interface TabItem {
+  key: string
+  name: string
+  list: ListItem[]
+  unreadlist?: ListItem[]
+}
+
+export const tabListData: TabItem[] = [
+  {
+    key: '1',
+    name: '通知',
+    list: [
+      {
+        id: '000000001',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png',
+        title: '你收到了 14 份新周报',
+        description: '',
+        datetime: '2017-08-09',
+        type: '1',
+      },
+      {
+        id: '000000002',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png',
+        title: '你推荐的 曲妮妮 已通过第三轮面试',
+        description: '',
+        datetime: '2017-08-08',
+        type: '1',
+      },
+      {
+        id: '000000003',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png',
+        title: '这种模板可以区分多种通知类型',
+        description: '',
+        datetime: '2017-08-07',
+        // read: true,
+        type: '1',
+      },
+      {
+        id: '000000004',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+      {
+        id: '000000005',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '标题可以设置自动显示省略号，本例中标题行数已设为1行，如果内容超过1行将自动截断并支持tooltip显示完整标题。',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+      {
+        id: '000000006',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+      {
+        id: '000000007',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+      {
+        id: '000000008',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+      {
+        id: '000000009',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+      {
+        id: '000000010',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png',
+        title: '左侧图标用于区分不同的类型',
+        description: '',
+        datetime: '2017-08-07',
+        type: '1',
+      },
+    ],
+  },
+  {
+    key: '2',
+    name: '消息',
+    list: [
+      {
+        id: '000000006',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+        title: '曲丽丽 评论了你',
+        description: '描述信息描述信息描述信息',
+        datetime: '2017-08-07',
+        type: '2',
+        clickClose: true,
+      },
+      {
+        id: '000000007',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+        title: '朱偏右 回复了你',
+        description: '这种模板用于提醒谁与你发生了互动',
+        datetime: '2017-08-07',
+        type: '2',
+        clickClose: true,
+      },
+      {
+        id: '000000008',
+        avatar: 'https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg',
+        title: '标题',
+        description:
+          '请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容',
+        datetime: '2017-08-07',
+        type: '2',
+        clickClose: true,
+      },
+    ],
+  },
+  {
+    key: '3',
+    name: '待办',
+    list: [
+      {
+        id: '000000009',
+        avatar: '',
+        title: '任务名称',
+        description: '任务需要在 2017-01-12 20:00 前启动',
+        datetime: '',
+        extra: '未开始',
+        color: '',
+        type: '3',
+      },
+      {
+        id: '000000010',
+        avatar: '',
+        title: '第三方紧急代码变更',
+        description: '冠霖 需在 2017-01-07 前完成代码变更任务',
+        datetime: '',
+        extra: '马上到期',
+        color: 'red',
+        type: '3',
+      },
+      {
+        id: '000000011',
+        avatar: '',
+        title: '信息安全考试',
+        description: '指派竹尔于 2017-01-09 前完成更新并发布',
+        datetime: '',
+        extra: '已耗时 8 天',
+        color: 'gold',
+        type: '3',
+      },
+      {
+        id: '000000012',
+        avatar: '',
+        title: 'ABCD 版本发布',
+        description: '指派竹尔于 2017-01-09 前完成更新并发布',
+        datetime: '',
+        extra: '进行中',
+        color: 'blue',
+        type: '3',
+      },
+    ],
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/index.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/index.vue
new file mode 100644
index 0000000..65b19cb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/notify/index.vue
@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import { computed, onMounted } from 'vue'
+import { Badge, Tooltip } from 'ant-design-vue'
+import { BellOutlined } from '@ant-design/icons-vue'
+import { storeToRefs } from 'pinia'
+import { useGo } from '@/hooks/web/usePage'
+import { PageEnum } from '@/enums/pageEnum'
+import { useUserMessageStore } from '@/store/modules/userMessage'
+
+const go = useGo()
+
+const store = useUserMessageStore()
+const { unreadCount } = storeToRefs(store)
+const tips = computed<string>(() => {
+  if (unreadCount.value === 0)
+    return '查看站内信'
+
+  return `查看站内信: 未读 ${unreadCount.value} 条`
+})
+
+onMounted(async () => {
+  // 通过store进行更新
+  store.updateUnreadCount()
+})
+</script>
+
+<template>
+  <div>
+    <Tooltip :title="tips">
+      <Badge :count="unreadCount" :offset="[0, 15]" size="small" @click="go({ path: PageEnum.MESSAGE_PAGE })">
+        <BellOutlined />
+      </Badge>
+    </Tooltip>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
new file mode 100644
index 0000000..1848312
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import { MenuItem } from 'ant-design-vue'
+import { computed, getCurrentInstance } from 'vue'
+
+import { Icon } from '@/components/Icon'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'DropdownMenuItem' })
+
+const props = defineProps({
+  // eslint-disable-next-line vue/no-reserved-props
+  key: propTypes.string,
+  text: propTypes.string,
+  icon: propTypes.string,
+})
+
+const instance = getCurrentInstance()
+const itemKey = computed(() => props.key || instance?.vnode?.props?.key)
+</script>
+
+<template>
+  <MenuItem :key="itemKey">
+    <span class="flex items-center">
+      <Icon :icon="icon" class="mr-1" />
+      <span>{{ text }}</span>
+    </span>
+  </MenuItem>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index.vue
new file mode 100644
index 0000000..3106145
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index.vue
@@ -0,0 +1,156 @@
+<script lang="ts" setup>
+import { Avatar, Dropdown, Menu, MenuDivider } from 'ant-design-vue'
+import { UserOutlined } from '@ant-design/icons-vue'
+import type { MenuInfo } from 'ant-design-vue/lib/menu/src/interface'
+import { computed } from 'vue'
+import { DOC_URL } from '@/settings/siteSetting'
+import { useUserStore } from '@/store/modules/user'
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useModal } from '@/components/Modal'
+import headerImg from '@/assets/images/header.jpg'
+import { propTypes } from '@/utils/propTypes'
+import { openWindow } from '@/utils'
+import { useGo } from '@/hooks/web/usePage'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+defineOptions({ name: 'UserDropdown' })
+
+defineProps({
+  theme: propTypes.oneOf(['dark', 'light']),
+})
+
+const go = useGo()
+
+type MenuEvent = 'profile' | 'logout' | 'doc' | 'lock'
+
+const MenuItem = createAsyncComponent(() => import('./DropMenuItem.vue'))
+const LockAction = createAsyncComponent(() => import('../lock/LockModal.vue'))
+
+const { prefixCls } = useDesign('header-user-dropdown')
+const { t } = useI18n()
+const { getShowDoc, getUseLockPage } = useHeaderSetting()
+const userStore = useUserStore()
+
+const getUserInfo = computed(() => {
+  const { nickname = '', avatar } = userStore.getUserInfo.user || {}
+  return { nickname, avatar: avatar || headerImg }
+})
+
+const [register, { openModal }] = useModal()
+
+function handleLock() {
+  openModal(true)
+}
+
+//  login out
+function handleLoginOut() {
+  userStore.confirmLoginOut()
+}
+
+// open doc
+function openDoc() {
+  openWindow(DOC_URL)
+}
+
+function openProfile() {
+  go('/profile/index')
+}
+
+function handleMenuClick(e: MenuInfo) {
+  switch (e.key as MenuEvent) {
+    case 'profile':
+      openProfile()
+      break
+    case 'logout':
+      handleLoginOut()
+      break
+    case 'doc':
+      openDoc()
+      break
+    case 'lock':
+      handleLock()
+      break
+  }
+}
+</script>
+
+<template>
+  <Dropdown placement="bottomLeft" :overlay-class-name="`${prefixCls}-dropdown-overlay`">
+    <span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex">
+      <Avatar size="small" :class="`${prefixCls}__avatar`" :src="getUserInfo.avatar">
+        <template #icon>
+          <UserOutlined />
+        </template>
+      </Avatar>
+      <span :class="`${prefixCls}__info hidden md:block`">
+        <span :class="`${prefixCls}__name`" class="truncate">
+          {{ getUserInfo.nickname }}
+        </span>
+      </span>
+    </span>
+
+    <template #overlay>
+      <Menu @click="handleMenuClick">
+        <MenuItem key="profile" :text="t('layout.header.accountCenter')" icon="ion:person-outline" />
+        <MenuItem
+          v-if="getShowDoc" key="doc" :text="t('layout.header.dropdownItemDoc')"
+          icon="ion:document-text-outline"
+        />
+        <MenuDivider v-if="getShowDoc" />
+        <MenuItem
+          v-if="getUseLockPage" key="lock" :text="t('layout.header.tooltipLock')"
+          icon="ion:lock-closed-outline"
+        />
+        <MenuItem key="logout" :text="t('layout.header.dropdownItemLoginOut')" icon="ion:power-outline" />
+      </Menu>
+    </template>
+  </Dropdown>
+  <LockAction @register="register" />
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-header-user-dropdown';
+
+.@{prefix-cls} {
+  align-items: center;
+  height: @header-height;
+  padding: 0 0 0 10px;
+  padding-right: 10px;
+  overflow: hidden;
+  font-size: 12px;
+  cursor: pointer;
+
+  &__avatar {
+    margin-right: 5px;
+    border-radius: 50%;
+  }
+
+  &__name {
+    font-size: 14px;
+  }
+
+  &--dark {
+    &:hover {
+      background-color: @header-dark-bg-hover-color;
+    }
+  }
+
+  &--light {
+    &:hover {
+      background-color: @header-light-bg-hover-color;
+    }
+
+    .@{prefix-cls}__desc {
+      color: @header-light-desc-color;
+    }
+  }
+
+  &-dropdown-overlay {
+    .ant-dropdown-menu-item {
+      min-width: 160px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index1.vue b/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index1.vue
new file mode 100644
index 0000000..3106145
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/components/user-dropdown/index1.vue
@@ -0,0 +1,156 @@
+<script lang="ts" setup>
+import { Avatar, Dropdown, Menu, MenuDivider } from 'ant-design-vue'
+import { UserOutlined } from '@ant-design/icons-vue'
+import type { MenuInfo } from 'ant-design-vue/lib/menu/src/interface'
+import { computed } from 'vue'
+import { DOC_URL } from '@/settings/siteSetting'
+import { useUserStore } from '@/store/modules/user'
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useModal } from '@/components/Modal'
+import headerImg from '@/assets/images/header.jpg'
+import { propTypes } from '@/utils/propTypes'
+import { openWindow } from '@/utils'
+import { useGo } from '@/hooks/web/usePage'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+defineOptions({ name: 'UserDropdown' })
+
+defineProps({
+  theme: propTypes.oneOf(['dark', 'light']),
+})
+
+const go = useGo()
+
+type MenuEvent = 'profile' | 'logout' | 'doc' | 'lock'
+
+const MenuItem = createAsyncComponent(() => import('./DropMenuItem.vue'))
+const LockAction = createAsyncComponent(() => import('../lock/LockModal.vue'))
+
+const { prefixCls } = useDesign('header-user-dropdown')
+const { t } = useI18n()
+const { getShowDoc, getUseLockPage } = useHeaderSetting()
+const userStore = useUserStore()
+
+const getUserInfo = computed(() => {
+  const { nickname = '', avatar } = userStore.getUserInfo.user || {}
+  return { nickname, avatar: avatar || headerImg }
+})
+
+const [register, { openModal }] = useModal()
+
+function handleLock() {
+  openModal(true)
+}
+
+//  login out
+function handleLoginOut() {
+  userStore.confirmLoginOut()
+}
+
+// open doc
+function openDoc() {
+  openWindow(DOC_URL)
+}
+
+function openProfile() {
+  go('/profile/index')
+}
+
+function handleMenuClick(e: MenuInfo) {
+  switch (e.key as MenuEvent) {
+    case 'profile':
+      openProfile()
+      break
+    case 'logout':
+      handleLoginOut()
+      break
+    case 'doc':
+      openDoc()
+      break
+    case 'lock':
+      handleLock()
+      break
+  }
+}
+</script>
+
+<template>
+  <Dropdown placement="bottomLeft" :overlay-class-name="`${prefixCls}-dropdown-overlay`">
+    <span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex">
+      <Avatar size="small" :class="`${prefixCls}__avatar`" :src="getUserInfo.avatar">
+        <template #icon>
+          <UserOutlined />
+        </template>
+      </Avatar>
+      <span :class="`${prefixCls}__info hidden md:block`">
+        <span :class="`${prefixCls}__name`" class="truncate">
+          {{ getUserInfo.nickname }}
+        </span>
+      </span>
+    </span>
+
+    <template #overlay>
+      <Menu @click="handleMenuClick">
+        <MenuItem key="profile" :text="t('layout.header.accountCenter')" icon="ion:person-outline" />
+        <MenuItem
+          v-if="getShowDoc" key="doc" :text="t('layout.header.dropdownItemDoc')"
+          icon="ion:document-text-outline"
+        />
+        <MenuDivider v-if="getShowDoc" />
+        <MenuItem
+          v-if="getUseLockPage" key="lock" :text="t('layout.header.tooltipLock')"
+          icon="ion:lock-closed-outline"
+        />
+        <MenuItem key="logout" :text="t('layout.header.dropdownItemLoginOut')" icon="ion:power-outline" />
+      </Menu>
+    </template>
+  </Dropdown>
+  <LockAction @register="register" />
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-header-user-dropdown';
+
+.@{prefix-cls} {
+  align-items: center;
+  height: @header-height;
+  padding: 0 0 0 10px;
+  padding-right: 10px;
+  overflow: hidden;
+  font-size: 12px;
+  cursor: pointer;
+
+  &__avatar {
+    margin-right: 5px;
+    border-radius: 50%;
+  }
+
+  &__name {
+    font-size: 14px;
+  }
+
+  &--dark {
+    &:hover {
+      background-color: @header-dark-bg-hover-color;
+    }
+  }
+
+  &--light {
+    &:hover {
+      background-color: @header-light-bg-hover-color;
+    }
+
+    .@{prefix-cls}__desc {
+      color: @header-light-desc-color;
+    }
+  }
+
+  &-dropdown-overlay {
+    .ant-dropdown-menu-item {
+      min-width: 160px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/index.less b/yunxi-ui-admin-vben/src/layouts/default/header/index.less
new file mode 100644
index 0000000..ecb0fc6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/index.less
@@ -0,0 +1,186 @@
+@header-trigger-prefix-cls: ~"@{namespace}-layout-header-trigger";
+@header-prefix-cls: ~"@{namespace}-layout-header";
+@breadcrumb-prefix-cls: ~"@{namespace}-layout-breadcrumb";
+@logo-prefix-cls: ~"@{namespace}-app-logo";
+
+.ant-layout .ant-layout-header {
+  height: 48px !important;
+  padding-inline: 10px;
+  line-height: 48px !important;
+}
+
+.@{header-prefix-cls} {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: @header-height;
+  padding: 0;
+  margin-left: -1px;
+  line-height: @header-height;
+  color: @white;
+  background-color: @white;
+
+  &--mobile {
+    .@{breadcrumb-prefix-cls},
+    .error-action,
+    .notify-item,
+    .fullscreen-item {
+      display: none;
+    }
+
+    .@{logo-prefix-cls} {
+      min-width: unset;
+      padding-right: 0;
+
+      &__title {
+        display: none;
+      }
+    }
+    .@{header-trigger-prefix-cls} {
+      padding: 0 4px 0 8px !important;
+    }
+    .@{header-prefix-cls}-action {
+      padding-right: 4px;
+    }
+  }
+
+  &--fixed {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: @layout-header-fixed-z-index;
+    width: 100%;
+  }
+
+  &-logo {
+    min-width: 192px;
+    height: @header-height;
+    font-size: 14px;
+
+    img {
+      width: @logo-width;
+      height: @logo-width;
+      margin-right: 2px;
+    }
+  }
+
+  &-left {
+    display: flex;
+    align-items: center;
+    height: 100%;
+
+    .@{header-trigger-prefix-cls} {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      padding: 1px 10px 0;
+      cursor: pointer;
+
+      .anticon {
+        font-size: 16px;
+      }
+
+      &.light {
+        &:hover {
+          background-color: @header-light-bg-hover-color;
+        }
+
+        svg {
+          fill: #000;
+        }
+      }
+
+      &.dark {
+        &:hover {
+          background-color: @header-dark-bg-hover-color;
+        }
+      }
+    }
+  }
+
+  &-menu {
+    flex: 1;
+    align-items: center;
+    min-width: 0;
+    height: 100%;
+  }
+
+  &-action {
+    display: flex;
+    // padding-right: 12px;
+    align-items: center;
+    min-width: 180px;
+
+    &__item {
+      display: flex !important;
+      align-items: center;
+      height: @header-height;
+      padding: 0 8px;
+      font-size: 1.2em;
+      cursor: pointer;
+
+      .ant-badge {
+        height: @header-height;
+        line-height: @header-height;
+      }
+
+      .ant-badge-dot {
+        top: 14px;
+        right: 2px;
+      }
+    }
+  }
+
+  &--light {
+    background-color: @white !important;
+    border-bottom: 1px solid @header-light-bottom-border-color;
+    border-left: 1px solid @header-light-bottom-border-color;
+
+    .@{header-prefix-cls}-logo {
+      &:hover {
+        background-color: @header-light-bg-hover-color;
+      }
+    }
+
+    .@{header-prefix-cls}-action {
+      &__item {
+        .app-iconify {
+          font-size: 16px !important;
+        }
+
+        &:hover {
+          background-color: @header-light-bg-hover-color;
+        }
+      }
+    }
+  }
+
+  &--dark {
+    background-color: @header-dark-bg-color !important;
+    border-bottom: 1px solid var(--border-color);
+    border-left: 1px solid var(--border-color);
+    .@{header-prefix-cls}-logo {
+      &:hover {
+        background-color: @header-dark-bg-hover-color;
+      }
+    }
+
+    .@{header-prefix-cls}-action {
+      &__item {
+        .app-iconify {
+          font-size: 16px !important;
+        }
+
+        .ant-badge {
+          span {
+            color: @white;
+          }
+        }
+
+        &:hover {
+          background-color: @header-dark-bg-hover-color;
+        }
+      }
+    }
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/header/index.vue b/yunxi-ui-admin-vben/src/layouts/default/header/index.vue
new file mode 100644
index 0000000..5d09274
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/header/index.vue
@@ -0,0 +1,134 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+
+import { Layout } from 'ant-design-vue'
+import LayoutMenu from '../menu/index.vue'
+import LayoutTrigger from '../trigger/index.vue'
+import { ErrorAction, FullScreen, LayoutBreadcrumb, Notify, UserDropDown } from './components'
+import { propTypes } from '@/utils/propTypes'
+
+import { AppLocalePicker, AppLogo, AppSearch, AppSizePicker } from '@/components/Application'
+
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+
+import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum'
+import { SettingButtonPositionEnum } from '@/enums/appEnum'
+
+import { useAppInject } from '@/hooks/web/useAppInject'
+import { useDesign } from '@/hooks/web/useDesign'
+
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+import { useLocale } from '@/locales/useLocale'
+
+defineOptions({ name: 'LayoutHeader' })
+const props = defineProps({
+  fixed: propTypes.bool,
+})
+const Header = Layout.Header
+const SettingDrawer = createAsyncComponent(() => import('@/layouts/default/setting/index.vue'), {
+  loading: true,
+})
+const { prefixCls } = useDesign('layout-header')
+const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } = useMenuSetting()
+const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting()
+
+const { getHeaderTheme, getShowFullScreen, getShowNotice, getShowContent, getShowBread, getShowHeaderLogo, getShowHeader, getShowSearch }
+  = useHeaderSetting()
+
+const { getShowLocalePicker } = useLocale()
+
+const { getIsMobile } = useAppInject()
+
+const getHeaderClass = computed(() => {
+  const theme = unref(getHeaderTheme)
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--fixed`]: props.fixed,
+      [`${prefixCls}--mobile`]: unref(getIsMobile),
+      [`${prefixCls}--${theme}`]: theme,
+    },
+  ]
+})
+
+const getShowSetting = computed(() => {
+  if (!unref(getShowSettingButton))
+    return false
+
+  const settingButtonPosition = unref(getSettingButtonPosition)
+
+  if (settingButtonPosition === SettingButtonPositionEnum.AUTO)
+    return unref(getShowHeader)
+
+  return settingButtonPosition === SettingButtonPositionEnum.HEADER
+})
+
+const getLogoWidth = computed(() => {
+  if (!unref(getIsMixMode) || unref(getIsMobile))
+    return {}
+
+  const width = unref(getMenuWidth) < 180 ? 180 : unref(getMenuWidth)
+  return { width: `${width}px` }
+})
+
+const getSplitType = computed(() => {
+  return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE
+})
+
+const getMenuMode = computed(() => {
+  return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null
+})
+</script>
+
+<template>
+  <Header :class="getHeaderClass">
+    <!-- left start -->
+    <div :class="`${prefixCls}-left`">
+      <!-- logo -->
+      <AppLogo
+        v-if="getShowHeaderLogo || getIsMobile" :class="`${prefixCls}-logo`" :theme="getHeaderTheme"
+        :style="getLogoWidth"
+      />
+      <LayoutTrigger
+        v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile"
+        :theme="getHeaderTheme" :sider="false"
+      />
+      <LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" />
+    </div>
+    <!-- left end -->
+
+    <!-- menu start -->
+    <div v-if="getShowTopMenu && !getIsMobile" :class="`${prefixCls}-menu`">
+      <LayoutMenu :is-horizontal="true" :theme="getHeaderTheme" :split-type="getSplitType" :menu-mode="getMenuMode" />
+    </div>
+    <!-- menu-end -->
+
+    <!-- action  -->
+    <div :class="`${prefixCls}-action`">
+      <AppSearch v-if="getShowSearch" :class="`${prefixCls}-action__item search-item`" />
+
+      <ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" />
+
+      <Notify v-if="getShowNotice" :class="`${prefixCls}-action__item notify-item`" />
+
+      <FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" />
+
+      <AppSizePicker :show-text="false" :class="`${prefixCls}-action__item size-item`" />
+
+      <AppLocalePicker
+        v-if="getShowLocalePicker" :reload="true" :show-text="false"
+        :class="`${prefixCls}-action__item locale-item`"
+      />
+
+      <UserDropDown :theme="getHeaderTheme" />
+
+      <SettingDrawer v-if="getShowSetting" :class="`${prefixCls}-action__item`" />
+    </div>
+  </Header>
+</template>
+
+<style lang="less">
+@import './index.less';
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/index.vue b/yunxi-ui-admin-vben/src/layouts/default/index.vue
new file mode 100644
index 0000000..9abaff5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/index.vue
@@ -0,0 +1,49 @@
+<script lang="ts" setup>
+import { Layout } from 'ant-design-vue'
+import { computed, unref } from 'vue'
+
+import LayoutContent from './content/index.vue'
+import LayoutHeader from './header/index.vue'
+import LayoutMultipleHeader from './header/MultipleHeader.vue'
+import LayoutSideBar from './sider/index.vue'
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useAppInject } from '@/hooks/web/useAppInject'
+import { useLockPage } from '@/hooks/web/useLockPage'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+defineOptions({ name: 'DefaultLayout' })
+
+const LayoutFeatures = createAsyncComponent(() => import('@/layouts/default/feature/index.vue'))
+const LayoutFooter = createAsyncComponent(() => import('@/layouts/default/footer/index.vue'))
+
+const { getIsMobile } = useAppInject()
+const { getShowFullHeaderRef } = useHeaderSetting()
+const { getShowSidebar, getIsMixSidebar, getShowMenu } = useMenuSetting()
+
+// Create a lock screen monitor
+const lockEvents = useLockPage()
+
+const layoutClass = computed(() => {
+  const cls: string[] = ['ant-layout']
+  if (unref(getIsMixSidebar) || unref(getShowMenu))
+    cls.push('ant-layout-has-sider')
+
+  return cls
+})
+</script>
+
+<template>
+  <Layout class="min-h-full w-full flex flex-col" v-bind="lockEvents">
+    <LayoutFeatures />
+    <LayoutHeader v-if="getShowFullHeaderRef" fixed />
+    <Layout :class="[layoutClass]">
+      <LayoutSideBar v-if="getShowSidebar || getIsMobile" />
+      <Layout class="ml-0.25 w-full">
+        <LayoutMultipleHeader />
+        <LayoutContent />
+        <LayoutFooter />
+      </Layout>
+    </Layout>
+  </Layout>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/menu/index.vue b/yunxi-ui-admin-vben/src/layouts/default/menu/index.vue
new file mode 100644
index 0000000..3504d39
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/menu/index.vue
@@ -0,0 +1,187 @@
+<script lang="tsx">
+import type { CSSProperties } from 'vue'
+
+import { computed, defineComponent, toRef, unref } from 'vue'
+import { useSplitMenu } from './useLayoutMenu'
+import { BasicMenu } from '@/components/Menu'
+import { SimpleMenu } from '@/components/SimpleMenu'
+import { AppLogo } from '@/components/Application'
+
+import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum'
+
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { ScrollContainer } from '@/components/Container'
+
+import { useGo } from '@/hooks/web/usePage'
+import { openWindow } from '@/utils'
+import { propTypes } from '@/utils/propTypes'
+import { isUrl } from '@/utils/is'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useAppInject } from '@/hooks/web/useAppInject'
+import { useDesign } from '@/hooks/web/useDesign'
+
+export default defineComponent({
+  name: 'LayoutMenu',
+  props: {
+    theme: propTypes.oneOf(['light', 'dark']),
+
+    splitType: {
+      type: Number as PropType<MenuSplitTyeEnum>,
+      default: MenuSplitTyeEnum.NONE,
+    },
+
+    isHorizontal: propTypes.bool,
+    // menu Mode
+    menuMode: {
+      type: [String] as PropType<Nullable<MenuModeEnum>>,
+      default: '',
+    },
+  },
+  setup(props) {
+    const go = useGo()
+
+    const {
+      getMenuMode,
+      getMenuType,
+      getMenuTheme,
+      getCollapsed,
+      getCollapsedShowTitle,
+      getAccordion,
+      getIsHorizontal,
+      getIsSidebarType,
+      getSplit,
+    } = useMenuSetting()
+    const { getShowLogo } = useRootSetting()
+
+    const { prefixCls } = useDesign('layout-menu')
+
+    const { menusRef } = useSplitMenu(toRef(props, 'splitType'))
+
+    const { getIsMobile } = useAppInject()
+
+    const getComputedMenuMode = computed(() => (unref(getIsMobile) ? MenuModeEnum.INLINE : props.menuMode || unref(getMenuMode)))
+
+    const getComputedMenuTheme = computed(() => props.theme || unref(getMenuTheme))
+
+    const getIsShowLogo = computed(() => unref(getShowLogo) && unref(getIsSidebarType))
+
+    const getUseScroll = computed(() => {
+      return (
+        !unref(getIsHorizontal)
+        && (unref(getIsSidebarType) || props.splitType === MenuSplitTyeEnum.LEFT || props.splitType === MenuSplitTyeEnum.NONE)
+      )
+    })
+
+    const getWrapperStyle = computed((): CSSProperties => {
+      return {
+        height: `calc(100% - ${unref(getIsShowLogo) ? '48px' : '0px'})`,
+      }
+    })
+
+    const getLogoClass = computed(() => {
+      return [
+        `${prefixCls}-logo`,
+        unref(getComputedMenuTheme),
+        {
+          [`${prefixCls}--mobile`]: unref(getIsMobile),
+        },
+      ]
+    })
+
+    const getCommonProps = computed(() => {
+      const menus = unref(menusRef)
+      return {
+        menus,
+        beforeClickFn: beforeMenuClickFn,
+        items: menus,
+        theme: unref(getComputedMenuTheme),
+        accordion: unref(getAccordion),
+        collapse: unref(getCollapsed),
+        collapsedShowTitle: unref(getCollapsedShowTitle),
+        onMenuClick: handleMenuClick,
+      }
+    })
+    /**
+     * click menu
+     * @param menu
+     */
+
+    function handleMenuClick(path: string) {
+      go(path)
+    }
+
+    /**
+     * before click menu
+     * @param menu
+     */
+    async function beforeMenuClickFn(path: string) {
+      if (!isUrl(path))
+        return true
+
+      openWindow(path)
+      return false
+    }
+
+    function renderHeader() {
+      if (!unref(getIsShowLogo) && !unref(getIsMobile))
+        return null
+
+      return <AppLogo showTitle={!unref(getCollapsed)} class={unref(getLogoClass)} theme={unref(getComputedMenuTheme)} />
+    }
+
+    function renderMenu() {
+      const { menus, ...menuProps } = unref(getCommonProps)
+      if (!menus || !menus.length)
+        return null
+      return !props.isHorizontal
+        ? (
+        <SimpleMenu {...menuProps} isSplitMenu={unref(getSplit)} items={menus} />
+          )
+        : (
+        <BasicMenu
+          {...(menuProps as any)}
+          isHorizontal={props.isHorizontal}
+          type={unref(getMenuType)}
+          showLogo={unref(getIsShowLogo)}
+          mode={unref(getComputedMenuMode as any)}
+          items={menus}
+        />
+          )
+    }
+
+    return () => {
+      return (
+        <>
+          {renderHeader()}
+          {unref(getUseScroll) ? <ScrollContainer style={unref(getWrapperStyle)}>{() => renderMenu()}</ScrollContainer> : renderMenu()}
+        </>
+      )
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-layout-menu';
+@logo-prefix-cls: ~'@{namespace}-app-logo';
+
+.@{prefix-cls} {
+  &-logo {
+    height: @header-height;
+    padding: 10px 4px 10px 10px;
+
+    img {
+      width: @logo-width;
+      height: @logo-width;
+    }
+  }
+
+  &--mobile {
+    .@{logo-prefix-cls} {
+      &__title {
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/menu/useLayoutMenu.ts b/yunxi-ui-admin-vben/src/layouts/default/menu/useLayoutMenu.ts
new file mode 100644
index 0000000..1b55dcc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/menu/useLayoutMenu.ts
@@ -0,0 +1,107 @@
+import type { Ref } from 'vue'
+import { computed, ref, unref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+import { useThrottleFn } from '@vueuse/core'
+import { MenuSplitTyeEnum } from '@/enums/menuEnum'
+import type { Menu } from '@/router/types'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { getChildrenMenus, getCurrentParentPath, getMenus, getShallowMenus } from '@/router/menus'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useAppInject } from '@/hooks/web/useAppInject'
+
+export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
+  // Menu array
+  const menusRef = ref<Menu[]>([])
+  const { currentRoute } = useRouter()
+  const { getIsMobile } = useAppInject()
+  const permissionStore = usePermissionStore()
+  const { setMenuSetting, getIsHorizontal, getSplit } = useMenuSetting()
+
+  const throttleHandleSplitLeftMenu = useThrottleFn(handleSplitLeftMenu, 50)
+
+  const splitNotLeft = computed(() => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal))
+
+  const getSplitLeft = computed(() => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT)
+
+  const getSpiltTop = computed(() => unref(splitType) === MenuSplitTyeEnum.TOP)
+
+  const normalType = computed(() => {
+    return unref(splitType) === MenuSplitTyeEnum.NONE || !unref(getSplit)
+  })
+
+  watch(
+    [() => unref(currentRoute).path, () => unref(splitType)],
+    async ([path]: [string, MenuSplitTyeEnum]) => {
+      if (unref(splitNotLeft) || unref(getIsMobile))
+        return
+
+      const { meta } = unref(currentRoute)
+      const currentActiveMenu = meta.currentActiveMenu as string
+      let parentPath = await getCurrentParentPath(path)
+      if (!parentPath)
+        parentPath = await getCurrentParentPath(currentActiveMenu)
+
+      parentPath && throttleHandleSplitLeftMenu(parentPath)
+    },
+    {
+      immediate: true,
+    },
+  )
+
+  // Menu changes
+  watch(
+    [() => permissionStore.getLastBuildMenuTime, () => permissionStore.getBackMenuList],
+    () => {
+      genMenus()
+    },
+    {
+      immediate: true,
+    },
+  )
+
+  // split Menu changes
+  watch(
+    () => getSplit.value,
+    () => {
+      if (unref(splitNotLeft))
+        return
+      genMenus()
+    },
+  )
+
+  // Handle left menu split
+  async function handleSplitLeftMenu(parentPath: string) {
+    if (unref(getSplitLeft) || unref(getIsMobile))
+      return
+
+    // spilt mode left
+    const children = await getChildrenMenus(parentPath)
+
+    if (!children || !children.length) {
+      setMenuSetting({ hidden: true })
+      menusRef.value = []
+      return
+    }
+
+    setMenuSetting({ hidden: false })
+    menusRef.value = children
+  }
+
+  // get menus
+  async function genMenus() {
+    // normal mode
+    if (unref(normalType) || unref(getIsMobile)) {
+      menusRef.value = await getMenus()
+      return
+    }
+
+    // split-top
+    if (unref(getSpiltTop)) {
+      const shallowMenus = await getShallowMenus()
+
+      menusRef.value = shallowMenus
+    }
+  }
+
+  return { menusRef }
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/SettingDrawer.tsx b/yunxi-ui-admin-vben/src/layouts/default/setting/SettingDrawer.tsx
new file mode 100644
index 0000000..bc1cb04
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/SettingDrawer.tsx
@@ -0,0 +1,347 @@
+import { computed, defineComponent, unref } from 'vue'
+import { Divider } from 'ant-design-vue'
+import { InputNumberItem, SelectItem, SettingFooter, SwitchItem, ThemeColorPicker, TypePicker } from './components'
+import { baseHandler } from './handler'
+import {
+  HandlerEnum,
+  contentModeOptions,
+  getMenuTriggerOptions,
+  menuTypeList,
+  mixSidebarTriggerOptions,
+  routerTransitionOptions,
+  topMenuAlignOptions,
+} from './enum'
+import { BasicDrawer } from '@/components/Drawer'
+
+import { AppDarkModeToggle } from '@/components/Application'
+
+import { MenuTypeEnum, TriggerEnum } from '@/enums/menuEnum'
+
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting'
+import { useI18n } from '@/hooks/web/useI18n'
+
+import { APP_PRESET_COLOR_LIST, HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST } from '@/settings/designSetting'
+
+const { t } = useI18n()
+
+export default defineComponent({
+  name: 'SettingDrawer',
+  setup(_, { attrs }) {
+    const {
+      getContentMode,
+      getShowFooter,
+      getShowBreadCrumb,
+      getShowBreadCrumbIcon,
+      getShowLogo,
+      getFullContent,
+      getColorWeak,
+      getGrayMode,
+      getLockTime,
+      getShowDarkModeToggle,
+      getThemeColor,
+    } = useRootSetting()
+
+    const { getOpenPageLoading, getBasicTransition, getEnableTransition, getOpenNProgress } = useTransitionSetting()
+
+    const {
+      getIsHorizontal,
+      getShowMenu,
+      getMenuType,
+      getTrigger,
+      getCollapsedShowTitle,
+      getMenuFixed,
+      getCollapsed,
+      getCanDrag,
+      getTopMenuAlign,
+      getAccordion,
+      getMenuWidth,
+      getMenuBgColor,
+      getIsTopMenu,
+      getSplit,
+      getIsMixSidebar,
+      getCloseMixSidebarOnChange,
+      getMixSideTrigger,
+      getMixSideFixed,
+    } = useMenuSetting()
+
+    const { getShowHeader, getFixed: getHeaderFixed, getHeaderBgColor, getShowSearch } = useHeaderSetting()
+
+    const { getShowMultipleTab, getShowMultipleTabIcon, getShowQuick, getShowRedo, getShowFold } = useMultipleTabSetting()
+
+    const getShowMenuRef = computed(() => {
+      return unref(getShowMenu) && !unref(getIsHorizontal)
+    })
+
+    function renderSidebar() {
+      return (
+        <>
+          <TypePicker
+            menuTypeList={menuTypeList}
+            handler={(item: (typeof menuTypeList)[0]) => {
+              baseHandler(HandlerEnum.CHANGE_LAYOUT, {
+                mode: item.mode,
+                type: item.type,
+                split: unref(getIsHorizontal) ? false : undefined,
+              })
+            }}
+            def={unref(getMenuType)}
+          />
+        </>
+      )
+    }
+
+    function renderHeaderTheme() {
+      return <ThemeColorPicker colorList={HEADER_PRESET_BG_COLOR_LIST} def={unref(getHeaderBgColor)} event={HandlerEnum.HEADER_THEME} />
+    }
+
+    function renderSiderTheme() {
+      return <ThemeColorPicker colorList={SIDE_BAR_BG_COLOR_LIST} def={unref(getMenuBgColor)} event={HandlerEnum.MENU_THEME} />
+    }
+
+    function renderMainTheme() {
+      return <ThemeColorPicker colorList={APP_PRESET_COLOR_LIST} def={unref(getThemeColor)} event={HandlerEnum.CHANGE_THEME_COLOR} />
+    }
+
+    /**
+     * @description:
+     */
+    function renderFeatures() {
+      let triggerDef = unref(getTrigger)
+
+      const triggerOptions = getMenuTriggerOptions(unref(getSplit))
+      const some = triggerOptions.some(item => item.value === triggerDef)
+      if (!some)
+        triggerDef = TriggerEnum.FOOTER
+
+      return (
+        <>
+          <SwitchItem
+            title={t('layout.setting.splitMenu')}
+            event={HandlerEnum.MENU_SPLIT}
+            def={unref(getSplit)}
+            disabled={!unref(getShowMenuRef) || unref(getMenuType) !== MenuTypeEnum.MIX}
+          />
+          <SwitchItem
+            title={t('layout.setting.mixSidebarFixed')}
+            event={HandlerEnum.MENU_FIXED_MIX_SIDEBAR}
+            def={unref(getMixSideFixed)}
+            disabled={!unref(getIsMixSidebar)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.closeMixSidebarOnChange')}
+            event={HandlerEnum.MENU_CLOSE_MIX_SIDEBAR_ON_CHANGE}
+            def={unref(getCloseMixSidebarOnChange)}
+            disabled={!unref(getIsMixSidebar)}
+          />
+          <SwitchItem
+            title={t('layout.setting.menuCollapse')}
+            event={HandlerEnum.MENU_COLLAPSED}
+            def={unref(getCollapsed)}
+            disabled={!unref(getShowMenuRef)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.menuDrag')}
+            event={HandlerEnum.MENU_HAS_DRAG}
+            def={unref(getCanDrag)}
+            disabled={!unref(getShowMenuRef)}
+          />
+          <SwitchItem
+            title={t('layout.setting.menuSearch')}
+            event={HandlerEnum.HEADER_SEARCH}
+            def={unref(getShowSearch)}
+            disabled={!unref(getShowHeader)}
+          />
+          <SwitchItem
+            title={t('layout.setting.menuAccordion')}
+            event={HandlerEnum.MENU_ACCORDION}
+            def={unref(getAccordion)}
+            disabled={!unref(getShowMenuRef)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.collapseMenuDisplayName')}
+            event={HandlerEnum.MENU_COLLAPSED_SHOW_TITLE}
+            def={unref(getCollapsedShowTitle)}
+            disabled={!unref(getShowMenuRef) || !unref(getCollapsed) || unref(getIsMixSidebar)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.fixedHeader')}
+            event={HandlerEnum.HEADER_FIXED}
+            def={unref(getHeaderFixed)}
+            disabled={!unref(getShowHeader)}
+          />
+          <SwitchItem
+            title={t('layout.setting.fixedSideBar')}
+            event={HandlerEnum.MENU_FIXED}
+            def={unref(getMenuFixed)}
+            disabled={!unref(getShowMenuRef) || unref(getIsMixSidebar)}
+          />
+          <SelectItem
+            title={t('layout.setting.mixSidebarTrigger')}
+            event={HandlerEnum.MENU_TRIGGER_MIX_SIDEBAR}
+            def={unref(getMixSideTrigger)}
+            options={mixSidebarTriggerOptions}
+            disabled={!unref(getIsMixSidebar)}
+          />
+          <SelectItem
+            title={t('layout.setting.topMenuLayout')}
+            event={HandlerEnum.MENU_TOP_ALIGN}
+            def={unref(getTopMenuAlign)}
+            options={topMenuAlignOptions}
+            disabled={!unref(getShowHeader) || unref(getSplit) || (!unref(getIsTopMenu) && !unref(getSplit)) || unref(getIsMixSidebar)}
+          />
+          <SelectItem
+            title={t('layout.setting.menuCollapseButton')}
+            event={HandlerEnum.MENU_TRIGGER}
+            def={triggerDef}
+            options={triggerOptions}
+            disabled={!unref(getShowMenuRef) || unref(getIsMixSidebar)}
+          />
+          <SelectItem
+            title={t('layout.setting.contentMode')}
+            event={HandlerEnum.CONTENT_MODE}
+            def={unref(getContentMode)}
+            options={contentModeOptions}
+          />
+          <InputNumberItem
+            title={t('layout.setting.autoScreenLock')}
+            min={0}
+            event={HandlerEnum.LOCK_TIME}
+            defaultValue={unref(getLockTime)}
+            formatter={(value: string) => {
+              return Number.parseInt(value) === 0 ? `0(${t('layout.setting.notAutoScreenLock')})` : `${value}${t('layout.setting.minute')}`
+            }}
+          />
+          <InputNumberItem
+            title={t('layout.setting.expandedMenuWidth')}
+            max={600}
+            min={100}
+            step={10}
+            event={HandlerEnum.MENU_WIDTH}
+            disabled={!unref(getShowMenuRef)}
+            defaultValue={unref(getMenuWidth)}
+            formatter={(value: string) => `${Number.parseInt(value)}px`}
+          />
+        </>
+      )
+    }
+
+    function renderContent() {
+      return (
+        <>
+          <SwitchItem
+            title={t('layout.setting.breadcrumb')}
+            event={HandlerEnum.SHOW_BREADCRUMB}
+            def={unref(getShowBreadCrumb)}
+            disabled={!unref(getShowHeader)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.breadcrumbIcon')}
+            event={HandlerEnum.SHOW_BREADCRUMB_ICON}
+            def={unref(getShowBreadCrumbIcon)}
+            disabled={!unref(getShowHeader)}
+          />
+
+          <SwitchItem title={t('layout.setting.tabs')} event={HandlerEnum.TABS_SHOW} def={unref(getShowMultipleTab)} />
+
+          <SwitchItem
+            title={t('layout.setting.tabsIcon')}
+            event={HandlerEnum.TABS_SHOW_ICON}
+            def={unref(getShowMultipleTabIcon)}
+            disabled={!unref(getShowMultipleTab)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.tabsRedoBtn')}
+            event={HandlerEnum.TABS_SHOW_REDO}
+            def={unref(getShowRedo)}
+            disabled={!unref(getShowMultipleTab)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.tabsQuickBtn')}
+            event={HandlerEnum.TABS_SHOW_QUICK}
+            def={unref(getShowQuick)}
+            disabled={!unref(getShowMultipleTab)}
+          />
+          <SwitchItem
+            title={t('layout.setting.tabsFoldBtn')}
+            event={HandlerEnum.TABS_SHOW_FOLD}
+            def={unref(getShowFold)}
+            disabled={!unref(getShowMultipleTab)}
+          />
+
+          <SwitchItem
+            title={t('layout.setting.sidebar')}
+            event={HandlerEnum.MENU_SHOW_SIDEBAR}
+            def={unref(getShowMenu)}
+            disabled={unref(getIsHorizontal)}
+          />
+
+          <SwitchItem title={t('layout.setting.header')} event={HandlerEnum.HEADER_SHOW} def={unref(getShowHeader)} />
+          <SwitchItem title="Logo" event={HandlerEnum.SHOW_LOGO} def={unref(getShowLogo)} disabled={unref(getIsMixSidebar)} />
+          <SwitchItem title={t('layout.setting.footer')} event={HandlerEnum.SHOW_FOOTER} def={unref(getShowFooter)} />
+          <SwitchItem title={t('layout.setting.fullContent')} event={HandlerEnum.FULL_CONTENT} def={unref(getFullContent)} />
+
+          <SwitchItem title={t('layout.setting.grayMode')} event={HandlerEnum.GRAY_MODE} def={unref(getGrayMode)} />
+
+          <SwitchItem title={t('layout.setting.colorWeak')} event={HandlerEnum.COLOR_WEAK} def={unref(getColorWeak)} />
+        </>
+      )
+    }
+
+    function renderTransition() {
+      return (
+        <>
+          <SwitchItem title={t('layout.setting.progress')} event={HandlerEnum.OPEN_PROGRESS} def={unref(getOpenNProgress)} />
+          <SwitchItem title={t('layout.setting.switchLoading')} event={HandlerEnum.OPEN_PAGE_LOADING} def={unref(getOpenPageLoading)} />
+
+          <SwitchItem
+            title={t('layout.setting.switchAnimation')}
+            event={HandlerEnum.OPEN_ROUTE_TRANSITION}
+            def={unref(getEnableTransition)}
+          />
+
+          <SelectItem
+            title={t('layout.setting.animationType')}
+            event={HandlerEnum.ROUTER_TRANSITION}
+            def={unref(getBasicTransition)}
+            options={routerTransitionOptions}
+            disabled={!unref(getEnableTransition)}
+          />
+        </>
+      )
+    }
+
+    return () => (
+      <BasicDrawer {...attrs} title={t('layout.setting.drawerTitle')} width={330} class="setting-drawer">
+        {unref(getShowDarkModeToggle) && <Divider>{() => t('layout.setting.darkMode')}</Divider>}
+        {unref(getShowDarkModeToggle) && <AppDarkModeToggle class="mx-auto" />}
+        <Divider>{() => t('layout.setting.navMode')}</Divider>
+        {renderSidebar()}
+        <Divider>{() => t('layout.setting.sysTheme')}</Divider>
+        {renderMainTheme()}
+        <Divider>{() => t('layout.setting.headerTheme')}</Divider>
+        {renderHeaderTheme()}
+        <Divider>{() => t('layout.setting.sidebarTheme')}</Divider>
+        {renderSiderTheme()}
+        <Divider>{() => t('layout.setting.interfaceFunction')}</Divider>
+        {renderFeatures()}
+        <Divider>{() => t('layout.setting.interfaceDisplay')}</Divider>
+        {renderContent()}
+        <Divider>{() => t('layout.setting.animation')}</Divider>
+        {renderTransition()}
+        <Divider />
+        <SettingFooter />
+      </BasicDrawer>
+    )
+  },
+})
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/InputNumberItem.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/components/InputNumberItem.vue
new file mode 100644
index 0000000..07bf454
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/InputNumberItem.vue
@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { InputNumber } from 'ant-design-vue'
+import { baseHandler } from '../handler'
+import type { HandlerEnum } from '../enum'
+
+defineOptions({ name: 'InputNumberItem' })
+
+const props = defineProps({
+  event: {
+    type: Number as PropType<HandlerEnum>,
+  },
+  title: {
+    type: String,
+  },
+})
+
+function handleChange(e) {
+  props.event && baseHandler(props.event, e)
+}
+</script>
+
+<template>
+  <div class="my-4 flex justify-between">
+    <span> {{ title }}</span>
+    <InputNumber v-bind="$attrs" class="max-w-32 w-30" @change="handleChange" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/SelectItem.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/components/SelectItem.vue
new file mode 100644
index 0000000..dec8ec9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/SelectItem.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+import { Select } from 'ant-design-vue'
+import { baseHandler } from '../handler'
+import type { HandlerEnum } from '../enum'
+
+defineOptions({ name: 'SelectItem' })
+
+const props = defineProps({
+  event: {
+    type: Number as PropType<HandlerEnum>,
+  },
+  disabled: {
+    type: Boolean,
+  },
+  title: {
+    type: String,
+  },
+  def: {
+    type: [String, Number] as PropType<string | number>,
+  },
+  initValue: {
+    type: [String, Number] as PropType<string | number>,
+  },
+  options: {
+    type: Array as PropType<LabelValueOptions>,
+    default: () => [],
+  },
+})
+const getBindValue = computed(() => {
+  return props.def ? { value: props.def, defaultValue: props.initValue || props.def } : {}
+})
+
+function handleChange(e) {
+  props.event && baseHandler(props.event, e)
+}
+</script>
+
+<template>
+  <div class="my-4 flex justify-between">
+    <span> {{ title }}</span>
+    <Select v-bind="getBindValue" class="max-w-32 w-30" :disabled="disabled" :options="options" @change="handleChange" />
+  </div>
+</template>
+
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/SettingFooter.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/components/SettingFooter.vue
new file mode 100644
index 0000000..80910a4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/SettingFooter.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import { unref } from 'vue'
+
+import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue'
+
+import { useAppStore } from '@/store/modules/app'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+import { useUserStore } from '@/store/modules/user'
+
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard'
+
+import { updateColorWeak } from '@/logics/theme/updateColorWeak'
+import { updateGrayMode } from '@/logics/theme/updateGrayMode'
+import defaultSetting from '@/settings/projectSetting'
+import { changeTheme } from '@/logics/theme'
+import { updateSidebarBgColor } from '@/logics/theme/updateBackground'
+
+defineOptions({ name: 'SettingFooter' })
+
+const permissionStore = usePermissionStore()
+const { t } = useI18n()
+const { createSuccessModal, createMessage } = useMessage()
+const tabStore = useMultipleTabStore()
+const userStore = useUserStore()
+const appStore = useAppStore()
+
+function handleCopy() {
+  const { isSuccessRef } = useCopyToClipboard(JSON.stringify(unref(appStore.getProjectConfig), null, 2))
+  unref(isSuccessRef)
+    && createSuccessModal({
+      title: t('layout.setting.operatingTitle'),
+      content: t('layout.setting.operatingContent'),
+    })
+}
+function handleResetSetting() {
+  try {
+    appStore.setProjectConfig(defaultSetting)
+    const { colorWeak, grayMode, themeColor } = defaultSetting
+    changeTheme(themeColor)
+    updateSidebarBgColor()
+    updateColorWeak(colorWeak)
+    updateGrayMode(grayMode)
+    createMessage.success(t('layout.setting.resetSuccess'))
+  }
+  catch (error: any) {
+    createMessage.error(error)
+  }
+}
+
+function handleClearAndRedo() {
+  localStorage.clear()
+  appStore.resetAllState()
+  permissionStore.resetState()
+  tabStore.resetState()
+  userStore.resetState()
+  location.reload()
+}
+</script>
+
+<template>
+  <div class="flex flex-col items-center">
+    <a-button type="primary" block @click="handleCopy">
+      <CopyOutlined class="mr-2" />
+      {{ t('layout.setting.copyBtn') }}
+    </a-button>
+
+    <a-button color="warning" block class="my-3" @click="handleResetSetting">
+      <RedoOutlined class="mr-2" />
+      {{ t('common.resetText') }}
+    </a-button>
+
+    <a-button color="error" block @click="handleClearAndRedo">
+      <RedoOutlined class="mr-2" />
+      {{ t('layout.setting.clearBtn') }}
+    </a-button>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/SwitchItem.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/components/SwitchItem.vue
new file mode 100644
index 0000000..46415af
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/SwitchItem.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+import { Switch } from 'ant-design-vue'
+import { baseHandler } from '../handler'
+import type { HandlerEnum } from '../enum'
+import { useI18n } from '@/hooks/web/useI18n'
+
+defineOptions({ name: 'SwitchItem' })
+
+const props = defineProps({
+  event: {
+    type: Number as PropType<HandlerEnum>,
+  },
+  disabled: {
+    type: Boolean,
+  },
+  title: {
+    type: String,
+  },
+  def: {
+    type: Boolean,
+  },
+})
+const { t } = useI18n()
+
+const getBindValue = computed(() => {
+  return props.def ? { checked: props.def } : {}
+})
+function handleChange(e) {
+  props.event && baseHandler(props.event, e)
+}
+</script>
+
+<template>
+  <div class="my-4 flex justify-between">
+    <span> {{ title }}</span>
+    <Switch
+      v-bind="getBindValue"
+      :disabled="disabled"
+      :checked-children="t('layout.setting.on')"
+      :un-checked-children="t('layout.setting.off')"
+      @change="handleChange"
+    />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/ThemeColorPicker.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/components/ThemeColorPicker.vue
new file mode 100644
index 0000000..8b38fc4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/ThemeColorPicker.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import { CheckOutlined } from '@ant-design/icons-vue'
+
+import { baseHandler } from '../handler'
+import type { HandlerEnum } from '../enum'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'ThemeColorPicker' })
+
+const props = defineProps({
+  colorList: {
+    type: Array as PropType<string[]>,
+    default: () => [],
+  },
+  event: {
+    type: Number as PropType<HandlerEnum>,
+  },
+  def: {
+    type: String,
+  },
+})
+const { prefixCls } = useDesign('setting-theme-picker')
+
+function handleClick(color: string) {
+  props.event && baseHandler(props.event, color)
+}
+</script>
+
+<template>
+  <div :class="prefixCls">
+    <template v-for="color in colorList || []" :key="color">
+      <span
+        :class="[
+          `${prefixCls}__item`,
+          {
+            [`${prefixCls}__item--active`]: def === color,
+          },
+        ]"
+        :style="{ background: color }"
+        @click="handleClick(color)"
+      >
+        <CheckOutlined />
+      </span>
+    </template>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-setting-theme-picker';
+
+.@{prefix-cls} {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  margin: 16px 0;
+
+  &__item {
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    border: 1px solid #ddd;
+    border-radius: 2px;
+
+    svg {
+      display: none;
+    }
+
+    &--active {
+      svg {
+        display: inline-block;
+        margin: 0 0 3px 3px;
+        font-size: 12px;
+        fill: @white !important;
+      }
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/TypePicker.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/components/TypePicker.vue
new file mode 100644
index 0000000..7db4e48
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/TypePicker.vue
@@ -0,0 +1,169 @@
+<script lang="ts" setup>
+import { Tooltip } from 'ant-design-vue'
+import { menuTypeList } from '../enum'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'MenuTypePicker' })
+
+defineProps({
+  menuTypeList: {
+    type: Array as PropType<typeof menuTypeList>,
+    default: () => [],
+  },
+  handler: {
+    type: Function as PropType<Fn>,
+    default: () => ({}),
+  },
+  def: {
+    type: String,
+    default: '',
+  },
+})
+const { prefixCls } = useDesign('setting-menu-type-picker')
+</script>
+
+<template>
+  <div :class="prefixCls">
+    <template v-for="item in menuTypeList || []" :key="item.title">
+      <Tooltip :title="item.title" placement="bottom">
+        <div
+          :class="[
+            `${prefixCls}__item`,
+            `${prefixCls}__item--${item.type}`,
+            {
+              [`${prefixCls}__item--active`]: def === item.type,
+            },
+          ]"
+          @click="handler(item)"
+        >
+          <div class="mix-sidebar" />
+        </div>
+      </Tooltip>
+    </template>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-setting-menu-type-picker';
+
+.@{prefix-cls} {
+  display: flex;
+
+  &__item {
+    position: relative;
+    width: 56px;
+    height: 48px;
+    margin-right: 16px;
+    overflow: hidden;
+    cursor: pointer;
+    background-color: #f0f2f5;
+    border-radius: 4px;
+    box-shadow: 0 1px 2.5px 0 rgb(0 0 0 / 18%);
+
+    &::before,
+    &::after {
+      position: absolute;
+      content: '';
+    }
+
+    &--sidebar,
+    &--light {
+      &::before {
+        top: 0;
+        left: 0;
+        z-index: 1;
+        width: 33%;
+        height: 100%;
+        background-color: #273352;
+        border-radius: 4px 0 0 4px;
+      }
+
+      &::after {
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 25%;
+        background-color: #fff;
+      }
+    }
+
+    &--mix {
+      &::before {
+        top: 0;
+        left: 0;
+        width: 33%;
+        height: 100%;
+        background-color: #fff;
+        border-radius: 4px 0 0 4px;
+      }
+
+      &::after {
+        top: 0;
+        left: 0;
+        z-index: 1;
+        width: 100%;
+        height: 25%;
+        background-color: #273352;
+      }
+    }
+
+    &--top-menu {
+      &::after {
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 25%;
+        background-color: #273352;
+      }
+    }
+
+    &--dark {
+      background-color: #273352;
+    }
+
+    &--mix-sidebar {
+      &::before {
+        top: 0;
+        left: 0;
+        z-index: 1;
+        width: 25%;
+        height: 100%;
+        background-color: #273352;
+        border-radius: 4px 0 0 4px;
+      }
+
+      &::after {
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 25%;
+        background-color: #fff;
+      }
+
+      .mix-sidebar {
+        position: absolute;
+        left: 25%;
+        width: 15%;
+        height: 100%;
+        background-color: #fff;
+      }
+    }
+
+    &:hover,
+    &--active {
+      padding: 12px;
+
+      &::before,
+      &::after {
+        border-radius: 0;
+      }
+    }
+  }
+
+  img {
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/components/index.ts b/yunxi-ui-admin-vben/src/layouts/default/setting/components/index.ts
new file mode 100644
index 0000000..4cd70d3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/components/index.ts
@@ -0,0 +1,8 @@
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+export const TypePicker = createAsyncComponent(() => import('./TypePicker.vue'))
+export const ThemeColorPicker = createAsyncComponent(() => import('./ThemeColorPicker.vue'))
+export const SettingFooter = createAsyncComponent(() => import('./SettingFooter.vue'))
+export const SwitchItem = createAsyncComponent(() => import('./SwitchItem.vue'))
+export const SelectItem = createAsyncComponent(() => import('./SelectItem.vue'))
+export const InputNumberItem = createAsyncComponent(() => import('./InputNumberItem.vue'))
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/enum.ts b/yunxi-ui-admin-vben/src/layouts/default/setting/enum.ts
new file mode 100644
index 0000000..1e3da2d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/enum.ts
@@ -0,0 +1,151 @@
+import { ContentEnum, RouterTransitionEnum } from '@/enums/appEnum'
+import { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TopMenuAlignEnum, TriggerEnum } from '@/enums/menuEnum'
+
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+export enum HandlerEnum {
+  CHANGE_LAYOUT,
+  CHANGE_THEME_COLOR,
+  CHANGE_THEME,
+  // menu
+  MENU_HAS_DRAG,
+  MENU_ACCORDION,
+  MENU_TRIGGER,
+  MENU_TOP_ALIGN,
+  MENU_COLLAPSED,
+  MENU_COLLAPSED_SHOW_TITLE,
+  MENU_WIDTH,
+  MENU_SHOW_SIDEBAR,
+  MENU_THEME,
+  MENU_SPLIT,
+  MENU_FIXED,
+  MENU_CLOSE_MIX_SIDEBAR_ON_CHANGE,
+  MENU_TRIGGER_MIX_SIDEBAR,
+  MENU_FIXED_MIX_SIDEBAR,
+
+  // header
+  HEADER_SHOW,
+  HEADER_THEME,
+  HEADER_FIXED,
+
+  HEADER_SEARCH,
+
+  TABS_SHOW_QUICK,
+  TABS_SHOW_REDO,
+  TABS_SHOW,
+  TABS_SHOW_FOLD,
+  TABS_SHOW_ICON,
+
+  LOCK_TIME,
+  FULL_CONTENT,
+  CONTENT_MODE,
+  SHOW_BREADCRUMB,
+  SHOW_BREADCRUMB_ICON,
+  GRAY_MODE,
+  COLOR_WEAK,
+  SHOW_LOGO,
+  SHOW_FOOTER,
+
+  ROUTER_TRANSITION,
+  OPEN_PROGRESS,
+  OPEN_PAGE_LOADING,
+  OPEN_ROUTE_TRANSITION,
+}
+
+export const contentModeOptions = [
+  {
+    value: ContentEnum.FULL,
+    label: t('layout.setting.contentModeFull'),
+  },
+  {
+    value: ContentEnum.FIXED,
+    label: t('layout.setting.contentModeFixed'),
+  },
+]
+
+export const topMenuAlignOptions = [
+  {
+    value: TopMenuAlignEnum.CENTER,
+    label: t('layout.setting.topMenuAlignRight'),
+  },
+  {
+    value: TopMenuAlignEnum.START,
+    label: t('layout.setting.topMenuAlignLeft'),
+  },
+  {
+    value: TopMenuAlignEnum.END,
+    label: t('layout.setting.topMenuAlignCenter'),
+  },
+]
+
+export function getMenuTriggerOptions(hideTop: boolean) {
+  return [
+    {
+      value: TriggerEnum.NONE,
+      label: t('layout.setting.menuTriggerNone'),
+    },
+    {
+      value: TriggerEnum.FOOTER,
+      label: t('layout.setting.menuTriggerBottom'),
+    },
+    ...(hideTop
+      ? []
+      : [
+          {
+            value: TriggerEnum.HEADER,
+            label: t('layout.setting.menuTriggerTop'),
+          },
+        ]),
+  ]
+}
+
+export const routerTransitionOptions = [
+  RouterTransitionEnum.ZOOM_FADE,
+  RouterTransitionEnum.FADE,
+  RouterTransitionEnum.ZOOM_OUT,
+  RouterTransitionEnum.FADE_SIDE,
+  RouterTransitionEnum.FADE_BOTTOM,
+  RouterTransitionEnum.FADE_SCALE,
+].map((item) => {
+  return {
+    label: item,
+    value: item,
+  }
+})
+
+export const menuTypeList = [
+  {
+    title: t('layout.setting.menuTypeSidebar'),
+    mode: MenuModeEnum.INLINE,
+    type: MenuTypeEnum.SIDEBAR,
+  },
+  {
+    title: t('layout.setting.menuTypeMix'),
+    mode: MenuModeEnum.INLINE,
+    type: MenuTypeEnum.MIX,
+  },
+
+  {
+    title: t('layout.setting.menuTypeTopMenu'),
+    mode: MenuModeEnum.HORIZONTAL,
+    type: MenuTypeEnum.TOP_MENU,
+  },
+  {
+    title: t('layout.setting.menuTypeMixSidebar'),
+    mode: MenuModeEnum.INLINE,
+    type: MenuTypeEnum.MIX_SIDEBAR,
+  },
+]
+
+export const mixSidebarTriggerOptions = [
+  {
+    value: MixSidebarTriggerEnum.HOVER,
+    label: t('layout.setting.triggerHover'),
+  },
+  {
+    value: MixSidebarTriggerEnum.CLICK,
+    label: t('layout.setting.triggerClick'),
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/handler.ts b/yunxi-ui-admin-vben/src/layouts/default/setting/handler.ts
new file mode 100644
index 0000000..8d4dfe7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/handler.ts
@@ -0,0 +1,177 @@
+import { HandlerEnum } from './enum'
+import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground'
+import { updateColorWeak } from '@/logics/theme/updateColorWeak'
+import { updateGrayMode } from '@/logics/theme/updateGrayMode'
+
+import { useAppStore } from '@/store/modules/app'
+import type { ProjectConfig } from '@/types/config'
+import { changeTheme } from '@/logics/theme'
+import { updateDarkTheme } from '@/logics/theme/dark'
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+
+export function baseHandler(event: HandlerEnum, value: any) {
+  const appStore = useAppStore()
+  const config = handler(event, value)
+  appStore.setProjectConfig(config)
+  if (event === HandlerEnum.CHANGE_THEME) {
+    updateHeaderBgColor()
+    updateSidebarBgColor()
+  }
+}
+
+export function handler(event: HandlerEnum, value: any): DeepPartial<ProjectConfig> {
+  const appStore = useAppStore()
+
+  const { getThemeColor, getDarkMode } = useRootSetting()
+  switch (event) {
+    case HandlerEnum.CHANGE_LAYOUT:
+      const { mode, type, split } = value
+      const splitOpt = split === undefined ? { split } : {}
+
+      return {
+        menuSetting: {
+          mode,
+          type,
+          collapsed: false,
+          show: true,
+          hidden: false,
+          ...splitOpt,
+        },
+      }
+
+    case HandlerEnum.CHANGE_THEME_COLOR:
+      if (getThemeColor.value === value)
+        return {}
+
+      changeTheme(value)
+
+      return { themeColor: value }
+
+    case HandlerEnum.CHANGE_THEME:
+      if (getDarkMode.value === value)
+        return {}
+
+      updateDarkTheme(value)
+
+      return {}
+
+    case HandlerEnum.MENU_HAS_DRAG:
+      return { menuSetting: { canDrag: value } }
+
+    case HandlerEnum.MENU_ACCORDION:
+      return { menuSetting: { accordion: value } }
+
+    case HandlerEnum.MENU_TRIGGER:
+      return { menuSetting: { trigger: value } }
+
+    case HandlerEnum.MENU_TOP_ALIGN:
+      return { menuSetting: { topMenuAlign: value } }
+
+    case HandlerEnum.MENU_COLLAPSED:
+      return { menuSetting: { collapsed: value } }
+
+    case HandlerEnum.MENU_WIDTH:
+      return { menuSetting: { menuWidth: value } }
+
+    case HandlerEnum.MENU_SHOW_SIDEBAR:
+      return { menuSetting: { show: value } }
+
+    case HandlerEnum.MENU_COLLAPSED_SHOW_TITLE:
+      return { menuSetting: { collapsedShowTitle: value } }
+
+    case HandlerEnum.MENU_THEME:
+      updateSidebarBgColor(value)
+      return { menuSetting: { bgColor: value } }
+
+    case HandlerEnum.MENU_SPLIT:
+      return { menuSetting: { split: value } }
+
+    case HandlerEnum.MENU_CLOSE_MIX_SIDEBAR_ON_CHANGE:
+      return { menuSetting: { closeMixSidebarOnChange: value } }
+
+    case HandlerEnum.MENU_FIXED:
+      return { menuSetting: { fixed: value } }
+
+    case HandlerEnum.MENU_TRIGGER_MIX_SIDEBAR:
+      return { menuSetting: { mixSideTrigger: value } }
+
+    case HandlerEnum.MENU_FIXED_MIX_SIDEBAR:
+      return { menuSetting: { mixSideFixed: value } }
+
+    // ============transition==================
+    case HandlerEnum.OPEN_PAGE_LOADING:
+      appStore.setPageLoading(false)
+      return { transitionSetting: { openPageLoading: value } }
+
+    case HandlerEnum.ROUTER_TRANSITION:
+      return { transitionSetting: { basicTransition: value } }
+
+    case HandlerEnum.OPEN_ROUTE_TRANSITION:
+      return { transitionSetting: { enable: value } }
+
+    case HandlerEnum.OPEN_PROGRESS:
+      return { transitionSetting: { openNProgress: value } }
+      // ============root==================
+
+    case HandlerEnum.LOCK_TIME:
+      return { lockTime: value }
+
+    case HandlerEnum.FULL_CONTENT:
+      return { fullContent: value }
+
+    case HandlerEnum.CONTENT_MODE:
+      return { contentMode: value }
+
+    case HandlerEnum.SHOW_BREADCRUMB:
+      return { showBreadCrumb: value }
+
+    case HandlerEnum.SHOW_BREADCRUMB_ICON:
+      return { showBreadCrumbIcon: value }
+
+    case HandlerEnum.GRAY_MODE:
+      updateGrayMode(value)
+      return { grayMode: value }
+
+    case HandlerEnum.SHOW_FOOTER:
+      return { showFooter: value }
+
+    case HandlerEnum.COLOR_WEAK:
+      updateColorWeak(value)
+      return { colorWeak: value }
+
+    case HandlerEnum.SHOW_LOGO:
+      return { showLogo: value }
+
+    // ============tabs==================
+    case HandlerEnum.TABS_SHOW_QUICK:
+      return { multiTabsSetting: { showQuick: value } }
+
+    case HandlerEnum.TABS_SHOW:
+      return { multiTabsSetting: { show: value } }
+
+    case HandlerEnum.TABS_SHOW_ICON:
+      return { multiTabsSetting: { showIcon: value } }
+
+    case HandlerEnum.TABS_SHOW_REDO:
+      return { multiTabsSetting: { showRedo: value } }
+
+    case HandlerEnum.TABS_SHOW_FOLD:
+      return { multiTabsSetting: { showFold: value } }
+
+    // ============header==================
+    case HandlerEnum.HEADER_THEME:
+      updateHeaderBgColor(value)
+      return { headerSetting: { bgColor: value } }
+
+    case HandlerEnum.HEADER_SEARCH:
+      return { headerSetting: { showSearch: value } }
+
+    case HandlerEnum.HEADER_FIXED:
+      return { headerSetting: { fixed: value } }
+
+    case HandlerEnum.HEADER_SHOW:
+      return { headerSetting: { show: value } }
+    default:
+      return {}
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/setting/index.vue b/yunxi-ui-admin-vben/src/layouts/default/setting/index.vue
new file mode 100644
index 0000000..dd58529
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/setting/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import SettingDrawer from './SettingDrawer'
+import { Icon } from '@/components/Icon'
+
+import { useDrawer } from '@/components/Drawer'
+
+defineOptions({ name: 'SettingButton' })
+
+const [register, { openDrawer }] = useDrawer()
+</script>
+
+<template>
+  <div @click="openDrawer(true)">
+    <Icon icon="ion:settings-outline" />
+    <SettingDrawer @register="register" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/sider/DragBar.vue b/yunxi-ui-admin-vben/src/layouts/default/sider/DragBar.vue
new file mode 100644
index 0000000..d0088ba
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/sider/DragBar.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+
+import { useDesign } from '@/hooks/web/useDesign'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+
+defineOptions({ name: 'DargBar' })
+
+const props = defineProps({
+  mobile: Boolean,
+})
+const { getMiniWidthNumber, getCollapsed, getCanDrag } = useMenuSetting()
+
+const { prefixCls } = useDesign('darg-bar')
+const getDragBarStyle = computed(() => {
+  if (unref(getCollapsed))
+    return { left: `${unref(getMiniWidthNumber)}px` }
+
+  return {}
+})
+
+const getClass = computed(() => {
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--hide`]: !unref(getCanDrag) || props.mobile,
+    },
+  ]
+})
+</script>
+
+<template>
+  <div :class="getClass" :style="getDragBarStyle" />
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-darg-bar';
+
+.@{prefix-cls} {
+  position: absolute;
+  top: 0;
+  right: -2px;
+  z-index: @side-drag-z-index;
+  width: 2px;
+  height: 100%;
+  cursor: col-resize;
+  border-top: none;
+  border-bottom: none;
+
+  &--hide {
+    display: none;
+  }
+
+  &:hover {
+    box-shadow: 0 0 4px 0 rgb(28 36 56 / 15%);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/sider/LayoutSider.vue b/yunxi-ui-admin-vben/src/layouts/default/sider/LayoutSider.vue
new file mode 100644
index 0000000..0805a24
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/sider/LayoutSider.vue
@@ -0,0 +1,149 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, h, ref, unref } from 'vue'
+
+import { Layout } from 'ant-design-vue'
+import LayoutMenu from '../menu/index.vue'
+import { useDragLine, useSiderEvent, useTrigger } from './useLayoutSider'
+import DragBar from './DragBar.vue'
+import LayoutTrigger from '@/layouts/default/trigger/index.vue'
+
+import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum'
+
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useAppInject } from '@/hooks/web/useAppInject'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'LayoutSideBar' })
+
+const Sider = Layout.Sider
+
+const dragBarRef = ref<ElRef>(null)
+const sideRef = ref<ElRef>(null)
+
+const { getCollapsed, getMenuWidth, getSplit, getMenuTheme, getRealWidth, getMenuHidden, getMenuFixed, getIsMixMode } = useMenuSetting()
+
+const { prefixCls } = useDesign('layout-sideBar')
+
+const { getIsMobile } = useAppInject()
+
+const { getTriggerAttr, getShowTrigger } = useTrigger(getIsMobile)
+
+useDragLine(sideRef, dragBarRef)
+
+const { getCollapsedWidth, onBreakpointChange } = useSiderEvent()
+
+const getMode = computed(() => {
+  return unref(getSplit) ? MenuModeEnum.INLINE : null
+})
+
+const getSplitType = computed(() => {
+  return unref(getSplit) ? MenuSplitTyeEnum.LEFT : MenuSplitTyeEnum.NONE
+})
+
+const showClassSideBarRef = computed(() => {
+  return unref(getSplit) ? !unref(getMenuHidden) : true
+})
+
+const getSiderClass = computed(() => {
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--fixed`]: unref(getMenuFixed),
+      [`${prefixCls}--mix`]: unref(getIsMixMode) && !unref(getIsMobile),
+    },
+  ]
+})
+
+const getHiddenDomStyle = computed((): CSSProperties => {
+  const width = `${unref(getRealWidth)}px`
+  return {
+    width,
+    overflow: 'hidden',
+    flex: `0 0 ${width}`,
+    maxWidth: width,
+    minWidth: width,
+    transition: 'all 0.2s',
+  }
+})
+
+// 在此处使用计算量可能会导致sider异常
+// andv 更新后，如果trigger插槽可用，则此处代码可废弃
+const getTrigger = h(LayoutTrigger)
+</script>
+
+<template>
+  <div v-if="getMenuFixed && !getIsMobile" v-show="showClassSideBarRef" :style="getHiddenDomStyle" />
+  <Sider
+    v-show="showClassSideBarRef"
+    ref="sideRef"
+    breakpoint="lg"
+    collapsible
+    :class="getSiderClass"
+    :width="getMenuWidth"
+    :collapsed="getCollapsed"
+    :collapsed-width="getCollapsedWidth"
+    :theme="getMenuTheme"
+    :trigger="getTrigger"
+    v-bind="getTriggerAttr"
+    @breakpoint="onBreakpointChange"
+  >
+    <template v-if="getShowTrigger" #trigger>
+      <LayoutTrigger />
+    </template>
+    <LayoutMenu :theme="getMenuTheme" :menu-mode="getMode" :split-type="getSplitType" />
+    <DragBar ref="dragBarRef" />
+  </Sider>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-layout-sideBar';
+
+.@{prefix-cls} {
+  z-index: @layout-sider-fixed-z-index;
+
+  &--fixed {
+    position: fixed !important;
+    top: 0;
+    left: 0;
+    height: 100%;
+  }
+
+  &--mix {
+    top: @header-height;
+    height: calc(100% - @header-height);
+  }
+
+  &.ant-layout-sider-dark {
+    background-color: @sider-dark-bg-color;
+
+    .ant-layout-sider-trigger {
+      color: darken(@white, 25%);
+      background-color: @trigger-dark-bg-color;
+
+      &:hover {
+        color: @white;
+        background-color: @trigger-dark-hover-bg-color;
+      }
+    }
+  }
+
+  &:not(.ant-layout-sider-dark) {
+    // box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
+
+    .ant-layout-sider-trigger {
+      border-top: 1px solid var(--border-color);
+    }
+  }
+
+  .ant-layout-sider-zero-width-trigger {
+    top: 40%;
+    z-index: 10;
+  }
+
+  & .ant-layout-sider-trigger {
+    height: 36px;
+    line-height: 36px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/sider/MixSider.vue b/yunxi-ui-admin-vben/src/layouts/default/sider/MixSider.vue
new file mode 100644
index 0000000..abcc084
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/sider/MixSider.vue
@@ -0,0 +1,534 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, onMounted, ref, unref, watch } from 'vue'
+import type { RouteLocationNormalized } from 'vue-router'
+import { onClickOutside } from '@vueuse/core'
+import LayoutTrigger from '../trigger/index.vue'
+import { useDragLine } from './useLayoutSider'
+import type { Menu } from '@/router/types'
+import { ScrollContainer } from '@/components/Container'
+import { SimpleMenu, SimpleMenuTag } from '@/components/SimpleMenu'
+import { Icon } from '@/components/Icon'
+import { AppLogo } from '@/components/Application'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useGlobSetting } from '@/hooks/setting'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useGo } from '@/hooks/web/usePage'
+import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum'
+import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '@/router/menus'
+import { listenerRouteChange } from '@/logics/mitt/routeChange'
+
+const wrap = ref(null)
+const menuModules = ref<Menu[]>([])
+const activePath = ref('')
+const childrenMenus = ref<Menu[]>([])
+const openMenu = ref(false)
+const dragBarRef = ref<ElRef>(null)
+const sideRef = ref<ElRef>(null)
+const currentRoute = ref<Nullable<RouteLocationNormalized>>(null)
+
+const { prefixCls } = useDesign('layout-mix-sider')
+const go = useGo()
+const { t } = useI18n()
+const {
+  getMenuWidth,
+  getCanDrag,
+  getCloseMixSidebarOnChange,
+  getMenuTheme,
+  getMixSideTrigger,
+  getRealWidth,
+  getMixSideFixed,
+  mixSideHasChildren,
+  setMenuSetting,
+  getIsMixSidebar,
+  getCollapsed,
+} = useMenuSetting()
+
+const { title } = useGlobSetting()
+const permissionStore = usePermissionStore()
+
+useDragLine(sideRef, dragBarRef, true)
+
+const getMenuStyle = computed((): CSSProperties => {
+  return {
+    width: unref(openMenu) ? `${unref(getMenuWidth)}px` : 0,
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    left: `${unref(getMixSideWidth)}px`,
+  }
+})
+
+const getIsFixed = computed(() => {
+  // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+  mixSideHasChildren.value = unref(childrenMenus).length > 0
+  const isFixed = unref(getMixSideFixed) && unref(mixSideHasChildren)
+  if (isFixed)
+  // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+    openMenu.value = true
+
+  return isFixed
+})
+
+const getMixSideWidth = computed(() => {
+  return unref(getCollapsed) ? SIDE_BAR_MINI_WIDTH : SIDE_BAR_SHOW_TIT_MINI_WIDTH
+})
+
+const getDomStyle = computed((): CSSProperties => {
+  const fixedWidth = unref(getIsFixed) ? unref(getRealWidth) : 0
+  const width = `${unref(getMixSideWidth) + fixedWidth}px`
+  return getWrapCommonStyle(width)
+})
+
+const getWrapStyle = computed((): CSSProperties => {
+  const width = `${unref(getMixSideWidth)}px`
+  return getWrapCommonStyle(width)
+})
+
+const getMenuEvents = computed(() => {
+  return !unref(getMixSideFixed)
+    ? {
+        onMouseleave: () => {
+          setActive(true)
+          closeMenu()
+        },
+      }
+    : {}
+})
+
+const getShowDragBar = computed(() => unref(getCanDrag))
+
+onMounted(async () => {
+  menuModules.value = await getShallowMenus()
+})
+
+// Menu changes
+watch(
+  [() => permissionStore.getLastBuildMenuTime, () => permissionStore.getBackMenuList],
+  async () => {
+    menuModules.value = await getShallowMenus()
+  },
+  {
+    immediate: true,
+  },
+)
+
+listenerRouteChange((route) => {
+  currentRoute.value = route
+  setActive(true)
+  if (unref(getCloseMixSidebarOnChange))
+    closeMenu()
+})
+
+function getWrapCommonStyle(width: string): CSSProperties {
+  return {
+    width,
+    maxWidth: width,
+    minWidth: width,
+    flex: `0 0 ${width}`,
+  }
+}
+
+// Process module menu click
+async function handleModuleClick(path: string, hover = false) {
+  const children = await getChildrenMenus(path)
+  if (unref(activePath) === path) {
+    if (!hover) {
+      if (!unref(openMenu))
+        openMenu.value = true
+      else
+        closeMenu()
+    }
+    else {
+      if (!unref(openMenu))
+        openMenu.value = true
+    }
+    if (!unref(openMenu))
+      setActive()
+  }
+  else {
+    openMenu.value = true
+    activePath.value = path
+  }
+
+  if (!children || children.length === 0) {
+    if (!hover)
+      go(path)
+    childrenMenus.value = []
+    closeMenu()
+    return
+  }
+  childrenMenus.value = children
+}
+
+// Set the currently active menu and submenu
+async function setActive(setChildren = false) {
+  const path = currentRoute.value?.path
+  if (!path)
+    return
+  activePath.value = await getCurrentParentPath(path)
+  // hanldeModuleClick(parentPath);
+  if (unref(getIsMixSidebar)) {
+    const activeMenu = unref(menuModules).find(item => item.path === unref(activePath))
+    const p = activeMenu?.path
+    if (p) {
+      const children = await getChildrenMenus(p)
+      if (setChildren) {
+        childrenMenus.value = children
+
+        if (unref(getMixSideFixed))
+          openMenu.value = children.length > 0
+      }
+      if (children.length === 0)
+        childrenMenus.value = []
+    }
+  }
+}
+
+function handleMenuClick(path: string) {
+  go(path)
+}
+
+function handleClickOutside() {
+  setActive(true)
+  closeMenu()
+}
+
+function getItemEvents(item: Menu) {
+  if (unref(getMixSideTrigger) === 'hover') {
+    return {
+      onMouseenter: () => handleModuleClick(item.path, true),
+      onClick: async () => {
+        const children = await getChildrenMenus(item.path)
+        if (item.path && (!children || children.length === 0))
+          go(item.path)
+      },
+    }
+  }
+  return {
+    onClick: () => handleModuleClick(item.path),
+  }
+}
+
+function handleFixedMenu() {
+  setMenuSetting({
+    mixSideFixed: !unref(getIsFixed),
+  })
+}
+
+// Close menu
+function closeMenu() {
+  if (!unref(getIsFixed))
+    openMenu.value = false
+}
+
+onClickOutside(wrap, () => {
+  handleClickOutside()
+})
+</script>
+
+<template>
+  <div :class="`${prefixCls}-dom`" :style="getDomStyle" />
+  <div
+    ref="wrap"
+    :style="getWrapStyle"
+    :class="[
+      prefixCls,
+      getMenuTheme,
+      {
+        open: openMenu,
+        mini: getCollapsed,
+      },
+    ]"
+    v-bind="getMenuEvents"
+  >
+    <AppLogo :show-title="false" :class="`${prefixCls}-logo`" />
+
+    <LayoutTrigger :class="`${prefixCls}-trigger`" />
+
+    <ScrollContainer>
+      <ul :class="`${prefixCls}-module`">
+        <li
+          v-for="item in menuModules"
+          v-bind="getItemEvents(item)"
+          :key="item.path"
+          :class="[
+            `${prefixCls}-module__item `,
+            {
+              [`${prefixCls}-module__item--active`]: item.path === activePath,
+            },
+          ]"
+        >
+          <SimpleMenuTag :item="item" collapse-parent dot />
+          <Icon :class="`${prefixCls}-module__icon`" :size="getCollapsed ? 16 : 20" :icon="item.icon || (item.meta && item.meta.icon)" />
+          <p :class="`${prefixCls}-module__name`">
+            {{ t(item.name) }}
+          </p>
+        </li>
+      </ul>
+    </ScrollContainer>
+
+    <div ref="sideRef" :class="`${prefixCls}-menu-list`" :style="getMenuStyle">
+      <div
+        v-show="openMenu"
+        :class="[
+          `${prefixCls}-menu-list__title`,
+          {
+            show: openMenu,
+          },
+        ]"
+      >
+        <span class="text"> {{ title }}</span>
+        <Icon :size="16" :icon="getMixSideFixed ? 'ri:pushpin-2-fill' : 'ri:pushpin-2-line'" class="pushpin" @click="handleFixedMenu" />
+      </div>
+      <ScrollContainer :class="`${prefixCls}-menu-list__content`">
+        <SimpleMenu :items="childrenMenus" :theme="getMenuTheme" mix-sider @menu-click="handleMenuClick" />
+      </ScrollContainer>
+      <div v-show="getShowDragBar && openMenu" ref="dragBarRef" :class="`${prefixCls}-drag-bar`" />
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-layout-mix-sider';
+@width: 80px;
+.@{prefix-cls} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: @layout-mix-sider-fixed-z-index;
+  height: 100%;
+  overflow: hidden;
+  background-color: @sider-dark-bg-color;
+  transition: all 0.2s ease 0s;
+
+  &-dom {
+    height: 100%;
+    overflow: hidden;
+    transition: all 0.2s ease 0s;
+  }
+
+  &-logo {
+    display: flex;
+    justify-content: center;
+    height: @header-height;
+    padding-left: 0 !important;
+
+    img {
+      width: @logo-width;
+      height: @logo-width;
+    }
+  }
+
+  &.light {
+    .@{prefix-cls}-logo {
+      border-bottom: 1px solid rgb(238 238 238);
+    }
+
+    &.open {
+      > .scrollbar {
+        border-right: 1px solid rgb(238 238 238);
+      }
+    }
+
+    .@{prefix-cls}-module {
+      &__item {
+        font-weight: normal;
+        color: rgb(0 0 0 / 65%);
+
+        &--active {
+          background-color: unset;
+        }
+      }
+    }
+    .@{prefix-cls}-menu-list {
+      &__content {
+        box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
+      }
+
+      &__title {
+        .pushpin {
+          color: rgb(0 0 0 / 35%);
+
+          &:hover {
+            color: rgb(0 0 0 / 85%);
+          }
+        }
+      }
+    }
+  }
+
+  &.dark {
+    &.open {
+      .@{prefix-cls}-logo {
+        border-bottom: 1px solid var(--sider-dark-lighten-bg-color);
+      }
+
+      > .scrollbar {
+        border-right: 1px solid var(--sider-dark-lighten-bg-color);
+      }
+    }
+    .@{prefix-cls}-menu-list {
+      background-color: var(--sider-dark-bg-color);
+
+      &__title {
+        color: @white;
+        border-bottom: none;
+        border-bottom: 1px solid var(--sider-dark-lighten-bg-color);
+      }
+    }
+  }
+
+  > .scrollbar {
+    height: calc(100% - @header-height - 38px);
+  }
+
+  &.mini &-module {
+    &__name {
+      display: none;
+    }
+
+    &__icon {
+      margin-bottom: 0;
+    }
+  }
+
+  &-module {
+    position: relative;
+    padding-top: 1px;
+
+    &__item {
+      position: relative;
+      padding: 12px 0;
+      color: rgb(255 255 255 / 65%);
+      text-align: center;
+      cursor: pointer;
+      transition: all 0.3s ease;
+
+      &:hover {
+        color: @white;
+      }
+      // &:hover,
+      &--active {
+        font-weight: 700;
+        color: @white;
+        background-color: @sider-dark-darken-bg-color;
+
+        &::before {
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 3px;
+          height: 100%;
+          content: '';
+        }
+      }
+    }
+
+    &__icon {
+      margin-bottom: 8px;
+      font-size: 24px;
+      transition: all 0.2s;
+    }
+
+    &__name {
+      margin-bottom: 0;
+      font-size: 12px;
+      transition: all 0.2s;
+    }
+  }
+
+  &-trigger {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 36px;
+    font-size: 14px;
+    line-height: 36px;
+    color: rgb(255 255 255 / 65%);
+    text-align: center;
+    cursor: pointer;
+    background-color: @trigger-dark-bg-color;
+  }
+
+  &.light &-trigger {
+    color: rgb(0 0 0 / 65%);
+    background-color: #fff;
+    border-top: 1px solid #eee;
+  }
+
+  &-menu-list {
+    position: fixed;
+    top: 0;
+    width: 200px;
+    height: calc(100%);
+    background-color: #fff;
+    transition: all 0.2s;
+
+    &__title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: @header-height;
+      // margin-left: -6px;
+      font-size: 18px;
+      border-bottom: 1px solid rgb(238 238 238);
+      opacity: 0;
+      transition: unset;
+
+      &.show {
+        min-width: 130px;
+        opacity: 1;
+        transition: all 0.5s ease;
+      }
+
+      .pushpin {
+        margin-right: 6px;
+        color: rgb(255 255 255 / 65%);
+        cursor: pointer;
+
+        &:hover {
+          color: #fff;
+        }
+      }
+    }
+
+    &__content {
+      height: calc(100% - @header-height) !important;
+
+      .scrollbar__wrap {
+        height: 100%;
+        overflow-x: hidden;
+      }
+
+      .scrollbar__bar.is-horizontal {
+        display: none;
+      }
+
+      .ant-menu {
+        height: 100%;
+      }
+
+      .ant-menu-inline,
+      .ant-menu-vertical,
+      .ant-menu-vertical-left {
+        border-right: 1px solid transparent;
+      }
+    }
+  }
+
+  &-drag-bar {
+    position: absolute;
+    top: 50px;
+    right: -1px;
+    width: 1px;
+    height: calc(100% - 50px);
+    cursor: ew-resize;
+    background-color: #f8f8f9;
+    border-top: none;
+    border-bottom: none;
+    box-shadow: 0 0 4px 0 rgb(28 36 56 / 15%);
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/sider/index.vue b/yunxi-ui-admin-vben/src/layouts/default/sider/index.vue
new file mode 100644
index 0000000..60622f2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/sider/index.vue
@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { Drawer } from 'ant-design-vue'
+import Sider from './LayoutSider.vue'
+import MixSider from './MixSider.vue'
+
+import { useAppInject } from '@/hooks/web/useAppInject'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useDesign } from '@/hooks/web/useDesign'
+
+defineOptions({ name: 'SiderWrapper' })
+
+const { prefixCls } = useDesign('layout-sider-wrapper')
+const { getIsMobile } = useAppInject()
+const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar } = useMenuSetting()
+
+function handleClose() {
+  setMenuSetting({
+    collapsed: true,
+  })
+}
+</script>
+
+<template>
+  <Drawer
+    v-if="getIsMobile"
+    placement="left"
+    :class="prefixCls"
+    :width="getMenuWidth"
+    :get-container="null"
+    :open="!getCollapsed"
+    @close="handleClose"
+  >
+    <Sider />
+  </Drawer>
+  <MixSider v-else-if="getIsMixSidebar" />
+  <Sider v-else />
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-layout-sider-wrapper';
+
+.@{prefix-cls} {
+  .ant-drawer-body {
+    height: 100vh;
+    padding: 0;
+  }
+
+  .ant-drawer-header-no-title {
+    display: none;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/sider/useLayoutSider.ts b/yunxi-ui-admin-vben/src/layouts/default/sider/useLayoutSider.ts
new file mode 100644
index 0000000..3c19de1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/sider/useLayoutSider.ts
@@ -0,0 +1,140 @@
+import type { Ref } from 'vue'
+
+import { computed, nextTick, onMounted, unref } from 'vue'
+
+import { useDebounceFn } from '@vueuse/core'
+import { TriggerEnum } from '@/enums/menuEnum'
+
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useAppStore } from '@/store/modules/app'
+
+/**
+ * Handle related operations of menu events
+ */
+export function useSiderEvent() {
+  const appStore = useAppStore()
+  const { getMiniWidthNumber } = useMenuSetting()
+
+  const getCollapsedWidth = computed(() => {
+    return unref(getMiniWidthNumber)
+  })
+
+  function onBreakpointChange(broken: boolean) {
+    appStore.setProjectConfig({
+      menuSetting: {
+        siderHidden: broken,
+      },
+    })
+  }
+
+  return { getCollapsedWidth, onBreakpointChange }
+}
+
+/**
+ * Handle related operations of menu folding
+ */
+export function useTrigger(getIsMobile: Ref<boolean>) {
+  const { getTrigger, getSplit } = useMenuSetting()
+
+  const getShowTrigger = computed(() => {
+    const trigger = unref(getTrigger)
+
+    return trigger !== TriggerEnum.NONE && !unref(getIsMobile) && (trigger === TriggerEnum.FOOTER || unref(getSplit))
+  })
+
+  const getTriggerAttr = computed(() => {
+    if (unref(getShowTrigger))
+      return {}
+
+    return {
+      trigger: null,
+    }
+  })
+
+  return { getTriggerAttr, getShowTrigger }
+}
+
+/**
+ * Handle menu drag and drop related operations
+ * @param siderRef
+ * @param dragBarRef
+ */
+export function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, mix = false) {
+  const { getMiniWidthNumber, getCollapsed, setMenuSetting } = useMenuSetting()
+
+  onMounted(() => {
+    nextTick(() => {
+      const exec = useDebounceFn(changeWrapWidth, 80)
+      exec()
+    })
+  })
+
+  function getEl(elRef: Ref<ElRef | ComponentRef>): any {
+    const el = unref(elRef)
+    if (!el)
+      return null
+    if (Reflect.has(el, '$el'))
+      return (unref(elRef) as ComponentRef)?.$el
+
+    return unref(elRef)
+  }
+
+  function handleMouseMove(ele: HTMLElement, wrap: HTMLElement, clientX: number) {
+    document.onmousemove = function (innerE) {
+      let iT = (ele as any).left + (innerE.clientX - clientX)
+      innerE = innerE || window.event
+      const maxT = 800
+      const minT = unref(getMiniWidthNumber)
+      iT < 0 && (iT = 0)
+      iT > maxT && (iT = maxT)
+      iT < minT && (iT = minT)
+      ele.style.left = wrap.style.width = `${iT}px`
+      return false
+    }
+  }
+
+  // Drag and drop in the menu area-release the mouse
+  function removeMouseup(ele: any) {
+    const wrap = getEl(siderRef)
+    document.onmouseup = function () {
+      document.onmousemove = null
+      document.onmouseup = null
+      wrap.style.transition = 'width 0.2s'
+      const width = Number.parseInt(wrap.style.width)
+
+      if (!mix) {
+        const miniWidth = unref(getMiniWidthNumber)
+        if (!unref(getCollapsed))
+          width > miniWidth + 20 ? setMenuSetting({ menuWidth: width }) : setMenuSetting({ collapsed: true })
+        else
+          width > miniWidth && setMenuSetting({ collapsed: false, menuWidth: width })
+      }
+      else {
+        setMenuSetting({ menuWidth: width })
+      }
+
+      ele.releaseCapture?.()
+    }
+  }
+
+  function changeWrapWidth() {
+    const ele = getEl(dragBarRef)
+    if (!ele)
+      return
+    const wrap = getEl(siderRef)
+    if (!wrap)
+      return
+
+    ele.onmousedown = (e: any) => {
+      wrap.style.transition = 'unset'
+      const clientX = e?.clientX
+      ele.left = ele.offsetLeft
+      handleMouseMove(ele, wrap, clientX)
+      removeMouseup(ele)
+      ele.setCapture?.()
+      return false
+    }
+  }
+
+  return {}
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/components/FoldButton.vue b/yunxi-ui-admin-vben/src/layouts/default/tabs/components/FoldButton.vue
new file mode 100644
index 0000000..728869d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/components/FoldButton.vue
@@ -0,0 +1,35 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { Icon } from '@/components/Icon'
+
+import { useDesign } from '@/hooks/web/useDesign'
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { triggerWindowResize } from '@/utils/event'
+
+defineOptions({ name: 'FoldButton' })
+
+const { prefixCls } = useDesign('multiple-tabs-content')
+const { getShowMenu, setMenuSetting } = useMenuSetting()
+const { getShowHeader, setHeaderSetting } = useHeaderSetting()
+
+const getIsUnFold = computed(() => !unref(getShowMenu) && !unref(getShowHeader))
+
+const getIcon = computed(() => (unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full'))
+
+function handleFold() {
+  const isUnFold = unref(getIsUnFold)
+  setMenuSetting({
+    show: isUnFold,
+    hidden: !isUnFold,
+  })
+  setHeaderSetting({ show: isUnFold })
+  triggerWindowResize()
+}
+</script>
+
+<template>
+  <span :class="`${prefixCls}__extra-fold`" @click="handleFold">
+    <Icon :icon="getIcon" />
+  </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabContent.vue b/yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabContent.vue
new file mode 100644
index 0000000..2860802
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabContent.vue
@@ -0,0 +1,75 @@
+<script lang="ts" setup>
+import type { RouteLocationNormalized } from 'vue-router'
+
+import { computed, unref } from 'vue'
+import type { TabContentProps } from '../types'
+import { useTabDropdown } from '../useTabDropdown'
+import { Dropdown } from '@/components/Dropdown'
+import { Icon } from '@/components/Icon'
+
+import { useDesign } from '@/hooks/web/useDesign'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
+
+defineOptions({ name: 'TabContent' })
+
+const props = defineProps({
+  tabItem: {
+    type: Object as PropType<RouteLocationNormalized>,
+    default: null,
+  },
+  isExtra: Boolean,
+})
+const { prefixCls } = useDesign('multiple-tabs-content')
+const { t } = useI18n()
+
+const getTitle = computed(() => {
+  const { tabItem: { meta } = {} } = props
+  return meta && t(meta.title as string)
+})
+
+const getIsTabs = computed(() => !props.isExtra)
+
+const prefixIconType = computed(() => {
+  if (props.tabItem.meta.icon)
+    return props.tabItem.meta.icon
+  else if (props.tabItem.path === '/dashboard/analysis')
+    return 'ant-design:home-outlined'
+  else
+    return 'ant-design:code'
+})
+
+const getTrigger = computed((): ('contextmenu' | 'click' | 'hover')[] => (unref(getIsTabs) ? ['contextmenu'] : ['click']))
+
+const { getDropMenuList, handleMenuEvent, handleContextMenu } = useTabDropdown(props as TabContentProps, getIsTabs)
+
+const { getShowMultipleTabIcon } = useMultipleTabSetting()
+
+const getShowTabsIcon = computed(() => {
+  return unref(getShowMultipleTabIcon)
+})
+
+function handleContext(e) {
+  props.tabItem && handleContextMenu(props.tabItem)(e)
+}
+</script>
+
+<template>
+  <Dropdown
+    :drop-menu-list="getDropMenuList"
+    :trigger="getTrigger"
+    placement="bottom"
+    overlay-class-name="multiple-tabs__dropdown"
+    @menu-event="handleMenuEvent"
+  >
+    <div v-if="getIsTabs" :class="`${prefixCls}__info`" @contextmenu="handleContext">
+      <span v-if="getShowTabsIcon" :class="`${prefixCls}__prefix-icon`" @click="handleContext">
+        <Icon :icon="prefixIconType" />
+      </span>
+      <span class="ml-1">{{ getTitle }}</span>
+    </div>
+    <span v-else :class="`${prefixCls}__extra-quick`" @click="handleContext">
+      <Icon icon="ion:chevron-down" />
+    </span>
+  </Dropdown>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabRedo.vue b/yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabRedo.vue
new file mode 100644
index 0000000..f2a2113
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/components/TabRedo.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { RedoOutlined } from '@ant-design/icons-vue'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useTabs } from '@/hooks/web/useTabs'
+
+defineOptions({ name: 'TabRedo' })
+
+const loading = ref(false)
+
+const { prefixCls } = useDesign('multiple-tabs-content')
+const { refreshPage } = useTabs()
+
+async function handleRedo() {
+  loading.value = true
+  await refreshPage()
+  setTimeout(() => {
+    loading.value = false
+    // Animation execution time
+  }, 1200)
+}
+</script>
+
+<template>
+  <span :class="`${prefixCls}__extra-redo`" @click="handleRedo">
+    <RedoOutlined :spin="loading" />
+  </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/index.less b/yunxi-ui-admin-vben/src/layouts/default/tabs/index.less
new file mode 100644
index 0000000..7bf20d2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/index.less
@@ -0,0 +1,232 @@
+@prefix-cls: ~"@{namespace}-multiple-tabs";
+
+.@{prefix-cls} {
+  z-index: 10;
+  height: @multiple-height;
+  line-height: @multiple-height;
+  box-shadow: 0 1px 4px rgb(0 21 41 / 8%);
+
+  .ant-tabs-small {
+    height: @multiple-height;
+  }
+
+  .ant-tabs.ant-tabs-card {
+    .ant-tabs-nav {
+      height: @multiple-height;
+      // padding-left: 10px;
+      margin: 0;
+      background-color: var(--component-background);
+      border: 0;
+      box-shadow: none;
+
+      .ant-tabs-nav-container {
+        height: @multiple-height;
+        margin-top: 12px;
+      }
+
+      .ant-tabs-tab {
+        position: relative;
+        z-index: 1;
+        height: @multiple-height;
+        padding: 0 6px;
+        margin: 0 -14px 0 0 !important;
+        line-height: @multiple-height;
+        border-radius: 8px 8px 0 0;
+        /* stylelint-disable-next-line function-url-quotes */
+        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkBAMAAAAdqzmBAAAAMFBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlTPQ5AAAAD3RSTlMAr3DvEM8wgCBA379gj5//tJBPAAAAnUlEQVRIx2NgAAM27fj/tAO/xBsYkIHyf9qCT8iWMf6nNQhAsk2f5rYheY7Dnua2/U+A28ZEe8v+F9Ax2v7/F4DbxkUH2wzgtvHTwbYPo7aN2jZq26hto7aN2jZq25Cy7Qvctnw62PYNbls9HWz7S8/G6//PsI6H4396gAUQy1je08W2jxDbpv6nD4gB2uWp+J9eYPsEhv/0BPS1DQBvoBLVZ3BppgAAAABJRU5ErkJggg==);
+        transition: padding 0.3s;
+        mask-size: 100% 100%;
+
+        &:hover {
+          z-index: 2;
+          padding: 0 12px;
+
+          .ant-tabs-tab-remove .anticon-close {
+            opacity: 1;
+
+            &:hover {
+              color: #fff;
+              background-color: #c0c4cc;
+            }
+          }
+        }
+
+        .ant-tabs-tab-remove {
+          top: 4px;
+          left: 10px;
+          margin-right: -10px;
+          margin-left: 0;
+
+          .anticon-close {
+            position: relative;
+            width: 14px;
+            height: 14px;
+            overflow: hidden;
+            font-size: 18px;
+            line-height: 10px;
+            color: inherit;
+            vertical-align: middle;
+            border-radius: 100%;
+            opacity: 0;
+            transition: opacity 0.15s;
+            transform-origin: 100% 50%;
+
+            &:hover {
+              svg {
+                fill: #fff;
+              }
+            }
+          }
+        }
+
+        > div {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        svg {
+          fill: @text-color;
+        }
+
+        &:first-child {
+          padding: 0 6px !important;
+        }
+
+        &:active {
+          padding: 0 6px !important;
+        }
+      }
+
+      .ant-tabs-tab-active {
+        position: relative;
+        z-index: 3;
+        padding: 0 6px;
+        font-weight: inherit;
+        background: #004b89;
+        border: 0;
+
+        .ant-tabs-tab-btn {
+          color: #fff;
+        }
+
+        .ant-tabs-tab-remove .anticon-close {
+          opacity: 1;
+
+          svg {
+            width: 0.6em;
+            fill: #fff;
+          }
+        }
+
+        svg {
+          width: inherit;
+        }
+      }
+    }
+
+    .ant-tabs-nav > div:nth-child(1) {
+      padding: 0 6px;
+
+      .ant-tabs-tab {
+        margin-right: 2px !important;
+      }
+    }
+  }
+
+  .ant-tabs-tab:not(.ant-tabs-tab-active) {
+    .anticon-close {
+      font-size: 12px;
+
+      svg {
+        width: 0.6em;
+      }
+    }
+  }
+
+  .ant-tabs-extra-content {
+    position: relative;
+    top: 0;
+    line-height: calc(@multiple-height - 12px) !important;
+  }
+
+  .ant-dropdown-trigger {
+    display: inline-flex;
+  }
+
+  &--hide-close {
+    .ant-tabs-tab-remove .anticon-close {
+      opacity: 0 !important;
+    }
+  }
+
+  &-content {
+    &__extra-quick,
+    &__extra-redo,
+    &__extra-fold {
+      display: inline-block;
+      width: 36px;
+      height: @multiple-height;
+      line-height: @multiple-height;
+      color: var(--text-color-secondary);
+      text-align: center;
+      cursor: pointer;
+      border-left: 1px solid var(--border-color);
+
+      &:hover {
+        color: @text-color;
+      }
+
+      span[role="img"] {
+        transform: rotate(90deg);
+      }
+    }
+
+    &__extra-redo {
+      span[role="img"] {
+        transform: rotate(0deg);
+      }
+    }
+
+    &__info {
+      display: inline-block;
+      width: 100%;
+      height: @multiple-height - 2;
+      padding-left: 0;
+      font-size: 14px;
+      cursor: pointer;
+      user-select: none;
+    }
+
+    &__prefix-icon {
+      & .app-iconify.anticon {
+        margin-right: 0 !important;
+      }
+    }
+  }
+}
+
+.ant-tabs-dropdown-menu {
+  &-title-content {
+    display: flex;
+    align-items: center;
+
+    .@{prefix-cls} {
+      &-content__info {
+        width: auto;
+        margin-left: 0;
+        line-height: 28px;
+      }
+    }
+  }
+
+  &-item-remove {
+    margin-left: auto;
+  }
+}
+
+.multiple-tabs__dropdown {
+  .ant-dropdown-content {
+    width: 148px;
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/index.vue b/yunxi-ui-admin-vben/src/layouts/default/tabs/index.vue
new file mode 100644
index 0000000..c83b53f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/index.vue
@@ -0,0 +1,120 @@
+<script lang="ts" setup>
+import type { RouteLocationNormalized, RouteMeta } from 'vue-router'
+
+import { computed, ref, unref } from 'vue'
+
+import { Tabs } from 'ant-design-vue'
+import { useRouter } from 'vue-router'
+import TabContent from './components/TabContent.vue'
+import FoldButton from './components/FoldButton.vue'
+import TabRedo from './components/TabRedo.vue'
+
+import { initAffixTabs, useTabsDrag } from './useMultipleTabs'
+import { useGo } from '@/hooks/web/usePage'
+
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+import { useUserStore } from '@/store/modules/user'
+
+import { useDesign } from '@/hooks/web/useDesign'
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
+
+import { REDIRECT_NAME } from '@/router/constant'
+import { listenerRouteChange } from '@/logics/mitt/routeChange'
+
+defineOptions({ name: 'MultipleTabs' })
+
+const affixTextList = initAffixTabs()
+const activeKeyRef = ref('')
+
+useTabsDrag(affixTextList)
+const tabStore = useMultipleTabStore()
+const userStore = useUserStore()
+const router = useRouter()
+
+const { prefixCls } = useDesign('multiple-tabs')
+const go = useGo()
+const { getShowQuick, getShowRedo, getShowFold } = useMultipleTabSetting()
+
+const getTabsState = computed(() => {
+  return tabStore.getTabList.filter(item => !item.meta?.hideTab)
+})
+
+const unClose = computed(() => unref(getTabsState).length === 1)
+
+const getWrapClass = computed(() => {
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--hide-close`]: unref(unClose),
+    },
+  ]
+})
+
+listenerRouteChange((route) => {
+  const { name } = route
+  if (name === REDIRECT_NAME || !route || !userStore.getAccessToken)
+    return
+
+  const { path, fullPath, meta = {} } = route
+  const { currentActiveMenu, hideTab } = meta as RouteMeta
+  const isHide = !hideTab ? null : currentActiveMenu
+  const p = isHide || fullPath || path
+  if (activeKeyRef.value !== p)
+    activeKeyRef.value = p as string
+
+  if (isHide) {
+    const findParentRoute = router.getRoutes().find(item => item.path === currentActiveMenu)
+
+    findParentRoute && tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized)
+  }
+  else {
+    tabStore.addTab(unref(route))
+  }
+})
+
+function handleChange(activeKey: any) {
+  activeKeyRef.value = activeKey
+  go(activeKey, false)
+}
+
+// Close the current tab
+function handleEdit(targetKey: string) {
+  // Added operation to hide, currently only use delete operation
+  if (unref(unClose))
+    return
+
+  tabStore.closeTabByKey(targetKey, router)
+}
+</script>
+
+<template>
+  <div :class="getWrapClass">
+    <Tabs
+      type="editable-card"
+      :animated="false"
+      :hide-add="true"
+      :tab-bar-gutter="3"
+      :active-key="activeKeyRef"
+      @change="handleChange"
+      @edit="handleEdit"
+    >
+      <template v-for="item in getTabsState" :key="item.query ? item.fullPath : item.path">
+        <Tabs.TabPane :closable="!(item && item.meta && item.meta.affix)">
+          <template #tab>
+            <TabContent :tab-item="item" />
+          </template>
+        </Tabs.TabPane>
+      </template>
+
+      <template v-if="getShowRedo || getShowQuick" #rightExtra>
+        <TabRedo v-if="getShowRedo" />
+        <TabContent v-if="getShowQuick" is-extra :tab-item="$route" />
+        <FoldButton v-if="getShowFold" />
+      </template>
+    </Tabs>
+  </div>
+</template>
+
+<style lang="less">
+@import './index.less';
+</style>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/types.ts b/yunxi-ui-admin-vben/src/layouts/default/tabs/types.ts
new file mode 100644
index 0000000..de5a98f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/types.ts
@@ -0,0 +1,25 @@
+import type { RouteLocationNormalized } from 'vue-router'
+import type { DropMenu } from '@/components/Dropdown'
+
+export enum TabContentEnum {
+  TAB_TYPE,
+  EXTRA_TYPE,
+}
+
+export type { DropMenu }
+
+export interface TabContentProps {
+  tabItem: RouteLocationNormalized
+  type?: TabContentEnum
+  trigger?: ('click' | 'hover' | 'contextmenu')[]
+}
+
+export enum MenuEventEnum {
+  REFRESH_PAGE,
+  CLOSE_CURRENT,
+  CLOSE_LEFT,
+  CLOSE_RIGHT,
+  CLOSE_OTHER,
+  CLOSE_ALL,
+  SCALE,
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/useMultipleTabs.ts b/yunxi-ui-admin-vben/src/layouts/default/tabs/useMultipleTabs.ts
new file mode 100644
index 0000000..df837f1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/useMultipleTabs.ts
@@ -0,0 +1,78 @@
+import { nextTick, ref, toRaw } from 'vue'
+import type { RouteLocationNormalized } from 'vue-router'
+import { useRouter } from 'vue-router'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useSortable } from '@/hooks/web/useSortable'
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+import { isNullAndUnDef } from '@/utils/is'
+import projectSetting from '@/settings/projectSetting'
+
+export function initAffixTabs(): string[] {
+  const affixList = ref<RouteLocationNormalized[]>([])
+
+  const tabStore = useMultipleTabStore()
+  const router = useRouter()
+  /**
+   * @description: Filter all fixed routes
+   */
+  function filterAffixTabs(routes: RouteLocationNormalized[]) {
+    const tabs: RouteLocationNormalized[] = []
+    routes
+      && routes.forEach((route) => {
+        if (route.meta && route.meta.affix)
+          tabs.push(toRaw(route))
+      })
+    return tabs
+  }
+
+  /**
+   * @description: Set fixed tabs
+   */
+  function addAffixTabs(): void {
+    const affixTabs = filterAffixTabs(router.getRoutes() as unknown as RouteLocationNormalized[])
+    affixList.value = affixTabs
+    for (const tab of affixTabs) {
+      tabStore.addTab({
+        meta: tab.meta,
+        name: tab.name,
+        path: tab.path,
+      } as unknown as RouteLocationNormalized)
+    }
+  }
+
+  let isAddAffix = false
+
+  if (!isAddAffix) {
+    addAffixTabs()
+    isAddAffix = true
+  }
+  return affixList.value.map(item => item.meta?.title).filter(Boolean)
+}
+
+export function useTabsDrag(affixTextList: string[]) {
+  const tabStore = useMultipleTabStore()
+  const { multiTabsSetting } = projectSetting
+  const { prefixCls } = useDesign('multiple-tabs')
+  nextTick(() => {
+    if (!multiTabsSetting.canDrag)
+      return
+    const el = document.querySelectorAll(`.${prefixCls} .ant-tabs-nav-wrap > div`)?.[0] as HTMLElement
+    const { initSortable } = useSortable(el, {
+      filter: (e: ChangeEvent) => {
+        const text = e?.target?.innerText
+        if (!text)
+          return false
+        return affixTextList.includes(text)
+      },
+      onEnd: (evt) => {
+        const { oldIndex, newIndex } = evt
+
+        if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex)
+          return
+
+        tabStore.sortTabs(oldIndex, newIndex)
+      },
+    })
+    initSortable()
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/tabs/useTabDropdown.ts b/yunxi-ui-admin-vben/src/layouts/default/tabs/useTabDropdown.ts
new file mode 100644
index 0000000..c0a426d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/tabs/useTabDropdown.ts
@@ -0,0 +1,140 @@
+import type { ComputedRef } from 'vue'
+import { computed, reactive, unref } from 'vue'
+import type { RouteLocationNormalized } from 'vue-router'
+import { useRouter } from 'vue-router'
+import type { TabContentProps } from './types'
+import { MenuEventEnum } from './types'
+import type { DropMenu } from '@/components/Dropdown'
+
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+import { useTabs } from '@/hooks/web/useTabs'
+import { useI18n } from '@/hooks/web/useI18n'
+
+export function useTabDropdown(tabContentProps: TabContentProps, getIsTabs: ComputedRef<boolean>) {
+  const state = reactive({
+    current: null as Nullable<RouteLocationNormalized>,
+    currentIndex: 0,
+  })
+
+  const { t } = useI18n()
+  const tabStore = useMultipleTabStore()
+  const { currentRoute } = useRouter()
+  const { refreshPage, closeAll, close, closeLeft, closeOther, closeRight } = useTabs()
+
+  const getTargetTab = computed((): RouteLocationNormalized => {
+    return unref(getIsTabs) ? tabContentProps.tabItem : unref(currentRoute)
+  })
+
+  /**
+   * @description: drop-down list
+   */
+  const getDropMenuList = computed(() => {
+    if (!unref(getTargetTab))
+      return
+
+    const { meta } = unref(getTargetTab)
+    const { path } = unref(currentRoute)
+
+    const curItem = state.current
+
+    const isCurItem = curItem ? curItem.path === path : false
+
+    // Refresh button
+    const index = state.currentIndex
+    const refreshDisabled = !isCurItem
+    // Close left
+    const closeLeftDisabled = index === 0 || !isCurItem
+
+    const disabled = tabStore.getTabList.length === 1
+
+    // Close right
+    const closeRightDisabled = !isCurItem || (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0)
+    const dropMenuList: DropMenu[] = [
+      {
+        icon: 'ion:reload-sharp',
+        event: MenuEventEnum.REFRESH_PAGE,
+        text: t('layout.multipleTab.reload'),
+        disabled: refreshDisabled,
+      },
+      {
+        icon: 'clarity:close-line',
+        event: MenuEventEnum.CLOSE_CURRENT,
+        text: t('layout.multipleTab.close'),
+        disabled: !!meta?.affix || disabled,
+        divider: true,
+      },
+      {
+        icon: 'line-md:arrow-close-left',
+        event: MenuEventEnum.CLOSE_LEFT,
+        text: t('layout.multipleTab.closeLeft'),
+        disabled: closeLeftDisabled,
+        divider: false,
+      },
+      {
+        icon: 'line-md:arrow-close-right',
+        event: MenuEventEnum.CLOSE_RIGHT,
+        text: t('layout.multipleTab.closeRight'),
+        disabled: closeRightDisabled,
+        divider: true,
+      },
+      {
+        icon: 'dashicons:align-center',
+        event: MenuEventEnum.CLOSE_OTHER,
+        text: t('layout.multipleTab.closeOther'),
+        disabled: disabled || !isCurItem,
+      },
+      {
+        icon: 'clarity:minus-line',
+        event: MenuEventEnum.CLOSE_ALL,
+        text: t('layout.multipleTab.closeAll'),
+        disabled,
+      },
+    ]
+
+    return dropMenuList
+  })
+
+  function handleContextMenu(tabItem: RouteLocationNormalized) {
+    return (e: Event) => {
+      if (!tabItem)
+        return
+
+      e?.preventDefault()
+      const index = tabStore.getTabList.findIndex(tab => tab.path === tabItem.path)
+      state.current = tabItem
+      state.currentIndex = index
+    }
+  }
+
+  // Handle right click event
+  function handleMenuEvent(menu: DropMenu): void {
+    const { event } = menu
+    switch (event) {
+      case MenuEventEnum.REFRESH_PAGE:
+        // refresh page
+        refreshPage()
+        break
+      // Close current
+      case MenuEventEnum.CLOSE_CURRENT:
+        close(tabContentProps.tabItem)
+        break
+      // Close left
+      case MenuEventEnum.CLOSE_LEFT:
+        closeLeft()
+        break
+      // Close right
+      case MenuEventEnum.CLOSE_RIGHT:
+        closeRight()
+        break
+      // Close other
+      case MenuEventEnum.CLOSE_OTHER:
+        closeOther()
+        break
+      // Close all
+      case MenuEventEnum.CLOSE_ALL:
+        closeAll()
+        break
+    }
+  }
+  return { getDropMenuList, handleMenuEvent, handleContextMenu }
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/default/trigger/HeaderTrigger.vue b/yunxi-ui-admin-vben/src/layouts/default/trigger/HeaderTrigger.vue
new file mode 100644
index 0000000..5e9f984
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/trigger/HeaderTrigger.vue
@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+import { useDesign } from '@/hooks/web/useDesign'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'HeaderTrigger' })
+
+defineProps({
+  theme: propTypes.oneOf(['light', 'dark']),
+})
+const { getCollapsed, toggleCollapsed } = useMenuSetting()
+const { prefixCls } = useDesign('layout-header-trigger')
+</script>
+
+<template>
+  <span :class="[prefixCls, theme]" @click="toggleCollapsed"> <MenuUnfoldOutlined v-if="getCollapsed" /> <MenuFoldOutlined v-else /> </span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/trigger/SiderTrigger.vue b/yunxi-ui-admin-vben/src/layouts/default/trigger/SiderTrigger.vue
new file mode 100644
index 0000000..ff50df7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/trigger/SiderTrigger.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons-vue'
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
+
+defineOptions({ name: 'SiderTrigger' })
+
+const { getCollapsed, toggleCollapsed } = useMenuSetting()
+</script>
+
+<template>
+  <div @click.stop="toggleCollapsed">
+    <DoubleRightOutlined v-if="getCollapsed" />
+    <DoubleLeftOutlined v-else />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/default/trigger/index.vue b/yunxi-ui-admin-vben/src/layouts/default/trigger/index.vue
new file mode 100644
index 0000000..a311965
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/default/trigger/index.vue
@@ -0,0 +1,19 @@
+<script lang="ts" setup>
+import HeaderTrigger from './HeaderTrigger.vue'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'LayoutTrigger' })
+
+defineProps({
+  sider: propTypes.bool.def(true),
+  theme: propTypes.oneOf(['light', 'dark']),
+})
+
+const SiderTrigger = createAsyncComponent(() => import('./SiderTrigger.vue'))
+</script>
+
+<template>
+  <SiderTrigger v-if="sider" />
+  <HeaderTrigger v-else :theme="theme" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/iframe/index.vue b/yunxi-ui-admin-vben/src/layouts/iframe/index.vue
new file mode 100644
index 0000000..96bf161
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/iframe/index.vue
@@ -0,0 +1,19 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { useFrameKeepAlive } from './useFrameKeepAlive'
+import FramePage from '@/views/base/iframe/index.vue'
+
+defineOptions({ name: 'FrameLayout' })
+
+const { getFramePages, hasRenderFrame, showIframe } = useFrameKeepAlive()
+
+const showFrame = computed(() => unref(getFramePages).length > 0)
+</script>
+
+<template>
+  <div v-if="showFrame">
+    <template v-for="frame in getFramePages" :key="frame.path">
+      <FramePage v-if="frame.meta.frameSrc && hasRenderFrame(frame.name)" v-show="showIframe(frame)" :frame-src="frame.meta.frameSrc" />
+    </template>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/iframe/useFrameKeepAlive.ts b/yunxi-ui-admin-vben/src/layouts/iframe/useFrameKeepAlive.ts
new file mode 100644
index 0000000..359d418
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/iframe/useFrameKeepAlive.ts
@@ -0,0 +1,55 @@
+import { computed, toRaw, unref } from 'vue'
+import { uniqBy } from 'lodash-es'
+import { useRouter } from 'vue-router'
+import type { AppRouteRecordRaw } from '@/router/types'
+
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
+
+export function useFrameKeepAlive() {
+  const router = useRouter()
+  const { currentRoute } = router
+  const { getShowMultipleTab } = useMultipleTabSetting()
+  const tabStore = useMultipleTabStore()
+  const getFramePages = computed(() => {
+    const ret = getAllFramePages(toRaw(router.getRoutes()) as unknown as AppRouteRecordRaw[]) || []
+    return ret
+  })
+
+  const getOpenTabList = computed((): string[] => {
+    return tabStore.getTabList.reduce((prev: string[], next) => {
+      if (next.meta && Reflect.has(next.meta, 'frameSrc'))
+        prev.push(next.name as string)
+
+      return prev
+    }, [])
+  })
+
+  function getAllFramePages(routes: AppRouteRecordRaw[]): AppRouteRecordRaw[] {
+    let res: AppRouteRecordRaw[] = []
+    for (const route of routes) {
+      const { meta: { frameSrc } = {}, children } = route
+      if (frameSrc)
+        res.push(route)
+
+      if (children && children.length)
+        res.push(...getAllFramePages(children))
+    }
+    res = uniqBy(res, 'name')
+    return res
+  }
+
+  function showIframe(item: AppRouteRecordRaw) {
+    return item.name === unref(currentRoute).name
+  }
+
+  function hasRenderFrame(name: string) {
+    if (!unref(getShowMultipleTab))
+      return router.currentRoute.value.name === name
+
+    return unref(getOpenTabList).includes(name)
+  }
+
+  return { hasRenderFrame, getFramePages, showIframe, getAllFramePages }
+}
diff --git a/yunxi-ui-admin-vben/src/layouts/page/index.vue b/yunxi-ui-admin-vben/src/layouts/page/index.vue
new file mode 100644
index 0000000..c17dcca
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/page/index.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+
+import { getTransitionName } from './transition'
+import FrameLayout from '@/layouts/iframe/index.vue'
+
+import { useRootSetting } from '@/hooks/setting/useRootSetting'
+
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting'
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting'
+
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+
+defineOptions({ name: 'PageLayout' })
+
+const { getShowMultipleTab } = useMultipleTabSetting()
+const tabStore = useMultipleTabStore()
+
+const { getOpenKeepAlive, getCanEmbedIFramePage } = useRootSetting()
+
+const { getBasicTransition, getEnableTransition } = useTransitionSetting()
+
+const openCache = computed(() => unref(getOpenKeepAlive) && unref(getShowMultipleTab))
+
+const getCaches = computed((): string[] => {
+  if (!unref(getOpenKeepAlive))
+    return []
+
+  return tabStore.getCachedTabList
+})
+</script>
+
+<template>
+  <RouterView>
+    <template #default="{ Component, route }">
+      <transition
+        :name="
+          getTransitionName({
+            route,
+            openCache,
+            enableTransition: getEnableTransition,
+            cacheTabs: getCaches,
+            def: getBasicTransition,
+          })
+        "
+        mode="out-in"
+        appear
+      >
+        <keep-alive v-if="openCache" :include="getCaches">
+          <component :is="Component" :key="route.fullPath" />
+        </keep-alive>
+        <component :is="Component" v-else :key="route.fullPath" />
+      </transition>
+    </template>
+  </RouterView>
+  <FrameLayout v-if="getCanEmbedIFramePage" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/layouts/page/transition.ts b/yunxi-ui-admin-vben/src/layouts/page/transition.ts
new file mode 100644
index 0000000..1d2abbf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/layouts/page/transition.ts
@@ -0,0 +1,32 @@
+import type { FunctionalComponent } from 'vue'
+import type { RouteLocation } from 'vue-router'
+
+export interface DefaultContext {
+  Component: FunctionalComponent & { type: Recordable }
+  route: RouteLocation
+}
+
+export function getTransitionName({
+  route,
+  openCache,
+  cacheTabs,
+  enableTransition,
+  def,
+}: Pick<DefaultContext, 'route'> & {
+  enableTransition: boolean
+  openCache: boolean
+  def: string
+  cacheTabs: string[]
+}): string | undefined {
+  if (!enableTransition)
+    return undefined
+
+  const isInCache = cacheTabs.includes(route.name as string)
+  const transitionName = 'fade-slide'
+  let name: string | undefined = transitionName
+
+  if (openCache)
+    name = isInCache && route.meta.loaded ? transitionName : undefined
+
+  return name || (route.meta.transitionName as string) || def
+}
diff --git a/yunxi-ui-admin-vben/src/locales/helper.ts b/yunxi-ui-admin-vben/src/locales/helper.ts
new file mode 100644
index 0000000..489cb98
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/helper.ts
@@ -0,0 +1,37 @@
+import { set } from 'lodash-es'
+import type { LocaleType } from '@/types/config'
+
+export const loadLocalePool: LocaleType[] = []
+
+export function setHtmlPageLang(locale: LocaleType) {
+  document.querySelector('html')?.setAttribute('lang', locale)
+}
+
+export function setLoadLocalePool(cb: (loadLocalePool: LocaleType[]) => void) {
+  cb(loadLocalePool)
+}
+
+export function genMessage(langs: Record<string, Record<string, any>>, prefix = 'lang') {
+  const obj: Recordable = {}
+
+  Object.keys(langs).forEach((key) => {
+    const langFileModule = langs[key].default
+    let fileName = key.replace(`./${prefix}/`, '').replace(/^\.\//, '')
+    const lastIndex = fileName.lastIndexOf('.')
+    fileName = fileName.substring(0, lastIndex)
+    const keyList = fileName.split('/')
+    const moduleName = keyList.shift()
+    const objKey = keyList.join('.')
+
+    if (moduleName) {
+      if (objKey) {
+        set(obj, moduleName, obj[moduleName] || {})
+        set(obj[moduleName], objKey, langFileModule)
+      }
+      else {
+        set(obj, moduleName, langFileModule || {})
+      }
+    }
+  })
+  return obj
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en.ts b/yunxi-ui-admin-vben/src/locales/lang/en.ts
new file mode 100644
index 0000000..eb617cf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en.ts
@@ -0,0 +1,12 @@
+import antdLocale from 'ant-design-vue/es/locale/en_US'
+import { genMessage } from '../helper'
+
+const modules = import.meta.glob('./en/**/*.ts', { eager: true })
+export default {
+  message: {
+    ...genMessage(modules as Recordable<Recordable>, 'en'),
+    antdLocale,
+  },
+  dateLocale: null,
+  dateLocaleName: 'en',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/action.ts b/yunxi-ui-admin-vben/src/locales/lang/en/action.ts
new file mode 100644
index 0000000..8fbb073
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/action.ts
@@ -0,0 +1,13 @@
+export default {
+  more: 'more',
+  create: 'Create',
+  edit: 'Edit',
+  view: 'View',
+  test: 'Test',
+  delete: 'Delete',
+  detail: 'Detail',
+  export: 'Export',
+  import: 'Import',
+  sync: 'Sync',
+  cancel: 'Cancel',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/common.ts b/yunxi-ui-admin-vben/src/locales/lang/en/common.ts
new file mode 100644
index 0000000..f9a9ff7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/common.ts
@@ -0,0 +1,31 @@
+export default {
+  index: 'Index',
+  action: 'Action',
+  okText: 'OK',
+  closeText: 'Close',
+  cancelText: 'Cancel',
+  loadingText: 'Loading...',
+  saveText: 'Save',
+  saveSuccessText: 'Save success',
+  delText: 'Delete',
+  delMessage: 'Do you want to delete data?',
+  delSuccessText: 'Delete success',
+  exportTitle: 'Export',
+  exportMessage: 'Do you want to export data?',
+  exportSuccessText: 'Export success',
+  successText: 'Success',
+  errorText: 'Error',
+  resetText: 'Reset',
+  searchText: 'Search',
+  queryText: 'Search',
+
+  allOptionText: 'All',
+  inputText: 'Please enter',
+  chooseText: 'Please choose',
+
+  redo: 'Refresh',
+  back: 'Back',
+
+  light: 'Light',
+  dark: 'Dark',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/component.ts b/yunxi-ui-admin-vben/src/locales/lang/en/component.ts
new file mode 100644
index 0000000..6a53c68
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/component.ts
@@ -0,0 +1,130 @@
+export default {
+  app: {
+    searchNotData: 'No search results yet',
+    toSearch: 'to search',
+    toNavigate: 'to navigate',
+  },
+  countdown: {
+    normalText: 'Get SMS code',
+    sendText: 'Reacquire in {0}s',
+  },
+  cropper: {
+    selectImage: 'Select Image',
+    uploadSuccess: 'Uploaded success!',
+    imageTooBig: 'Image too big',
+    modalTitle: 'Avatar upload',
+    okText: 'Confirm and upload',
+    btn_reset: 'Reset',
+    btn_rotate_left: 'Counterclockwise rotation',
+    btn_rotate_right: 'Clockwise rotation',
+    btn_scale_x: 'Flip horizontal',
+    btn_scale_y: 'Flip vertical',
+    btn_zoom_in: 'Zoom in',
+    btn_zoom_out: 'Zoom out',
+    preview: 'Preivew',
+  },
+  drawer: {
+    loadingText: 'Loading...',
+    cancelText: 'Close',
+    okText: 'Confirm',
+  },
+  excel: {
+    exportModalTitle: 'Export data',
+    fileType: 'File type',
+    fileName: 'File name',
+  },
+  form: {
+    putAway: 'Put away',
+    unfold: 'Unfold',
+    maxTip: 'The number of characters should be less than {0}',
+    apiSelectNotFound: 'Wait for data loading to complete...',
+  },
+  icon: {
+    placeholder: 'Click the select icon',
+    search: 'Search icon',
+    copy: 'Copy icon successfully!',
+  },
+  menu: {
+    search: 'Menu search',
+  },
+  modal: {
+    cancelText: 'Close',
+    okText: 'Confirm',
+    close: 'Close',
+    maximize: 'Maximize',
+    restore: 'Restore',
+  },
+  table: {
+    settingDens: 'Density',
+    settingDensDefault: 'Default',
+    settingDensMiddle: 'Middle',
+    settingDensSmall: 'Compact',
+    settingColumn: 'Column settings',
+    settingColumnShow: 'Column display',
+    settingIndexColumnShow: 'Index Column',
+    settingSelectColumnShow: 'Selection Column',
+    settingFixedLeft: 'Fixed Left',
+    settingFixedRight: 'Fixed Right',
+    settingFullScreen: 'Full Screen',
+    index: 'Index',
+    total: 'total of {total}',
+  },
+  time: {
+    before: ' ago',
+    after: ' after',
+    just: 'just now',
+    seconds: ' seconds',
+    minutes: ' minutes',
+    hours: ' hours',
+    days: ' days',
+  },
+  tree: {
+    selectAll: 'Select All',
+    unSelectAll: 'Cancel Select',
+    expandAll: 'Expand All',
+    unExpandAll: 'Collapse all',
+
+    checkStrictly: 'Hierarchical association',
+    checkUnStrictly: 'Hierarchical independence',
+  },
+  upload: {
+    save: 'Save',
+    upload: 'Upload',
+    imgUpload: 'ImageUpload',
+    uploaded: 'Uploaded',
+
+    operating: 'Operating',
+    del: 'Delete',
+    download: 'download',
+    saveWarn: 'Please wait for the file to upload and save!',
+    saveError: 'There is no file successfully uploaded and cannot be saved!',
+
+    preview: 'Preview',
+    choose: 'Select the file',
+
+    accept: 'Support {0} format',
+    acceptUpload: 'Only upload files in {0} format',
+    maxSize: 'A single file does not exceed {0}MB ',
+    maxSizeMultiple: 'Only upload files up to {0}MB!',
+    maxNumber: 'Only upload up to {0} files',
+
+    legend: 'Legend',
+    fileName: 'File name',
+    fileSize: 'File size',
+    fileStatue: 'File status',
+
+    startUpload: 'Start upload',
+    uploadSuccess: 'Upload successfully',
+    uploadError: 'Upload failed',
+    uploading: 'Uploading',
+    uploadWait: 'Please wait for the file upload to finish',
+    reUploadFailed: 'Re-upload failed files',
+  },
+  captcha: {
+    verification: 'Please complete security verification',
+    slide: 'Swipe right to complete verification',
+    point: 'Please click',
+    success: 'Verification succeeded',
+    fail: 'verification failed',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/layout.ts b/yunxi-ui-admin-vben/src/locales/lang/en/layout.ts
new file mode 100644
index 0000000..04dab7d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/layout.ts
@@ -0,0 +1,116 @@
+export default {
+  footer: { onlinePreview: 'Preview', onlineDocument: 'Document' },
+  header: {
+    // user dropdown
+    accountCenter: 'Personal Center',
+    dropdownItemDoc: 'Document',
+    dropdownItemLoginOut: 'Login Out',
+
+    tooltipErrorLog: 'Error log',
+    tooltipLock: 'Lock screen',
+    tooltipNotify: 'Notification',
+
+    tooltipEntryFull: 'Full Screen',
+    tooltipExitFull: 'Exit Full Screen',
+
+    // lock
+    lockScreenPassword: 'Lock screen password',
+    lockScreen: 'Lock screen',
+    lockScreenBtn: 'Locking',
+
+    home: 'Home',
+  },
+  multipleTab: {
+    reload: 'Refresh current',
+    close: 'Close current',
+    closeLeft: 'Close Left',
+    closeRight: 'Close Right',
+    closeOther: 'Close Other',
+    closeAll: 'Close All',
+  },
+  setting: {
+    // content mode
+    contentModeFull: 'Full',
+    contentModeFixed: 'Fixed width',
+    // topMenu align
+    topMenuAlignLeft: 'Left',
+    topMenuAlignRight: 'Center',
+    topMenuAlignCenter: 'Right',
+    // menu trigger
+    menuTriggerNone: 'Not Show',
+    menuTriggerBottom: 'Bottom',
+    menuTriggerTop: 'Top',
+    // menu type
+    menuTypeSidebar: 'Left menu mode',
+    menuTypeMixSidebar: 'Left menu mixed mode',
+    menuTypeMix: 'Top Menu Mix mode',
+    menuTypeTopMenu: 'Top menu mode',
+
+    on: 'On',
+    off: 'Off',
+    minute: 'Minute',
+
+    operatingTitle: 'Successful!',
+    operatingContent: 'The copy is successful, please go to src/settings/projectSetting.ts to modify the configuration!',
+    resetSuccess: 'Successfully reset!',
+
+    copyBtn: 'Copy',
+    clearBtn: 'Clear cache and to the login page',
+
+    drawerTitle: 'Configuration',
+
+    darkMode: 'Dark mode',
+    navMode: 'Navigation mode',
+    interfaceFunction: 'Interface function',
+    interfaceDisplay: 'Interface display',
+    animation: 'Animation',
+    splitMenu: 'Split menu',
+    closeMixSidebarOnChange: 'Switch page to close menu',
+
+    sysTheme: 'System theme',
+    headerTheme: 'Header theme',
+    sidebarTheme: 'Menu theme',
+
+    menuDrag: 'Drag Sidebar',
+    menuSearch: 'Menu search',
+    menuAccordion: 'Sidebar accordion',
+    menuCollapse: 'Collapse menu',
+    collapseMenuDisplayName: 'Collapse menu display name',
+    topMenuLayout: 'Top menu layout',
+    menuCollapseButton: 'Menu collapse button',
+    contentMode: 'Content area width',
+    expandedMenuWidth: 'Expanded menu width',
+
+    breadcrumb: 'Breadcrumbs',
+    breadcrumbIcon: 'Breadcrumbs Icon',
+    tabs: 'Tabs',
+    tabsIcon: 'Tabs Icon',
+    tabDetail: 'Tab Detail',
+    tabsQuickBtn: 'Tabs quick button',
+    tabsRedoBtn: 'Tabs redo button',
+    tabsFoldBtn: 'Tabs flod button',
+    sidebar: 'Sidebar',
+    header: 'Header',
+    footer: 'Footer',
+    fullContent: 'Full content',
+    grayMode: 'Gray mode',
+    colorWeak: 'Color Weak Mode',
+
+    progress: 'Progress',
+    switchLoading: 'Switch Loading',
+    switchAnimation: 'Switch animation',
+    animationType: 'Animation type',
+
+    autoScreenLock: 'Auto screen lock',
+    notAutoScreenLock: 'Not auto lock',
+
+    fixedHeader: 'Fixed header',
+    fixedSideBar: 'Fixed Sidebar',
+
+    mixSidebarTrigger: 'Mixed menu Trigger',
+    triggerHover: 'Hover',
+    triggerClick: 'Click',
+
+    mixSidebarFixed: 'Fixed expanded menu',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/profile.ts b/yunxi-ui-admin-vben/src/locales/lang/en/profile.ts
new file mode 100644
index 0000000..bf3cdfb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/profile.ts
@@ -0,0 +1,38 @@
+export default {
+  user: {
+    title: 'Personal Information',
+    username: 'User Name',
+    nickname: 'Nick Name',
+    mobile: 'Phone Number',
+    email: 'User Mail',
+    dept: 'Department',
+    posts: 'Position',
+    roles: 'Own Role',
+    sex: 'Sex',
+    man: 'Man',
+    woman: 'Woman',
+    createTime: 'Created Date',
+  },
+  info: {
+    title: 'Basic Information',
+    basicInfo: 'Basic Information',
+    resetPwd: 'Reset Password',
+    userSocial: 'Social Information',
+  },
+  rules: {
+    nickname: 'Please Enter User Nickname',
+    mail: 'Please Input The Email Address',
+    truemail: 'Please Input The Correct Email Address',
+    phone: 'Please Enter The Phone Number',
+    truephone: 'Please Enter The Correct Phone Number',
+  },
+  password: {
+    oldPassword: 'Old PassWord',
+    newPassword: 'New Password',
+    confirmPassword: 'Confirm Password',
+    oldPwdMsg: 'Please Enter Old Password',
+    newPwdMsg: 'Please Enter New Password',
+    cfPwdMsg: 'Please Enter Confirm Password',
+    diffPwd: 'The Passwords Entered Twice No Match',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/routes/basic.ts b/yunxi-ui-admin-vben/src/locales/lang/en/routes/basic.ts
new file mode 100644
index 0000000..4b9b350
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/routes/basic.ts
@@ -0,0 +1,7 @@
+export default {
+  login: 'Login',
+  sso: 'SSO Login',
+  errorLogList: 'Error Log',
+  profile: 'User Center',
+  notifyMessage: 'Notify Message',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/routes/dashboard.ts b/yunxi-ui-admin-vben/src/locales/lang/en/routes/dashboard.ts
new file mode 100644
index 0000000..96fd02b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/routes/dashboard.ts
@@ -0,0 +1,6 @@
+export default {
+  dashboard: 'Home',
+  about: 'About',
+  workbench: 'Workbench',
+  analysis: 'Analysis',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/en/sys.ts b/yunxi-ui-admin-vben/src/locales/lang/en/sys.ts
new file mode 100644
index 0000000..f38261f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/en/sys.ts
@@ -0,0 +1,109 @@
+export default {
+  api: {
+    operationFailed: 'Operation failed',
+    operationSuccess: 'Operation success',
+    errorTip: 'Error Tip',
+    successTip: 'Success Tip',
+    errorMessage: 'The operation failed, the system is abnormal!',
+    timeoutMessage: 'Login timed out, please log in again!',
+    apiTimeoutMessage: 'The interface request timed out, please refresh the page and try again!',
+    apiRequestFailed: 'The interface request failed, please try again later!',
+    networkException: 'network anomaly',
+    networkExceptionMsg: 'Please check if your network connection is normal! The network is abnormal',
+
+    errMsg401: 'The user does not have permission (token, user name, password error)!',
+    errMsg403: 'The user is authorized, but access is forbidden!',
+    errMsg404: 'Network request error, the resource was not found!',
+    errMsg405: 'Network request error, request method not allowed!',
+    errMsg408: 'Network request timed out!',
+    errMsg500: 'Server error, please contact the administrator!',
+    errMsg501: 'The network is not implemented!',
+    errMsg502: 'Network Error!',
+    errMsg503: 'The service is unavailable, the server is temporarily overloaded or maintained!',
+    errMsg504: 'Network timeout!',
+    errMsg505: 'The http version does not support the request!',
+  },
+  app: {
+    logoutTip: 'Reminder',
+    logoutMessage: 'Confirm to exit the system?',
+    menuLoading: 'Menu loading...',
+  },
+  errorLog: {
+    tableTitle: 'Error log list',
+    tableColumnType: 'Type',
+    tableColumnDate: 'Time',
+    tableColumnFile: 'File',
+    tableColumnMsg: 'Error message',
+    tableColumnStackMsg: 'Stack info',
+
+    tableActionDesc: 'Details',
+
+    modalTitle: 'Error details',
+
+    fireVueError: 'Fire vue error',
+    fireResourceError: 'Fire resource error',
+    fireAjaxError: 'Fire ajax error',
+
+    enableMessage: 'Only effective when useErrorHandle=true in `/src/settings/projectSetting.ts`.',
+  },
+  exception: {
+    backLogin: 'Back Login',
+    backHome: 'Back Home',
+    subTitle403: 'Sorry, you don\'t have access to this page.',
+    subTitle404: 'Sorry, the page you visited does not exist.',
+    subTitle500: 'Sorry, the server is reporting an error.',
+    noDataTitle: 'No data on the current page.',
+    networkErrorTitle: 'Network Error',
+    networkErrorSubTitle: 'Sorry，Your network connection has been disconnected, please check your network!',
+  },
+  lock: {
+    unlock: 'Click to unlock',
+    alert: 'Lock screen password error',
+    backToLogin: 'Back to login',
+    entry: 'Enter the system',
+    placeholder: 'Please enter the lock screen password or user password',
+  },
+  login: {
+    backSignIn: 'Back sign in',
+    ssoSignInFormTitle: 'sso login',
+    mobileSignInFormTitle: 'Mobile sign in',
+    qrSignInFormTitle: 'Qr code sign in',
+    signInFormTitle: 'Sign in',
+    signUpFormTitle: 'Sign up',
+    forgetFormTitle: 'Reset password',
+
+    signInTitle: 'Backstage management system',
+    signInDesc: 'Enter your personal details and get started!',
+    policy: 'I agree to the xxx Privacy Policy',
+    scanSign: 'scanning the code to complete the login',
+
+    loginButton: 'Sign in',
+    registerButton: 'Sign up',
+    rememberMe: 'Remember me',
+    forgetPassword: 'Forget Password?',
+    otherSignIn: 'Sign in with',
+
+    ssoInfoDesc: 'get your personal details and get started!',
+    ssoEditDesc: 'edit your personal details and get started！',
+
+    // notify
+    loginSuccessTitle: 'Login successful',
+    loginSuccessDesc: 'Welcome back',
+
+    // placeholder
+    accountPlaceholder: 'Please input username',
+    passwordPlaceholder: 'Please input password',
+    smsPlaceholder: 'Please input sms code',
+    mobilePlaceholder: 'Please input mobile',
+    policyPlaceholder: 'Register after checking',
+    diffPwd: 'The two passwords are inconsistent',
+
+    tenantName: 'TenantName',
+    userName: 'Username',
+    password: 'Password',
+    confirmPassword: 'Confirm Password',
+    email: 'Email',
+    smsCode: 'SMS code',
+    mobile: 'Mobile',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/action.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/action.ts
new file mode 100644
index 0000000..a7992e9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/action.ts
@@ -0,0 +1,14 @@
+export default {
+  more: '更多',
+  create: '新增',
+  edit: '修改',
+  view: '查看',
+  test: '测试',
+  delete: '删除',
+  detail: '详情',
+  export: '导出',
+  import: '导入',
+  sync: '同步',
+  cancel: '取消',
+  send: '发送',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/antdLocale/DatePicker.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/antdLocale/DatePicker.ts
new file mode 100644
index 0000000..5632f2f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/antdLocale/DatePicker.ts
@@ -0,0 +1,6 @@
+export default {
+  lang: {
+    shortWeekDays: ['一', '二', '三', '四', '五', '六', '日'],
+    shortMonths: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/common.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/common.ts
new file mode 100644
index 0000000..3286d4f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/common.ts
@@ -0,0 +1,31 @@
+export default {
+  index: '序号',
+  action: '操作',
+  okText: '确认',
+  closeText: '关闭',
+  cancelText: '取消',
+  loadingText: '加载中...',
+  saveText: '保存',
+  saveSuccessText: '保存成功',
+  delText: '删除',
+  delMessage: '是否要删除数据？',
+  delSuccessText: '删除成功',
+  exportTitle: '导出',
+  exportMessage: '是否要导出数据？',
+  exportSuccessText: '导出成功',
+  successText: '成功',
+  errorText: '失败',
+  resetText: '重置',
+  searchText: '搜索',
+  queryText: '查询',
+
+  allOptionText: '全部',
+  inputText: '请输入',
+  chooseText: '请选择',
+
+  redo: '刷新',
+  back: '返回',
+
+  light: '亮色主题',
+  dark: '黑暗主题',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/component.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/component.ts
new file mode 100644
index 0000000..0d2a5ae
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/component.ts
@@ -0,0 +1,133 @@
+export default {
+  app: {
+    searchNotData: '暂无搜索结果',
+    toSearch: '确认',
+    toNavigate: '切换',
+  },
+  countdown: {
+    normalText: '获取验证码',
+    sendText: '{0}秒后重新获取',
+  },
+  cropper: {
+    selectImage: '选择图片',
+    uploadSuccess: '上传成功',
+    imageTooBig: '图片超限',
+    modalTitle: '头像上传',
+    okText: '确认并上传',
+    btn_reset: '重置',
+    btn_rotate_left: '逆时针旋转',
+    btn_rotate_right: '顺时针旋转',
+    btn_scale_x: '水平翻转',
+    btn_scale_y: '垂直翻转',
+    btn_zoom_in: '放大',
+    btn_zoom_out: '缩小',
+    preview: '预览',
+  },
+  drawer: {
+    loadingText: '加载中...',
+    cancelText: '关闭',
+    okText: '确认',
+  },
+  excel: {
+    exportModalTitle: '导出数据',
+    fileType: '文件类型',
+    fileName: '文件名',
+  },
+  form: {
+    putAway: '收起',
+    unfold: '展开',
+
+    maxTip: '字符数应小于{0}位',
+
+    apiSelectNotFound: '请等待数据加载完成...',
+  },
+  icon: {
+    placeholder: '点击选择图标',
+    search: '搜索图标',
+    copy: '复制图标成功!',
+  },
+  menu: {
+    search: '菜单搜索',
+  },
+  modal: {
+    cancelText: '关闭',
+    okText: '确认',
+    close: '关闭',
+    maximize: '最大化',
+    restore: '还原',
+  },
+  table: {
+    settingDens: '密度',
+    settingDensDefault: '默认',
+    settingDensMiddle: '中等',
+    settingDensSmall: '紧凑',
+    settingColumn: '列设置',
+    settingColumnShow: '列展示',
+    settingIndexColumnShow: '序号列',
+    settingSelectColumnShow: '勾选列',
+    settingFixedLeft: '固定到左侧',
+    settingFixedRight: '固定到右侧',
+    settingFullScreen: '全屏',
+
+    index: '序号',
+
+    total: '共 {total} 条数据',
+  },
+  time: {
+    before: '前',
+    after: '后',
+    just: '刚刚',
+    seconds: '秒',
+    minutes: '分钟',
+    hours: '小时',
+    days: '天',
+  },
+  tree: {
+    selectAll: '选择全部',
+    unSelectAll: '取消选择',
+    expandAll: '展开全部',
+    unExpandAll: '折叠全部',
+    checkStrictly: '层级关联',
+    checkUnStrictly: '层级独立',
+  },
+  upload: {
+    save: '保存',
+    upload: '上传',
+    imgUpload: '图片上传',
+    uploaded: '已上传',
+
+    operating: '操作',
+    del: '删除',
+    download: '下载',
+    saveWarn: '请等待文件上传后，保存!',
+    saveError: '没有上传成功的文件，无法保存!',
+
+    preview: '预览',
+    choose: '选择文件',
+
+    accept: '支持{0}格式',
+    acceptUpload: '只能上传{0}格式文件',
+    maxSize: '单个文件不超过{0}MB',
+    maxSizeMultiple: '只能上传不超过{0}MB的文件!',
+    maxNumber: '最多只能上传{0}个文件',
+
+    legend: '略缩图',
+    fileName: '文件名',
+    fileSize: '文件大小',
+    fileStatue: '状态',
+
+    startUpload: '开始上传',
+    uploadSuccess: '上传成功',
+    uploadError: '上传失败',
+    uploading: '上传中',
+    uploadWait: '请等待文件上传结束后操作',
+    reUploadFailed: '重新上传失败文件',
+  },
+  captcha: {
+    verification: '请完成安全验证',
+    slide: '向右滑动完成验证',
+    point: '请依次点击',
+    success: '验证成功',
+    fail: '验证失败',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/layout.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/layout.ts
new file mode 100644
index 0000000..319e1ce
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/layout.ts
@@ -0,0 +1,117 @@
+export default {
+  footer: { onlinePreview: '在线预览', onlineDocument: '在线文档' },
+  header: {
+    // user dropdown
+    accountCenter: '个人中心',
+    dropdownItemDoc: '文档',
+    dropdownItemLoginOut: '退出系统',
+
+    // tooltip
+    tooltipErrorLog: '错误日志',
+    tooltipLock: '锁定屏幕',
+    tooltipNotify: '消息通知',
+
+    tooltipEntryFull: '全屏',
+    tooltipExitFull: '退出全屏',
+
+    // lock
+    lockScreenPassword: '锁屏密码',
+    lockScreen: '锁定屏幕',
+    lockScreenBtn: '锁定',
+
+    home: '首页',
+  },
+  multipleTab: {
+    reload: '重新加载',
+    close: '关闭标签页',
+    closeLeft: '关闭左侧标签页',
+    closeRight: '关闭右侧标签页',
+    closeOther: '关闭其它标签页',
+    closeAll: '关闭全部标签页',
+  },
+  setting: {
+    // content mode
+    contentModeFull: '流式',
+    contentModeFixed: '定宽',
+    // topMenu align
+    topMenuAlignLeft: '居左',
+    topMenuAlignRight: '居中',
+    topMenuAlignCenter: '居右',
+    // menu trigger
+    menuTriggerNone: '不显示',
+    menuTriggerBottom: '底部',
+    menuTriggerTop: '顶部',
+    // menu type
+    menuTypeSidebar: '左侧菜单模式',
+    menuTypeMixSidebar: '左侧菜单混合模式',
+    menuTypeMix: '顶部菜单混合模式',
+    menuTypeTopMenu: '顶部菜单模式',
+
+    on: '开',
+    off: '关',
+    minute: '分钟',
+
+    operatingTitle: '操作成功',
+    operatingContent: '复制成功,请到 src/settings/projectSetting.ts 中修改配置！',
+    resetSuccess: '重置成功！',
+
+    copyBtn: '拷贝',
+    clearBtn: '清空缓存并返回登录页',
+
+    drawerTitle: '项目配置',
+
+    darkMode: '主题',
+    navMode: '导航栏模式',
+    interfaceFunction: '界面功能',
+    interfaceDisplay: '界面显示',
+    animation: '动画',
+    splitMenu: '分割菜单',
+    closeMixSidebarOnChange: '切换页面关闭菜单',
+
+    sysTheme: '系统主题',
+    headerTheme: '顶栏主题',
+    sidebarTheme: '菜单主题',
+
+    menuDrag: '侧边菜单拖拽',
+    menuSearch: '菜单搜索',
+    menuAccordion: '侧边菜单手风琴模式',
+    menuCollapse: '折叠菜单',
+    collapseMenuDisplayName: '折叠菜单显示名称',
+    topMenuLayout: '顶部菜单布局',
+    menuCollapseButton: '菜单折叠按钮',
+    contentMode: '内容区域宽度',
+    expandedMenuWidth: '菜单展开宽度',
+
+    breadcrumb: '面包屑',
+    breadcrumbIcon: '面包屑图标',
+    tabs: '标签页',
+    tabsIcon: '标签页图标',
+    tabDetail: '标签详情页',
+    tabsQuickBtn: '标签页快捷按钮',
+    tabsRedoBtn: '标签页刷新按钮',
+    tabsFoldBtn: '标签页折叠按钮',
+    sidebar: '左侧菜单',
+    header: '顶栏',
+    footer: '页脚',
+    fullContent: '全屏内容',
+    grayMode: '灰色模式',
+    colorWeak: '色弱模式',
+
+    progress: '顶部进度条',
+    switchLoading: '切换loading',
+    switchAnimation: '切换动画',
+    animationType: '动画类型',
+
+    autoScreenLock: '自动锁屏',
+    notAutoScreenLock: '不自动锁屏',
+
+    fixedHeader: '固定header',
+    fixedSideBar: '固定Sidebar',
+
+    mixSidebarTrigger: '混合菜单触发方式',
+    triggerHover: '悬停',
+    triggerClick: '点击',
+
+    mixSidebarFixed: '固定展开菜单',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/profile.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/profile.ts
new file mode 100644
index 0000000..0e35d60
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/profile.ts
@@ -0,0 +1,39 @@
+export default {
+  user: {
+    title: '个人信息',
+    username: '用户名称',
+    nickname: '用户昵称',
+    mobile: '手机号码',
+    email: '用户邮箱',
+    dept: '所属部门',
+    posts: '所属岗位',
+    roles: '所属角色',
+    sex: '性别',
+    man: '男',
+    woman: '女',
+    createTime: '创建日期',
+  },
+  info: {
+    title: '基本信息',
+    basicInfo: '基本资料',
+    resetPwd: '修改密码',
+    userSocial: '社交信息',
+  },
+  rules: {
+    nickname: '请输入用户昵称',
+    mail: '请输入邮箱地址',
+    truemail: '请输入正确的邮箱地址',
+    phone: '请输入正确的手机号码',
+    truephone: '请输入正确的手机号码',
+  },
+  password: {
+    oldPassword: '旧密码',
+    newPassword: '新密码',
+    confirmPassword: '确认密码',
+    oldPwdMsg: '请输入旧密码',
+    newPwdMsg: '请输入新密码',
+    cfPwdMsg: '请输入确认密码',
+    pwdRules: '长度在 6 到 20 个字符',
+    diffPwd: '两次输入密码不一致',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/basic.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/basic.ts
new file mode 100644
index 0000000..231c17d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/basic.ts
@@ -0,0 +1,7 @@
+export default {
+  login: '登录',
+  sso: '第三方授权登录',
+  errorLogList: '错误日志列表',
+  profile: '个人中心',
+  notifyMessage: '站内信',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/dashboard.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/dashboard.ts
new file mode 100644
index 0000000..0a70178
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/routes/dashboard.ts
@@ -0,0 +1,6 @@
+export default {
+  dashboard: '首页',
+  about: '关于',
+  workbench: '工作台',
+  analysis: '分析页',
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh-CN/sys.ts b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/sys.ts
new file mode 100644
index 0000000..c2d9ad4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh-CN/sys.ts
@@ -0,0 +1,105 @@
+export default {
+  api: {
+    operationFailed: '操作失败',
+    operationSuccess: '操作成功',
+    errorTip: '错误提示',
+    successTip: '成功提示',
+    errorMessage: '操作失败,系统异常!',
+    timeoutMessage: '登录超时,请重新登录!',
+    apiTimeoutMessage: '接口请求超时,请刷新页面重试!',
+    apiRequestFailed: '请求出错，请稍候重试',
+    networkException: '网络异常',
+    networkExceptionMsg: '网络异常，请检查您的网络连接是否正常!',
+
+    errMsg401: '用户没有权限（令牌、用户名、密码错误）!',
+    errMsg403: '用户得到授权，但是访问是被禁止的。!',
+    errMsg404: '网络请求错误,未找到该资源!',
+    errMsg405: '网络请求错误,请求方法未允许!',
+    errMsg408: '网络请求超时!',
+    errMsg500: '服务器错误,请联系管理员!',
+    errMsg501: '网络未实现!',
+    errMsg502: '网络错误!',
+    errMsg503: '服务不可用，服务器暂时过载或维护!',
+    errMsg504: '网络超时!',
+    errMsg505: 'http版本不支持该请求!',
+  },
+  app: { logoutTip: '温馨提醒', logoutMessage: '是否确认退出系统?', menuLoading: '菜单加载中...' },
+  errorLog: {
+    tableTitle: '错误日志列表',
+    tableColumnType: '类型',
+    tableColumnDate: '时间',
+    tableColumnFile: '文件',
+    tableColumnMsg: '错误信息',
+    tableColumnStackMsg: 'stack信息',
+
+    tableActionDesc: '详情',
+
+    modalTitle: '错误详情',
+
+    fireVueError: '点击触发vue错误',
+    fireResourceError: '点击触发资源加载错误',
+    fireAjaxError: '点击触发ajax错误',
+
+    enableMessage: '只在`/src/settings/projectSetting.ts` 内的useErrorHandle=true时生效.',
+  },
+  exception: {
+    backLogin: '返回登录',
+    backHome: '返回首页',
+    subTitle403: '抱歉，您无权访问此页面。',
+    subTitle404: '抱歉，您访问的页面不存在。',
+    subTitle500: '抱歉，服务器报告错误。',
+    noDataTitle: '当前页无数据',
+    networkErrorTitle: '网络错误',
+    networkErrorSubTitle: '抱歉，您的网络连接已断开，请检查您的网络！',
+  },
+  lock: {
+    unlock: '点击解锁',
+    alert: '锁屏密码错误',
+    backToLogin: '返回登录',
+    entry: '进入系统',
+    placeholder: '请输入锁屏密码或者用户密码',
+  },
+  login: {
+    backSignIn: '返回',
+    signInFormTitle: '登录',
+    ssoSignInFormTitle: '三方授权登录',
+    mobileSignInFormTitle: '手机登录',
+    qrSignInFormTitle: '二维码登录',
+    signUpFormTitle: '注册',
+    forgetFormTitle: '重置密码',
+
+    signInTitle: '开箱即用的中后台管理系统',
+    signInDesc: '输入您的个人详细信息开始使用！',
+    policy: '我同意xxx隐私政策',
+    scanSign: '扫码后点击"确认"，即可完成登录',
+
+    loginButton: '登录',
+    registerButton: '注册',
+    rememberMe: '记住我',
+    forgetPassword: '忘记密码?',
+    otherSignIn: '其他登录方式',
+
+    ssoInfoDesc: '访问您的个人详细信息开始使用！',
+    ssoEditDesc: '修改您的个人详细信息开始使用！',
+
+    // notify
+    loginSuccessTitle: '登录成功',
+    loginSuccessDesc: '欢迎回来',
+
+    // placeholder
+    accountPlaceholder: '请输入账号',
+    passwordPlaceholder: '请输入密码',
+    smsPlaceholder: '请输入验证码',
+    mobilePlaceholder: '请输入手机号码',
+    policyPlaceholder: '勾选后才能注册',
+    diffPwd: '两次输入密码不一致',
+
+    tenantName: '租户',
+    userName: '账号',
+    password: '密码',
+    confirmPassword: '确认密码',
+    email: '邮箱',
+    smsCode: '短信验证码',
+    mobile: '手机号码',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/lang/zh_CN.ts b/yunxi-ui-admin-vben/src/locales/lang/zh_CN.ts
new file mode 100644
index 0000000..06a3553
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/lang/zh_CN.ts
@@ -0,0 +1,10 @@
+import antdLocale from 'ant-design-vue/es/locale/zh_CN'
+import { genMessage } from '../helper'
+
+const modules = import.meta.glob('./zh-CN/**/*.ts', { eager: true })
+export default {
+  message: {
+    ...genMessage(modules as Recordable<Recordable>, 'zh-CN'),
+    antdLocale,
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/locales/setupI18n.ts b/yunxi-ui-admin-vben/src/locales/setupI18n.ts
new file mode 100644
index 0000000..9a9dd40
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/setupI18n.ts
@@ -0,0 +1,45 @@
+import type { App } from 'vue'
+import type { I18nOptions } from 'vue-i18n'
+
+import { createI18n } from 'vue-i18n'
+import { setHtmlPageLang, setLoadLocalePool } from './helper'
+import { localeSetting } from '@/settings/localeSetting'
+import { useLocaleStoreWithOut } from '@/store/modules/locale'
+
+const { fallback, availableLocales } = localeSetting
+
+// eslint-disable-next-line import/no-mutable-exports
+export let i18n: ReturnType<typeof createI18n>
+
+async function createI18nOptions(): Promise<I18nOptions> {
+  const localeStore = useLocaleStoreWithOut()
+  const locale = localeStore.getLocale
+  const defaultLocal = await import(`./lang/${locale}.ts`)
+  const message = defaultLocal.default?.message ?? {}
+
+  setHtmlPageLang(locale)
+  setLoadLocalePool((loadLocalePool) => {
+    loadLocalePool.push(locale)
+  })
+
+  return {
+    legacy: false,
+    locale,
+    fallbackLocale: fallback,
+    messages: {
+      [locale]: message,
+    },
+    availableLocales,
+    sync: true, // If you don’t want to inherit locale from global scope, you need to set sync of i18n component option to false.
+    silentTranslationWarn: true, // true - warning off
+    missingWarn: false,
+    silentFallbackWarn: true,
+  }
+}
+
+// setup i18n instance with glob
+export async function setupI18n(app: App<Element>) {
+  const options = await createI18nOptions()
+  i18n = createI18n(options)
+  app.use(i18n)
+}
diff --git a/yunxi-ui-admin-vben/src/locales/useLocale.ts b/yunxi-ui-admin-vben/src/locales/useLocale.ts
new file mode 100644
index 0000000..45ffe13
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/locales/useLocale.ts
@@ -0,0 +1,70 @@
+/**
+ * Multi-language related operations
+ */
+import { computed, unref } from 'vue'
+import { i18n } from './setupI18n'
+import { loadLocalePool, setHtmlPageLang } from './helper'
+import type { LocaleType } from '@/types/config'
+
+import { useLocaleStoreWithOut } from '@/store/modules/locale'
+
+interface LangModule {
+  message: Recordable
+  dateLocale: Recordable
+  dateLocaleName: string
+}
+
+function setI18nLanguage(locale: LocaleType) {
+  const localeStore = useLocaleStoreWithOut()
+
+  if (i18n.mode === 'legacy') {
+    i18n.global.locale = locale
+  }
+  else {
+    ;(i18n.global.locale as any).value = locale
+  }
+  localeStore.setLocaleInfo({ locale })
+  setHtmlPageLang(locale)
+}
+
+export function useLocale() {
+  const localeStore = useLocaleStoreWithOut()
+  const getLocale = computed(() => localeStore.getLocale)
+  const getShowLocalePicker = computed(() => localeStore.getShowPicker)
+
+  const getAntdLocale = computed((): any => {
+    return i18n.global.getLocaleMessage(unref(getLocale))?.antdLocale ?? {}
+  })
+
+  // Switching the language will change the locale of useI18n
+  // And submit to configuration modification
+  async function changeLocale(locale: LocaleType) {
+    const globalI18n = i18n.global
+    const currentLocale = unref(globalI18n.locale)
+    if (currentLocale === locale)
+      return locale
+
+    if (loadLocalePool.includes(locale)) {
+      setI18nLanguage(locale)
+      return locale
+    }
+    const langModule = ((await import(`./lang/${locale}.ts`))).default as LangModule
+    if (!langModule)
+      return
+
+    const { message } = langModule
+
+    globalI18n.setLocaleMessage(locale, message)
+    loadLocalePool.push(locale)
+
+    setI18nLanguage(locale)
+    return locale
+  }
+
+  return {
+    getLocale,
+    getShowLocalePicker,
+    changeLocale,
+    getAntdLocale,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/logics/error-handle/index.ts b/yunxi-ui-admin-vben/src/logics/error-handle/index.ts
new file mode 100644
index 0000000..0ffe6a6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/error-handle/index.ts
@@ -0,0 +1,178 @@
+/**
+ * Used to configure the global error handling function, which can monitor vue errors, script errors, static resource errors and Promise errors
+ */
+
+import type { App } from 'vue'
+import type { ErrorLogInfo } from '@/types/store'
+
+import { useErrorLogStoreWithOut } from '@/store/modules/errorLog'
+
+import { ErrorTypeEnum } from '@/enums/exceptionEnum'
+import projectSetting from '@/settings/projectSetting'
+
+/**
+ * Handling error stack information
+ * @param error
+ */
+function processStackMsg(error: Error) {
+  if (!error.stack)
+    return ''
+
+  let stack = error.stack
+    .replace(/\n/gi, '') // Remove line breaks to save the size of the transmitted content
+    .replace(/\bat\b/gi, '@') // At in chrome, @ in ff
+    .split('@') // Split information with @
+    .slice(0, 9) // The maximum stack length (Error.stackTraceLimit = 10), so only take the first 10
+    .map(v => v.replace(/^\s*|\s*$/g, '')) // Remove extra spaces
+    .join('~') // Manually add separators for later display
+    .replace(/\?[^:]+/gi, '') // Remove redundant parameters of js file links (?x=1 and the like)
+  const msg = error.toString()
+  if (!stack.includes(msg))
+    stack = `${msg}@${stack}`
+
+  return stack
+}
+
+/**
+ * get comp name
+ * @param vm
+ */
+function formatComponentName(vm: any) {
+  if (vm.$root === vm) {
+    return {
+      name: 'root',
+      path: 'root',
+    }
+  }
+
+  const options = vm.$options
+  if (!options) {
+    return {
+      name: 'anonymous',
+      path: 'anonymous',
+    }
+  }
+  const name = options.name || options._componentTag
+  return {
+    name,
+    path: options.__file,
+  }
+}
+
+/**
+ * Configure Vue error handling function
+ */
+
+function vueErrorHandler(err: Error, vm: any, info: string) {
+  const errorLogStore = useErrorLogStoreWithOut()
+  const { name, path } = formatComponentName(vm)
+  errorLogStore.addErrorLogInfo({
+    type: ErrorTypeEnum.VUE,
+    name,
+    file: path,
+    message: err.message,
+    stack: processStackMsg(err),
+    detail: info,
+    url: window.location.href,
+  })
+}
+
+/**
+ * Configure script error handling function
+ */
+export function scriptErrorHandler(event: Event | string, source?: string, lineno?: number, colno?: number, error?: Error) {
+  if (event === 'Script error.' && !source)
+    return false
+
+  const errorInfo: Partial<ErrorLogInfo> = {}
+  colno = colno || (window.event && (window.event as any).errorCharacter) || 0
+  errorInfo.message = event as string
+  if (error?.stack)
+    errorInfo.stack = error.stack
+  else
+    errorInfo.stack = ''
+
+  const name = source ? source.slice(source.lastIndexOf('/') + 1) : 'script'
+  const errorLogStore = useErrorLogStoreWithOut()
+  errorLogStore.addErrorLogInfo({
+    type: ErrorTypeEnum.SCRIPT,
+    name,
+    file: source as string,
+    detail: `lineno${lineno}`,
+    url: window.location.href,
+    ...(errorInfo as Pick<ErrorLogInfo, 'message' | 'stack'>),
+  })
+  return true
+}
+
+/**
+ * Configure Promise error handling function
+ */
+function registerPromiseErrorHandler() {
+  window.addEventListener(
+    'unhandledrejection',
+    (event) => {
+      const errorLogStore = useErrorLogStoreWithOut()
+      errorLogStore.addErrorLogInfo({
+        type: ErrorTypeEnum.PROMISE,
+        name: 'Promise Error!',
+        file: 'none',
+        detail: 'promise error!',
+        url: window.location.href,
+        stack: 'promise error!',
+        message: event.reason,
+      })
+    },
+    true,
+  )
+}
+
+/**
+ * Configure monitoring resource loading error handling function
+ */
+function registerResourceErrorHandler() {
+  // Monitoring resource loading error(img,script,css,and jsonp)
+  window.addEventListener(
+    'error',
+    (e: Event) => {
+      const target = e.target ? e.target : (e.srcElement as any)
+      const errorLogStore = useErrorLogStoreWithOut()
+      errorLogStore.addErrorLogInfo({
+        type: ErrorTypeEnum.RESOURCE,
+        name: 'Resource Error!',
+        file: (e.target || ({} as any)).currentSrc,
+        detail: JSON.stringify({
+          tagName: target.localName,
+          html: target.outerHTML,
+          type: e.type,
+        }),
+        url: window.location.href,
+        stack: 'resource is not found',
+        message: `${(e.target || ({} as any)).localName} is load error`,
+      })
+    },
+    true,
+  )
+}
+
+/**
+ * Configure global error handling
+ * @param app
+ */
+export function setupErrorHandle(app: App) {
+  const { useErrorHandle } = projectSetting
+  if (!useErrorHandle)
+    return
+
+  // Vue exception monitoring;
+  app.config.errorHandler = vueErrorHandler
+
+  // script error
+  window.onerror = scriptErrorHandler
+
+  //  promise exception
+  registerPromiseErrorHandler()
+
+  // Static resource exception
+  registerResourceErrorHandler()
+}
diff --git a/yunxi-ui-admin-vben/src/logics/initAppConfig.ts b/yunxi-ui-admin-vben/src/logics/initAppConfig.ts
new file mode 100644
index 0000000..563d6ae
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/initAppConfig.ts
@@ -0,0 +1,85 @@
+/**
+ * Application configuration
+ */
+import { primaryColor } from '../../build/config/themeConfig'
+import type { ProjectConfig } from '@/types/config'
+
+import { PROJ_CFG_KEY } from '@/enums/cacheEnum'
+import projectSetting from '@/settings/projectSetting'
+
+import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground'
+import { updateColorWeak } from '@/logics/theme/updateColorWeak'
+import { updateGrayMode } from '@/logics/theme/updateGrayMode'
+import { updateDarkTheme } from '@/logics/theme/dark'
+import { changeTheme } from '@/logics/theme'
+
+import { useAppStore } from '@/store/modules/app'
+import { useLocaleStore } from '@/store/modules/locale'
+
+import { getCommonStoragePrefix, getStorageShortName } from '@/utils/env'
+
+import { Persistent } from '@/utils/cache/persistent'
+import { deepMerge } from '@/utils'
+import { ThemeEnum } from '@/enums/appEnum'
+
+// Initial project configuration
+export function initAppConfigStore() {
+  const localeStore = useLocaleStore()
+  const appStore = useAppStore()
+  let projCfg: ProjectConfig = Persistent.getLocal(PROJ_CFG_KEY) as ProjectConfig
+  projCfg = deepMerge(projectSetting, projCfg || {})
+  const darkMode = appStore.getDarkMode
+  const {
+    colorWeak,
+    grayMode,
+    themeColor,
+
+    headerSetting: { bgColor: headerBgColor } = {},
+    menuSetting: { bgColor } = {},
+  } = projCfg
+  try {
+    if (themeColor && themeColor !== primaryColor)
+      changeTheme(themeColor)
+
+    grayMode && updateGrayMode(grayMode)
+    colorWeak && updateColorWeak(colorWeak)
+  }
+  catch (error) {
+    console.log(error)
+  }
+  appStore.setProjectConfig(projCfg)
+
+  // init dark mode
+  appStore.setDarkMode(darkMode as ThemeEnum)
+  updateDarkTheme(darkMode)
+  if (darkMode === ThemeEnum.DARK) {
+    updateHeaderBgColor()
+    updateSidebarBgColor()
+  }
+  else {
+    headerBgColor && updateHeaderBgColor(headerBgColor)
+    bgColor && updateSidebarBgColor(bgColor)
+  }
+  // init store
+  localeStore.initLocale()
+
+  setTimeout(() => {
+    clearObsoleteStorage()
+  }, 16)
+}
+
+/**
+ * As the version continues to iterate, there will be more and more cache keys stored in localStorage.
+ * This method is used to delete useless keys
+ */
+export function clearObsoleteStorage() {
+  const commonPrefix = getCommonStoragePrefix()
+  const shortPrefix = getStorageShortName()
+
+  ;[localStorage, sessionStorage].forEach((item: Storage) => {
+    Object.keys(item).forEach((key) => {
+      if (key && key.startsWith(commonPrefix) && !key.startsWith(shortPrefix))
+        item.removeItem(key)
+    })
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/logics/mitt/routeChange.ts b/yunxi-ui-admin-vben/src/logics/mitt/routeChange.ts
new file mode 100644
index 0000000..691856b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/mitt/routeChange.ts
@@ -0,0 +1,28 @@
+/**
+ * Used to monitor routing changes to change the status of menus and tabs. There is no need to monitor the route, because the route status change is affected by the page rendering time, which will be slow
+ */
+
+import type { RouteLocationNormalized } from 'vue-router'
+import mitt from '@/utils/mitt'
+import { getRawRoute } from '@/utils'
+
+const emitter = mitt()
+
+const key = Symbol('route-change')
+
+let lastChangeTab: RouteLocationNormalized
+
+export function setRouteChange(lastChangeRoute: RouteLocationNormalized) {
+  const r = getRawRoute(lastChangeRoute)
+  emitter.emit(key, r)
+  lastChangeTab = r
+}
+
+export function listenerRouteChange(callback: (route: RouteLocationNormalized) => void, immediate = true) {
+  emitter.on(key, callback)
+  immediate && lastChangeTab && callback(lastChangeTab)
+}
+
+export function removeTabChangeListener() {
+  emitter.clear()
+}
diff --git a/yunxi-ui-admin-vben/src/logics/theme/dark.ts b/yunxi-ui-admin-vben/src/logics/theme/dark.ts
new file mode 100644
index 0000000..c9f3325
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/theme/dark.ts
@@ -0,0 +1,12 @@
+import { useDark, useToggle } from '@vueuse/core'
+
+const isDark = useDark({
+  attribute: 'data-theme',
+  valueDark: 'dark',
+  valueLight: 'light',
+})
+const toggleDark = useToggle(isDark)
+
+export function updateDarkTheme(mode: string | null = 'light') {
+  toggleDark(mode === 'dark')
+}
diff --git a/yunxi-ui-admin-vben/src/logics/theme/index.ts b/yunxi-ui-admin-vben/src/logics/theme/index.ts
new file mode 100644
index 0000000..d8e80b7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/theme/index.ts
@@ -0,0 +1 @@
+export async function changeTheme(_color: string) {}
diff --git a/yunxi-ui-admin-vben/src/logics/theme/updateBackground.ts b/yunxi-ui-admin-vben/src/logics/theme/updateBackground.ts
new file mode 100644
index 0000000..2947d2c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/theme/updateBackground.ts
@@ -0,0 +1,73 @@
+import { setCssVar } from './util'
+import { colorIsDark, darken, lighten } from '@/utils/color'
+import { useAppStore } from '@/store/modules/app'
+import { ThemeEnum } from '@/enums/appEnum'
+
+const HEADER_BG_COLOR_VAR = '--header-bg-color'
+const HEADER_BG_HOVER_COLOR_VAR = '--header-bg-hover-color'
+const HEADER_MENU_ACTIVE_BG_COLOR_VAR = '--header-active-menu-bg-color'
+
+const SIDER_DARK_BG_COLOR = '--sider-dark-bg-color'
+const SIDER_DARK_DARKEN_BG_COLOR = '--sider-dark-darken-bg-color'
+const SIDER_LIGHTEN_BG_COLOR = '--sider-dark-lighten-bg-color'
+
+/**
+ * Change the background color of the top header
+ * @param color
+ */
+export function updateHeaderBgColor(color?: string) {
+  const appStore = useAppStore()
+  const darkMode = appStore.getDarkMode === ThemeEnum.DARK
+  if (!color) {
+    if (darkMode)
+      color = '#151515'
+    else
+      color = appStore.getHeaderSetting.bgColor
+  }
+  // bg color
+  setCssVar(HEADER_BG_COLOR_VAR, color)
+
+  // hover color
+  const hoverColor = lighten(color, 6)
+  setCssVar(HEADER_BG_HOVER_COLOR_VAR, hoverColor)
+  setCssVar(HEADER_MENU_ACTIVE_BG_COLOR_VAR, hoverColor)
+
+  // Determine the depth of the color value and automatically switch the theme
+  const isDark = colorIsDark(color)
+
+  appStore.setProjectConfig({
+    headerSetting: {
+      theme: isDark || darkMode ? ThemeEnum.DARK : ThemeEnum.LIGHT,
+    },
+  })
+}
+
+/**
+ * Change the background color of the left menu
+ * @param color  bg color
+ */
+export function updateSidebarBgColor(color?: string) {
+  const appStore = useAppStore()
+
+  // if (!isHexColor(color)) return;
+  const darkMode = appStore.getDarkMode === ThemeEnum.DARK
+  if (!color) {
+    if (darkMode)
+      color = '#212121'
+    else
+      color = appStore.getMenuSetting.bgColor
+  }
+  setCssVar(SIDER_DARK_BG_COLOR, color)
+  setCssVar(SIDER_DARK_DARKEN_BG_COLOR, darken(color, 6))
+  setCssVar(SIDER_LIGHTEN_BG_COLOR, lighten(color, 5))
+
+  // only #ffffff is light
+  // Only when the background color is #fff, the theme of the menu will be changed to light
+  const isLight = ['#fff', '#ffffff'].includes(color.toLowerCase())
+
+  appStore.setProjectConfig({
+    menuSetting: {
+      theme: isLight && !darkMode ? ThemeEnum.LIGHT : ThemeEnum.DARK,
+    },
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/logics/theme/updateColorWeak.ts b/yunxi-ui-admin-vben/src/logics/theme/updateColorWeak.ts
new file mode 100644
index 0000000..031c9e3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/theme/updateColorWeak.ts
@@ -0,0 +1,9 @@
+import { toggleClass } from './util'
+
+/**
+ * Change the status of the project's color weakness mode
+ * @param colorWeak
+ */
+export function updateColorWeak(colorWeak: boolean) {
+  toggleClass(colorWeak, 'color-weak', document.documentElement)
+}
diff --git a/yunxi-ui-admin-vben/src/logics/theme/updateGrayMode.ts b/yunxi-ui-admin-vben/src/logics/theme/updateGrayMode.ts
new file mode 100644
index 0000000..c548958
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/theme/updateGrayMode.ts
@@ -0,0 +1,9 @@
+import { toggleClass } from './util'
+
+/**
+ * Change project gray mode status
+ * @param gray
+ */
+export function updateGrayMode(gray: boolean) {
+  toggleClass(gray, 'gray-mode', document.documentElement)
+}
diff --git a/yunxi-ui-admin-vben/src/logics/theme/util.ts b/yunxi-ui-admin-vben/src/logics/theme/util.ts
new file mode 100644
index 0000000..43e3056
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/logics/theme/util.ts
@@ -0,0 +1,11 @@
+const docEle = document.documentElement
+export function toggleClass(flag: boolean, clsName: string, target?: HTMLElement) {
+  const targetEl = target || document.body
+  let { className } = targetEl
+  className = className.replace(clsName, '')
+  targetEl.className = flag ? `${className} ${clsName} ` : className
+}
+
+export function setCssVar(prop: string, val: any, dom = docEle) {
+  dom.style.setProperty(prop, val)
+}
diff --git a/yunxi-ui-admin-vben/src/main.ts b/yunxi-ui-admin-vben/src/main.ts
new file mode 100644
index 0000000..b1b5d8f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/main.ts
@@ -0,0 +1,65 @@
+import 'uno.css'
+import 'ant-design-vue/dist/reset.css'
+import './design/index.less'
+
+// Register icon sprite
+import 'virtual:svg-icons-register'
+import { createApp } from 'vue'
+import Antd from 'ant-design-vue'
+import App from './App.vue'
+import { initAppConfigStore } from '@/logics/initAppConfig'
+import { setupErrorHandle } from '@/logics/error-handle'
+import { router, setupRouter } from '@/router'
+import { setupRouterGuard } from '@/router/guard'
+import { setupStore } from '@/store'
+import { setupGlobDirectives } from '@/directives'
+import { setupI18n } from '@/locales/setupI18n'
+import { registerGlobComp } from '@/components/registerGlobComp'
+
+import '@/utils/tongji'
+
+
+async function bootstrap() {
+  const app = createApp(App)
+
+  // Configure store
+  // 配置 store
+  setupStore(app)
+
+  // Initialize internal system configuration
+  // 初始化内部系统配置
+  initAppConfigStore()
+
+  // Register global components
+  // 注册全局组件
+  registerGlobComp(app)
+
+  // Multilingual configuration
+  // 多语言配置
+  // Asynchronous case: language files may be obtained from the server side
+  // 异步案例：语言文件可能从服务器端获取
+  await setupI18n(app)
+
+  // Configure routing
+  // 配置路由
+  setupRouter(app)
+
+  // router-guard
+  // 路由守卫
+  setupRouterGuard(router)
+
+  // Register global directive
+  // 注册全局指令
+  setupGlobDirectives(app)
+
+  // Configure global error handling
+  // 配置全局错误处理
+  setupErrorHandle(app)
+
+  // https://next.router.vuejs.org/api/#isready
+  // await router.isReady();
+
+  app.use(Antd).mount('#app')
+}
+
+bootstrap()
diff --git a/yunxi-ui-admin-vben/src/router/constant.ts b/yunxi-ui-admin-vben/src/router/constant.ts
new file mode 100644
index 0000000..70a5bdf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/constant.ts
@@ -0,0 +1,24 @@
+export const REDIRECT_NAME = 'Redirect'
+
+export const PARENT_LAYOUT_NAME = 'ParentLayout'
+
+export const PAGE_NOT_FOUND_NAME = 'PageNotFound'
+
+export const EXCEPTION_COMPONENT = () => import('@/views/base/exception/Exception.vue')
+
+/**
+ * @description: default layout
+ */
+export const LAYOUT = () => import('@/layouts/default/index.vue')
+
+/**
+ * @description: parent-layout
+ */
+export function getParentLayout(_name?: string) {
+  return () =>
+    new Promise((resolve) => {
+      resolve({
+        name: _name || PARENT_LAYOUT_NAME,
+      })
+    })
+}
diff --git a/yunxi-ui-admin-vben/src/router/guard/index.ts b/yunxi-ui-admin-vben/src/router/guard/index.ts
new file mode 100644
index 0000000..5152495
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/guard/index.ts
@@ -0,0 +1,148 @@
+/* eslint-disable @typescript-eslint/require-await */
+import type { RouteLocationNormalized, Router } from 'vue-router'
+import { Modal, notification } from 'ant-design-vue'
+import { unref } from 'vue'
+import nProgress from 'nprogress'
+import { createPermissionGuard } from './permissionGuard'
+import { createStateGuard } from './stateGuard'
+import { createParamMenuGuard } from './paramMenuGuard'
+import { useAppStoreWithOut } from '@/store/modules/app'
+import { useUserStoreWithOut } from '@/store/modules/user'
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting'
+import { AxiosCanceler } from '@/utils/http/axios/axiosCancel'
+import { warn } from '@/utils/log'
+import { setRouteChange } from '@/logics/mitt/routeChange'
+import projectSetting from '@/settings/projectSetting'
+
+// Don't change the order of creation
+export function setupRouterGuard(router: Router) {
+  createPageGuard(router)
+  createPageLoadingGuard(router)
+  createHttpGuard(router)
+  createScrollGuard(router)
+  createMessageGuard(router)
+  createProgressGuard(router)
+  createPermissionGuard(router)
+  createParamMenuGuard(router) // must after createPermissionGuard (menu has been built.)
+  createStateGuard(router)
+}
+
+/**
+ * Hooks for handling page state
+ */
+function createPageGuard(router: Router) {
+  const loadedPageMap = new Map<string, boolean>()
+
+  router.beforeEach(async (to) => {
+    // The page has already been loaded, it will be faster to open it again, you don’t need to do loading and other processing
+    to.meta.loaded = !!loadedPageMap.get(to.path)
+    // Notify routing changes
+    setRouteChange(to)
+
+    return true
+  })
+
+  router.afterEach((to) => {
+    loadedPageMap.set(to.path, true)
+  })
+}
+
+// Used to handle page loading status
+function createPageLoadingGuard(router: Router) {
+  const userStore = useUserStoreWithOut()
+  const appStore = useAppStoreWithOut()
+  const { getOpenPageLoading } = useTransitionSetting()
+  router.beforeEach(async (to) => {
+    if (!userStore.getAccessToken)
+      return true
+
+    if (to.meta.loaded)
+      return true
+
+    if (unref(getOpenPageLoading)) {
+      appStore.setPageLoadingAction(true)
+      return true
+    }
+
+    return true
+  })
+  router.afterEach(async () => {
+    if (unref(getOpenPageLoading)) {
+      // TODO Looking for a better way
+      // The timer simulates the loading time to prevent flashing too fast,
+      setTimeout(() => {
+        appStore.setPageLoading(false)
+      }, 220)
+    }
+    return true
+  })
+}
+
+/**
+ * The interface used to close the current page to complete the request when the route is switched
+ * @param router
+ */
+function createHttpGuard(router: Router) {
+  const { removeAllHttpPending } = projectSetting
+  let axiosCanceler: Nullable<AxiosCanceler>
+  if (removeAllHttpPending)
+    axiosCanceler = new AxiosCanceler()
+
+  router.beforeEach(async () => {
+    // Switching the route will delete the previous request
+    axiosCanceler?.removeAllPending()
+    return true
+  })
+}
+
+// Routing switch back to the top
+function createScrollGuard(router: Router) {
+  const isHash = (href: string) => {
+    return href.startsWith('#')
+  }
+
+  const body = document.body
+
+  router.afterEach(async (to) => {
+    // scroll top
+    isHash((to as RouteLocationNormalized & { href: string })?.href) && body.scrollTo(0, 0)
+    return true
+  })
+}
+
+/**
+ * Used to close the message instance when the route is switched
+ * @param router
+ */
+export function createMessageGuard(router: Router) {
+  const { closeMessageOnSwitch } = projectSetting
+
+  router.beforeEach(async () => {
+    try {
+      if (closeMessageOnSwitch) {
+        Modal.destroyAll()
+        notification.destroy()
+      }
+    }
+    catch (error) {
+      warn(`message guard error:${error as any}`)
+    }
+    return true
+  })
+}
+
+export function createProgressGuard(router: Router) {
+  const { getOpenNProgress } = useTransitionSetting()
+  router.beforeEach(async (to) => {
+    if (to.meta.loaded)
+      return true
+
+    unref(getOpenNProgress) && nProgress.start()
+    return true
+  })
+
+  router.afterEach(async () => {
+    unref(getOpenNProgress) && nProgress.done()
+    return true
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/router/guard/paramMenuGuard.ts b/yunxi-ui-admin-vben/src/router/guard/paramMenuGuard.ts
new file mode 100644
index 0000000..abab8b5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/guard/paramMenuGuard.ts
@@ -0,0 +1,47 @@
+import type { Router } from 'vue-router'
+import { configureDynamicParamsMenu } from '../helper/menuHelper'
+import type { Menu } from '../types'
+import { PermissionModeEnum } from '@/enums/appEnum'
+import { useAppStoreWithOut } from '@/store/modules/app'
+
+import { usePermissionStoreWithOut } from '@/store/modules/permission'
+
+export function createParamMenuGuard(router: Router) {
+  const permissionStore = usePermissionStoreWithOut()
+  router.beforeEach((to, _, next) => {
+    // filter no name route
+    if (!to.name) {
+      next()
+      return
+    }
+
+    // menu has been built.
+    if (!permissionStore.getIsDynamicAddedRoute) {
+      next()
+      return
+    }
+
+    let menus: Menu[] = []
+    if (isBackMode())
+      menus = permissionStore.getBackMenuList
+    else if (isRouteMappingMode())
+      menus = permissionStore.getFrontMenuList
+
+    menus.forEach(item => configureDynamicParamsMenu(item, to.params))
+
+    next()
+  })
+}
+
+function getPermissionMode() {
+  const appStore = useAppStoreWithOut()
+  return appStore.getProjectConfig.permissionMode
+}
+
+function isBackMode() {
+  return getPermissionMode() === PermissionModeEnum.BACK
+}
+
+function isRouteMappingMode() {
+  return getPermissionMode() === PermissionModeEnum.ROUTE_MAPPING
+}
diff --git a/yunxi-ui-admin-vben/src/router/guard/permissionGuard.ts b/yunxi-ui-admin-vben/src/router/guard/permissionGuard.ts
new file mode 100644
index 0000000..97016b3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/guard/permissionGuard.ts
@@ -0,0 +1,125 @@
+import type { RouteRecordRaw, Router } from 'vue-router'
+
+import { usePermissionStoreWithOut } from '@/store/modules/permission'
+
+import { PageEnum } from '@/enums/pageEnum'
+import { useDictStoreWithOut } from '@/store/modules/dict'
+import { useUserStoreWithOut } from '@/store/modules/user'
+
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
+
+// import { RootRoute } from '@/router/routes'
+
+const LOGIN_PATH = PageEnum.BASE_LOGIN
+
+// const ROOT_PATH = RootRoute.path
+
+const whitePathList: PageEnum[] = [LOGIN_PATH]
+
+export function createPermissionGuard(router: Router) {
+  const dictStore = useDictStoreWithOut()
+  const userStore = useUserStoreWithOut()
+  const permissionStore = usePermissionStoreWithOut()
+  router.beforeEach(async (to, from, next) => {
+    // if (
+    //   from.path === ROOT_PATH &&
+    //   to.path === PageEnum.BASE_HOME &&
+    //   userStore.getUserInfo.homePath &&
+    //   userStore.getUserInfo.homePath !== PageEnum.BASE_HOME
+    // ) {
+    //   next(userStore.getUserInfo.homePath)
+    //   return
+    // }
+
+    const token = userStore.getAccessToken
+
+    // Whitelist can be directly entered
+    if (whitePathList.includes(to.path as PageEnum)) {
+      if (to.path === LOGIN_PATH && token) {
+        const isSessionTimeout = userStore.getSessionTimeout
+        try {
+          await userStore.afterLoginAction()
+          if (!isSessionTimeout) {
+            next((to.query?.redirect as string) || '/')
+            return
+          }
+        }
+        catch {}
+      }
+      next()
+      return
+    }
+
+    // token does not exist
+    if (!token) {
+      // You can access without permission. You need to set the routing meta.ignoreAuth to true
+      if (to.meta.ignoreAuth) {
+        next()
+        return
+      }
+
+      // redirect login page
+      const redirectData: { path: string; replace: boolean; query?: Recordable<string> } = {
+        path: LOGIN_PATH,
+        replace: true,
+      }
+      if (to.path) {
+        redirectData.query = {
+          ...redirectData.query,
+          redirect: to.path,
+        }
+      }
+      next(redirectData)
+      return
+    }
+
+    // Jump to the 404 page after processing the login
+    if (from.path === LOGIN_PATH && to.name === PAGE_NOT_FOUND_ROUTE.name && to.fullPath !== PageEnum.BASE_HOME) {
+      next(PageEnum.BASE_HOME)
+      return
+    }
+
+    if (!dictStore.getIsSetDict)
+      await dictStore.setDictMap()
+
+    // get userinfo while last fetch time is empty
+    if (userStore.getLastUpdateTime === 0) {
+      try {
+        await userStore.getUserInfoAction()
+      }
+      catch (err) {
+        next()
+        return
+      }
+    }
+
+    if (permissionStore.getIsDynamicAddedRoute) {
+      next()
+      return
+    }
+
+    const routes = await permissionStore.buildRoutesAction()
+
+    routes.forEach((route) => {
+      try {
+        router.addRoute(route as unknown as RouteRecordRaw)
+      }
+      catch (e) {}
+    })
+
+    router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw)
+
+    permissionStore.setDynamicAddedRoute(true)
+
+    if (to.name === PAGE_NOT_FOUND_ROUTE.name) {
+      // 动态添加路由后，此处应当重定向到fullPath，否则会加载404页面内容
+      next({ path: to.fullPath, replace: true, query: to.query })
+    }
+    else {
+      const redirectPath = (from.query.redirect || to.path) as string
+      const redirect = decodeURIComponent(redirectPath)
+      const nextData = to.path === redirect ? { ...to, replace: true } : { path: redirect }
+      next(nextData)
+    }
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/router/guard/stateGuard.ts b/yunxi-ui-admin-vben/src/router/guard/stateGuard.ts
new file mode 100644
index 0000000..01c30c2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/guard/stateGuard.ts
@@ -0,0 +1,24 @@
+import type { Router } from 'vue-router'
+import { useAppStore } from '@/store/modules/app'
+import { useMultipleTabStore } from '@/store/modules/multipleTab'
+import { useUserStore } from '@/store/modules/user'
+import { usePermissionStore } from '@/store/modules/permission'
+import { PageEnum } from '@/enums/pageEnum'
+import { removeTabChangeListener } from '@/logics/mitt/routeChange'
+
+export function createStateGuard(router: Router) {
+  router.afterEach((to) => {
+    // Just enter the login page and clear the authentication information
+    if (to.path === PageEnum.BASE_LOGIN) {
+      const tabStore = useMultipleTabStore()
+      const userStore = useUserStore()
+      const appStore = useAppStore()
+      const permissionStore = usePermissionStore()
+      appStore.resetAllState()
+      permissionStore.resetState()
+      tabStore.resetState()
+      userStore.resetState()
+      removeTabChangeListener()
+    }
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/router/helper/menuHelper.ts b/yunxi-ui-admin-vben/src/router/helper/menuHelper.ts
new file mode 100644
index 0000000..9dfea94
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/helper/menuHelper.ts
@@ -0,0 +1,103 @@
+import { cloneDeep } from 'lodash-es'
+import type { RouteParams } from 'vue-router'
+import { toRaw } from 'vue'
+import type { AppRouteModule, AppRouteRecordRaw, Menu, MenuModule } from '@/router/types'
+import { findPath, treeMap } from '@/utils/helper/treeHelper'
+import { isUrl } from '@/utils/is'
+
+export function getAllParentPath<T = Recordable>(treeData: T[], path: string) {
+  const menuList = findPath(treeData, n => n.path === path) as Menu[]
+  return (menuList || []).map(item => item.path)
+}
+
+// 路径处理
+function joinParentPath(menus: Menu[], parentPath = '') {
+  for (let index = 0; index < menus.length; index++) {
+    const menu = menus[index]
+    // https://next.router.vuejs.org/guide/essentials/nested-routes.html
+    // Note that nested paths that start with / will be treated as a root path.
+    // 请注意，以 / 开头的嵌套路径将被视为根路径。
+    // This allows you to leverage the component nesting without having to use a nested URL.
+    // 这允许你利用组件嵌套，而无需使用嵌套 URL。
+    if (!(menu.path.startsWith('/') || isUrl(menu.path))) {
+      // path doesn't start with /, nor is it a url, join parent path
+      // 路径不以 / 开头，也不是 url，加入父路径
+      menu.path = `${parentPath}/${menu.path}`
+    }
+    if (menu?.children?.length)
+      joinParentPath(menu.children, menu.meta?.hidePathForChildren ? parentPath : menu.path)
+  }
+}
+
+// Parsing the menu module
+export function transformMenuModule(menuModule: MenuModule): Menu {
+  const { menu } = menuModule
+
+  const menuList = [menu]
+
+  joinParentPath(menuList)
+  return menuList[0]
+}
+
+// 将路由转换成菜单
+export function transformRouteToMenu(routeModList: AppRouteModule[], routerMapping = false) {
+  // 借助 lodash 深拷贝
+  const cloneRouteModList = cloneDeep(routeModList)
+  const routeList: AppRouteRecordRaw[] = []
+
+  // 对路由项进行修改
+  cloneRouteModList.forEach((item) => {
+    if (routerMapping && item.meta.hideChildrenInMenu && typeof item.redirect === 'string')
+      item.path = item.redirect
+
+    if (item.meta?.single) {
+      const realItem = item?.children?.[0]
+      realItem && routeList.push(realItem)
+    }
+    else {
+      routeList.push(item)
+    }
+  })
+  // 提取树指定结构
+  const list = treeMap(routeList, {
+    conversion: (node: AppRouteRecordRaw) => {
+      const { meta: { title, hideMenu = false } = {} } = node
+
+      return {
+        ...(node.meta || {}),
+        meta: node.meta,
+        name: title,
+        hideMenu,
+        path: node.path,
+        ...(node.redirect ? { redirect: node.redirect } : {}),
+      }
+    },
+  })
+  // 路径处理
+  joinParentPath(list)
+  return cloneDeep(list)
+}
+
+/**
+ * config menu with given params
+ */
+const menuParamRegex = /(?::)([\s\S]+?)((?=\/)|$)/g
+
+export function configureDynamicParamsMenu(menu: Menu, params: RouteParams) {
+  const { path, paramPath } = toRaw(menu)
+  let realPath = paramPath || path
+  const matchArr = realPath.match(menuParamRegex)
+
+  matchArr?.forEach((it) => {
+    const realIt = it.slice(1)
+    if (params[realIt])
+      realPath = realPath.replace(`:${realIt}`, params[realIt] as string)
+  })
+  // save original param path.
+  if (!paramPath && matchArr && matchArr.length > 0)
+    menu.paramPath = path
+
+  menu.path = realPath
+  // children
+  menu.children?.forEach(item => configureDynamicParamsMenu(item, params))
+}
diff --git a/yunxi-ui-admin-vben/src/router/helper/routeHelper.ts b/yunxi-ui-admin-vben/src/router/helper/routeHelper.ts
new file mode 100644
index 0000000..fed23a5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/helper/routeHelper.ts
@@ -0,0 +1,209 @@
+import type { RouteRecordNormalized, Router } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { cloneDeep, omit } from 'lodash-es'
+import { EXCEPTION_COMPONENT, LAYOUT, getParentLayout } from '@/router/constant'
+import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types'
+import { warn } from '@/utils/log'
+import { isUrl } from '@/utils/is'
+
+export type LayoutMapKey = 'LAYOUT'
+const IFRAME = () => import('@/views/base/iframe/FrameBlank.vue')
+const LayoutMap = new Map<string, () => Promise<typeof import('*.vue')>>()
+
+LayoutMap.set('LAYOUT', LAYOUT)
+LayoutMap.set('IFRAME', IFRAME)
+
+let dynamicViewsModules: Record<string, () => Promise<Recordable>>
+
+// Dynamic introduction
+function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
+  dynamicViewsModules = dynamicViewsModules || import.meta.glob('../../views/**/*.{vue,tsx}')
+  if (!routes)
+    return
+  routes.forEach((item) => {
+    if (!item.component && item.meta?.frameSrc)
+      item.component = 'IFRAME'
+
+    const { component, name } = item
+    const { children } = item
+    if (component) {
+      const layoutFound = LayoutMap.get(component.toUpperCase())
+      if (layoutFound)
+        item.component = layoutFound
+      else
+        item.component = dynamicImport(dynamicViewsModules, component as string)
+    }
+    else if (name) {
+      item.component = getParentLayout()
+    }
+    const meta = item.meta || {}
+    meta.title = item.name
+    meta.icon = item.icon
+    meta.hideMenu = !item.visible
+    meta.orderNo = item.sort
+    meta.ignoreKeepAlive = !item.keepAlive
+    item.meta = meta
+    item.name = item.name = item.componentName && item.componentName.length > 0 ? item.componentName : toCamelCase(item.path, true)
+    children && asyncImportRoute(children)
+  })
+}
+
+function dynamicImport(dynamicViewsModules: Record<string, () => Promise<Recordable>>, component: string) {
+  const keys = Object.keys(dynamicViewsModules)
+  const matchKeys = keys.filter((key) => {
+    const k = key.replace('../../views', '')
+    const startFlag = component.startsWith('/')
+    const endFlag = component.endsWith('.vue') || component.endsWith('.tsx')
+    const startIndex = startFlag ? 0 : 1
+    const lastIndex = endFlag ? k.length : k.lastIndexOf('.')
+    return k.substring(startIndex, lastIndex) === component
+  })
+  if (matchKeys?.length === 1) {
+    const matchKey = matchKeys[0]
+    return dynamicViewsModules[matchKey]
+  }
+  else if (matchKeys?.length > 1) {
+    warn(
+      // eslint-disable-next-line max-len
+      'Please do not create `.vue` and `.TSX` files with the same file name in the same hierarchical directory under the views folder. This will cause dynamic introduction failure',
+    )
+  }
+  else {
+    warn(`在src/views/下找不到\`${component}.vue\` 或 \`${component}.tsx\`, 请自行创建!`)
+    return EXCEPTION_COMPONENT
+  }
+}
+
+// Turn background objects into routing objects
+// 将背景对象变成路由对象
+export function transformObjToRoute<T = AppRouteModule>(routeList: AppRouteModule[]): T[] {
+  routeList.forEach((route) => {
+    if (isUrl(route.path))
+      route.component = 'IFrame'
+    else if (route.children && route.parentId === 0)
+      route.component = 'LAYOUT'
+    else if (!route.children)
+      route.component = route.component as string
+
+    const component = route.component as string
+    if (component) {
+      const meta = route.meta || {}
+      meta.hideMenu = !route.visible
+      meta.orderNo = route.sort
+      meta.ignoreKeepAlive = !route.keepAlive
+      meta.title = route.name
+      meta.icon = route.icon
+      if (component.toUpperCase() === 'LAYOUT') {
+        route.component = LayoutMap.get('LAYOUT'.toUpperCase())
+      }
+      else if (component.toUpperCase() === 'IFRAME') {
+        route.component = LayoutMap.get('IFRAME'.toUpperCase())
+      }
+      else {
+        // 处理顶级非目录路由
+        meta.single = true
+        route.children = [cloneDeep(route)]
+        route.component = LAYOUT
+        route.name = `${toCamelCase(route.path, true)}Parent`
+        route.path = ''
+      }
+      route.meta = meta
+    }
+    else {
+      warn(`请正确配置路由：${route?.name}的component属性`)
+    }
+    route.children && asyncImportRoute(route.children)
+  })
+  return routeList as unknown as T[]
+}
+
+/**
+ * Convert multi-level routing to level 2 routing
+ * 将多级路由转换为 2 级路由
+ */
+export function flatMultiLevelRoutes(routeModules: AppRouteModule[]) {
+  const modules: AppRouteModule[] = cloneDeep(routeModules)
+
+  for (let index = 0; index < modules.length; index++) {
+    const routeModule = modules[index]
+    // 判断级别是否 多级 路由
+    if (!isMultipleRoute(routeModule)) {
+      // 声明终止当前循环， 即跳过此次循环，进行下一轮
+      continue
+    }
+    // 路由等级提升
+    promoteRouteLevel(routeModule)
+  }
+  return modules
+}
+
+// Routing level upgrade
+// 路由等级提升
+function promoteRouteLevel(routeModule: AppRouteModule) {
+  // Use vue-router to splice menus
+  // 使用vue-router拼接菜单
+  // createRouter 创建一个可以被 Vue 应用程序使用的路由实例
+  let router: Router | null = createRouter({
+    routes: [routeModule as unknown as RouteRecordNormalized],
+    history: createWebHashHistory(),
+  })
+  // getRoutes： 获取所有 路由记录的完整列表。
+  const routes = router.getRoutes()
+  // 将所有子路由添加到二级路由
+  addToChildren(routes, routeModule.children || [], routeModule)
+  router = null
+
+  // omit lodash的函数 对传入的item对象的children进行删除
+  routeModule.children = routeModule.children?.map(item => omit(item, 'children'))
+}
+
+// Add all sub-routes to the secondary route
+// 将所有子路由添加到二级路由
+function addToChildren(routes: RouteRecordNormalized[], children: AppRouteRecordRaw[], routeModule: AppRouteModule) {
+  for (let index = 0; index < children.length; index++) {
+    const child = children[index]
+    const route = routes.find(item => item.name === child.name)
+    if (!route)
+      continue
+
+    routeModule.children = routeModule.children || []
+    if (!routeModule.children.find(item => item.name === route.name))
+      routeModule.children?.push(route as unknown as AppRouteModule)
+
+    if (child.children?.length)
+      addToChildren(routes, child.children, routeModule)
+  }
+}
+
+// Determine whether the level exceeds 2 levels
+// 判断级别是否超过2级
+function isMultipleRoute(routeModule: AppRouteModule) {
+  // Reflect.has 与 in 操作符 相同, 用于检查一个对象(包括它原型链上)是否拥有某个属性
+  if (!routeModule || !Reflect.has(routeModule, 'children') || !routeModule.children?.length)
+    return false
+
+  const children = routeModule.children
+
+  let flag = false
+  for (let index = 0; index < children.length; index++) {
+    const child = children[index]
+    if (child.children?.length) {
+      flag = true
+      break
+    }
+  }
+  return flag
+}
+
+function toCamelCase(str: string, upperCaseFirst: boolean) {
+  str = (str || '')
+    .replace(/-(.)/g, (group1: string) => {
+      return group1.toUpperCase()
+    })
+    .replaceAll('-', '')
+
+  if (upperCaseFirst && str)
+    str = str.charAt(0).toUpperCase() + str.slice(1)
+
+  return str
+}
diff --git a/yunxi-ui-admin-vben/src/router/index.ts b/yunxi-ui-admin-vben/src/router/index.ts
new file mode 100644
index 0000000..5ba86d3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/index.ts
@@ -0,0 +1,42 @@
+import type { RouteRecordRaw } from 'vue-router'
+import type { App } from 'vue'
+
+import { createRouter, createWebHistory } from 'vue-router'
+import { basicRoutes } from './routes'
+
+// 白名单应该包含基本静态路由
+const WHITE_NAME_LIST: string[] = []
+function getRouteNames(array: any[]) {
+  return array.forEach((item) => {
+    WHITE_NAME_LIST.push(item.name)
+    getRouteNames(item.children || [])
+  })
+}
+getRouteNames(basicRoutes)
+
+// app router
+// 创建一个可以被 Vue 应用程序使用的路由实例
+export const router = createRouter({
+  // 创建一个 hash 历史记录。
+  history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH), // createWebHashHistory
+  // 应该添加到路由的初始路由列表。
+  routes: basicRoutes as unknown as RouteRecordRaw[],
+  // 是否应该禁止尾部斜杠。默认为假
+  strict: true,
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+})
+
+// reset router
+export function resetRouter() {
+  router.getRoutes().forEach((route) => {
+    const { name } = route
+    if (name && !WHITE_NAME_LIST.includes(name as string))
+      router.hasRoute(name) && router.removeRoute(name)
+  })
+}
+
+// config router
+// 配置路由器
+export function setupRouter(app: App<Element>) {
+  app.use(router)
+}
diff --git a/yunxi-ui-admin-vben/src/router/menus/index.ts b/yunxi-ui-admin-vben/src/router/menus/index.ts
new file mode 100644
index 0000000..d4ad146
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/menus/index.ts
@@ -0,0 +1,139 @@
+import type { RouteRecordNormalized } from 'vue-router'
+import { pathToRegexp } from 'path-to-regexp'
+import type { Menu, MenuModule } from '@/router/types'
+
+import { useAppStoreWithOut } from '@/store/modules/app'
+import { usePermissionStore } from '@/store/modules/permission'
+import { getAllParentPath, transformMenuModule } from '@/router/helper/menuHelper'
+import { filter } from '@/utils/helper/treeHelper'
+import { isUrl } from '@/utils/is'
+import { router } from '@/router'
+import { PermissionModeEnum } from '@/enums/appEnum'
+
+const modules = import.meta.glob('./modules/**/*.ts', { eager: true })
+
+const menuModules: MenuModule[] = []
+
+Object.keys(modules).forEach((key) => {
+  const mod = (modules as Recordable)[key].default || {}
+  const modList = Array.isArray(mod) ? [...mod] : [mod]
+  menuModules.push(...modList)
+})
+
+// ===========================
+// ==========Helper===========
+// ===========================
+
+function getPermissionMode() {
+  const appStore = useAppStoreWithOut()
+  return appStore.getProjectConfig.permissionMode
+}
+function isBackMode() {
+  return getPermissionMode() === PermissionModeEnum.BACK
+}
+
+function isRouteMappingMode() {
+  return getPermissionMode() === PermissionModeEnum.ROUTE_MAPPING
+}
+
+function isRoleMode() {
+  return getPermissionMode() === PermissionModeEnum.ROLE
+}
+
+const staticMenus: Menu[] = []
+;(() => {
+  menuModules.sort((a, b) => {
+    return (a.orderNo || 0) - (b.orderNo || 0)
+  })
+
+  for (const menu of menuModules)
+    staticMenus.push(transformMenuModule(menu))
+})()
+
+function getAsyncMenus() {
+  const permissionStore = usePermissionStore()
+  // 递归过滤所有隐藏的菜单
+  const menuFilter = (items) => {
+    return items.filter((item) => {
+      const show = !item.meta?.hideMenu && !item.hideMenu
+      if (show && item.children)
+        item.children = menuFilter(item.children)
+
+      return show
+    })
+  }
+  if (isBackMode())
+    return menuFilter(permissionStore.getBackMenuList)
+
+  if (isRouteMappingMode())
+    return menuFilter(permissionStore.getFrontMenuList)
+
+  return staticMenus
+}
+
+export async function getMenus(): Promise<Menu[]> {
+  const menus = await getAsyncMenus()
+  if (isRoleMode()) {
+    const routes = router.getRoutes()
+    return filter(menus, basicFilter(routes))
+  }
+  return menus
+}
+
+export async function getCurrentParentPath(currentPath: string) {
+  const menus = await getAsyncMenus()
+  const allParentPath = getAllParentPath(menus, currentPath)
+  return allParentPath?.[0]
+}
+
+// Get the level 1 menu, delete children
+export async function getShallowMenus(): Promise<Menu[]> {
+  const menus = await getAsyncMenus()
+  const shallowMenuList = menus.map(item => ({ ...item, children: undefined }))
+  if (isRoleMode()) {
+    const routes = router.getRoutes()
+    return shallowMenuList.filter(basicFilter(routes))
+  }
+  return shallowMenuList
+}
+
+// Get the children of the menu
+export async function getChildrenMenus(parentPath: string) {
+  const menus = await getMenus()
+  const parent = menus.find(item => item.path === parentPath)
+  if (!parent || !parent.children || !!parent?.meta?.hideChildrenInMenu)
+    return [] as Menu[]
+
+  if (isRoleMode()) {
+    const routes = router.getRoutes()
+    return filter(parent.children, basicFilter(routes))
+  }
+  return parent.children
+}
+
+function basicFilter(routes: RouteRecordNormalized[]) {
+  return (menu: Menu) => {
+    const matchRoute = routes.find((route) => {
+      if (isUrl(menu.path))
+        return true
+
+      if (route.meta?.carryParam)
+        return pathToRegexp(route.path).test(menu.path)
+
+      const isSame = route.path === menu.path
+      if (!isSame)
+        return false
+
+      if (route.meta?.ignoreAuth)
+        return true
+
+      return isSame || pathToRegexp(route.path).test(menu.path)
+    })
+
+    if (!matchRoute)
+      return false
+    menu.icon = (menu.icon || matchRoute.meta.icon) as string
+    menu.meta = matchRoute.meta
+    return true
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/router/routes/basic.ts b/yunxi-ui-admin-vben/src/router/routes/basic.ts
new file mode 100644
index 0000000..2ecc01c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/routes/basic.ts
@@ -0,0 +1,48 @@
+import type { AppRouteRecordRaw } from '@/router/types'
+import { EXCEPTION_COMPONENT, LAYOUT, PAGE_NOT_FOUND_NAME, REDIRECT_NAME } from '@/router/constant'
+
+// 404 on a page
+export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
+  path: '/:path(.*)*',
+  name: PAGE_NOT_FOUND_NAME,
+  component: LAYOUT,
+  meta: {
+    title: 'ErrorPage',
+    hideBreadcrumb: true,
+    hideMenu: true,
+  },
+  children: [
+    {
+      path: '/:path(.*)*',
+      name: PAGE_NOT_FOUND_NAME,
+      component: EXCEPTION_COMPONENT,
+      meta: {
+        title: 'ErrorPage',
+        hideBreadcrumb: true,
+        hideMenu: true,
+      },
+    },
+  ],
+}
+
+export const REDIRECT_ROUTE: AppRouteRecordRaw = {
+  path: '/redirect',
+  component: LAYOUT,
+  name: 'RedirectTo',
+  meta: {
+    title: REDIRECT_NAME,
+    hideBreadcrumb: true,
+    hideMenu: true,
+  },
+  children: [
+    {
+      path: '/redirect/:path(.*)/:_redirect_type(.*)/:_origin_params(.*)?',
+      name: REDIRECT_NAME,
+      component: () => import('@/views/base/redirect/index.vue'),
+      meta: {
+        title: REDIRECT_NAME,
+        hideBreadcrumb: true,
+      },
+    },
+  ],
+}
diff --git a/yunxi-ui-admin-vben/src/router/routes/index.ts b/yunxi-ui-admin-vben/src/router/routes/index.ts
new file mode 100644
index 0000000..2575fab
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/routes/index.ts
@@ -0,0 +1,289 @@
+import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types'
+
+import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic'
+
+import { PageEnum } from '@/enums/pageEnum'
+import { t } from '@/hooks/web/useI18n'
+import { LAYOUT } from '@/router/constant'
+
+// import.meta.glob() 直接引入所有的模块 Vite 独有的功能
+const modules = import.meta.glob('./modules/**/*.ts', { eager: true })
+const routeModuleList: AppRouteModule[] = []
+
+// 加入到路由集合中
+Object.keys(modules).forEach((key) => {
+  const mod = (modules as Recordable)[key].default || {}
+  const modList = Array.isArray(mod) ? [...mod] : [mod]
+  routeModuleList.push(...modList)
+})
+
+export const asyncRoutes = [PAGE_NOT_FOUND_ROUTE, ...routeModuleList]
+
+// 根路由
+export const RootRoute: AppRouteRecordRaw = {
+  path: '/',
+  name: 'Root',
+  redirect: PageEnum.BASE_HOME,
+  meta: {
+    title: 'Root',
+  },
+}
+
+export const LoginRoute: AppRouteRecordRaw = {
+  path: '/login',
+  name: 'Login',
+  component: () => import('@/views/base/login/Login.vue'),
+  meta: {
+    title: t('routes.basic.login'),
+  },
+}
+
+export const SSORoute: AppRouteRecordRaw = {
+  path: '/sso',
+  name: 'SSO',
+  component: () => import('@/views/base/login/sso.vue'),
+  meta: {
+    title: t('routes.basic.sso'),
+  },
+}
+
+export const ProfileRoute: AppRouteRecordRaw = {
+  path: '/profile',
+  component: LAYOUT,
+  name: 'Profile',
+  meta: {
+    title: t('routes.basic.profile'),
+    hidden: true,
+  },
+  children: [
+    {
+      path: 'index',
+      component: () => import('@/views/base/profile/index.vue'),
+      name: 'UserProfile',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:user-outlined',
+        title: t('routes.basic.profile'),
+      },
+    },
+    {
+      path: 'notify-message',
+      component: () => import('@/views/system/notify/my/index.vue'),
+      name: 'MyNotifyMessage',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:bell-outlined',
+        title: t('routes.basic.notifyMessage'),
+      },
+    },
+  ],
+}
+
+export const CodegenRoute: AppRouteRecordRaw = {
+  path: '/codegen',
+  component: LAYOUT,
+  name: 'CodegenEdit',
+  meta: {
+    title: '修改生成配置',
+    hidden: true,
+  },
+  children: [
+    {
+      path: 'editTable',
+      component: () => import('@/views/infra/codegen/EditTable.vue'),
+      name: 'EditTable',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '修改生成配置',
+        activeMenu: 'infra/codegen/index',
+      },
+    },
+  ],
+}
+
+export const JobLogRoute: AppRouteRecordRaw = {
+  path: '/job',
+  component: LAYOUT,
+  name: 'JobL',
+  meta: {
+    title: '调度日志',
+    hidden: true,
+  },
+  children: [
+    {
+      path: 'job-log',
+      component: () => import('@/views/infra/job/logger/index.vue'),
+      name: 'InfraJobLog',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:bar-chart-outlined',
+        title: '调度日志',
+        activeMenu: 'infra/job/index',
+      },
+    },
+  ],
+}
+
+export const PayRoute: AppRouteRecordRaw = {
+  path: '/cashRegister',
+  component: LAYOUT,
+  name: 'cashRegister',
+  meta: {
+    title: '收银台',
+    hidden: true,
+  },
+  children: [
+    {
+      path: 'cashier',
+      component: () => import('@/views/pay/cashier/index.vue'),
+      name: 'PayCashier',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:pay-circle-outlined',
+        title: '收银台',
+        activeMenu: 'pay/order/index',
+      },
+    },
+  ],
+}
+
+export const BpmRoute: AppRouteRecordRaw = {
+  path: '/bpm',
+  component: LAYOUT,
+  name: 'bpm',
+  meta: {
+    title: '工作流',
+    hidden: true,
+  },
+  children: [
+    {
+      path: '/manager/form/edit',
+      component: () => import('@/views/bpm/form/editor/index.vue'),
+      name: 'BpmFormEditor',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '设计流程表单',
+        activeMenu: '/bpm/manager/form',
+      },
+    },
+    {
+      path: '/manager/model/edit',
+      component: () => import('@/views/bpm/model/editor/index.vue'),
+      name: 'BpmModelEditor',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '设计流程',
+        activeMenu: '/bpm/manager/model',
+      },
+    },
+    {
+      path: '/manager/definition',
+      component: () => import('@/views/bpm/definition/index.vue'),
+      name: 'BpmProcessDefinition',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '流程定义',
+        activeMenu: '/bpm/manager/model',
+      },
+    },
+    {
+      path: '/manager/task-assign-rule',
+      component: () => import('@/views/bpm/taskAssignRule/index.vue'),
+      name: 'BpmTaskAssignRuleList',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '任务分配规则',
+      },
+    },
+    {
+      path: '/process-instance/create',
+      component: () => import('@/views/bpm/processInstance/create/index.vue'),
+      name: 'BpmProcessInstanceCreate',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '发起流程',
+        activeMenu: 'bpm/processInstance/create',
+      },
+    },
+    {
+      path: '/process-instance/detail',
+      component: () => import('@/views/bpm/processInstance/detail/index.vue'),
+      name: 'BpmProcessInstanceDetail',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '流程详情',
+        activeMenu: 'bpm/processInstance/detail',
+      },
+    },
+    {
+      path: '/bpm/oa/leave/create',
+      component: () => import('@/views/bpm/oa/leave/create.vue'),
+      name: 'OALeaveCreate',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '发起 OA 请假',
+        activeMenu: 'bpm/oa/leave',
+      },
+    },
+    {
+      path: '/process-instance/detail',
+      component: () => import('@/views/bpm/oa/leave/detail.vue'),
+      name: 'OALeaveDetail',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ant-design:edit-outlined',
+        title: '查看 OA 请假',
+        activeMenu: 'bpm/oa/leave',
+      },
+    },
+  ],
+}
+
+// Basic routing without permission
+// 未经许可的基本路由
+export const basicRoutes = [
+  LoginRoute,
+  SSORoute,
+  RootRoute,
+  ProfileRoute,
+  CodegenRoute,
+  JobLogRoute,
+  PayRoute,
+  BpmRoute,
+  REDIRECT_ROUTE,
+  PAGE_NOT_FOUND_ROUTE,
+]
diff --git a/yunxi-ui-admin-vben/src/router/routes/modules/about.ts b/yunxi-ui-admin-vben/src/router/routes/modules/about.ts
new file mode 100644
index 0000000..f25398d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/routes/modules/about.ts
@@ -0,0 +1,31 @@
+import type { AppRouteModule } from '@/router/types'
+
+import { LAYOUT } from '@/router/constant'
+import { t } from '@/hooks/web/useI18n'
+
+const about: AppRouteModule = {
+  path: '/about',
+  name: 'About',
+  component: LAYOUT,
+  redirect: '/about/index',
+  meta: {
+    hideChildrenInMenu: true,
+    icon: 'ant-design:pushpin-filled',
+    title: t('routes.dashboard.about'),
+    orderNo: 100000,
+  },
+  children: [
+    {
+      path: 'index',
+      name: 'AboutPage',
+      component: () => import('@/views/base/about/index.vue'),
+      meta: {
+        title: t('routes.dashboard.about'),
+        icon: 'ant-design:pushpin-filled',
+        hideMenu: true,
+      },
+    },
+  ],
+}
+
+export default about
diff --git a/yunxi-ui-admin-vben/src/router/routes/modules/dashboard.ts b/yunxi-ui-admin-vben/src/router/routes/modules/dashboard.ts
new file mode 100644
index 0000000..0d89a44
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/routes/modules/dashboard.ts
@@ -0,0 +1,40 @@
+import type { AppRouteModule } from '@/router/types'
+
+import { LAYOUT } from '@/router/constant'
+import { t } from '@/hooks/web/useI18n'
+
+const dashboard: AppRouteModule = {
+  path: '/dashboard',
+  name: 'Dashboard',
+  component: LAYOUT,
+  parentId: 0,
+  redirect: '/dashboard/analysis',
+  meta: {
+    orderNo: 10,
+    icon: 'ant-design:home-outlined',
+    title: t('routes.dashboard.dashboard'),
+  },
+  children: [
+    {
+      path: 'analysis',
+      name: 'Analysis',
+      component: () => import('@/views/dashboard/analysis/index.vue'),
+      meta: {
+        // affix: true,
+        title: t('routes.dashboard.analysis'),
+        icon: 'ant-design:bar-chart-outlined',
+      },
+    },
+    {
+      path: 'workbench',
+      name: 'Workbench',
+      component: () => import('@/views/dashboard/workbench/index.vue'),
+      meta: {
+        title: t('routes.dashboard.workbench'),
+        icon: 'ant-design:appstore-outlined',
+      },
+    },
+  ],
+}
+
+export default dashboard
diff --git a/yunxi-ui-admin-vben/src/router/types.ts b/yunxi-ui-admin-vben/src/router/types.ts
new file mode 100644
index 0000000..253da3b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/router/types.ts
@@ -0,0 +1,65 @@
+import type { RouteMeta, RouteRecordRaw } from 'vue-router'
+import type { defineComponent } from 'vue'
+import type { RoleEnum } from '@/enums/roleEnum'
+
+export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>)
+
+// @ts-expect-error
+export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta'> {
+  keepAlive?: boolean
+  visible?: boolean
+  icon?: string
+  name: string
+  sort?: number
+  parentId?: number
+  meta: RouteMeta
+  component?: Component | string
+  components?: Component
+  componentName?: string
+  children?: AppRouteRecordRaw[]
+  props?: Recordable
+  fullPath?: string
+}
+
+export interface MenuTag {
+  // 类型
+  type?: 'primary' | 'error' | 'warn' | 'success'
+  // 内容
+  content?: string
+  // 为true则显示小圆点
+  dot?: boolean
+}
+
+export interface Menu {
+  //  菜单名
+  name: string
+  // 菜单图标,如果没有，则会尝试使用route.meta.icon
+  icon?: string
+  // 菜单路径
+  path: string
+
+  // path contains param, auto assignment.
+  paramPath?: string
+  // 是否禁用
+  disabled?: boolean
+  // 子菜单
+  children?: Menu[]
+  // 菜单排序
+  orderNo?: number
+
+  roles?: RoleEnum[]
+
+  meta?: Partial<RouteMeta>
+  // 菜单标签设置
+  tag?: MenuTag
+  // 是否隐藏菜单
+  hideMenu?: boolean
+}
+
+export interface MenuModule {
+  orderNo?: number
+  menu: Menu
+}
+
+// export type AppRouteModule = RouteModule | AppRouteRecordRaw;
+export type AppRouteModule = AppRouteRecordRaw
diff --git a/yunxi-ui-admin-vben/src/settings/componentSetting.ts b/yunxi-ui-admin-vben/src/settings/componentSetting.ts
new file mode 100644
index 0000000..1662da1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/componentSetting.ts
@@ -0,0 +1,52 @@
+// 用于配置某些组件的常规配置，而无需修改组件
+
+import type { SorterResult } from '../components/Table'
+
+export default {
+  // 表格配置
+  table: {
+    // 表格接口请求通用配置，可在组件prop覆盖
+    // 支持 xxx.xxx.xxx格式
+    fetchSetting: {
+      // 传给后台的当前页字段
+      pageField: 'pageNo',
+      // 传给后台的每页显示多少条的字段
+      sizeField: 'pageSize',
+      // 接口返回表格数据的字段
+      listField: 'list',
+      // 接口返回表格总数的字段
+      totalField: 'total',
+    },
+    // 可选的分页选项
+    pageSizeOptions: ['10', '50', '80', '100'],
+    // 默认每页显示多少条
+    defaultPageSize: 10,
+    // 默认排序方法
+    defaultSize: 'middle',
+    // 自定义通用排序功能
+    defaultSortFn: (sortInfo: SorterResult) => {
+      const { field, order } = sortInfo
+      if (field && order) {
+        return {
+          // 排序字段
+          field,
+          // 排序方式 asc/desc
+          order,
+        }
+      }
+      else {
+        return {}
+      }
+    },
+    // 自定义过滤方法
+    defaultFilterFn: (data: Partial<Recordable<string[]>>) => {
+      return data
+    },
+  },
+  // 滚动组件配置
+  scrollbar: {
+    // 是否使用原生滚动样式
+    // 开启后，菜单，弹窗，抽屉会使用原生滚动条组件
+    native: false,
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/settings/designSetting.ts b/yunxi-ui-admin-vben/src/settings/designSetting.ts
new file mode 100644
index 0000000..4818763
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/designSetting.ts
@@ -0,0 +1,48 @@
+import { ThemeEnum } from '../enums/appEnum'
+
+export const prefixCls = 'xingyuv'
+
+export const darkMode = ThemeEnum.LIGHT
+
+// app主题色预设
+export const APP_PRESET_COLOR_LIST: string[] = [
+  '#0960bd',
+  '#0084f4',
+  '#009688',
+  '#536dfe',
+  '#ff5c93',
+  '#ee4f12',
+  '#0096c7',
+  '#9c27b0',
+  '#ff9800',
+]
+
+// 顶部背景色预设
+export const HEADER_PRESET_BG_COLOR_LIST: string[] = [
+  '#ffffff',
+  '#151515',
+  '#009688',
+  '#5172DC',
+  '#018ffb',
+  '#409eff',
+  '#e74c3c',
+  '#24292e',
+  '#394664',
+  '#001529',
+  '#383f45',
+]
+
+// 左侧菜单背景色预设
+export const SIDE_BAR_BG_COLOR_LIST: string[] = [
+  '#001529',
+  '#212121',
+  '#273352',
+  '#ffffff',
+  '#191b24',
+  '#191a23',
+  '#304156',
+  '#001628',
+  '#28333E',
+  '#344058',
+  '#383f45',
+]
diff --git a/yunxi-ui-admin-vben/src/settings/encryptionSetting.ts b/yunxi-ui-admin-vben/src/settings/encryptionSetting.ts
new file mode 100644
index 0000000..d72ad7b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/encryptionSetting.ts
@@ -0,0 +1,13 @@
+import { isDevMode } from '@/utils/env'
+
+// 缓存默认过期时间
+export const DEFAULT_CACHE_TIME = 60 * 60 * 24 * 7
+
+// 开启缓存加密后，加密密钥。采用aes加密
+export const cacheCipher = {
+  key: '_11111000001111@',
+  iv: '@11111000001111_',
+}
+
+// 是否加密缓存，默认生产环境加密
+export const enableStorageEncryption = !isDevMode()
diff --git a/yunxi-ui-admin-vben/src/settings/localeSetting.ts b/yunxi-ui-admin-vben/src/settings/localeSetting.ts
new file mode 100644
index 0000000..543a3d2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/localeSetting.ts
@@ -0,0 +1,30 @@
+import type { DropMenu } from '../components/Dropdown'
+import type { LocaleSetting, LocaleType } from '@/types/config'
+
+export const LOCALE: { [key: string]: LocaleType } = {
+  ZH_CN: 'zh_CN',
+  EN_US: 'en',
+}
+
+export const localeSetting: LocaleSetting = {
+  // 是否显示语言选择器
+  showPicker: true,
+  // 当前语言
+  locale: LOCALE.ZH_CN,
+  // 默认语言
+  fallback: LOCALE.ZH_CN,
+  // 允许的语言
+  availableLocales: [LOCALE.ZH_CN, LOCALE.EN_US],
+}
+
+// 语言列表
+export const localeList: DropMenu[] = [
+  {
+    text: '简体中文',
+    event: LOCALE.ZH_CN,
+  },
+  {
+    text: 'English',
+    event: LOCALE.EN_US,
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/settings/projectSetting.ts b/yunxi-ui-admin-vben/src/settings/projectSetting.ts
new file mode 100644
index 0000000..9c20eb5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/projectSetting.ts
@@ -0,0 +1,167 @@
+import { primaryColor } from '../../build/config/themeConfig'
+import { HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST } from './designSetting'
+import type { ProjectConfig } from '@/types/config'
+import { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TriggerEnum } from '@/enums/menuEnum'
+import { CacheTypeEnum } from '@/enums/cacheEnum'
+import {
+  ContentEnum,
+  PermissionModeEnum,
+  RouterTransitionEnum,
+  SessionTimeoutProcessingEnum,
+  SettingButtonPositionEnum,
+  ThemeEnum,
+} from '@/enums/appEnum'
+
+// ! 改动后需要清空浏览器缓存
+const setting: ProjectConfig = {
+  // 是否显示SettingButton
+  showSettingButton: true,
+
+  // 是否显示主题切换按钮
+  showDarkModeToggle: true,
+
+  // 设置按钮位置 可选项
+  // SettingButtonPositionEnum.AUTO: 自动选择
+  // SettingButtonPositionEnum.HEADER: 位于头部
+  // SettingButtonPositionEnum.FIXED: 固定在右侧
+  settingButtonPosition: SettingButtonPositionEnum.AUTO,
+
+  // 权限模式,默认前端角色权限模式
+  // ROUTE_MAPPING: 前端模式（菜单由路由生成，默认）
+  // ROLE：前端模式（菜单路由分开）
+  // BACK: 后端模式
+  permissionMode: PermissionModeEnum.BACK,
+  // 权限缓存存放位置。默认存放于localStorage
+  permissionCacheType: CacheTypeEnum.LOCAL,
+  // 会话超时处理方案
+  // SessionTimeoutProcessingEnum.ROUTE_JUMP: 路由跳转到登录页
+  // SessionTimeoutProcessingEnum.PAGE_COVERAGE: 生成登录弹窗，覆盖当前页面
+  sessionTimeoutProcessing: SessionTimeoutProcessingEnum.ROUTE_JUMP,
+  // 项目主题色
+  themeColor: primaryColor,
+  // 网站灰色模式，用于可能悼念的日期开启
+  grayMode: false,
+  // 色弱模式
+  colorWeak: false,
+  // 是否取消菜单,顶部,多标签页显示, 用于可能内嵌在别的系统内
+  fullContent: false,
+  // 主题内容宽度
+  contentMode: ContentEnum.FULL,
+  // 是否显示logo
+  showLogo: true,
+  // 是否显示底部信息 copyright
+  showFooter: true,
+  // 头部配置
+  headerSetting: {
+    // 背景色
+    bgColor: HEADER_PRESET_BG_COLOR_LIST[0],
+    // 固定头部
+    fixed: true,
+    // 是否显示顶部
+    show: true,
+    // 主题
+    theme: ThemeEnum.LIGHT,
+    // 开启锁屏功能
+    useLockPage: true,
+    // 显示全屏按钮
+    showFullScreen: true,
+    // 显示文档按钮
+    showDoc: true,
+    // 显示消息中心按钮
+    showNotice: true,
+    // 显示菜单搜索按钮
+    showSearch: true,
+  },
+  // 菜单配置
+  menuSetting: {
+    // 背景色
+    bgColor: SIDE_BAR_BG_COLOR_LIST[0],
+    // 是否固定住菜单
+    fixed: true,
+    // 菜单折叠
+    collapsed: false,
+    // 当响应式布局时隐藏
+    siderHidden: false,
+    // 折叠菜单时候是否显示菜单名
+    collapsedShowTitle: false,
+    // 是否可拖拽
+    canDrag: true,
+    // 是否显示
+    show: true,
+    // 是否显示dom
+    hidden: false,
+    // 菜单宽度
+    menuWidth: 210,
+    // 菜单模式
+    mode: MenuModeEnum.INLINE,
+    // 菜单类型
+    type: MenuTypeEnum.SIDEBAR,
+    // 菜单主题
+    theme: ThemeEnum.DARK,
+    // 分割菜单
+    split: false,
+    // 顶部菜单布局
+    topMenuAlign: 'center',
+    // 折叠触发器的位置
+    trigger: TriggerEnum.HEADER,
+    // 手风琴模式，只展示一个菜单
+    accordion: true,
+    // 在路由切换的时候关闭左侧混合菜单展开菜单
+    closeMixSidebarOnChange: false,
+    // 左侧混合菜单模块切换触发方式
+    mixSideTrigger: MixSidebarTriggerEnum.CLICK,
+    // 是否固定左侧混合菜单
+    mixSideFixed: false,
+  },
+  // 多标签
+  multiTabsSetting: {
+    // 刷新后是否保留已经打开的标签页
+    cache: false,
+    // 开启
+    show: true,
+    // 显示图标
+    showIcon: true,
+    // 开启快速操作
+    showQuick: true,
+    // 是否可以拖拽
+    canDrag: true,
+    // 是否显示刷新那妞
+    showRedo: true,
+    // 是否显示折叠按钮
+    showFold: true,
+  },
+
+  // 动画配置
+  transitionSetting: {
+    //  是否开启切换动画
+    enable: true,
+    // 动画名
+    basicTransition: RouterTransitionEnum.FADE_SIDE,
+    // 是否打开页面切换loading
+    openPageLoading: true,
+    // 是否打开页面切换顶部进度条
+    openNProgress: true,
+  },
+
+  // 是否开启KeepAlive缓存  开发时候最好关闭,不然每次都需要清除缓存
+  openKeepAlive: true,
+  // 自动锁屏时间，为0不锁屏。 单位分钟 默认1个小时
+  lockTime: 0,
+  // 显示面包屑
+  showBreadCrumb: true,
+  // 显示面包屑图标
+  showBreadCrumbIcon: true,
+  // 是否使用全局错误捕获
+  useErrorHandle: false,
+  // 是否开启回到顶部
+  useOpenBackTop: true,
+  //  是否可以嵌入iframe页面
+  canEmbedIFramePage: true,
+  // 切换界面的时候是否删除未关闭的message及notify
+  closeMessageOnSwitch: true,
+  // 切换界面的时候是否取消已经发送但是未响应的http请求。
+  // 如果开启,想对单独接口覆盖。可以在单独接口设置
+  removeAllHttpPending: false,
+}
+
+export default setting
diff --git a/yunxi-ui-admin-vben/src/settings/siteSetting.ts b/yunxi-ui-admin-vben/src/settings/siteSetting.ts
new file mode 100644
index 0000000..c107dce
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/siteSetting.ts
@@ -0,0 +1,8 @@
+// github repo url
+export const GITHUB_URL = 'https://gitee.com/xingyuv/vue-vben-admin'
+
+// vue-vben-admin-next-doc
+export const DOC_URL = 'http://vben-doc.x-surge.com/'
+
+// site url
+export const SITE_URL = 'http://static.yudao.iocoder.cn/mp/xinyu370.jpeg'
diff --git a/yunxi-ui-admin-vben/src/settings/sizeSetting.ts b/yunxi-ui-admin-vben/src/settings/sizeSetting.ts
new file mode 100644
index 0000000..845477c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/settings/sizeSetting.ts
@@ -0,0 +1,36 @@
+import type { DropMenu } from '../components/Dropdown'
+import type { AppSizeType, SizeSetting } from '@/types/config'
+
+// 'small' | 'middle' | 'large'
+export const APPSIZE: { [key: string]: AppSizeType } = {
+  SMALL: 'small',
+  MIDDLE: 'middle',
+  LARGE: 'large',
+}
+
+export const sizeSetting: SizeSetting = {
+  // 是否显示尺寸选择器
+  showPicker: true,
+  // 当前尺寸
+  size: APPSIZE.MIDDLE,
+  // 默认尺寸
+  fallback: APPSIZE.MIDDLE,
+  // 允许的尺寸
+  availableSizes: [APPSIZE.SMALL, APPSIZE.MIDDLE, APPSIZE.LARGE],
+}
+
+// 尺寸列表
+export const sizeList: DropMenu[] = [
+  {
+    text: '默认',
+    event: APPSIZE.MIDDLE,
+  },
+  {
+    text: '小型',
+    event: APPSIZE.SMALL,
+  },
+  {
+    text: '大型',
+    event: APPSIZE.LARGE,
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/store/index.ts b/yunxi-ui-admin-vben/src/store/index.ts
new file mode 100644
index 0000000..4d393cb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/index.ts
@@ -0,0 +1,10 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+
+const store = createPinia()
+
+export function setupStore(app: App<Element>) {
+  app.use(store)
+}
+
+export { store }
diff --git a/yunxi-ui-admin-vben/src/store/modules/app.ts b/yunxi-ui-admin-vben/src/store/modules/app.ts
new file mode 100644
index 0000000..878f9a0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/app.ts
@@ -0,0 +1,159 @@
+import { defineStore } from 'pinia'
+import { theme as antdTheme } from 'ant-design-vue/es'
+import type { ThemeConfig } from 'ant-design-vue/es/config-provider/context'
+import { reactive } from 'vue'
+import { primaryColor } from '../../../build/config/themeConfig'
+import type { AppSizeType, HeaderSetting, MenuSetting, MultiTabsSetting, ProjectConfig, TransitionSetting } from '@/types/config'
+import type { BeforeMiniState } from '@/types/store'
+
+import { store } from '@/store'
+
+import type { ThemeEnum } from '@/enums/appEnum'
+import { APP_DARK_MODE_KEY_, PROJ_CFG_KEY } from '@/enums/cacheEnum'
+import { Persistent } from '@/utils/cache/persistent'
+import { darkMode } from '@/settings/designSetting'
+import { resetRouter } from '@/router'
+import { deepMerge } from '@/utils'
+
+interface AppState {
+  darkMode?: ThemeEnum
+  themeConfig: ThemeConfig
+  // Page loading status
+  pageLoading: boolean
+  // project config
+  projectConfig: ProjectConfig | null
+  // When the window shrinks, remember some states, and restore these states when the window is restored
+  beforeMiniInfo: BeforeMiniState
+  componentSize: 'small' | 'middle' | 'large' | undefined
+}
+let timeId: TimeoutHandle
+export const useAppStore = defineStore('app', {
+  state: (): AppState => ({
+    darkMode: undefined,
+    themeConfig: {
+      algorithm: antdTheme.defaultAlgorithm,
+      token: {
+        colorBgContainer: '#fff',
+      },
+      components: {},
+    },
+    pageLoading: false,
+    projectConfig: Persistent.getLocal(PROJ_CFG_KEY),
+    beforeMiniInfo: {},
+    componentSize: 'middle',
+  }),
+  getters: {
+    getPageLoading(state): boolean {
+      return state.pageLoading
+    },
+    getDarkMode(state): 'light' | 'dark' | string {
+      return state.darkMode || localStorage.getItem(APP_DARK_MODE_KEY_) || darkMode
+    },
+
+    getBeforeMiniInfo(state): BeforeMiniState {
+      return state.beforeMiniInfo
+    },
+
+    getProjectConfig(state): ProjectConfig {
+      return state.projectConfig || ({} as ProjectConfig)
+    },
+
+    getHeaderSetting(): HeaderSetting {
+      return this.getProjectConfig.headerSetting
+    },
+    getMenuSetting(): MenuSetting {
+      return this.getProjectConfig.menuSetting
+    },
+    getTransitionSetting(): TransitionSetting {
+      return this.getProjectConfig.transitionSetting
+    },
+    getMultiTabsSetting(): MultiTabsSetting {
+      return this.getProjectConfig.multiTabsSetting
+    },
+    getComponentSize(state): AppSizeType | undefined {
+      return state.componentSize
+    },
+  },
+  actions: {
+    setPageLoading(loading: boolean): void {
+      this.pageLoading = loading
+    },
+
+    setDarkMode(mode: ThemeEnum): void {
+      this.darkMode = mode
+      this.setThemeConfig()
+      localStorage.setItem(APP_DARK_MODE_KEY_, mode)
+    },
+
+    setThemeConfig(color?: string): void {
+      let themeConfig = reactive<ThemeConfig>({
+        algorithm: antdTheme.defaultAlgorithm,
+        token: {
+          colorBgContainer: '#fff',
+          colorPrimary: color || (this.projectConfig
+            ? this.projectConfig.themeColor
+            : primaryColor),
+        },
+        components: {},
+      })
+
+      if (this.darkMode === 'dark') {
+        themeConfig = {
+          algorithm: antdTheme.darkAlgorithm,
+          token: {
+            colorBgContainer: 'rgb(36, 37, 37)',
+            colorPrimary: color || (this.projectConfig
+              ? this.projectConfig.themeColor
+              : primaryColor),
+          },
+          components: {},
+        }
+      }
+      this.themeConfig = themeConfig
+    },
+
+    setBeforeMiniInfo(state: BeforeMiniState): void {
+      this.beforeMiniInfo = state
+    },
+
+    setComponentSize(size: AppSizeType): void {
+      this.componentSize = size
+    },
+
+    setProjectConfig(config: DeepPartial<ProjectConfig>): void {
+      this.projectConfig = deepMerge(this.projectConfig, config)
+      Persistent.setLocal(PROJ_CFG_KEY, this.projectConfig)
+      this.setThemeConfig(config.themeColor)
+    },
+
+    setMenuSetting(setting: Partial<MenuSetting>): void {
+      if (!this.projectConfig)
+        return
+      this.projectConfig.menuSetting = deepMerge(this.projectConfig.menuSetting, setting)
+      Persistent.setLocal(PROJ_CFG_KEY, this.projectConfig)
+    },
+
+    resetAllState() {
+      resetRouter()
+      Persistent.clearAll()
+    },
+    setPageLoadingAction(loading: boolean) {
+      if (loading) {
+        clearTimeout(timeId)
+        // Prevent flicker
+        timeId = setTimeout(() => {
+          this.setPageLoading(loading)
+        }, 50)
+      }
+      else {
+        this.setPageLoading(loading)
+        clearTimeout(timeId)
+      }
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useAppStoreWithOut() {
+  return useAppStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/dict.ts b/yunxi-ui-admin-vben/src/store/modules/dict.ts
new file mode 100644
index 0000000..9379eb4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/dict.ts
@@ -0,0 +1,67 @@
+import { defineStore } from 'pinia'
+import type { DictState } from '@/types/store'
+
+import { store } from '@/store'
+
+import { DICT_KEY } from '@/enums/cacheEnum'
+import { createLocalStorage } from '@/utils/cache'
+import { listSimpleDictData } from '@/api/system/dict/data'
+import type { DictDataVO } from '@/api/system/dict/types'
+
+const ls = createLocalStorage()
+
+export const useDictStore = defineStore({
+  id: 'app-dict',
+  state: (): DictState => ({
+    dictMap: new Map<string, any>(),
+    isSetDict: false,
+  }),
+  getters: {
+    getDictMap(state): Recordable {
+      const dictMap = ls.get(DICT_KEY)
+      if (dictMap)
+        state.dictMap = dictMap
+
+      return state.dictMap
+    },
+    getIsSetDict(state): boolean {
+      return state.isSetDict
+    },
+  },
+  actions: {
+    async setDictMap() {
+      const dictMap = ls.get(DICT_KEY)
+      if (dictMap) {
+        this.dictMap = dictMap
+        this.isSetDict = true
+      }
+      else {
+        const res = await listSimpleDictData()
+        // 设置数据
+        const dictDataMap = new Map<string, any>()
+        res.forEach((dictData: DictDataVO) => {
+          // 获得 dictType 层级
+          const enumValueObj = dictDataMap[dictData.dictType]
+          if (!enumValueObj)
+            dictDataMap[dictData.dictType] = []
+
+          // 处理 dictValue 层级
+          dictDataMap[dictData.dictType].push({
+            value: dictData.value,
+            label: dictData.label,
+            colorType: dictData.colorType,
+            cssClass: dictData.cssClass,
+          })
+        })
+        this.dictMap = dictDataMap
+        this.isSetDict = true
+        ls.set(DICT_KEY, dictDataMap, 60) // 60 秒 过期
+      }
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useDictStoreWithOut() {
+  return useDictStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/errorLog.ts b/yunxi-ui-admin-vben/src/store/modules/errorLog.ts
new file mode 100644
index 0000000..9d0b592
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/errorLog.ts
@@ -0,0 +1,73 @@
+import { defineStore } from 'pinia'
+import type { ErrorLogInfo } from '@/types/store'
+
+import { store } from '@/store'
+
+import { formatToDateTime } from '@/utils/dateUtil'
+import projectSetting from '@/settings/projectSetting'
+
+import { ErrorTypeEnum } from '@/enums/exceptionEnum'
+
+export interface ErrorLogState {
+  errorLogInfoList: Nullable<ErrorLogInfo[]>
+  errorLogListCount: number
+}
+
+export const useErrorLogStore = defineStore('app-error-log', {
+  state: (): ErrorLogState => ({
+    errorLogInfoList: null,
+    errorLogListCount: 0,
+  }),
+  getters: {
+    getErrorLogInfoList(state): ErrorLogInfo[] {
+      return state.errorLogInfoList || []
+    },
+    getErrorLogListCount(state): number {
+      return state.errorLogListCount
+    },
+  },
+  actions: {
+    addErrorLogInfo(info: ErrorLogInfo) {
+      const item = {
+        ...info,
+        time: formatToDateTime(new Date()),
+      }
+      this.errorLogInfoList = [item, ...(this.errorLogInfoList || [])]
+      this.errorLogListCount += 1
+    },
+
+    setErrorLogListCount(count: number): void {
+      this.errorLogListCount = count
+    },
+
+    /**
+     * Triggered after ajax request error
+     * @param error
+     * @returns
+     */
+    addAjaxErrorInfo(error) {
+      const { useErrorHandle } = projectSetting
+      if (!useErrorHandle)
+        return
+
+      const errInfo: Partial<ErrorLogInfo> = {
+        message: error.message,
+        type: ErrorTypeEnum.AJAX,
+      }
+      if (error.response) {
+        const { config: { url = '', data: params = '', method = 'get', headers = {} } = {}, data = {} } = error.response
+        errInfo.url = url
+        errInfo.name = 'Ajax Error!'
+        errInfo.file = '-'
+        errInfo.stack = JSON.stringify(data)
+        errInfo.detail = JSON.stringify({ params, method, headers })
+      }
+      this.addErrorLogInfo(errInfo as ErrorLogInfo)
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useErrorLogStoreWithOut() {
+  return useErrorLogStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/locale.ts b/yunxi-ui-admin-vben/src/store/modules/locale.ts
new file mode 100644
index 0000000..7ff44d6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/locale.ts
@@ -0,0 +1,54 @@
+import { defineStore } from 'pinia'
+import type { LocaleSetting, LocaleType } from '@/types/config'
+
+import { store } from '@/store'
+
+import { LOCALE_KEY } from '@/enums/cacheEnum'
+import { createLocalStorage } from '@/utils/cache'
+import { localeSetting } from '@/settings/localeSetting'
+
+const ls = createLocalStorage()
+
+const lsLocaleSetting = (ls.get(LOCALE_KEY) || localeSetting) as LocaleSetting
+
+interface LocaleState {
+  localInfo: LocaleSetting
+}
+
+export const useLocaleStore = defineStore('app-locale', {
+  state: (): LocaleState => ({
+    localInfo: lsLocaleSetting,
+  }),
+  getters: {
+    getShowPicker(state): boolean {
+      return !!state.localInfo?.showPicker
+    },
+    getLocale(state): LocaleType {
+      return state.localInfo?.locale ?? 'zh_CN'
+    },
+  },
+  actions: {
+    /**
+     * Set up multilingual information and cache
+     * @param info multilingual info
+     */
+    setLocaleInfo(info: Partial<LocaleSetting>) {
+      this.localInfo = { ...this.localInfo, ...info }
+      ls.set(LOCALE_KEY, this.localInfo)
+    },
+    /**
+     * Initialize multilingual information and load the existing configuration from the local cache
+     */
+    initLocale() {
+      this.setLocaleInfo({
+        ...localeSetting,
+        ...this.localInfo,
+      })
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useLocaleStoreWithOut() {
+  return useLocaleStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/lock.ts b/yunxi-ui-admin-vben/src/store/modules/lock.ts
new file mode 100644
index 0000000..900233d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/lock.ts
@@ -0,0 +1,60 @@
+import { defineStore } from 'pinia'
+import { useUserStore } from './user'
+import type { LockInfo } from '@/types/store'
+
+import { LOCK_INFO_KEY } from '@/enums/cacheEnum'
+import { Persistent } from '@/utils/cache/persistent'
+
+interface LockState {
+  lockInfo: Nullable<LockInfo>
+}
+
+export const useLockStore = defineStore('app-lock', {
+  state: (): LockState => ({
+    lockInfo: Persistent.getLocal(LOCK_INFO_KEY),
+  }),
+  getters: {
+    getLockInfo(state): Nullable<LockInfo> {
+      return state.lockInfo
+    },
+  },
+  actions: {
+    setLockInfo(info: LockInfo) {
+      this.lockInfo = Object.assign({}, this.lockInfo, info)
+      Persistent.setLocal(LOCK_INFO_KEY, this.lockInfo, true)
+    },
+    resetLockInfo() {
+      Persistent.removeLocal(LOCK_INFO_KEY, true)
+      this.lockInfo = null
+    },
+    // Unlock
+    async unLock(password?: string) {
+      const userStore = useUserStore()
+      if (this.lockInfo?.pwd === password) {
+        this.resetLockInfo()
+        return true
+      }
+      const tryLogin = async () => {
+        // TODO 滑块验证码
+        try {
+          const username = userStore.getUserInfo?.user.nickname
+          const res = await userStore.login({
+            username,
+            password: password!,
+            goHome: false,
+            mode: 'none',
+            captchaVerification: '',
+          })
+          if (res)
+            this.resetLockInfo()
+
+          return res
+        }
+        catch (error) {
+          return false
+        }
+      }
+      return await tryLogin()
+    },
+  },
+})
diff --git a/yunxi-ui-admin-vben/src/store/modules/multipleTab.ts b/yunxi-ui-admin-vben/src/store/modules/multipleTab.ts
new file mode 100644
index 0000000..152f300
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/multipleTab.ts
@@ -0,0 +1,355 @@
+import type { RouteLocationNormalized, RouteLocationRaw, Router } from 'vue-router'
+
+import { toRaw, unref } from 'vue'
+import { defineStore } from 'pinia'
+import { store } from '@/store'
+
+import { useGo, useRedo } from '@/hooks/web/usePage'
+import { Persistent } from '@/utils/cache/persistent'
+
+import { PageEnum } from '@/enums/pageEnum'
+import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic'
+import { getRawRoute } from '@/utils'
+import { MULTIPLE_TABS_KEY } from '@/enums/cacheEnum'
+
+import projectSetting from '@/settings/projectSetting'
+
+export interface MultipleTabState {
+  cacheTabList: Set<string>
+  tabList: RouteLocationNormalized[]
+  lastDragEndIndex: number
+}
+
+function handleGotoPage(router: Router) {
+  const go = useGo(router)
+  go(unref(router.currentRoute).fullPath, true)
+}
+
+function getToTarget(tabItem: RouteLocationNormalized) {
+  const { params, path, query } = tabItem
+  return {
+    params: params || {},
+    path,
+    query: query || {},
+  }
+}
+
+const cacheTab = projectSetting.multiTabsSetting.cache
+
+export const useMultipleTabStore = defineStore('app-multiple-tab', {
+  state: (): MultipleTabState => ({
+    // Tabs that need to be cached
+    cacheTabList: new Set(),
+    // multiple tab list
+    tabList: cacheTab ? Persistent.getLocal(MULTIPLE_TABS_KEY) || [] : [],
+    // Index of the last moved tab
+    lastDragEndIndex: 0,
+  }),
+  getters: {
+    getTabList(state): RouteLocationNormalized[] {
+      return state.tabList
+    },
+    getCachedTabList(state): string[] {
+      return Array.from(state.cacheTabList)
+    },
+    getLastDragEndIndex(state): number {
+      return state.lastDragEndIndex
+    },
+  },
+  actions: {
+    /**
+     * Update the cache according to the currently opened tabs
+     */
+    updateCacheTab() {
+      const cacheMap: Set<string> = new Set()
+
+      for (const tab of this.tabList) {
+        const item = getRawRoute(tab)
+        // Ignore the cache
+        const needCache = !item.meta?.ignoreKeepAlive
+        if (!needCache)
+          continue
+
+        const name = item.name as string
+        cacheMap.add(name)
+      }
+      this.cacheTabList = cacheMap
+    },
+
+    /**
+     * Refresh tabs
+     */
+    async refreshPage(router: Router) {
+      const { currentRoute } = router
+      const route = unref(currentRoute)
+      const name = route.name
+
+      const findTab = this.getCachedTabList.find(item => item === name)
+      if (findTab)
+        this.cacheTabList.delete(findTab)
+
+      const redo = useRedo(router)
+      await redo()
+    },
+    clearCacheTabs(): void {
+      this.cacheTabList = new Set()
+    },
+    resetState(): void {
+      this.tabList = []
+      this.clearCacheTabs()
+    },
+    goToPage(router: Router) {
+      const go = useGo(router)
+      const len = this.tabList.length
+      const { path } = unref(router.currentRoute)
+
+      let toPath: PageEnum | string = PageEnum.BASE_HOME
+
+      if (len > 0) {
+        const page = this.tabList[len - 1]
+        const p = page.fullPath || page.path
+        if (p)
+          toPath = p
+      }
+      // Jump to the current page and report an error
+      path !== toPath && go(toPath as PageEnum, true)
+    },
+
+    addTab(route: RouteLocationNormalized) {
+      const { path, name, fullPath, params, query, meta } = getRawRoute(route)
+      // 404  The page does not need to add a tab
+      if (
+        path === PageEnum.ERROR_PAGE
+        || path === PageEnum.BASE_LOGIN
+        || !name
+        || [REDIRECT_ROUTE.name, PAGE_NOT_FOUND_ROUTE.name].includes(name as string)
+      )
+        return
+
+      let updateIndex = -1
+      // Existing pages, do not add tabs repeatedly
+      const tabHasExits = this.tabList.some((tab, index) => {
+        updateIndex = index
+        return (tab.fullPath || tab.path) === (fullPath || path)
+      })
+
+      // If the tab already exists, perform the update operation
+      if (tabHasExits) {
+        const curTab = toRaw(this.tabList)[updateIndex]
+        if (!curTab)
+          return
+
+        curTab.params = params || curTab.params
+        curTab.query = query || curTab.query
+        curTab.fullPath = fullPath || curTab.fullPath
+        this.tabList.splice(updateIndex, 1, curTab)
+      }
+      else {
+        // Add tab
+        // 获取动态路由打开数，超过 0 即代表需要控制打开数
+        const dynamicLevel = meta?.dynamicLevel ?? -1
+        if (dynamicLevel > 0) {
+          // 如果动态路由层级大于 0 了，那么就要限制该路由的打开数限制了
+          // 首先获取到真实的路由，使用配置方式减少计算开销.
+          // const realName: string = path.match(/(\S*)\//)![1];
+          const realPath = meta?.realPath ?? ''
+          // 获取到已经打开的动态路由数, 判断是否大于某一个值
+          if (this.tabList.filter(e => e.meta?.realPath ?? realPath === '').length >= dynamicLevel) {
+            // 关闭第一个
+            const index = this.tabList.findIndex(item => item.meta.realPath === realPath)
+            index !== -1 && this.tabList.splice(index, 1)
+          }
+        }
+        this.tabList.push(route)
+      }
+      this.updateCacheTab()
+      cacheTab && Persistent.setLocal(MULTIPLE_TABS_KEY, this.tabList)
+    },
+
+    async closeTab(tab: RouteLocationNormalized, router: Router) {
+      const close = (route: RouteLocationNormalized) => {
+        const { fullPath, meta: { affix } = {} } = route
+        if (affix)
+          return
+
+        const index = this.tabList.findIndex(item => item.fullPath === fullPath)
+        index !== -1 && this.tabList.splice(index, 1)
+      }
+
+      const { currentRoute, replace } = router
+
+      const { path } = unref(currentRoute)
+      if (path !== tab.path) {
+        // Closed is not the activation tab
+        close(tab)
+        this.updateCacheTab()
+        return
+      }
+
+      // Closed is activated atb
+      let toTarget: RouteLocationRaw = {}
+
+      const index = this.tabList.findIndex(item => item.path === path)
+
+      // If the current is the leftmost tab
+      if (index === 0) {
+        // There is only one tab, then jump to the homepage, otherwise jump to the right tab
+        if (this.tabList.length === 1) {
+          toTarget = PageEnum.BASE_HOME
+        }
+        else {
+          //  Jump to the right tab
+          const page = this.tabList[index + 1]
+          toTarget = getToTarget(page)
+        }
+      }
+      else {
+        // Close the current tab
+        const page = this.tabList[index - 1]
+        toTarget = getToTarget(page)
+      }
+      close(currentRoute.value)
+      await replace(toTarget)
+    },
+
+    // Close according to key
+    async closeTabByKey(key: string, router: Router) {
+      const index = this.tabList.findIndex(item => (item.fullPath || item.path) === key)
+      if (index !== -1) {
+        await this.closeTab(this.tabList[index], router)
+        const { currentRoute, replace } = router
+        // 检查当前路由是否存在于tabList中
+        const isActivated = this.tabList.findIndex((item) => {
+          return item.fullPath === currentRoute.value.fullPath
+        })
+        // 如果当前路由不存在于TabList中，尝试切换到其它路由
+        if (isActivated === -1) {
+          let pageIndex
+          if (index > 0)
+            pageIndex = index - 1
+          else if (index < this.tabList.length - 1)
+            pageIndex = index + 1
+          else
+            pageIndex = -1
+
+          if (pageIndex >= 0) {
+            const page = this.tabList[index - 1]
+            const toTarget = getToTarget(page)
+            await replace(toTarget)
+          }
+        }
+      }
+    },
+
+    // Sort the tabs
+    sortTabs(oldIndex: number, newIndex: number) {
+      const currentTab = this.tabList[oldIndex]
+      this.tabList.splice(oldIndex, 1)
+      this.tabList.splice(newIndex, 0, currentTab)
+      this.lastDragEndIndex = this.lastDragEndIndex + 1
+    },
+
+    // Close the tab on the right and jump
+    closeLeftTabs(route: RouteLocationNormalized, router: Router) {
+      const index = this.tabList.findIndex(item => item.path === route.path)
+
+      if (index > 0) {
+        const leftTabs = this.tabList.slice(0, index)
+        const pathList: string[] = []
+        for (const item of leftTabs) {
+          const affix = item?.meta?.affix ?? false
+          if (!affix)
+            pathList.push(item.fullPath)
+        }
+        this.bulkCloseTabs(pathList)
+      }
+      this.updateCacheTab()
+      handleGotoPage(router)
+    },
+
+    // Close the tab on the left and jump
+    closeRightTabs(route: RouteLocationNormalized, router: Router) {
+      const index = this.tabList.findIndex(item => item.fullPath === route.fullPath)
+
+      if (index >= 0 && index < this.tabList.length - 1) {
+        const rightTabs = this.tabList.slice(index + 1, this.tabList.length)
+
+        const pathList: string[] = []
+        for (const item of rightTabs) {
+          const affix = item?.meta?.affix ?? false
+          if (!affix)
+            pathList.push(item.fullPath)
+        }
+        this.bulkCloseTabs(pathList)
+      }
+      this.updateCacheTab()
+      handleGotoPage(router)
+    },
+
+    closeAllTab(router: Router) {
+      this.tabList = this.tabList.filter(item => item?.meta?.affix ?? false)
+      this.clearCacheTabs()
+      this.goToPage(router)
+    },
+
+    /**
+     * Close other tabs
+     */
+    closeOtherTabs(route: RouteLocationNormalized, router: Router) {
+      const closePathList = this.tabList.map(item => item.fullPath)
+
+      const pathList: string[] = []
+
+      for (const path of closePathList) {
+        if (path !== route.fullPath) {
+          const closeItem = this.tabList.find(item => item.fullPath === path)
+          if (!closeItem)
+            continue
+
+          const affix = closeItem?.meta?.affix ?? false
+          if (!affix)
+            pathList.push(closeItem.fullPath)
+        }
+      }
+      this.bulkCloseTabs(pathList)
+      this.updateCacheTab()
+      Persistent.setLocal(MULTIPLE_TABS_KEY, this.tabList, true)
+      handleGotoPage(router)
+    },
+
+    /**
+     * Close tabs in bulk
+     */
+    bulkCloseTabs(pathList: string[]) {
+      this.tabList = this.tabList.filter(item => !pathList.includes(item.fullPath))
+    },
+
+    /**
+     * Set tab's title
+     */
+    setTabTitle(title: string, route: RouteLocationNormalized) {
+      const findTab = this.getTabList.find(item => item === route)
+      if (findTab) {
+        findTab.meta.title = title
+        this.updateCacheTab()
+      }
+    },
+    /**
+     * replace tab's path
+     * *
+     */
+    updateTabPath(fullPath: string, route: RouteLocationNormalized) {
+      const findTab = this.getTabList.find(item => item === route)
+      if (findTab) {
+        findTab.fullPath = fullPath
+        findTab.path = fullPath
+        this.updateCacheTab()
+      }
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useMultipleTabWithOutStore() {
+  return useMultipleTabStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/permission.ts b/yunxi-ui-admin-vben/src/store/modules/permission.ts
new file mode 100644
index 0000000..1d99f19
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/permission.ts
@@ -0,0 +1,253 @@
+import { toRaw } from 'vue'
+import { defineStore } from 'pinia'
+
+import { useUserStore } from './user'
+import { useAppStoreWithOut } from './app'
+import { store } from '@/store'
+import type { AppRouteRecordRaw, Menu } from '@/router/types'
+import { asyncRoutes } from '@/router/routes'
+import about from '@/router/routes/modules/about'
+import dashboard from '@/router/routes/modules/dashboard'
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
+import { transformRouteToMenu } from '@/router/helper/menuHelper'
+import { flatMultiLevelRoutes, transformObjToRoute } from '@/router/helper/routeHelper'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { filter } from '@/utils/helper/treeHelper'
+import projectSetting from '@/settings/projectSetting'
+import { PageEnum } from '@/enums/pageEnum'
+import { PermissionModeEnum } from '@/enums/appEnum'
+
+interface PermissionState {
+  // Permission code list
+  // 权限代码列表
+  permCodeList: string[] | number[]
+  // Whether the route has been dynamically added
+  // 路由是否动态添加
+  isDynamicAddedRoute: boolean
+  // To trigger a menu update
+  // 触发菜单更新
+  lastBuildMenuTime: number
+  // Backstage menu list
+  // 后台菜单列表
+  backMenuList: Menu[]
+  // 菜单列表
+  frontMenuList: Menu[]
+}
+
+export const usePermissionStore = defineStore('app-permission', {
+  state: (): PermissionState => ({
+    // 权限代码列表
+    permCodeList: [],
+    // Whether the route has been dynamically added
+    // 路由是否动态添加
+    isDynamicAddedRoute: false,
+    // To trigger a menu update
+    // 触发菜单更新
+    lastBuildMenuTime: 0,
+    // Backstage menu list
+    // 后台菜单列表
+    backMenuList: [],
+    // menu List
+    // 菜单列表
+    frontMenuList: [],
+  }),
+  getters: {
+    getPermCodeList(state): string[] | number[] {
+      return state.permCodeList
+    },
+    getBackMenuList(state): Menu[] {
+      return state.backMenuList
+    },
+    getFrontMenuList(state): Menu[] {
+      return state.frontMenuList
+    },
+    getLastBuildMenuTime(state): number {
+      return state.lastBuildMenuTime
+    },
+    getIsDynamicAddedRoute(state): boolean {
+      return state.isDynamicAddedRoute
+    },
+  },
+  actions: {
+    setPermCodeList(codeList: string[]) {
+      this.permCodeList = codeList
+    },
+
+    setBackMenuList(list: Menu[]) {
+      this.backMenuList = list
+      list?.length > 0 && this.setLastBuildMenuTime()
+    },
+
+    setFrontMenuList(list: Menu[]) {
+      this.frontMenuList = list
+    },
+
+    setLastBuildMenuTime() {
+      this.lastBuildMenuTime = new Date().getTime()
+    },
+
+    setDynamicAddedRoute(added: boolean) {
+      this.isDynamicAddedRoute = added
+    },
+    resetState(): void {
+      this.isDynamicAddedRoute = false
+      this.permCodeList = []
+      this.backMenuList = []
+      this.lastBuildMenuTime = 0
+    },
+    changePermissionCode(codeList: string[]) {
+      this.setPermCodeList(codeList)
+    },
+
+    // 构建路由
+    buildRoutesAction(): Promise<AppRouteRecordRaw[]> {
+      const { t } = useI18n()
+      const userStore = useUserStore()
+      const appStore = useAppStoreWithOut()
+
+      let routes: AppRouteRecordRaw[] = []
+      const roleList = toRaw(userStore.getRoleList) || []
+      const userInfo = toRaw(userStore.getUserInfo) || {}
+      const { permissionMode = projectSetting.permissionMode } = appStore.getProjectConfig
+
+      // 路由过滤器 在 函数filter 作为回调传入遍历使用
+      const routeFilter = (route: AppRouteRecordRaw) => {
+        const { meta } = route
+        // 抽出角色
+        const { roles } = meta || {}
+        if (!roles)
+          return true
+        // 进行角色权限判断
+        return roleList.some(role => roles.includes(role))
+      }
+
+      const routeRemoveIgnoreFilter = (route: AppRouteRecordRaw) => {
+        const { meta } = route
+        // ignoreRoute 为true 则路由仅用于菜单生成，不会在实际的路由表中出现
+        const { ignoreRoute } = meta || {}
+        // arr.filter 返回 true 表示该元素通过测试
+        return !ignoreRoute
+      }
+
+      /**
+       * @description 根据设置的首页path，修正routes中的affix标记（固定首页）
+       * */
+      const patchHomeAffix = (routes: AppRouteRecordRaw[]) => {
+        if (!routes || routes.length === 0)
+          return
+        let homePath: string = PageEnum.BASE_HOME
+
+        function patcher(routes: AppRouteRecordRaw[], parentPath = '') {
+          if (parentPath)
+            parentPath = `${parentPath}/`
+          routes.forEach((route: AppRouteRecordRaw) => {
+            const { path, children, redirect } = route
+            const currentPath = path.startsWith('/') ? path : parentPath + path
+            if (currentPath === homePath) {
+              if (redirect) {
+                homePath = route.redirect! as string
+              }
+              else {
+                route.meta = Object.assign({}, route.meta, { affix: true })
+                throw new Error('end')
+              }
+            }
+            children && children.length > 0 && patcher(children, currentPath)
+          })
+        }
+
+        try {
+          patcher(routes)
+        }
+        catch (e) {
+          // 已处理完毕跳出循环
+        }
+      }
+
+      switch (permissionMode) {
+        // 角色权限
+        case PermissionModeEnum.ROLE:
+          // 对非一级路由进行过滤
+          routes = filter(asyncRoutes, routeFilter)
+          // 对一级路由根据角色权限过滤
+          routes = routes.filter(routeFilter)
+          // Convert multi-level routing to level 2 routing
+          // 将多级路由转换为 2 级路由
+          routes = flatMultiLevelRoutes(routes)
+          break
+
+        // 路由映射， 默认进入该case
+        case PermissionModeEnum.ROUTE_MAPPING:
+          // 对非一级路由进行过滤
+          routes = filter(asyncRoutes, routeFilter)
+          // 对一级路由再次根据角色权限过滤
+          routes = routes.filter(routeFilter)
+          // 将路由转换成菜单
+          const menuList = transformRouteToMenu(routes, true)
+          // 移除掉 ignoreRoute: true 的路由 非一级路由
+          routes = filter(routes, routeRemoveIgnoreFilter)
+          // 移除掉 ignoreRoute: true 的路由 一级路由；
+          routes = routes.filter(routeRemoveIgnoreFilter)
+          // 对菜单进行排序
+          menuList.sort((a, b) => {
+            return (a.meta?.orderNo || 0) - (b.meta?.orderNo || 0)
+          })
+
+          // 设置菜单列表
+          this.setFrontMenuList(menuList)
+
+          // Convert multi-level routing to level 2 routing
+          // 将多级路由转换为 2 级路由
+          routes = flatMultiLevelRoutes(routes)
+          break
+
+        //  If you are sure that you do not need to do background dynamic permissions, please comment the entire judgment below
+        //  如果确定不需要做后台动态权限，请在下方注释整个判断
+        case PermissionModeEnum.BACK:
+          const { createMessage } = useMessage()
+
+          createMessage.loading({ content: t('sys.app.menuLoading'), duration: 1 })
+
+          // !Simulate to obtain permission codes from the background,
+          // 模拟从后台获取权限码，
+          // this function may only need to be executed once, and the actual project can be put at the right time by itself
+          // 这个功能可能只需要执行一次，实际项目可以自己放在合适的时间
+          let routeList: AppRouteRecordRaw[] = []
+          try {
+            routeList = userInfo.menus as AppRouteRecordRaw[]
+          }
+          catch (error) {
+            console.error(error)
+          }
+          // Dynamically introduce components
+          // 动态引入组件
+          routeList = transformObjToRoute(routeList)
+          //  Background routing to menu structure
+          //  后台路由到菜单结构
+          const backMenuList = transformRouteToMenu([dashboard, ...routeList, about])
+          this.setBackMenuList(backMenuList)
+          // remove meta.ignoreRoute item
+          // 删除 meta.ignoreRoute 项
+          routeList = filter(routeList, routeRemoveIgnoreFilter)
+          routeList = routeList.filter(routeRemoveIgnoreFilter)
+          routeList = flatMultiLevelRoutes(routeList)
+          routes = [PAGE_NOT_FOUND_ROUTE, dashboard, ...routeList, about]
+          break
+      }
+
+      // 从用户中获取权限
+      if (userInfo)
+        this.setPermCodeList(userInfo.permissions)
+
+      patchHomeAffix(routes)
+      return routes
+    },
+  },
+})
+
+// Need to be used outside the setup
+// 需要在设置之外使用
+export function usePermissionStoreWithOut() {
+  return usePermissionStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/user.ts b/yunxi-ui-admin-vben/src/store/modules/user.ts
new file mode 100644
index 0000000..10216ea
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/user.ts
@@ -0,0 +1,212 @@
+import { h } from 'vue'
+import { defineStore } from 'pinia'
+import type { RouteRecordRaw } from 'vue-router'
+import type { ErrorMessageMode } from '@/types/axios'
+
+import { store } from '@/store'
+import { router } from '@/router'
+import type { RoleEnum } from '@/enums/roleEnum'
+import { PageEnum } from '@/enums/pageEnum'
+import { ACCESS_TOKEN_KEY, REFRESH_TOKEN_KEY, ROLES_KEY, USER_INFO_KEY } from '@/enums/cacheEnum'
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { getAuthCache, setAuthCache } from '@/utils/auth'
+import { doLogout, getUserInfo, loginApi, smsLogin } from '@/api/base/user'
+import type { GetUserInfoModel, LoginParams, SmsLoginParams } from '@/api/base/model/userModel'
+import { isArray } from '@/utils/is'
+
+interface UserState {
+  userInfo: Nullable<GetUserInfoModel>
+  accessToken?: string
+  refreshToken?: string
+  roleList: RoleEnum[]
+  sessionTimeout?: boolean
+  lastUpdateTime: number
+}
+
+export const useUserStore = defineStore('app-user', {
+  state: (): UserState => ({
+    // user info
+    userInfo: null,
+    // token
+    accessToken: undefined,
+    refreshToken: undefined,
+    // roleList
+    roleList: [],
+    // Whether the login expired
+    sessionTimeout: false,
+    // Last fetch time
+    lastUpdateTime: 0,
+  }),
+  getters: {
+    getUserInfo(state): GetUserInfoModel {
+      return state.userInfo || getAuthCache<GetUserInfoModel>(USER_INFO_KEY) || {}
+    },
+    getAccessToken(state): string {
+      return state.accessToken || getAuthCache<string>(ACCESS_TOKEN_KEY)
+    },
+    getRefreshToken(state): string {
+      return state.refreshToken || getAuthCache<string>(REFRESH_TOKEN_KEY)
+    },
+    getRoleList(state): RoleEnum[] {
+      return state.roleList.length > 0 ? state.roleList : getAuthCache<RoleEnum[]>(ROLES_KEY)
+    },
+    getSessionTimeout(state): boolean {
+      return !!state.sessionTimeout
+    },
+    getLastUpdateTime(state): number {
+      return state.lastUpdateTime
+    },
+  },
+  actions: {
+    setAccessToken(info: string | undefined) {
+      this.accessToken = info || '' // for null or undefined value
+      setAuthCache(ACCESS_TOKEN_KEY, info)
+    },
+    setRefreshToken(info: string | undefined) {
+      this.refreshToken = info || '' // for null or undefined value
+      setAuthCache(REFRESH_TOKEN_KEY, info)
+    },
+    setRoleList(roleList: RoleEnum[]) {
+      this.roleList = roleList
+      setAuthCache(ROLES_KEY, roleList)
+    },
+    setUserInfo(info: GetUserInfoModel | null) {
+      this.userInfo = info
+      this.lastUpdateTime = new Date().getTime()
+      setAuthCache(USER_INFO_KEY, info)
+    },
+    setSessionTimeout(flag: boolean) {
+      this.sessionTimeout = flag
+    },
+    resetState() {
+      this.userInfo = null
+      this.accessToken = ''
+      this.roleList = []
+      this.sessionTimeout = false
+    },
+    /**
+     * @description: login
+     */
+    async login(
+      params: LoginParams & {
+        goHome?: boolean
+        mode?: ErrorMessageMode
+      },
+    ): Promise<GetUserInfoModel | null> {
+      try {
+        const { goHome = true, mode, ...loginParams } = params
+        const data = await loginApi(loginParams, mode)
+        const { accessToken, refreshToken } = data
+        // save token
+        this.setAccessToken(accessToken)
+        this.setRefreshToken(refreshToken)
+        return this.afterLoginAction(goHome)
+      }
+      catch (error) {
+        return Promise.reject(error)
+      }
+    },
+    async smsLogin(
+      params: SmsLoginParams & {
+        goHome?: boolean
+        mode?: ErrorMessageMode
+      },
+    ): Promise<GetUserInfoModel | null> {
+      try {
+        const { goHome = true, mode, ...smsLoginParams } = params
+        const data = await smsLogin(smsLoginParams, mode)
+        const { accessToken, refreshToken } = data
+        // save token
+        this.setAccessToken(accessToken)
+        this.setRefreshToken(refreshToken)
+        return this.afterLoginAction(goHome)
+      }
+      catch (error) {
+        return Promise.reject(error)
+      }
+    },
+    async afterLoginAction(goHome?: boolean): Promise<GetUserInfoModel | null> {
+      if (!this.getAccessToken)
+        return null
+      // get user info
+      const userInfo = await this.getUserInfoAction()
+      const sessionTimeout = this.sessionTimeout
+      if (sessionTimeout) {
+        this.setSessionTimeout(false)
+      }
+      else {
+        const permissionStore = usePermissionStore()
+        if (!permissionStore.isDynamicAddedRoute) {
+          const routes = await permissionStore.buildRoutesAction()
+          routes.forEach((route) => {
+            try {
+              router.addRoute(route as unknown as RouteRecordRaw)
+            }
+            catch (e) {}
+          })
+          router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw)
+          permissionStore.setDynamicAddedRoute(true)
+        }
+        goHome && (await router.replace(PageEnum.BASE_HOME))
+      }
+      return userInfo
+    },
+    async getUserInfoAction(): Promise<GetUserInfoModel | null> {
+      if (!this.getAccessToken)
+        return null
+      const userInfo = await getUserInfo()
+      const { roles = [] } = userInfo
+      if (isArray(roles)) {
+        const roleList = roles.map(item => item) as RoleEnum[]
+        this.setRoleList(roleList)
+      }
+      else {
+        userInfo.roles = []
+        this.setRoleList([])
+      }
+      this.setUserInfo(userInfo)
+      return userInfo
+    },
+    /**
+     * @description: logout
+     */
+    async logout(goLogin = false) {
+      if (this.getAccessToken) {
+        try {
+          await doLogout()
+        }
+        catch {
+          console.log('注销Token失败')
+        }
+      }
+      this.setAccessToken(undefined)
+      this.setSessionTimeout(false)
+      this.setUserInfo(null)
+      goLogin && router.push(PageEnum.BASE_LOGIN)
+    },
+
+    /**
+     * @description: Confirm before logging out
+     */
+    confirmLoginOut() {
+      const { createConfirm } = useMessage()
+      const { t } = useI18n()
+      createConfirm({
+        iconType: 'warning',
+        title: () => h('span', t('sys.app.logoutTip')),
+        content: () => h('span', t('sys.app.logoutMessage')),
+        onOk: async () => {
+          await this.logout(true)
+        },
+      })
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useUserStoreWithOut() {
+  return useUserStore(store)
+}
diff --git a/yunxi-ui-admin-vben/src/store/modules/userMessage.ts b/yunxi-ui-admin-vben/src/store/modules/userMessage.ts
new file mode 100644
index 0000000..5d5c11c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/store/modules/userMessage.ts
@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+import { getUnreadNotifyMessageCount } from '@/api/system/notify/message'
+
+interface MessageState {
+  unreadCount: number // 未读消息数量
+}
+
+export const useUserMessageStore = defineStore('userMessage', {
+  state: (): MessageState => ({
+    unreadCount: 0,
+  }),
+  getters: {
+    getUnreadCount(state) {
+      return state.unreadCount
+    },
+  },
+  actions: {
+    // 更新未读消息的数量
+    async updateUnreadCount() {
+      const count = await getUnreadNotifyMessageCount()
+      this.unreadCount = count
+    },
+  },
+})
diff --git a/yunxi-ui-admin-vben/src/types/axios.d.ts b/yunxi-ui-admin-vben/src/types/axios.d.ts
new file mode 100644
index 0000000..5b5be70
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/axios.d.ts
@@ -0,0 +1,56 @@
+export type ErrorMessageMode = 'none' | 'modal' | 'message' | undefined
+export type SuccessMessageMode = ErrorMessageMode
+
+export interface RequestOptions {
+  // Splicing request parameters to url
+  joinParamsToUrl?: boolean
+  // Format request parameter time
+  formatDate?: boolean
+  // Whether to process the request result
+  isTransformResponse?: boolean
+  // Whether to return native response headers
+  // For example: use this attribute when you need to get the response headers
+  isReturnNativeResponse?: boolean
+  // Whether to join url
+  joinPrefix?: boolean
+  // Interface address, use the default apiUrl if you leave it blank
+  apiUrl?: string
+  // 请求拼接路径
+  urlPrefix?: string
+  // Error message prompt type
+  errorMessageMode?: ErrorMessageMode
+  // Success message prompt type
+  successMessageMode?: SuccessMessageMode
+  // Whether to add a timestamp
+  joinTime?: boolean
+  ignoreCancelToken?: boolean
+  // Whether to send token in header
+  withToken?: boolean
+  // 请求重试机制
+  retryRequest?: RetryRequest
+}
+
+export interface RetryRequest {
+  isOpenRetry: boolean
+  count: number
+  waitTime: number
+}
+
+export interface Result<T = any> {
+  code: number
+  msg: string
+  data: T
+}
+
+// multipart/form-data: upload file
+export interface UploadFileParams {
+  // Other parameters
+  data?: Recordable
+  // File parameter interface field name
+  name?: string
+  // file name
+  file: File | Blob
+  // file name
+  filename?: string
+  [key: string]: any
+}
diff --git a/yunxi-ui-admin-vben/src/types/config.d.ts b/yunxi-ui-admin-vben/src/types/config.d.ts
new file mode 100644
index 0000000..bbbd85e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/config.d.ts
@@ -0,0 +1,184 @@
+import type { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TriggerEnum } from '@/enums/menuEnum'
+import type {
+  ContentEnum,
+  PermissionModeEnum,
+  RouterTransitionEnum,
+  SessionTimeoutProcessingEnum,
+  SettingButtonPositionEnum,
+  ThemeEnum,
+} from '@/enums/appEnum'
+
+import type { CacheTypeEnum } from '@/enums/cacheEnum'
+
+export type LocaleType = 'zh_CN' | 'en' | 'ru' | 'ja' | 'ko'
+
+export type AppSizeType = 'small' | 'middle' | 'large'
+
+export interface MenuSetting {
+  bgColor: string
+  fixed: boolean
+  collapsed: boolean
+  siderHidden: boolean
+  canDrag: boolean
+  show: boolean
+  hidden: boolean
+  split: boolean
+  menuWidth: number
+  mode: MenuModeEnum
+  type: MenuTypeEnum
+  theme: ThemeEnum
+  topMenuAlign: 'start' | 'center' | 'end'
+  trigger: TriggerEnum
+  accordion: boolean
+  closeMixSidebarOnChange: boolean
+  collapsedShowTitle: boolean
+  mixSideTrigger: MixSidebarTriggerEnum
+  mixSideFixed: boolean
+}
+
+export interface MultiTabsSetting {
+  cache: boolean
+  show: boolean
+  showIcon: boolean
+  showQuick: boolean
+  canDrag: boolean
+  showRedo: boolean
+  showFold: boolean
+}
+
+export interface HeaderSetting {
+  bgColor: string
+  fixed: boolean
+  show: boolean
+  theme: ThemeEnum
+  // Turn on full screen
+  showFullScreen: boolean
+  // Whether to show the lock screen
+  useLockPage: boolean
+  // Show document button
+  showDoc: boolean
+  // Show message center button
+  showNotice: boolean
+  showSearch: boolean
+}
+
+export interface LocaleSetting {
+  showPicker: boolean
+  // Current language
+  locale: LocaleType
+  // default language
+  fallback: LocaleType
+  // available Locales
+  availableLocales: LocaleType[]
+}
+
+export interface SizeSetting {
+  showPicker: boolean
+  // Current size
+  size: AppSizeType
+  // default size
+  fallback: AppSizeType
+  // available size
+  availableSizes: AppSizeType[]
+}
+
+export interface TransitionSetting {
+  //  Whether to open the page switching animation
+  enable: boolean
+  // Route basic switching animation
+  basicTransition: RouterTransitionEnum
+  // Whether to open page switching loading
+  openPageLoading: boolean
+  // Whether to open the top progress bar
+  openNProgress: boolean
+}
+
+export interface ProjectConfig {
+  // Storage location of permission related information
+  permissionCacheType: CacheTypeEnum
+  // Whether to show the configuration button
+  showSettingButton: boolean
+  // Whether to show the theme switch button
+  showDarkModeToggle: boolean
+  // Configure where the button is displayed
+  settingButtonPosition: SettingButtonPositionEnum
+  // Permission mode
+  permissionMode: PermissionModeEnum
+  // Session timeout processing
+  sessionTimeoutProcessing: SessionTimeoutProcessingEnum
+  // Website gray mode, open for possible mourning dates
+  grayMode: boolean
+  // Whether to turn on the color weak mode
+  colorWeak: boolean
+  // Theme color
+  themeColor: string
+
+  // The main interface is displayed in full screen, the menu is not displayed, and the top
+  fullContent: boolean
+  // content width
+  contentMode: ContentEnum
+  // Whether to display the logo
+  showLogo: boolean
+  // Whether to show the global footer
+  showFooter: boolean
+  // menuType: MenuTypeEnum;
+  headerSetting: HeaderSetting
+  // menuSetting
+  menuSetting: MenuSetting
+  // Multi-tab settings
+  multiTabsSetting: MultiTabsSetting
+  // Animation configuration
+  transitionSetting: TransitionSetting
+  // pageLayout whether to enable keep-alive
+  openKeepAlive: boolean
+  // Lock screen time
+  lockTime: number
+  // Show breadcrumbs
+  showBreadCrumb: boolean
+  // Show breadcrumb icon
+  showBreadCrumbIcon: boolean
+  // Use error-handler-plugin
+  useErrorHandle: boolean
+  // Whether to open back to top
+  useOpenBackTop: boolean
+  // Is it possible to embed iframe pages
+  canEmbedIFramePage: boolean
+  // Whether to delete unclosed messages and notify when switching the interface
+  closeMessageOnSwitch: boolean
+  // Whether to cancel the http request that has been sent but not responded when switching the interface.
+  removeAllHttpPending: boolean
+}
+
+export interface GlobConfig {
+  // Site title
+  title: string
+  // Service interface url
+  apiUrl: string
+  // Upload url
+  uploadUrl?: string
+  //  Service interface url prefix
+  urlPrefix?: string
+  // Project abbreviation
+  shortName: string
+  // 租户开关
+  tenantEnable: string
+  // 验证码开关
+  captchaEnable: string
+}
+export interface GlobEnvConfig {
+  // Site title
+  VITE_GLOB_APP_TITLE: string
+  VITE_GLOB_BASE_URL: string
+  // Service interface url
+  VITE_GLOB_API_URL: string
+  // Service interface url prefix
+  VITE_GLOB_API_URL_PREFIX?: string
+  // Project abbreviation
+  VITE_GLOB_APP_SHORT_NAME: string
+  // Upload url
+  VITE_GLOB_UPLOAD_URL?: string
+  // 租户开关
+  VITE_GLOB_APP_TENANT_ENABLE: string
+  // 验证码开关
+  VITE_GLOB_APP_CAPTCHA_ENABLE: string
+}
diff --git a/yunxi-ui-admin-vben/src/types/global.d.ts b/yunxi-ui-admin-vben/src/types/global.d.ts
new file mode 100644
index 0000000..5788c60
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/global.d.ts
@@ -0,0 +1,89 @@
+import type { ComponentPublicInstance, ComponentRenderProxy, FunctionalComponent, VNode, VNodeChild, PropType as VuePropType } from 'vue'
+
+declare global {
+  const __APP_INFO__: {
+    pkg: {
+      name: string
+      version: string
+      dependencies: Recordable<string>
+      devDependencies: Recordable<string>
+    }
+    lastBuildTime: string
+  }
+  // declare interface Window {
+  //   // Global vue app instance
+  //   __APP__: App<Element>;
+  // }
+
+  // vue
+  declare type PropType<T> = VuePropType<T>
+  declare type VueNode = VNodeChild | JSX.Element
+
+  export type Writable<T> = {
+    -readonly [P in keyof T]: T[P]
+  }
+
+  declare type Nullable<T> = T | null
+  declare type NonNullable<T> = T extends null | undefined ? never : T
+  declare type Recordable<T = any> = Record<string, T>
+  declare interface ReadonlyRecordable<T = any> {
+    readonly [key: string]: T
+  }
+  declare interface Indexable<T = any> {
+    [key: string]: T
+  }
+  declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>
+  }
+  declare type TimeoutHandle = ReturnType<typeof setTimeout>
+  declare type IntervalHandle = ReturnType<typeof setInterval>
+
+  declare interface ChangeEvent extends Event {
+    target: HTMLInputElement
+  }
+
+  declare interface WheelEvent {
+    path?: EventTarget[]
+  }
+  interface ImportMetaEnv extends ViteEnv {
+    __: unknown
+  }
+
+  declare interface ViteEnv {
+    VITE_PORT: number
+    VITE_USE_PWA: boolean
+    VITE_PUBLIC_PATH: string
+    VITE_PROXY: [string, string][]
+    VITE_GLOB_APP_TITLE: string
+    VITE_GLOB_APP_SHORT_NAME: string
+    VITE_USE_CDN: boolean
+    VITE_DROP_CONSOLE: boolean
+    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none'
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean
+    VITE_GENERATE_UI: string
+  }
+
+  declare function parseInt(s: string | number, radix?: number): number
+
+  declare function parseFloat(string: string | number): number
+
+  namespace JSX {
+    // tslint:disable no-empty-interface
+    type Element = VNode
+    // tslint:disable no-empty-interface
+    type ElementClass = ComponentRenderProxy
+    interface ElementAttributesProperty {
+      $props: any
+    }
+    interface IntrinsicElements {
+      [elem: string]: any
+    }
+    interface IntrinsicAttributes {
+      [elem: string]: any
+    }
+  }
+}
+
+declare module 'vue' {
+  export type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props> } | FunctionalComponent<Props>
+}
diff --git a/yunxi-ui-admin-vben/src/types/index.d.ts b/yunxi-ui-admin-vben/src/types/index.d.ts
new file mode 100644
index 0000000..7e4384f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/index.d.ts
@@ -0,0 +1,37 @@
+declare interface Fn<T = any, R = T> {
+  (...arg: T[]): R
+}
+
+declare interface PromiseFn<T = any, R = T> {
+  (...arg: T[]): Promise<R>
+}
+
+declare type RefType<T> = T | null
+
+declare interface PageParam {
+  pageSize?: number
+  pageNo?: number
+}
+
+declare interface PageResult<T = any> {
+  list: T[]
+  total: number
+}
+
+declare type LabelValueOptions = {
+  label: string
+  value: any
+  [key: string]: string | number | boolean
+}[]
+
+declare type EmitType = (event: string, ...args: any[]) => void
+
+declare type TargetContext = '_self' | '_blank'
+
+declare interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
+  $el: T
+}
+
+declare type ComponentRef<T extends HTMLElement = HTMLDivElement> = ComponentElRef<T> | null
+
+declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>
diff --git a/yunxi-ui-admin-vben/src/types/module.d.ts b/yunxi-ui-admin-vben/src/types/module.d.ts
new file mode 100644
index 0000000..f959d62
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/module.d.ts
@@ -0,0 +1,18 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const Component: DefineComponent<object, object, any>
+  export default Component
+}
+
+declare module 'ant-design-vue/es/locale/*' {
+  import type { Locale } from 'ant-design-vue/types/locale-provider'
+
+  const locale: Locale & ReadonlyRecordable
+  export default locale 
+}
+
+declare module 'virtual:*' {
+  const result: any
+  export default result
+}
diff --git a/yunxi-ui-admin-vben/src/types/store.d.ts b/yunxi-ui-admin-vben/src/types/store.d.ts
new file mode 100644
index 0000000..73d31b0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/store.d.ts
@@ -0,0 +1,52 @@
+import type { ErrorTypeEnum } from '@/enums/exceptionEnum'
+import type { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum'
+
+// Lock screen information
+export interface LockInfo {
+  // Password required
+  pwd?: string | undefined
+  // Is it locked?
+  isLock?: boolean
+}
+
+// Error-log information
+export interface ErrorLogInfo {
+  // Type of error
+  type: ErrorTypeEnum
+  // Error file
+  file: string
+  // Error name
+  name?: string
+  // Error message
+  message: string
+  // Error stack
+  stack?: string
+  // Error detail
+  detail: string
+  // Error url
+  url: string
+  // Error time
+  time?: string
+}
+
+export interface UserInfo {
+  userId: string | number
+  username: string
+  realName: string
+  avatar: string
+  desc?: string
+  homePath?: string
+  roles: string[]
+}
+
+export interface BeforeMiniState {
+  menuCollapsed?: boolean
+  menuSplit?: boolean
+  menuMode?: MenuModeEnum
+  menuType?: MenuTypeEnum
+}
+
+export interface DictState {
+  dictMap: Map<string, any>
+  isSetDict: boolean
+}
diff --git a/yunxi-ui-admin-vben/src/types/utils.d.ts b/yunxi-ui-admin-vben/src/types/utils.d.ts
new file mode 100644
index 0000000..e306d02
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/utils.d.ts
@@ -0,0 +1,5 @@
+import type { ComputedRef, Ref } from 'vue'
+
+export type DynamicProps<T> = {
+  [P in keyof T]: Ref<T[P]> | T[P] | ComputedRef<T[P]>
+}
diff --git a/yunxi-ui-admin-vben/src/types/vue-router.d.ts b/yunxi-ui-admin-vben/src/types/vue-router.d.ts
new file mode 100644
index 0000000..3d14ae2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/types/vue-router.d.ts
@@ -0,0 +1,51 @@
+import type { RoleEnum } from '@/enums/roleEnum'
+
+export {}
+
+declare module 'vue-router' {
+  interface RouteMeta extends Record<string | number | symbol, unknown> {
+    orderNo?: number
+    // 路由title  一般必填
+    title: string
+    // 动态路由可打开Tab页数
+    dynamicLevel?: number
+    // 动态路由的实际Path, 即去除路由的动态部分;
+    realPath?: string
+    // 是否忽略权限，只在权限模式为Role的时候有效
+    ignoreAuth?: boolean
+    // 可以访问的角色，只在权限模式为Role的时候有效
+    roles?: RoleEnum[]
+    // 是否忽略KeepAlive缓存
+    ignoreKeepAlive?: boolean
+    // 是否固定标签
+    affix?: boolean
+    // 图标，也是菜单图标
+    icon?: string
+    // 内嵌iframe的地址
+    frameSrc?: string
+    // 指定该路由切换的动画名
+    transitionName?: string
+    // 隐藏该路由在面包屑上面的显示
+    hideBreadcrumb?: boolean
+    // 如果该路由会携带参数，且需要在tab页上面显示。则需要设置为true
+    carryParam?: boolean
+    // 隐藏所有子菜单
+    hideChildrenInMenu?: boolean
+    // Carrying parameters
+    carryParam?: boolean
+    // Used internally to mark single-level menus
+    single?: boolean
+    // 当前激活的菜单。用于配置详情页时左侧激活的菜单路径
+    currentActiveMenu?: string
+    // 当前路由不再标签页显示
+    hideTab?: boolean
+    // 当前路由不再菜单显示
+    hideMenu?: boolean
+    // 菜单排序，只对第一级有效
+    orderNo?: number
+    // 忽略路由。用于在ROUTE_MAPPING以及BACK权限模式下，生成对应的菜单而忽略路由。2.5.3以上版本有效
+    ignoreRoute?: boolean
+    // 是否在子级菜单的完整path中忽略本级path。2.5.3以上版本有效
+    hidePathForChildren?: boolean
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/auth/index.ts b/yunxi-ui-admin-vben/src/utils/auth/index.ts
new file mode 100644
index 0000000..473bbef
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/auth/index.ts
@@ -0,0 +1,47 @@
+/* eslint-disable @typescript-eslint/unbound-method */
+import type { BasicKeys } from '@/utils/cache/persistent'
+import { Persistent } from '@/utils/cache/persistent'
+import { ACCESS_TOKEN_KEY, CacheTypeEnum, REFRESH_TOKEN_KEY, TENANT_ID_KEY } from '@/enums/cacheEnum'
+import projectSetting from '@/settings/projectSetting'
+
+const { permissionCacheType } = projectSetting
+const isLocal = permissionCacheType === CacheTypeEnum.LOCAL
+
+export function getAccessToken(): string {
+  return getAuthCache(ACCESS_TOKEN_KEY)
+}
+
+export function setAccessToken(value: string) {
+  return setAuthCache(ACCESS_TOKEN_KEY, value)
+}
+
+export function getRefreshToken(): string {
+  return getAuthCache(REFRESH_TOKEN_KEY)
+}
+
+export function setRefreshToken(value: string) {
+  return setAuthCache(REFRESH_TOKEN_KEY, value)
+}
+
+export function getTenantId() {
+  return getAuthCache(TENANT_ID_KEY)
+}
+
+export function setTenantId(value) {
+  return setAuthCache(TENANT_ID_KEY, value)
+}
+
+export function getAuthCache<T>(key: BasicKeys) {
+  const fn = isLocal ? Persistent.getLocal : Persistent.getSession
+  return fn(key) as T
+}
+
+export function setAuthCache(key: BasicKeys, value) {
+  const fn = isLocal ? Persistent.setLocal : Persistent.setSession
+  return fn(key, value, true)
+}
+
+export function clearAuthCache(immediate = true) {
+  const fn = isLocal ? Persistent.clearLocal : Persistent.clearSession
+  return fn(immediate)
+}
diff --git a/yunxi-ui-admin-vben/src/utils/bem.ts b/yunxi-ui-admin-vben/src/utils/bem.ts
new file mode 100644
index 0000000..c62539e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/bem.ts
@@ -0,0 +1,50 @@
+import { prefixCls } from '@/settings/designSetting'
+
+type Mod = string | { [key: string]: any }
+type Mods = Mod | Mod[]
+
+export type BEM = ReturnType<typeof createBEM>
+
+function genBem(name: string, mods?: Mods): string {
+  if (!mods)
+    return ''
+
+  if (typeof mods === 'string')
+    return ` ${name}--${mods}`
+
+  if (Array.isArray(mods))
+    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+    return mods.reduce((ret, item) => ret + genBem(name, item), '')
+
+  return Object.keys(mods).reduce((ret, key) => ret + (mods[key] ? genBem(name, key) : ''), '')
+}
+
+/**
+ * bem helper
+ * b() // 'button'
+ * b('text') // 'button__text'
+ * b({ disabled }) // 'button button--disabled'
+ * b('text', { disabled }) // 'button__text button__text--disabled'
+ * b(['disabled', 'primary']) // 'button button--disabled button--primary'
+ */
+export function buildBEM(name: string) {
+  return (el?: Mods, mods?: Mods): Mods => {
+    if (el && typeof el !== 'string') {
+      mods = el
+      el = ''
+    }
+
+    el = el ? `${name}__${el}` : name
+
+    return `${el}${genBem(el, mods)}`
+  }
+}
+
+export function createBEM(name: string) {
+  return [buildBEM(`${prefixCls}-${name}`)]
+}
+
+export function createNamespace(name: string) {
+  const prefixedName = `${prefixCls}-${name}`
+  return [prefixedName, buildBEM(prefixedName)] as const
+}
diff --git a/yunxi-ui-admin-vben/src/utils/cache/index.ts b/yunxi-ui-admin-vben/src/utils/cache/index.ts
new file mode 100644
index 0000000..1916394
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/cache/index.ts
@@ -0,0 +1,32 @@
+import type { CreateStorageParams } from './storageCache'
+import { createStorage as create } from './storageCache'
+import { getStorageShortName } from '@/utils/env'
+import { DEFAULT_CACHE_TIME, enableStorageEncryption } from '@/settings/encryptionSetting'
+
+export type Options = Partial<CreateStorageParams>
+
+function createOptions(storage: Storage, options: Options = {}): Options {
+  return {
+    // No encryption in debug mode
+    hasEncrypt: enableStorageEncryption,
+    storage,
+    prefixKey: getStorageShortName(),
+    ...options,
+  }
+}
+
+export const WebStorage = create(createOptions(sessionStorage))
+
+export function createStorage(storage: Storage = sessionStorage, options: Options = {}) {
+  return create(createOptions(storage, options))
+}
+
+export function createSessionStorage(options: Options = {}) {
+  return createStorage(sessionStorage, { ...options, timeout: DEFAULT_CACHE_TIME })
+}
+
+export function createLocalStorage(options: Options = {}) {
+  return createStorage(localStorage, { ...options, timeout: DEFAULT_CACHE_TIME })
+}
+
+export default WebStorage
diff --git a/yunxi-ui-admin-vben/src/utils/cache/memory.ts b/yunxi-ui-admin-vben/src/utils/cache/memory.ts
new file mode 100644
index 0000000..51e9d24
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/cache/memory.ts
@@ -0,0 +1,107 @@
+export interface Cache<V = any> {
+  value?: V
+  timeoutId?: ReturnType<typeof setTimeout>
+  time?: number
+  alive?: number
+}
+
+const NOT_ALIVE = 0
+
+export class Memory<T = any, V = any> {
+  private cache: { [key in keyof T]?: Cache<V> } = {}
+  private alive: number
+
+  constructor(alive = NOT_ALIVE) {
+    // Unit second
+    this.alive = alive * 1000
+  }
+
+  get getCache() {
+    return this.cache
+  }
+
+  setCache(cache) {
+    this.cache = cache
+  }
+
+  // get<K extends keyof T>(key: K) {
+  //   const item = this.getItem(key);
+  //   const time = item?.time;
+  //   if (!isNullOrUnDef(time) && time < new Date().getTime()) {
+  //     this.remove(key);
+  //   }
+  //   return item?.value ?? undefined;
+  // }
+
+  get<K extends keyof T>(key: K) {
+    return this.cache[key]
+  }
+
+  set<K extends keyof T>(key: K, value: V, expires?: number) {
+    let item = this.get(key)
+
+    if (!expires || (expires) <= 0)
+      expires = this.alive
+
+    if (item) {
+      if (item.timeoutId) {
+        clearTimeout(item.timeoutId)
+        item.timeoutId = undefined
+      }
+      item.value = value
+    }
+    else {
+      item = { value, alive: expires }
+      this.cache[key] = item
+    }
+
+    if (!expires)
+      return value
+
+    const now = new Date().getTime()
+    /**
+     * Prevent overflow of the setTimeout Maximum delay value
+     * Maximum delay value 2,147,483,647 ms
+     * https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#maximum_delay_value
+     */
+    item.time = expires > now ? expires : now + expires
+    item.timeoutId = setTimeout(
+      () => {
+        this.remove(key)
+      },
+      expires > now ? expires - now : expires,
+    )
+
+    return value
+  }
+
+  remove<K extends keyof T>(key: K) {
+    const item = this.get(key)
+    Reflect.deleteProperty(this.cache, key)
+    if (item) {
+      clearTimeout(item.timeoutId)
+      return item.value
+    }
+  }
+
+  resetCache(cache: { [K in keyof T]: Cache }) {
+    Object.keys(cache).forEach((key) => {
+      const k = key as any as keyof T
+      const item = cache[k]
+      if (item && item.time) {
+        const now = new Date().getTime()
+        const expire = item.time
+        if (expire > now)
+          this.set(k, item.value, expire)
+      }
+    })
+  }
+
+  clear() {
+    Object.keys(this.cache).forEach((key) => {
+      const item = this.cache[key]
+      item.timeoutId && clearTimeout(item.timeoutId)
+    })
+    this.cache = {}
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/cache/persistent.ts b/yunxi-ui-admin-vben/src/utils/cache/persistent.ts
new file mode 100644
index 0000000..a2bb2fa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/cache/persistent.ts
@@ -0,0 +1,138 @@
+import type { RouteLocationNormalized } from 'vue-router'
+import { toRaw } from 'vue'
+import { omit, pick } from 'lodash-es'
+import { Memory } from './memory'
+import type { LockInfo, UserInfo } from '@/types/store'
+import type { ProjectConfig } from '@/types/config'
+
+import { createLocalStorage, createSessionStorage } from '@/utils/cache'
+import type {
+  MULTIPLE_TABS_KEY,
+  PROJ_CFG_KEY,
+  REFRESH_TOKEN_KEY,
+  ROLES_KEY,
+  TENANT_ID_KEY,
+} from '@/enums/cacheEnum'
+import {
+  ACCESS_TOKEN_KEY,
+  APP_LOCAL_CACHE_KEY,
+  APP_SESSION_CACHE_KEY,
+  LOCK_INFO_KEY,
+  USER_INFO_KEY,
+} from '@/enums/cacheEnum'
+import { DEFAULT_CACHE_TIME } from '@/settings/encryptionSetting'
+
+interface BasicStore {
+  [ACCESS_TOKEN_KEY]: string | number | null | undefined
+  [REFRESH_TOKEN_KEY]: string | number | null | undefined
+  [TENANT_ID_KEY]: number | null | undefined
+  [USER_INFO_KEY]: UserInfo
+  [ROLES_KEY]: string[]
+  [LOCK_INFO_KEY]: LockInfo
+  [PROJ_CFG_KEY]: ProjectConfig
+  [MULTIPLE_TABS_KEY]: RouteLocationNormalized[]
+}
+
+type LocalStore = BasicStore
+
+type SessionStore = BasicStore
+
+export type BasicKeys = keyof BasicStore
+type LocalKeys = keyof LocalStore
+type SessionKeys = keyof SessionStore
+
+const ls = createLocalStorage()
+const ss = createSessionStorage()
+
+const localMemory = new Memory(DEFAULT_CACHE_TIME)
+const sessionMemory = new Memory(DEFAULT_CACHE_TIME)
+
+function initPersistentMemory() {
+  const localCache = ls.get(APP_LOCAL_CACHE_KEY)
+  const sessionCache = ss.get(APP_SESSION_CACHE_KEY)
+  localCache && localMemory.resetCache(localCache)
+  sessionCache && sessionMemory.resetCache(sessionCache)
+}
+
+export class Persistent {
+  static getLocal<T>(key: LocalKeys) {
+    return localMemory.get(key)?.value as Nullable<T>
+  }
+
+  static setLocal(key: LocalKeys, value: LocalStore[LocalKeys], immediate = false): void {
+    localMemory.set(key, toRaw(value))
+    immediate && ls.set(APP_LOCAL_CACHE_KEY, localMemory.getCache)
+  }
+
+  static removeLocal(key: LocalKeys, immediate = false): void {
+    localMemory.remove(key)
+    immediate && ls.set(APP_LOCAL_CACHE_KEY, localMemory.getCache)
+  }
+
+  static clearLocal(immediate = false): void {
+    localMemory.clear()
+    immediate && ls.clear()
+  }
+
+  static getSession<T>(key: SessionKeys) {
+    return sessionMemory.get(key)?.value as Nullable<T>
+  }
+
+  static setSession(key: SessionKeys, value: SessionStore[SessionKeys], immediate = false): void {
+    sessionMemory.set(key, toRaw(value))
+    immediate && ss.set(APP_SESSION_CACHE_KEY, sessionMemory.getCache)
+  }
+
+  static removeSession(key: SessionKeys, immediate = false): void {
+    sessionMemory.remove(key)
+    immediate && ss.set(APP_SESSION_CACHE_KEY, sessionMemory.getCache)
+  }
+
+  static clearSession(immediate = false): void {
+    sessionMemory.clear()
+    immediate && ss.clear()
+  }
+
+  static clearAll(immediate = false) {
+    sessionMemory.clear()
+    localMemory.clear()
+    if (immediate) {
+      ls.clear()
+      ss.clear()
+    }
+  }
+}
+
+window.addEventListener('beforeunload', () => {
+  // TOKEN_KEY 在登录或注销时已经写入到storage了，此处为了解决同时打开多个窗口时token不同步的问题
+  // LOCK_INFO_KEY 在锁屏和解锁时写入，此处也不应修改
+  ls.set(APP_LOCAL_CACHE_KEY, {
+    ...omit(localMemory.getCache, LOCK_INFO_KEY),
+    ...pick(ls.get(APP_LOCAL_CACHE_KEY), [ACCESS_TOKEN_KEY, USER_INFO_KEY, LOCK_INFO_KEY]),
+  })
+  ss.set(APP_SESSION_CACHE_KEY, {
+    ...omit(sessionMemory.getCache, LOCK_INFO_KEY),
+    ...pick(ss.get(APP_SESSION_CACHE_KEY), [ACCESS_TOKEN_KEY, USER_INFO_KEY, LOCK_INFO_KEY]),
+  })
+})
+
+function storageChange(e: any) {
+  const { key, newValue, oldValue } = e
+
+  if (!key) {
+    Persistent.clearAll()
+    return
+  }
+
+  if (!!newValue && !!oldValue) {
+    if (APP_LOCAL_CACHE_KEY === key)
+      Persistent.clearLocal()
+
+    if (APP_SESSION_CACHE_KEY === key)
+      Persistent.clearSession()
+  }
+}
+
+window.addEventListener('storage', storageChange)
+
+initPersistentMemory()
diff --git a/yunxi-ui-admin-vben/src/utils/cache/storageCache.ts b/yunxi-ui-admin-vben/src/utils/cache/storageCache.ts
new file mode 100644
index 0000000..847341b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/cache/storageCache.ts
@@ -0,0 +1,110 @@
+import { cacheCipher } from '@/settings/encryptionSetting'
+import type { EncryptionParams } from '@/utils/cipher'
+import { AesEncryption } from '@/utils/cipher'
+import { isNullOrUnDef } from '@/utils/is'
+
+export interface CreateStorageParams extends EncryptionParams {
+  prefixKey: string
+  storage: Storage
+  hasEncrypt: boolean
+  timeout?: Nullable<number>
+}
+export function createStorage({
+  prefixKey = '',
+  storage = sessionStorage,
+  key = cacheCipher.key,
+  iv = cacheCipher.iv,
+  timeout = null,
+  hasEncrypt = true,
+}: Partial<CreateStorageParams> = {}) {
+  if (hasEncrypt && [key.length, iv.length].some(item => item !== 16))
+    throw new Error('When hasEncrypt is true, the key or iv must be 16 bits!')
+
+  const encryption = new AesEncryption({ key, iv })
+
+  /**
+   * Cache class
+   * Construction parameters can be passed into sessionStorage, localStorage,
+   * @class Cache
+   * @example
+   */
+  const WebStorage = class WebStorage {
+    private storage: Storage
+    private prefixKey?: string
+    private encryption: AesEncryption
+    private hasEncrypt: boolean
+    /**
+     *
+     * @param {*} storage
+     */
+    constructor() {
+      this.storage = storage
+      this.prefixKey = prefixKey
+      this.encryption = encryption
+      this.hasEncrypt = hasEncrypt
+    }
+
+    private getKey(key: string) {
+      return `${this.prefixKey}${key}`.toUpperCase()
+    }
+
+    /**
+     * Set cache
+     * @param {string} key
+     * @param {*} value
+     * @param {*} expire Expiration time in seconds
+     * @memberof Cache
+     */
+    set(key: string, value: any, expire: number | null = timeout) {
+      const stringData = JSON.stringify({
+        value,
+        time: Date.now(),
+        expire: !isNullOrUnDef(expire) ? new Date().getTime() + expire * 1000 : null,
+      })
+      const stringifyValue = this.hasEncrypt ? this.encryption.encryptByAES(stringData) : stringData
+      this.storage.setItem(this.getKey(key), stringifyValue)
+    }
+
+    /**
+     * Read cache
+     * @param {string} key
+     * @param {*} def
+     * @memberof Cache
+     */
+    get(key: string, def: any = null): any {
+      const val = this.storage.getItem(this.getKey(key))
+      if (!val)
+        return def
+
+      try {
+        const decVal = this.hasEncrypt ? this.encryption.decryptByAES(val) : val
+        const data = JSON.parse(decVal)
+        const { value, expire } = data
+        if (isNullOrUnDef(expire) || expire >= new Date().getTime())
+          return value
+
+        this.remove(key)
+      }
+      catch (e) {
+        return def
+      }
+    }
+
+    /**
+     * Delete cache based on key
+     * @param {string} key
+     * @memberof Cache
+     */
+    remove(key: string) {
+      this.storage.removeItem(this.getKey(key))
+    }
+
+    /**
+     * Delete all caches of this instance
+     */
+    clear(): void {
+      this.storage.clear()
+    }
+  }
+  return new WebStorage()
+}
diff --git a/yunxi-ui-admin-vben/src/utils/cipher.ts b/yunxi-ui-admin-vben/src/utils/cipher.ts
new file mode 100644
index 0000000..fe4e2ad
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/cipher.ts
@@ -0,0 +1,53 @@
+import { decrypt, encrypt } from 'crypto-js/aes'
+import UTF8, { parse } from 'crypto-js/enc-utf8'
+import pkcs7 from 'crypto-js/pad-pkcs7'
+import ECB from 'crypto-js/mode-ecb'
+import md5 from 'crypto-js/md5'
+import Base64 from 'crypto-js/enc-base64'
+
+export interface EncryptionParams {
+  key: string
+  iv: string
+}
+
+export class AesEncryption {
+  private key
+  private iv
+
+  constructor(opt: Partial<EncryptionParams> = {}) {
+    const { key, iv } = opt
+    if (key)
+      this.key = parse(key)
+
+    if (iv)
+      this.iv = parse(iv)
+  }
+
+  get getOptions() {
+    return {
+      mode: ECB,
+      padding: pkcs7,
+      iv: this.iv,
+    }
+  }
+
+  encryptByAES(cipherText: string) {
+    return encrypt(cipherText, this.key, this.getOptions).toString()
+  }
+
+  decryptByAES(cipherText: string) {
+    return decrypt(cipherText, this.key, this.getOptions).toString(UTF8)
+  }
+}
+
+export function encryptByBase64(cipherText: string) {
+  return UTF8.parse(cipherText).toString(Base64)
+}
+
+export function decodeByBase64(cipherText: string) {
+  return Base64.parse(cipherText).toString(UTF8)
+}
+
+export function encryptByMd5(password: string) {
+  return md5(password).toString()
+}
diff --git a/yunxi-ui-admin-vben/src/utils/color.ts b/yunxi-ui-admin-vben/src/utils/color.ts
new file mode 100644
index 0000000..b180d51
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/color.ts
@@ -0,0 +1,146 @@
+/**
+ * 判断是否 十六进制颜色值.
+ * 输入形式可为 #fff000 #f00
+ *
+ * @param   String  color   十六进制颜色值
+ * @return  Boolean
+ */
+export function isHexColor(color: string) {
+  const reg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/
+  return reg.test(color)
+}
+
+/**
+ * RGB 颜色值转换为 十六进制颜色值.
+ * r, g, 和 b 需要在 [0, 255] 范围内
+ *
+ * @return  String          类似#ff00ff
+ * @param r
+ * @param g
+ * @param b
+ */
+export function rgbToHex(r: number, g: number, b: number) {
+  // tslint:disable-next-line:no-bitwise
+  const hex = ((r << 16) | (g << 8) | b).toString(16)
+  return `#${Array.from({ length: Math.abs(hex.length - 7) }).join('0')}${hex}`
+}
+
+/**
+ * Transform a HEX color to its RGB representation
+ * @param {string} hex The color to transform
+ * @returns The RGB representation of the passed color
+ */
+export function hexToRGB(hex: string) {
+  let sHex = hex.toLowerCase()
+  if (isHexColor(hex)) {
+    if (sHex.length === 4) {
+      let sColorNew = '#'
+      for (let i = 1; i < 4; i += 1)
+        sColorNew += sHex.slice(i, i + 1).concat(sHex.slice(i, i + 1))
+
+      sHex = sColorNew
+    }
+    const sColorChange: number[] = []
+    for (let i = 1; i < 7; i += 2)
+      sColorChange.push(Number.parseInt(`0x${sHex.slice(i, i + 2)}`))
+
+    return `RGB(${sColorChange.join(',')})`
+  }
+  return sHex
+}
+
+export function colorIsDark(color: string) {
+  if (!isHexColor(color))
+    return
+  const [r, g, b] = hexToRGB(color)
+    .replace(/(?:\(|\)|rgb|RGB)*/g, '')
+    .split(',')
+    .map(item => Number(item))
+  return r * 0.299 + g * 0.578 + b * 0.114 < 192
+}
+
+/**
+ * Darkens a HEX color given the passed percentage
+ * @param {string} color The color to process
+ * @param {number} amount The amount to change the color by
+ * @returns {string} The HEX representation of the processed color
+ */
+export function darken(color: string, amount: number) {
+  color = color.includes('#') ? color.substring(1, color.length) : color
+  amount = Math.trunc((255 * amount) / 100)
+  return `#${subtractLight(color.substring(0, 2), amount)}${subtractLight(color.substring(2, 4), amount)}${subtractLight(
+    color.substring(4, 6),
+    amount,
+  )}`
+}
+
+/**
+ * Lightens a 6 char HEX color according to the passed percentage
+ * @param {string} color The color to change
+ * @param {number} amount The amount to change the color by
+ * @returns {string} The processed color represented as HEX
+ */
+export function lighten(color: string, amount: number) {
+  color = color.includes('#') ? color.substring(1, color.length) : color
+  amount = Math.trunc((255 * amount) / 100)
+  return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(color.substring(4, 6), amount)}`
+}
+
+/* Suma el porcentaje indicado a un color (RR, GG o BB) hexadecimal para aclararlo */
+/**
+ * Sums the passed percentage to the R, G or B of a HEX color
+ * @param {string} color The color to change
+ * @param {number} amount The amount to change the color by
+ * @returns {string} The processed part of the color
+ */
+function addLight(color: string, amount: number) {
+  const cc = Number.parseInt(color, 16) + amount
+  const c = cc > 255 ? 255 : cc
+  return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`
+}
+
+/**
+ * Calculates luminance of an rgb color
+ * @param {number} r red
+ * @param {number} g green
+ * @param {number} b blue
+ */
+function luminanace(r: number, g: number, b: number) {
+  const a = [r, g, b].map((v) => {
+    v /= 255
+    return v <= 0.03928 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4
+  })
+  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722
+}
+
+/**
+ * Calculates contrast between two rgb colors
+ * @param {string} rgb1 rgb color 1
+ * @param {string} rgb2 rgb color 2
+ */
+function contrast(rgb1: string[], rgb2: number[]) {
+  return (luminanace(~~rgb1[0], ~~rgb1[1], ~~rgb1[2]) + 0.05) / (luminanace(rgb2[0], rgb2[1], rgb2[2]) + 0.05)
+}
+
+/**
+ * Determines what the best text color is (black or white) based con the contrast with the background
+ * @param hexColor - Last selected color by the user
+ */
+export function calculateBestTextColor(hexColor: string) {
+  const rgbColor = hexToRGB(hexColor.substring(1))
+  const contrastWithBlack = contrast(rgbColor.split(','), [0, 0, 0])
+
+  return contrastWithBlack >= 12 ? '#000000' : '#FFFFFF'
+}
+
+/**
+ * Subtracts the indicated percentage to the R, G or B of a HEX color
+ * @param {string} color The color to change
+ * @param {number} amount The amount to change the color by
+ * @returns {string} The processed part of the color
+ */
+function subtractLight(color: string, amount: number) {
+  const cc = Number.parseInt(color, 16) - amount
+  const c = cc < 0 ? 0 : cc
+  return c.toString(16).length > 1 ? c.toString(16) : `0${c.toString(16)}`
+}
diff --git a/yunxi-ui-admin-vben/src/utils/dateUtil.ts b/yunxi-ui-admin-vben/src/utils/dateUtil.ts
new file mode 100644
index 0000000..1a183ba
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/dateUtil.ts
@@ -0,0 +1,132 @@
+/**
+ * Independent time operation tool to facilitate subsequent switch to dayjs
+ */
+import dayjs from 'dayjs'
+
+const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'
+const DATE_FORMAT = 'YYYY-MM-DD'
+
+export function formatToDateTime(date?: dayjs.ConfigType, format = DATE_TIME_FORMAT): string {
+  return dayjs(date).format(format)
+}
+
+export function formatToDate(date?: dayjs.ConfigType, format = DATE_FORMAT): string {
+  return dayjs(date).format(format)
+}
+
+export function beginOfDay(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate())
+}
+
+export function endOfDay(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999)
+}
+
+export function betweenDay(date1, date2) {
+  date1 = convertDate(date1)
+  date2 = convertDate(date2)
+  // 计算差值
+  return Math.floor((date2.getTime() - date1.getTime()) / (24 * 3600 * 1000))
+}
+
+export function formatDate(date, fmt) {
+  date = convertDate(date)
+  const o = {
+    'M+': date.getMonth() + 1, // 月份
+    'd+': date.getDate(), // 日
+    'H+': date.getHours(), // 小时
+    'm+': date.getMinutes(), // 分
+    's+': date.getSeconds(), // 秒
+    'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
+    'S': date.getMilliseconds(), // 毫秒
+  }
+  if (/(y+)/.test(fmt)) {
+    // 年份
+    fmt = fmt.replace(RegExp.$1, (`${date.getFullYear()}`).substr(4 - RegExp.$1.length))
+  }
+  for (const k in o) {
+    if (new RegExp(`(${k})`).test(fmt))
+      fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? o[k] : (`00${o[k]}`).substr((`${o[k]}`).length))
+  }
+  return fmt
+}
+
+export function addTime(date, time) {
+  date = convertDate(date)
+  return new Date(date.getTime() + time)
+}
+
+export function convertDate(date) {
+  if (typeof date === 'string')
+    return new Date(date)
+
+  return date
+}
+
+/**
+ * 日期格式化
+ * @param date 日期
+ * @param block 格式化字符串
+ */
+export function dateFormat(date, block) {
+  if (!date)
+    return ''
+
+  let format = block || 'yyyy-MM-dd'
+  date = new Date(date)
+  const map = {
+    M: date.getMonth() + 1, // 月份
+    d: date.getDate(), // 日
+    h: date.getHours(), // 小时
+    m: date.getMinutes(), // 分
+    s: date.getSeconds(), // 秒
+    q: Math.floor((date.getMonth() + 3) / 3), // 季度
+    S: date.getMilliseconds(), // 毫秒
+  }
+  format = format.replace(/([yMdhmsqS])+/g, (all, t) => {
+    let v = map[t]
+    if (v !== undefined) {
+      if (all.length > 1) {
+        v = `0${v}`
+        v = v.substr(v.length - 2)
+      }
+      return v
+    }
+    else if (t === 'y') {
+      return date
+        .getFullYear()
+        .toString()
+        .substr(4 - all.length)
+    }
+    return all
+  })
+  return format
+}
+
+/**
+ * 将毫秒，转换成时间字符串。例如说，xx 分钟
+ *
+ * @param ms 毫秒
+ * @returns {string} 字符串
+ */
+export function getDate(ms) {
+  const day = Math.floor(ms / (24 * 60 * 60 * 1000))
+  const hour = Math.floor(ms / (60 * 60 * 1000) - day * 24)
+  const minute = Math.floor(ms / (60 * 1000) - day * 24 * 60 - hour * 60)
+  const second = Math.floor(ms / 1000 - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60)
+  if (day > 0)
+    return `${day}天${hour}小时${minute}分钟`
+
+  if (hour > 0)
+    return `${hour}小时${minute}分钟`
+
+  if (minute > 0)
+    return `${minute}分钟`
+
+  if (second > 0)
+    return `${second}秒`
+  else
+    return `${0}秒`
+}
+
+export const dateUtil = dayjs
diff --git a/yunxi-ui-admin-vben/src/utils/dict.ts b/yunxi-ui-admin-vben/src/utils/dict.ts
new file mode 100644
index 0000000..e7b0d1f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/dict.ts
@@ -0,0 +1,173 @@
+/**
+ * 数据字典工具类
+ */
+import { useDictStoreWithOut } from '@/store/modules/dict'
+
+const dictStore = useDictStoreWithOut()
+
+/**
+ * 获取 dictType 对应的数据字典数组
+ *
+ * @param dictType 数据类型
+ * @returns {*|Array} 数据字典数组
+ */
+export interface DictDataType {
+  dictType: string
+  label: string
+  value: string | number | boolean
+  key?: any
+  colorType: string
+  cssClass: string
+}
+
+export function getDictDatas(dictType: string) {
+  return dictStore.getDictMap[dictType] || []
+}
+
+export function getDictOpts(dictType: string) {
+  /**
+   * 这里原来是转换类型  转换类型后反而显示不出来正确的Tag
+   * 实际类型转换交给下面的getDictOptions来处理
+   *
+   * bugfix:
+   * dictOption.push({
+          ...dict,
+          value: parseInt(dict.value + '')
+        })
+     原来的这种写法是造成页面卡死的原因
+   */
+  return getDictDatas(dictType)
+}
+
+export function getDictOptions(dictType: string, valueType?: 'string' | 'number' | 'boolean') {
+  const dictOption: DictDataType[] = []
+  const dictOptions: DictDataType[] = getDictDatas(dictType)
+  if (dictOptions && dictOptions.length > 0) {
+    dictOptions.forEach((dict: DictDataType) => {
+      dictOption.push({
+        ...dict,
+        key: dict.value,
+        value:
+          valueType === 'string'
+            ? `${dict.value}`
+            : valueType === 'boolean'
+              ? `${dict.value}` === 'true'
+              : Number.parseInt(`${dict.value}`),
+      })
+    })
+  }
+  return dictOption
+}
+
+export function getDictObj(dictType: string, value: any) {
+  const dictOptions: DictDataType[] = getDictDatas(dictType)
+  if (dictOptions) {
+    dictOptions.forEach((dict: DictDataType) => {
+      if (dict.value === value.toString())
+        return dict
+    })
+  }
+  else {
+    return null
+  }
+}
+
+export enum DICT_TYPE {
+  USER_TYPE = 'user_type',
+  COMMON_STATUS = 'common_status',
+  SYSTEM_TENANT_PACKAGE_ID = 'system_tenant_package_id',
+
+  // ========== SYSTEM 模块 ==========
+  SYSTEM_USER_SEX = 'system_user_sex',
+  SYSTEM_MENU_TYPE = 'system_menu_type',
+  SYSTEM_ROLE_TYPE = 'system_role_type',
+  SYSTEM_DATA_SCOPE = 'system_data_scope',
+  SYSTEM_NOTICE_TYPE = 'system_notice_type',
+  SYSTEM_OPERATE_TYPE = 'system_operate_type',
+  SYSTEM_LOGIN_TYPE = 'system_login_type',
+  SYSTEM_LOGIN_RESULT = 'system_login_result',
+  SYSTEM_SMS_CHANNEL_CODE = 'system_sms_channel_code',
+  SYSTEM_SMS_TEMPLATE_TYPE = 'system_sms_template_type',
+  SYSTEM_SMS_SEND_STATUS = 'system_sms_send_status',
+  SYSTEM_SMS_RECEIVE_STATUS = 'system_sms_receive_status',
+  SYSTEM_ERROR_CODE_TYPE = 'system_error_code_type',
+  SYSTEM_OAUTH2_GRANT_TYPE = 'system_oauth2_grant_type',
+  SYSTEM_MAIL_SEND_STATUS = 'system_mail_send_status',
+  SYSTEM_NOTIFY_TEMPLATE_TYPE = 'system_notify_template_type',
+
+  // ========== INFRA 模块 ==========
+  INFRA_BOOLEAN_STRING = 'infra_boolean_string',
+  INFRA_REDIS_TIMEOUT_TYPE = 'infra_redis_timeout_type',
+  INFRA_JOB_STATUS = 'infra_job_status',
+  INFRA_JOB_LOG_STATUS = 'infra_job_log_status',
+  INFRA_API_ERROR_LOG_PROCESS_STATUS = 'infra_api_error_log_process_status',
+  INFRA_CONFIG_TYPE = 'infra_config_type',
+  INFRA_CODEGEN_TEMPLATE_TYPE = 'infra_codegen_template_type',
+  INFRA_CODEGEN_FRONT_TYPE = 'infra_codegen_front_type',
+  INFRA_CODEGEN_SCENE = 'infra_codegen_scene',
+  INFRA_FILE_STORAGE = 'infra_file_storage',
+
+  // ========== BPM 模块 ==========
+  BPM_MODEL_CATEGORY = 'bpm_model_category',
+  BPM_MODEL_FORM_TYPE = 'bpm_model_form_type',
+  BPM_TASK_ASSIGN_RULE_TYPE = 'bpm_task_assign_rule_type',
+  BPM_PROCESS_INSTANCE_STATUS = 'bpm_process_instance_status',
+  BPM_PROCESS_INSTANCE_RESULT = 'bpm_process_instance_result',
+  BPM_TASK_ASSIGN_SCRIPT = 'bpm_task_assign_script',
+  BPM_OA_LEAVE_TYPE = 'bpm_oa_leave_type',
+
+  // ========== PAY 模块 ==========
+  PAY_CHANNEL_CODE = 'pay_channel_code', // 支付渠道编码类型
+  PAY_ORDER_STATUS = 'pay_order_status', // 商户支付订单状态
+  PAY_REFUND_STATUS = 'pay_refund_status', // 退款订单状态
+  PAY_NOTIFY_STATUS = 'pay_notify_status', // 商户支付回调状态
+  PAY_NOTIFY_TYPE = 'pay_notify_type', // 商户支付回调状态
+
+  // ========== MP 模块 ==========
+  MP_AUTO_REPLY_REQUEST_MATCH = 'mp_auto_reply_request_match', // 自动回复请求匹配类型
+  MP_MESSAGE_TYPE = 'mp_message_type', // 消息类型
+
+  // ========== MALL - 会员模块 ==========
+  MEMBER_POINT_BIZ_TYPE = 'member_point_biz_type', // 积分的业务类型
+
+  // ========== MALL - 商品模块 ==========
+  PRODUCT_UNIT = 'product_unit', // 商品单位
+  PRODUCT_SPU_STATUS = 'product_spu_status', // 商品状态
+
+  // ========== MALL - 交易模块 ==========
+  EXPRESS_CHARGE_MODE = 'trade_delivery_express_charge_mode', // 快递的计费方式
+  TRADE_AFTER_SALE_STATUS = 'trade_after_sale_status', // 售后 - 状态
+  TRADE_AFTER_SALE_WAY = 'trade_after_sale_way', // 售后 - 方式
+  TRADE_AFTER_SALE_TYPE = 'trade_after_sale_type', // 售后 - 类型
+  TRADE_ORDER_TYPE = 'trade_order_type', // 订单 - 类型
+  TRADE_ORDER_STATUS = 'trade_order_status', // 订单 - 状态
+  TRADE_ORDER_ITEM_AFTER_SALE_STATUS = 'trade_order_item_after_sale_status', // 订单项 - 售后状态
+  TERMINAL = 'terminal', // 终端
+
+  // ========== MALL - 营销模块 ==========
+  PROMOTION_DISCOUNT_TYPE = 'promotion_discount_type', // 优惠类型
+  PROMOTION_PRODUCT_SCOPE = 'promotion_product_scope', // 营销的商品范围
+  PROMOTION_COUPON_TEMPLATE_VALIDITY_TYPE = 'promotion_coupon_template_validity_type', // 优惠劵模板的有限期类型
+  PROMOTION_COUPON_STATUS = 'promotion_coupon_status', // 优惠劵的状态
+  PROMOTION_COUPON_TAKE_TYPE = 'promotion_coupon_take_type', // 优惠劵的领取方式
+  PROMOTION_ACTIVITY_STATUS = 'promotion_activity_status', // 优惠活动的状态
+  PROMOTION_CONDITION_TYPE = 'promotion_condition_type', // 营销的条件类型枚举
+
+  // ============= BUSINESSLINE 模块=================
+  BUSINESS_TYPE = 'business_type',   //业务线类型
+  DIFF_FLAG = 'diff_flag',
+  CLASS_STATUS = 'class_status',  //类别状态
+  DUTY_TYPE = 'duty_type',   //业务线的所属分类
+  BUSINESS_ORGANIZATION_TYPE = 'business_organization_type', //业务组织类型
+
+  // ============= ENTERPRISEBRANCHING 模块=================
+  ENTERPRISE_TYPE = 'enterprise_type',   //业务线类型
+  CUSTOMER_STATUS = 'customer_status',   //客户状态
+  CUSTOMER_CALSSIFY = 'customer_calssify',   //客户分类
+  CUSTOMER_STARRATING = 'customer_starrating',   //客户星级
+  industrySchedule = 'industry_schedule',   //客户星级
+  industryClassify = 'industry_classify',   //客户星级
+  customerSource = 'customer_source',   //客户星级
+  enterpriseNature = 'enterprise_nature',   //客户星级
+  XUELI = 'XUELI',   //学历
+}
diff --git a/yunxi-ui-admin-vben/src/utils/domUtils.ts b/yunxi-ui-admin-vben/src/utils/domUtils.ts
new file mode 100644
index 0000000..043a61b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/domUtils.ts
@@ -0,0 +1,172 @@
+import type { FunctionArgs } from '@vueuse/core'
+import { upperFirst } from 'lodash-es'
+
+export interface ViewportOffsetResult {
+  left: number
+  top: number
+  right: number
+  bottom: number
+  rightIncludeBody: number
+  bottomIncludeBody: number
+}
+
+export function getBoundingClientRect(element: Element): DOMRect | number {
+  if (!element || !element.getBoundingClientRect)
+    return 0
+
+  return element.getBoundingClientRect()
+}
+
+function trim(string: string) {
+  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '')
+}
+
+/* istanbul ignore next */
+export function hasClass(el: Element, cls: string) {
+  if (!el || !cls)
+    return false
+  if (cls.includes(' '))
+    throw new Error('className should not contain space.')
+  if (el.classList)
+    return el.classList.contains(cls)
+  else
+    return (` ${el.className} `).includes(` ${cls} `)
+}
+
+/* istanbul ignore next */
+export function addClass(el: Element, cls: string) {
+  if (!el)
+    return
+  let curClass = el.className
+  const classes = (cls || '').split(' ')
+
+  for (let i = 0, j = classes.length; i < j; i++) {
+    const clsName = classes[i]
+    if (!clsName)
+      continue
+
+    if (el.classList)
+      el.classList.add(clsName)
+    else if (!hasClass(el, clsName))
+      curClass += ` ${clsName}`
+  }
+  if (!el.classList)
+    el.className = curClass
+}
+
+/* istanbul ignore next */
+export function removeClass(el: Element, cls: string) {
+  if (!el || !cls)
+    return
+  const classes = cls.split(' ')
+  let curClass = ` ${el.className} `
+
+  for (let i = 0, j = classes.length; i < j; i++) {
+    const clsName = classes[i]
+    if (!clsName)
+      continue
+
+    if (el.classList)
+      el.classList.remove(clsName)
+    else if (hasClass(el, clsName))
+      curClass = curClass.replace(` ${clsName} `, ' ')
+  }
+  if (!el.classList)
+    el.className = trim(curClass)
+}
+/**
+ * Get the left and top offset of the current element
+ * left: the distance between the leftmost element and the left side of the document
+ * top: the distance from the top of the element to the top of the document
+ * right: the distance from the far right of the element to the right of the document
+ * bottom: the distance from the bottom of the element to the bottom of the document
+ * rightIncludeBody: the distance between the leftmost element and the right side of the document
+ * bottomIncludeBody: the distance from the bottom of the element to the bottom of the document
+ *
+ * @description:
+ */
+export function getViewportOffset(element: Element): ViewportOffsetResult {
+  const doc = document.documentElement
+
+  const docScrollLeft = doc.scrollLeft
+  const docScrollTop = doc.scrollTop
+  const docClientLeft = doc.clientLeft
+  const docClientTop = doc.clientTop
+
+  const pageXOffset = window.pageXOffset
+  const pageYOffset = window.pageYOffset
+
+  const box = getBoundingClientRect(element)
+
+  const { left: retLeft, top: rectTop, width: rectWidth, height: rectHeight } = box as DOMRect
+
+  const scrollLeft = (pageXOffset || docScrollLeft) - (docClientLeft || 0)
+  const scrollTop = (pageYOffset || docScrollTop) - (docClientTop || 0)
+  const offsetLeft = retLeft + pageXOffset
+  const offsetTop = rectTop + pageYOffset
+
+  const left = offsetLeft - scrollLeft
+  const top = offsetTop - scrollTop
+
+  const clientWidth = window.document.documentElement.clientWidth
+  const clientHeight = window.document.documentElement.clientHeight
+  return {
+    left,
+    top,
+    right: clientWidth - rectWidth - left,
+    bottom: clientHeight - rectHeight - top,
+    rightIncludeBody: clientWidth - left,
+    bottomIncludeBody: clientHeight - top,
+  }
+}
+
+export function hackCss(attr: string, value: string) {
+  const prefix: string[] = ['webkit', 'Moz', 'ms', 'OT']
+
+  const styleObj: any = {}
+  prefix.forEach((item) => {
+    styleObj[`${item}${upperFirst(attr)}`] = value
+  })
+  return {
+    ...styleObj,
+    [attr]: value,
+  }
+}
+
+/* istanbul ignore next */
+export function on(element: Element | HTMLElement | Document | Window, event: string, handler: EventListenerOrEventListenerObject): void {
+  if (element && event && handler)
+    element.addEventListener(event, handler, false)
+}
+
+/* istanbul ignore next */
+export function off(element: Element | HTMLElement | Document | Window, event: string, handler: Fn): void {
+  if (element && event && handler)
+    element.removeEventListener(event, handler, false)
+}
+
+/* istanbul ignore next */
+export function once(el: HTMLElement, event: string, fn: EventListener): void {
+  const listener = function (this: any, ...args: unknown[]) {
+    if (fn)
+      fn.apply(this, args)
+
+    off(el, event, listener)
+  }
+  on(el, event, listener)
+}
+
+export function useRafThrottle<T extends FunctionArgs>(fn: T): T {
+  let locked = false
+  // @ts-expect-error
+  return function (...args: any[]) {
+    if (locked)
+      return
+    locked = true
+    window.requestAnimationFrame(() => {
+      // @ts-expect-error
+      fn.apply(this, args)
+      locked = false
+    })
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/env.ts b/yunxi-ui-admin-vben/src/utils/env.ts
new file mode 100644
index 0000000..0035f89
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/env.ts
@@ -0,0 +1,89 @@
+import pkg from '../../package.json'
+import { getConfigFileName } from '../../build/getConfigFileName'
+import type { GlobEnvConfig } from '@/types/config'
+
+import { warn } from '@/utils/log'
+
+export function getCommonStoragePrefix() {
+  const { VITE_GLOB_APP_SHORT_NAME } = getAppEnvConfig()
+  return `${VITE_GLOB_APP_SHORT_NAME}__${getEnv()}`.toUpperCase()
+}
+
+// Generate cache key according to version
+export function getStorageShortName() {
+  return `${getCommonStoragePrefix()}${`__${pkg.version}`}__`.toUpperCase()
+}
+
+export function getAppEnvConfig() {
+  const ENV_NAME = getConfigFileName(import.meta.env)
+
+  // Get the global configuration (the configuration will be extracted independently when packaging)
+  const ENV = (import.meta.env.DEV
+    ? (import.meta.env as unknown as GlobEnvConfig)
+    : window[ENV_NAME as any]) as unknown as GlobEnvConfig
+
+  const {
+    VITE_GLOB_APP_TITLE,
+    VITE_GLOB_BASE_URL,
+    VITE_GLOB_API_URL,
+    VITE_GLOB_APP_SHORT_NAME,
+    VITE_GLOB_API_URL_PREFIX,
+    VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_APP_TENANT_ENABLE,
+    VITE_GLOB_APP_CAPTCHA_ENABLE,
+  } = ENV
+
+  if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
+    warn(
+      'VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.',
+    )
+  }
+
+  return {
+    VITE_GLOB_APP_TITLE,
+    VITE_GLOB_BASE_URL,
+    VITE_GLOB_API_URL,
+    VITE_GLOB_APP_SHORT_NAME,
+    VITE_GLOB_API_URL_PREFIX,
+    VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_APP_TENANT_ENABLE,
+    VITE_GLOB_APP_CAPTCHA_ENABLE,
+  }
+}
+
+/**
+ * @description: Development mode
+ */
+export const devMode = 'development'
+
+/**
+ * @description: Production mode
+ */
+export const prodMode = 'production'
+
+/**
+ * @description: Get environment variables
+ * @returns:
+ * @example:
+ */
+export function getEnv(): string {
+  return import.meta.env.MODE
+}
+
+/**
+ * @description: Is it a development mode
+ * @returns:
+ * @example:
+ */
+export function isDevMode(): boolean {
+  return import.meta.env.DEV
+}
+
+/**
+ * @description: Is it a production mode
+ * @returns:
+ * @example:
+ */
+export function isProdMode(): boolean {
+  return import.meta.env.PROD
+}
diff --git a/yunxi-ui-admin-vben/src/utils/event/index.ts b/yunxi-ui-admin-vben/src/utils/event/index.ts
new file mode 100644
index 0000000..636bec5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/event/index.ts
@@ -0,0 +1,46 @@
+import ResizeObserver from 'resize-observer-polyfill'
+
+const isServer = typeof window === 'undefined'
+
+/* istanbul ignore next */
+function resizeHandler(entries: any[]) {
+  for (const entry of entries) {
+    const listeners = entry.target.__resizeListeners__ || []
+    if (listeners.length) {
+      listeners.forEach((fn: () => any) => {
+        fn()
+      })
+    }
+  }
+}
+
+/* istanbul ignore next */
+export function addResizeListener(element: any, fn: () => any) {
+  if (isServer)
+    return
+  if (!element.__resizeListeners__) {
+    element.__resizeListeners__ = []
+    element.__ro__ = new ResizeObserver(resizeHandler)
+    element.__ro__.observe(element)
+  }
+  element.__resizeListeners__.push(fn)
+}
+
+/* istanbul ignore next */
+export function removeResizeListener(element: any, fn: () => any) {
+  if (!element || !element.__resizeListeners__)
+    return
+  element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1)
+  if (!element.__resizeListeners__.length)
+    element.__ro__.disconnect()
+}
+
+export function triggerWindowResize() {
+  // const event = document.createEvent('HTMLEvents')
+  // event.initEvent('resize', true, true)
+  // ;(event as any).eventType = 'message'
+  // window.dispatchEvent(event)
+
+  const ev = new Event('message', { bubbles: true, cancelable: true })
+  window.dispatchEvent(ev)
+}
diff --git a/yunxi-ui-admin-vben/src/utils/factory/createAsyncComponent.tsx b/yunxi-ui-admin-vben/src/utils/factory/createAsyncComponent.tsx
new file mode 100644
index 0000000..6fc6720
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/factory/createAsyncComponent.tsx
@@ -0,0 +1,73 @@
+import type {
+  AsyncComponentLoader,
+  Component,
+  ComponentPublicInstance,
+} from 'vue'
+import {
+  defineAsyncComponent,
+  // FunctionalComponent, CSSProperties
+} from 'vue'
+import { Spin } from 'ant-design-vue'
+import { noop } from '@/utils'
+
+// const Loading: FunctionalComponent<{ size: 'small' | 'default' | 'large' }> = (props) => {
+//   const style: CSSProperties = {
+//     position: 'absolute',
+//     display: 'flex',
+//     justifyContent: 'center',
+//     alignItems: 'center',
+//   };
+//   return (
+//     <div style={style}>
+//       <Spin spinning={true} size={props.size} />
+//     </div>
+//   );
+// };
+
+interface Options {
+  size?: 'default' | 'small' | 'large'
+  delay?: number
+  timeout?: number
+  loading?: boolean
+  retry?: boolean
+}
+
+export function createAsyncComponent<
+  T extends Component = {
+    new (): ComponentPublicInstance
+  },
+>(loader: AsyncComponentLoader<T>, options: Options = {}) {
+  const { size = 'small', delay = 100, timeout = 30000, loading = false, retry = true } = options
+  return defineAsyncComponent({
+    loader,
+    loadingComponent: loading ? <Spin spinning={true} size={size} /> : undefined,
+    // The error component will be displayed if a timeout is
+    // provided and exceeded. Default: Infinity.
+    // TODO
+    timeout,
+    // errorComponent
+    // Defining if component is suspensible. Default: true.
+    // suspensible: false,
+    delay,
+    /**
+     *
+     * @param {*} error Error message object
+     * @param {*} retry A function that indicating whether the async component should retry when the loader promise rejects
+     * @param {*} fail  End of failure
+     * @param {*} attempts Maximum allowed retries number
+     */
+    onError: !retry
+      ? noop
+      : (error, retry, fail, attempts) => {
+          if (error.message.match(/fetch/) && attempts <= 3) {
+            // retry on fetch errors, 3 max attempts
+            retry()
+          }
+          else {
+            // Note that retry/fail are like resolve/reject of a promise:
+            // one of them must be called for the error handling to continue.
+            fail()
+          }
+        },
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/utils/file/base64Conver.ts b/yunxi-ui-admin-vben/src/utils/file/base64Conver.ts
new file mode 100644
index 0000000..6ccad69
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/file/base64Conver.ts
@@ -0,0 +1,41 @@
+/**
+ * @description: base64 to blob
+ */
+export function dataURLtoBlob(base64Buf: string): Blob {
+  const arr = base64Buf.split(',')
+  const typeItem = arr[0]
+  const mime = typeItem.match(/:(.*?);/)![1]
+  const bstr = window.atob(arr[1])
+  let n = bstr.length
+  const u8arr = new Uint8Array(n)
+  while (n--)
+    u8arr[n] = bstr.charCodeAt(n)
+
+  return new Blob([u8arr], { type: mime })
+}
+
+/**
+ * img url to base64
+ * @param url
+ */
+export function urlToBase64(url: string, mineType?: string): Promise<string> {
+  return new Promise((resolve, reject) => {
+    let canvas = document.createElement('CANVAS') as Nullable<HTMLCanvasElement>
+    const ctx = canvas!.getContext('2d')
+
+    const img = new Image()
+    img.crossOrigin = ''
+    img.onload = function () {
+      if (!canvas || !ctx)
+        return reject()
+
+      canvas.height = img.height
+      canvas.width = img.width
+      ctx.drawImage(img, 0, 0)
+      const dataURL = canvas.toDataURL(mineType || 'image/png')
+      canvas = null
+      resolve(dataURL)
+    }
+    img.src = url
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/utils/file/download.ts b/yunxi-ui-admin-vben/src/utils/file/download.ts
new file mode 100644
index 0000000..cc73179
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/file/download.ts
@@ -0,0 +1,86 @@
+import { openWindow } from '..'
+import { dataURLtoBlob, urlToBase64 } from './base64Conver'
+
+/**
+ * Download online pictures
+ * @param url
+ * @param filename
+ * @param mime
+ * @param bom
+ */
+export function downloadByOnlineUrl(url: string, filename: string, mime?: string, bom?: BlobPart) {
+  urlToBase64(url).then((base64) => {
+    downloadByBase64(base64, filename, mime, bom)
+  })
+}
+
+/**
+ * Download pictures based on base64
+ * @param buf
+ * @param filename
+ * @param mime
+ * @param bom
+ */
+export function downloadByBase64(buf: string, filename: string, mime?: string, bom?: BlobPart) {
+  const base64Buf = dataURLtoBlob(buf)
+  downloadByData(base64Buf, filename, mime, bom)
+}
+
+/**
+ * Download according to the background interface file stream
+ * @param {*} data
+ * @param {*} filename
+ * @param {*} mime
+ * @param {*} bom
+ */
+export function downloadByData(data: BlobPart, filename: string, mime?: string, bom?: BlobPart) {
+  const blobData = typeof bom !== 'undefined' ? [bom, data] : [data]
+  const blob = new Blob(blobData, { type: mime || 'application/octet-stream' })
+
+  const blobURL = window.URL.createObjectURL(blob)
+  const tempLink = document.createElement('a')
+  tempLink.style.display = 'none'
+  tempLink.href = blobURL
+  tempLink.setAttribute('download', filename)
+  if (typeof tempLink.download === 'undefined')
+    tempLink.setAttribute('target', '_blank')
+
+  document.body.appendChild(tempLink)
+  tempLink.click()
+  document.body.removeChild(tempLink)
+  window.URL.revokeObjectURL(blobURL)
+}
+
+/**
+ * Download file according to file address
+ * @param {*} sUrl
+ */
+export function downloadByUrl({ url, target = '_blank', fileName }: { url: string; target?: TargetContext; fileName?: string }): boolean {
+  const isChrome = window.navigator.userAgent.toLowerCase().includes('chrome')
+  const isSafari = window.navigator.userAgent.toLowerCase().includes('safari')
+
+  if (/(iP)/g.test(window.navigator.userAgent)) {
+    console.error('Your browser does not support download!')
+    return false
+  }
+  if (isChrome || isSafari) {
+    const link = document.createElement('a')
+    link.href = url
+    link.target = target
+
+    if (link.download !== undefined)
+      link.download = fileName || url.substring(url.lastIndexOf('/') + 1, url.length)
+
+    if (document.createEvent) {
+      const e = document.createEvent('MouseEvents')
+      e.initEvent('click', true, true)
+      link.dispatchEvent(e)
+      return true
+    }
+  }
+  if (!url.includes('?'))
+    url += '?download'
+
+  openWindow(url, { target })
+  return true
+}
diff --git a/yunxi-ui-admin-vben/src/utils/helper/treeHelper.ts b/yunxi-ui-admin-vben/src/utils/helper/treeHelper.ts
new file mode 100644
index 0000000..fb4ad9e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/helper/treeHelper.ts
@@ -0,0 +1,200 @@
+interface TreeHelperConfig {
+  id: string
+  children: string
+  pid: string
+}
+
+// 默认配置
+const DEFAULT_CONFIG: TreeHelperConfig = {
+  id: 'id',
+  children: 'children',
+  pid: 'pid',
+}
+
+// 获取配置。  Object.assign 从一个或多个源对象复制到目标对象
+const getConfig = (config: Partial<TreeHelperConfig>) => Object.assign({}, DEFAULT_CONFIG, config)
+
+// tree from list
+// 列表中的树
+export function listToTree<T = any>(list: any[], config: Partial<TreeHelperConfig> = {}): T[] {
+  const conf = getConfig(config) as TreeHelperConfig
+  const nodeMap = new Map()
+  const result: T[] = []
+  const { id, children, pid } = conf
+
+  for (const node of list) {
+    node[children] = node[children] || []
+    nodeMap.set(node[id], node)
+  }
+  for (const node of list) {
+    const parent = nodeMap.get(node[pid])
+    ;(parent ? parent[children] : result).push(node)
+  }
+  return result
+}
+
+export function treeToList<T = any>(tree: any, config: Partial<TreeHelperConfig> = {}): T {
+  config = getConfig(config)
+  const { children } = config
+  const result: any = [...tree]
+  for (let i = 0; i < result.length; i++) {
+    if (!result[i][children!])
+      continue
+    result.splice(i + 1, 0, ...result[i][children!])
+  }
+  return result
+}
+
+export function findNode<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | null {
+  config = getConfig(config)
+  const { children } = config
+  const list = [...tree]
+  for (const node of list) {
+    if (func(node))
+      return node
+    node[children!] && list.push(...node[children!])
+  }
+  return null
+}
+
+export function findNodeAll<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T[] {
+  config = getConfig(config)
+  const { children } = config
+  const list = [...tree]
+  const result: T[] = []
+  for (const node of list) {
+    func(node) && result.push(node)
+    node[children!] && list.push(...node[children!])
+  }
+  return result
+}
+
+export function findPath<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | T[] | null {
+  config = getConfig(config)
+  const path: T[] = []
+  const list = [...tree]
+  const visitedSet = new Set()
+  const { children } = config
+  while (list.length) {
+    const node = list[0]
+    if (visitedSet.has(node)) {
+      path.pop()
+      list.shift()
+    }
+    else {
+      visitedSet.add(node)
+      node[children!] && list.unshift(...node[children!])
+      path.push(node)
+      if (func(node))
+        return path
+    }
+  }
+  return null
+}
+
+export function findPathAll(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}) {
+  config = getConfig(config)
+  const path: any[] = []
+  const list = [...tree]
+  const result: any[] = []
+  const visitedSet = new Set()
+  const { children } = config
+  while (list.length) {
+    const node = list[0]
+    if (visitedSet.has(node)) {
+      path.pop()
+      list.shift()
+    }
+    else {
+      visitedSet.add(node)
+      node[children!] && list.unshift(...node[children!])
+      path.push(node)
+      func(node) && result.push([...path])
+    }
+  }
+  return result
+}
+
+export function filter<T = any>(
+  tree: T[],
+  func: (n: T) => boolean,
+  // Partial 将 T 中的所有属性设为可选
+  config: Partial<TreeHelperConfig> = {},
+): T[] {
+  // 获取配置
+  config = getConfig(config)
+  const children = config.children as string
+
+  function listFilter(list: T[]) {
+    return list
+      .map((node: any) => ({ ...node }))
+      .filter((node) => {
+        // 递归调用 对含有children项  进行再次调用自身函数 listFilter
+        node[children] = node[children] && listFilter(node[children])
+        // 执行传入的回调 func 进行过滤
+        return func(node) || (node[children] && node[children].length)
+      })
+  }
+
+  return listFilter(tree)
+}
+
+export function forEach<T = any>(tree: T[], func: (n: T) => any, config: Partial<TreeHelperConfig> = {}): void {
+  config = getConfig(config)
+  const list: any[] = [...tree]
+  const { children } = config
+  for (let i = 0; i < list.length; i++) {
+    // func 返回true就终止遍历，避免大量节点场景下无意义循环，引起浏览器卡顿
+    if (func(list[i]))
+      return
+
+    children && list[i][children] && list.splice(i + 1, 0, ...list[i][children])
+  }
+}
+
+/**
+ * @description: Extract tree specified structure
+ * @description: 提取树指定结构
+ */
+export function treeMap<T = any>(treeData: T[], opt: { children?: string; conversion: Fn }): T[] {
+  return treeData.map(item => treeMapEach(item, opt))
+}
+
+/**
+ * @description: Extract tree specified structure
+ * @description: 提取树指定结构
+ */
+export function treeMapEach(data: any, { children = 'children', conversion }: { children?: string; conversion: Fn }) {
+  const haveChildren = Array.isArray(data[children]) && data[children].length > 0
+  const conversionData = conversion(data) || {}
+  if (haveChildren) {
+    return {
+      ...conversionData,
+      [children]: data[children].map((i: number) =>
+        treeMapEach(i, {
+          children,
+          conversion,
+        }),
+      ),
+    }
+  }
+  else {
+    return {
+      ...conversionData,
+    }
+  }
+}
+
+/**
+ * 递归遍历树结构
+ * @param treeDatas 树
+ * @param callBack 回调
+ * @param parentNode 父节点
+ */
+export function eachTree(treeDatas: any[], callBack: Fn, parentNode = {}) {
+  treeDatas.forEach((element) => {
+    const newNode = callBack(element, parentNode) || element
+    if (element.children)
+      eachTree(element.children, callBack, newNode)
+  })
+}
diff --git a/yunxi-ui-admin-vben/src/utils/helper/tsxHelper.tsx b/yunxi-ui-admin-vben/src/utils/helper/tsxHelper.tsx
new file mode 100644
index 0000000..7abcfd6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/helper/tsxHelper.tsx
@@ -0,0 +1,39 @@
+import type { Slots } from 'vue'
+import { isFunction } from '@/utils/is'
+import type { RenderOpts } from '@/components/Form'
+
+/**
+ * @description:  Get slot to prevent empty error
+ */
+export function getSlot(slots: Slots, slot = 'default', data?: any, opts?: RenderOpts) {
+  if (!slots || !Reflect.has(slots, slot))
+    return null
+
+  if (!isFunction(slots[slot])) {
+    console.error(`${slot} is not a function!`)
+    return null
+  }
+  const slotFn = slots[slot]
+  if (!slotFn)
+    return null
+  const params = { ...data, ...opts }
+  return slotFn(params)
+}
+
+/**
+ * extends slots
+ * @param slots
+ * @param excludeKeys
+ */
+export function extendSlots(slots: Slots, excludeKeys: string[] = []) {
+  const slotKeys = Object.keys(slots)
+  const ret: any = {}
+  // eslint-disable-next-line array-callback-return
+  slotKeys.map((key) => {
+    if (excludeKeys.includes(key))
+      return null
+
+    ret[key] = (data?: any) => getSlot(slots, key, data)
+  })
+  return ret
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/Axios.ts b/yunxi-ui-admin-vben/src/utils/http/axios/Axios.ts
new file mode 100644
index 0000000..3dbf074
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/Axios.ts
@@ -0,0 +1,379 @@
+import type { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
+import axios from 'axios'
+import qs from 'qs'
+import { cloneDeep } from 'lodash-es'
+import type { CreateAxiosOptions } from './axiosTransform'
+import { AxiosCanceler } from './axiosCancel'
+import { isFunction } from '@/utils/is'
+import type { RequestOptions, Result, UploadFileParams } from '@/types/axios'
+import { ContentTypeEnum, RequestEnum } from '@/enums/httpEnum'
+import { downloadByData } from '@/utils/file/download'
+import { useGlobSetting } from '@/hooks/setting'
+import { getRefreshToken, getTenantId, setAccessToken } from '@/utils/auth'
+
+export * from './axiosTransform'
+const globSetting = useGlobSetting()
+// 请求队列
+let requestList: any[] = []
+// 是否正在刷新中
+let isRefreshToken = false
+
+/**
+ * @description:  axios 模块
+ */
+export class VAxios {
+  private axiosInstance: AxiosInstance
+  private readonly options: CreateAxiosOptions
+
+  constructor(options: CreateAxiosOptions) {
+    this.options = options
+    this.axiosInstance = axios.create(options)
+    this.setupInterceptors()
+  }
+
+  /**
+   * @description:  创建 axios 实例
+   */
+  private createAxios(config: CreateAxiosOptions): void {
+    this.axiosInstance = axios.create(config)
+  }
+
+  private getTransform() {
+    const { transform } = this.options
+    return transform
+  }
+
+  getAxios(): AxiosInstance {
+    return this.axiosInstance
+  }
+
+  refreshToken() {
+    axios.defaults.headers.common['tenant-id'] = getTenantId() as number
+    const refreshToken = getRefreshToken()
+    return axios.post(`${globSetting.apiUrl}/system/auth/refresh-token?refreshToken=${refreshToken}`)
+  }
+
+  /**
+   * @description: 重新配置 axios
+   */
+  configAxios(config: CreateAxiosOptions) {
+    if (!this.axiosInstance)
+      return
+
+    this.createAxios(config)
+  }
+
+  /**
+   * @description: 设置通用标题
+   */
+  setHeader(headers: any): void {
+    if (!this.axiosInstance)
+      return
+
+    Object.assign(this.axiosInstance.defaults.headers, headers)
+  }
+
+  /**
+   * @description: Interceptor configuration 拦截器配置
+   */
+  private setupInterceptors() {
+    const {
+      axiosInstance,
+      options: { transform },
+    } = this
+    if (!transform)
+      return
+
+    const { requestInterceptors, requestInterceptorsCatch, responseInterceptors, responseInterceptorsCatch } = transform
+
+    const axiosCanceler = new AxiosCanceler()
+
+    // 请求拦截器配置处理
+    this.axiosInstance.interceptors.request.use((config: InternalAxiosRequestConfig) => {
+      const requestOptions = (config as unknown as any).requestOptions ?? this.options.requestOptions
+      const ignoreCancelToken = requestOptions?.ignoreCancelToken ?? true
+
+      !ignoreCancelToken && axiosCanceler.addPending(config)
+
+      if (requestInterceptors && isFunction(requestInterceptors))
+        config = requestInterceptors(config, this.options)
+
+      return config
+    }, undefined)
+
+    // 请求拦截器错误捕获
+    requestInterceptorsCatch
+      && isFunction(requestInterceptorsCatch)
+      && this.axiosInstance.interceptors.request.use(undefined, requestInterceptorsCatch)
+
+    // 响应结果拦截器处理
+    this.axiosInstance.interceptors.response.use(async (res: AxiosResponse<any>) => {
+      const config = res.config
+      if (res.data.code === 401) {
+        // 如果未认证，并且未进行刷新令牌，说明可能是访问令牌过期了
+        if (!isRefreshToken) {
+          isRefreshToken = true
+          // 1. 获取到刷新token
+          if (getRefreshToken()) {
+            // 2. 进行刷新访问令牌
+            try {
+              const refreshTokenRes = await this.refreshToken()
+              // 2.1 刷新成功，则回放队列的请求 + 当前请求
+              const refreshToken = getRefreshToken()
+              setAccessToken(refreshTokenRes.data.data.accessToken)
+              ;(config as Recordable).headers.Authorization = `Bearer ${refreshToken}`
+              requestList.forEach((cb: any) => {
+                cb()
+              })
+              requestList = []
+              return new Promise((resolve) => {
+                resolve(this.axiosInstance(config))
+              })
+              // res = await Promise.all([this.axiosInstance(config)])[0]
+            }
+            catch (e) {
+              requestList.forEach((cb: any) => {
+                cb()
+              })
+            }
+            finally {
+              requestList = []
+              isRefreshToken = false
+            }
+          }
+        }
+        else {
+          // 添加到队列，等待刷新获取到新的令牌
+          return new Promise((resolve) => {
+            const refreshToken = getRefreshToken()
+            requestList.push(() => {
+              ;(config as Recordable).headers.Authorization = `Bearer ${refreshToken}` // 让每个请求携带自定义token 请根据实际情况自行修改
+              resolve(this.axiosInstance(config))
+            })
+          })
+        }
+      }
+      res && axiosCanceler.removePending(res.config)
+      if (responseInterceptors && isFunction(responseInterceptors))
+        res = responseInterceptors(res)
+
+      return res
+    }, undefined)
+
+    // 响应结果拦截器错误捕获
+    responseInterceptorsCatch
+      && isFunction(responseInterceptorsCatch)
+      && this.axiosInstance.interceptors.response.use(undefined, (error) => {
+        return responseInterceptorsCatch(axiosInstance, error)
+      })
+  }
+
+  /**
+   * @description:  文件上传
+   */
+  uploadFile<T = any>(config: AxiosRequestConfig, params: UploadFileParams) {
+    const formData = new window.FormData()
+    const customFilename = params.name || 'file'
+
+    if (params.filename)
+      formData.append(customFilename, params.file, params.filename)
+    else
+      formData.append(customFilename, params.file)
+
+    if (params.data) {
+      Object.keys(params.data).forEach((key) => {
+        const value = params.data![key]
+        if (Array.isArray(value)) {
+          value.forEach((item) => {
+            formData.append(`${key}[]`, item)
+          })
+          return
+        }
+
+        formData.append(key, params.data![key])
+      })
+    }
+
+    return this.axiosInstance.request<T>({
+      ...config,
+      method: 'POST',
+      data: formData,
+      headers: {
+        'Content-type': ContentTypeEnum.FORM_DATA,
+        'ignoreCancelToken': true,
+      },
+    })
+  }
+
+  // 支持表单数据
+  supportFormData(config: AxiosRequestConfig) {
+    const headers = config.headers || this.options.headers
+    const contentType = headers?.['Content-Type'] || headers?.['content-type']
+
+    if (
+      contentType !== ContentTypeEnum.FORM_URLENCODED
+      || !Reflect.has(config, 'data')
+      || config.method?.toUpperCase() === RequestEnum.GET
+    )
+      return config
+
+    return {
+      ...config,
+      data: qs.stringify(config.data, { arrayFormat: 'brackets' }),
+    }
+  }
+
+  get<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'GET' }, options)
+  }
+
+  post<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'POST' }, options)
+  }
+
+  put<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'PUT' }, options)
+  }
+
+  delete<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    return this.request({ ...config, method: 'DELETE' }, options)
+  }
+
+  download<T = any>(config: AxiosRequestConfig, title?: string, options?: RequestOptions): Promise<T> {
+    let conf: CreateAxiosOptions = cloneDeep({
+      ...config,
+      method: 'GET',
+      responseType: 'blob',
+    })
+    const transform = this.getTransform()
+
+    const { requestOptions } = this.options
+
+    const opt: RequestOptions = Object.assign({}, requestOptions, options)
+
+    const { beforeRequestHook, requestCatchHook } = transform || {}
+
+    if (beforeRequestHook && isFunction(beforeRequestHook))
+      conf = beforeRequestHook(conf, opt)
+
+    conf.requestOptions = opt
+
+    conf = this.supportFormData(conf)
+
+    return new Promise((resolve, reject) => {
+      this.axiosInstance
+        .request<any, AxiosResponse<Result>>(conf)
+        .then((res: AxiosResponse<Result>) => {
+          resolve(res as unknown as Promise<T>)
+          // download file
+          if (typeof res != 'undefined')
+            downloadByData(res?.data as unknown as BlobPart, title || 'export')
+        })
+        .catch((e: Error | AxiosError) => {
+          if (requestCatchHook && isFunction(requestCatchHook)) {
+            reject(requestCatchHook(e, opt))
+            return
+          }
+          if (axios.isAxiosError(e)) {
+            // rewrite error message from axios in here
+          }
+          reject(e)
+        })
+    })
+  }
+
+  export<T = any>(config: AxiosRequestConfig, title: string, options?: RequestOptions): Promise<T> {
+    let conf: CreateAxiosOptions = cloneDeep({
+      ...config,
+      method: 'POST',
+      responseType: 'blob',
+    })
+    const transform = this.getTransform()
+
+    const { requestOptions } = this.options
+
+    const opt: RequestOptions = Object.assign({}, requestOptions, options)
+
+    const { beforeRequestHook, requestCatchHook } = transform || {}
+
+    if (beforeRequestHook && isFunction(beforeRequestHook))
+      conf = beforeRequestHook(conf, opt)
+
+    conf.requestOptions = opt
+
+    conf = this.supportFormData(conf)
+
+    return new Promise((resolve, reject) => {
+      this.axiosInstance
+        .request<any, AxiosResponse<Result>>(conf)
+        .then((res: AxiosResponse<Result>) => {
+          resolve(res as unknown as Promise<T>)
+          // download file
+          if (typeof res != 'undefined')
+            downloadByData(res?.data as unknown as BlobPart, title)
+        })
+        .catch((e: Error | AxiosError) => {
+          if (requestCatchHook && isFunction(requestCatchHook)) {
+            reject(requestCatchHook(e, opt))
+            return
+          }
+          if (axios.isAxiosError(e)) {
+            // rewrite error message from axios in here
+          }
+          reject(e)
+        })
+    })
+  }
+
+  request<T = any>(config: AxiosRequestConfig, options?: RequestOptions): Promise<T> {
+    let conf: CreateAxiosOptions = cloneDeep(config)
+    // cancelToken 如果被深拷贝，会导致最外层无法使用cancel方法来取消请求
+    if (config.cancelToken)
+      conf.cancelToken = config.cancelToken
+
+    if (config.signal)
+      conf.signal = config.signal
+
+    const transform = this.getTransform()
+
+    const { requestOptions } = this.options
+
+    const opt: RequestOptions = Object.assign({}, requestOptions, options)
+
+    const { beforeRequestHook, requestCatchHook, transformResponseHook } = transform || {}
+    if (beforeRequestHook && isFunction(beforeRequestHook))
+      conf = beforeRequestHook(conf, opt)
+
+    conf.requestOptions = opt
+
+    conf = this.supportFormData(conf)
+
+    return new Promise((resolve, reject) => {
+      this.axiosInstance
+        .request<any, AxiosResponse<Result>>(conf)
+        .then((res: AxiosResponse<Result>) => {
+          if (transformResponseHook && isFunction(transformResponseHook)) {
+            try {
+              const ret = transformResponseHook(res, opt)
+              resolve(ret)
+            }
+            catch (err) {
+              reject(err || new Error('request error!'))
+            }
+            return
+          }
+          resolve(res as unknown as Promise<T>)
+        })
+        .catch((e: Error | AxiosError) => {
+          if (requestCatchHook && isFunction(requestCatchHook)) {
+            reject(requestCatchHook(e, opt))
+            return
+          }
+          if (axios.isAxiosError(e)) {
+            // 在此处重写来自 axios 的错误消息
+          }
+          reject(e)
+        })
+    })
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/axiosCancel.ts b/yunxi-ui-admin-vben/src/utils/http/axios/axiosCancel.ts
new file mode 100644
index 0000000..e28b2c7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/axiosCancel.ts
@@ -0,0 +1,59 @@
+import type { AxiosRequestConfig } from 'axios'
+
+// 用于存储每个请求的标识和取消函数
+const pendingMap = new Map<string, AbortController>()
+
+function getPendingUrl(config: AxiosRequestConfig): string {
+  return [config.method, config.url].join('&')
+}
+
+export class AxiosCanceler {
+  /**
+   * 添加请求
+   * @param config 请求配置
+   */
+  public addPending(config: AxiosRequestConfig): void {
+    this.removePending(config)
+    const url = getPendingUrl(config)
+    const controller = new AbortController()
+    config.signal = config.signal || controller.signal
+    if (!pendingMap.has(url)) {
+      // 如果当前请求不在等待中，将其添加到等待中
+      pendingMap.set(url, controller)
+    }
+  }
+
+  /**
+   * 清除所有等待中的请求
+   */
+  public removeAllPending(): void {
+    pendingMap.forEach((abortController) => {
+      if (abortController)
+        abortController.abort()
+    })
+    this.reset()
+  }
+
+  /**
+   * 移除请求
+   * @param config 请求配置
+   */
+  public removePending(config: AxiosRequestConfig): void {
+    const url = getPendingUrl(config)
+    if (pendingMap.has(url)) {
+      // 如果当前请求在等待中，取消它并将其从等待中移除
+      const abortController = pendingMap.get(url)
+      if (abortController)
+        abortController.abort(url)
+
+      pendingMap.delete(url)
+    }
+  }
+
+  /**
+   * 重置
+   */
+  public reset(): void {
+    pendingMap.clear()
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/axiosRetry.ts b/yunxi-ui-admin-vben/src/utils/http/axios/axiosRetry.ts
new file mode 100644
index 0000000..1b41e20
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/axiosRetry.ts
@@ -0,0 +1,30 @@
+import type { AxiosError, AxiosInstance } from 'axios'
+
+/**
+ *  请求重试机制
+ */
+
+export class AxiosRetry {
+  /**
+   * 重试
+   */
+  retry(axiosInstance: AxiosInstance, error: AxiosError) {
+    const { config } = error.response
+    const { waitTime, count } = config?.requestOptions?.retryRequest
+    config.__retryCount = config.__retryCount || 0
+    if (config.__retryCount >= count)
+      return Promise.reject(error)
+
+    config.__retryCount += 1
+    // 请求返回后config的header不正确造成重试请求失败,删除返回headers采用默认headers
+    delete config.headers
+    return this.delay(waitTime).then(() => axiosInstance(config))
+  }
+
+  /**
+   * 延迟
+   */
+  private delay(waitTime: number) {
+    return new Promise(resolve => setTimeout(resolve, waitTime))
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/axiosTransform.ts b/yunxi-ui-admin-vben/src/utils/http/axios/axiosTransform.ts
new file mode 100644
index 0000000..f1127b4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/axiosTransform.ts
@@ -0,0 +1,48 @@
+/**
+ * Data processing class, can be configured according to the project
+ */
+import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios'
+import type { RequestOptions, Result } from '@/types/axios'
+
+export interface CreateAxiosOptions extends AxiosRequestConfig {
+  authenticationScheme?: string
+  transform?: AxiosTransform
+  requestOptions?: RequestOptions
+}
+
+export abstract class AxiosTransform {
+  /**
+   * @description: 在发送请求之前调用的函数。它可以根据需要修改请求配置
+   */
+  beforeRequestHook?: (config: AxiosRequestConfig, options: RequestOptions) => AxiosRequestConfig
+
+  /**
+   * @description: 处理响应数据
+   */
+  transformResponseHook?: (res: AxiosResponse<Result>, options: RequestOptions) => any
+
+  /**
+   * @description: 请求失败处理
+   */
+  requestCatchHook?: (e: Error, options: RequestOptions) => Promise<any>
+
+  /**
+   * @description: 请求之前的拦截器
+   */
+  requestInterceptors?: (config: InternalAxiosRequestConfig, options: CreateAxiosOptions) => InternalAxiosRequestConfig
+
+  /**
+   * @description: 请求之后的拦截器
+   */
+  responseInterceptors?: (res: AxiosResponse<any>) => AxiosResponse<any>
+
+  /**
+   * @description: 请求之前的拦截器错误处理
+   */
+  requestInterceptorsCatch?: (error: Error) => void
+
+  /**
+   * @description: 请求之后的拦截器错误处理
+   */
+  responseInterceptorsCatch?: (axiosInstance: AxiosInstance, error: Error) => void
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/checkStatus.ts b/yunxi-ui-admin-vben/src/utils/http/axios/checkStatus.ts
new file mode 100644
index 0000000..b17b4a0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/checkStatus.ts
@@ -0,0 +1,75 @@
+import type { ErrorMessageMode } from '@/types/axios'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useI18n } from '@/hooks/web/useI18n'
+
+// import router from '@/router';
+// import { PageEnum } from '@/enums/pageEnum';
+import { useUserStoreWithOut } from '@/store/modules/user'
+import projectSetting from '@/settings/projectSetting'
+import { SessionTimeoutProcessingEnum } from '@/enums/appEnum'
+
+const { createMessage, createErrorModal } = useMessage()
+const stp = projectSetting.sessionTimeoutProcessing
+
+export function checkStatus(status: number, msg: string, errorMessageMode: ErrorMessageMode = 'message'): void {
+  const { t } = useI18n()
+  const userStore = useUserStoreWithOut()
+  let errMessage = ''
+
+  switch (status) {
+    case 400:
+      errMessage = `${msg}`
+      break
+    // 401: Not logged in
+    // Jump to the login page if not logged in, and carry the path of the current page
+    // Return to the current page after successful login. This step needs to be operated on the login page.
+    case 401:
+      userStore.setAccessToken(undefined)
+      errMessage = msg || t('sys.api.errMsg401')
+      if (stp === SessionTimeoutProcessingEnum.PAGE_COVERAGE)
+        userStore.setSessionTimeout(true)
+      else
+        userStore.logout(true)
+
+      break
+    case 403:
+      errMessage = t('sys.api.errMsg403')
+      break
+    // 404请求不存在
+    case 404:
+      errMessage = t('sys.api.errMsg404')
+      break
+    case 405:
+      errMessage = t('sys.api.errMsg405')
+      break
+    case 408:
+      errMessage = t('sys.api.errMsg408')
+      break
+    case 500:
+      errMessage = t('sys.api.errMsg500')
+      break
+    case 501:
+      errMessage = t('sys.api.errMsg501')
+      break
+    case 502:
+      errMessage = t('sys.api.errMsg502')
+      break
+    case 503:
+      errMessage = t('sys.api.errMsg503')
+      break
+    case 504:
+      errMessage = t('sys.api.errMsg504')
+      break
+    case 505:
+      errMessage = t('sys.api.errMsg505')
+      break
+    default:
+  }
+
+  if (errMessage) {
+    if (errorMessageMode === 'modal')
+      createErrorModal({ title: t('sys.api.errorTip'), content: errMessage })
+    else if (errorMessageMode === 'message')
+      createMessage.error({ content: errMessage, key: `global_error_message_status_${status}` })
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/helper.ts b/yunxi-ui-admin-vben/src/utils/http/axios/helper.ts
new file mode 100644
index 0000000..77961c7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/helper.ts
@@ -0,0 +1,44 @@
+import { isObject, isString } from '@/utils/is'
+
+const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'
+
+export function joinTimestamp<T extends boolean>(join: boolean, restful: T): T extends true ? string : object
+
+export function joinTimestamp(join: boolean, restful = false): string | object {
+  if (!join)
+    return restful ? '' : {}
+
+  const now = new Date().getTime()
+  if (restful)
+    return `?_t=${now}`
+
+  return { _t: now }
+}
+
+/**
+ * @description: 请求参数时间格式
+ */
+export function formatRequestDate(params: Recordable) {
+  if (Object.prototype.toString.call(params) !== '[object Object]')
+    return
+
+  for (const key in params) {
+    const format = params[key]?.format ?? null
+    if (format && typeof format === 'function')
+      params[key] = params[key].format(DATE_TIME_FORMAT)
+
+    if (isString(key)) {
+      const value = params[key]
+      if (value) {
+        try {
+          params[key] = isString(value) ? value.trim() : value
+        }
+        catch (error: any) {
+          throw new Error(error)
+        }
+      }
+    }
+    if (isObject(params[key]))
+      formatRequestDate(params[key])
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/http/axios/index.ts b/yunxi-ui-admin-vben/src/utils/http/axios/index.ts
new file mode 100644
index 0000000..576635b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/http/axios/index.ts
@@ -0,0 +1,318 @@
+// axios配置  可自行根据项目进行更改，只需更改该文件即可，其他文件可以不动
+// The axios configuration can be changed according to the project, just change the file, other files can be left unchanged
+
+import type { AxiosInstance, AxiosResponse } from 'axios'
+import { clone } from 'lodash-es'
+import axios from 'axios'
+import type { AxiosTransform, CreateAxiosOptions } from './axiosTransform'
+import { VAxios } from './Axios'
+import { checkStatus } from './checkStatus'
+import { formatRequestDate, joinTimestamp } from './helper'
+import type { RequestOptions, Result } from '@/types/axios'
+import { useGlobSetting } from '@/hooks/setting'
+import { useMessage } from '@/hooks/web/useMessage'
+import { ContentTypeEnum, RequestEnum, ResultEnum } from '@/enums/httpEnum'
+import { isEmpty, isNull, isString, isUnDef } from '@/utils/is'
+import { getAccessToken, getTenantId } from '@/utils/auth'
+import { deepMerge, setObjToUrlParams } from '@/utils'
+import { useErrorLogStoreWithOut } from '@/store/modules/errorLog'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useUserStoreWithOut } from '@/store/modules/user'
+import { AxiosRetry } from '@/utils/http/axios/axiosRetry'
+
+const globSetting = useGlobSetting()
+const urlPrefix = globSetting.urlPrefix
+const tenantEnable = globSetting.tenantEnable
+const { createMessage, createErrorModal, createSuccessModal } = useMessage()
+
+// 请求白名单，无须token的接口
+const whiteList: string[] = ['/login', '/refresh-token']
+
+/**
+ * @description: 数据处理，方便区分多种处理方式
+ */
+const transform: AxiosTransform = {
+  /**
+   * @description: 处理响应数据。如果数据不是预期格式，可直接抛出错误
+   */
+  transformResponseHook: (res: AxiosResponse<Result>, options: RequestOptions) => {
+    const { t } = useI18n()
+    const { isTransformResponse, isReturnNativeResponse } = options
+    // 二进制数据则直接返回
+    if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer')
+      return res.data
+
+    // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+    if (isReturnNativeResponse)
+      return res
+
+    // 不进行任何处理，直接返回
+    // 用于页面代码可能需要直接获取code，data，message这些信息时开启
+    if (!isTransformResponse)
+      return res.data
+
+    // 错误的时候返回
+
+    const { data } = res
+    if (!data) {
+      // return '[HTTP] Request has no return value';
+      throw new Error(t('sys.api.apiRequestFailed'))
+    }
+    //  这里 code，result，message为 后台统一的字段，需要在 types.ts内修改为项目自己的接口返回格式
+    const { code, data: result, msg } = data
+    // 这里逻辑可以根据项目进行修改
+    const hasSuccess = data && Reflect.has(data, 'code') && code === ResultEnum.SUCCESS
+    if (hasSuccess) {
+      let successMsg = msg
+      if (successMsg === null || successMsg === undefined || successMsg === '')
+        successMsg = t('sys.api.operationSuccess')
+
+      if (isNull(successMsg) || isUnDef(successMsg) || isEmpty(successMsg))
+        successMsg = t('sys.api.operationSuccess')
+
+      if (options.successMessageMode === 'modal')
+        createSuccessModal({ title: t('sys.api.successTip'), content: successMsg })
+      else if (options.successMessageMode === 'message')
+        createMessage.success(successMsg)
+
+      return result
+    }
+
+    // 在此处根据自己项目的实际情况对不同的code执行不同的操作
+    // 如果不希望中断当前请求，请return数据，否则直接抛出异常即可
+    let timeoutMsg = ''
+    switch (code) {
+      case ResultEnum.UNAUTHORIZED:
+        timeoutMsg = t('sys.api.timeoutMessage')
+        const userStore = useUserStoreWithOut()
+        userStore.setAccessToken(undefined)
+        userStore.logout(true)
+        break
+      default:
+        if (msg)
+          timeoutMsg = msg
+    }
+
+    // errorMessageMode='modal' 的时候会显示modal错误弹窗，而不是消息提示，用于一些比较重要的错误
+    // errorMessageMode='none' 一般是调用时明确表示不希望自动弹出错误提示
+    if (options.errorMessageMode === 'modal')
+      createErrorModal({ title: t('sys.api.errorTip'), content: timeoutMsg })
+    else if (options.errorMessageMode === 'message')
+      createMessage.error(timeoutMsg)
+
+    throw new Error(timeoutMsg || t('sys.api.apiRequestFailed'))
+  },
+
+  // 请求之前处理config
+  beforeRequestHook: (config, options) => {
+    const { apiUrl, joinPrefix, joinParamsToUrl, formatDate, joinTime = true, urlPrefix } = options
+
+    if (joinPrefix)
+      config.url = `${urlPrefix}${config.url}`
+
+    if (apiUrl && isString(apiUrl))
+      config.url = `${apiUrl}${config.url}`
+
+    const params = config.params || {}
+    const data = config.data || false
+    formatDate && data && !isString(data) && formatRequestDate(data)
+    if (config.method?.toUpperCase() === RequestEnum.GET) {
+      if (!isString(params)) {
+        // 给 get 请求加上时间戳参数，避免从缓存中拿数据。
+        let url = `${config.url}?`
+        for (const propName of Object.keys(params)) {
+          const value = params[propName]
+          // eslint-disable-next-line no-void
+          if (value !== void 0 && value !== null && typeof value !== 'undefined') {
+            if (typeof value === 'object') {
+              for (const val of Object.keys(value)) {
+                const paramss = `${propName}[${val}]`
+                const subPart = `${encodeURIComponent(paramss)}=`
+                url += `${subPart + encodeURIComponent(value[val])}&`
+              }
+            }
+            else {
+              url += `${propName}=${encodeURIComponent(value)}&`
+            }
+          }
+        }
+        url = url.slice(0, -1)
+        config.params = {}
+        config.url = url
+      }
+      else {
+        // 兼容restful风格
+        config.url = `${config.url + params}${joinTimestamp(joinTime, true)}`
+        config.params = undefined
+      }
+    }
+    else {
+      if (!isString(params)) {
+        formatDate && formatRequestDate(params)
+        if (Reflect.has(config, 'data') && config.data && (Object.keys(config.data).length > 0 || config.data instanceof FormData)) {
+          config.data = data
+          config.params = params
+        }
+        else {
+          // 非GET请求如果没有提供data，则将params视为data
+          config.data = params
+          config.params = undefined
+        }
+        if (joinParamsToUrl)
+          config.url = setObjToUrlParams(config.url as string, Object.assign({}, config.params, config.data))
+      }
+      else {
+        // 兼容restful风格
+        config.url = config.url + params
+        config.params = undefined
+      }
+    }
+    return config
+  },
+
+  /**
+   * @description: 请求拦截器处理
+   */
+  requestInterceptors: (config, options) => {
+    // 是否需要设置 token
+    let isToken = (config as Recordable)?.requestOptions?.withToken === false
+    isToken = whiteList.some((v) => {
+      if (config.url) {
+        config.url.includes(v)
+        return false
+      }
+      return true
+    })
+    // 请求之前处理config
+    const token = getAccessToken()
+    if (token && !isToken) {
+      // jwt token
+      ;(config as Recordable).headers.Authorization = options.authenticationScheme ? `${options.authenticationScheme} ${token}` : token
+    }
+    // 设置租户
+    if (tenantEnable && tenantEnable === 'true') {
+      const tenantId = getTenantId()
+      if (tenantId)
+        (config as Recordable).headers['tenant-id'] = tenantId
+    }
+    return config
+  },
+
+  /**
+   * @description: 响应拦截器处理
+   */
+  responseInterceptors: (res: AxiosResponse<any>) => {
+    return res
+  },
+
+  /**
+   * @description: 响应错误处理
+   */
+  responseInterceptorsCatch: (axiosInstance: AxiosInstance, error: any) => {
+    const { t } = useI18n()
+    const errorLogStore = useErrorLogStoreWithOut()
+    errorLogStore.addAjaxErrorInfo(error)
+    const { response, code, message, config } = error || {}
+    const errorMessageMode = config?.requestOptions?.errorMessageMode || 'none'
+    const msg: string = response?.data?.error?.message ?? ''
+    const err: string = error?.toString?.() ?? ''
+    let errMessage = ''
+
+    if (axios.isCancel(error))
+      return Promise.reject(error)
+
+    try {
+      if (code === 'ECONNABORTED' && message.includes('timeout'))
+        errMessage = t('sys.api.apiTimeoutMessage')
+
+      if (err?.includes('Network Error'))
+        errMessage = t('sys.api.networkExceptionMsg')
+
+      if (errMessage) {
+        if (errorMessageMode === 'modal')
+          createErrorModal({ title: t('sys.api.errorTip'), content: errMessage })
+        else if (errorMessageMode === 'message')
+          createMessage.error(errMessage)
+
+        return Promise.reject(error)
+      }
+    }
+    catch (error) {
+      throw new Error(error as string)
+    }
+
+    checkStatus(error?.response?.status, msg, errorMessageMode)
+
+    // 添加自动重试机制 保险起见 只针对GET请求
+    const retryRequest = new AxiosRetry()
+    const { isOpenRetry } = config.requestOptions.retryRequest
+    config.method?.toUpperCase() === RequestEnum.GET
+      && isOpenRetry
+      && retryRequest.retry(axiosInstance, error)
+
+    return Promise.reject(error)
+  },
+}
+
+function createAxios(opt?: Partial<CreateAxiosOptions>) {
+  return new VAxios(
+    // 深度合并
+    deepMerge(
+      {
+        // See https://developer.mozilla.org/en-US/docs/Web/HTTP/Authentication#authentication_schemes
+        // authentication schemes，e.g: Bearer
+        // authenticationScheme: 'Bearer',
+        authenticationScheme: 'Bearer',
+        timeout: 10 * 1000,
+        // 基础接口地址
+        // baseURL: globSetting.apiUrl,
+
+        headers: { 'Content-Type': ContentTypeEnum.JSON },
+        // 如果是form-data格式
+        // headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED },
+        // 数据处理方式
+        transform: clone(transform),
+        // 配置项，下面的选项都可以在独立的接口请求中覆盖
+        requestOptions: {
+          // 默认将prefix 添加到url
+          joinPrefix: true,
+          // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+          isReturnNativeResponse: false,
+          // 需要对返回数据进行处理
+          isTransformResponse: true,
+          // post请求的时候添加参数到url
+          joinParamsToUrl: false,
+          // 格式化提交参数时间
+          formatDate: true,
+          // 消息提示类型
+          errorMessageMode: 'message',
+          // 接口地址
+          apiUrl: globSetting.apiUrl,
+          // 接口拼接地址
+          urlPrefix,
+          //  是否加入时间戳
+          joinTime: true,
+          // 忽略重复请求
+          ignoreCancelToken: true,
+          // 是否携带token
+          withToken: true,
+          retryRequest: {
+            isOpenRetry: true,
+            count: 5,
+            waitTime: 100,
+          },
+        },
+      },
+      opt || {},
+    ),
+  )
+}
+export const defHttp = createAxios()
+
+// other api url
+// export const otherHttp = createAxios({
+//   requestOptions: {
+//     apiUrl: 'xxx',
+//     urlPrefix: 'xxx',
+//   },
+// });
diff --git a/yunxi-ui-admin-vben/src/utils/index.ts b/yunxi-ui-admin-vben/src/utils/index.ts
new file mode 100644
index 0000000..9589756
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/index.ts
@@ -0,0 +1,170 @@
+import type { RouteLocationNormalized, RouteRecordNormalized } from 'vue-router'
+import type { App, Component } from 'vue'
+
+import { intersectionWith, isEqual, mergeWith, unionWith } from 'lodash-es'
+import { unref } from 'vue'
+import { isArray, isObject } from '@/utils/is'
+
+export function noop() {}
+
+/**
+ * @description:  Set ui mount node
+ */
+export function getPopupContainer(node?: HTMLElement): HTMLElement {
+  return (node?.parentNode as HTMLElement) ?? document.body
+}
+
+/**
+ * Add the object as a parameter to the URL
+ * @param baseUrl url
+ * @param obj
+ * @returns {string}
+ * eg:
+ *  let obj = {a: '3', b: '4'}
+ *  setObjToUrlParams('www.baidu.com', obj)
+ *  ==>www.baidu.com?a=3&b=4
+ */
+export function setObjToUrlParams(baseUrl: string, obj: any): string {
+  let parameters = ''
+  for (const key in obj)
+    parameters += `${key}=${encodeURIComponent(obj[key])}&`
+
+  parameters = parameters.replace(/&$/, '')
+  return /\?$/.test(baseUrl) ? baseUrl + parameters : baseUrl.replace(/\/?$/, '?') + parameters
+}
+
+/**
+ * Recursively merge two objects.
+ * 递归合并两个对象。
+ *
+ * @param source The source object to merge from. 要合并的源对象。
+ * @param target The target object to merge into. 目标对象，合并后结果存放于此。
+ * @param mergeArrays How to merge arrays. Default is "replace".
+ *        如何合并数组。默认为replace。
+ *        - "union": Union the arrays. 对数组执行并集操作。
+ *        - "intersection": Intersect the arrays. 对数组执行交集操作。
+ *        - "concat": Concatenate the arrays. 连接数组。
+ *        - "replace": Replace the source array with the target array. 用目标数组替换源数组。
+ * @returns The merged object. 合并后的对象。
+ */
+export function deepMerge<T extends object | null | undefined, U extends object | null | undefined>(
+  source: T,
+  target: U,
+  mergeArrays: 'union' | 'intersection' | 'concat' | 'replace' = 'replace',
+): T & U {
+  if (!target)
+    return source as T & U
+
+  if (!source)
+    return target as T & U
+
+  return mergeWith({}, source, target, (sourceValue, targetValue) => {
+    if (isArray(targetValue) && isArray(sourceValue)) {
+      switch (mergeArrays) {
+        case 'union':
+          return unionWith(sourceValue, targetValue, isEqual)
+        case 'intersection':
+          return intersectionWith(sourceValue, targetValue, isEqual)
+        case 'concat':
+          return sourceValue.concat(targetValue)
+        case 'replace':
+          return targetValue
+        default:
+          throw new Error(`Unknown merge array strategy: ${mergeArrays as string}`)
+      }
+    }
+    if (isObject(targetValue) && isObject(sourceValue))
+      return deepMerge(sourceValue, targetValue, mergeArrays)
+
+    return undefined
+  })
+}
+
+export function openWindow(url: string, opt?: { target?: TargetContext | string; noopener?: boolean; noreferrer?: boolean }) {
+  const { target = '__blank', noopener = true, noreferrer = true } = opt || {}
+  const feature: string[] = []
+
+  noopener && feature.push('noopener=yes')
+  noreferrer && feature.push('noreferrer=yes')
+
+  window.open(url, target, feature.join(','))
+}
+
+// dynamic use hook props
+export function getDynamicProps<T extends Record<string, unknown>, U>(props: T): Partial<U> {
+  const ret: Recordable = {}
+
+  Object.keys(props).map((key) => {
+    ret[key] = unref((props as Recordable)[key])
+  })
+
+  return ret as Partial<U>
+}
+
+export function getRawRoute(route: RouteLocationNormalized): RouteLocationNormalized {
+  if (!route)
+    return route
+  const { matched, ...opt } = route
+  return {
+    ...opt,
+    matched: (matched
+      ? matched.map(item => ({
+        meta: item.meta,
+        name: item.name,
+        path: item.path,
+      }))
+      : undefined) as RouteRecordNormalized[],
+  }
+}
+
+// https://github.com/vant-ui/vant/issues/8302
+interface EventShim {
+  new (...args: any[]): {
+    $props: {
+      onClick?: (...args: any[]) => void
+    }
+  }
+}
+
+export type WithInstall<T> = T & {
+  install(app: App): void
+} & EventShim
+
+export type CustomComponent = Component & { displayName?: string }
+
+export function withInstall<T extends CustomComponent>(component: T, alias?: string) {
+  ;(component as Record<string, unknown>).install = (app: App) => {
+    const compName = component.name || component.displayName
+    if (!compName)
+      return
+    app.component(compName, component)
+    if (alias)
+      app.config.globalProperties[alias] = component
+  }
+  return component as WithInstall<T>
+}
+
+/**
+ * 简单实现防抖方法
+ *
+ * 防抖(debounce)函数在第一次触发给定的函数时，不立即执行函数，而是给出一个期限值(delay)，比如100ms。
+ * 如果100ms内再次执行函数，就重新开始计时，直到计时结束后再真正执行函数。
+ * 这样做的好处是如果短时间内大量触发同一事件，只会执行一次函数。
+ *
+ * @param fn 要防抖的函数
+ * @param delay 防抖的毫秒数
+ * @returns {Function}
+ */
+export function simpleDebounce(fn, delay = 100) {
+  let timer: any | null = null
+  return () => {
+    // eslint-disable-next-line prefer-rest-params
+    const args = arguments
+    if (timer)
+      clearTimeout(timer)
+
+    timer = setTimeout(() => {
+      fn.apply(this, args)
+    }, delay)
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/is.ts b/yunxi-ui-admin-vben/src/utils/is.ts
new file mode 100644
index 0000000..d345a53
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/is.ts
@@ -0,0 +1,96 @@
+// eslint-disable-next-line @typescript-eslint/unbound-method
+const toString = Object.prototype.toString
+
+export function is(val: unknown, type: string) {
+  return toString.call(val) === `[object ${type}]`
+}
+
+export function isDef<T = unknown>(val?: T): val is T {
+  return typeof val !== 'undefined'
+}
+
+export function isUnDef<T = unknown>(val?: T): val is T {
+  return !isDef(val)
+}
+
+export function isObject(val: any): val is Record<any, any> {
+  return val !== null && is(val, 'Object')
+}
+
+export function isEmpty<T = unknown>(val: T): val is T {
+  if (isArray(val) || isString(val))
+    return val.length === 0
+
+  if (val instanceof Map || val instanceof Set)
+    return val.size === 0
+
+  if (isObject(val))
+    return Object.keys(val).length === 0
+
+  return false
+}
+
+export function isDate(val: unknown): val is Date {
+  return is(val, 'Date')
+}
+
+export function isNull(val: unknown): val is null {
+  return val === null
+}
+
+export function isNullAndUnDef(val: unknown): val is null | undefined {
+  return isUnDef(val) && isNull(val)
+}
+
+export function isNullOrUnDef(val: unknown): val is null | undefined {
+  return isUnDef(val) || isNull(val)
+}
+
+export function isNumber(val: unknown): val is number {
+  return is(val, 'Number')
+}
+
+export function isPromise<T = any>(val: unknown): val is Promise<T> {
+  return is(val, 'Promise') && isObject(val) && isFunction(val.then) && isFunction(val.catch)
+}
+
+export function isString(val: unknown): val is string {
+  return is(val, 'String')
+}
+
+export function isFunction(val: unknown): val is Fn {
+  return typeof val === 'function'
+}
+
+export function isBoolean(val: unknown): val is boolean {
+  return is(val, 'Boolean')
+}
+
+export function isRegExp(val: unknown): val is RegExp {
+  return is(val, 'RegExp')
+}
+
+export function isArray(val: any): val is Array<any> {
+  return val && Array.isArray(val)
+}
+
+export function isWindow(val: any): val is Window {
+  return typeof window !== 'undefined' && is(val, 'Window')
+}
+
+export function isElement(val: unknown): val is Element {
+  return isObject(val) && !!val.tagName
+}
+
+export function isMap(val: unknown): val is Map<any, any> {
+  return is(val, 'Map')
+}
+
+export const isServer = typeof window === 'undefined'
+
+export const isClient = !isServer
+
+export function isUrl(path: string): boolean {
+  const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/
+  return reg.test(path)
+}
diff --git a/yunxi-ui-admin-vben/src/utils/lib/echarts.ts b/yunxi-ui-admin-vben/src/utils/lib/echarts.ts
new file mode 100644
index 0000000..715d08b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/lib/echarts.ts
@@ -0,0 +1,50 @@
+import * as echarts from 'echarts/core'
+
+import { BarChart, GaugeChart, LineChart, MapChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts'
+
+import {
+  AriaComponent,
+  CalendarComponent,
+  DataZoomComponent,
+  GraphicComponent,
+  GridComponent,
+  LegendComponent,
+  ParallelComponent,
+  PolarComponent,
+  RadarComponent,
+  TimelineComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  VisualMapComponent,
+} from 'echarts/components'
+
+import { SVGRenderer } from 'echarts/renderers'
+
+echarts.use([
+  LegendComponent,
+  TitleComponent,
+  TooltipComponent,
+  GridComponent,
+  PolarComponent,
+  AriaComponent,
+  ParallelComponent,
+  BarChart,
+  GaugeChart,
+  LineChart,
+  PieChart,
+  MapChart,
+  RadarChart,
+  SVGRenderer,
+  PictorialBarChart,
+  RadarComponent,
+  ToolboxComponent,
+  DataZoomComponent,
+  VisualMapComponent,
+  TimelineComponent,
+  CalendarComponent,
+  GraphicComponent,
+  ScatterChart,
+])
+
+export default echarts
diff --git a/yunxi-ui-admin-vben/src/utils/log.ts b/yunxi-ui-admin-vben/src/utils/log.ts
new file mode 100644
index 0000000..6f0d9d4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/log.ts
@@ -0,0 +1,9 @@
+const projectName = import.meta.env.VITE_GLOB_APP_TITLE
+
+export function warn(message: string) {
+  console.warn(`[${projectName} warn]:${message}`)
+}
+
+export function error(message: string) {
+  throw new Error(`[${projectName} error]:${message}`)
+}
diff --git a/yunxi-ui-admin-vben/src/utils/mitt.ts b/yunxi-ui-admin-vben/src/utils/mitt.ts
new file mode 100644
index 0000000..ba36be8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/mitt.ts
@@ -0,0 +1,100 @@
+/* eslint-disable array-callback-return */
+/**
+ * copy to https://github.com/developit/mitt
+ * Expand clear method
+ */
+
+export type EventType = string | symbol
+
+// An event handler can take an optional event argument
+// and should not return a value
+export type Handler<T = any> = (event?: T) => void
+export type WildcardHandler = (type: EventType, event?: any) => void
+
+// An array of all currently registered event handlers for a type
+export type EventHandlerList = Array<Handler>
+export type WildCardEventHandlerList = Array<WildcardHandler>
+
+// A map of event types and their corresponding event handlers.
+export type EventHandlerMap = Map<EventType, EventHandlerList | WildCardEventHandlerList>
+
+export interface Emitter {
+  all: EventHandlerMap
+
+  on<T = any>(type: EventType, handler: Handler<T>): void
+  on(type: '*', handler: WildcardHandler): void
+
+  off<T = any>(type: EventType, handler: Handler<T>): void
+  off(type: '*', handler: WildcardHandler): void
+
+  emit<T = any>(type: EventType, event?: T): void
+  emit(type: '*', event?: any): void
+  clear(): void
+}
+
+/**
+ * Mitt: Tiny (~200b) functional event emitter / pubsub.
+ * @name mitt
+ * @returns {Mitt}
+ */
+export default function mitt(all?: EventHandlerMap): Emitter {
+  all = all || new Map()
+
+  return {
+    /**
+     * A Map of event names to registered handler functions.
+     */
+    all,
+
+    /**
+     * Register an event handler for the given type.
+     * @param {string|symbol} type Type of event to listen for, or `"*"` for all events
+     * @param {Function} handler Function to call in response to given event
+     * @memberOf mitt
+     */
+    on<T = any>(type: EventType, handler: Handler<T>) {
+      const handlers = all?.get(type)
+      const added = handlers && handlers.push(handler)
+      if (!added)
+        all?.set(type, [handler])
+    },
+
+    /**
+     * Remove an event handler for the given type.
+     * @param {string|symbol} type Type of event to unregister `handler` from, or `"*"`
+     * @param {Function} handler Handler function to remove
+     * @memberOf mitt
+     */
+    off<T = any>(type: EventType, handler: Handler<T>) {
+      const handlers = all?.get(type)
+      if (handlers)
+        handlers.splice(handlers.indexOf(handler) >>> 0, 1)
+    },
+
+    /**
+     * Invoke all handlers for the given type.
+     * If present, `"*"` handlers are invoked after type-matched handlers.
+     *
+     * Note: Manually firing "*" handlers is not supported.
+     *
+     * @param {string|symbol} type The event type to invoke
+     * @param {Any} [evt] Any value (object is recommended and powerful), passed to each handler
+     * @memberOf mitt
+     */
+    emit<T = any>(type: EventType, evt: T) {
+      ;((all?.get(type) || []) as EventHandlerList).slice().map((handler) => {
+        handler(evt)
+      })
+      ;((all?.get('*') || [])).slice().map((handler) => {
+        handler(type, evt)
+      })
+    },
+
+    /**
+     * Clear all
+     */
+    clear() {
+      this.all.clear()
+    },
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/utils/propTypes.ts b/yunxi-ui-admin-vben/src/utils/propTypes.ts
new file mode 100644
index 0000000..2ea6a6a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/propTypes.ts
@@ -0,0 +1,35 @@
+import type { CSSProperties, VNodeChild } from 'vue'
+import type { VueTypeValidableDef, VueTypesInterface } from 'vue-types'
+import { createTypes } from 'vue-types'
+
+export type VueNode = VNodeChild | JSX.Element
+
+type PropTypes = VueTypesInterface & {
+  readonly style: VueTypeValidableDef<CSSProperties>
+  readonly VNodeChild: VueTypeValidableDef<VueNode>
+  // readonly trueBool: VueTypeValidableDef<boolean>;
+}
+
+const propTypes = createTypes({
+  func: undefined,
+  bool: undefined,
+  string: undefined,
+  number: undefined,
+  object: undefined,
+  integer: undefined,
+}) as PropTypes
+
+// propTypes.extend([
+//   {
+//     name: 'style',
+//     getter: true,
+//     type: [String, Object],
+//     default: undefined
+//   },
+//   {
+//     name: 'VNodeChild',
+//     getter: true,
+//     type: undefined
+//   }
+// ])
+export { propTypes }
diff --git a/yunxi-ui-admin-vben/src/utils/props.ts b/yunxi-ui-admin-vben/src/utils/props.ts
new file mode 100644
index 0000000..64981a8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/props.ts
@@ -0,0 +1,159 @@
+// copy from element-plus
+
+import { warn } from 'vue'
+import { fromPairs } from 'lodash-es'
+import type { ExtractPropTypes } from 'vue'
+import type { Mutable } from './types'
+import { isObject } from '@/utils/is'
+
+const wrapperKey = Symbol('wrapperKey')
+export interface PropWrapper<T> { [wrapperKey]: T }
+
+export const propKey = Symbol('propKey')
+
+type ResolveProp<T> = ExtractPropTypes<{
+  key: { type: T; required: true }
+}>['key']
+type ResolvePropType<T> = ResolveProp<T> extends { type: infer V } ? V : ResolveProp<T>
+type ResolvePropTypeWithReadonly<T> = Readonly<T> extends Readonly<Array<infer A>> ? ResolvePropType<A[]> : ResolvePropType<T>
+
+type IfUnknown<T, V> = [unknown] extends [T] ? V : T
+
+export interface BuildPropOption<T, D extends BuildPropType<T, V, C>, R, V, C> {
+  type?: T
+  values?: readonly V[]
+  required?: R
+  default?: R extends true ? never : D extends Record<string, unknown> | Array<any> ? () => D : (() => D) | D
+  validator?: ((val: any) => val is C) | ((val: any) => boolean)
+}
+
+type _BuildPropType<T, V, C> =
+  | (T extends PropWrapper<unknown> ? T[typeof wrapperKey] : [V] extends [never] ? ResolvePropTypeWithReadonly<T> : never)
+  | V
+  | C
+export type BuildPropType<T, V, C> = _BuildPropType<IfUnknown<T, never>, IfUnknown<V, never>, IfUnknown<C, never>>
+
+type _BuildPropDefault<T, D> = [T] extends [
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  Record<string, unknown> | Array<any> | Function,
+]
+  ? D
+  : D extends () => T
+    ? ReturnType<D>
+    : D
+
+export type BuildPropDefault<T, D, R> = R extends true
+  ? { readonly default?: undefined }
+  : {
+      readonly default: Exclude<D, undefined> extends never ? undefined : Exclude<_BuildPropDefault<T, D>, undefined>
+    }
+export type BuildPropReturn<T, D, R, V, C> = {
+  readonly type: PropType<BuildPropType<T, V, C>>
+  readonly required: IfUnknown<R, false>
+  readonly validator: ((val: unknown) => boolean) | undefined
+  [propKey]: true
+} & BuildPropDefault<BuildPropType<T, V, C>, IfUnknown<D, never>, IfUnknown<R, false>>
+
+/**
+ * @description Build prop. It can better optimize prop types
+ * @description 生成 prop，能更好地优化类型
+ * @example
+  // limited options
+  // the type will be PropType<'light' | 'dark'>
+  buildProp({
+    type: String,
+    values: ['light', 'dark'],
+  } as const)
+ * @example
+  // limited options and other types
+  // the type will be PropType<'small' | 'medium' | number>
+  buildProp({
+    type: [String, Number],
+    values: ['small', 'medium'],
+    validator: (val: unknown): val is number => typeof val === 'number',
+  } as const)
+  @link see more: https://github.com/element-plus/element-plus/pull/3341
+ */
+export function buildProp<T = never, D extends BuildPropType<T, V, C> = never, R extends boolean = false, V = never, C = never>(
+  option: BuildPropOption<T, D, R, V, C>,
+  key?: string,
+): BuildPropReturn<T, D, R, V, C> {
+  // filter native prop type and nested prop, e.g `null`, `undefined` (from `buildProps`)
+  if (!isObject(option) || !!option[propKey])
+    return option as any
+
+  const { values, required, default: defaultValue, type, validator } = option
+
+  const _validator
+    = values || validator
+      ? (val: unknown) => {
+          let valid = false
+          let allowedValues: unknown[] = []
+
+          if (values) {
+            allowedValues = [...values, defaultValue]
+            valid ||= allowedValues.includes(val)
+          }
+          if (validator)
+            valid ||= validator(val)
+
+          if (!valid && allowedValues.length > 0) {
+            const allowValuesText = [...new Set(allowedValues)].map(value => JSON.stringify(value)).join(', ')
+            warn(
+              `Invalid prop: validation failed${
+                key ? ` for prop "${key}"` : ''
+              }. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`,
+            )
+          }
+          return valid
+        }
+      : undefined
+
+  return {
+    type: typeof type === 'object' && type && Object.getOwnPropertySymbols(type).includes(wrapperKey) ? type[wrapperKey] : type,
+    required: !!required,
+    default: defaultValue,
+    validator: _validator,
+    [propKey]: true,
+  } as unknown as BuildPropReturn<T, D, R, V, C>
+}
+
+type NativePropType = [((...args: any) => any) | { new (...args: any): any } | undefined | null]
+
+export function buildProps<
+  O extends {
+    [K in keyof O]: O[K] extends BuildPropReturn<any, any, any, any, any>
+      ? O[K]
+      : [O[K]] extends NativePropType
+          ? O[K]
+          : O[K] extends BuildPropOption<infer T, infer D, infer R, infer V, infer C>
+            ? D extends BuildPropType<T, V, C>
+              ? BuildPropOption<T, D, R, V, C>
+              : never
+            : never
+  },
+>(props: O) {
+  return fromPairs(Object.entries(props).map(([key, option]) => [key, buildProp(option as any, key)])) as unknown as {
+    [K in keyof O]: O[K] extends { [propKey]: boolean }
+      ? O[K]
+      : [O[K]] extends NativePropType
+          ? O[K]
+          : O[K] extends BuildPropOption<
+          infer T,
+
+          infer _D,
+          infer R,
+          infer V,
+          infer C
+        >
+            ? BuildPropReturn<T, O[K]['default'], R, V, C>
+            : never
+  }
+}
+
+export const definePropType = <T>(val: any) => ({ [wrapperKey]: val }) as PropWrapper<T>
+
+export const keyOf = <T>(arr: T) => Object.keys(arr as any) as Array<keyof T>
+export const mutable = <T extends readonly any[] | Record<string, unknown>>(val: T) => val as Mutable<typeof val>
+
+export const componentSize = ['large', 'medium', 'small', 'mini'] as const
diff --git a/yunxi-ui-admin-vben/src/utils/tongji.ts b/yunxi-ui-admin-vben/src/utils/tongji.ts
new file mode 100644
index 0000000..270074f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/tongji.ts
@@ -0,0 +1,23 @@
+import { router } from '@/router'
+
+// 用于 router push
+window._hmt = window._hmt || []
+// HM_ID
+const HM_ID = import.meta.env.VITE_APP_BAIDU_CODE
+;(function () {
+  // 有值的时候，才开启
+  if (!HM_ID)
+    return
+
+  const hm = document.createElement('script')
+  hm.src = `https://hm.baidu.com/hm.js?${HM_ID}`
+  const s = document.getElementsByTagName('script')[0]
+  s.parentNode.insertBefore(hm, s)
+})()
+
+router.afterEach((to) => {
+  if (!HM_ID)
+    return
+
+  _hmt.push(['_trackPageview', to.fullPath])
+})
diff --git a/yunxi-ui-admin-vben/src/utils/tree.ts b/yunxi-ui-admin-vben/src/utils/tree.ts
new file mode 100644
index 0000000..d5d4b3c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/tree.ts
@@ -0,0 +1,277 @@
+interface TreeHelperConfig {
+  id: string
+  children: string
+  pid: string
+}
+const DEFAULT_CONFIG: TreeHelperConfig = {
+  id: 'id',
+  children: 'children',
+  pid: 'pid',
+}
+export const defaultProps = {
+  children: 'children',
+  label: 'name',
+  value: 'id',
+}
+
+const getConfig = (config: Partial<TreeHelperConfig>) => Object.assign({}, DEFAULT_CONFIG, config)
+
+// tree from list
+export function listToTree<T = any>(list: any[], config: Partial<TreeHelperConfig> = {}): T[] {
+  const conf = getConfig(config) as TreeHelperConfig
+  const nodeMap = new Map()
+  const result: T[] = []
+  const { id, children, pid } = conf
+
+  for (const node of list) {
+    node[children] = node[children] || []
+    nodeMap.set(node[id], node)
+  }
+  for (const node of list) {
+    const parent = nodeMap.get(node[pid])
+    ;(parent ? parent.children : result).push(node)
+  }
+  return result
+}
+
+export function treeToList<T = any>(tree: any, config: Partial<TreeHelperConfig> = {}): T {
+  config = getConfig(config)
+  const { children } = config
+  const result: any = [...tree]
+  for (let i = 0; i < result.length; i++) {
+    if (!result[i][children!])
+      continue
+    result.splice(i + 1, 0, ...result[i][children!])
+  }
+  return result
+}
+
+export function findNode<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | null {
+  config = getConfig(config)
+  const { children } = config
+  const list = [...tree]
+  for (const node of list) {
+    if (func(node))
+      return node
+    node[children!] && list.push(...node[children!])
+  }
+  return null
+}
+
+export function findNodeAll<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T[] {
+  config = getConfig(config)
+  const { children } = config
+  const list = [...tree]
+  const result: T[] = []
+  for (const node of list) {
+    func(node) && result.push(node)
+    node[children!] && list.push(...node[children!])
+  }
+  return result
+}
+
+export function findPath<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | T[] | null {
+  config = getConfig(config)
+  const path: T[] = []
+  const list = [...tree]
+  const visitedSet = new Set()
+  const { children } = config
+  while (list.length) {
+    const node = list[0]
+    if (visitedSet.has(node)) {
+      path.pop()
+      list.shift()
+    }
+    else {
+      visitedSet.add(node)
+      node[children!] && list.unshift(...node[children!])
+      path.push(node)
+      if (func(node))
+        return path
+    }
+  }
+  return null
+}
+
+export function findPathAll(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}) {
+  config = getConfig(config)
+  const path: any[] = []
+  const list = [...tree]
+  const result: any[] = []
+  const visitedSet = new Set()
+  const { children } = config
+  while (list.length) {
+    const node = list[0]
+    if (visitedSet.has(node)) {
+      path.pop()
+      list.shift()
+    }
+    else {
+      visitedSet.add(node)
+      node[children!] && list.unshift(...node[children!])
+      path.push(node)
+      func(node) && result.push([...path])
+    }
+  }
+  return result
+}
+
+export function filter<T = any>(tree: T[], func: (n: T) => boolean, config: Partial<TreeHelperConfig> = {}): T[] {
+  config = getConfig(config)
+  const children = config.children as string
+  function listFilter(list: T[]) {
+    return list
+      .map((node: any) => ({ ...node }))
+      .filter((node) => {
+        node[children] = node[children] && listFilter(node[children])
+        return func(node) || (node[children] && node[children].length)
+      })
+  }
+  return listFilter(tree)
+}
+
+export function forEach<T = any>(tree: T[], func: (n: T) => any, config: Partial<TreeHelperConfig> = {}): void {
+  config = getConfig(config)
+  const list: any[] = [...tree]
+  const { children } = config
+  for (let i = 0; i < list.length; i++) {
+    // func 返回true就终止遍历，避免大量节点场景下无意义循环，引起浏览器卡顿
+    if (func(list[i]))
+      return
+
+    children && list[i][children] && list.splice(i + 1, 0, ...list[i][children])
+  }
+}
+
+/**
+ * @description: Extract tree specified structure
+ */
+export function treeMap<T = any>(treeData: T[], opt: { children?: string; conversion: Fn }): T[] {
+  return treeData.map(item => treeMapEach(item, opt))
+}
+
+/**
+ * @description: Extract tree specified structure
+ */
+export function treeMapEach(data: any, { children = 'children', conversion }: { children?: string; conversion: Fn }) {
+  const haveChildren = Array.isArray(data[children]) && data[children].length > 0
+  const conversionData = conversion(data) || {}
+  if (haveChildren) {
+    return {
+      ...conversionData,
+      [children]: data[children].map((i: number) =>
+        treeMapEach(i, {
+          children,
+          conversion,
+        }),
+      ),
+    }
+  }
+  else {
+    return {
+      ...conversionData,
+    }
+  }
+}
+
+/**
+ * 递归遍历树结构
+ * @param treeDatas 树
+ * @param callBack 回调
+ * @param parentNode 父节点
+ */
+export function eachTree(treeDatas: any[], callBack: Fn, parentNode = {}) {
+  treeDatas.forEach((element) => {
+    const newNode = callBack(element, parentNode) || element
+    if (element.children)
+      eachTree(element.children, callBack, newNode)
+  })
+}
+
+/**
+ * 构造树型结构数据
+ * @param {*} data 数据源
+ * @param {*} id id字段 默认 'id'
+ * @param {*} parentId 父节点字段 默认 'parentId'
+ * @param {*} children 孩子节点字段 默认 'children'
+ */
+export function handleTree(data: any[], id?: string, parentId?: string, children?: string) {
+  if (!Array.isArray(data)) {
+    console.warn('data must be an array')
+    return []
+  }
+  const config = {
+    id: id || 'id',
+    parentId: parentId || 'parentId',
+    childrenList: children || 'children',
+  }
+
+  const childrenListMap = {}
+  const nodeIds = {}
+  const tree: any[] = []
+
+  for (const d of data) {
+    const parentId = d[config.parentId]
+    if (childrenListMap[parentId] == null)
+      childrenListMap[parentId] = []
+
+    nodeIds[d[config.id]] = d
+    childrenListMap[parentId].push(d)
+  }
+
+  for (const d of data) {
+    const parentId = d[config.parentId]
+    if (nodeIds[parentId] == null)
+      tree.push(d)
+  }
+
+  for (const t of tree)
+    adaptToChildrenList(t)
+
+  function adaptToChildrenList(o) {
+    if (childrenListMap[o[config.id]] !== null)
+      o[config.childrenList] = childrenListMap[o[config.id]]
+
+    if (o[config.childrenList]) {
+      for (const c of o[config.childrenList])
+        adaptToChildrenList(c)
+    }
+  }
+  return tree
+}
+
+/**
+ * 构造树型结构数据
+ * @param {*} data 数据源
+ * @param {*} id id字段 默认 'id'
+ * @param {*} parentId 父节点字段 默认 'parentId'
+ * @param {*} children 孩子节点字段 默认 'children'
+ * @param {*} rootId 根Id 默认 0
+ */
+export function handleTree2(data, id, parentId, children, rootId) {
+  id = id || 'id'
+  parentId = parentId || 'parentId'
+  children = children || 'children'
+  rootId
+    = rootId
+    || Math.min(
+      ...data.map((item) => {
+        return item[parentId]
+      }),
+    )
+    || 0
+  // 对源数据深度克隆
+  const cloneData = JSON.parse(JSON.stringify(data))
+  // 循环所有项
+  const treeData = cloneData.filter((father) => {
+    const branchArr = cloneData.filter((child) => {
+      // 返回每一项的子级数组
+      return father[id] === child[parentId]
+    })
+    // eslint-disable-next-line no-unused-expressions
+    branchArr.length > 0 ? (father.children = branchArr) : ''
+    // 返回第一层
+    return father[parentId] === rootId
+  })
+  return treeData !== '' ? treeData : data
+}
diff --git a/yunxi-ui-admin-vben/src/utils/types.ts b/yunxi-ui-admin-vben/src/utils/types.ts
new file mode 100644
index 0000000..1155a5c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/types.ts
@@ -0,0 +1,41 @@
+// copy from element-plus
+
+import type { CSSProperties, Plugin } from 'vue'
+
+type OptionalKeys<T extends Record<string, unknown>> = {
+  [K in keyof T]: T extends Record<K, T[K]> ? never : K
+}[keyof T]
+
+type RequiredKeys<T extends Record<string, unknown>> = Exclude<keyof T, OptionalKeys<T>>
+
+type MonoArgEmitter<T, Keys extends keyof T> = <K extends Keys>(evt: K, arg?: T[K]) => void
+
+type BiArgEmitter<T, Keys extends keyof T> = <K extends Keys>(evt: K, arg: T[K]) => void
+
+export type EventEmitter<T extends Record<string, unknown>> = MonoArgEmitter<T, OptionalKeys<T>> & BiArgEmitter<T, RequiredKeys<T>>
+
+export type AnyFunction<T> = (...args: any[]) => T
+
+export type PartialReturnType<T extends (...args: unknown[]) => unknown> = Partial<ReturnType<T>>
+
+export type SFCWithInstall<T> = T & Plugin
+
+export type Nullable<T> = T | null
+
+export type RefElement = Nullable<HTMLElement>
+
+export type CustomizedHTMLElement<T> = HTMLElement & T
+
+export interface Indexable<T> {
+  [key: string]: T
+}
+
+export type Hash<T> = Indexable<T>
+
+export type TimeoutHandle = ReturnType<typeof globalThis.setTimeout>
+
+export type ComponentSize = 'large' | 'medium' | 'small' | 'mini'
+
+export type StyleValue = string | CSSProperties | Array<StyleValue>
+
+export type Mutable<T> = { -readonly [P in keyof T]: T[P] }
diff --git a/yunxi-ui-admin-vben/src/utils/uuid.ts b/yunxi-ui-admin-vben/src/utils/uuid.ts
new file mode 100644
index 0000000..3a63335
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/utils/uuid.ts
@@ -0,0 +1,26 @@
+const hexList: string[] = []
+for (let i = 0; i <= 15; i++)
+  hexList[i] = i.toString(16)
+
+export function buildUUID(): string {
+  let uuid = ''
+  for (let i = 1; i <= 36; i++) {
+    if (i === 9 || i === 14 || i === 19 || i === 24)
+      uuid += '-'
+    else if (i === 15)
+      uuid += 4
+    else if (i === 20)
+      uuid += hexList[(Math.random() * 4) | 8]
+    else
+      uuid += hexList[(Math.random() * 16) | 0]
+  }
+  return uuid.replace(/-/g, '')
+}
+
+let unique = 0
+export function buildShortUUID(prefix = ''): string {
+  const time = Date.now()
+  const random = Math.floor(Math.random() * 1000000000)
+  unique++
+  return `${prefix}_${random}${unique}${String(time)}`
+}
diff --git a/yunxi-ui-admin-vben/src/views/base/about/index.vue b/yunxi-ui-admin-vben/src/views/base/about/index.vue
new file mode 100644
index 0000000..8f35013
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/about/index.vue
@@ -0,0 +1,107 @@
+<script lang="ts" setup>
+import { h } from 'vue'
+import { Tag } from 'ant-design-vue'
+import { PageWrapper } from '@/components/Page'
+import type { DescItem } from '@/components/Description'
+import { Description, useDescription } from '@/components/Description'
+import { DOC_URL, GITHUB_URL, SITE_URL } from '@/settings/siteSetting'
+
+const { pkg, lastBuildTime } = __APP_INFO__
+
+const { dependencies, devDependencies, name, version } = pkg
+
+const schema: DescItem[] = []
+const devSchema: DescItem[] = []
+
+const commonTagRender = (color: string) => curVal => h(Tag, { color }, () => curVal)
+const commonLinkRender = (text: string) => href => h('a', { href, target: '_blank' }, text)
+
+const infoSchema: DescItem[] = [
+  {
+    label: '版本',
+    field: 'version',
+    render: commonTagRender('blue'),
+  },
+  {
+    label: '最后编译时间',
+    field: 'lastBuildTime',
+    render: commonTagRender('blue'),
+  },
+  {
+    label: '文档地址',
+    field: 'doc',
+    render: commonLinkRender('文档地址'),
+  },
+  {
+    label: '预览地址',
+    field: 'preview',
+    render: commonLinkRender('预览地址'),
+  },
+  {
+    label: 'Github',
+    field: 'github',
+    render: commonLinkRender('Github'),
+  },
+  {
+    label: '外包服务',
+    field: 'outsourcing',
+    render: commonLinkRender('外包服务'),
+  },
+]
+
+const infoData = {
+  version,
+  lastBuildTime,
+  doc: DOC_URL,
+  preview: SITE_URL,
+  github: GITHUB_URL,
+  outsourcing: SITE_URL,
+}
+
+Object.keys(dependencies).forEach((key) => {
+  schema.push({ field: key, label: key })
+})
+
+Object.keys(devDependencies).forEach((key) => {
+  devSchema.push({ field: key, label: key })
+})
+
+const [register] = useDescription({
+  title: '生产环境依赖',
+  data: dependencies,
+  schema,
+  column: 3,
+})
+
+const [registerDev] = useDescription({
+  title: '开发环境依赖',
+  data: devDependencies,
+  schema: devSchema,
+  column: 3,
+})
+
+const [infoRegister] = useDescription({
+  title: '项目信息',
+  data: infoData,
+  schema: infoSchema,
+  column: 2,
+})
+</script>
+
+<template>
+  <PageWrapper title="关于">
+    <template #headerContent>
+      <div class="flex items-center justify-between">
+        <span class="flex-1">
+          <a :href="GITHUB_URL" target="_blank">{{ name }}</a>
+          基于Vue3.0、Vite、 Ant-Design-Vue 、TypeScript
+          的后台解决方案，目标是为中大型项目开发,提供现成的开箱解决方案及丰富的示例,原则上不会限制任何代码用于商用。<br>
+          同时，我们也提供<a :href="SITE_URL" target="_blank">外包服务</a>。
+        </span>
+      </div>
+    </template>
+    <Description class="enter-y" @register="infoRegister" />
+    <Description class="enter-y my-4" @register="register" />
+    <Description class="enter-y" @register="registerDev" />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/exception/Exception.vue b/yunxi-ui-admin-vben/src/views/base/exception/Exception.vue
new file mode 100644
index 0000000..5d7d833
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/exception/Exception.vue
@@ -0,0 +1,143 @@
+<script lang="tsx">
+import { Button, Result } from 'ant-design-vue'
+import { computed, defineComponent, ref, unref } from 'vue'
+import { useRoute } from 'vue-router'
+import { ExceptionEnum } from '@/enums/exceptionEnum'
+import notDataSvg from '@/assets/svg/no-data.svg'
+import netWorkSvg from '@/assets/svg/net-error.svg'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useGo, useRedo } from '@/hooks/web/usePage'
+import { PageEnum } from '@/enums/pageEnum'
+
+interface MapValue {
+  title: string
+  subTitle: string
+  btnText?: string
+  icon?: string
+  handler?: Fn
+  status?: string
+}
+
+export default defineComponent({
+  name: 'ErrorPage',
+  props: {
+    // 状态码
+    status: {
+      type: Number as PropType<number>,
+      default: ExceptionEnum.PAGE_NOT_FOUND,
+    },
+
+    title: {
+      type: String as PropType<string>,
+      default: '',
+    },
+
+    subTitle: {
+      type: String as PropType<string>,
+      default: '',
+    },
+
+    full: {
+      type: Boolean as PropType<boolean>,
+      default: false,
+    },
+  },
+  setup(props) {
+    const statusMapRef = ref(new Map<string | number, MapValue>())
+
+    const { query } = useRoute()
+    const go = useGo()
+    const redo = useRedo()
+    const { t } = useI18n()
+    const { prefixCls } = useDesign('app-exception-page')
+
+    const getStatus = computed(() => {
+      const { status: routeStatus } = query
+      const { status } = props
+      return Number(routeStatus) || status
+    })
+
+    const getMapValue = computed((): MapValue => {
+      return unref(statusMapRef).get(unref(getStatus)) as MapValue
+    })
+
+    const backLoginI18n = t('sys.exception.backLogin')
+    const backHomeI18n = t('sys.exception.backHome')
+
+    unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_ACCESS, {
+      title: '403',
+      status: `${ExceptionEnum.PAGE_NOT_ACCESS}`,
+      subTitle: t('sys.exception.subTitle403'),
+      btnText: props.full ? backLoginI18n : backHomeI18n,
+      handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()),
+    })
+
+    unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_FOUND, {
+      title: '404',
+      status: `${ExceptionEnum.PAGE_NOT_FOUND}`,
+      subTitle: t('sys.exception.subTitle404'),
+      btnText: props.full ? backLoginI18n : backHomeI18n,
+      handler: () => (props.full ? go(PageEnum.BASE_LOGIN) : go()),
+    })
+
+    unref(statusMapRef).set(ExceptionEnum.ERROR, {
+      title: '500',
+      status: `${ExceptionEnum.ERROR}`,
+      subTitle: t('sys.exception.subTitle500'),
+      btnText: backHomeI18n,
+      handler: () => go(),
+    })
+
+    unref(statusMapRef).set(ExceptionEnum.PAGE_NOT_DATA, {
+      title: t('sys.exception.noDataTitle'),
+      subTitle: '',
+      btnText: t('common.redo'),
+      handler: () => redo(),
+      icon: notDataSvg,
+    })
+
+    unref(statusMapRef).set(ExceptionEnum.NET_WORK_ERROR, {
+      title: t('sys.exception.networkErrorTitle'),
+      subTitle: t('sys.exception.networkErrorSubTitle'),
+      btnText: t('common.redo'),
+      handler: () => redo(),
+      icon: netWorkSvg,
+    })
+
+    return () => {
+      const { title, subTitle, btnText, icon, handler, status } = unref(getMapValue) || {}
+      return (
+        <Result class={prefixCls} status={status as any} title={props.title || title} sub-title={props.subTitle || subTitle}>
+          {{
+            extra: () =>
+              btnText && (
+                <Button type="primary" onClick={handler}>
+                  {() => btnText}
+                </Button>
+              ),
+            icon: () => (icon ? <img src={icon} /> : null),
+          }}
+        </Result>
+      )
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-app-exception-page';
+
+.@{prefix-cls} {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  .ant-result-icon {
+    img {
+      max-width: 400px;
+      max-height: 300px;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/base/exception/index.ts b/yunxi-ui-admin-vben/src/views/base/exception/index.ts
new file mode 100644
index 0000000..86b6f81
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/exception/index.ts
@@ -0,0 +1 @@
+export { default as Exception } from './Exception.vue'
diff --git a/yunxi-ui-admin-vben/src/views/base/iframe/FrameBlank.vue b/yunxi-ui-admin-vben/src/views/base/iframe/FrameBlank.vue
new file mode 100644
index 0000000..e918661
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/iframe/FrameBlank.vue
@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+defineOptions({ name: 'FrameBlank' })
+</script>
+
+<template>
+  <div />
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/iframe/index.vue b/yunxi-ui-admin-vben/src/views/base/iframe/index.vue
new file mode 100644
index 0000000..efad76d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/iframe/index.vue
@@ -0,0 +1,87 @@
+<script lang="ts" setup>
+import type { CSSProperties } from 'vue'
+import { computed, ref, unref } from 'vue'
+import { Spin } from 'ant-design-vue'
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn'
+import { propTypes } from '@/utils/propTypes'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight'
+
+defineProps({
+  frameSrc: propTypes.string.def(''),
+})
+
+const loading = ref(true)
+const topRef = ref(50)
+const heightRef = ref(window.innerHeight)
+const frameRef = ref<HTMLElement>()
+const { headerHeightRef } = useLayoutHeight()
+
+const { prefixCls } = useDesign('iframe-page')
+useWindowSizeFn(calcHeight, { wait: 150, immediate: true })
+
+const getWrapStyle = computed((): CSSProperties => {
+  return {
+    height: `${unref(heightRef)}px`,
+  }
+})
+
+function calcHeight() {
+  const iframe = unref(frameRef)
+  if (!iframe)
+    return
+
+  const top = headerHeightRef.value
+  topRef.value = top
+  heightRef.value = window.innerHeight - top
+  const clientHeight = document.documentElement.clientHeight - top
+  iframe.style.height = `${clientHeight}px`
+}
+
+function hideLoading() {
+  loading.value = false
+  calcHeight()
+}
+</script>
+
+<template>
+  <div :class="prefixCls" :style="getWrapStyle">
+    <Spin :spinning="loading" size="large" :style="getWrapStyle">
+      <iframe ref="frameRef" :src="frameSrc" :class="`${prefixCls}__main`" @load="hideLoading" />
+    </Spin>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-iframe-page';
+
+.@{prefix-cls} {
+  .ant-spin-nested-loading {
+    position: relative;
+    height: 100%;
+
+    .ant-spin-container {
+      width: 100%;
+      height: 100%;
+      padding: 10px;
+    }
+  }
+
+  &__mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__main {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: var(--component-background);
+    border: 0;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/base/lock/LockPage.vue b/yunxi-ui-admin-vben/src/views/base/lock/LockPage.vue
new file mode 100644
index 0000000..74e8b50
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/lock/LockPage.vue
@@ -0,0 +1,221 @@
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+import { Input } from 'ant-design-vue'
+import { LockOutlined } from '@ant-design/icons-vue'
+import { useNow } from './useNow'
+import { useUserStore } from '@/store/modules/user'
+import { useLockStore } from '@/store/modules/lock'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+import headerImg from '@/assets/images/header.jpg'
+
+const InputPassword = Input.Password
+
+const password = ref('')
+const loading = ref(false)
+const errMsg = ref(false)
+const showDate = ref(true)
+
+const { prefixCls } = useDesign('lock-page')
+const lockStore = useLockStore()
+const userStore = useUserStore()
+
+const { hour, month, minute, meridiem, year, day, week } = useNow(true)
+
+const { t } = useI18n()
+
+const userinfo = computed(() => {
+  return userStore.getUserInfo || {}
+})
+
+/**
+ * @description: unLock
+ */
+async function unLock() {
+  if (!password.value)
+    return
+
+  const pwd = password.value
+  try {
+    loading.value = true
+    const res = await lockStore.unLock(pwd)
+    errMsg.value = !res
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+function goLogin() {
+  userStore.logout(true)
+  lockStore.resetLockInfo()
+}
+
+function handleShowForm(show = false) {
+  showDate.value = show
+}
+</script>
+
+<template>
+  <div :class="prefixCls" class="fixed inset-0 h-screen w-screen flex items-center justify-center bg-black" @click="handleShowForm(false)">
+    <!-- eslint-disable max-len -->
+    <div
+      v-show="showDate"
+      :class="`${prefixCls}__unlock`"
+      class="sm:text-md absolute left-1/2 top-0 h-16 flex flex-col translate-x-1/2 transform cursor-pointer items-center justify-center pt-5 xl:text-xl"
+    >
+      <LockOutlined />
+      <span>{{ t('sys.lock.unlock') }}</span>
+    </div>
+
+    <div class="h-screen w-screen flex items-center justify-center">
+      <div :class="`${prefixCls}__hour`" class="relative mr-5 h-2/5 w-2/5 md:mr-20 md:h-4/5">
+        <span>{{ hour }}</span>
+        <span v-show="showDate" class="meridiem text-md absolute left-5 top-5 xl:text-xl">
+          {{ meridiem }}
+        </span>
+      </div>
+      <div :class="`${prefixCls}__minute w-2/5 h-2/5 md:h-4/5 `">
+        <span> {{ minute }}</span>
+      </div>
+    </div>
+    <transition name="fade-slide">
+      <div v-show="!showDate" :class="`${prefixCls}-entry`">
+        <div :class="`${prefixCls}-entry-content`">
+          <div :class="`${prefixCls}-entry__header enter-x`">
+            <img :src="userinfo.user.avatar || headerImg" :class="`${prefixCls}-entry__header-img`">
+            <p :class="`${prefixCls}-entry__header-name`">
+              {{ userinfo.user.nickname }}
+            </p>
+          </div>
+          <InputPassword v-model:value="password" :placeholder="t('sys.lock.placeholder')" class="enter-x" />
+          <span v-if="errMsg" :class="`${prefixCls}-entry__err-msg enter-x`">
+            {{ t('sys.lock.alert') }}
+          </span>
+          <div :class="`${prefixCls}-entry__footer enter-x`">
+            <a-button type="link" size="small" class="enter-x mr-2 mt-2" :disabled="loading" @click="handleShowForm(true)">
+              {{ t('common.back') }}
+            </a-button>
+            <a-button type="link" size="small" class="enter-x mr-2 mt-2" :disabled="loading" @click="goLogin">
+              {{ t('sys.lock.backToLogin') }}
+            </a-button>
+            <a-button class="mt-2" type="link" size="small" :loading="loading" @click="unLock()">
+              {{ t('sys.lock.entry') }}
+            </a-button>
+          </div>
+        </div>
+      </div>
+    </transition>
+
+    <div class="enter-y absolute bottom-5 w-full text-center text-gray-300 2xl:text-3xl xl:text-xl">
+      <div v-show="!showDate" class="enter-x mb-4 text-5xl">
+        {{ hour }}:{{ minute }} <span class="text-3xl">{{ meridiem }}</span>
+      </div>
+      <div class="text-2xl">
+        {{ year }}/{{ month }}/{{ day }} {{ week }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+@prefix-cls: ~'@{namespace}-lock-page';
+
+.@{prefix-cls} {
+  z-index: @lock-page-z-index;
+
+  &__unlock {
+    transform: translate(-50%, 0);
+  }
+
+  &__hour,
+  &__minute {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 700;
+    color: #bababa;
+    background-color: #141313;
+    border-radius: 30px;
+
+    @media screen and (max-width: @screen-md) {
+      span:not(.meridiem) {
+        font-size: 160px;
+      }
+    }
+
+    @media screen and (min-width: @screen-md) {
+      span:not(.meridiem) {
+        font-size: 160px;
+      }
+    }
+
+    @media screen and (max-width: @screen-sm) {
+      span:not(.meridiem) {
+        font-size: 90px;
+      }
+    }
+
+    @media screen and (min-width: @screen-lg) {
+      span:not(.meridiem) {
+        font-size: 220px;
+      }
+    }
+
+    @media screen and (min-width: @screen-xl) {
+      span:not(.meridiem) {
+        font-size: 260px;
+      }
+    }
+
+    @media screen and (min-width: @screen-2xl) {
+      span:not(.meridiem) {
+        font-size: 320px;
+      }
+    }
+  }
+
+  &-entry {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    background-color: rgb(0 0 0 / 50%);
+    backdrop-filter: blur(8px);
+
+    &-content {
+      width: 260px;
+    }
+
+    &__header {
+      text-align: center;
+
+      &-img {
+        width: 70px;
+        margin: 0 auto;
+        border-radius: 50%;
+      }
+
+      &-name {
+        margin-top: 5px;
+        font-weight: 500;
+        color: #bababa;
+      }
+    }
+
+    &__err-msg {
+      display: inline-block;
+      margin-top: 10px;
+    }
+
+    &__footer {
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/base/lock/index.vue b/yunxi-ui-admin-vben/src/views/base/lock/index.vue
new file mode 100644
index 0000000..ed21611
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/lock/index.vue
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import LockPage from './LockPage.vue'
+import { useLockStore } from '@/store/modules/lock'
+
+const lockStore = useLockStore()
+const getIsLock = computed(() => lockStore?.getLockInfo?.isLock ?? false)
+</script>
+
+<template>
+  <transition name="fade-bottom" mode="out-in">
+    <LockPage v-if="getIsLock" />
+  </transition>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/lock/useNow.ts b/yunxi-ui-admin-vben/src/views/base/lock/useNow.ts
new file mode 100644
index 0000000..1b87faa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/lock/useNow.ts
@@ -0,0 +1,60 @@
+import { reactive, toRefs } from 'vue'
+import { tryOnMounted, tryOnUnmounted } from '@vueuse/core'
+import { dateUtil } from '@/utils/dateUtil'
+
+export function useNow(immediate = true) {
+  let timer: IntervalHandle
+
+  const state = reactive({
+    year: 0,
+    month: 0,
+    week: '',
+    day: 0,
+    hour: '',
+    minute: '',
+    second: 0,
+    meridiem: '',
+  })
+
+  const update = () => {
+    const now = dateUtil()
+
+    const h = now.format('HH')
+    const m = now.format('mm')
+    const s = now.get('s')
+
+    state.year = now.get('y')
+    state.month = now.get('M') + 1
+    state.week = `星期${['日', '一', '二', '三', '四', '五', '六'][now.day()]}`
+    state.day = now.get('date')
+    state.hour = h
+    state.minute = m
+    state.second = s
+
+    state.meridiem = now.format('A')
+  }
+
+  function start() {
+    update()
+    clearInterval(timer)
+    timer = setInterval(() => update(), 1000)
+  }
+
+  function stop() {
+    clearInterval(timer)
+  }
+
+  tryOnMounted(() => {
+    immediate && start()
+  })
+
+  tryOnUnmounted(() => {
+    stop()
+  })
+
+  return {
+    ...toRefs(state),
+    start,
+    stop,
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/views/base/login/ForgetPasswordForm.vue b/yunxi-ui-admin-vben/src/views/base/login/ForgetPasswordForm.vue
new file mode 100644
index 0000000..0f11384
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/ForgetPasswordForm.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, unref } from 'vue'
+import { Button, Form, Input } from 'ant-design-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useFormRules, useLoginState } from './useLogin'
+import { CountdownInput } from '@/components/CountDown'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const FormItem = Form.Item
+const { t } = useI18n()
+const { handleBackLogin, getLoginState } = useLoginState()
+const { getFormRules } = useFormRules()
+
+const formRef = ref()
+const loading = ref(false)
+
+const formData = reactive({
+  account: '',
+  mobile: '',
+  sms: '',
+})
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.RESET_PASSWORD)
+
+async function handleReset() {
+  const form = unref(formRef)
+  if (!form)
+    return
+  await form.resetFields()
+}
+</script>
+
+<template>
+  <template v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <Form ref="formRef" class="enter-x p-4" :model="formData" :rules="getFormRules">
+      <FormItem name="account" class="enter-x">
+        <Input v-model:value="formData.account" size="large" :placeholder="t('sys.login.userName')" />
+      </FormItem>
+
+      <FormItem name="mobile" class="enter-x">
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" />
+      </FormItem>
+      <FormItem name="sms" class="enter-x">
+        <CountdownInput v-model:value="formData.sms" size="large" :placeholder="t('sys.login.smsCode')" />
+      </FormItem>
+
+      <FormItem class="enter-x">
+        <Button type="primary" size="large" block :loading="loading" @click="handleReset">
+          {{ t('common.resetText') }}
+        </Button>
+        <Button size="large" block class="mt-4" @click="handleBackLogin">
+          {{ t('sys.login.backSignIn') }}
+        </Button>
+      </FormItem>
+    </Form>
+  </template>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/Login.vue b/yunxi-ui-admin-vben/src/views/base/login/Login.vue
new file mode 100644
index 0000000..6fa3b84
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/Login.vue
@@ -0,0 +1,205 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import LoginForm from './LoginForm.vue'
+import ForgetPasswordForm from './ForgetPasswordForm.vue'
+import RegisterForm from './RegisterForm.vue'
+import MobileForm from './MobileForm.vue'
+import QrCodeForm from './QrCodeForm.vue'
+import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application'
+import { useGlobSetting } from '@/hooks/setting'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useLocaleStore } from '@/store/modules/locale'
+
+defineProps({
+  sessionTimeout: {
+    type: Boolean,
+  },
+})
+
+const globSetting = useGlobSetting()
+const { prefixCls } = useDesign('login')
+const { t } = useI18n()
+const localeStore = useLocaleStore()
+const showLocale = localeStore.getShowPicker
+const title = computed(() => globSetting?.title ?? '')
+</script>
+
+<template>
+  <div :class="prefixCls" class="relative h-full min-h-full w-full overflow-hidden px-4">
+    <div class="absolute right-4 top-4 flex items-center">
+      <AppDarkModeToggle v-if="!sessionTimeout" class="enter-x mr-2" />
+      <AppLocalePicker v-if="!sessionTimeout && showLocale" class="enter-x xl:text-gray-600" :show-text="false" />
+    </div>
+
+    <span class="-enter-x xl:hidden">
+      <AppLogo :always-show-title="true" />
+    </span>
+
+    <div class="relative mx-auto h-full py-2 container sm:px-10">
+      <div class="h-full flex">
+        <div class="mr-4 hidden min-h-full pl-4 xl:w-6/12 xl:flex xl:flex-col">
+          <AppLogo class="-enter-x" />
+          <div class="my-auto">
+            <img :alt="title" src="@/assets/svg/login-box-bg.svg" class="-enter-x w-1/2 -mt-16">
+            <div class="-enter-x mt-10 font-medium text-white">
+              <span class="mt-4 inline-block text-3xl"> {{ t('sys.login.signInTitle') }}</span>
+            </div>
+            <div class="-enter-x mt-5 font-normal text-white dark:text-gray-500">
+              {{ t('sys.login.signInDesc') }}
+            </div>
+          </div>
+        </div>
+        <div class="h-full w-full flex py-5 xl:my-0 xl:h-auto xl:w-6/12 xl:py-0">
+          <!-- eslint-disable max-len -->
+          <div
+            :class="`${prefixCls}-form`"
+            class="enter-x relative mx-auto my-auto w-full rounded-md px-5 py-8 shadow-md xl:ml-16 lg:w-2/4 sm:w-3/4 xl:w-auto xl:bg-transparent xl:p-4 sm:px-8 xl:shadow-none"
+          >
+            <LoginForm />
+            <ForgetPasswordForm />
+            <RegisterForm />
+            <MobileForm />
+            <QrCodeForm />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-login';
+@logo-prefix-cls: ~'@{namespace}-app-logo';
+@countdown-prefix-cls: ~'@{namespace}-countdown-input';
+@dark-bg: #293146;
+
+html[data-theme='dark'] {
+  .@{prefix-cls} {
+    background-color: @dark-bg;
+
+    &::before {
+      background-image: url('@/assets/svg/login-bg-dark.svg');
+    }
+
+    .ant-input,
+    .ant-input-password {
+      background-color: #232a3b;
+    }
+
+    .ant-btn:not(.ant-btn-link, .ant-btn-primary) {
+      border: 1px solid #4a5569;
+    }
+
+    &-form {
+      background: transparent !important;
+    }
+
+    .app-iconify {
+      color: #fff;
+    }
+  }
+
+  input.fix-auto-fill,
+  .fix-auto-fill input {
+    -webkit-text-fill-color: #c9d1d9 !important;
+    box-shadow: inherit !important;
+  }
+}
+
+.@{prefix-cls} {
+  @media (max-width: @screen-xl) {
+    background-color: #293146;
+
+    .@{prefix-cls}-form {
+      background-color: #fff;
+    }
+  }
+
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    margin-left: -48%;
+    content: '';
+    background-image: url('@/assets/svg/login-bg.svg');
+    background-repeat: no-repeat;
+    background-position: 100%;
+    background-size: auto 100%;
+
+    @media (max-width: @screen-xl) {
+      display: none;
+    }
+  }
+
+  .@{logo-prefix-cls} {
+    position: absolute;
+    top: 12px;
+    height: 30px;
+
+    &__title {
+      font-size: 16px;
+      color: #fff;
+    }
+
+    img {
+      width: 32px;
+    }
+  }
+
+  .container {
+    .@{logo-prefix-cls} {
+      display: flex;
+      width: 60%;
+      height: 80px;
+
+      &__title {
+        font-size: 24px;
+        color: #fff;
+      }
+
+      img {
+        width: 48px;
+      }
+    }
+  }
+
+  &-sign-in-way {
+    .anticon {
+      font-size: 22px;
+      color: #888;
+      cursor: pointer;
+    }
+  }
+
+  input:not([type='checkbox']) {
+    min-width: 360px;
+
+    @media (max-width: @screen-xl) {
+      min-width: 320px;
+    }
+
+    @media (max-width: @screen-lg) {
+      min-width: 260px;
+    }
+
+    @media (max-width: @screen-md) {
+      min-width: 240px;
+    }
+
+    @media (max-width: @screen-sm) {
+      min-width: 160px;
+    }
+  }
+
+  .@{countdown-prefix-cls} input {
+    min-width: unset;
+  }
+
+  .ant-divider-inner-text {
+    font-size: 12px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/LoginForm.vue b/yunxi-ui-admin-vben/src/views/base/login/LoginForm.vue
new file mode 100644
index 0000000..fcacfd2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/LoginForm.vue
@@ -0,0 +1,216 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, unref } from 'vue'
+
+import { Button, Checkbox, Col, Divider, Form, Input, Row } from 'ant-design-vue'
+import { AlipayCircleFilled, GithubFilled, WechatFilled } from '@ant-design/icons-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+import { useUserStore } from '@/store/modules/user'
+import { usePermissionStore } from '@/store/modules/permission'
+
+import { useGlobSetting } from '@/hooks/setting'
+import { useDesign } from '@/hooks/web/useDesign'
+
+import * as authUtil from '@/utils/auth'
+
+import { Verify } from '@/components/Verifition'
+import { getTenantIdByName, getTenantIdByUserName } from '@/api/base/login'
+
+const FormItem = Form.Item
+const InputPassword = Input.Password
+
+const { t } = useI18n()
+const { notification, createErrorModal } = useMessage()
+const { prefixCls } = useDesign('login')
+const userStore = useUserStore()
+const permissionStore = usePermissionStore()
+
+const { tenantEnable, captchaEnable } = useGlobSetting()
+
+const { setLoginState, getLoginState } = useLoginState()
+const { getFormRules } = useFormRules()
+
+const formRef = ref()
+const loading = ref(false)
+const rememberMe = ref(false)
+
+const verify = ref()
+const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字
+
+const formData = reactive({
+  tenantName: '长江云息',
+  username: 'admin',
+  password: 'admin123',
+  captchaVerification: '',
+})
+
+const { validForm } = useFormValid(formRef)
+
+// onKeyStroke('Enter', handleLogin);
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN)
+
+// 获取验证码
+async function getCode() {
+  // 情况一，未开启：则直接登录
+  if (captchaEnable === 'false') {
+    await handleLogin({})
+  }
+  else {
+    // 情况二，已开启：则展示验证码；只有完成验证码的情况，才进行登录
+    // 弹出验证码
+    verify.value.show()
+  }
+}
+
+// 获取租户ID
+async function getTenantId() {
+  if (tenantEnable === 'true') {
+    //const res = await getTenantIdByName(formData.tenantName)
+    const res = await getTenantIdByUserName(formData.username)
+    authUtil.setTenantId(res)
+  }
+}
+
+async function handleLogin(params) {
+  await getTenantId()
+  const data = await validForm()
+  if (!data)
+    return
+  try {
+    loading.value = true
+    const userInfo = await userStore.login({
+      password: data.password,
+      username: data.username,
+      captchaVerification: params.captchaVerification,
+      mode: 'none', // 不要默认的错误提示
+    })
+    if (userInfo) {
+      await permissionStore.changePermissionCode(userInfo.permissions)
+      notification.success({
+        message: t('sys.login.loginSuccessTitle'),
+        description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.user.nickname}`,
+        duration: 3,
+      })
+    }
+  }
+  catch (error) {
+    createErrorModal({
+      title: t('sys.api.errorTip'),
+      content: (error as unknown as Error).message || t('sys.api.networkExceptionMsg'),
+      getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
+    })
+  }
+  finally {
+    loading.value = false
+  }
+}
+</script>
+
+<template>
+  <LoginFormTitle v-show="getShow" class="enter-x" />
+  <Form v-show="getShow" ref="formRef" class="enter-x p-4" :model="formData" :rules="getFormRules" @keypress.enter="handleLogin">
+    <!-- <FormItem name="tenantName" class="enter-x">
+      <Input
+        v-if="tenantEnable === 'true'"
+        v-model:value="formData.tenantName"
+        size="large"
+        :placeholder="t('sys.login.tenantName')"
+        class="fix-auto-fill"
+      />
+    </FormItem> -->
+    <FormItem name="username" class="enter-x">
+      <Input v-model:value="formData.username" size="large" :placeholder="t('sys.login.userName')" class="fix-auto-fill" />
+    </FormItem>
+    <FormItem name="password" class="enter-x">
+      <InputPassword
+        v-model:value="formData.password"
+        size="large"
+        visibility-toggle
+        :placeholder="t('sys.login.password')"
+        class="fix-auto-fill"
+      />
+    </FormItem>
+
+    <Row class="enter-x">
+      <Col :span="12">
+        <FormItem>
+          <!-- No logic, you need to deal with it yourself -->
+          <Checkbox v-model:checked="rememberMe" size="small">
+            {{ t('sys.login.rememberMe') }}
+          </Checkbox>
+        </FormItem>
+      </Col>
+      <Col :span="12">
+        <FormItem :style="{ 'text-align': 'right' }">
+          <!-- No logic, you need to deal with it yourself -->
+          <Button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)">
+            {{ t('sys.login.forgetPassword') }}
+          </Button>
+        </FormItem>
+      </Col>
+    </Row>
+
+    <FormItem class="enter-x">
+      <Button type="primary" size="large" block :loading="loading" @click="getCode">
+        {{ t('sys.login.loginButton') }}
+      </Button>
+      <!-- <Button size="large" class="mt-4 enter-x" block @click="handleRegister">
+        {{ t('sys.login.registerButton') }}
+      </Button> -->
+    </FormItem>
+    <Row class="enter-x" :gutter="[16, 16]">
+      <Col :md="8" :xs="24">
+        <Button block @click="setLoginState(LoginStateEnum.MOBILE)">
+          {{ t('sys.login.mobileSignInFormTitle') }}
+        </Button>
+      </Col>
+      <Col :md="8" :xs="24">
+        <Button block @click="setLoginState(LoginStateEnum.QR_CODE)">
+          {{ t('sys.login.qrSignInFormTitle') }}
+        </Button>
+      </Col>
+      <Col :md="8" :xs="24">
+        <a-button block @click="setLoginState(LoginStateEnum.REGISTER)">
+          {{ t('sys.login.registerButton') }}
+        </a-button>
+      </Col>
+    </Row>
+
+    <Divider class="enter-x">
+      {{ t('sys.login.otherSignIn') }}
+    </Divider>
+
+    <div class="enter-x flex justify-evenly" :class="`${prefixCls}-sign-in-way`">
+      <GithubFilled />
+      <WechatFilled />
+      <AlipayCircleFilled />
+      <!-- <GoogleCircleFilled /> -->
+      <!-- <TwitterCircleFilled /> -->
+    </div>
+
+    <!-- 萌新必读 -->
+    <Divider class="enter-x">
+      萌新必读
+    </Divider>
+    <div class="enter-x flex justify-evenly" :class="`${prefixCls}-sign-in-way`">
+      <Button href="https://doc.iocoder.cn/" target="_blank">
+        📚开发指南
+      </Button>
+      <Button href="https://doc.iocoder.cn/video/" target="_blank" style="padding-left: 10px">
+        🔥视频教程
+      </Button>
+      <Button href="https://www.iocoder.cn/Interview/good-collection/" target="_blank" style="padding-left: 10px">
+        ⚡面试手册
+      </Button>
+      <Button href="http://static.yudao.iocoder.cn/mp/xinyu370.jpeg" target="_blank" style="padding-left: 10px">
+        🤝外包咨询
+      </Button>
+    </div>
+  </Form>
+  <Verify ref="verify" mode="pop" :captcha-type="captchaType" :img-size="{ width: '400px', height: '200px' }" @success="handleLogin" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/LoginFormTitle.vue b/yunxi-ui-admin-vben/src/views/base/login/LoginFormTitle.vue
new file mode 100644
index 0000000..384a9e7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/LoginFormTitle.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { LoginStateEnum, useLoginState } from './useLogin'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+const { getLoginState } = useLoginState()
+
+const getFormTitle = computed(() => {
+  const titleObj = {
+    [LoginStateEnum.RESET_PASSWORD]: t('sys.login.forgetFormTitle'),
+    [LoginStateEnum.LOGIN]: t('sys.login.signInFormTitle'),
+    [LoginStateEnum.REGISTER]: t('sys.login.signUpFormTitle'),
+    [LoginStateEnum.MOBILE]: t('sys.login.mobileSignInFormTitle'),
+    [LoginStateEnum.QR_CODE]: t('sys.login.qrSignInFormTitle'),
+  }
+  return titleObj[unref(getLoginState)]
+})
+</script>
+
+<template>
+  <h2 class="enter-x mb-3 text-center text-2xl font-bold xl:text-left xl:text-3xl">
+    {{ getFormTitle }}
+  </h2>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/MobileForm.vue b/yunxi-ui-admin-vben/src/views/base/login/MobileForm.vue
new file mode 100644
index 0000000..da563a4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/MobileForm.vue
@@ -0,0 +1,155 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, unref } from 'vue'
+import { Button, Form, Input } from 'ant-design-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
+import { CountdownInput } from '@/components/CountDown'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useUserStore } from '@/store/modules/user'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useGlobSetting } from '@/hooks/setting'
+import { useDesign } from '@/hooks/web/useDesign'
+import * as authUtil from '@/utils/auth'
+
+import { Verify } from '@/components/Verifition'
+import { getTenantIdByName, sendSmsCode } from '@/api/base/login'
+
+const FormItem = Form.Item
+
+const { t } = useI18n()
+const { prefixCls } = useDesign('login')
+const { createMessage, notification, createErrorModal } = useMessage()
+const { handleBackLogin, getLoginState } = useLoginState()
+const { tenantEnable, captchaEnable } = useGlobSetting()
+const { getFormRules } = useFormRules()
+const userStore = useUserStore()
+const permissionStore = usePermissionStore()
+
+const formRef = ref()
+const loading = ref(false)
+
+const mobileCodeTimer = ref(0)
+const scene = ref(21)
+
+const verify = ref()
+const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字
+
+const formData = reactive({
+  tenantName: '芋道源码',
+  mobile: '',
+  mobileCode: '',
+  captchaVerification: '',
+})
+
+const { validForm } = useFormValid(formRef)
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.MOBILE)
+
+// 获取验证码
+async function getCode() {
+  // 情况一，未开启：则直接登录
+  if (captchaEnable === 'false') {
+    await handleLogin()
+  }
+  else {
+    // 情况二，已开启：则展示验证码；只有完成验证码的情况，才进行登录
+    // 弹出验证码
+    verify.value.show()
+  }
+}
+
+// 获取租户ID
+async function getTenantId() {
+  if (tenantEnable === 'true') {
+    const res = await getTenantIdByName(formData.tenantName)
+    authUtil.setTenantId(res)
+  }
+}
+
+async function handleLogin() {
+  const data = await validForm()
+  if (!data)
+    return
+  try {
+    loading.value = true
+    const userInfo = await userStore.smsLogin({
+      mobile: data.mobile,
+      code: data.mobileCode,
+      mode: 'none', // 不要默认的错误提示
+    })
+    if (userInfo) {
+      await permissionStore.changePermissionCode(userInfo.permissions)
+      notification.success({
+        message: t('sys.login.loginSuccessTitle'),
+        description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.user.nickname}`,
+        duration: 3,
+      })
+    }
+  }
+  catch (error) {
+    createErrorModal({
+      title: t('sys.api.errorTip'),
+      content: (error as unknown as Error).message || t('sys.api.networkExceptionMsg'),
+      getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
+    })
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function getSmsCode() {
+  await getTenantId()
+  if (mobileCodeTimer.value > 0)
+    return
+  const data = await validForm()
+  if (!data)
+    return
+  const res = await sendSmsCode(formData.mobile, scene.value)
+  if (res) {
+    createMessage.success(t('common.successText'))
+    mobileCodeTimer.value = 60
+  }
+}
+</script>
+
+<template>
+  <div v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <Form ref="formRef" class="enter-x p-4" :model="formData" :rules="getFormRules">
+      <FormItem name="tenantName" class="enter-x">
+        <Input
+          v-if="tenantEnable === 'true'"
+          v-model:value="formData.tenantName"
+          size="large"
+          :placeholder="t('sys.login.tenantName')"
+          class="fix-auto-fill"
+        />
+      </FormItem>
+      <FormItem name="mobile" class="enter-x">
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
+      </FormItem>
+      <FormItem name="mobileCode" class="enter-x">
+        <CountdownInput
+          v-model:value="formData.mobileCode"
+          size="large"
+          class="fix-auto-fill"
+          :count="mobileCodeTimer"
+          :send-code-api="getSmsCode"
+          :placeholder="t('sys.login.smsCode')"
+        />
+      </FormItem>
+
+      <FormItem class="enter-x">
+        <Button type="primary" size="large" block :loading="loading" @click="getCode">
+          {{ t('sys.login.loginButton') }}
+        </Button>
+        <Button size="large" block class="mt-4" @click="handleBackLogin">
+          {{ t('sys.login.backSignIn') }}
+        </Button>
+      </FormItem>
+    </Form>
+    <Verify ref="verify" mode="pop" :captcha-type="captchaType" :img-size="{ width: '400px', height: '200px' }" @success="handleLogin" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/QrCodeForm.vue b/yunxi-ui-admin-vben/src/views/base/login/QrCodeForm.vue
new file mode 100644
index 0000000..8988907
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/QrCodeForm.vue
@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { Button, Divider, Popover, QRCode } from 'ant-design-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useLoginState } from './useLogin'
+import { useI18n } from '@/hooks/web/useI18n'
+
+import loginImg from '@/assets/images/logo.png'
+
+const qrCodeUrl = 'https://vben.xingyuv.com/login'
+
+const { t } = useI18n()
+const { handleBackLogin, getLoginState } = useLoginState()
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE)
+</script>
+
+<template>
+  <div v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <div class="enter-x min-h-64 min-w-64">
+      <Popover :overlay-inner-style="{ padding: 0 }">
+        <template #content>
+          <QRCode :value="qrCodeUrl" class="enter-x flex justify-center xl:justify-start" :width="280" :bordered="false" />
+        </template>
+        <img width="100" height="100" :src="loginImg">
+      </Popover>
+      <Divider class="enter-x">
+        {{ t('sys.login.scanSign') }}
+      </Divider>
+      <Button size="large" block class="enter-x mt-4" @click="handleBackLogin">
+        {{ t('sys.login.backSignIn') }}
+      </Button>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/RegisterForm.vue b/yunxi-ui-admin-vben/src/views/base/login/RegisterForm.vue
new file mode 100644
index 0000000..b94a1dc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/RegisterForm.vue
@@ -0,0 +1,80 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, unref } from 'vue'
+import { Button, Checkbox, Form, Input } from 'ant-design-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
+import { StrengthMeter } from '@/components/StrengthMeter'
+import { CountdownInput } from '@/components/CountDown'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const FormItem = Form.Item
+const InputPassword = Input.Password
+const { t } = useI18n()
+const { handleBackLogin, getLoginState } = useLoginState()
+
+const formRef = ref()
+const loading = ref(false)
+
+const formData = reactive({
+  account: '',
+  password: '',
+  confirmPassword: '',
+  mobile: '',
+  sms: '',
+  policy: false,
+})
+
+const { getFormRules } = useFormRules(formData)
+const { validForm } = useFormValid(formRef)
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.REGISTER)
+
+async function handleRegister() {
+  const data = await validForm()
+  if (!data)
+    // eslint-disable-next-line no-useless-return
+    return
+}
+</script>
+
+<template>
+  <div v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <Form ref="formRef" class="enter-x p-4" :model="formData" :rules="getFormRules">
+      <FormItem name="account" class="enter-x">
+        <Input v-model:value="formData.account" class="fix-auto-fill" size="large" :placeholder="t('sys.login.userName')" />
+      </FormItem>
+      <FormItem name="mobile" class="enter-x">
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
+      </FormItem>
+      <FormItem name="sms" class="enter-x">
+        <CountdownInput v-model:value="formData.sms" size="large" class="fix-auto-fill" :placeholder="t('sys.login.smsCode')" />
+      </FormItem>
+      <FormItem name="password" class="enter-x">
+        <StrengthMeter v-model:value="formData.password" size="large" :placeholder="t('sys.login.password')" />
+      </FormItem>
+      <FormItem name="confirmPassword" class="enter-x">
+        <InputPassword
+          v-model:value="formData.confirmPassword"
+          size="large"
+          visibility-toggle
+          :placeholder="t('sys.login.confirmPassword')"
+        />
+      </FormItem>
+
+      <FormItem class="enter-x" name="policy">
+        <!-- No logic, you need to deal with it yourself -->
+        <Checkbox v-model:checked="formData.policy" size="small">
+          {{ t('sys.login.policy') }}
+        </Checkbox>
+      </FormItem>
+
+      <Button type="primary" class="enter-x" size="large" block :loading="loading" @click="handleRegister">
+        {{ t('sys.login.registerButton') }}
+      </Button>
+      <Button size="large" block class="enter-x mt-4" @click="handleBackLogin">
+        {{ t('sys.login.backSignIn') }}
+      </Button>
+    </Form>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/SSOForm.vue b/yunxi-ui-admin-vben/src/views/base/login/SSOForm.vue
new file mode 100644
index 0000000..e765a10
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/SSOForm.vue
@@ -0,0 +1,199 @@
+<script lang="ts" setup>
+import { onMounted, reactive, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { Button, Checkbox, Col, Form, Row } from 'ant-design-vue'
+
+import { useFormValid, useLoginState } from './useLogin'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+import { useDesign } from '@/hooks/web/useDesign'
+import { authorize, getAuthorize } from '@/api/base/login'
+
+const FormItem = Form.Item
+
+const { t } = useI18n()
+const { query } = useRoute()
+const { notification, createErrorModal } = useMessage()
+const { prefixCls } = useDesign('login')
+
+const { handleBackLogin } = useLoginState()
+
+const formRef = ref()
+const loading = ref(false)
+
+const loginForm = reactive({
+  scopes: [] as any[], // 已选中的 scope 数组
+})
+
+// URL 上的 client_id、scope 等参数
+const params = reactive({
+  responseType: undefined as any,
+  clientId: undefined as any,
+  redirectUri: undefined as any,
+  state: undefined as any,
+  scopes: [] as any[], // 优先从 query 参数获取；如果未传递，从后端获取
+})
+
+// 客户端信息
+let client = reactive({
+  name: '',
+  logo: '',
+})
+
+const { validForm } = useFormValid(formRef)
+
+async function init() {
+  // 解析参数
+  // 例如说【自动授权不通过】：client_id=default&redirect_uri=https%3A%2F%2Fwww.iocoder.cn&response_type=code&scope=user.read%20user.write
+  // 例如说【自动授权通过】：client_id=default&redirect_uri=https%3A%2F%2Fwww.iocoder.cn&response_type=code&scope=user.read
+  params.responseType = query.response_type as any
+  params.clientId = query.client_id as any
+  params.redirectUri = query.redirect_uri as any
+  params.state = query.state as any
+  if (query.scope)
+    params.scopes = (query.scope as any).split(' ')
+
+  // 如果有 scope 参数，先执行一次自动授权，看看是否之前都授权过了。
+  if (params.scopes.length > 0) {
+    const res = await doAuthorize(true, params.scopes, [])
+    const href = res
+    if (!href) {
+      console.log('自动授权未通过！')
+      return
+    }
+    location.href = href
+  }
+
+  // 获取授权页的基本信息
+  const res = await getAuthorize(params.clientId)
+  client = res.client
+  // 解析 scope
+  let scopes
+  // 1.1 如果 params.scope 非空，则过滤下返回的 scopes
+  if (params.scopes.length > 0) {
+    scopes = []
+    for (const scope of res.scopes) {
+      if (params.scopes.includes(scope.key))
+        scopes.push(scope)
+    }
+    // 1.2 如果 params.scope 为空，则使用返回的 scopes 设置它
+  }
+  else {
+    scopes = res.scopes
+    for (const scope of scopes)
+      params.scopes.push(scope.key)
+  }
+  // 生成已选中的 checkedScopes
+  for (const scope of scopes) {
+    if (scope.value)
+      loginForm.scopes.push(scope.key)
+  }
+}
+
+async function handleAuthorize(approved) {
+  const data = await validForm()
+  if (!data)
+    return
+  try {
+    loading.value = true
+    // 计算 checkedScopes + uncheckedScopes
+    let checkedScopes
+    let uncheckedScopes
+    if (approved) {
+      // 同意授权，按照用户的选择
+      checkedScopes = loginForm.scopes
+      uncheckedScopes = params.scopes.filter(item => !checkedScopes.includes(item))
+    }
+    else {
+      // 拒绝，则都是取消
+      checkedScopes = []
+      uncheckedScopes = params.scopes
+    }
+    // 提交授权的请求
+    const res = await doAuthorize(false, checkedScopes, uncheckedScopes)
+    if (res) {
+      const href = res
+      if (!href)
+        return
+
+      location.href = href
+      notification.success({
+        message: t('sys.login.loginSuccessTitle'),
+        description: `${t('sys.login.loginSuccessDesc')}`,
+        duration: 3,
+      })
+    }
+  }
+  catch (error) {
+    createErrorModal({
+      title: t('sys.api.errorTip'),
+      content: (error as unknown as Error).message || t('sys.api.networkExceptionMsg'),
+      getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
+    })
+  }
+  finally {
+    loading.value = false
+  }
+}
+async function doAuthorize(autoApprove, checkedScopes, uncheckedScopes) {
+  return await authorize(
+    params.responseType,
+    params.clientId,
+    params.redirectUri,
+    params.state,
+    autoApprove,
+    checkedScopes,
+    uncheckedScopes,
+  )
+}
+
+function formatScope(scope) {
+  // 格式化 scope 授权范围，方便用户理解。
+  // 这里仅仅是一个 demo，可以考虑录入到字典数据中，例如说字典类型 "system_oauth2_scope"，它的每个 scope 都是一条字典数据。
+  switch (scope) {
+    case 'user.read':
+      return t('sys.login.ssoInfoDesc')
+    case 'user.write':
+      return t('sys.login.ssoEditDesc')
+    default:
+      return scope
+  }
+}
+
+onMounted(() => {
+  init()
+})
+</script>
+
+<template>
+  <h2 class="enter-x mb-3 text-center text-2xl font-bold xl:text-left xl:text-3xl">
+    {{ client.name + t('sys.login.ssoSignInFormTitle') }}
+  </h2>
+  <Form ref="formRef" class="enter-x p-4" :model="loginForm" @keypress.enter="handleAuthorize(true)">
+    此第三方应用请求获取以下权限：
+    <Row class="enter-x">
+      <Col :span="12">
+        <template v-for="scope in params.scopes" :key="scope">
+          <FormItem>
+            <!-- No logic, you need to deal with it yourself -->
+            <Checkbox :checked="scope" size="small">
+              <Button type="link" size="small">
+                {{ formatScope(scope) }}
+              </Button>
+            </Checkbox>
+          </FormItem>
+        </template>
+      </Col>
+    </Row>
+
+    <FormItem class="enter-x">
+      <Button type="primary" size="large" block :loading="loading" @click="handleAuthorize(true)">
+        {{ t('sys.login.loginButton') }}
+      </Button>
+      <Button size="large" class="enter-x mt-4" block @click="handleBackLogin">
+        {{ t('common.cancelText') }}
+      </Button>
+    </FormItem>
+  </Form>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/SessionTimeoutLogin.vue b/yunxi-ui-admin-vben/src/views/base/login/SessionTimeoutLogin.vue
new file mode 100644
index 0000000..c9b33bf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/SessionTimeoutLogin.vue
@@ -0,0 +1,41 @@
+<script lang="ts" setup>
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+import Login from './Login.vue'
+import { useUserStore } from '@/store/modules/user'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useAppStore } from '@/store/modules/app'
+import { PermissionModeEnum } from '@/enums/appEnum'
+
+const userStore = useUserStore()
+const permissionStore = usePermissionStore()
+const appStore = useAppStore()
+const userId = ref<Nullable<number | string>>(0)
+
+function isBackMode() {
+  return appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK
+}
+
+onMounted(() => {
+  // 记录当前的UserId
+  userId.value = userStore.getUserInfo?.user.id
+})
+
+onBeforeUnmount(() => {
+  if (userId.value && userId.value !== userStore.getUserInfo.user.id) {
+    // 登录的不是同一个用户，刷新整个页面以便丢弃之前用户的页面状态
+    document.location.reload()
+  }
+  else if (isBackMode() && permissionStore.getLastBuildMenuTime === 0) {
+    // 后台权限模式下，没有成功加载过菜单，就重新加载整个页面。这通常发生在会话过期后按F5刷新整个页面后载入了本模块这种场景
+    document.location.reload()
+  }
+})
+</script>
+
+<template>
+  <transition>
+    <div class="fixed z-9999999 h-full w-full bg-[var(--component-background)]">
+      <Login session-timeout />
+    </div>
+  </transition>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/sso.vue b/yunxi-ui-admin-vben/src/views/base/login/sso.vue
new file mode 100644
index 0000000..eb589d2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/sso.vue
@@ -0,0 +1,200 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import SSOForm from './SSOForm.vue'
+import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application'
+import { useGlobSetting } from '@/hooks/setting'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useLocaleStore } from '@/store/modules/locale'
+
+defineProps({
+  sessionTimeout: {
+    type: Boolean,
+  },
+})
+
+const globSetting = useGlobSetting()
+const { prefixCls } = useDesign('login')
+const { t } = useI18n()
+const localeStore = useLocaleStore()
+const showLocale = localeStore.getShowPicker
+const title = computed(() => globSetting?.title ?? '')
+</script>
+
+<template>
+  <div :class="prefixCls" class="relative h-full w-full px-4">
+    <div class="absolute right-4 top-4 flex items-center">
+      <AppDarkModeToggle v-if="!sessionTimeout" class="enter-x mr-2" />
+      <AppLocalePicker v-if="!sessionTimeout && showLocale" class="enter-x text-white xl:text-gray-600" :show-text="false" />
+    </div>
+
+    <span class="-enter-x xl:hidden">
+      <AppLogo :always-show-title="true" />
+    </span>
+
+    <div class="relative mx-auto h-full py-2 container sm:px-10">
+      <div class="h-full flex">
+        <div class="mr-4 hidden min-h-full pl-4 xl:w-6/12 xl:flex xl:flex-col">
+          <AppLogo class="-enter-x" />
+          <div class="my-auto">
+            <img :alt="title" src="@/assets/svg/login-box-bg.svg" class="-enter-x w-1/2 -mt-16">
+            <div class="-enter-x mt-10 font-medium text-white">
+              <span class="mt-4 inline-block text-3xl"> {{ t('sys.login.signInTitle') }}</span>
+            </div>
+            <div class="-enter-x mt-5 font-normal text-white dark:text-gray-500">
+              {{ t('sys.login.signInDesc') }}
+            </div>
+          </div>
+        </div>
+        <div class="h-full w-full flex py-5 xl:my-0 xl:h-auto xl:w-6/12 xl:py-0">
+          <!-- eslint-disable max-len -->
+          <div
+            :class="`${prefixCls}-form`"
+            class="enter-x relative mx-auto my-auto w-full rounded-md px-5 py-8 shadow-md xl:ml-16 lg:w-2/4 sm:w-3/4 xl:w-auto xl:bg-transparent xl:p-4 sm:px-8 xl:shadow-none"
+          >
+            <SSOForm />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-login';
+@logo-prefix-cls: ~'@{namespace}-app-logo';
+@countdown-prefix-cls: ~'@{namespace}-countdown-input';
+@dark-bg: #293146;
+
+html[data-theme='dark'] {
+  .@{prefix-cls} {
+    background-color: @dark-bg;
+
+    &::before {
+      background-image: url('@/assets/svg/login-bg-dark.svg');
+    }
+
+    .ant-input,
+    .ant-input-password {
+      background-color: #232a3b;
+    }
+
+    .ant-btn:not(.ant-btn-link, .ant-btn-primary) {
+      border: 1px solid #4a5569;
+    }
+
+    &-form {
+      background: transparent !important;
+    }
+
+    .app-iconify {
+      color: #fff;
+    }
+  }
+
+  input.fix-auto-fill,
+  .fix-auto-fill input {
+    -webkit-text-fill-color: #c9d1d9 !important;
+    box-shadow: inherit !important;
+  }
+}
+
+.@{prefix-cls} {
+  min-height: 100%;
+  overflow: hidden;
+
+  @media (max-width: @screen-xl) {
+    background-color: #293146;
+
+    .@{prefix-cls}-form {
+      background-color: #fff;
+    }
+  }
+
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    margin-left: -48%;
+    content: '';
+    background-image: url('@/assets/svg/login-bg.svg');
+    background-repeat: no-repeat;
+    background-position: 100%;
+    background-size: auto 100%;
+
+    @media (max-width: @screen-xl) {
+      display: none;
+    }
+  }
+
+  .@{logo-prefix-cls} {
+    position: absolute;
+    top: 12px;
+    height: 30px;
+
+    &__title {
+      font-size: 16px;
+      color: #fff;
+    }
+
+    img {
+      width: 32px;
+    }
+  }
+
+  .container {
+    .@{logo-prefix-cls} {
+      display: flex;
+      width: 60%;
+      height: 80px;
+
+      &__title {
+        font-size: 24px;
+        color: #fff;
+      }
+
+      img {
+        width: 48px;
+      }
+    }
+  }
+
+  &-sign-in-way {
+    .anticon {
+      font-size: 22px;
+      color: #888;
+      cursor: pointer;
+    }
+  }
+
+  input:not([type='checkbox']) {
+    min-width: 360px;
+
+    @media (max-width: @screen-xl) {
+      min-width: 320px;
+    }
+
+    @media (max-width: @screen-lg) {
+      min-width: 260px;
+    }
+
+    @media (max-width: @screen-md) {
+      min-width: 240px;
+    }
+
+    @media (max-width: @screen-sm) {
+      min-width: 160px;
+    }
+  }
+
+  .@{countdown-prefix-cls} input {
+    min-width: unset;
+  }
+
+  .ant-divider-inner-text {
+    font-size: 12px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/base/login/useLogin.ts b/yunxi-ui-admin-vben/src/views/base/login/useLogin.ts
new file mode 100644
index 0000000..200c335
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/login/useLogin.ts
@@ -0,0 +1,126 @@
+import type { FormInstance, Rule } from 'ant-design-vue/lib/form'
+import type { NamePath, RuleObject } from 'ant-design-vue/lib/form/interface'
+import type { Ref } from 'vue'
+import { computed, ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+
+export enum LoginStateEnum {
+  LOGIN,
+  REGISTER,
+  RESET_PASSWORD,
+  MOBILE,
+  QR_CODE,
+}
+
+const currentState = ref(LoginStateEnum.LOGIN)
+
+// 这里也可以优化
+// import { createGlobalState } from '@vueuse/core'
+
+export function useLoginState() {
+  function setLoginState(state: LoginStateEnum) {
+    currentState.value = state
+  }
+
+  const getLoginState = computed(() => currentState.value)
+
+  function handleBackLogin() {
+    setLoginState(LoginStateEnum.LOGIN)
+  }
+
+  return { setLoginState, getLoginState, handleBackLogin }
+}
+
+export function useFormValid<T extends object = any>(formRef: Ref<FormInstance>) {
+  const validate = computed(() => {
+    const form = unref(formRef)
+    return form?.validate ?? ((_nameList?: NamePath) => Promise.resolve())
+  })
+
+  async function validForm() {
+    const form = unref(formRef)
+    if (!form)
+      return
+    const data = await form.validate()
+    return data as T
+  }
+
+  return { validate, validForm }
+}
+
+export function useFormRules(formData?: Recordable) {
+  const { t } = useI18n()
+
+  const getAccountFormRule = computed(() => createRule(t('sys.login.accountPlaceholder')))
+  const getPasswordFormRule = computed(() => createRule(t('sys.login.passwordPlaceholder')))
+  const getSmsFormRule = computed(() => createRule(t('sys.login.smsPlaceholder')))
+  const getMobileFormRule = computed(() => createRule(t('sys.login.mobilePlaceholder')))
+
+  const validatePolicy = async (_: RuleObject, value: boolean) => {
+    return !value ? Promise.reject(t('sys.login.policyPlaceholder')) : Promise.resolve()
+  }
+
+  const validateConfirmPassword = (password: string) => {
+    return async (_: RuleObject, value: string) => {
+      if (!value)
+        return Promise.reject(t('sys.login.passwordPlaceholder'))
+
+      if (value !== password)
+        return Promise.reject(t('sys.login.diffPwd'))
+
+      return Promise.resolve()
+    }
+  }
+
+  const getFormRules = computed((): { [k: string]: Rule | Rule[] } => {
+    const accountFormRule = unref(getAccountFormRule)
+    const passwordFormRule = unref(getPasswordFormRule)
+    const smsFormRule = unref(getSmsFormRule)
+    const mobileFormRule = unref(getMobileFormRule)
+
+    const mobileRule = {
+      sms: smsFormRule,
+      mobile: mobileFormRule,
+    }
+    switch (unref(currentState)) {
+      // register form rules
+      case LoginStateEnum.REGISTER:
+        return {
+          account: accountFormRule,
+          password: passwordFormRule,
+          confirmPassword: [{ validator: validateConfirmPassword(formData?.password), trigger: 'change' }],
+          policy: [{ validator: validatePolicy, trigger: 'change' }],
+          ...mobileRule,
+        }
+
+      // reset password form rules
+      case LoginStateEnum.RESET_PASSWORD:
+        return {
+          account: accountFormRule,
+          ...mobileRule,
+        }
+
+      // mobile form rules
+      case LoginStateEnum.MOBILE:
+        return mobileRule
+
+      // login form rules
+      default:
+        return {
+          account: accountFormRule,
+          password: passwordFormRule,
+        }
+    }
+  })
+  return { getFormRules }
+}
+
+function createRule(message: string) {
+  return [
+    {
+      required: true,
+      message,
+      trigger: 'change',
+    },
+  ] as RuleObject[]
+}
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/AccountBind.vue b/yunxi-ui-admin-vben/src/views/base/profile/AccountBind.vue
new file mode 100644
index 0000000..2c59d4d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/AccountBind.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup>
+import { List } from 'ant-design-vue'
+import { onMounted } from 'vue'
+import { accountBindList } from './data'
+import { Icon } from '@/components/Icon'
+import { CollapseContainer } from '@/components/Container/index'
+import { getUserProfileApi } from '@/api/base/profile'
+
+async function init() {
+  const userInfo = await getUserProfileApi()
+  // TODO
+  for (const i in accountBindList) {
+    if (userInfo.socialUsers) {
+      for (const j in userInfo.socialUsers) {
+        if (accountBindList[i].key === userInfo.socialUsers[j].type) {
+          accountBindList[i].title = '已绑定'
+          break
+        }
+      }
+    }
+  }
+}
+onMounted(async () => {
+  await init()
+})
+</script>
+
+<template>
+  <CollapseContainer title="账号绑定" :can-expan="false">
+    <List>
+      <template v-for="item in accountBindList" :key="item.key">
+        <List.Item>
+          <List.Item.Meta>
+            <template #avatar>
+              <Icon v-if="item.avatar" class="text-4xl" :icon="item.avatar" :color="item.color" />
+            </template>
+            <template #title>
+              {{ item.title }}
+              <a-button v-if="item.extra" type="link" size="small" class="float-right mr-7.5 mt-2.5 cursor-pointer">
+                {{ item.extra }}
+              </a-button>
+            </template>
+            <template #description>
+              <div>{{ item.description }}</div>
+            </template>
+          </List.Item.Meta>
+        </List.Item>
+      </template>
+    </List>
+  </CollapseContainer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/BaseSetting.vue b/yunxi-ui-admin-vben/src/views/base/profile/BaseSetting.vue
new file mode 100644
index 0000000..dee9d15
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/BaseSetting.vue
@@ -0,0 +1,76 @@
+<script lang="ts" setup>
+import { Button, Col, Row } from 'ant-design-vue'
+import { computed, onMounted } from 'vue'
+import { baseSetschemas } from './data'
+import { BasicForm, useForm } from '@/components/Form/index'
+import { CollapseContainer } from '@/components/Container'
+import { CropperAvatar } from '@/components/Cropper'
+import { useMessage } from '@/hooks/web/useMessage'
+import headerImg from '@/assets/images/header.jpg'
+import { useUserStore } from '@/store/modules/user'
+import { getUserProfileApi, updateUserProfileApi, uploadAvatarApi } from '@/api/base/profile'
+
+const { createMessage } = useMessage()
+const userStore = useUserStore()
+
+const [register, { setFieldsValue, validate }] = useForm({
+  labelWidth: 120,
+  schemas: baseSetschemas,
+  showActionButtonGroup: false,
+})
+
+onMounted(async () => {
+  const data = await getUserProfileApi()
+  setFieldsValue(data)
+})
+
+const avatar = computed(() => {
+  const { avatar } = userStore.getUserInfo.user
+  return avatar || headerImg
+})
+
+async function updateAvatar({ data }) {
+  const res = await uploadAvatarApi({ avatarFile: data })
+  const userinfo = userStore.getUserInfo
+  userinfo.user.avatar = res
+  userStore.setUserInfo(userinfo)
+}
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    await updateUserProfileApi(values)
+  }
+  finally {
+    createMessage.success('更新成功！')
+  }
+}
+</script>
+
+<template>
+  <CollapseContainer title="基本设置" :can-expan="false">
+    <Row :gutter="24">
+      <Col :span="14">
+        <BasicForm @register="register" />
+      </Col>
+      <Col :span="10">
+        <div>
+          <div class="mb-2">
+            头像
+          </div>
+          <CropperAvatar
+            :value="avatar"
+            btn-text="更换头像"
+            :btn-props="{ preIcon: 'ant-design:cloud-upload-outlined' }"
+            width="150"
+            class="mb-4 block rounded-full"
+            @change="updateAvatar"
+          />
+        </div>
+      </Col>
+    </Row>
+    <Button type="primary" @click="handleSubmit">
+      更新基本信息
+    </Button>
+  </CollapseContainer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/MsgNotify.vue b/yunxi-ui-admin-vben/src/views/base/profile/MsgNotify.vue
new file mode 100644
index 0000000..d3d6cee
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/MsgNotify.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import { List, Switch } from 'ant-design-vue'
+import { msgNotifyList } from './data'
+import { CollapseContainer } from '@/components/Container/index'
+
+const ListItem = List.Item
+const ListItemMeta = List.Item.Meta
+</script>
+
+<template>
+  <CollapseContainer title="新消息通知" :can-expan="false">
+    <List>
+      <template v-for="item in msgNotifyList" :key="item.key">
+        <ListItem>
+          <ListItemMeta>
+            <template #title>
+              {{ item.title }}
+              <Switch class="float-right mr-7.5 mt-0" checked-children="开" un-checked-children="关" default-checked />
+            </template>
+            <template #description>
+              <div>{{ item.description }}</div>
+            </template>
+          </ListItemMeta>
+        </ListItem>
+      </template>
+    </List>
+  </CollapseContainer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/PasswordModal.vue b/yunxi-ui-admin-vben/src/views/base/profile/PasswordModal.vue
new file mode 100644
index 0000000..af4da1e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/PasswordModal.vue
@@ -0,0 +1,49 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { passwordSchema } from './data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { updateUserPwdApi } from '@/api/base/profile'
+
+defineOptions({ name: 'PasswordModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const title = ref('修改密码')
+
+const [registerForm, { resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: passwordSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(() => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    await updateUserPwdApi(values.oldPassword, values.newPassword)
+    setModalProps({ confirmLoading: true })
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="title" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/SecureSetting.vue b/yunxi-ui-admin-vben/src/views/base/profile/SecureSetting.vue
new file mode 100644
index 0000000..b3dfc7f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/SecureSetting.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+import { List } from 'ant-design-vue'
+import { secureSettingList } from './data'
+import PasswordModal from './PasswordModal.vue'
+import { CollapseContainer } from '@/components/Container/index'
+import { useModal } from '@/components/Modal'
+import { useMessage } from '@/hooks/web/useMessage'
+
+const ListItem = List.Item
+const ListItemMeta = List.Item.Meta
+
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+function handleEdit(title: string) {
+  if (title === '账户密码')
+    openModal(true, {})
+}
+function handleSuccess() {
+  createMessage.success('更新成功！')
+}
+</script>
+
+<template>
+  <CollapseContainer title="安全设置" :can-expan="false">
+    <List>
+      <template v-for="item in secureSettingList" :key="item.key">
+        <ListItem>
+          <ListItemMeta>
+            <template #title>
+              {{ item.title }}
+              <div v-if="item.extra" class="float-right mr-7.5 mt-2.5 cursor-pointer font-normal text-blue-500">
+                <a-button type="link" @click="handleEdit(item.title)">
+                  {{ item.extra }}
+                </a-button>
+              </div>
+            </template>
+            <template #description>
+              <div>{{ item.description }}</div>
+            </template>
+          </ListItemMeta>
+        </ListItem>
+      </template>
+    </List>
+  </CollapseContainer>
+  <PasswordModal @register="registerModal" @success="handleSuccess" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/data.ts b/yunxi-ui-admin-vben/src/views/base/profile/data.ts
new file mode 100644
index 0000000..12d6da3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/data.ts
@@ -0,0 +1,190 @@
+import type { FormSchema } from '@/components/Form'
+import { useI18n } from '@/hooks/web/useI18n'
+
+const { t } = useI18n()
+
+export interface ListItem {
+  key: string
+  title: string
+  description: string
+  extra?: string
+  avatar?: string
+  color?: string
+}
+
+// tab的list
+export const settingList = [
+  {
+    key: '1',
+    name: '基本设置',
+    component: 'BaseSetting',
+  },
+  {
+    key: '2',
+    name: '安全设置',
+    component: 'SecureSetting',
+  },
+  {
+    key: '3',
+    name: '账号绑定',
+    component: 'AccountBind',
+  },
+  {
+    key: '4',
+    name: '新消息通知',
+    component: 'MsgNotify',
+  },
+
+]
+
+// 基础设置 form
+export const baseSetschemas: FormSchema[] = [
+  {
+    field: 'nickname',
+    component: 'Input',
+    label: t('profile.user.nickname'),
+    colProps: { span: 18 },
+  },
+  {
+    field: 'mobile',
+    component: 'Input',
+    label: t('profile.user.mobile'),
+    colProps: { span: 18 },
+  },
+  {
+    field: 'email',
+    component: 'Input',
+    label: t('profile.user.email'),
+    colProps: { span: 18 },
+  },
+  {
+    field: 'sex',
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        { label: '男', value: 1 },
+        { label: '女', value: 2 },
+      ],
+    },
+    label: t('profile.user.sex'),
+    colProps: { span: 18 },
+  },
+]
+
+// 安全设置 list
+export const secureSettingList: ListItem[] = [
+  {
+    key: '1',
+    title: '账户密码',
+    description: '当前密码强度：：强',
+    extra: '修改',
+  },
+  {
+    key: '2',
+    title: '密保手机',
+    description: '已绑定手机：：138****8293',
+    extra: '修改',
+  },
+  {
+    key: '3',
+    title: '密保问题',
+    description: '未设置密保问题，密保问题可有效保护账户安全',
+    extra: '修改',
+  },
+  {
+    key: '4',
+    title: '备用邮箱',
+    description: '已绑定邮箱：：ant***sign.com',
+    extra: '修改',
+  },
+  {
+    key: '5',
+    title: 'MFA 设备',
+    description: '未绑定 MFA 设备，绑定后，可以进行二次确认',
+    extra: '修改',
+  },
+]
+
+// 账号绑定 list
+export const accountBindList: ListItem[] = [
+  {
+    key: '20',
+    title: '钉钉',
+    description: '当前未绑定钉钉账号',
+    extra: '绑定',
+    avatar: 'ri:dingding-fill',
+    color: '#2eabff',
+  },
+  {
+    key: '30',
+    title: '企业微信',
+    description: '当前未绑定企业微信',
+    extra: '绑定',
+    avatar: 'ri:wechat-line',
+    color: '#2eabff',
+  },
+]
+
+// 新消息通知 list
+export const msgNotifyList: ListItem[] = [
+  {
+    key: '1',
+    title: '账户密码',
+    description: '其他用户的消息将以站内信的形式通知',
+  },
+  {
+    key: '2',
+    title: '系统消息',
+    description: '系统消息将以站内信的形式通知',
+  },
+  {
+    key: '3',
+    title: '待办任务',
+    description: '待办任务将以站内信的形式通知',
+  },
+]
+
+export const passwordSchema: FormSchema[] = [
+  {
+    field: 'oldPassword',
+    label: '当前密码',
+    component: 'InputPassword',
+    required: true,
+  },
+  {
+    field: 'newPassword',
+    label: '新密码',
+    component: 'StrengthMeter',
+    componentProps: {
+      placeholder: '新密码',
+    },
+    rules: [
+      {
+        required: true,
+        message: '请输入新密码',
+      },
+    ],
+  },
+  {
+    field: 'confirmPassword',
+    label: '确认密码',
+    component: 'InputPassword',
+
+    dynamicRules: ({ values }) => {
+      return [
+        {
+          required: true,
+          validator: (_, value) => {
+            if (!value)
+              return Promise.reject('密码不能为空')
+
+            if (value !== values.newPassword)
+              return Promise.reject('两次输入的密码不一致!')
+
+            return Promise.resolve()
+          },
+        },
+      ]
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/index.vue b/yunxi-ui-admin-vben/src/views/base/profile/index.vue
new file mode 100644
index 0000000..33f7371
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/index.vue
@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { TabPane, Tabs } from 'ant-design-vue'
+import { ref } from 'vue'
+import { settingList } from './data'
+import BaseSetting from './BaseSetting.vue'
+import SecureSetting from './SecureSetting.vue'
+import AccountBind from './AccountBind.vue'
+import MsgNotify from './MsgNotify.vue'
+
+import { ScrollContainer } from '@/components/Container/index'
+
+const wrapperRef = ref(null)
+
+const tabBarStyle = { width: '220px' }
+</script>
+
+<template>
+  <ScrollContainer>
+    <div ref="wrapperRef" class="m-3 rounded-1.5 bg-[var(--component-background)]">
+      <Tabs tab-position="left" :tab-bar-style="tabBarStyle">
+        <template v-for="item in settingList" :key="item.key">
+          <TabPane :tab="item.name">
+            <BaseSetting v-if="item.component === 'BaseSetting'" />
+            <SecureSetting v-if="item.component === 'SecureSetting'" />
+            <AccountBind v-if="item.component === 'AccountBind'" />
+            <MsgNotify v-if="item.component === 'MsgNotify'" />
+          </TabPane>
+        </template>
+      </Tabs>
+    </div>
+  </ScrollContainer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/profile/index1.vue b/yunxi-ui-admin-vben/src/views/base/profile/index1.vue
new file mode 100644
index 0000000..a48e4e3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/profile/index1.vue
@@ -0,0 +1,31 @@
+<script lang="ts" setup>
+import { TabPane, Tabs } from 'ant-design-vue'
+import { ref } from 'vue'
+import { settingList } from './data'
+import BaseSetting from './BaseSetting.vue'
+import SecureSetting from './SecureSetting.vue'
+import AccountBind from './AccountBind.vue'
+import MsgNotify from './MsgNotify.vue'
+import { ScrollContainer } from '@/components/Container/index'
+
+const wrapperRef = ref(null)
+
+const tabBarStyle = { width: '220px' }
+</script>
+
+<template>
+  <ScrollContainer>
+    <div ref="wrapperRef" class="m-3 rounded-1.5 bg-[var(--component-background)]">
+      <Tabs tab-position="left" :tab-bar-style="tabBarStyle">
+        <template v-for="item in settingList" :key="item.key">
+          <TabPane :tab="item.name">
+            <BaseSetting v-if="item.component === 'BaseSetting'" />
+            <SecureSetting v-if="item.component === 'SecureSetting'" />
+            <AccountBind v-if="item.component === 'AccountBind'" />
+            <MsgNotify v-if="item.component === 'MsgNotify'" />
+          </TabPane>
+        </template>
+      </Tabs>
+    </div>
+  </ScrollContainer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/base/redirect/index.vue b/yunxi-ui-admin-vben/src/views/base/redirect/index.vue
new file mode 100644
index 0000000..d64f839
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/base/redirect/index.vue
@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { unref } from 'vue'
+import { useRouter } from 'vue-router'
+
+const { currentRoute, replace } = useRouter()
+
+const { params, query } = unref(currentRoute)
+const { path, _redirect_type = 'path' } = params
+
+Reflect.deleteProperty(params, '_redirect_type')
+Reflect.deleteProperty(params, 'path')
+
+const _path = Array.isArray(path) ? path.join('/') : path
+
+if (_redirect_type === 'name') {
+  replace({
+    name: _path,
+    query,
+    params: JSON.parse((params._origin_params as string) ?? '{}'),
+  })
+}
+else {
+  replace({
+    path: _path.startsWith('/') ? _path : `/${_path}`,
+    query,
+  })
+}
+</script>
+
+<template>
+  <div />
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/definition/index.vue b/yunxi-ui-admin-vben/src/views/bpm/definition/index.vue
new file mode 100644
index 0000000..6c8859a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/definition/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中 definition</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/form/FormModal.vue b/yunxi-ui-admin-vben/src/views/bpm/form/FormModal.vue
new file mode 100644
index 0000000..cde96a3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/form/FormModal.vue
@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { VFormCreate } from '@/components/FormDesign'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getForm } from '@/api/bpm/form'
+
+defineOptions({ name: 'BpmFormModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const formConfig = ref({
+  schemas: [],
+  rule: [],
+  option: {},
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false })
+  const res = await getForm(data.record.id)
+  formConfig.value.schemas = res.fields
+  formConfig.value.option = res.conf
+})
+
+async function handleSubmit() {
+  try {
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="表单详情" @register="registerModal" @ok="handleSubmit">
+    <VFormCreate :form-config="formConfig" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/form/editor/index.vue b/yunxi-ui-admin-vben/src/views/bpm/form/editor/index.vue
new file mode 100644
index 0000000..c83ebf4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/form/editor/index.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { VFormDesign } from '@/components/FormDesign'
+</script>
+
+<template>
+  <div>
+    <VFormDesign />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/form/form.data.ts b/yunxi-ui-admin-vben/src/views/bpm/form/form.data.ts
new file mode 100644
index 0000000..f2bac49
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/form/form.data.ts
@@ -0,0 +1,46 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '表单名',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '表单名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/form/index.vue b/yunxi-ui-admin-vben/src/views/bpm/form/index.vue
new file mode 100644
index 0000000..d65d0db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/form/index.vue
@@ -0,0 +1,86 @@
+<script lang="ts" setup>
+import BpmFormModal from './FormModal.vue'
+import { columns, searchFormSchema } from './form.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteForm, getFormPage } from '@/api/bpm/form'
+
+defineOptions({ name: 'BpmForm' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '流程表单列表',
+  api: getFormPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 180,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  // openModal(true, { isUpdate: false })
+}
+
+function openForm(record: Recordable) {
+  if (typeof record.id === 'number')
+    go({ name: 'BpmFormEditor', query: { id: record.id } })
+}
+
+function openDetail(record: Recordable) {
+  openModal(true, { record })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteForm(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['bpm:form:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'bpm:form:update', onClick: openForm.bind(null, record) },
+              { icon: IconEnum.VIEW, label: t('action.detail'), auth: 'bpm:form:query', onClick: openDetail.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'bpm:form:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BpmFormModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/group/GroupModal.vue b/yunxi-ui-admin-vben/src/views/bpm/group/GroupModal.vue
new file mode 100644
index 0000000..bccce47
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/group/GroupModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './group.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createUserGroup, getUserGroup, updateUserGroup } from '@/api/bpm/userGroup'
+
+defineOptions({ name: 'BpmGroupModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getUserGroup(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateUserGroup(values)
+    else
+      await createUserGroup(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/group/group.data.ts b/yunxi-ui-admin-vben/src/views/bpm/group/group.data.ts
new file mode 100644
index 0000000..fff6dd4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/group/group.data.ts
@@ -0,0 +1,134 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { getListSimpleUsers } from '@/api/system/user'
+
+let users: any[] = []
+
+async function getUserList() {
+  const res = await getListSimpleUsers()
+  users = res
+}
+
+await getUserList()
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '组名',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '描述',
+    dataIndex: 'description',
+    width: 200,
+  },
+  {
+    title: '成员',
+    dataIndex: 'memberUserIds',
+    width: 180,
+    customRender: ({ record, text }) => {
+      const names: any[] = []
+      if (text) {
+        for (const userId of record.memberUserIds) {
+          let isUser = false
+          users.forEach((user) => {
+            if (userId === user.id) {
+              names.push(user.nickname)
+              isUser = true
+            }
+          })
+          if (!isUser)
+            names.push(`未知(${userId})`)
+        }
+        return useRender.renderTags(names)
+      }
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '组名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '组名',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '描述',
+    field: 'description',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '成员',
+    field: 'memberUserIds',
+    required: true,
+    component: 'ApiTransfer',
+    componentProps: {
+      api: () => getListSimpleUsers(),
+      showSearch: true,
+      labelField: 'nickname',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'RadioGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/group/index.vue b/yunxi-ui-admin-vben/src/views/bpm/group/index.vue
new file mode 100644
index 0000000..0848c84
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/group/index.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import GroupModal from './GroupModal.vue'
+import { columns, searchFormSchema } from './group.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteUserGroup, getUserGroupPage } from '@/api/bpm/userGroup'
+
+defineOptions({ name: 'BpmGroup' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '用户分组列表',
+  api: getUserGroupPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteUserGroup(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['bpm:user-group:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'bpm:user-group:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'bpm:user-group:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <GroupModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/model/ModelImportModal.vue b/yunxi-ui-admin-vben/src/views/bpm/model/ModelImportModal.vue
new file mode 100644
index 0000000..e30aefa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/model/ModelImportModal.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { importModel } from '@/api/bpm/model'
+
+defineOptions({ name: 'ModelImportForm' })
+
+const emit = defineEmits(['success', 'register'])
+
+const formSchema: FormSchema[] = [
+  {
+    label: '流程标识',
+    field: 'key',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '流程名称',
+    field: 'name',
+    component: 'Input',
+    required: true,
+  },
+  {
+    label: '流程描述',
+    field: 'description',
+    component: 'Input',
+  },
+  {
+    label: '流程文件',
+    field: 'bpmnFile',
+    component: 'FileUpload',
+    componentProps: {
+      maxCount: 1,
+      fileType: 'file',
+    },
+  },
+]
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+
+const [registerForm, { resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(() => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    console.info(values)
+    await importModel(values)
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="导入流程" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/model/ModelModal.vue b/yunxi-ui-admin-vben/src/views/bpm/model/ModelModal.vue
new file mode 100644
index 0000000..6517ec0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/model/ModelModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './model.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createModel, getModel, updateModel } from '@/api/bpm/model'
+
+defineOptions({ name: 'ModelForm' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getModel(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateModel(values)
+    else
+      await createModel(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/model/editor/index.vue b/yunxi-ui-admin-vben/src/views/bpm/model/editor/index.vue
new file mode 100644
index 0000000..6256e61
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/model/editor/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>123</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/model/index.vue b/yunxi-ui-admin-vben/src/views/bpm/model/index.vue
new file mode 100644
index 0000000..48a4082
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/model/index.vue
@@ -0,0 +1,143 @@
+<script lang="ts" setup>
+import ModelModal from './ModelModal.vue'
+import ModelImportModal from './ModelImportModal.vue'
+import { columns, searchFormSchema } from './model.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteModel, deployModel, getModelPage } from '@/api/bpm/model'
+
+// import { getAccessToken, getTenantId } from '@/utils/auth'
+
+defineOptions({ name: 'BpmModel' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerImportModal, { openModal: openImportModal }] = useModal()
+
+// const uploadParams = ref({
+//   'Authorization': `Bearer ${getAccessToken()}`,
+//   'tenant-id': getTenantId(),
+// })
+
+const [registerTable, { reload }] = useTable({
+  title: '流程模型图列表',
+  api: getModelPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+/** 设计流程 */
+function handleDesign(record: Recordable) {
+  go({ name: 'BpmModelEditor', query: { modelId: record.id } })
+}
+
+/** 点击任务分配按钮 */
+function handleAssignRule(record: Recordable) {
+  go({ name: 'BpmTaskAssignRuleList', query: { modelId: record.id } })
+}
+
+/** 发布流程 */
+async function handleDeploy(record: Recordable) {
+  await deployModel(record.id)
+  createMessage.success(t('common.successText'))
+  reload()
+}
+
+/** 跳转到指定流程定义列表 */
+function handleDefinitionList(record: Recordable) {
+  go({ name: 'BpmProcessDefinition', query: { modelId: record.key } })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteModel(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['bpm:model:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['bpm:model:import']" type="primary" :pre-icon="IconEnum.UPLOAD" @click="openImportModal">
+          {{ t('action.import') }}
+        </a-button>
+        <!-- <BasicUpload
+          :max-size="20"
+          :max-number="1"
+          :empty-hide-preview="true"
+          :upload-params="uploadParams"
+          :api="importModel"
+          class="my-5"
+          :accept="['.bpmn', '.xml']"
+          @change="reload"
+        /> -->
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'bpm:model:update', onClick: handleEdit.bind(null, record) }]"
+            :drop-down-actions="[
+              { icon: IconEnum.EDIT, label: '设计流程', auth: 'bpm:model:update', onClick: handleDesign.bind(null, record) },
+              { icon: IconEnum.EDIT, label: '分配规则', auth: 'bpm:task-assign-rule:query', onClick: handleAssignRule.bind(null, record) },
+              {
+                icon: IconEnum.EDIT,
+                label: '发布流程',
+                auth: 'bpm:model:deploy',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDeploy.bind(null, record),
+                },
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '流程定义',
+                auth: 'bpm:process-definition:query',
+                onClick: handleDefinitionList.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'bpm:model:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ModelModal @register="registerModal" @success="reload()" />
+    <ModelImportModal @register="registerImportModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/model/model.data.ts b/yunxi-ui-admin-vben/src/views/bpm/model/model.data.ts
new file mode 100644
index 0000000..fb7848a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/model/model.data.ts
@@ -0,0 +1,225 @@
+import { Button, Switch } from 'ant-design-vue'
+import { h } from 'vue'
+import { getSimpleForms } from '@/api/bpm/form'
+import { updateModelState } from '@/api/bpm/model'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { useGo } from '@/hooks/web/usePage'
+import { useMessage } from '@/hooks/web/useMessage'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    defaultHidden: true,
+    width: 100,
+  },
+  {
+    title: '流程标识',
+    dataIndex: 'key',
+    width: 180,
+  },
+  {
+    title: '流程名称',
+    dataIndex: 'name',
+    width: 180,
+    customRender: ({ record }) => {
+      return h(Button, { type: 'link', onClick: handleBpmnDetail.bind(null, record) }, () => record.formName)
+    },
+  },
+  {
+    title: '流程分类',
+    dataIndex: 'category',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_MODEL_CATEGORY)
+    },
+  },
+  {
+    title: '表单信息',
+    dataIndex: 'formType',
+    width: 180,
+    customRender: ({ record }) => {
+      if (record.formId)
+        return h(Button, { type: 'link', onClick: handleFormDetail.bind(null, record) }, () => record.formName)
+      else if (record.formCustomCreatePath)
+        return h(Button, { type: 'link', onClick: handleFormDetail.bind(null, record) }, () => record.formCustomCreatePath)
+      else
+        return useRender.renderTag('暂无表单')
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '最新部署的流程定义',
+    children: [
+      {
+        title: '流程版本',
+        dataIndex: 'processDefinition.version',
+        width: 160,
+        customRender: ({ record }) => {
+          if (record.processDefinition)
+            return useRender.renderTag(`v${record.processDefinition.version}`)
+          else
+            return useRender.renderTag('未部署')
+        },
+      },
+      {
+        title: '激活状态',
+        dataIndex: 'processDefinition.suspensionState',
+        width: 100,
+        customRender: ({ record }) => {
+          if (record.processDefinition) {
+            if (!Reflect.has(record, 'suspensionState'))
+              record.pendingStatus = false
+
+            return h(Switch, {
+              checked: record.processDefinition.suspensionState === 1,
+              checkedChildren: '激活',
+              unCheckedChildren: '挂起',
+              onChange(checked: boolean) {
+                const newStatus = checked ? 0 : 1
+                const { createMessage } = useMessage()
+                updateModelState({ id: record.id, state: newStatus })
+                  .then(() => {
+                    record.status = newStatus
+                    createMessage.success('已成功修改流程状态')
+                  })
+                  .catch(() => {
+                    createMessage.error('修改流程状态失败')
+                  })
+                  .finally(() => {
+                    record.pendingStatus = false
+                  })
+              },
+            })
+          }
+        },
+      },
+      {
+        title: '部署时间',
+        dataIndex: 'processDefinition.deploymentTim',
+        width: 180,
+        customRender: ({ record }) => {
+          if (record.processDefinition)
+            return useRender.renderDate(record.processDefinition.deploymentTime)
+        },
+      },
+    ],
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '流程标识',
+    field: 'key',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '流程名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '流程分类',
+    field: 'category',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '流程标识',
+    field: 'key',
+    required: true,
+    component: 'Input',
+    dynamicDisabled: ({ values }) => !!values.id,
+  },
+  {
+    label: '流程名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+    dynamicDisabled: ({ values }) => !!values.id,
+  },
+  {
+    label: '流程分类',
+    field: 'category',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY),
+    },
+  },
+  {
+    label: '流程描述',
+    field: 'description',
+    component: 'InputTextArea',
+  },
+  {
+    label: '表单类型',
+    field: 'formType',
+    component: 'Select',
+    ifShow: ({ values }) => !!values.id,
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_MODEL_FORM_TYPE),
+    },
+  },
+  {
+    label: '流程表单',
+    field: 'formId',
+    component: 'ApiSelect',
+    ifShow: ({ values }) => !!values.id && values.formType === 10,
+    componentProps: {
+      api: () => getSimpleForms(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '表单提交路由',
+    field: 'formCustomCreatePath',
+    component: 'Input',
+    helpMessage: '自定义表单的提交路径，使用 Vue 的路由地址，例如说：bpm/oa/leave/create',
+    ifShow: ({ values }) => !!values.id && values.formType === 20,
+  },
+  {
+    label: '表单查看路由',
+    field: 'formCustomViewPath',
+    component: 'Input',
+    helpMessage: '自定义表单的查看路径，使用 Vue 的路由地址，例如说：bpm/oa/leave/view',
+    ifShow: ({ values }) => !!values.id && values.formType === 20,
+  },
+]
+
+function handleBpmnDetail(record: Recordable) {
+  console.info('handleBpmnDetail', record)
+}
+
+function handleFormDetail(record: Recordable) {
+  if (record.formType === 10) {
+    console.info('handleFormDetail')
+  }
+  else {
+    const go = useGo()
+    go({ path: record.formCustomCreatePath })
+  }
+}
diff --git a/yunxi-ui-admin-vben/src/views/bpm/oa/leave/create.vue b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/create.vue
new file mode 100644
index 0000000..e7ada3c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/create.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue'
+import { formSchema } from './leave.data'
+import { BasicForm, useForm } from '@/components/Form'
+import { PageWrapper } from '@/components/Page'
+import { createLeave } from '@/api/bpm/leave'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'LeaveCreate' })
+const { t } = useI18n()
+const { createMessage } = useMessage()
+
+const [registerForm, { resetFields, validate }] = useForm({
+  labelWidth: 140,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showResetButton: false,
+  submitButtonOptions: { text: t('common.saveText') },
+  actionColOptions: { span: 23 },
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    await createLeave(values)
+  }
+  finally {
+    createMessage.success(t('common.saveSuccessText'))
+  }
+}
+
+onMounted(() => {
+  resetFields()
+})
+</script>
+
+<template>
+  <PageWrapper>
+    <BasicForm class="mt-10 h-120 w-200" @register="registerForm" @submit="handleSubmit" />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/oa/leave/detail.vue b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/detail.vue
new file mode 100644
index 0000000..bc35a3f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/detail.vue
@@ -0,0 +1,40 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { descSchema } from './leave.data'
+import { Description, useDescription } from '@/components/Description'
+import { PageWrapper } from '@/components/Page'
+import { getLeave } from '@/api/bpm/leave'
+import { propTypes } from '@/utils/propTypes'
+
+defineOptions({ name: 'InfraJobModal' })
+
+const props = defineProps({
+  id: propTypes.number.def(undefined),
+})
+
+const { query } = useRoute()
+const datas = ref()
+
+const [registerDesc] = useDescription({
+  schema: descSchema,
+  data: datas,
+})
+
+async function getInfo() {
+  const queryId = query.id as unknown as number // 从 URL 传递过来的 id 编号
+  const res = await getLeave(props.id || queryId)
+  datas.value = res
+}
+
+/** 初始化 **/
+onMounted(async () => {
+  await getInfo()
+})
+</script>
+
+<template>
+  <PageWrapper>
+    <Description :column="1" @register="registerDesc" />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/oa/leave/index.vue b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/index.vue
new file mode 100644
index 0000000..ddcd441
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/index.vue
@@ -0,0 +1,104 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './leave.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getLeavePage } from '@/api/bpm/leave'
+import { useGo } from '@/hooks/web/usePage'
+import { useMessage } from '@/hooks/web/useMessage'
+import { cancelProcessInstance } from '@/api/bpm/processInstance'
+
+defineOptions({ name: 'BpmLeave' })
+
+const { t } = useI18n()
+const go = useGo()
+const { createMessage } = useMessage()
+
+const [registerTable, { reload }] = useTable({
+  title: '请假列表',
+  api: getLeavePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 160,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 添加操作 */
+function handleCreate() {
+  go({ name: 'OALeaveCreate' })
+}
+
+/** 详情操作 */
+function handleDetail(row) {
+  go({
+    name: 'OALeaveDetail',
+    query: {
+      id: row.id,
+    },
+  })
+}
+
+/** 取消请假操作 */
+async function cancelLeave(row) {
+  // // 二次确认
+  // const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
+  //   confirmButtonText: t('common.ok'),
+  //   cancelButtonText: t('common.cancel'),
+  //   inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
+  //   inputErrorMessage: '取消原因不能为空',
+  // })
+  const value = ''
+  // 发起取消
+  await cancelProcessInstance(row.id, value)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+
+/** 审批进度 */
+function handleProcessDetail(row) {
+  go({
+    name: 'BpmProcessInstanceDetail',
+    query: {
+      id: row.processInstanceId,
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          发起请假
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.SEARCH, label: t('action.detail'), auth: 'bpm:oa-leave:query', onClick: handleDetail.bind(null, record) },
+              { icon: IconEnum.LOG, label: '进度', auth: 'bpm:oa-leave:query', onClick: handleProcessDetail.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.cancel'),
+                auth: 'bpm:oa-leave:create',
+                ifShow: () => {
+                  return record.result === 1
+                },
+                onClick: cancelLeave.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/oa/leave/leave.data.ts b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/leave.data.ts
new file mode 100644
index 0000000..0f71890
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/oa/leave/leave.data.ts
@@ -0,0 +1,158 @@
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '申请编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '状态',
+    dataIndex: 'result',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT)
+    },
+  },
+  {
+    title: '开始时间',
+    dataIndex: 'startTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '结束时间',
+    dataIndex: 'endTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '请假类型',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_OA_LEAVE_TYPE)
+    },
+  },
+  {
+    title: '原因',
+    dataIndex: 'reason',
+    width: 180,
+  },
+  {
+    title: '申请时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '请假类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '申请时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '结果',
+    field: 'result',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '原因',
+    field: 'reason',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '请假类型',
+    field: 'type',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_OA_LEAVE_TYPE),
+    },
+  },
+  {
+    label: '开始时间',
+    field: 'startTime',
+    required: true,
+    component: 'DatePicker',
+    componentProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '结束时间',
+    field: 'endTime',
+    required: true,
+    component: 'DatePicker',
+    componentProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '原因',
+    field: 'reason',
+    required: true,
+    component: 'Input',
+  },
+]
+
+export const descSchema: DescItem[] = [
+  {
+    label: '请假类型',
+    field: 'merchantOrderId',
+    render: (curVal) => {
+      return useRender.renderTag(curVal)
+    },
+  },
+  {
+    label: '开始时间',
+    field: 'startTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal, 'YYYY-MM-DD')
+    },
+  },
+  {
+    label: '结束时间',
+    field: 'endTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal, 'YYYY-MM-DD')
+    },
+  },
+  {
+    label: '原因',
+    field: 'reason',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/processInstance/create/create.data.ts b/yunxi-ui-admin-vben/src/views/bpm/processInstance/create/create.data.ts
new file mode 100644
index 0000000..ff68c30
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/processInstance/create/create.data.ts
@@ -0,0 +1,32 @@
+import type { BasicColumn } from '@/components/Table'
+import { DICT_TYPE } from '@/utils/dict'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '流程名称',
+    dataIndex: 'name',
+    width: 120,
+  },
+  {
+    title: '流程分类',
+    dataIndex: 'category',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_MODEL_CATEGORY)
+    },
+  },
+  {
+    title: '流程版本',
+    dataIndex: 'name',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text)
+    },
+  },
+  {
+    title: '流程描述',
+    dataIndex: 'description',
+    width: 200,
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/processInstance/create/index.vue b/yunxi-ui-admin-vben/src/views/bpm/processInstance/create/index.vue
new file mode 100644
index 0000000..69e51c4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/processInstance/create/index.vue
@@ -0,0 +1,115 @@
+<script lang="ts" setup>
+import { Card, Steps } from 'ant-design-vue'
+import { ref } from 'vue'
+import { columns } from './create.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { PageWrapper } from '@/components/Page'
+import { IconEnum } from '@/enums/appEnum'
+import Icon from '@/components/Icon'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getProcessDefinitionBpmnXML, getProcessDefinitionList } from '@/api/bpm/definition'
+import { createProcessInstance } from '@/api/bpm/processInstance'
+
+defineOptions({ name: 'BpmProcessInstanceCreate' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const current = ref(0)
+
+const bpmnXML = ref(null) // BPMN 数据
+const selectProcessInstance = ref() // 选择的流程实例
+
+const [registerTable] = useTable({
+  api: getProcessDefinitionList,
+  columns,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 处理选择流程的按钮操作 **/
+async function handleSelect(row) {
+  // 设置选择的流程
+  selectProcessInstance.value = row
+
+  // 情况一：流程表单
+  if (row.formType === 10) {
+    // 设置表单
+    // setConfAndFields2(detailForm, row.formConf, row.formFields)
+    // 加载流程图
+    bpmnXML.value = await getProcessDefinitionBpmnXML(row.id)
+    // 情况二：业务表单
+  }
+  else if (row.formCustomCreatePath) {
+    await go({
+      path: row.formCustomCreatePath,
+    })
+    // 这里暂时无需加载流程图，因为跳出到另外个 Tab；
+  }
+}
+
+/** 提交按钮 */
+async function submitForm(formData) {
+  // if (!fApi.value || !selectProcessInstance.value)
+  //   return
+
+  // // 提交请求
+  // fApi.value.btn.loading(true)
+  try {
+    await createProcessInstance({
+      processDefinitionId: selectProcessInstance.value.id,
+      variables: formData,
+    })
+    // 提示
+    createMessage.success('发起流程成功')
+    go()
+  }
+  finally {
+    // fApi.value.btn.loading(false)
+  }
+}
+</script>
+
+<template>
+  <PageWrapper>
+    <div class="mx-auto my-0 mt-2.5 w-200">
+      <Steps :current="current">
+        <Steps.Step title="选择流程" />
+        <Steps.Step title="流程提交" />
+      </Steps>
+    </div>
+    <div class="m-5">
+      <BasicTable v-if="!selectProcessInstance" @register="registerTable">
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                { icon: IconEnum.SEND, label: '选择', onClick: handleSelect.bind(null, record) },
+              ]"
+            />
+          </template>
+        </template>
+      </BasicTable>
+      <div v-if="selectProcessInstance">
+        <Card :title="`申请信息——【${selectProcessInstance.name}】`">
+          <template #extra>
+            <a-button type="primary" @click="selectProcessInstance = undefined">
+              <Icon icon="ep:delete" /> 选择其它流程
+            </a-button>
+          </template>
+          <p>表单</p>
+          <a-button type="primary" @click="submitForm">
+            提交
+          </a-button>
+          <p>流程图</p>
+        </Card>
+      </div>
+    </div>
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/processInstance/detail/index.vue b/yunxi-ui-admin-vben/src/views/bpm/processInstance/detail/index.vue
new file mode 100644
index 0000000..6256e61
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/processInstance/detail/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>123</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/processInstance/index.vue b/yunxi-ui-admin-vben/src/views/bpm/processInstance/index.vue
new file mode 100644
index 0000000..8f96948
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/processInstance/index.vue
@@ -0,0 +1,84 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './processInstance.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
+import { cancelProcessInstance, getMyProcessInstancePage } from '@/api/bpm/processInstance'
+
+defineOptions({ name: 'InfraApiErrorLog' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerTable, { reload }] = useTable({
+  title: '我的流程列表',
+  api: getMyProcessInstancePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 发起流程操作 */
+function handleCreate() {
+  go({ name: 'BpmProcessInstanceCreate' })
+}
+
+/** 查看详情 */
+function handleDetail(record: Recordable) {
+  go({ name: 'BpmProcessInstanceDetail', query: { id: record.id } })
+}
+
+/** 取消按钮操作 */
+async function handleCancel(record: Recordable) {
+  await cancelProcessInstance(record.id, 'TODO')
+  createMessage.success('取消成功')
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['bpm:process-instance:query']" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          发起流程
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.VIEW,
+                label: t('action.detail'),
+                auth: 'bpm:process-instance:query',
+                onClick: handleDetail.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.cancel'),
+                ifShow: record.result === 1,
+                auth: 'bpm:process-instance:cancel',
+                popConfirm: {
+                  title: t('action.cancel'),
+                  placement: 'left',
+                  confirm: handleCancel.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/processInstance/processInstance.data.ts b/yunxi-ui-admin-vben/src/views/bpm/processInstance/processInstance.data.ts
new file mode 100644
index 0000000..d963a7b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/processInstance/processInstance.data.ts
@@ -0,0 +1,118 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '流程编号',
+    dataIndex: 'id',
+    width: 260,
+  },
+  {
+    title: '流程名称',
+    dataIndex: 'name',
+    width: 100,
+  },
+  {
+    title: '流程分类',
+    dataIndex: 'category',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_MODEL_CATEGORY)
+    },
+  },
+  {
+    title: '当前审批任务',
+    dataIndex: 'tasks',
+    width: 120,
+    customRender: ({ record }) => {
+      if (record.tasks && record.tasks.length > 0) {
+        const texts: any[] = []
+        record.tasks.forEach((val) => {
+          texts.push(val.name)
+        })
+        return useRender.renderTags(texts)
+      }
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS)
+    },
+  },
+  {
+    title: '结果',
+    dataIndex: 'result',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT)
+    },
+  },
+  {
+    title: '提交时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '结束时间',
+    dataIndex: 'endTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '流程名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '所属流程',
+    field: 'processDefinitionId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '流程分类',
+    field: 'category',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_MODEL_CATEGORY),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '结果',
+    field: 'result',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '提交时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/task/done/done.data.ts b/yunxi-ui-admin-vben/src/views/bpm/task/done/done.data.ts
new file mode 100644
index 0000000..fb93584
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/task/done/done.data.ts
@@ -0,0 +1,79 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { getDate } from '@/utils/dateUtil'
+import { DICT_TYPE } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '任务编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '任务名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '所属流程',
+    dataIndex: 'processInstance.name',
+    width: 180,
+  },
+  {
+    title: '流程发起人',
+    dataIndex: 'processInstance.startUserNickname',
+    width: 180,
+  },
+  {
+    title: '结果',
+    dataIndex: 'result',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BPM_PROCESS_INSTANCE_RESULT)
+    },
+  },
+  {
+    title: '审批意见',
+    dataIndex: 'reason',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '审批时间',
+    dataIndex: 'endTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '耗时',
+    dataIndex: 'durationInMillis',
+    width: 180,
+    customRender: ({ text }) => {
+      return getDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '流程名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/task/done/index.vue b/yunxi-ui-admin-vben/src/views/bpm/task/done/index.vue
new file mode 100644
index 0000000..5a86b67
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/task/done/index.vue
@@ -0,0 +1,53 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './done.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
+import { getDoneTaskPage } from '@/api/bpm/task'
+
+defineOptions({ name: 'BpmDoneTask' })
+
+const go = useGo()
+const { t } = useI18n()
+
+const [registerTable] = useTable({
+  title: '审批列表',
+  api: getDoneTaskPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function openDetail(record: Recordable) {
+  console.info(record)
+}
+
+function handleAudit(record: Recordable) {
+  go({ name: 'BpmProcessInstanceDetail', query: { id: record.id } })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: t('action.detail'), onClick: openDetail.bind(null, record) },
+              { icon: IconEnum.VIEW, label: '流程', onClick: handleAudit.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/task/todo/index.vue b/yunxi-ui-admin-vben/src/views/bpm/task/todo/index.vue
new file mode 100644
index 0000000..da7bc5f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/task/todo/index.vue
@@ -0,0 +1,44 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './todo.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
+import { getTodoTaskPage } from '@/api/bpm/task'
+
+defineOptions({ name: 'BpmTodoTask' })
+
+const go = useGo()
+const { t } = useI18n()
+
+const [registerTable] = useTable({
+  title: '审批列表',
+  api: getTodoTaskPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleAudit(record: Recordable) {
+  go({ name: 'BpmProcessInstanceDetail', query: { id: record.id } })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction :actions="[{ icon: IconEnum.VIEW, label: '审批进度', onClick: handleAudit.bind(null, record) }]" />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/bpm/task/todo/todo.data.ts b/yunxi-ui-admin-vben/src/views/bpm/task/todo/todo.data.ts
new file mode 100644
index 0000000..ffeb875
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/task/todo/todo.data.ts
@@ -0,0 +1,59 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '任务编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '任务名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '所属流程',
+    dataIndex: 'processInstance.name',
+    width: 180,
+  },
+  {
+    title: '流程发起人',
+    dataIndex: 'processInstance.startUserNickname',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'suspensionState',
+    width: 180,
+    customRender: ({ text }) => {
+      if (text === 1)
+        return useRender.renderTag('激活', 'success')
+      else if (text === 2)
+        return useRender.renderTag('挂起', 'warning')
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '流程名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/bpm/taskAssignRule/index.vue b/yunxi-ui-admin-vben/src/views/bpm/taskAssignRule/index.vue
new file mode 100644
index 0000000..e8bc1bd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/bpm/taskAssignRule/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中 taskAssignRule</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/GrowCard.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/GrowCard.vue
new file mode 100644
index 0000000..fe1aceb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/GrowCard.vue
@@ -0,0 +1,41 @@
+<script lang="ts" setup>
+import { Card, Tag } from 'ant-design-vue'
+import { growCardList } from '../data'
+import { CountTo } from '@/components/CountTo'
+import { Icon } from '@/components/Icon'
+
+defineProps({
+  loading: {
+    type: Boolean,
+  },
+})
+</script>
+
+<template>
+  <div class="md:flex">
+    <template v-for="(item, index) in growCardList" :key="item.title">
+      <Card
+        :loading="loading"
+        :title="item.title"
+        class="w-full md:w-1/4 !md:mt-0"
+        :class="{ '!md:mr-4': index + 1 < 4, '!mt-4': index > 0 }"
+      >
+        <template #extra>
+          <Tag :color="item.color">
+            {{ item.action }}
+          </Tag>
+        </template>
+
+        <div class="flex items-center justify-between px-4 py-4">
+          <CountTo prefix="$" :start-val="1" :end-val="item.value" class="text-2xl" />
+          <Icon :icon="item.icon" :size="40" />
+        </div>
+
+        <div class="flex justify-between p-2 px-4">
+          <span>总{{ item.title }}</span>
+          <CountTo prefix="$" :start-val="1" :end-val="item.total" />
+        </div>
+      </Card>
+    </template>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SalesProductPie.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SalesProductPie.vue
new file mode 100644
index 0000000..609cf70
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SalesProductPie.vue
@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: Boolean,
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px'),
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading)
+      return
+
+    setOptions({
+      tooltip: {
+        trigger: 'item',
+      },
+
+      series: [
+        {
+          name: '访问来源',
+          type: 'pie',
+          radius: '80%',
+          center: ['50%', '50%'],
+          color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
+          data: [
+            { value: 500, name: '电子产品' },
+            { value: 310, name: '服装' },
+            { value: 274, name: '化妆品' },
+            { value: 400, name: '家居' },
+          ].sort((a, b) => {
+            return a.value - b.value
+          }),
+          roseType: 'radius',
+          animationType: 'scale',
+          animationEasing: 'exponentialInOut',
+          animationDelay() {
+            return Math.random() * 400
+          },
+        },
+      ],
+    })
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <Card title="成交占比" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }" />
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SiteAnalysis.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SiteAnalysis.vue
new file mode 100644
index 0000000..4515d8e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/SiteAnalysis.vue
@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Card } from 'ant-design-vue'
+import VisitAnalysis from './VisitAnalysis.vue'
+import VisitAnalysisBar from './VisitAnalysisBar.vue'
+
+const activeKey = ref('tab1')
+
+const tabListTitle = [
+  {
+    key: 'tab1',
+    tab: '流量趋势',
+  },
+  {
+    key: 'tab2',
+    tab: '访问量',
+  },
+]
+
+function onTabChange(key: string) {
+  activeKey.value = key
+}
+</script>
+
+<template>
+  <Card :tab-list="tabListTitle" v-bind="$attrs" :active-tab-key="activeKey" @tab-change="onTabChange">
+    <p v-if="activeKey === 'tab1'">
+      <VisitAnalysis />
+    </p>
+    <p v-if="activeKey === 'tab2'">
+      <VisitAnalysisBar />
+    </p>
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysis.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysis.vue
new file mode 100644
index 0000000..2607f75
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysis.vue
@@ -0,0 +1,83 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import { basicProps } from './props'
+import { useECharts } from '@/hooks/web/useECharts'
+
+defineProps({
+  ...basicProps,
+})
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+onMounted(() => {
+  setOptions({
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        lineStyle: {
+          width: 1,
+          color: '#019680',
+        },
+      },
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: [...Array.from({ length: 18 })].map((_item, index) => `${index + 6}:00`),
+      splitLine: {
+        show: true,
+        lineStyle: {
+          width: 1,
+          type: 'solid',
+          color: 'rgba(226,226,226,0.5)',
+        },
+      },
+      axisTick: {
+        show: false,
+      },
+    },
+    yAxis: [
+      {
+        type: 'value',
+        max: 80000,
+        splitNumber: 4,
+        axisTick: {
+          show: false,
+        },
+        splitArea: {
+          show: true,
+          areaStyle: {
+            color: ['rgba(255,255,255,0.2)', 'rgba(226,226,226,0.2)'],
+          },
+        },
+      },
+    ],
+    grid: { left: '1%', right: '1%', top: '2  %', bottom: 0, containLabel: true },
+    series: [
+      {
+        smooth: true,
+        data: [111, 222, 4000, 18000, 33333, 55555, 66666, 33333, 14000, 36000, 66666, 44444, 22222, 11111, 4000, 2000, 500, 333, 222, 111],
+        type: 'line',
+        areaStyle: {},
+        itemStyle: {
+          color: '#5ab1ef',
+        },
+      },
+      {
+        smooth: true,
+        data: [33, 66, 88, 333, 3333, 5000, 18000, 3000, 1200, 13000, 22000, 11000, 2221, 1201, 390, 198, 60, 30, 22, 11],
+        type: 'line',
+        areaStyle: {},
+        itemStyle: {
+          color: '#019680',
+        },
+      },
+    ],
+  })
+})
+</script>
+
+<template>
+  <div ref="chartRef" :style="{ height, width }" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysisBar.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
new file mode 100644
index 0000000..ff28459
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { onMounted, ref } from 'vue'
+import { basicProps } from './props'
+import { useECharts } from '@/hooks/web/useECharts'
+
+defineProps({
+  ...basicProps,
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+onMounted(() => {
+  setOptions({
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: {
+        lineStyle: {
+          width: 1,
+          color: '#019680',
+        },
+      },
+    },
+    grid: { left: '1%', right: '1%', top: '2  %', bottom: 0, containLabel: true },
+    xAxis: {
+      type: 'category',
+      data: [...Array.from({ length: 12 })].map((_item, index) => `${index + 1}月`),
+    },
+    yAxis: {
+      type: 'value',
+      max: 8000,
+      splitNumber: 4,
+    },
+    series: [
+      {
+        data: [3000, 2000, 3333, 5000, 3200, 4200, 3200, 2100, 3000, 5100, 6000, 3200, 4800],
+        type: 'bar',
+        barMaxWidth: 80,
+      },
+    ],
+  })
+})
+</script>
+
+<template>
+  <div ref="chartRef" :style="{ height, width }" />
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitRadar.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitRadar.vue
new file mode 100644
index 0000000..08b460d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitRadar.vue
@@ -0,0 +1,91 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: Boolean,
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px'),
+})
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading)
+      return
+
+    setOptions({
+      legend: {
+        bottom: 0,
+        data: ['访问', '购买'],
+      },
+      tooltip: {},
+      radar: {
+        radius: '60%',
+        splitNumber: 8,
+        indicator: [
+          {
+            name: '电脑',
+          },
+          {
+            name: '充电器',
+          },
+          {
+            name: '耳机',
+          },
+          {
+            name: '手机',
+          },
+          {
+            name: 'Ipad',
+          },
+          {
+            name: '耳机',
+          },
+        ],
+      },
+      series: [
+        {
+          type: 'radar',
+          symbolSize: 0,
+          areaStyle: {
+            shadowBlur: 0,
+            shadowColor: 'rgba(0,0,0,.2)',
+            shadowOffsetX: 0,
+            shadowOffsetY: 10,
+            opacity: 1,
+          },
+          data: [
+            {
+              value: [90, 50, 86, 40, 50, 20],
+              name: '访问',
+              itemStyle: {
+                color: '#b6a2de',
+              },
+            },
+            {
+              value: [70, 75, 70, 76, 20, 85],
+              name: '购买',
+              itemStyle: {
+                color: '#5ab1ef',
+              },
+            },
+          ],
+        },
+      ],
+    })
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <Card title="转化率" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }" />
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitSource.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitSource.vue
new file mode 100644
index 0000000..22f07a6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/VisitSource.vue
@@ -0,0 +1,79 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: Boolean,
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px'),
+})
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading)
+      return
+
+    setOptions({
+      tooltip: {
+        trigger: 'item',
+      },
+      legend: {
+        bottom: '1%',
+        left: 'center',
+      },
+      series: [
+        {
+          color: ['#5ab1ef', '#b6a2de', '#67e0e3', '#2ec7c9'],
+          name: '访问来源',
+          type: 'pie',
+          radius: ['40%', '70%'],
+          avoidLabelOverlap: false,
+          itemStyle: {
+            borderRadius: 10,
+            borderColor: '#fff',
+            borderWidth: 2,
+          },
+          label: {
+            show: false,
+            position: 'center',
+          },
+          emphasis: {
+            label: {
+              show: true,
+              fontSize: '12',
+              fontWeight: 'bold',
+            },
+          },
+          labelLine: {
+            show: false,
+          },
+          data: [
+            { value: 1048, name: '搜索引擎' },
+            { value: 735, name: '直接访问' },
+            { value: 580, name: '邮件营销' },
+            { value: 484, name: '联盟广告' },
+          ],
+          animationType: 'scale',
+          animationEasing: 'exponentialInOut',
+          animationDelay() {
+            return Math.random() * 100
+          },
+        },
+      ],
+    })
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <Card title="访问来源" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }" />
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/props.ts b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/props.ts
new file mode 100644
index 0000000..0d5f7d6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/components/props.ts
@@ -0,0 +1,16 @@
+import type { PropType } from 'vue'
+
+export interface BasicProps {
+  width: string
+  height: string
+}
+export const basicProps = {
+  width: {
+    type: String as PropType<string>,
+    default: '100%',
+  },
+  height: {
+    type: String as PropType<string>,
+    default: '280px',
+  },
+}
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/data.ts b/yunxi-ui-admin-vben/src/views/dashboard/analysis/data.ts
new file mode 100644
index 0000000..e160ef0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/data.ts
@@ -0,0 +1,43 @@
+export interface GrowCardItem {
+  icon: string
+  title: string
+  value: number
+  total: number
+  color: string
+  action: string
+}
+
+export const growCardList: GrowCardItem[] = [
+  {
+    title: '访问数',
+    icon: 'visit-count|svg',
+    value: 2000,
+    total: 120000,
+    color: 'green',
+    action: '月',
+  },
+  {
+    title: '成交额',
+    icon: 'total-sales|svg',
+    value: 20000,
+    total: 500000,
+    color: 'blue',
+    action: '月',
+  },
+  {
+    title: '下载数',
+    icon: 'download-count|svg',
+    value: 8000,
+    total: 120000,
+    color: 'orange',
+    action: '周',
+  },
+  {
+    title: '成交数',
+    icon: 'transaction|svg',
+    value: 5000,
+    total: 50000,
+    color: 'purple',
+    action: '年',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/analysis/index.vue b/yunxi-ui-admin-vben/src/views/dashboard/analysis/index.vue
new file mode 100644
index 0000000..3aa1b5d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/analysis/index.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import GrowCard from './components/GrowCard.vue'
+import SiteAnalysis from './components/SiteAnalysis.vue'
+import VisitSource from './components/VisitSource.vue'
+import VisitRadar from './components/VisitRadar.vue'
+import SalesProductPie from './components/SalesProductPie.vue'
+
+const loading = ref(true)
+
+setTimeout(() => {
+  loading.value = false
+}, 500)
+</script>
+
+<template>
+  <div class="p-4">
+    <GrowCard :loading="loading" class="enter-y" />
+    <SiteAnalysis class="enter-y !my-4" :loading="loading" />
+    <div class="enter-y md:flex">
+      <VisitRadar class="w-full md:w-1/3" :loading="loading" />
+      <VisitSource class="w-full !my-4 md:w-1/3 !md:mx-4 !md:my-0" :loading="loading" />
+      <SalesProductPie class="w-full md:w-1/3" :loading="loading" />
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/DynamicInfo.vue b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/DynamicInfo.vue
new file mode 100644
index 0000000..0c8113e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/DynamicInfo.vue
@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+import { Card, List } from 'ant-design-vue'
+import { dynamicInfoItems } from './data'
+import { Icon } from '@/components/Icon'
+
+const ListItem = List.Item
+const ListItemMeta = List.Item.Meta
+</script>
+
+<template>
+  <Card title="最新动态" v-bind="$attrs">
+    <template #extra>
+      <a-button type="link">
+        更多
+      </a-button>
+    </template>
+    <List item-layout="horizontal" :data-source="dynamicInfoItems">
+      <template #renderItem="{ item }">
+        <ListItem>
+          <ListItemMeta>
+            <template #description>
+              {{ item.date }}
+            </template>
+            <!-- eslint-disable-next-line -->
+            <template #title> {{ item.name }} <span v-html="item.desc"> </span> </template>
+            <template #avatar>
+              <Icon :icon="item.avatar" :size="30" />
+            </template>
+          </ListItemMeta>
+        </ListItem>
+      </template>
+    </List>
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/ProjectCard.vue b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/ProjectCard.vue
new file mode 100644
index 0000000..0649d3d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/ProjectCard.vue
@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import { Card, CardGrid } from 'ant-design-vue'
+import { groupItems } from './data'
+import { Icon } from '@/components/Icon'
+</script>
+
+<template>
+  <Card title="项目" v-bind="$attrs">
+    <template #extra>
+      <a-button type="link">
+        更多
+      </a-button>
+    </template>
+
+    <CardGrid v-for="item in groupItems" :key="item.title" class="!w-full !md:w-1/3">
+      <span class="flex">
+        <Icon :icon="item.icon" :color="item.color" size="30" />
+        <span class="ml-4 text-lg">{{ item.title }}</span>
+      </span>
+      <div class="text-secondary mt-2 h-10 flex">
+        {{ item.desc }}
+      </div>
+      <div class="text-secondary flex justify-between">
+        <span>{{ item.group }}</span>
+        <span>{{ item.date }}</span>
+      </div>
+    </CardGrid>
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/QuickNav.vue b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/QuickNav.vue
new file mode 100644
index 0000000..d949d47
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/QuickNav.vue
@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+import { Card, CardGrid } from 'ant-design-vue'
+import { navItems } from './data'
+import { Icon } from '@/components/Icon'
+</script>
+
+<template>
+  <Card title="快捷导航">
+    <CardGrid v-for="item in navItems" :key="item.title">
+      <span class="flex flex-col items-center">
+        <Icon :icon="item.icon" :color="item.color" size="20" />
+        <span class="text-md mt-2 truncate">{{ item.title }}</span>
+      </span>
+    </CardGrid>
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/SaleRadar.vue b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/SaleRadar.vue
new file mode 100644
index 0000000..b89c309
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/SaleRadar.vue
@@ -0,0 +1,91 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: Boolean,
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('400px'),
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading)
+      return
+
+    setOptions({
+      legend: {
+        bottom: 0,
+        data: ['Visits', 'Sales'],
+      },
+      tooltip: {},
+      radar: {
+        radius: '60%',
+        splitNumber: 8,
+        indicator: [
+          {
+            name: '2017',
+          },
+          {
+            name: '2017',
+          },
+          {
+            name: '2018',
+          },
+          {
+            name: '2019',
+          },
+          {
+            name: '2020',
+          },
+          {
+            name: '2021',
+          },
+        ],
+      },
+      series: [
+        {
+          type: 'radar',
+          symbolSize: 0,
+          areaStyle: {
+            shadowBlur: 0,
+            shadowColor: 'rgba(0,0,0,.2)',
+            shadowOffsetX: 0,
+            shadowOffsetY: 10,
+            opacity: 1,
+          },
+          data: [
+            {
+              value: [90, 50, 86, 40, 50, 20],
+              name: 'Visits',
+              itemStyle: {
+                color: '#b6a2de',
+              },
+            },
+            {
+              value: [70, 75, 70, 76, 20, 85],
+              name: 'Sales',
+              itemStyle: {
+                color: '#67e0e3',
+              },
+            },
+          ],
+        },
+      ],
+    })
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <Card title="销售统计" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }" />
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/WorkbenchHeader.vue b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/WorkbenchHeader.vue
new file mode 100644
index 0000000..982a2d2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/WorkbenchHeader.vue
@@ -0,0 +1,36 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { Avatar } from 'ant-design-vue'
+import { useUserStore } from '@/store/modules/user'
+import headerImg from '@/assets/images/header.jpg'
+
+const userStore = useUserStore()
+const userinfo = computed(() => userStore.getUserInfo)
+</script>
+
+<template>
+  <div class="lg:flex">
+    <Avatar :src="userinfo.user.avatar || headerImg" :size="72" class="!mx-auto !block" />
+    <div class="mt-2 flex flex-col justify-center md:ml-6 md:mt-0">
+      <h1 class="text-md md:text-lg">
+        早安, {{ userinfo.user.nickname }}, 开始您一天的工作吧！
+      </h1>
+      <span class="text-secondary"> 今日晴，20℃ - 32℃！ </span>
+    </div>
+    <div class="mt-4 flex flex-1 justify-end md:mt-0">
+      <div class="flex flex-col justify-center text-right">
+        <span class="text-secondary"> 待办 </span>
+        <span class="text-2xl">2/10</span>
+      </div>
+
+      <div class="mx-12 flex flex-col justify-center text-right md:mx-16">
+        <span class="text-secondary"> 项目 </span>
+        <span class="text-2xl">8</span>
+      </div>
+      <div class="mr-4 flex flex-col justify-center text-right md:mr-10">
+        <span class="text-secondary"> 团队 </span>
+        <span class="text-2xl">300</span>
+      </div>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/data.ts b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/data.ts
new file mode 100644
index 0000000..750b142
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/components/data.ts
@@ -0,0 +1,156 @@
+interface GroupItem {
+  title: string
+  icon: string
+  color: string
+  desc: string
+  date: string
+  group: string
+}
+
+interface NavItem {
+  title: string
+  icon: string
+  color: string
+}
+
+interface DynamicInfoItem {
+  avatar: string
+  name: string
+  date: string
+  desc: string
+}
+
+export const navItems: NavItem[] = [
+  {
+    title: '首页',
+    icon: 'ion:home-outline',
+    color: '#1fdaca',
+  },
+  {
+    title: '仪表盘',
+    icon: 'ion:grid-outline',
+    color: '#bf0c2c',
+  },
+  {
+    title: '组件',
+    icon: 'ion:layers-outline',
+    color: '#e18525',
+  },
+  {
+    title: '系统管理',
+    icon: 'ion:settings-outline',
+    color: '#3fb27f',
+  },
+  {
+    title: '权限管理',
+    icon: 'ion:key-outline',
+    color: '#4daf1bc9',
+  },
+  {
+    title: '图表',
+    icon: 'ion:bar-chart-outline',
+    color: '#00d8ff',
+  },
+]
+
+export const dynamicInfoItems: DynamicInfoItem[] = [
+  {
+    avatar: 'dynamic-avatar-1|svg',
+    name: '威廉',
+    date: '刚刚',
+    desc: '在 <a>开源组</a> 创建了项目 <a>Vue</a>',
+  },
+  {
+    avatar: 'dynamic-avatar-2|svg',
+    name: '艾文',
+    date: '1个小时前',
+    desc: '关注了 <a>威廉</a> ',
+  },
+  {
+    avatar: 'dynamic-avatar-3|svg',
+    name: '克里斯',
+    date: '1天前',
+    desc: '发布了 <a>个人动态</a> ',
+  },
+  {
+    avatar: 'dynamic-avatar-4|svg',
+    name: 'XingyuV',
+    date: '2天前',
+    desc: '发表文章 <a>如何编写一个Vite插件</a> ',
+  },
+  {
+    avatar: 'dynamic-avatar-5|svg',
+    name: '皮特',
+    date: '3天前',
+    desc: '回复了 <a>杰克</a> 的问题 <a>如何进行项目优化？</a>',
+  },
+  {
+    avatar: 'dynamic-avatar-6|svg',
+    name: '杰克',
+    date: '1周前',
+    desc: '关闭了问题 <a>如何运行项目</a> ',
+  },
+  {
+    avatar: 'dynamic-avatar-1|svg',
+    name: '威廉',
+    date: '1周前',
+    desc: '发布了 <a>个人动态</a> ',
+  },
+  {
+    avatar: 'dynamic-avatar-1|svg',
+    name: '威廉',
+    date: '2021-04-01 20:00',
+    desc: '推送了代码到 <a>Github</a>',
+  },
+]
+
+export const groupItems: GroupItem[] = [
+  {
+    title: 'Github',
+    icon: 'carbon:logo-github',
+    color: '',
+    desc: '不要等待机会，而要创造机会。',
+    group: '开源组',
+    date: '2021-04-01',
+  },
+  {
+    title: 'Vue',
+    icon: 'ion:logo-vue',
+    color: '#3fb27f',
+    desc: '现在的你决定将来的你。',
+    group: '算法组',
+    date: '2021-04-01',
+  },
+  {
+    title: 'Html5',
+    icon: 'ion:logo-html5',
+    color: '#e18525',
+    desc: '没有什么才能比努力更重要。',
+    group: '上班摸鱼',
+    date: '2021-04-01',
+  },
+  {
+    title: 'Angular',
+    icon: 'ion:logo-angular',
+    color: '#bf0c2c',
+    desc: '热情和欲望可以突破一切难关。',
+    group: 'UI',
+    date: '2021-04-01',
+  },
+  {
+    title: 'React',
+    icon: 'bx:bxl-react',
+    color: '#00d8ff',
+    desc: '健康的身体是实现目标的基石。',
+    group: '技术牛',
+    date: '2021-04-01',
+  },
+  {
+    title: 'Js',
+    icon: 'ion:logo-javascript',
+    color: '#EBD94E',
+    desc: '路是走出来的，而不是空想出来的。',
+    group: '架构组',
+    date: '2021-04-01',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/dashboard/workbench/index.vue b/yunxi-ui-admin-vben/src/views/dashboard/workbench/index.vue
new file mode 100644
index 0000000..becba7e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/dashboard/workbench/index.vue
@@ -0,0 +1,39 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Card } from 'ant-design-vue'
+import WorkbenchHeader from './components/WorkbenchHeader.vue'
+import ProjectCard from './components/ProjectCard.vue'
+import QuickNav from './components/QuickNav.vue'
+import DynamicInfo from './components/DynamicInfo.vue'
+import SaleRadar from './components/SaleRadar.vue'
+import { PageWrapper } from '@/components/Page'
+
+const loading = ref(true)
+
+setTimeout(() => {
+  loading.value = false
+}, 500)
+</script>
+
+<template>
+  <PageWrapper>
+    <template #headerContent>
+      <WorkbenchHeader />
+    </template>
+    <div class="lg:flex">
+      <div class="enter-y w-full !mr-4 lg:w-7/10">
+        <ProjectCard :loading="loading" class="enter-y" />
+        <DynamicInfo :loading="loading" class="enter-y !my-4" />
+      </div>
+      <div class="enter-y w-full lg:w-3/10">
+        <QuickNav :loading="loading" class="enter-y" />
+
+        <Card class="enter-y !my-4" :loading="loading">
+          <img class="mx-auto h-30 xl:h-50" src="@/assets/svg/illustration.svg">
+        </Card>
+
+        <SaleRadar :loading="loading" class="enter-y" />
+      </div>
+    </div>
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/AccessLogModal.vue b/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/AccessLogModal.vue
new file mode 100644
index 0000000..3c5b399
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/AccessLogModal.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { infoSchema } from './apiAccessLog.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description, useDescription } from '@/components/Description/index'
+
+defineOptions({ name: 'AcessLogModal' })
+
+const logData = ref()
+const [registerModalInner, { closeModal }] = useModalInner((record: Recordable) => {
+  logData.value = record
+})
+
+const [registerDescription] = useDescription({
+  column: 1,
+  schema: infoSchema,
+  data: logData,
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="访问日志详情" width="800px" @register="registerModalInner" @ok="closeModal">
+    <Description @register="registerDescription" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/apiAccessLog.data.ts b/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/apiAccessLog.data.ts
new file mode 100644
index 0000000..6dd2d37
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/apiAccessLog.data.ts
@@ -0,0 +1,222 @@
+import { h } from 'vue'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import type { DescItem } from '@/components/Description/index'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户编号',
+    dataIndex: 'userId',
+    width: 100,
+  },
+  {
+    title: '用户类型',
+    dataIndex: 'userType',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.USER_TYPE)
+    },
+  },
+  {
+    title: '应用名',
+    dataIndex: 'applicationName',
+    width: 120,
+  },
+  {
+    title: '请求方法名',
+    dataIndex: 'requestMethod',
+    width: 120,
+  },
+  {
+    title: '请求地址',
+    dataIndex: 'requestUrl',
+    width: 250,
+  },
+  {
+    title: '请求时间',
+    dataIndex: 'beginTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '执行时长',
+    dataIndex: 'duration',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderText(text.toString(), 'ms')
+    },
+  },
+  {
+    title: '操作结果',
+    dataIndex: 'status',
+    width: 180,
+    ellipsis: true,
+    customRender: ({ record }) => {
+      const success = record.resultCode === 0
+      return useRender.renderTag(success ? '成功' : '失败', success ? '#87d068' : '#f50')
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户编号',
+    field: 'userId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户类型',
+    field: 'userType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.USER_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '应用名',
+    field: 'applicationName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '请求地址',
+    field: 'requestUrl',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '请求时间',
+    field: 'beginTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '执行时长',
+    field: 'duration',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '结果码',
+    field: 'resultCode',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+const httpMethods = [
+  { value: 'GET', color: '#108ee9' },
+  { value: 'POST', color: '#2db7f5' },
+  { value: 'PUT', color: 'warning' },
+  { value: 'DELETE', color: '#f50' },
+]
+
+export const infoSchema: DescItem[] = [
+  {
+    label: '日志id',
+    field: 'id',
+  },
+  {
+    label: '链路id',
+    field: 'traceId',
+    show: data => data && data.traceId && data.traceId !== '',
+  },
+  {
+    label: '应用名称',
+    field: 'applicationName',
+    labelMinWidth: 100,
+  },
+  {
+    field: 'userId',
+    label: '用户id',
+    render(value, data) {
+      const tag = useRender.renderDict(data.userType, DICT_TYPE.USER_TYPE)
+      const uidTag = useRender.renderTag(`uid: ${value}`)
+      return h('span', {}, [tag, uidTag])
+    },
+  },
+  {
+    field: 'resultCode',
+    label: '请求结果',
+    render(value) {
+      return useRender.renderTag(value === 0 ? '成功' : '失败', value === 0 ? '#87d068' : '#f50')
+    },
+  },
+  {
+    field: 'resultMsg',
+    label: '响应信息',
+    show(data) {
+      return data && data.resultMsg && data.resultMsg !== ''
+    },
+    render(value) {
+      return h('span', { style: { color: 'red', fontWeight: 'bold' } }, value)
+    },
+  },
+  {
+    field: 'userIp',
+    label: '请求ip',
+  },
+  {
+    field: 'userAgent',
+    label: 'userAgent',
+  },
+  {
+    field: 'beginTime',
+    label: '请求时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'requestUrl',
+    label: '请求路径',
+    render(_, data) {
+      if (!data)
+        return ''
+
+      const { requestMethod, requestUrl } = data
+      const current = httpMethods.find(item => item.value === requestMethod.toUpperCase())
+      const methodTag = current ? useRender.renderTag(requestMethod, current.color) : requestMethod
+      return h('span', {}, [methodTag, requestUrl])
+    },
+  },
+  {
+    field: 'requestParams',
+    label: '请求参数',
+    render(value) {
+      return useRender.renderJsonPreview(value)
+    },
+  },
+  {
+    field: 'beginTime',
+    label: '请求开始时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'endTime',
+    label: '请求结束时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'duration',
+    label: '请求耗时',
+    render(value) {
+      // 为0的话需要转为string  否则不会显示
+      return useRender.renderText(String(value), 'ms')
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/index.vue b/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/index.vue
new file mode 100644
index 0000000..22835f1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/apiAccessLog/index.vue
@@ -0,0 +1,74 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './apiAccessLog.data'
+import AccessLogModal from './AccessLogModal.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
+import type { ApiAccessLogExportReqVO } from '@/api/infra/apiAccessLog'
+import { exportApiAccessLog, getApiAccessLogPage } from '@/api/infra/apiAccessLog'
+import { useModal } from '@/components/Modal'
+
+defineOptions({ name: 'InfraApiErrorLog' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerTable, { getForm }] = useTable({
+  title: '访问日志列表',
+  api: getApiAccessLogPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 120,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+const [registerModal, { openModal }] = useModal()
+function handleShowInfo(record: Recordable) {
+  openModal(true, record)
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportApiAccessLog(getForm().getFieldsValue() as ApiAccessLogExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:api-access-log:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.VIEW,
+                label: t('action.detail'),
+                onClick: handleShowInfo.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <AccessLogModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/ErrorLogModal.vue b/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/ErrorLogModal.vue
new file mode 100644
index 0000000..b465bea
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/ErrorLogModal.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { infoSchema } from './apiErrorLog.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description, useDescription } from '@/components/Description/index'
+
+defineOptions({ name: 'ErrorLogModal' })
+
+const logData = ref()
+const [registerModalInner, { closeModal }] = useModalInner((record: Recordable) => {
+  logData.value = record
+})
+
+const [registerDescription] = useDescription({
+  column: 1,
+  schema: infoSchema,
+  data: logData,
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="错误日志详情" width="800px" @register="registerModalInner" @ok="closeModal">
+    <Description @register="registerDescription" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/apiErrorLog.data.ts b/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/apiErrorLog.data.ts
new file mode 100644
index 0000000..742aa23
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/apiErrorLog.data.ts
@@ -0,0 +1,248 @@
+import { Textarea } from 'ant-design-vue'
+import { h } from 'vue'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import type { DescItem } from '@/components/Description/index'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户编号',
+    dataIndex: 'userId',
+    width: 100,
+  },
+  {
+    title: '用户类型',
+    dataIndex: 'userType',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.USER_TYPE)
+    },
+  },
+  {
+    title: '应用名',
+    dataIndex: 'applicationName',
+    width: 120,
+  },
+  {
+    title: '请求方法名',
+    dataIndex: 'requestMethod',
+    width: 120,
+  },
+  {
+    title: '请求地址',
+    dataIndex: 'requestUrl',
+    width: 250,
+  },
+  {
+    title: '异常发生时间',
+    dataIndex: 'exceptionTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '异常名',
+    dataIndex: 'exceptionName',
+    width: 250,
+  },
+  {
+    title: '处理状态',
+    dataIndex: 'processStatus',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户编号',
+    field: 'userId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户名称',
+    field: 'username',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户类型',
+    field: 'userType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.USER_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '应用名',
+    field: 'applicationName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '请求地址',
+    field: 'requestUrl',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '异常时间',
+    field: 'exceptionTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '处理状态',
+    field: 'processStatus',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+function renderText(value: string, color: string, bold = true) {
+  return h('span', { style: { color, fontWeight: bold ? 'bold' : 'normal' } }, value)
+}
+
+const httpMethods = [
+  { value: 'GET', color: '#108ee9' },
+  { value: 'POST', color: '#2db7f5' },
+  { value: 'PUT', color: 'warning' },
+  { value: 'DELETE', color: '#f50' },
+]
+
+export const infoSchema: DescItem[] = [
+  {
+    field: 'id',
+    label: '异常id',
+  },
+  {
+    field: 'traceId',
+    label: '链路ID',
+    show(data) {
+      return data && data.traceId && data.traceId !== ''
+    },
+  },
+  {
+    field: 'applicationName',
+    label: '应用名称',
+    labelMinWidth: 100,
+  },
+  {
+    field: 'processStatus',
+    label: '处理状态',
+    render(_, data) {
+      const { processStatus, processUserId } = data
+      const tag = useRender.renderDict(processStatus, DICT_TYPE.INFRA_API_ERROR_LOG_PROCESS_STATUS)
+      if (!processUserId)
+        return tag
+
+      const uidTag = useRender.renderTag(`uid: ${processUserId}`)
+      return h('span', {}, [tag, uidTag])
+    },
+  },
+  {
+    field: 'processTime',
+    label: '处理时间',
+    show(data) {
+      return data && data.processTime && data.processTime !== ''
+    },
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'userId',
+    label: '用户id',
+    render(value, data) {
+      const tag = useRender.renderDict(data.userType, DICT_TYPE.USER_TYPE)
+      const uidTag = useRender.renderTag(`uid: ${value}`)
+      return h('span', {}, [tag, uidTag])
+    },
+  },
+  {
+    field: 'userIp',
+    label: 'ip地址',
+  },
+  {
+    field: 'requestUrl',
+    label: '请求地址',
+    render(_, data) {
+      if (data) {
+        const { requestMethod } = data
+        const current = httpMethods.find(item => item.value === requestMethod)
+        const tag = current ? useRender.renderTag(requestMethod, current.color) : requestMethod
+        return h('span', {}, [tag, data.requestUrl])
+      }
+    },
+  },
+  {
+    field: 'requestParams',
+    label: '请求参数',
+    render(value) {
+      return useRender.renderJsonPreview(value)
+    },
+  },
+  {
+    field: 'userAgent',
+    label: 'userAgent',
+  },
+  {
+    field: 'exceptionTime',
+    label: '异常时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'exceptionClassName',
+    label: '异常类名/方法',
+    render(_, data) {
+      if (data)
+        return renderText(`${data.exceptionClassName} / ${data.exceptionMethodName}`, 'red')
+    },
+  },
+  {
+    field: 'exceptionMessage',
+    label: '异常信息',
+    render(value) {
+      return renderText(value, 'red')
+    },
+  },
+  {
+    field: 'exceptionFileName',
+    label: '异常文件名',
+    render(_, data) {
+      if (data)
+        return useRender.renderText(data.exceptionFileName, `Line: ${data.exceptionLineNumber}`)
+    },
+  },
+  {
+    field: 'exceptionName',
+    label: '异常名称',
+  },
+  {
+    field: 'exceptionRootCauseMessage',
+    label: '异常信息',
+  },
+  {
+    field: 'exceptionStackTrace',
+    label: '异常堆栈',
+    render(value) {
+      return h(Textarea, { value, readonly: true, style: { minHeight: '300px' } })
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/index.vue b/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/index.vue
new file mode 100644
index 0000000..a1e6caa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/apiErrorLog/index.vue
@@ -0,0 +1,101 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './apiErrorLog.data'
+import ErrorLogModal from './ErrorLogModal.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { IconEnum } from '@/enums/appEnum'
+import { InfraApiErrorLogProcessStatusEnum } from '@/enums/systemEnum'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { ApiErrorLogExportReqVO } from '@/api/infra/apiErrorLog'
+import { exportApiErrorLog, getApiErrorLogPage, updateApiErrorLogProcess } from '@/api/infra/apiErrorLog'
+import { useModal } from '@/components/Modal'
+
+defineOptions({ name: 'InfraApiErrorLog' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '异常日志列表',
+  api: getApiErrorLogPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 220,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+const [registerModal, { openModal }] = useModal()
+function handleShowInfo(record: Recordable) {
+  openModal(true, record)
+}
+
+function handleProcessClick(record, processStatus: number, type: string) {
+  createConfirm({
+    iconType: 'warning',
+    content: `确认标记为${type}?`,
+    async onOk() {
+      await updateApiErrorLogProcess(record.id, processStatus)
+      createMessage.success(t('common.successText'))
+      reload()
+    },
+  })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportApiErrorLog(getForm().getFieldsValue() as ApiErrorLogExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:api-error-log:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.VIEW,
+                label: t('action.detail'),
+                onClick: handleShowInfo.bind(null, record),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '已处理',
+                auth: 'infra:api-error-log:update-status',
+                ifShow: () => record.processStatus === InfraApiErrorLogProcessStatusEnum.INIT,
+                onClick: handleProcessClick.bind(null, record, InfraApiErrorLogProcessStatusEnum.DONE, '已处理'),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '已忽略',
+                auth: 'infra:api-error-log:update-status',
+                ifShow: () => record.processStatus === InfraApiErrorLogProcessStatusEnum.INIT,
+                onClick: handleProcessClick.bind(null, record, InfraApiErrorLogProcessStatusEnum.IGNORE, '已忽略'),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ErrorLogModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/build/index.vue b/yunxi-ui-admin-vben/src/views/infra/build/index.vue
new file mode 100644
index 0000000..d58bdea
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/build/index.vue
@@ -0,0 +1,10 @@
+<script lang="ts" setup>
+import { PageWrapper } from '@/components/Page'
+import { VFormDesign } from '@/components/FormDesign'
+</script>
+
+<template>
+  <PageWrapper dense fixed-height content-full-height>
+    <VFormDesign />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/EditTable.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/EditTable.vue
new file mode 100644
index 0000000..d3de37d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/EditTable.vue
@@ -0,0 +1,96 @@
+<script lang="ts" setup>
+import { onMounted, reactive, ref } from 'vue'
+import { Steps } from 'ant-design-vue'
+import { useRoute } from 'vue-router'
+import BasicInfoForm from './components/BasicInfoForm.vue'
+import CloumInfoForm from './components/CloumInfoForm.vue'
+import FinishForm from './components/FinishForm.vue'
+import { PageWrapper } from '@/components/Page'
+import { getCodegenTable, updateCodegenTable } from '@/api/infra/codegen'
+
+const Step = Steps.Step
+
+const { query } = useRoute()
+
+// 表详细信息
+const basicInfo = ref<any>()
+// 表列信息
+const columnsInfo = ref<any[]>([])
+
+const basicInfoValue = ref()
+
+const columnsInfoValue = ref()
+
+const current = ref(0)
+const state = reactive({
+  initSetp2: false,
+  initSetp3: false,
+})
+
+function handleStep1Next(step1Values: any) {
+  current.value++
+  basicInfoValue.value = step1Values
+  state.initSetp2 = true
+}
+
+function handleStepPrev() {
+  current.value--
+}
+
+async function handleStep2Next(step2Values: any) {
+  current.value++
+  columnsInfoValue.value = step2Values
+  await handleSubmit()
+  state.initSetp3 = true
+}
+
+async function handleSubmit() {
+  basicInfoValue.value.id = query.id as unknown as number
+  const genTable = {
+    table: basicInfoValue.value,
+    columns: columnsInfoValue.value,
+  }
+  await updateCodegenTable(genTable)
+}
+
+function handleRedo() {
+  current.value = 0
+  state.initSetp2 = false
+  state.initSetp3 = false
+}
+
+async function getList() {
+  const tableId = query.id as unknown as number
+  const res = await getCodegenTable(tableId)
+  basicInfo.value = res.table
+  columnsInfo.value = res.columns
+}
+
+onMounted(async () => {
+  await getList()
+})
+</script>
+
+<template>
+  <PageWrapper>
+    <div class="mx-auto my-0 mt-2.5 w-200">
+      <Steps :current="current">
+        <Step title="生成信息" />
+        <Step title="字段信息" />
+        <Step title="完成" />
+      </Steps>
+    </div>
+
+    <div class="m-5">
+      <BasicInfoForm v-show="current === 0" :basic-info="basicInfo" @next="handleStep1Next" />
+      <CloumInfoForm
+        v-show="current === 1"
+        v-if="state.initSetp2"
+        :columns-info="columnsInfo"
+        @prev="handleStepPrev"
+        @next="handleStep2Next"
+      />
+      <FinishForm v-show="current === 2" v-if="state.initSetp3" @redo="handleRedo" />
+    </div>
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/codegen.data.ts b/yunxi-ui-admin-vben/src/views/infra/codegen/codegen.data.ts
new file mode 100644
index 0000000..2edaf3b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/codegen.data.ts
@@ -0,0 +1,157 @@
+import { getDataSourceConfigList } from '@/api/infra/dataSourceConfig'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+const dataSourceConfigs = await getDataSourceConfigList()
+
+export const columns: BasicColumn[] = [
+  {
+    title: '数据源',
+    dataIndex: 'dataSourceConfigId',
+    width: 100,
+    customRender: ({ text }) => {
+      for (const config of dataSourceConfigs) {
+        if (text === config.id)
+          return config.name
+      }
+      return `未知【${text}】`
+    },
+  },
+  {
+    title: '表名称',
+    dataIndex: 'tableName',
+    width: 200,
+  },
+  {
+    title: '表描述',
+    dataIndex: 'tableComment',
+    width: 120,
+  },
+  {
+    title: '实体',
+    dataIndex: 'className',
+    width: 200,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'updateTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '表名称',
+    field: 'tableName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '表描述',
+    field: 'tableComment',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '岗位名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '岗位编码',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '岗位顺序',
+    field: 'sort',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+export const importTableColumns: BasicColumn[] = [
+  {
+    title: '表名称',
+    dataIndex: 'name',
+    width: 200,
+  },
+  {
+    title: '表描述',
+    dataIndex: 'comment',
+    width: 120,
+  },
+]
+
+export const importTableSearchFormSchema: FormSchema[] = [
+  {
+    label: '数据源',
+    field: 'dataSourceConfigId',
+    component: 'Select',
+    required: true,
+    defaultValue: dataSourceConfigs[0].id,
+    componentProps: {
+      options: dataSourceConfigs,
+      fieldNames: {
+        label: 'name',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '表名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '表描述',
+    field: 'comment',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/components/BasicInfoForm.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/components/BasicInfoForm.vue
new file mode 100644
index 0000000..98f12d3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/components/BasicInfoForm.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import { Divider } from 'ant-design-vue'
+import { watch } from 'vue'
+import { basicInfoSchemas } from './data'
+import { BasicForm, useForm } from '@/components/Form'
+import type { CodegenTableVO } from '@/api/infra/codegen/types'
+
+const props = defineProps({
+  basicInfo: {
+    type: Object as PropType<Nullable<CodegenTableVO>>,
+    default: () => null,
+  },
+})
+
+const emit = defineEmits(['next'])
+
+const [register, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  schemas: basicInfoSchemas,
+  actionColOptions: {
+    span: 14,
+  },
+  showResetButton: false,
+  submitButtonOptions: {
+    text: '保存',
+  },
+  submitFunc: customSubmitFunc,
+})
+
+async function customSubmitFunc() {
+  try {
+    const values = await validate()
+    emit('next', values)
+  }
+  catch (error) {}
+}
+
+watch(
+  () => props.basicInfo,
+  (basicInfo) => {
+    if (!basicInfo)
+      return
+    resetFields()
+    setFieldsValue({ ...basicInfo })
+  },
+  {
+    deep: true,
+    immediate: true,
+  },
+)
+</script>
+
+<template>
+  <div>
+    <div class="mx-auto my-0 w-80%">
+      <BasicForm @register="register" />
+    </div>
+    <Divider />
+    <h3 class="mb-3 text-base">
+      说明
+    </h3>
+    <h4 class="mb-1 text-sm">
+      基本信息
+    </h4>
+    <p> 配置生成的基本信息 </p>
+
+    <h4>生成信息</h4>
+    <p> 配置生成生成的详细信息。 </p>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/components/CloumInfoForm.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/components/CloumInfoForm.vue
new file mode 100644
index 0000000..0062d30
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/components/CloumInfoForm.vue
@@ -0,0 +1,62 @@
+<script lang="ts" setup>
+import { Divider } from 'ant-design-vue'
+import { columns } from './data'
+import type { EditRecordRow } from '@/components/Table'
+import { BasicTable, useTable } from '@/components/Table'
+import type { CodegenColumnVO } from '@/api/infra/codegen/types'
+
+defineProps({
+  columnsInfo: {
+    type: Array as PropType<CodegenColumnVO[]>,
+    default: () => null,
+  },
+})
+
+const emit = defineEmits(['next', 'prev'])
+
+const [registerTable, { getDataSource }] = useTable({
+  columns,
+  maxHeight: 700,
+  pagination: false,
+  useSearchForm: false,
+  showTableSetting: false,
+  showIndexColumn: false,
+})
+
+async function customResetFunc() {
+  emit('prev')
+}
+
+async function customSubmitFunc() {
+  const tableValue = getDataSource()
+  emit('next', tableValue)
+}
+
+function handleEdit(record: EditRecordRow) {
+  record.onEdit?.(true)
+}
+</script>
+
+<template>
+  <div class="step2">
+    <div class="mx-auto my-0 w-full">
+      <BasicTable :data-source="columnsInfo" @register="registerTable" @row-click="handleEdit" />
+    </div>
+    <Divider />
+    <div class="flex justify-center">
+      <a-button @click="customResetFunc">
+        上一步
+      </a-button>
+      <a-button type="primary" @click="customSubmitFunc">
+        提交
+      </a-button>
+    </div>
+    <h3 class="mb-3 text-base">
+      说明
+    </h3>
+    <h4 class="mb-1 text-sm">
+      配置字段
+    </h4>
+    <p> 配置表的字段类型，增删改查，字典等 </p>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/components/FinishForm.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/components/FinishForm.vue
new file mode 100644
index 0000000..048eb47
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/components/FinishForm.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup>
+import { Result } from 'ant-design-vue'
+import { useRoute } from 'vue-router'
+import PreviewModal from './PreviewModal.vue'
+import { useModal } from '@/components/Modal'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useTabs } from '@/hooks/web/useTabs'
+import { useMessage } from '@/hooks/web/useMessage'
+import { downloadCodegen, getCodegenTable } from '@/api/infra/codegen'
+
+const go = useGo()
+const { closeCurrent } = useTabs()
+const { query } = useRoute()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerPreviewModal, { openModal: openPreviewModal }] = useModal()
+
+function handlePreview() {
+  const tableId = query.id as unknown as number
+  const record = { id: tableId }
+  openPreviewModal(true, { record })
+}
+
+async function handleGenTable() {
+  const tableId = query.id as unknown as number
+  const res = await getCodegenTable(tableId)
+  await downloadCodegen(res.table)
+  createMessage.success(t('common.successText'))
+}
+
+function handleGoList() {
+  closeCurrent()
+  go('/infra/codegen')
+}
+</script>
+
+<template>
+  <div class="m-5 bg-white px-8 py-12 dark:bg-dark">
+    <Result status="success" title="代码生成成功" sub-title="可点击下方按钮预览、下载，或返回列表页。">
+      <template #extra>
+        <a-button key="console" type="primary" @click="handleGoList">
+          返回列表
+        </a-button>
+        <a-button key="preview" @click="handlePreview">
+          预览
+        </a-button>
+        <a-button key="download" @click="handleGenTable">
+          生成
+        </a-button>
+      </template>
+    </Result>
+    <PreviewModal @register="registerPreviewModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/components/ImportTableModal.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/components/ImportTableModal.vue
new file mode 100644
index 0000000..cd6c8b9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/components/ImportTableModal.vue
@@ -0,0 +1,43 @@
+<script lang="ts" setup>
+import { importTableColumns, importTableSearchFormSchema } from '../codegen.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { BasicTable, useTable } from '@/components/Table'
+import { createCodegenList, getSchemaTableList } from '@/api/infra/codegen'
+
+defineOptions({ name: 'InfraImportTableModal' })
+const emit = defineEmits(['success', 'register'])
+
+const [registerTable, { getSelectRowKeys, getForm }] = useTable({
+  api: getSchemaTableList,
+  columns: importTableColumns,
+  formConfig: {
+    labelWidth: 80,
+    schemas: importTableSearchFormSchema,
+  },
+  rowSelection: { type: 'checkbox' },
+  rowKey: 'name',
+  useSearchForm: true,
+  pagination: false,
+  showTableSetting: false,
+  showIndexColumn: false,
+  immediate: false,
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async () => {
+  setModalProps({ confirmLoading: false })
+})
+
+async function handleSubmit() {
+  const datas = await getSelectRowKeys()
+  const form = await getForm()
+  await createCodegenList({ dataSourceConfigId: form.getFieldsValue().dataSourceConfigId, tableNames: datas })
+  closeModal()
+  emit('success')
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :width="800" title="导入" @register="registerModal" @ok="handleSubmit">
+    <BasicTable @register="registerTable" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/components/PreviewModal.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/components/PreviewModal.vue
new file mode 100644
index 0000000..f23798f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/components/PreviewModal.vue
@@ -0,0 +1,144 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { Card, Tabs } from 'ant-design-vue'
+import { useClipboard } from '@vueuse/core'
+import { BasicTree } from '@/components/Tree'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { CodeEditor, MODE } from '@/components/CodeEditor'
+import { previewCodegen } from '@/api/infra/codegen'
+import type { CodegenPreviewVO } from '@/api/infra/codegen/types'
+import { handleTree2 } from '@/utils/tree'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'InfraPreviewModal' })
+
+const { createMessage } = useMessage()
+
+const fileTree = ref([])
+const activeKey = ref('')
+const modeValue = ref(MODE.JS)
+const previewCodes = ref<CodegenPreviewVO[]>()
+
+const [registerModal, { setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false })
+
+  const res = await previewCodegen(data.record.id)
+  const file = handleFiles(res)
+  previewCodes.value = res
+  activeKey.value = res[0].filePath
+  fileTree.value = handleTree2(file, 'id', 'parentId', 'children', '/')
+})
+
+function handleSelect(keys) {
+  activeKey.value = keys[0]
+}
+
+/** 生成 files 目录 **/
+interface filesType {
+  id: string
+  label: string
+  parentId: string
+}
+
+function handleFiles(datas) {
+  const exists = {} // key：file 的 id；value：true
+  const files: filesType[] = []
+  // 遍历每个元素
+  for (const data of datas) {
+    let paths = data.filePath.split('/')
+    let fullPath = '' // 从头开始的路径，用于生成 id
+    // 特殊处理 java 文件
+    if (paths[paths.length - 1].includes('.java')) {
+      const newPaths: string[] = []
+      for (let i = 0; i < paths.length; i++) {
+        let path = paths[i]
+        if (path !== 'java') {
+          newPaths.push(path)
+          continue
+        }
+        newPaths.push(path)
+        // 特殊处理中间的 package，进行合并
+        let tmp = ''
+        while (i < paths.length) {
+          path = paths[i + 1]
+          if (
+            path === 'controller'
+            || path === 'convert'
+            || path === 'dal'
+            || path === 'enums'
+            || path === 'service'
+            || path === 'vo' // 下面三个，主要是兜底。可能考虑到有人改了包结构
+            || path === 'mysql'
+            || path === 'dataobject'
+          )
+            break
+
+          tmp = tmp ? `${tmp}.${path}` : path
+          i++
+        }
+        if (tmp)
+          newPaths.push(tmp)
+      }
+      paths = newPaths
+    }
+    // 遍历每个 path， 拼接成树
+    for (let i = 0; i < paths.length; i++) {
+      // 已经添加到 files 中，则跳过
+      const oldFullPath = fullPath
+      // 下面的 replaceAll 的原因，是因为上面包处理了，导致和 tabs 不匹配，所以 replaceAll 下
+      fullPath = fullPath.length === 0 ? paths[i] : `${fullPath.replaceAll('.', '/')}/${paths[i]}`
+      if (exists[fullPath])
+        continue
+
+      // 添加到 files 中
+      exists[fullPath] = true
+      files.push({
+        id: fullPath,
+        label: paths[i],
+        parentId: oldFullPath || '/', // "/" 为根节点
+      })
+    }
+  }
+  return files
+}
+
+/** 复制 **/
+async function copy(text: string) {
+  const { copy, copied, isSupported } = useClipboard({ source: text })
+  if (!isSupported) {
+    createMessage.error('复制失败')
+  }
+  else {
+    await copy()
+    if (unref(copied))
+      createMessage.success('复制成功')
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :default-fullscreen="true" title="预览代码" @register="registerModal">
+    <div class="flex">
+      <Card class="min-w-130 w-1/4">
+        <BasicTree
+          title="文件夹列表" toolbar :default-expand-all="true" tree-wrapper-class-name="h-[800px] overflow-auto"
+          :click-row-to-expand="false" :tree-data="fileTree" :field-names="{ key: 'id', title: 'label' }"
+          @select="handleSelect"
+        />
+      </Card>
+      <Card class="w-3/4">
+        <Tabs v-model:activeKey="activeKey">
+          <Tabs.TabPane
+            v-for="item in previewCodes" :key="item.filePath"
+            :tab="item.filePath.substring(item.filePath.lastIndexOf('/') + 1)"
+          >
+            <a-button type="link" style="float: right; padding: 4px 60px;" @click="copy(item.code)">
+              复制
+            </a-button>
+            <CodeEditor class="max-h-200" :value="item.code" :mode="modeValue" :readonly="true" />
+          </Tabs.TabPane>
+        </Tabs>
+      </Card>
+    </div>
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/components/data.ts b/yunxi-ui-admin-vben/src/views/infra/codegen/components/data.ts
new file mode 100644
index 0000000..a0579dc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/components/data.ts
@@ -0,0 +1,333 @@
+import { listSimpleDictType } from '@/api/system/dict/type'
+import { listSimpleMenus } from '@/api/system/menu'
+import type { FormSchema } from '@/components/Form'
+import type { BasicColumn } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+async function getDictTypeOptions() {
+  const dictTypeOptions: any[] = []
+  const res = await listSimpleDictType()
+  dictTypeOptions.push(...res)
+  return dictTypeOptions
+}
+
+export const basicInfoSchemas: FormSchema[] = [
+  {
+    label: '基本信息',
+    field: 'basicInfo',
+    component: 'Divider',
+    colProps: { span: 24 },
+  },
+  {
+    label: '表名称',
+    field: 'tableName',
+    required: true,
+    component: 'Input',
+    colProps: { span: 12 },
+  },
+  {
+    label: '表描述',
+    field: 'tableComment',
+    required: true,
+    component: 'Input',
+    colProps: { span: 12 },
+  },
+  {
+    label: '实体类名称',
+    field: 'className',
+    required: true,
+    helpMessage: '默认去除表名的前缀。如果存在重复，则需要手动添加前缀，避免 MyBatis 报 Alias 重复的问题。',
+    component: 'Input',
+    colProps: { span: 12 },
+  },
+  {
+    label: '作者',
+    field: 'author',
+    required: true,
+    component: 'Input',
+    colProps: { span: 12 },
+  },
+  {
+    label: '生成信息',
+    field: 'genInfo',
+    component: 'Divider',
+    colProps: { span: 24 },
+  },
+  {
+    label: '生成模板',
+    field: 'templateType',
+    required: true,
+    component: 'Select',
+    defaultValue: '30',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_CODEGEN_TEMPLATE_TYPE),
+    },
+    colProps: { span: 12 },
+  },
+  {
+    label: '前端类型',
+    field: 'frontType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_CODEGEN_FRONT_TYPE),
+    },
+    colProps: { span: 12 },
+  },
+  {
+    label: '生成场景',
+    field: 'scene',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_CODEGEN_SCENE),
+    },
+    colProps: { span: 12 },
+  },
+  {
+    label: '模块名',
+    field: 'moduleName',
+    required: true,
+    helpMessage: '模块名，即一级目录，例如 system、infra、tool 等等',
+    component: 'Input',
+    colProps: { span: 12 },
+  },
+  {
+    label: '业务名',
+    field: 'businessName',
+    required: true,
+    component: 'Input',
+    helpMessage: '业务名，即二级目录，例如 user、permission、dict 等等',
+    colProps: { span: 12 },
+  },
+  {
+    label: '类名称',
+    field: 'className',
+    required: true,
+    component: 'Input',
+    helpMessage: '类名称（首字母大写），例如SysUser、SysMenu、SysDictData 等等',
+    colProps: { span: 12 },
+  },
+  {
+    label: '类描述',
+    field: 'classComment',
+    required: true,
+    component: 'Input',
+    helpMessage: '用作类描述，例如 用户',
+    colProps: { span: 12 },
+  },
+  {
+    label: '上级菜单',
+    field: 'parentMenuId',
+    required: true,
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => listSimpleMenus(),
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+    colProps: { span: 12 },
+  },
+  {
+    label: '自定义路径',
+    field: 'genPath',
+    component: 'Input',
+    helpMessage: '填写磁盘绝对路径，若不填写，则生成到当前Web项目下',
+    defaultValue: '/',
+    ifShow: ({ values }) => values.genType === '1',
+    colProps: { span: 12 },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+    colProps: { span: 24 },
+  },
+]
+
+export const columns: BasicColumn[] = [
+  {
+    title: '字段列名',
+    dataIndex: 'columnName',
+    width: 60,
+  },
+  {
+    title: '基础属性',
+    children: [
+      {
+        title: '物理类型',
+        dataIndex: 'dataType',
+        editComponent: 'Select',
+        width: 50,
+      },
+      {
+        title: '字段描述',
+        dataIndex: 'columnComment',
+        editRow: true,
+        editComponent: 'Input',
+        width: 50,
+      },
+      {
+        title: 'Java类型',
+        dataIndex: 'javaType',
+        editRow: true,
+        editComponent: 'Select',
+        editComponentProps: {
+          options: [
+            {
+              label: 'Long',
+              value: 'Long',
+            },
+            {
+              label: 'String',
+              value: 'String',
+            },
+            {
+              label: 'Integer',
+              value: 'Integer',
+            },
+            {
+              label: 'Double',
+              value: 'Double',
+            },
+            {
+              label: 'BigDecimal',
+              value: 'BigDecimal',
+            },
+            {
+              label: 'LocalDateTime',
+              value: 'LocalDateTime',
+            },
+            {
+              label: 'Boolean',
+              value: 'Boolean',
+            },
+          ],
+        },
+        width: 50,
+      },
+      {
+        title: 'java属性',
+        dataIndex: 'javaField',
+        editRow: true,
+        editComponent: 'Input',
+        width: 50,
+      },
+    ],
+  },
+  {
+    title: '增删改查',
+    children: [
+      {
+        title: '插入',
+        dataIndex: 'createOperation',
+        editRow: true,
+        editComponent: 'Checkbox',
+        editValueMap: (value) => {
+          return value ? '是' : '否'
+        },
+        width: 40,
+      },
+      {
+        title: '编辑',
+        dataIndex: 'updateOperation',
+        editRow: true,
+        editComponent: 'Checkbox',
+        editValueMap: (value) => {
+          return value ? '是' : '否'
+        },
+        width: 40,
+      },
+      {
+        title: '列表',
+        dataIndex: 'listOperationResult',
+        editRow: true,
+        editComponent: 'Checkbox',
+        editValueMap: (value) => {
+          return value ? '是' : '否'
+        },
+        width: 40,
+      },
+      {
+        title: '查询',
+        dataIndex: 'listOperation',
+        editRow: true,
+        editComponent: 'Checkbox',
+        editValueMap: (value) => {
+          return value ? '是' : '否'
+        },
+        width: 40,
+      },
+      {
+        title: '查询方式',
+        dataIndex: 'listOperationCondition',
+        editRow: true,
+        editComponent: 'Select',
+        editComponentProps: {
+          options: [
+            { label: '=', value: '=' },
+            { label: '!=', value: '!=' },
+            { label: '>', value: '>' },
+            { label: '>=', value: '>=' },
+            { label: '<', value: '<' },
+            { label: '<=', value: '<=' },
+            { label: 'LIKE', value: 'LIKE' },
+            { label: 'BETWEEN', value: 'BETWEEN' },
+          ],
+        },
+        width: 80,
+      },
+      {
+        title: '允许空',
+        dataIndex: 'nullable',
+        editRow: true,
+        editComponent: 'Checkbox',
+        editValueMap: (value) => {
+          return value ? '是' : '否'
+        },
+        width: 40,
+      },
+      {
+        title: '显示类型',
+        dataIndex: 'htmlType',
+        editRow: true,
+        editComponent: 'Select',
+        editComponentProps: {
+          options: [
+            { label: '文本框', value: 'input' },
+            { label: '文本域', value: 'textarea' },
+            { label: '下拉框', value: 'select' },
+            { label: '单选框', value: 'radio' },
+            { label: '复选框', value: 'checkbox' },
+            { label: '日期控件', value: 'datetime' },
+            { label: '图片上传', value: 'imageUpload' },
+            { label: '文件上传', value: 'fileUpload' },
+            { label: '富文本控件', value: 'editor' },
+          ],
+        },
+        width: 60,
+      },
+      {
+        title: '字典类型',
+        dataIndex: 'dictType',
+        editRow: true,
+        editComponent: 'Select',
+        editComponentProps: {
+          options: (await getDictTypeOptions()).map(item => ({ value: item.type, label: item.name })),
+        },
+        width: 100,
+      },
+      {
+        title: '示例',
+        dataIndex: 'example',
+        editRow: true,
+        editComponent: 'Input',
+        width: 60,
+      },
+    ],
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/codegen/index.vue b/yunxi-ui-admin-vben/src/views/infra/codegen/index.vue
new file mode 100644
index 0000000..5770687
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/codegen/index.vue
@@ -0,0 +1,109 @@
+<script lang="ts" setup>
+import PreviewModal from './components/PreviewModal.vue'
+import ImportTableModal from './components/ImportTableModal.vue'
+import { columns, searchFormSchema } from './codegen.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteCodegenTable, downloadCodegen, getCodegenTablePage, syncCodegenFromDB } from '@/api/infra/codegen'
+
+defineOptions({ name: 'InfraCodegen' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerPreviewModal, { openModal: openPreviewModal }] = useModal()
+const [registerImportTableModal, { openModal: openImportTableModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '代码生成列表',
+  api: getCodegenTablePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 360,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handlePreview(record: Recordable) {
+  openPreviewModal(true, {
+    record,
+  })
+}
+
+function handleEditTable(record: Recordable) {
+  go(`/codegen/editTable?id=${record.id}`)
+}
+
+async function handleGenTable(record: Recordable) {
+  await downloadCodegen(record)
+  createMessage.success(t('common.successText'))
+}
+
+async function handleSynchDb(record: Recordable) {
+  await syncCodegenFromDB(record.id)
+  createMessage.success(t('common.successText'))
+  reload()
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteCodegenTable(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:codegen:create']" type="primary" :pre-icon="IconEnum.IMPORT" @click="openImportTableModal(true)">
+          {{ t('action.import') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.PREVIEW, label: '预览', auth: 'infra:codegen:preview', onClick: handlePreview.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'infra:codegen:update', onClick: handleEditTable.bind(null, record) },
+              { icon: IconEnum.DOWNLOAD, label: '生成', auth: 'infra:codegen:download', onClick: handleGenTable.bind(null, record) },
+              {
+                icon: IconEnum.RESET,
+                label: t('action.sync'),
+                auth: 'infra:codegen:update',
+                popConfirm: {
+                  title: `确认要强制同步${record.tableName}表结构吗？`,
+                  placement: 'left',
+                  confirm: handleSynchDb.bind(null, record),
+                },
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'infra:codegen:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <PreviewModal @register="registerPreviewModal" />
+    <ImportTableModal @register="registerImportTableModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/config/ConfigModal.vue b/yunxi-ui-admin-vben/src/views/infra/config/ConfigModal.vue
new file mode 100644
index 0000000..5d4ff7f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/config/ConfigModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './config.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createConfig, getConfig, updateConfig } from '@/api/infra/config'
+
+defineOptions({ name: 'InfraConfigModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getConfig(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateConfig(values)
+    else
+      await createConfig(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/config/config.data.ts b/yunxi-ui-admin-vben/src/views/infra/config/config.data.ts
new file mode 100644
index 0000000..5c73a8b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/config/config.data.ts
@@ -0,0 +1,139 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '参数主键',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '参数分类',
+    dataIndex: 'category',
+    width: 180,
+  },
+  {
+    title: '参数名称',
+    dataIndex: 'name',
+    width: 100,
+  },
+  {
+    title: '参数键名',
+    dataIndex: 'key',
+    width: 120,
+  },
+  {
+    title: '参数键值',
+    dataIndex: 'value',
+    width: 120,
+  },
+  {
+    title: '系统内置',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_CONFIG_TYPE)
+    },
+  },
+  {
+    title: '是否可见',
+    dataIndex: 'visible',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text ? '是' : '否')
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '参数名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '参数键名',
+    field: 'key',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '系统内置',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_CONFIG_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '参数分类',
+    field: 'category',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '参数名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '参数键名',
+    field: 'key',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '参数键值',
+    field: 'value',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '是否可见',
+    field: 'visible',
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        { key: true, label: '是', value: true },
+        { key: false, label: '否', value: false },
+      ],
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/config/index.vue b/yunxi-ui-admin-vben/src/views/infra/config/index.vue
new file mode 100644
index 0000000..87b162e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/config/index.vue
@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+import ConfigModal from './ConfigModal.vue'
+import { columns, searchFormSchema } from './config.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { ConfigExportReqVO } from '@/api/infra/config'
+import { deleteConfig, exportConfig, getConfigPage } from '@/api/infra/config'
+
+defineOptions({ name: 'InfraConfig' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '配置中心列表',
+  api: getConfigPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportConfig(getForm().getFieldsValue() as ConfigExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteConfig(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:config:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['infra:config:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'infra:config:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'infra:config:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ConfigModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue b/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
new file mode 100644
index 0000000..92b547a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './dataSourceConfig.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createDataSourceConfig, getDataSourceConfig, updateDataSourceConfig } from '@/api/infra/dataSourceConfig'
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getDataSourceConfig(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateDataSourceConfig(values)
+    else
+      await createDataSourceConfig(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/dataSourceConfig.data.ts b/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/dataSourceConfig.data.ts
new file mode 100644
index 0000000..0df2c41
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/dataSourceConfig.data.ts
@@ -0,0 +1,66 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '主键编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '数据源名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '数据源连接',
+    dataIndex: 'url',
+    width: 100,
+  },
+  {
+    title: '用户名',
+    dataIndex: 'username',
+    width: 120,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '数据源名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '数据源连接',
+    field: 'url',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '用户名',
+    field: 'username',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '密码',
+    field: 'password',
+    required: true,
+    component: 'Input',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/index.vue b/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/index.vue
new file mode 100644
index 0000000..05c5863
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/dataSourceConfig/index.vue
@@ -0,0 +1,86 @@
+<script lang="ts" setup>
+import DataSourceConfigModal from './DataSourceConfigModal.vue'
+import { columns } from './dataSourceConfig.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteDataSourceConfig, getDataSourceConfigList } from '@/api/infra/dataSourceConfig'
+
+defineOptions({ name: 'InfraDataSourceConfig' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '数据源列表',
+  api: getDataSourceConfigList,
+  columns,
+  pagination: false,
+  useSearchForm: false,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteDataSourceConfig(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:data-source-config:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: t('action.edit'),
+                ifShow: record.id !== 0,
+                auth: 'infra:data-source-config:update',
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                ifShow: record.id !== 0,
+                auth: 'infra:data-source-config:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <DataSourceConfigModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/dbDoc/index.vue b/yunxi-ui-admin-vben/src/views/infra/dbDoc/index.vue
new file mode 100644
index 0000000..a3f5907
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/dbDoc/index.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts" name="InfraDbDoc">
+import { onMounted, ref } from 'vue'
+import { PageWrapper } from '@/components/Page'
+import { useI18n } from '@/hooks/web/useI18n'
+import { IFrame } from '@/components/IFrame'
+import * as DbDocApi from '@/api/infra/dbDoc'
+import { downloadByData } from '@/utils/file/download'
+
+const { t } = useI18n()
+const src = ref('')
+/** 页面加载 */
+async function init() {
+  const res = await DbDocApi.exportHtml()
+  const blob = new Blob([res], { type: 'text/html' })
+  const blobUrl = window.URL.createObjectURL(blob)
+  src.value = blobUrl
+}
+/** 处理导出  */
+async function handleExport(type: string) {
+  if (type === 'HTML') {
+    const res = await DbDocApi.exportHtml()
+    downloadByData(res, '数据库文档.html')
+  }
+  if (type === 'Word') {
+    const res = await DbDocApi.exportWord()
+    downloadByData(res, '数据库文档.doc')
+  }
+  if (type === 'Markdown') {
+    const res = await DbDocApi.exportMarkdown()
+    downloadByData(res, '数据库文档.md')
+  }
+}
+onMounted(async () => {
+  await init()
+})
+</script>
+
+<template>
+  <PageWrapper>
+    <div class="mb-3">
+      <a-button type="primary" size="small" class="mr-1" @click="handleExport('HTML')">
+        {{ `${t('action.export')}Html` }}
+      </a-button>
+      <a-button type="primary" size="small" class="mr-1" @click="handleExport('Word')">
+        {{ `${t('action.export')}Word` }}
+      </a-button>
+      <a-button type="primary" size="small" @click="handleExport('Markdown')">
+        {{ `${t('action.export')}Markdown` }}
+      </a-button>
+    </div>
+    <IFrame :src="src" />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/druid/index.vue b/yunxi-ui-admin-vben/src/views/infra/druid/index.vue
new file mode 100644
index 0000000..d0f8f03
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/druid/index.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts" name="InfraDruid">
+import { ref } from 'vue'
+import { IFrame } from '@/components/IFrame'
+
+const src = ref(`${import.meta.env.VITE_GLOB_BASE_URL}/druid/index.html`)
+</script>
+
+<template>
+  <div>
+    <IFrame :src="src" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/file/file.data.ts b/yunxi-ui-admin-vben/src/views/infra/file/file.data.ts
new file mode 100644
index 0000000..9fa45a7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/file/file.data.ts
@@ -0,0 +1,79 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '文件名',
+    dataIndex: 'name',
+    width: 200,
+  },
+  {
+    title: '文件 URL',
+    dataIndex: 'url',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '文件路径',
+    dataIndex: 'path',
+    width: 180,
+  },
+  {
+    title: '文件大小',
+    dataIndex: 'size',
+    width: 120,
+    customRender: ({ text }) => {
+      const unitArr = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+      const srcSize = Number.parseFloat(text)
+      const index = Math.floor(Math.log(srcSize) / Math.log(1024))
+      const size = srcSize / 1024 ** index
+      return `${size.toFixed(2)} ${unitArr[index]}`
+    },
+  },
+  {
+    title: '文件类型',
+    dataIndex: 'type',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text)
+    },
+  },
+  {
+    title: '文件内容',
+    dataIndex: 'content',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '上传时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '文件路径',
+    field: 'path',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/file/index.vue b/yunxi-ui-admin-vben/src/views/infra/file/index.vue
new file mode 100644
index 0000000..797b7ee
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/file/index.vue
@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { columns, searchFormSchema } from './file.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicUpload } from '@/components/Upload'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteFile, getFilePage } from '@/api/infra/file'
+import { getAccessToken, getTenantId } from '@/utils/auth'
+import { uploadApi } from '@/api/base/upload'
+
+defineOptions({ name: 'InfraFile' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const { clipboardRef, copiedRef } = useCopyToClipboard()
+
+const uploadParams = ref({
+  'Authorization': `Bearer ${getAccessToken()}`,
+  'tenant-id': getTenantId(),
+})
+
+const [registerTable, { reload }] = useTable({
+  title: '文件列表',
+  api: getFilePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 160,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleChange() {
+  reload()
+}
+
+function handleCopy(record: Recordable) {
+  clipboardRef.value = record.url
+  if (unref(copiedRef))
+    createMessage.warning('复制成功')
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteFile(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <BasicUpload
+          :max-size="20"
+          :max-number="10"
+          :empty-hide-preview="true"
+          :upload-params="uploadParams"
+          :api="uploadApi"
+          class="my-5"
+          :accept="['image/*']"
+          @change="handleChange"
+        />
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: '复制链接', onClick: handleCopy.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'infra:file:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/fileConfig/FileConfigModal.vue b/yunxi-ui-admin-vben/src/views/infra/fileConfig/FileConfigModal.vue
new file mode 100644
index 0000000..e1f3ee2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/fileConfig/FileConfigModal.vue
@@ -0,0 +1,64 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './ficleConfig.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFileConfig, getFileConfig, updateFileConfig } from '@/api/infra/fileConfig'
+
+defineOptions({ name: 'InfraFileConfigModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getFileConfig(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    const config: any = {}
+    for (const item in values) {
+      if (item.startsWith('config.'))
+        config[item.substring(7)] = values[item]
+    }
+    values.config = config
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateFileConfig(values)
+    else
+      await createFileConfig(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/fileConfig/ficleConfig.data.ts b/yunxi-ui-admin-vben/src/views/infra/fileConfig/ficleConfig.data.ts
new file mode 100644
index 0000000..5a29df3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/fileConfig/ficleConfig.data.ts
@@ -0,0 +1,179 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '配置名',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '存储器',
+    dataIndex: 'storage',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_FILE_STORAGE)
+    },
+  },
+  {
+    title: '主配置',
+    dataIndex: 'master',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '配置名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '存储器',
+    field: 'storage',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_FILE_STORAGE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '配置名',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '存储器',
+    field: 'storage',
+    component: 'Select',
+    required: true,
+    dynamicDisabled: ({ values }) => !!values.id,
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_FILE_STORAGE),
+    },
+  },
+  {
+    label: '基础路径',
+    field: 'config.basePath',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 10 && values.storage <= 12,
+    component: 'Input',
+  },
+  {
+    label: '主机地址',
+    field: 'config.host',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input',
+  },
+  {
+    label: '主机端口',
+    field: 'config.port',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input',
+  },
+  {
+    label: '用户名',
+    field: 'config.username',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input',
+  },
+  {
+    label: '密码',
+    field: 'config.password',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input',
+  },
+  {
+    label: '连接模式',
+    field: 'config.basePath',
+    required: true,
+    ifShow: ({ values }) => values.storage === 11,
+    component: 'Select',
+    componentProps: {
+      options: [
+        { lable: '主动模式', key: 'Active', value: 'Active' },
+        { lable: '被动模式', key: 'Passive', value: 'Passive' },
+      ],
+    },
+  },
+  {
+    label: '节点地址',
+    field: 'config.endpoint',
+    required: true,
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input',
+  },
+  {
+    label: '存储 bucket',
+    field: 'config.bucket',
+    required: true,
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input',
+  },
+  {
+    label: 'accessKey',
+    field: 'config.accessKey',
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input',
+  },
+  {
+    label: 'accessSecret',
+    field: 'config.accessSecret',
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input',
+  },
+  {
+    label: '自定义域名',
+    field: 'config.domain',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/fileConfig/index.vue b/yunxi-ui-admin-vben/src/views/infra/fileConfig/index.vue
new file mode 100644
index 0000000..bb05012
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/fileConfig/index.vue
@@ -0,0 +1,107 @@
+<script lang="ts" setup>
+import FileConfigModal from './FileConfigModal.vue'
+import { columns, searchFormSchema } from './ficleConfig.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteFileConfig, getFileConfigPage, testFileConfig, updateFileConfigMaster } from '@/api/infra/fileConfig'
+
+defineOptions({ name: 'InfraFileConfig' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage, createSuccessModal } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '文件配置列表',
+  api: getFileConfigPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 280,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleTest(record: Recordable) {
+  const res = await testFileConfig(record.id)
+  createSuccessModal({ content: res })
+}
+
+function handleMaster(record: Recordable) {
+  createConfirm({
+    title: '主配置',
+    iconType: 'warning',
+    content: `是否确认修改配置编号为"${record.id}"的数据项为主配置?`,
+    async onOk() {
+      await updateFileConfigMaster(record.id)
+      createMessage.success('配置成功')
+      reload()
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteFileConfig(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:file-config:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'infra:file-config:update', onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.TEST, label: t('action.test'), auth: 'infra:file-config:update', onClick: handleTest.bind(null, record) },
+              {
+                icon: IconEnum.AUTH,
+                label: '主配置',
+                auth: 'infra:file-config:update',
+                ifShow: () => {
+                  return !record.master
+                },
+                onClick: handleMaster.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'infra:file-config:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <FileConfigModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/job/JobModal.vue b/yunxi-ui-admin-vben/src/views/infra/job/JobModal.vue
new file mode 100644
index 0000000..f2dcfb1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/job/JobModal.vue
@@ -0,0 +1,92 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { Steps } from 'ant-design-vue'
+import { descSchema, formSchema } from './job.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description, useDescription } from '@/components/Description'
+import { createJob, getJob, getJobNextTimes, updateJob } from '@/api/infra/job'
+import { formatToDateTime } from '@/utils/dateUtil'
+
+defineOptions({ name: 'InfraJobModal' })
+
+const emit = defineEmits(['success', 'register'])
+
+const Step = Steps.Step
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+const isEdit = ref(true)
+
+const datas = ref()
+const nextTimes = ref()
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerDesc] = useDescription({
+  schema: descSchema,
+  data: datas,
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  isEdit.value = !!data?.isEdit
+  setModalProps({ confirmLoading: false })
+  if (data?.isEdit) {
+    resetFields()
+
+    isUpdate.value = !!data?.isUpdate
+    if (unref(isUpdate)) {
+      const res = await getJob(data.record.id)
+      setFieldsValue({ ...res })
+    }
+  }
+  else {
+    datas.value = await getJob(data.record.id)
+    nextTimes.value = await getJobNextTimes(data.record.id)
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateJob(values)
+    else
+      await createJob(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal
+    v-bind="$attrs"
+    :title="isEdit ? (isUpdate ? t('action.edit') : t('action.create')) : t('action.detail')"
+    @register="registerModal"
+    @ok="handleSubmit"
+  >
+    <BasicForm v-if="isEdit" @register="registerForm" />
+    <Description v-if="!isEdit" :column="2" @register="registerDesc" />
+    <Steps v-if="!isEdit" progress-dot :current="nextTimes && nextTimes.length" direction="vertical">
+      <template v-for="(nextTime, index) in nextTimes" :key="index">
+        <Step :title="formatToDateTime(nextTime)" :description="'第' + `${index + 1}` + '次'" />
+      </template>
+    </Steps>
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/job/index.vue b/yunxi-ui-admin-vben/src/views/infra/job/index.vue
new file mode 100644
index 0000000..b567a62
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/job/index.vue
@@ -0,0 +1,141 @@
+<script lang="ts" setup>
+import JobModal from './JobModal.vue'
+import { columns, searchFormSchema } from './job.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { JobExportReqVO } from '@/api/infra/job'
+import { deleteJob, exportJob, getJobPage, runJob, updateJobStatus } from '@/api/infra/job'
+import { InfraJobStatusEnum } from '@/enums/systemEnum'
+
+defineOptions({ name: 'InfraJob' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '定时任务列表',
+  api: getJobPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isEdit: true, isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isEdit: true, isUpdate: true })
+}
+
+function handleChangeStatus(record: Recordable, open: boolean) {
+  const status = open ? InfraJobStatusEnum.NORMAL : InfraJobStatusEnum.STOP
+  const statusStr = open ? '开启' : '关闭'
+  createConfirm({
+    title: '调整状态',
+    iconType: 'warning',
+    content: `是否确认${statusStr}定时任务编号为"${record.id}"的数据项?`,
+    async onOk() {
+      await updateJobStatus(record.id, status)
+      createMessage.success(t('common.successText'))
+      reload()
+    },
+  })
+}
+
+function handleRun(record: Recordable) {
+  createConfirm({
+    title: '执行',
+    iconType: 'warning',
+    content: `确认要立即执行一次"${record.name}"任务吗?`,
+    async onOk() {
+      await runJob(record.id)
+      createMessage.success(t('common.successText'))
+    },
+  })
+}
+
+function handleView(record: Recordable) {
+  openModal(true, { record, isEdit: false })
+}
+
+function handleJobLog(record: Recordable) {
+  if (record.id > 0)
+    go(`/job/job-log?id=${record.id}`)
+  else
+    go('/job/job-log')
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportJob(getForm().getFieldsValue() as JobExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteJob(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:job:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['infra:job:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[{ icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) }]"
+            :drop-down-actions="[
+              { icon: IconEnum.AUTH, label: '开启', auth: 'infra:job:update', onClick: handleChangeStatus.bind(null, record, true) },
+              { icon: IconEnum.EDIT, label: '暂停', auth: 'infra:job:update', onClick: handleChangeStatus.bind(null, record, false) },
+              { icon: IconEnum.TEST, label: '执行一次', auth: 'infra:job:trigger', onClick: handleRun.bind(null, record) },
+              { icon: IconEnum.PREVIEW, label: '任务详细', auth: 'infra:job:query', onClick: handleView.bind(null, record) },
+              { icon: IconEnum.LOG, label: '调度日志', auth: 'infra:job:query', onClick: handleJobLog.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'infra:job:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <JobModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/job/job.data.ts b/yunxi-ui-admin-vben/src/views/infra/job/job.data.ts
new file mode 100644
index 0000000..e72f5c9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/job/job.data.ts
@@ -0,0 +1,172 @@
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { useComponentRegister } from '@/components/Form'
+import { CronTab } from '@/components/CronTab'
+
+useComponentRegister('CronTab', CronTab)
+
+export const columns: BasicColumn[] = [
+  {
+    title: '任务编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '任务名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '处理器的名字',
+    dataIndex: 'handlerName',
+    width: 180,
+  },
+  {
+    title: '处理器的参数',
+    dataIndex: 'handlerParam',
+    width: 180,
+  },
+  {
+    title: 'CRON 表达式',
+    dataIndex: 'cronExpression',
+    width: 200,
+  },
+  {
+    title: '任务状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_JOB_STATUS)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '任务名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '任务状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_JOB_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '任务编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '任务名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    required: true,
+    dynamicDisabled: ({ values }) => !!values.id,
+    component: 'Input',
+  },
+  {
+    label: '处理器的参数',
+    field: 'handlerParam',
+    component: 'Input',
+  },
+  {
+    label: 'CRON 表达式',
+    field: 'cronExpression',
+    required: true,
+    component: 'CronTab',
+  },
+  {
+    label: '重试次数',
+    field: 'retryCount',
+    required: true,
+    helpMessage: '设置为 0 时，不进行重试',
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '重试间隔',
+    field: 'retryInterval',
+    required: true,
+    helpMessage: '单位：毫秒。设置为 0 时，无需间隔',
+    defaultValue: 0,
+    component: 'InputNumber',
+    suffix: '毫秒',
+  },
+  {
+    label: '监控超时时间',
+    field: 'monitorTimeout',
+    component: 'Input',
+    suffix: '毫秒',
+  },
+]
+
+export const descSchema: DescItem[] = [
+  {
+    label: '任务编号',
+    field: 'id',
+  },
+  {
+    label: '任务名称',
+    field: 'name',
+  },
+  {
+    label: '任务状态',
+    field: 'status',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.INFRA_JOB_STATUS)
+    },
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+  },
+  {
+    label: '处理器的参数',
+    field: 'handlerParam',
+  },
+  {
+    label: 'Cron 表达式',
+    field: 'cronExpression',
+  },
+  {
+    label: '重试次数',
+    field: 'retryCount',
+  },
+  {
+    label: '重试间隔',
+    field: 'cronExpression',
+    render: (curVal) => {
+      return useRender.renderText(curVal, ' 毫秒')
+    },
+  },
+  {
+    label: '监控超时时间',
+    field: 'monitorTimeout',
+    render: (curVal) => {
+      return curVal > 0 ? `${curVal} 毫秒` : '未开启'
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/job/logger/JobLogModal.vue b/yunxi-ui-admin-vben/src/views/infra/job/logger/JobLogModal.vue
new file mode 100644
index 0000000..44b6cec
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/job/logger/JobLogModal.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { descSchema } from './jobLog.data'
+import { Description, useDescription } from '@/components/Description'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getJobLog } from '@/api/infra/jobLog'
+
+defineOptions({ name: 'InfraJobLogModal' })
+
+const datas = ref()
+
+const [registerDesc] = useDescription({
+  schema: descSchema,
+  data: datas,
+})
+
+const [registerModal, { setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false })
+  const res = await getJobLog(data.record.id)
+  datas.value = res
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="查看详情" @register="registerModal">
+    <Description :column="2" @register="registerDesc" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/job/logger/index.vue b/yunxi-ui-admin-vben/src/views/infra/job/logger/index.vue
new file mode 100644
index 0000000..3a06b25
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/job/logger/index.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import { useRoute } from 'vue-router'
+import JobLogModal from './JobLogModal.vue'
+import { columns, searchFormSchema } from './jobLog.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { JobLogExportReqVO } from '@/api/infra/jobLog'
+import { exportJobLog, getJobLogPage } from '@/api/infra/jobLog'
+
+defineOptions({ name: 'InfraJobLog' })
+
+const { t } = useI18n()
+const { query } = useRoute()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '定时任务日志列表',
+  api: getJobLogPage,
+  searchInfo: { id: query.id as unknown as number },
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleDetail(record: Recordable) {
+  openModal(true, { record })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportJobLog(getForm().getFieldsValue() as JobLogExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['infra:job:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction :actions="[{ icon: IconEnum.EDIT, label: t('action.detail'), onClick: handleDetail.bind(null, record) }]" />
+        </template>
+      </template>
+    </BasicTable>
+    <JobLogModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/job/logger/jobLog.data.ts b/yunxi-ui-admin-vben/src/views/infra/job/logger/jobLog.data.ts
new file mode 100644
index 0000000..ab427b1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/job/logger/jobLog.data.ts
@@ -0,0 +1,150 @@
+import { h } from 'vue'
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { JsonPreview } from '@/components/CodeEditor'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '任务编号',
+    dataIndex: 'jobId',
+    width: 100,
+  },
+  {
+    title: '处理器的名字',
+    dataIndex: 'handlerName',
+    width: 180,
+  },
+  {
+    title: '处理器的参数',
+    dataIndex: 'handlerParam',
+    width: 180,
+  },
+  {
+    title: '第几次执行',
+    dataIndex: 'executeIndex',
+    width: 100,
+  },
+  {
+    title: '执行时间',
+    dataIndex: 'beginTime',
+    width: 180,
+    customRender: ({ record }) => {
+      const startTime = useRender.renderDate(record.beginTime)
+      const endTime = useRender.renderDate(record.endTime)
+      return useRender.renderTags([startTime, endTime])
+    },
+  },
+  {
+    title: '执行时长',
+    dataIndex: 'duration',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderText(text, ' 毫秒')
+    },
+  },
+  {
+    title: '任务状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ record }) => {
+      return useRender.renderDict(record.status, DICT_TYPE.INFRA_JOB_LOG_STATUS)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '开始执行时间',
+    field: 'beginTime',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '结束执行时间',
+    field: 'endTime',
+    component: 'DatePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '任务状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_JOB_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const descSchema: DescItem[] = [
+  {
+    label: '日志编号',
+    field: 'id',
+  },
+  {
+    label: '任务编号',
+    field: 'jobId',
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+  },
+  {
+    label: '处理器的参数',
+    field: 'handlerParam',
+  },
+  {
+    label: '第几次执行',
+    field: 'executeIndex',
+  },
+  {
+    label: '执行时间',
+    field: 'beginTime',
+    render: (_, data) => {
+      const startTime = `开始: ${useRender.renderDate(data.beginTime)}`
+      const endTime = `结束: ${useRender.renderDate(data.endTime)}`
+      return h('span', {}, [startTime, h('br'), endTime])
+    },
+  },
+  {
+    label: '执行时长',
+    field: 'duration',
+    render: (curVal) => {
+      return useRender.renderText(curVal, ' 毫秒')
+    },
+  },
+  {
+    label: '任务状态',
+    field: 'status',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.INFRA_JOB_LOG_STATUS)
+    },
+  },
+  {
+    label: '执行结果',
+    field: 'result',
+    render: (curVal) => {
+      const data = JSON.parse(curVal)
+      return h(JsonPreview, { data })
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/redis/components/CommandStats.vue b/yunxi-ui-admin-vben/src/views/infra/redis/components/CommandStats.vue
new file mode 100644
index 0000000..eb2a217
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/redis/components/CommandStats.vue
@@ -0,0 +1,53 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: propTypes.bool.def(true),
+  commandStats: propTypes.array.def([]),
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px'),
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+const optionsData = ref<any[]>(props.commandStats)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading)
+      return
+
+    setOptions({
+      tooltip: {
+        trigger: 'item',
+        formatter: '{a} <br/>{b} : {c} ({d}%)',
+      },
+      series: [
+        {
+          name: '命令',
+          type: 'pie',
+          roseType: 'radius',
+          radius: [15, 95],
+          center: ['50%', '38%'],
+          data: optionsData.value,
+          animationEasing: 'cubicInOut',
+          animationDuration: 1000,
+        },
+      ],
+    })
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <Card title="命令统计" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }" />
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/redis/components/Memory.vue b/yunxi-ui-admin-vben/src/views/infra/redis/components/Memory.vue
new file mode 100644
index 0000000..ab7333f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/redis/components/Memory.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup>
+import type { Ref } from 'vue'
+import { ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: propTypes.bool.def(true),
+  memoryHuman: propTypes.string.def('0'),
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px'),
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading)
+      return
+
+    setOptions({
+      tooltip: {
+        formatter: `{b} <br/>{a} : ${props.memoryHuman}`,
+      },
+      series: [
+        {
+          name: '峰值',
+          type: 'gauge',
+          min: 0,
+          max: 100,
+          detail: {
+            formatter: props.memoryHuman,
+          },
+          data: [
+            {
+              value: Number.parseFloat(props.memoryHuman),
+              name: '内存消耗',
+            },
+          ],
+        },
+      ],
+    })
+  },
+  { immediate: true },
+)
+</script>
+
+<template>
+  <Card title="内存信息" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }" />
+  </Card>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/redis/index.vue b/yunxi-ui-admin-vben/src/views/infra/redis/index.vue
new file mode 100644
index 0000000..a5a51d9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/redis/index.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { baseInfoSchema } from './redis.data'
+import { Description } from '@/components/Description'
+import { getCache } from '@/api/infra/redis'
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent'
+
+defineOptions({ name: 'InfraRedis' })
+const CommandStats = createAsyncComponent(() => import('./components/CommandStats.vue'))
+const Memory = createAsyncComponent(() => import('./components/Memory.vue'))
+
+const loading = ref(true)
+const cacheInfo = ref<any>()
+const commandStats = ref<any[]>([])
+const memoryHuman = ref<any>()
+
+async function getList() {
+  const res = await getCache()
+  cacheInfo.value = res.info
+  memoryHuman.value = res.info.used_memory_human
+  await res.commandStats.forEach((val) => {
+    commandStats.value.push({ name: val.command, value: val.calls })
+  })
+  loading.value = false
+}
+
+onMounted(async () => {
+  await getList()
+})
+</script>
+
+<template>
+  <div class="p-4">
+    <Description
+      title="基础信息"
+      :collapse-options="{ canExpand: true, helpMessage: 'Redis 基本信息' }"
+      :column="6"
+      :data="cacheInfo"
+      :schema="baseInfoSchema"
+    />
+    <div class="enter-y mt-4 md:flex">
+      <CommandStats class="w-full md:w-1/2" :loading="loading" :command-stats="commandStats" />
+      <Memory class="w-full !my-4 md:w-1/2 !md:mx-4 !md:my-0" :loading="loading" :memory-human="memoryHuman" />
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/redis/redis.data.ts b/yunxi-ui-admin-vben/src/views/infra/redis/redis.data.ts
new file mode 100644
index 0000000..ac2a910
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/redis/redis.data.ts
@@ -0,0 +1,64 @@
+import type { DescItem } from '@/components/Description'
+
+export const baseInfoSchema: DescItem[] = [
+  {
+    label: 'Redis版本',
+    field: 'redis_version',
+  },
+  {
+    label: '运行模式',
+    field: 'redis_mode',
+    render: (val) => {
+      return val === 'standalone' ? '单机' : '集群'
+    },
+  },
+  {
+    label: '端口',
+    field: 'tcp_port',
+  },
+  {
+    label: '客户端数',
+    field: 'connected_clients',
+  },
+  {
+    label: '运行时间(天)',
+    field: 'uptime_in_days',
+  },
+  {
+    label: '使用内存',
+    field: 'used_memory_human',
+  },
+  {
+    label: '使用CPU',
+    field: 'tcp_port',
+    render: (val) => {
+      return Number.parseFloat(val).toFixed(2)
+    },
+  },
+  {
+    label: '内存配置',
+    field: 'maxmemory_human',
+  },
+  {
+    label: 'AOF是否开启',
+    field: 'maxmemory_human',
+    render: (val) => {
+      return val === '0' ? '否' : '是'
+    },
+  },
+  {
+    label: 'RDB是否成功',
+    field: 'rdb_last_bgsave_status',
+  },
+  {
+    label: 'Key数量',
+    field: 'expired_keys',
+  },
+  {
+    label: '网络入口/出口',
+    field: 'instantaneous_input_kbps',
+    render: (_val, data) => {
+      return `${data.instantaneous_input_kbps}kps / ${data.instantaneous_output_kbps}kps`
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/infra/server/index.vue b/yunxi-ui-admin-vben/src/views/infra/server/index.vue
new file mode 100644
index 0000000..33ca80f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/server/index.vue
@@ -0,0 +1,29 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+import { IFrame } from '@/components/IFrame'
+import { getConfigKey } from '@/api/infra/config'
+
+defineOptions({ name: 'InfraAdminServer' })
+
+const src = ref(`${import.meta.env.VITE_GLOB_BASE_URL}/admin/applications`)
+
+const loading = ref(true)
+
+async function getInfo() {
+  const res = await getConfigKey('url.spring-boot-admin')
+  if (res && res.length !== 0)
+    src.value = res
+
+  loading.value = false
+}
+
+onMounted(() => {
+  getInfo()
+})
+</script>
+
+<template>
+  <div>
+    <IFrame v-if="!loading" :src="src" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/skywalking/index.vue b/yunxi-ui-admin-vben/src/views/infra/skywalking/index.vue
new file mode 100644
index 0000000..ee36848
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/skywalking/index.vue
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { IFrame } from '@/components/IFrame'
+
+defineOptions({ name: 'InfraSkywalking' })
+
+const src = ref('http://skywalking.shop.iocoder.cn')
+</script>
+
+<template>
+  <div>
+    <IFrame :src="src" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/swagger/index.vue b/yunxi-ui-admin-vben/src/views/infra/swagger/index.vue
new file mode 100644
index 0000000..4416a1e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/swagger/index.vue
@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { IFrame } from '@/components/IFrame'
+
+defineOptions({ name: 'InfraSwagger' })
+
+// knife4j
+// const src = ref(import.meta.env.VITE_GLOB_BASE_URL + '/doc.html')
+const src = ref(`${import.meta.env.VITE_GLOB_BASE_URL}/swagger-ui`)
+</script>
+
+<template>
+  <div>
+    <IFrame :src="src" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/testDemo/index.vue b/yunxi-ui-admin-vben/src/views/infra/testDemo/index.vue
new file mode 100644
index 0000000..0d29315
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/testDemo/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中 testDemo</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/infra/webSocket/index.vue b/yunxi-ui-admin-vben/src/views/infra/webSocket/index.vue
new file mode 100644
index 0000000..37a18ba
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/infra/webSocket/index.vue
@@ -0,0 +1,112 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, watchEffect } from 'vue'
+import { Input, Tag } from 'ant-design-vue'
+import { useWebSocket } from '@vueuse/core'
+import { PageWrapper } from '@/components/Page'
+import { formatToDateTime } from '@/utils/dateUtil'
+import { useUserStore } from '@/store/modules/user'
+
+defineOptions({ name: 'InfraWebSocket' })
+
+const InputTextArea = Input.TextArea
+
+const userStore = useUserStore()
+
+const state = reactive({
+  sendValue: '',
+  recordList: [] as { id: number; time: number; res: string }[],
+})
+const server = ref(
+  `${(`${import.meta.env.VITE_GLOB_BASE_URL}/websocket/message`).replace('http', 'ws')}?userId=${userStore.getUserInfo.user.id}`,
+)
+const { status, data, send, close, open } = useWebSocket(server.value, {
+  autoReconnect: false,
+  heartbeat: true,
+})
+watchEffect(() => {
+  if (data.value) {
+    try {
+      const res = JSON.parse(data.value)
+      state.recordList.push(res)
+    }
+    catch (error) {
+      state.recordList.push({
+        res: data.value,
+        id: Math.ceil(Math.random() * 1000),
+        time: new Date().getTime(),
+      })
+    }
+  }
+})
+const getIsOpen = computed(() => status.value === 'OPEN')
+const getTagColor = computed(() => (getIsOpen.value ? 'success' : 'red'))
+const getList = computed(() => {
+  return [...state.recordList].reverse()
+})
+function handlerSend() {
+  send(state.sendValue)
+  state.sendValue = ''
+}
+function toggle() {
+  if (getIsOpen.value)
+    close()
+  else
+    open()
+}
+</script>
+
+<template>
+  <PageWrapper title="WebSocket 示例">
+    <div class="flex">
+      <div class="w-1/3 p-4">
+        <div class="flex items-center">
+          <span class="mr-4 text-lg font-medium"> 连接状态: </span>
+          <Tag :color="getTagColor">
+            {{ status }}
+          </Tag>
+        </div>
+        <hr class="my-4">
+
+        <div class="flex">
+          <Input v-model:value="server" disabled>
+            <template #addonBefore>
+              服务地址
+            </template>
+          </Input>
+          <a-button :type="getIsOpen ? 'danger' : 'primary'" @click="toggle">
+            {{ getIsOpen ? '关闭连接' : '开启连接' }}
+          </a-button>
+        </div>
+        <p class="mt-4 text-lg font-medium">
+          设置
+        </p>
+        <hr class="my-4">
+
+        <InputTextArea v-model:value="state.sendValue" placeholder="需要发送到服务器的内容" :disabled="!getIsOpen" allow-clear />
+
+        <a-button type="primary" block class="mt-4" :disabled="!getIsOpen" @click="handlerSend">
+          发送
+        </a-button>
+      </div>
+
+      <div class="ml-4 w-2/3 p-4">
+        <span class="mr-4 text-lg font-medium"> 消息记录: </span>
+        <hr class="my-4">
+
+        <div class="max-h-80 overflow-auto">
+          <ul>
+            <li v-for="item in getList" :key="item.time" class="mt-2">
+              <div class="flex items-center">
+                <span class="mr-2 font-medium text-primary">收到消息:</span>
+                <span>{{ formatToDateTime(item.time) }}</span>
+              </div>
+              <div>
+                {{ item.res }}
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/market/banner/index.vue b/yunxi-ui-admin-vben/src/views/mall/market/banner/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/market/banner/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/product/brand/index.vue b/yunxi-ui-admin-vben/src/views/mall/product/brand/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/product/brand/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/product/category/index.vue b/yunxi-ui-admin-vben/src/views/mall/product/category/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/product/category/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/product/property/index.vue b/yunxi-ui-admin-vben/src/views/mall/product/property/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/product/property/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/product/spu/index.vue b/yunxi-ui-admin-vben/src/views/mall/product/spu/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/product/spu/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/promotion/coupon/index.vue b/yunxi-ui-admin-vben/src/views/mall/promotion/coupon/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/promotion/coupon/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/promotion/couponTemplate/index.vue b/yunxi-ui-admin-vben/src/views/mall/promotion/couponTemplate/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/promotion/couponTemplate/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/promotion/discountActivity/index.vue b/yunxi-ui-admin-vben/src/views/mall/promotion/discountActivity/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/promotion/discountActivity/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/promotion/rewardActivity/index.vue b/yunxi-ui-admin-vben/src/views/mall/promotion/rewardActivity/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/promotion/rewardActivity/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillActivity/index.vue b/yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillActivity/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillActivity/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillTime/index.vue b/yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillTime/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/promotion/seckill/seckillTime/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/trade/afterSale/index.vue b/yunxi-ui-admin-vben/src/views/mall/trade/afterSale/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/trade/afterSale/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/trade/expressCompany/index.vue b/yunxi-ui-admin-vben/src/views/mall/trade/expressCompany/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/trade/expressCompany/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mall/trade/order/index.vue b/yunxi-ui-admin-vben/src/views/mall/trade/order/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mall/trade/order/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/group/GroupModal.vue b/yunxi-ui-admin-vben/src/views/member/group/GroupModal.vue
new file mode 100644
index 0000000..62bd85d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/group/GroupModal.vue
@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './group.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createGroup, getGroup, updateGroup } from '@/api/member/group'
+
+defineOptions({ name: 'MemberGroupModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getGroup(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateGroup(values)
+    else
+      await createGroup(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal
+    v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/group/group.data.ts b/yunxi-ui-admin-vben/src/views/member/group/group.data.ts
new file mode 100644
index 0000000..3825f64
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/group/group.data.ts
@@ -0,0 +1,84 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+  },
+  {
+    title: '名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '分组名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/member/group/index.vue b/yunxi-ui-admin-vben/src/views/member/group/index.vue
new file mode 100644
index 0000000..dfe3c5b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/group/index.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import GroupModal from './GroupModal.vue'
+import { columns, searchFormSchema } from './group.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getGroupPage } from '@/api/member/group'
+
+defineOptions({ name: 'MemberGroup' })
+
+const { t } = useI18n()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '会员分组',
+  api: getGroupPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'member:group:update', onClick: handleEdit.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <GroupModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/level/LevelModal.vue b/yunxi-ui-admin-vben/src/views/member/level/LevelModal.vue
new file mode 100644
index 0000000..665525f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/level/LevelModal.vue
@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './level.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createLevel, getLevel, updateLevel } from '@/api/member/level'
+
+defineOptions({ name: 'MemberLevelModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getLevel(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateLevel(values)
+    else
+      await createLevel(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal
+    v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/level/index.vue b/yunxi-ui-admin-vben/src/views/member/level/index.vue
new file mode 100644
index 0000000..d09a15f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/level/index.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import LevelModal from './LevelModal.vue'
+import { columns, searchFormSchema } from './level.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getLevelList } from '@/api/member/level'
+
+defineOptions({ name: 'MemberLevel' })
+
+const { t } = useI18n()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '会员等级列表',
+  api: getLevelList,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'member:level:update', onClick: handleEdit.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <LevelModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/level/level.data.ts b/yunxi-ui-admin-vben/src/views/member/level/level.data.ts
new file mode 100644
index 0000000..15b320c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/level/level.data.ts
@@ -0,0 +1,136 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+  },
+  {
+    title: '等级图标',
+    dataIndex: 'icon',
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '等级背景图',
+    dataIndex: 'remark',
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '等级名称',
+    dataIndex: 'name',
+  },
+  {
+    title: '等级',
+    dataIndex: 'level',
+  },
+  {
+    title: '升级经验',
+    dataIndex: 'experience',
+  },
+  {
+    title: '享受折扣(%)',
+    dataIndex: 'discountPercent',
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '等级名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '等级名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '等级',
+    field: 'level',
+    required: true,
+    component: 'InputNumber',
+  },
+  {
+    label: '升级经验',
+    field: 'experience',
+    required: true,
+    component: 'InputNumber',
+  },
+  {
+    label: '享受折扣(%)',
+    field: 'discountPercent',
+    required: true,
+    component: 'InputNumber',
+  },
+  {
+    label: '等级图标',
+    field: 'icon',
+    component: 'FileUpload',
+    componentProps: {
+      maxCount: 1,
+      fileType: 'image',
+    },
+  },
+  {
+    label: '背景图',
+    field: 'backgroundUrl',
+    component: 'FileUpload',
+    componentProps: {
+      maxCount: 1,
+      fileType: 'image',
+    },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/member/point/config/index.vue b/yunxi-ui-admin-vben/src/views/member/point/config/index.vue
new file mode 100644
index 0000000..3d8bb35
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/point/config/index.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue'
+import { BasicForm, useForm } from '@/components/Form'
+import type { FormSchema } from '@/components/From'
+import { PageWrapper } from '@/components/Page'
+import { getConfig, saveConfig } from '@/api/member/point/config'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'MemberPointConfig' })
+const { t } = useI18n()
+const { createMessage } = useMessage()
+
+const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '积分抵扣',
+    field: 'tradeDeductEnable',
+    component: 'Switch',
+    helpMessage: '下单积分是否抵用订单金额',
+    colProps: { span: 8 },
+  },
+  {
+    label: '积分抵扣',
+    field: 'tradeDeductUnitPrice',
+    required: true,
+    helpMessage: '积分抵用比例(1 积分抵多少金额)，单位：元',
+    component: 'InputNumber',
+    componentProps: {
+      precision: 2,
+    },
+  },
+  {
+    label: '积分抵扣最大值',
+    field: 'tradeDeductMaxPrice',
+    required: true,
+    helpMessage: '单次下单积分使用上限，0 不限制',
+    component: 'InputNumber',
+    componentProps: {
+      precision: 2,
+    },
+  },
+  {
+    label: '1 元赠送多少分',
+    field: 'tradeGivePoint',
+    required: true,
+    helpMessage: '下单支付金额按比例赠送积分（实际支付 1 元赠送多少积分）',
+    component: 'InputNumber',
+    componentProps: {
+      precision: 2,
+    },
+  },
+]
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 140,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showResetButton: false,
+  submitButtonOptions: { text: t('common.saveText') },
+  actionColOptions: { span: 23 },
+})
+
+async function getConfigPage() {
+  resetFields()
+  const res = await getConfig()
+  setFieldsValue({ ...res })
+}
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    await saveConfig(values)
+  }
+  finally {
+    createMessage.success(t('common.saveSuccessText'))
+  }
+}
+
+onMounted(async () => {
+  await getConfigPage()
+})
+</script>
+
+<template>
+  <PageWrapper>
+    <BasicForm class="w-200" @register="registerForm" @submit="handleSubmit" />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/point/record/index.vue b/yunxi-ui-admin-vben/src/views/member/point/record/index.vue
new file mode 100644
index 0000000..623123e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/point/record/index.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './record.data'
+import { BasicTable, useTable } from '@/components/Table'
+import { getRecordPage } from '@/api/member/point/record'
+
+defineOptions({ name: 'PointRecord' })
+
+const [registerTable] = useTable({
+  title: '积分记录列表',
+  api: getRecordPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+})
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/point/record/record.data.ts b/yunxi-ui-admin-vben/src/views/member/point/record/record.data.ts
new file mode 100644
index 0000000..f1d5e94
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/point/record/record.data.ts
@@ -0,0 +1,82 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户',
+    dataIndex: 'nickname',
+    width: 200,
+  },
+  {
+    title: '获得积分',
+    dataIndex: 'point',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text, text > 0 ? 'blue' : 'red')
+    },
+  },
+  {
+    title: '总积分',
+    dataIndex: 'totalPoint',
+    width: 100,
+  },
+  {
+    title: '标题',
+    dataIndex: 'title',
+    width: 180,
+  },
+  {
+    title: '描述',
+    dataIndex: 'description',
+    width: 180,
+  },
+  {
+    title: '业务编码',
+    dataIndex: 'bizId',
+    width: 100,
+  },
+  {
+    title: '业务类型',
+    dataIndex: 'bizType',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.MEMBER_POINT_BIZ_TYPE)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户',
+    field: 'nickname',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '业务类型',
+    field: 'bizType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.MEMBER_POINT_BIZ_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '积分标题',
+    field: 'title',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '获得时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/member/signin/config/ConfigModal.vue b/yunxi-ui-admin-vben/src/views/member/signin/config/ConfigModal.vue
new file mode 100644
index 0000000..3eb7520
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/signin/config/ConfigModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './config.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createSignInConfig, getSignInConfig, updateSignInConfig } from '@/api/member/signin/config'
+
+defineOptions({ name: 'SignInConfigModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getSignInConfig(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateSignInConfig(values)
+    else
+      await createSignInConfig(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/signin/config/config.data.ts b/yunxi-ui-admin-vben/src/views/member/signin/config/config.data.ts
new file mode 100644
index 0000000..243b396
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/signin/config/config.data.ts
@@ -0,0 +1,70 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '公告编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '签到天数',
+    dataIndex: 'day',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTag(`第 ${text} 天`)
+    },
+  },
+  {
+    title: '获得积分',
+    dataIndex: 'point',
+    width: 180,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '签到天数',
+    field: 'day',
+    required: true,
+    helpMessage: '只允许设置 1-7，默认签到 7 天为一个周期',
+    component: 'InputNumber',
+    componentProps: {
+      max: 7,
+      min: 1,
+      precision: 0,
+    },
+  },
+  {
+    label: '签到分数',
+    field: 'point',
+    required: true,
+    component: 'InputNumber',
+    componentProps: {
+      precision: 0,
+    },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/member/signin/config/index.vue b/yunxi-ui-admin-vben/src/views/member/signin/config/index.vue
new file mode 100644
index 0000000..0c669d1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/signin/config/index.vue
@@ -0,0 +1,75 @@
+<script lang="ts" setup>
+import ConfigModal from './ConfigModal.vue'
+import { columns } from './config.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteSignInConfig, getSignInConfigList } from '@/api/member/signin/config'
+
+defineOptions({ name: 'SignInConfig' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  api: getSignInConfigList,
+  columns,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSignInConfig(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['point:sign-in-config:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'point:sign-in-config:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'point:sign-in-config:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ConfigModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/signin/record/index.vue b/yunxi-ui-admin-vben/src/views/member/signin/record/index.vue
new file mode 100644
index 0000000..3616c05
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/signin/record/index.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './record.data'
+import { BasicTable, useTable } from '@/components/Table'
+import { getSignInRecordPage } from '@/api/member/signin/record'
+
+defineOptions({ name: 'SignInRecord' })
+
+const [registerTable] = useTable({
+  title: '签到记录列表',
+  api: getSignInRecordPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+})
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/signin/record/record.data.ts b/yunxi-ui-admin-vben/src/views/member/signin/record/record.data.ts
new file mode 100644
index 0000000..29603ff
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/signin/record/record.data.ts
@@ -0,0 +1,60 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '签到用户',
+    dataIndex: 'nickname',
+    width: 200,
+  },
+  {
+    title: '签到天数',
+    dataIndex: 'day',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTag(`第 ${text} 天`)
+    },
+  },
+  {
+    title: '获得积分',
+    dataIndex: 'point',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text, text > 0 ? 'blue' : 'red')
+    },
+  },
+  {
+    title: '签到时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '签到用户',
+    field: 'nickname',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '签到天数',
+    field: 'bizType',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '签到时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/member/tag/TagModal.vue b/yunxi-ui-admin-vben/src/views/member/tag/TagModal.vue
new file mode 100644
index 0000000..5f9871a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/tag/TagModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './tag.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createMemberTag, getMemberTag, updateMemberTag } from '@/api/member/tag'
+
+defineOptions({ name: 'MemberTagModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getMemberTag(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateMemberTag(values)
+    else
+      await createMemberTag(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/tag/index.vue b/yunxi-ui-admin-vben/src/views/member/tag/index.vue
new file mode 100644
index 0000000..4e2c979
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/tag/index.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import TagModal from './TagModal.vue'
+import { columns, searchFormSchema } from './tag.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteMemberTag, getMemberTagPage } from '@/api/member/tag'
+
+defineOptions({ name: 'MemberTag' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '标签列表',
+  api: getMemberTagPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteMemberTag(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['member:tag:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'member:tag:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'member:tag:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TagModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/tag/tag.data.ts b/yunxi-ui-admin-vben/src/views/member/tag/tag.data.ts
new file mode 100644
index 0000000..9652b41
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/tag/tag.data.ts
@@ -0,0 +1,52 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '标签名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '标签名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '标签名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/member/user/UpdateLevelModal.vue b/yunxi-ui-admin-vben/src/views/member/user/UpdateLevelModal.vue
new file mode 100644
index 0000000..9d47c9c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/user/UpdateLevelModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { updateLevelFormSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getUser, updateUserLevel } from '@/api/member/user'
+
+defineOptions({ name: 'MemberUpdateLevelModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: updateLevelFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getUser(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateUserLevel(values)
+    // else
+    //   await createUser(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="修改用户等级" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/user/UserDetailDrawer.vue b/yunxi-ui-admin-vben/src/views/member/user/UserDetailDrawer.vue
new file mode 100644
index 0000000..530fea6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/user/UserDetailDrawer.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Avatar } from 'ant-design-vue'
+import { userAccountInfoDesc, userBasicInfoDesc } from './user.data'
+import { BasicDrawer, useDrawerInner } from '@/components/Drawer'
+import { Description, useDescription } from '@/components/Description'
+import { CollapseContainer } from '@/components/Container'
+import { getUser } from '@/api/member/user'
+
+defineEmits(['success', 'register'])
+const userInfo = ref<any>()
+const loading = ref(true)
+
+const [registerBasicInfoDesc] = useDescription({
+  schema: userBasicInfoDesc,
+  data: userInfo,
+})
+
+const [registerAccountDesc] = useDescription({
+  schema: userAccountInfoDesc,
+  data: userInfo,
+})
+
+const [registerDrawer, { setDrawerProps }] = useDrawerInner(async (data) => {
+  setDrawerProps({ loading: true })
+  const res = await getUser(data.id)
+  userInfo.value = res
+  loading.value = false
+  setDrawerProps({ loading: false })
+})
+
+function handleEdit() {
+  console.info('edit')
+}
+</script>
+
+<template>
+  <BasicDrawer v-bind="$attrs" title="会员详情" width="80%" @register="registerDrawer">
+    <CollapseContainer title="基本信息" :can-expan="false" :loading="loading">
+      <template #action>
+        <a-button type="link" @click="handleEdit">
+          修改
+        </a-button>
+      </template>
+      <div class="flex">
+        <Avatar v-if="userInfo" class="w-1/5" :src="userInfo.avatar || ''" :size="72" />
+        <Description class="ml-4 w-4/5" :bordered="false" :column="4" @register="registerBasicInfoDesc" />
+      </div>
+    </CollapseContainer>
+    <CollapseContainer title="账户信息" :loading="loading">
+      <Description :bordered="false" :column="4" @register="registerAccountDesc" />
+    </CollapseContainer>
+    <CollapseContainer title="账户明细" :loading="loading">
+      账户明细
+    </CollapseContainer>
+  </BasicDrawer>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/user/UserModal.vue b/yunxi-ui-admin-vben/src/views/member/user/UserModal.vue
new file mode 100644
index 0000000..5b5c5a6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/user/UserModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getUser, updateUser } from '@/api/member/user'
+
+defineOptions({ name: 'MemberUserModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getUser(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateUser(values)
+    // else
+    //   await createUser(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/user/index.vue b/yunxi-ui-admin-vben/src/views/member/user/index.vue
new file mode 100644
index 0000000..0740c5e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/user/index.vue
@@ -0,0 +1,67 @@
+<script lang="ts" setup>
+import UserModal from './UserModal.vue'
+import UserDetailDrawer from './UserDetailDrawer.vue'
+import UpdateLevelModal from './UpdateLevelModal.vue'
+import { columns, searchFormSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useModal } from '@/components/Modal'
+import { useDrawer } from '@/components/Drawer'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getUserPage } from '@/api/member/user'
+
+defineOptions({ name: 'MemberUser' })
+
+const { t } = useI18n()
+const [registerModal, { openModal }] = useModal()
+const [registerDetailDrawer, { openDrawer }] = useDrawer()
+const [registerUpdateLevelModal, { openModal: openUpdateLevelModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '会员列表',
+  api: getUserPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 240,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleDetail(record: Recordable) {
+  openDrawer(true, record)
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+function updateLevelFormRef(record: Recordable) {
+  openUpdateLevelModal(true, { record, isUpdate: true })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: t('action.detail'), auth: 'member:user:update', onClick: handleDetail.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'member:user:update', onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: '修改等级', auth: 'member:user:update-level', onClick: updateLevelFormRef.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <UserModal @register="registerModal" @success="reload()" />
+    <UpdateLevelModal @register="registerUpdateLevelModal" @success="reload()" />
+    <UserDetailDrawer @register="registerDetailDrawer" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/member/user/user.data.ts b/yunxi-ui-admin-vben/src/views/member/user/user.data.ts
new file mode 100644
index 0000000..a759f76
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/member/user/user.data.ts
@@ -0,0 +1,367 @@
+import { getSimpleGroupList } from '@/api/member/group'
+import { getSimpleLevelList } from '@/api/member/level'
+import { getSimpleTagList } from '@/api/member/tag'
+import { getAreaTree } from '@/api/system/area'
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '用户编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '头像',
+    dataIndex: 'avatar',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '手机号',
+    dataIndex: 'mobile',
+    width: 100,
+  },
+  {
+    title: '昵称',
+    dataIndex: 'nickname',
+    width: 100,
+  },
+  {
+    title: '等级',
+    dataIndex: 'levelName',
+    width: 100,
+  },
+  {
+    title: '分组',
+    dataIndex: 'groupName',
+    width: 100,
+  },
+  {
+    title: '用户标签',
+    dataIndex: 'tagNames',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTags(text)
+    },
+  },
+  {
+    title: '积分',
+    dataIndex: 'point',
+    width: 100,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '登录时间',
+    dataIndex: 'loginDate',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '注册时间',
+    dataIndex: 'createTime',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户昵称',
+    field: 'nickname',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '手机号',
+    field: 'mobile',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '注册时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '登录时间',
+    field: 'loginDate',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户标签',
+    field: 'tagIds',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleTagList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户等级',
+    field: 'levelId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleLevelList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户分组',
+    field: 'groupId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleGroupList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '手机号',
+    field: 'mobile',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '用户昵称',
+    field: 'nickname',
+    component: 'Input',
+  },
+  {
+    label: '用户头像',
+    field: 'avatar',
+    component: 'FileUpload',
+    componentProps: {
+      maxCount: 1,
+      fileType: 'image',
+    },
+  },
+  {
+    label: '真实名字',
+    field: 'name',
+    component: 'Input',
+  },
+  {
+    label: '用户性别',
+    field: 'sex',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_USER_SEX),
+    },
+  },
+  {
+    label: '出生日期',
+    field: 'birthday',
+    component: 'DatePicker',
+    componentProps: {
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '所在地',
+    field: 'areaId',
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => getAreaTree(),
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+  },
+  {
+    label: '用户标签',
+    field: 'tagIds',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleTagList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '用户分组',
+    field: 'groupId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleGroupList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '会员备注',
+    field: 'mark',
+    component: 'InputTextArea',
+  },
+]
+
+export const updateLevelFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '用户昵称',
+    field: 'nickname',
+    dynamicDisabled: true,
+    component: 'Input',
+  },
+  {
+    label: '用户等级',
+    field: 'levelId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleLevelList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '修改原因',
+    field: 'reason',
+    required: true,
+    component: 'InputTextArea',
+  },
+]
+
+export const userBasicInfoDesc: DescItem[] = [
+  {
+    label: '用户名',
+    field: 'name',
+  },
+  {
+    label: '昵称',
+    field: 'nickname',
+  },
+  {
+    label: '手机号',
+    field: 'mobile',
+  },
+  {
+    label: '性别',
+    field: 'sex',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.SYSTEM_USER_SEX)
+    },
+  },
+  {
+    label: '所在地',
+    field: 'areaName',
+  },
+  {
+    label: '注册 IP',
+    field: 'registerIp',
+  },
+  {
+    label: '生日',
+    field: 'birthday',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '注册时间',
+    field: 'createTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '最后登录时间',
+    field: 'loginDate',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+]
+
+export const userAccountInfoDesc: DescItem[] = [
+  {
+    label: '等级',
+    field: 'levelName',
+  },
+  {
+    label: '成长值',
+    field: 'experience',
+    render: (curVal) => {
+      return curVal || 0
+    },
+  },
+  {
+    label: '当前积分',
+    field: 'point',
+    render: (curVal) => {
+      return curVal || 0
+    },
+  },
+  {
+    label: '总积分',
+    field: 'totalPoint',
+    render: (curVal) => {
+      return curVal || 0
+    },
+  },
+  {
+    label: '当前余额',
+    field: 'aaa',
+    render: (curVal) => {
+      return curVal || 0
+    },
+  },
+  {
+    label: '支出金额',
+    field: 'bbb',
+    render: (curVal) => {
+      return curVal || 0
+    },
+  },
+  {
+    label: '充值金额',
+    field: 'ccc',
+    render: (curVal) => {
+      return curVal || 0
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/mp/account/AccountModal.vue b/yunxi-ui-admin-vben/src/views/mp/account/AccountModal.vue
new file mode 100644
index 0000000..0b60f6e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/account/AccountModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './account.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createAccount, getAccount, updateAccount } from '@/api/mp/account'
+
+defineOptions({ name: 'MpAccountModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getAccount(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateAccount(values)
+    else
+      await createAccount(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/account/account.data.ts b/yunxi-ui-admin-vben/src/views/mp/account/account.data.ts
new file mode 100644
index 0000000..240e090
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/account/account.data.ts
@@ -0,0 +1,109 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    defaultHidden: true,
+    width: 100,
+  },
+  {
+    title: '名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '微信号',
+    dataIndex: 'account',
+    width: 100,
+  },
+  {
+    title: 'appId',
+    dataIndex: 'appId',
+    width: 120,
+  },
+  {
+    title: '服务器地址(URL)',
+    dataIndex: 'appIdURL',
+    width: 120,
+    customRender: ({ record }) => {
+      return `http://服务端地址/mp/open/${record.appId}`
+    },
+  },
+  {
+    title: '二维码',
+    dataIndex: 'qrCodeUrl',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '微信号',
+    field: 'account',
+    helpMessage: '在微信公众平台（mp.weixin.qq.com）的菜单 [设置与开发 - 公众号设置 - 账号详情] 中能找到「微信号」',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '公众号 appId',
+    field: 'appId',
+    helpMessage: '在微信公众平台（mp.weixin.qq.com）的菜单 [设置与开发 - 公众号设置 - 基本设置] 中能找到「开发者ID(AppID)」',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '公众号 appSecret',
+    field: 'appSecret',
+    helpMessage: '在微信公众平台（mp.weixin.qq.com）的菜单 [设置与开发 - 公众号设置 - 基本设置] 中能找到「开发者密码(AppSecret)」',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '公众号token',
+    field: 'token',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '消息加解密密钥',
+    field: 'aesKey',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/mp/account/index.vue b/yunxi-ui-admin-vben/src/views/mp/account/index.vue
new file mode 100644
index 0000000..0214adc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/account/index.vue
@@ -0,0 +1,119 @@
+<script lang="ts" setup>
+import AccountModal from './AccountModal.vue'
+import { columns, searchFormSchema } from './account.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { clearAccountQuota, deleteAccount, generateAccountQrCode, getAccountPage } from '@/api/mp/account'
+
+defineOptions({ name: 'MpAccount' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '公众号账号列表',
+  api: getAccountPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 新增按钮操作 */
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+/** 修改按钮操作 */
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+/** 生成二维码的按钮操作 */
+function handleGenerateQrCode(record: Recordable) {
+  createConfirm({
+    title: '生成二维码',
+    iconType: 'warning',
+    content: `是否确认生成公众号账号${record.name}的二维码?`,
+    async onOk() {
+      await generateAccountQrCode(record.id)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+/** 清空二维码 API 配额的按钮操作 */
+function handleCleanQuota(record: Recordable) {
+  createConfirm({
+    title: '删除二维码',
+    iconType: 'warning',
+    content: `是否确认清空生成公众号账号${record.name}的 API 配额?`,
+    async onOk() {
+      await clearAccountQuota(record.id)
+      createMessage.success('清空 API 配额成功')
+    },
+  })
+}
+
+/** 删除按钮操作 */
+async function handleDelete(record: Recordable) {
+  await deleteAccount(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['mp:account:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'mp:account:update', onClick: handleEdit.bind(null, record) }]"
+            :drop-down-actions="[
+              {
+                icon: IconEnum.RESET,
+                label: '生成二维码',
+                auth: 'mp:account:qr-code',
+                onClick: handleGenerateQrCode.bind(null, record),
+              },
+              {
+                icon: IconEnum.TEST,
+                label: '清空 API 配额',
+                auth: 'mp:account:clear-quota',
+                onClick: handleCleanQuota.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'mp:account:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <AccountModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/autoReply/index.vue b/yunxi-ui-admin-vben/src/views/mp/autoReply/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/autoReply/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxAccountSelect/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxAccountSelect/index.vue
new file mode 100644
index 0000000..54ed79e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxAccountSelect/index.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import { Select } from 'ant-design-vue'
+import { onMounted, reactive, ref } from 'vue'
+import type { AccountVO } from '@/api/mp/account'
+import { getSimpleAccounts } from '@/api/mp/account'
+
+defineOptions({ name: 'WxAccountSelect' })
+
+const emit = defineEmits(['change'])
+
+const SelectOption = Select.Option
+
+const account = reactive<AccountVO>({
+  id: undefined,
+  name: '',
+})
+const accountList = ref<AccountVO[]>([])
+async function handleQuery() {
+  accountList.value = await getSimpleAccounts()
+  // 默认选中第一个
+  if (accountList.value.length > 0) {
+    account.id = accountList.value[0].id
+    if (account.id) {
+      account.name = accountList.value[0].name
+      emit('change', account.id, account.name)
+    }
+  }
+}
+
+function onChanged(id?: number) {
+  const found = accountList.value.find(v => v.id === id)
+  if (account.id) {
+    account.name = found ? found.name : ''
+    emit('change', account.id, account.name)
+  }
+}
+
+/** 初始化 */
+onMounted(() => {
+  handleQuery()
+})
+</script>
+
+<template>
+  <Select v-model:value="account.id" placeholder="请选择公众号" class="!w-240px" @change="onChanged">
+    <SelectOption v-for="item in accountList" :key="item.id" :label="item.name" :value="item.id" />
+  </Select>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxLocation/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxLocation/index.vue
new file mode 100644
index 0000000..526d579
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxLocation/index.vue
@@ -0,0 +1,66 @@
+<script lang="ts" setup>
+import { Image } from 'ant-design-vue'
+import { Icon } from '@/components/Icon'
+
+defineOptions({ name: 'WxLocation' })
+
+const props = defineProps({
+  locationX: {
+    required: true,
+    type: Number,
+  },
+  locationY: {
+    required: true,
+    type: Number,
+  },
+  label: {
+    // 地名
+    required: true,
+    type: String,
+  },
+  qqMapKey: {
+    // QQ 地图的密钥 https://lbs.qq.com/service/staticV2/staticGuide/staticDoc
+    required: false,
+    type: String,
+    default: 'TVDBZ-TDILD-4ON4B-PFDZA-RNLKH-VVF6E', // 需要自定义
+  },
+})
+defineExpose({
+  locationX: props.locationX,
+  locationY: props.locationY,
+  label: props.label,
+  qqMapKey: props.qqMapKey,
+})
+</script>
+
+<template>
+  <div>
+    <a-button
+      type="link"
+      target="_blank"
+      :href="
+        `https://map.qq.com/?type=marker&isopeninfowin=1&markertype=1&pointx=${
+          locationY
+        }&pointy=${
+          locationX
+        }&name=${
+          label
+        }&ref=yudao`
+      "
+    >
+      <Image
+        :src="
+          `https://apis.map.qq.com/ws/staticmap/v2/?zoom=10&markers=color:blue|label:A|${
+            locationX
+          },${
+            locationY
+          }&key=${
+            qqMapKey
+          }&size=250*180`
+        "
+      />
+      <Icon icon="ant-design:environment-outlined" />
+      {{ label }}
+    </a-button>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/index.vue
new file mode 100644
index 0000000..30cf9db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <span>123</span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/type.ts b/yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/type.ts
new file mode 100644
index 0000000..d3790c2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxMaterialSelect/type.ts
@@ -0,0 +1,11 @@
+export enum NewsType {
+  Draft = '2',
+  Published = '1',
+}
+
+export enum MaterialType {
+  Image = 'image',
+  Voice = 'voice',
+  Video = 'video',
+  News = 'news',
+}
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxMsg/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxMsg/index.vue
new file mode 100644
index 0000000..30cf9db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxMsg/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <span>123</span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxMusic/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxMusic/index.vue
new file mode 100644
index 0000000..8e5abcc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxMusic/index.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+defineOptions({ name: 'WxMusic' })
+
+const props = defineProps({
+  title: {
+    required: false,
+    type: String,
+  },
+  description: {
+    required: false,
+    type: String,
+  },
+  musicUrl: {
+    required: false,
+    type: String,
+  },
+  hqMusicUrl: {
+    required: false,
+    type: String,
+  },
+  thumbMediaUrl: {
+    required: true,
+    type: String,
+  },
+})
+
+defineExpose({
+  musicUrl: props.musicUrl,
+})
+</script>
+
+<template>
+  <div>
+    <a-button
+      type="link"
+      :underline="false"
+      target="_blank"
+      :href="hqMusicUrl ? hqMusicUrl : musicUrl"
+    >
+      <div
+        class="avue-card__body"
+        style="padding: 10px; background-color: #fff; border-radius: 5px"
+      >
+        <div class="avue-card__avatar">
+          <img :src="thumbMediaUrl" alt="">
+        </div>
+        <div class="avue-card__detail">
+          <div class="avue-card__title" style="margin-bottom: unset">
+            {{ title }}
+          </div>
+          <div class="avue-card__info" style="height: unset">
+            {{ description }}
+          </div>
+        </div>
+      </div>
+    </a-button>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxNews/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxNews/index.vue
new file mode 100644
index 0000000..acbfbca
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxNews/index.vue
@@ -0,0 +1,190 @@
+<script lang="ts" setup>
+import { computed, onMounted, ref } from 'vue'
+import { RedoOutlined, TableOutlined } from '@ant-design/icons-vue'
+import { Avatar, Card, Image, List, Slider, Tooltip, Typography } from 'ant-design-vue'
+import { Icon } from '@/components/Icon'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import { propTypes } from '@/utils/propTypes'
+import { isFunction } from '@/utils/is'
+
+// 组件接收参数
+const props = defineProps({
+  // 请求API的参数
+  params: propTypes.object.def({}),
+  // api
+  api: propTypes.func,
+  searchSchema: {
+    type: Array,
+  },
+  grid: propTypes.number.def(12),
+  minSlider: propTypes.number.def(6),
+  maxSlider: propTypes.number.def(12),
+})
+// 暴露内部方法
+const emit = defineEmits(['getMethod', 'delete'])
+const ListItem = List.Item
+const CardMeta = Card.Meta
+const TypographyText = Typography.Text
+
+// 分页相关
+const page = ref(1)
+const pageSize = ref(36)
+const total = ref(0)
+
+// 获取slider属性
+const sliderProp = computed(() => useSlider())
+
+function useSlider() {
+  const min = props.minSlider
+  const max = props.maxSlider
+  // 每行显示个数滑动条
+  const getMarks = () => {
+    const l = {}
+    for (let i = min; i < max + 1; i++) {
+      l[i] = {
+        style: {
+          color: '#fff',
+        },
+        label: i,
+      }
+    }
+    return l
+  }
+  return {
+    min,
+    max,
+    marks: getMarks(),
+    step: 1,
+  }
+}
+
+// 数据
+const data = ref([])
+// 切换每行个数
+// cover图片自适应高度
+// 修改pageSize并重新请求数据
+
+const height = computed(() => {
+  return `h-${120 - props.grid * 6}`
+})
+// 表单
+const [registerForm, { validate }] = useForm({
+  schemas: props.searchSchema as FormSchema[],
+  labelWidth: 80,
+  baseColProps: { span: 6 },
+  actionColOptions: { span: 24 },
+  autoSubmitOnEnter: true,
+  submitFunc: handleSubmit,
+})
+// 表单提交
+async function handleSubmit() {
+  const data = await validate()
+  await fetch(data)
+}
+function sliderChange(n: number) {
+  pageSize.value = n * 4
+  fetch()
+}
+
+// 自动请求并暴露内部方法
+onMounted(() => {
+  fetch()
+  emit('getMethod', fetch)
+})
+
+async function fetch(p = {}) {
+  const { api, params } = props
+  if (api && isFunction(api)) {
+    const res = await api({ ...params, page: page.value, pageSize: pageSize.value, ...p })
+    data.value = res.list
+    total.value = res.total
+  }
+}
+// 分页相关
+const paginationProp = ref({
+  showSizeChanger: false,
+  showQuickJumper: true,
+  pageSize,
+  current: page,
+  total,
+  showTotal: (total: number) => `总 ${total} 条`,
+  onChange: pageChange,
+  onShowSizeChange: pageSizeChange,
+})
+
+function pageChange(p: number, pz: number) {
+  page.value = p
+  pageSize.value = pz
+  fetch()
+}
+function pageSizeChange(_current, size: number) {
+  pageSize.value = size
+  fetch()
+}
+
+async function handleDelete(id) {
+  emit('delete', id)
+}
+</script>
+
+<template>
+  <div class="p-2">
+    <div class="mb-2 p-4">
+      <BasicForm @register="registerForm" />
+    </div>
+    <div class="p-2">
+      <List :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }" :data-source="data" :pagination="paginationProp">
+        <template #header>
+          <div class="flex justify-end space-x-2">
+            <slot name="header" />
+            <Tooltip>
+              <template #title>
+                <div class="w-50">
+                  每行显示数量
+                </div>
+                <Slider id="slider" v-bind="sliderProp" :value="grid" @change="sliderChange" />
+              </template>
+              <a-button><TableOutlined /></a-button>
+            </Tooltip>
+            <Tooltip @click="fetch">
+              <template #title>
+                刷新
+              </template>
+              <a-button><RedoOutlined /></a-button>
+            </Tooltip>
+          </div>
+        </template>
+        <template #renderItem="{ item }">
+          <ListItem>
+            <Card>
+              <template #title>
+                {{ item.content.newsItem[0].title }}
+              </template>
+              <template #cover>
+                <div :class="height">
+                  <Image :src="item.content.newsItem[0].thumbUrl" />
+                </div>
+              </template>
+              <template #actions>
+                <Icon icon="ant-design:delete-outlined" @click="handleDelete.bind(null, item.id)" />
+              </template>
+
+              <CardMeta>
+                <template #title>
+                  <TypographyText :content="item.name" :ellipsis="{ tooltip: item.address }" />
+                </template>
+                <template #avatar>
+                  <Avatar :src="item.avatar" />
+                </template>
+                <template #description>
+                  {{ item.time }}
+                </template>
+              </CardMeta>
+            </Card>
+          </ListItem>
+        </template>
+      </List>
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxReply/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxReply/index.vue
new file mode 100644
index 0000000..30cf9db
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxReply/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <span>123</span>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxVideoPlay/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxVideoPlay/index.vue
new file mode 100644
index 0000000..b126c1a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxVideoPlay/index.vue
@@ -0,0 +1,57 @@
+<script lang="ts" setup>
+import 'video.js/dist/video-js.css'
+import { VideoPlayer } from '@videojs-player/vue'
+import { ref } from 'vue'
+import { Modal } from 'ant-design-vue'
+
+defineOptions({ name: 'WxVideoPlayer' })
+
+const props = defineProps({
+  url: {
+    type: String,
+    required: true,
+  },
+})
+
+const openVideo = ref(false)
+
+// const handleEvent = (log) => {
+//   console.log('Basic player event', log)
+// }
+
+function playVideo() {
+  openVideo.value = true
+}
+</script>
+
+<template>
+  <div @click="playVideo()">
+    <!-- 提示 -->
+    <div>
+      <Icon icon="ep:video-play" :size="32" class="mr-5px" />
+      <p class="text-sm">
+        点击播放视频
+      </p>
+    </div>
+
+    <!-- 弹窗播放 -->
+    <Modal v-model:open="openVideo" title="视频播放" append-to-body>
+      <VideoPlayer
+        v-if="openVideo" class="video-player vjs-big-play-centered" :src="props.url" poster=""
+        crossorigin="anonymous" controls playsinline :volume="0.6" :width="800" :playback-rates="[0.7, 1.0, 1.5, 2.0]"
+      />
+      <!--     事件，暫時沒用
+      @mounted="handleMounted" -->
+      <!--        @ready="handleEvent($event)" -->
+      <!--        @play="handleEvent($event)" -->
+      <!--        @pause="handleEvent($event)" -->
+      <!--        @ended="handleEvent($event)" -->
+      <!--        @loadeddata="handleEvent($event)" -->
+      <!--        @waiting="handleEvent($event)" -->
+      <!--        @playing="handleEvent($event)" -->
+      <!--        @canplay="handleEvent($event)" -->
+      <!--        @canplaythrough="handleEvent($event)" -->
+      <!--        @timeupdate="handleEvent(player?.currentTime())" -->
+    </Modal>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/WxVoicePlay/index.vue b/yunxi-ui-admin-vben/src/views/mp/components/WxVoicePlay/index.vue
new file mode 100644
index 0000000..d01eee7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/WxVoicePlay/index.vue
@@ -0,0 +1,77 @@
+<script lang="ts" setup>
+import BenzAMRRecorder from 'benz-amr-recorder'
+import { ref } from 'vue'
+import { Tag } from 'ant-design-vue'
+
+defineOptions({ name: 'WxVoicePlayer' })
+
+const props = defineProps({
+  url: {
+    type: String, // 语音地址，例如说：https://www.iocoder.cn/xxx.amr
+    required: true,
+  },
+  content: {
+    type: String, // 语音文本
+    required: false,
+  },
+})
+
+const amr = ref()
+const playing = ref(false)
+const duration = ref()
+/** 处理点击，播放或暂停 */
+function playVoice() {
+  // 情况一：未初始化，则创建 BenzAMRRecorder
+  if (amr.value === undefined) {
+    amrInit()
+    return
+  }
+  // 情况二：已经初始化，则根据情况播放或暂时
+  if (amr.value.isPlaying())
+    amrStop()
+  else
+    amrPlay()
+}
+
+/** 音频初始化 */
+function amrInit() {
+  amr.value = new BenzAMRRecorder()
+  // 设置播放
+  amr.value.initWithUrl(props.url).then(() => {
+    amrPlay()
+    duration.value = amr.value.getDuration()
+  })
+  // 监听暂停
+  amr.value.onEnded(() => {
+    playing.value = false
+  })
+}
+
+/** 音频播放 */
+function amrPlay() {
+  playing.value = true
+  amr.value.play()
+}
+
+/** 音频暂停 */
+function amrStop() {
+  playing.value = false
+  amr.value.stop()
+}
+</script>
+
+<template>
+  <div class="wx-voice-div" @click="playVoice">
+    <div>
+      <Icon v-if="playing !== true" icon="ep:video-play" :size="32" />
+      <Icon v-else icon="ep:video-pause" :size="32" />
+      <span v-if="duration" class="amr-duration">{{ duration }} 秒</span>
+    </div>
+    <div v-if="content">
+      <Tag type="success" size="small">
+        语音识别
+      </Tag>
+      {{ content }}
+    </div>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/components/index.ts b/yunxi-ui-admin-vben/src/views/mp/components/index.ts
new file mode 100644
index 0000000..4160db6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/components/index.ts
@@ -0,0 +1,3 @@
+import wxAccountSelect from './WxAccountSelect/index.vue'
+
+export { wxAccountSelect }
diff --git a/yunxi-ui-admin-vben/src/views/mp/draft/index.vue b/yunxi-ui-admin-vben/src/views/mp/draft/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/draft/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/freePublish/index.vue b/yunxi-ui-admin-vben/src/views/mp/freePublish/index.vue
new file mode 100644
index 0000000..4ce8a5e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/freePublish/index.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+// import { Icon } from '@/components/Icon'
+import WxNews from '../components/WxNews/index.vue'
+import { PageWrapper } from '@/components/Page'
+import { getSimpleAccounts } from '@/api/mp/account'
+import { deleteFreePublish, getFreePublishPage } from '@/api/mp/freePublish'
+import type { FormSchema } from '@/components/Form'
+
+const simpleAccountsOptinos = await getSimpleAccounts()
+
+const searchSchema: FormSchema[] = [
+  {
+    label: '公众号',
+    field: 'accountId',
+    component: 'Select',
+    required: true,
+    defaultValue: simpleAccountsOptinos[0].id,
+    componentProps: {
+      options: simpleAccountsOptinos,
+      fieldNames: {
+        label: 'name',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+]
+
+let reload = () => {}
+// 获取内部fetch方法;
+function getMethod(m: any) {
+  reload = m
+}
+
+// 删除按钮事件
+function handleDelete(id) {
+  deleteFreePublish(id, id)
+  reload()
+}
+</script>
+
+<template>
+  <PageWrapper title="公众号图文">
+    <WxNews :search-schema="searchSchema" :api="getFreePublishPage" @get-method="getMethod" @delete="handleDelete" />
+  </PageWrapper>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/material/index.vue b/yunxi-ui-admin-vben/src/views/mp/material/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/material/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/menu/index.vue b/yunxi-ui-admin-vben/src/views/mp/menu/index.vue
new file mode 100644
index 0000000..3b64cfc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/menu/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/message/MessageModal.vue b/yunxi-ui-admin-vben/src/views/mp/message/MessageModal.vue
new file mode 100644
index 0000000..3083763
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/message/MessageModal.vue
@@ -0,0 +1,51 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { formSchema } from './message.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { sendMessage } from '@/api/mp/message'
+
+defineOptions({ name: 'MpMessageModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const userId = ref(0)
+
+const [registerForm, { resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  userId.value = data.record.userId
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    values.userId = userId.value
+    setModalProps({ confirmLoading: true })
+    await sendMessage(values)
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="发送消息" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/message/index.vue b/yunxi-ui-admin-vben/src/views/mp/message/index.vue
new file mode 100644
index 0000000..0f156ab
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/message/index.vue
@@ -0,0 +1,49 @@
+<script lang="ts" setup>
+import AccountModal from './MessageModal.vue'
+import { columns, searchFormSchema } from './message.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getMessagePage } from '@/api/mp/message'
+
+defineOptions({ name: 'MpMessage' })
+
+const { t } = useI18n()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '公众号消息列表',
+  api: getMessagePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 修改按钮操作 */
+function handleEdit(record: Recordable) {
+  openModal(true, { record })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[{ icon: IconEnum.VIEW, label: '消息', auth: 'mp:message:send', onClick: handleEdit.bind(null, record) }]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <AccountModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/message/message.data.ts b/yunxi-ui-admin-vben/src/views/mp/message/message.data.ts
new file mode 100644
index 0000000..be4c735
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/message/message.data.ts
@@ -0,0 +1,166 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { getSimpleAccounts } from '@/api/mp/account'
+
+export enum MsgType {
+  Event = 'event',
+  Text = 'text',
+  Voice = 'voice',
+  Image = 'image',
+  Video = 'video',
+  Link = 'link',
+  Location = 'location',
+  Music = 'music',
+  News = 'news',
+}
+
+export const columns: BasicColumn[] = [
+  {
+    title: '发送时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '消息类型',
+    dataIndex: 'type',
+    width: 80,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.MP_MESSAGE_TYPE)
+    },
+  },
+  {
+    title: '发送方',
+    dataIndex: 'sendFrom',
+    width: 180,
+    customRender: ({ text }) => {
+      if (text === 1)
+        return useRender.renderTag('粉丝', 'success')
+      else
+        return useRender.renderTag('公众号', 'default')
+    },
+  },
+  {
+    title: '用户标识',
+    dataIndex: 'openid',
+    width: 300,
+  },
+  {
+    title: '内容',
+    dataIndex: 'content',
+    width: 300,
+    customRender: ({ text, record }) => {
+      if (record.type === MsgType.Event && record.event === 'subscribe') {
+        return useRender.renderTag('关注', 'success')
+      }
+      else if (record.type === MsgType.Event && record.event === 'unsubscribe') {
+        return useRender.renderTag('取消关注', 'warn')
+      }
+      else if (record.type === MsgType.Event && record.event === 'CLICK') {
+        return useRender.renderTag(`点击菜单${record.eventKey}`)
+      }
+      else if (record.type === MsgType.Event && record.event === 'VIEW') {
+        return useRender.renderTag(`点击菜单链接${record.eventKey}`)
+      }
+      else if (record.type === MsgType.Event && record.event === 'scancode_waitmsg') {
+        return useRender.renderTag(`扫码结果${record.eventKey}`)
+      }
+      else if (record.type === MsgType.Event && record.event === 'scancode_push') {
+        return useRender.renderTag(`扫码结果${record.eventKey}`)
+      }
+      else if (record.type === MsgType.Event && record.event === 'pic_sysphoto') {
+        return useRender.renderTag('系统拍照发图')
+      }
+      else if (record.type === MsgType.Event && record.event === 'pic_photo_or_album') {
+        return useRender.renderTag('拍照或者相册')
+      }
+      else if (record.type === MsgType.Event && record.event === 'pic_weixin') {
+        return useRender.renderTag('微信相册')
+      }
+      else if (record.type === MsgType.Event && record.event === 'location_select') {
+        return useRender.renderTag('选择地理位置')
+      }
+      else if (record.type === MsgType.Event) {
+        return useRender.renderTag('未知事件类型')
+      }
+      else if (record.type === MsgType.Text) {
+        return text
+      }
+      else if (record.type === MsgType.Voice) {
+        // TODO voice
+        return record.mediaUrl
+      }
+      else if (record.type === MsgType.Image) {
+        return useRender.renderImg(record.mediaUrl)
+      }
+      else if (record.type === MsgType.Video || record.type === 'shortvideo') {
+        // TODO
+        return record.mediaUrl
+      }
+      else if (record.type === MsgType.Link) {
+        return useRender.renderLink(record.url, record.title)
+      }
+      else if (record.type === MsgType.Location) {
+        // TODO
+        return record.label
+      }
+      else if (record.type === MsgType.Music) {
+        // TODO
+        return record.title
+      }
+      else if (record.type === MsgType.News) {
+        // TODO
+        return record.articles
+      }
+      else {
+        return useRender.renderTag('未知消息类型', 'warn')
+      }
+    },
+  },
+]
+
+const simpleAccountsOptinos = await getSimpleAccounts()
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '公众号',
+    field: 'accountId',
+    component: 'Select',
+    required: true,
+    defaultValue: simpleAccountsOptinos[0].id,
+    componentProps: {
+      options: simpleAccountsOptinos,
+      fieldNames: {
+        label: 'name',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '消息类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.MP_MESSAGE_TYPE, 'string'),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户标识',
+    field: 'openid',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = []
diff --git a/yunxi-ui-admin-vben/src/views/mp/statistics/components/InterfaceSummaryChart.vue b/yunxi-ui-admin-vben/src/views/mp/statistics/components/InterfaceSummaryChart.vue
new file mode 100644
index 0000000..03fdf93
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/statistics/components/InterfaceSummaryChart.vue
@@ -0,0 +1,72 @@
+<!-- <template>
+  <Card title="接口分析数据" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }"></div>
+  </Card>
+</template>
+<script lang="ts" setup>
+import { Ref, ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: Boolean,
+  newUser: propTypes.array,
+  cancelUser: propTypes.array,
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px')
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+const newUserData = ref<any[]>(props.newUser)
+const cancelUserData = ref<any[]>(props.cancelUser)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading) {
+      return
+    }
+    setOptions({
+      color: ['#67C23A', '#e5323e', '#E6A23C', '#409EFF'],
+      legend: {
+        data: ['被动回复用户消息的次数', '失败次数', '最大耗时', '总耗时']
+      },
+      tooltip: {},
+      xAxis: {
+        data: [] // X 轴的日期范围
+      },
+      yAxis: {},
+      series: [
+        {
+          name: '被动回复用户消息的次数',
+          type: 'bar',
+          barGap: 0,
+          data: [] // 被动回复用户消息的次数的数据
+        },
+        {
+          name: '失败次数',
+          type: 'bar',
+          data: [] // 失败次数的数据
+        },
+        {
+          name: '最大耗时',
+          type: 'bar',
+          data: [] // 最大耗时的数据
+        },
+        {
+          name: '总耗时',
+          type: 'bar',
+          data: [] // 总耗时的数据
+        }
+      ]
+    })
+  },
+  { immediate: true }
+)
+</script> -->
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/statistics/components/UpstreamMessageChart.vue b/yunxi-ui-admin-vben/src/views/mp/statistics/components/UpstreamMessageChart.vue
new file mode 100644
index 0000000..9d192e4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/statistics/components/UpstreamMessageChart.vue
@@ -0,0 +1,65 @@
+<!-- <template>
+  <Card title="消息概况数据" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }"></div>
+  </Card>
+</template>
+<script lang="ts" setup>
+import { Ref, ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+
+const props = defineProps({
+  loading: Boolean,
+  newUser: propTypes.array,
+  cancelUser: propTypes.array,
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px')
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+const newUserData = ref<any[]>(props.newUser)
+const cancelUserData = ref<any[]>(props.cancelUser)
+
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading) {
+      return
+    }
+    setOptions({
+      color: ['#67C23A', '#e5323e'],
+      legend: {
+        data: ['用户发送人数', '用户发送条数']
+      },
+      tooltip: {},
+      xAxis: {
+        data: [] // X 轴的日期范围
+      },
+      yAxis: {
+        minInterval: 1
+      },
+      series: [
+        {
+          name: '用户发送人数',
+          type: 'line',
+          smooth: true,
+          data: newUserData.value // 用户发送人数的数据
+        },
+        {
+          name: '用户发送条数',
+          type: 'line',
+          smooth: true,
+          data: cancelUserData.value // 用户发送条数的数据
+        }
+      ]
+    })
+  },
+  { immediate: true }
+)
+</script> -->
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/statistics/components/UserCumulateChart.vue b/yunxi-ui-admin-vben/src/views/mp/statistics/components/UserCumulateChart.vue
new file mode 100644
index 0000000..ce4371b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/statistics/components/UserCumulateChart.vue
@@ -0,0 +1,76 @@
+<!-- <template>
+  <Card title="累计用户数据" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }"></div>
+  </Card>
+</template>
+<script lang="ts" setup>
+import { Ref, onMounted, ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+import { getUserCumulate } from '@/api/mp/statistics'
+import { beginOfDay, endOfDay, formatToDateTime } from '@/utils/dateUtil'
+
+const props = defineProps({
+  loading: Boolean,
+  accountId: propTypes.number,
+  dataTime: {
+    type: Array as PropType<Date[]>,
+    default: () => [
+      beginOfDay(new Date(new Date().getTime() - 3600 * 1000 * 24 * 7)), // -7 天
+      endOfDay(new Date(new Date().getTime() - 3600 * 1000 * 24))
+    ]
+  },
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px')
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+const optionsData = ref()
+
+async function initData() {
+  const res = await getUserCumulate({
+    accountId: props.accountId,
+    date: [formatToDateTime(props.dataTime[0]), formatToDateTime(props.dataTime[1])]
+  })
+  optionsData.value = res.cumulateUser
+}
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading) {
+      return
+    }
+    setOptions({
+      legend: {
+        data: ['累计用户量']
+      },
+      xAxis: {
+        type: 'category',
+        data: optionsData.value
+      },
+      yAxis: {
+        minInterval: 1
+      },
+      series: [
+        {
+          name: '累计用户量',
+          data: [], // 累计用户量的数据
+          type: 'line',
+          smooth: true
+        }
+      ]
+    })
+  },
+  { immediate: true }
+)
+
+onMounted(async () => {
+  await initData()
+})
+</script> -->
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/statistics/components/UserSummaryChart.vue b/yunxi-ui-admin-vben/src/views/mp/statistics/components/UserSummaryChart.vue
new file mode 100644
index 0000000..b55b9d6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/statistics/components/UserSummaryChart.vue
@@ -0,0 +1,89 @@
+<!-- <template>
+  <Card title="用户增减数据" :loading="loading">
+    <div ref="chartRef" :style="{ width, height }"></div>
+  </Card>
+</template>
+<script lang="ts" setup>
+import { Ref, onMounted, ref, watch } from 'vue'
+import { Card } from 'ant-design-vue'
+import { useECharts } from '@/hooks/web/useECharts'
+import { propTypes } from '@/utils/propTypes'
+import { getUserSummary } from '@/api/mp/statistics'
+import { addTime, beginOfDay, betweenDay, endOfDay, formatDate, formatToDateTime } from '@/utils/dateUtil'
+
+const props = defineProps({
+  loading: Boolean,
+  accountId: propTypes.number,
+  dataTime: {
+    type: Array as PropType<Date[]>,
+    default: () => [
+      beginOfDay(new Date(new Date().getTime() - 3600 * 1000 * 24 * 7)), // -7 天
+      endOfDay(new Date(new Date().getTime() - 3600 * 1000 * 24))
+    ]
+  },
+  width: propTypes.string.def('100%'),
+  height: propTypes.string.def('300px')
+})
+
+const chartRef = ref<HTMLDivElement | null>(null)
+const { setOptions } = useECharts(chartRef as Ref<HTMLDivElement>)
+
+const optionsData = ref()
+
+const xAxisDate = ref()
+
+async function initData() {
+  const res = await getUserSummary({
+    accountId: props.accountId,
+    date: [formatToDateTime(props.dataTime[0]), formatToDateTime(props.dataTime[1])]
+  })
+  optionsData.value = res
+  xAxisDate.value = []
+  const days = betweenDay(props.dataTime[0], props.dataTime[1]) // 相差天数
+  for (let i = 0; i <= days; i++) {
+    xAxisDate.value.push(formatDate(addTime(props.dataTime[0], 3600 * 1000 * 24 * i), 'yyyy-MM-dd'))
+  }
+}
+watch(
+  () => props.loading,
+  () => {
+    if (props.loading) {
+      return
+    }
+    setOptions({
+      color: ['#67C23A', '#e5323e'],
+      legend: {
+        data: ['新增用户', '取消关注的用户']
+      },
+      tooltip: {},
+      xAxis: {
+        data: xAxisDate.value // X 轴的日期范围
+      },
+      yAxis: {
+        minInterval: 1
+      },
+      series: [
+        {
+          name: '新增用户',
+          type: 'bar',
+          barGap: 0,
+          data: optionsData.value.newUserData // 新增用户的数据
+        },
+        {
+          name: '取消关注的用户',
+          type: 'bar',
+          data: optionsData.value.cancelUserData // 取消关注的用户的数据
+        }
+      ]
+    })
+  },
+  { immediate: true }
+)
+
+onMounted(async () => {
+  await initData()
+})
+</script> -->
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/statistics/index.vue b/yunxi-ui-admin-vben/src/views/mp/statistics/index.vue
new file mode 100644
index 0000000..c21bd78
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/statistics/index.vue
@@ -0,0 +1,24 @@
+<!-- <template>
+  <div>
+    <UserSummaryChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
+    <UserCumulateChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
+    <UpstreamMessageChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
+    <InterfaceSummaryChart class="md:w-1/2 w-full" :loading="loading" :accountId="accountId" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue'
+import UserSummaryChart from './components/UserSummaryChart.vue'
+import UserCumulateChart from './components/UserCumulateChart.vue'
+import UpstreamMessageChart from './components/UpstreamMessageChart.vue'
+import InterfaceSummaryChart from './components/InterfaceSummaryChart.vue'
+
+defineOptions({ name: 'Statistics' })
+
+const loading = ref(true)
+
+const accountId = ref(1)
+</script> -->
+<template>
+  <div>开发中</div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/statistics/statistics.data.ts b/yunxi-ui-admin-vben/src/views/mp/statistics/statistics.data.ts
new file mode 100644
index 0000000..e69de29
diff --git a/yunxi-ui-admin-vben/src/views/mp/tag/TagModal.vue b/yunxi-ui-admin-vben/src/views/mp/tag/TagModal.vue
new file mode 100644
index 0000000..0450a74
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/tag/TagModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './tag.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createTag, getTag, updateTag } from '@/api/mp/tag'
+
+defineOptions({ name: 'MpTagModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getTag(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateTag(values)
+    else
+      await createTag(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/tag/index.vue b/yunxi-ui-admin-vben/src/views/mp/tag/index.vue
new file mode 100644
index 0000000..4606e04
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/tag/index.vue
@@ -0,0 +1,93 @@
+<script lang="ts" setup>
+import TagModal from './TagModal.vue'
+import { columns, searchFormSchema } from './tag.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteTag, getTagPage, syncTag } from '@/api/mp/tag'
+
+defineOptions({ name: 'MpTag' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '标签列表',
+  api: getTagPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleSync() {
+  createConfirm({
+    title: t('action.sync'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await syncTag(getForm().getFieldsValue().accountId)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteTag(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['mp:tag:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['mp:tag:sync']" :pre-icon="IconEnum.RESET" @click="handleSync">
+          {{ t('action.sync') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'mp:tag:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'mp:tag:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TagModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/tag/tag.data.ts b/yunxi-ui-admin-vben/src/views/mp/tag/tag.data.ts
new file mode 100644
index 0000000..ca6bf40
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/tag/tag.data.ts
@@ -0,0 +1,70 @@
+import { getSimpleAccounts } from '@/api/mp/account'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '标签名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '粉丝数',
+    dataIndex: 'count',
+    width: 100,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+const simpleAccountsOptinos = await getSimpleAccounts()
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '公众号',
+    field: 'accountId',
+    component: 'Select',
+    required: true,
+    defaultValue: simpleAccountsOptinos[0].id,
+    componentProps: {
+      options: simpleAccountsOptinos,
+      fieldNames: {
+        label: 'name',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '标签名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '标签名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/mp/user/MpUserModal.vue b/yunxi-ui-admin-vben/src/views/mp/user/MpUserModal.vue
new file mode 100644
index 0000000..37af0b1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/user/MpUserModal.vue
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import { formSchema } from './mpuser.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getUser, updateUser } from '@/api/mp/mpuser'
+
+defineOptions({ name: 'MpUserModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  const res = await getUser(data.record.id)
+  setFieldsValue({ ...res })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    await updateUser(values)
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="编辑" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/user/index.vue b/yunxi-ui-admin-vben/src/views/mp/user/index.vue
new file mode 100644
index 0000000..6a382c3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/user/index.vue
@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import MpUserModal from './MpUserModal.vue'
+import { columns, searchFormSchema } from './mpuser.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getUserPage, syncUser } from '@/api/mp/mpuser'
+
+defineOptions({ name: 'MpUser' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '公众号账号列表',
+  api: getUserPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 同步按钮操作 */
+async function handleSync() {
+  createConfirm({
+    title: t('action.sync'),
+    iconType: 'warning',
+    content: '是否确认同步粉丝?',
+    async onOk() {
+      await syncUser(getForm().getFieldsValue().accountId)
+      createMessage.success('开始从微信公众号同步粉丝信息，同步需要一段时间，建议稍后再查询')
+    },
+  })
+}
+
+/** 修改按钮操作 */
+function handleEdit(record: Recordable) {
+  openModal(true, { record })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['mp:user:sync']" type="primary" :pre-icon="IconEnum.RESET" @click="handleSync">
+          {{ t('action.sync') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[{ icon: IconEnum.EDIT, label: t('action.edit'), auth: 'mp:user:update', onClick: handleEdit.bind(null, record) }]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <MpUserModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/mp/user/mpuser.data.ts b/yunxi-ui-admin-vben/src/views/mp/user/mpuser.data.ts
new file mode 100644
index 0000000..806c2bb
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/mp/user/mpuser.data.ts
@@ -0,0 +1,118 @@
+import { getSimpleAccounts } from '@/api/mp/account'
+import { getSimpleTags } from '@/api/mp/tag'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户标识',
+    dataIndex: 'openid',
+    width: 180,
+  },
+  {
+    title: '昵称',
+    dataIndex: 'nickname',
+    width: 100,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 120,
+  },
+  {
+    title: '标签',
+    dataIndex: 'tagIds',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTags(text)
+    },
+  },
+  {
+    title: '订阅状态',
+    dataIndex: 'subscribeStatus',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text === 0 ? '已订阅' : '未订阅', text === 0 ? 'purple' : 'orange')
+    },
+  },
+  {
+    title: '订阅时间',
+    dataIndex: 'subscribeTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+const simpleAccountsOptinos = await getSimpleAccounts()
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '公众号',
+    field: 'accountId',
+    component: 'Select',
+    required: true,
+    defaultValue: simpleAccountsOptinos[0].id,
+    componentProps: {
+      options: simpleAccountsOptinos,
+      fieldNames: {
+        label: 'name',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户标识',
+    field: 'openid',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '昵称',
+    field: 'nickname',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '昵称',
+    field: 'nickname',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '标签',
+    field: 'tagIds',
+    helpMessage: '在微信公众平台（mp.weixin.qq.com）的菜单 [设置与开发 - 公众号设置 - 基本设置] 中能找到「开发者ID(AppID)」',
+    required: true,
+    defaultValue: [],
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleTags(),
+      labelField: 'name',
+      valueField: 'tagId',
+      mode: 'tags',
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/pay/app/AppModal.vue b/yunxi-ui-admin-vben/src/views/pay/app/AppModal.vue
new file mode 100644
index 0000000..e4870d2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/app/AppModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './app.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createApp, getApp, updateApp } from '@/api/pay/app'
+
+defineOptions({ name: 'PayAppModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getApp(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateApp(values)
+    else
+      await createApp(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/app/ChannelModal.vue b/yunxi-ui-admin-vben/src/views/pay/app/ChannelModal.vue
new file mode 100644
index 0000000..fdde5d4
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/app/ChannelModal.vue
@@ -0,0 +1,88 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { aliPayFormSchema, mockFormSchema, weChatFormSchema } from './app.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createChannel, getChannel, updateChannel } from '@/api/pay/channel'
+import { PayType } from '@/enums/systemEnum'
+
+defineOptions({ name: 'ChannelModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+const appType = ref(PayType.ALIPAY)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: appType.value === PayType.ALIPAY ? aliPayFormSchema : (appType.value === PayType.WECHAT ? weChatFormSchema : mockFormSchema),
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  appType.value = data.type
+  if (unref(isUpdate)) {
+    const res = await getChannel(data.record.id, data.payCode)
+    const config = JSON.parse(res.config)
+    const payConfig: any = {}
+    if (appType.value === PayType.ALIPAY) {
+      payConfig.appId = config.appId
+      payConfig.serverUrl = config.serverUrl
+      payConfig.signType = config.signType
+      payConfig.mode = config.mode
+      payConfig.privateKey = config.privateKey
+      payConfig.alipayPublicKey = config.alipayPublicKey
+      payConfig.appCertContent = config.appCertContent
+      payConfig.alipayPublicCertContent = config.alipayPublicCertContent
+      payConfig.rootCertContent = config.rootCertContent
+    }
+    else if (appType.value === PayType.WECHAT) {
+      payConfig.appId = config.appId
+      payConfig.apiVersion = config.apiVersion
+      payConfig.mchId = config.mchId
+      payConfig.mchKey = config.mchKey
+      payConfig.privateKeyContent = config.privateKeyContent
+      payConfig.privateCertContent = config.privateCertContent
+      payConfig.apiV3Key = config.apiV3Key
+    }
+    // else if (type.value === PayType.MOCK) {
+    // }
+    res.payConfig = payConfig
+    delete res.config
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    values.config = JSON.stringify(values.payConfig)
+    if (unref(isUpdate))
+      await updateChannel(values)
+    else
+      await createChannel(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/app/app.data.ts b/yunxi-ui-admin-vben/src/views/pay/app/app.data.ts
new file mode 100644
index 0000000..bb2e234
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/app/app.data.ts
@@ -0,0 +1,404 @@
+import { Switch } from 'ant-design-vue'
+import { h } from 'vue'
+import { changeAppStatus } from '@/api/pay/app'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { PayChannelEnum } from '@/enums/systemEnum'
+import { useMessage } from '@/hooks/web/useMessage'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '应用编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '应用名',
+    dataIndex: 'name',
+    width: 100,
+  },
+  {
+    title: '开启状态',
+    dataIndex: 'status',
+    width: 100,
+    customRender: ({ record }) => {
+      if (!Reflect.has(record, 'pendingStatus'))
+        record.pendingStatus = false
+
+      return h(Switch, {
+        checked: record.status === 0,
+        checkedChildren: '已启用',
+        unCheckedChildren: '已禁用',
+        loading: record.pendingStatus,
+        onChange(checked: boolean) {
+          record.pendingStatus = true
+          const newStatus = checked ? 0 : 1
+          const { createMessage } = useMessage()
+          changeAppStatus({ id: record.id, status: newStatus })
+            .then(() => {
+              record.status = newStatus
+              createMessage.success('已成功修改应用状态')
+            })
+            .catch(() => {
+              createMessage.error('修改应用状态失败')
+            })
+            .finally(() => {
+              record.pendingStatus = false
+            })
+        },
+      })
+    },
+  },
+  {
+    title: '支付宝配置',
+    children: [
+      {
+        title: PayChannelEnum.ALIPAY_APP.name,
+        dataIndex: PayChannelEnum.ALIPAY_APP.code,
+        width: 160,
+      },
+      {
+        title: PayChannelEnum.ALIPAY_PC.name,
+        dataIndex: PayChannelEnum.ALIPAY_PC.code,
+        width: 160,
+      },
+      {
+        title: PayChannelEnum.ALIPAY_WAP.name,
+        dataIndex: PayChannelEnum.ALIPAY_WAP.code,
+        width: 160,
+      },
+      {
+        title: PayChannelEnum.ALIPAY_QR.name,
+        dataIndex: PayChannelEnum.ALIPAY_QR.code,
+        width: 160,
+      },
+      {
+        title: PayChannelEnum.ALIPAY_BAR.name,
+        dataIndex: PayChannelEnum.ALIPAY_BAR.code,
+        width: 160,
+      },
+    ],
+  },
+  {
+    title: '微信配置',
+    children: [
+      {
+        title: PayChannelEnum.WX_LITE.name,
+        dataIndex: PayChannelEnum.WX_LITE.code,
+        width: 160,
+      },
+      {
+        title: PayChannelEnum.WX_PUB.name,
+        dataIndex: PayChannelEnum.WX_PUB.code,
+        width: 160,
+      },
+      {
+        title: PayChannelEnum.WX_APP.name,
+        dataIndex: PayChannelEnum.WX_APP.code,
+        width: 160,
+      },
+    ],
+  },
+  {
+    title: '模拟支付配置',
+    children: [
+      {
+        title: PayChannelEnum.MOCK.name,
+        dataIndex: PayChannelEnum.MOCK.code,
+        width: 160,
+      },
+    ],
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '应用名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '应用名',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '支付结果的回调地址',
+    field: 'orderNotifyUrl',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '退款结果的回调地址',
+    field: 'refundNotifyUrl',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+export const aliPayFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '渠道费率',
+    field: 'feeRate',
+    defaultValue: 0,
+    required: true,
+    component: 'InputNumber',
+  },
+  {
+    label: '开放平台APPID',
+    field: 'payConfig.appId',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '渠道状态',
+    field: 'status',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '网关地址',
+    field: 'payConfig.serverUrl',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        { value: 'https://openapi.alipay.com/gateway.do', label: '线上环境' },
+        { value: 'https://openapi-sandbox.dl.alipaydev.com/gateway.do', label: '沙箱环境' },
+      ],
+    },
+  },
+  {
+    label: '算法类型',
+    field: 'payConfig.signType',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        { value: 'RSA2', label: 'RSA2', key: 'RSA2' },
+      ],
+    },
+  },
+  {
+    label: '公钥类型',
+    field: 'payConfig.mode',
+    required: true,
+    defaultValue: null,
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        { value: 1, label: '公钥模式', key: '1' },
+        { value: 2, label: '证书模式', key: '2' },
+      ],
+    },
+  },
+  {
+    label: '应用私钥',
+    field: 'payConfig.privateKey',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.mode'] === 1),
+    component: 'InputTextArea',
+  },
+  {
+    label: '支付宝公钥',
+    field: 'payConfig.alipayPublicKey',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.mode'] === 1),
+    component: 'InputTextArea',
+  },
+  {
+    label: '商户公钥应用证书',
+    field: 'payConfig.appCertContent',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.mode'] === 2),
+    component: 'InputTextArea',
+  },
+  {
+    label: '支付宝公钥证书',
+    field: 'payConfig.alipayPublicCertContent',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.mode'] === 2),
+    component: 'InputTextArea',
+  },
+  {
+    label: '根证书',
+    field: 'payConfig.rootCertContent',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.mode'] === 2),
+    component: 'InputTextArea',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+export const weChatFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '渠道费率',
+    field: 'feeRate',
+    defaultValue: 0,
+    required: true,
+    component: 'InputNumber',
+  },
+  {
+    label: '公众号 APPID',
+    field: 'payConfig.appId',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '商户号',
+    field: 'payConfig.mchId',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '渠道状态',
+    field: 'status',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: 'API 版本',
+    field: 'payConfig.apiVersion',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: [
+        { value: 'v2', label: 'v2' },
+        { value: 'v3', label: 'v3' },
+      ],
+    },
+  },
+  {
+    label: '商户密钥',
+    field: 'payConfig.mchKey',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.apiVersion'] === 'v2'),
+    component: 'InputTextArea',
+  },
+  {
+    label: 'apiclient_cert.p12 证书',
+    field: 'payConfig.keyContent',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.apiVersion'] === 'v2'),
+    component: 'InputTextArea',
+  },
+  {
+    label: 'API V3密钥',
+    field: 'payConfig.apiV3Key',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.apiVersion'] === 'v3'),
+    component: 'InputTextArea',
+  },
+  {
+    label: 'apiclient_key.perm证书',
+    field: 'payConfig.privateKeyContent',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.apiVersion'] === 'v3'),
+    component: 'InputTextArea',
+  },
+  {
+    label: 'apiclient_cert.perm证书',
+    field: 'payConfig.privateCertContent',
+    required: true,
+    ifShow: ({ values }) => !!(values['payConfig.apiVersion'] === 'v3'),
+    component: 'InputTextArea',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+export const mockFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '渠道状态',
+    field: 'status',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/pay/app/index.vue b/yunxi-ui-admin-vben/src/views/pay/app/index.vue
new file mode 100644
index 0000000..cfd4ba8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/app/index.vue
@@ -0,0 +1,226 @@
+<script lang="ts" setup>
+import AppModal from './AppModal.vue'
+import ChannelModal from './ChannelModal.vue'
+import { columns, searchFormSchema } from './app.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { PayChannelEnum, PayType } from '@/enums/systemEnum'
+import { IconEnum } from '@/enums/appEnum'
+import { Icon } from '@/components/Icon'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteApp, getAppPage } from '@/api/pay/app'
+
+defineOptions({ name: 'PayApp' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerChannelModal, { openModal: openChannelModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '应用列表',
+  api: getAppPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteApp(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+
+function openChannel(record: Recordable, payCode: string, type: string, isUpdate: boolean) {
+  openChannelModal(true, { record, payCode, type, isUpdate })
+}
+
+/**
+ * 根据渠道编码判断渠道列表中是否存在
+ *
+ * @param channels 渠道列表
+ * @param channelCode 渠道编码
+ */
+function isChannelExists(channels, channelCode) {
+  if (!channels)
+    return false
+
+  return channels.includes(channelCode)
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['pay:app:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === PayChannelEnum.ALIPAY_APP.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.ALIPAY_APP.code)" type="primary"
+            shape="circle" @click="openChannel(record, PayChannelEnum.ALIPAY_APP.code, PayType.ALIPAY, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.ALIPAY_APP.code, PayType.ALIPAY, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.ALIPAY_PC.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.ALIPAY_PC.code)" type="primary"
+            shape="circle" @click="openChannel(record, PayChannelEnum.ALIPAY_PC.code, PayType.ALIPAY, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.ALIPAY_PC.code, PayType.ALIPAY, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.ALIPAY_WAP.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.ALIPAY_WAP.code)" type="primary"
+            shape="circle" @click="openChannel(record, PayChannelEnum.ALIPAY_WAP.code, PayType.ALIPAY, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.ALIPAY_WAP.code, PayType.ALIPAY, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.ALIPAY_QR.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.ALIPAY_QR.code)" type="primary"
+            shape="circle" @click="openChannel(record, PayChannelEnum.ALIPAY_QR.code, PayType.ALIPAY, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.ALIPAY_QR.code, PayType.ALIPAY, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.ALIPAY_BAR.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.ALIPAY_BAR.code)" type="primary"
+            shape="circle" @click="openChannel(record, PayChannelEnum.ALIPAY_BAR.code, PayType.ALIPAY, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.ALIPAY_BAR.code, PayType.ALIPAY, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.WX_LITE.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.WX_LITE.code)" type="primary" shape="circle"
+            @click="openChannel(record, PayChannelEnum.WX_LITE.code, PayType.WECHAT, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.WX_LITE.code, PayType.WECHAT, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.WX_PUB.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.WX_PUB.code)" type="primary" shape="circle"
+            @click="openChannel(record, PayChannelEnum.WX_PUB.code, PayType.WECHAT, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.WX_PUB.code, PayType.WECHAT, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.WX_APP.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.WX_APP.code)" type="primary" shape="circle"
+            @click="openChannel(record, PayChannelEnum.WX_APP.code, PayType.WECHAT, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.WX_APP.code, PayType.WECHAT, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === PayChannelEnum.MOCK.code">
+          <a-button
+            v-if="isChannelExists(record.channelCodes, PayChannelEnum.MOCK.code)" type="primary" shape="circle"
+            @click="openChannel(record, PayChannelEnum.MOCK.code, PayType.MOCK, true)"
+          >
+            <Icon icon="ant-design:check-outlined" />
+          </a-button>
+          <a-button
+            v-else type="primary" shape="circle" danger
+            @click="openChannel(record, PayChannelEnum.MOCK.code, PayType.MOCK, false)"
+          >
+            <Icon icon="ant-design:close-outlined" />
+          </a-button>
+        </template>
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'pay:app:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'pay:app:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <AppModal @register="registerModal" @success="reload()" />
+    <ChannelModal @register="registerChannelModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/cashier/cashier.data.ts b/yunxi-ui-admin-vben/src/views/pay/cashier/cashier.data.ts
new file mode 100644
index 0000000..99c2e3c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/cashier/cashier.data.ts
@@ -0,0 +1,115 @@
+import type { DescItem } from '@/components/Description'
+import { useRender } from '@/components/Table'
+
+// 导入图标
+import svg_alipay_pc from '@/assets/svgs/pay/icon/alipay_pc.svg'
+import svg_alipay_wap from '@/assets/svgs/pay/icon/alipay_wap.svg'
+import svg_alipay_app from '@/assets/svgs/pay/icon/alipay_app.svg'
+import svg_alipay_qr from '@/assets/svgs/pay/icon/alipay_qr.svg'
+import svg_alipay_bar from '@/assets/svgs/pay/icon/alipay_bar.svg'
+import svg_wx_pub from '@/assets/svgs/pay/icon/wx_pub.svg'
+import svg_wx_lite from '@/assets/svgs/pay/icon/wx_lite.svg'
+import svg_wx_app from '@/assets/svgs/pay/icon/wx_app.svg'
+import svg_wx_native from '@/assets/svgs/pay/icon/wx_native.svg'
+import svg_wx_bar from '@/assets/svgs/pay/icon/wx_bar.svg'
+import svg_mock from '@/assets/svgs/pay/icon/mock.svg'
+
+export const descSchema: DescItem[] = [
+  {
+    label: '支付单号',
+    field: 'id',
+  },
+  {
+    label: '商品标题',
+    field: 'subject',
+  },
+  {
+    label: '商品内容',
+    field: 'body',
+  },
+  {
+    label: '支付金额',
+    field: 'amount',
+    render: (curVal) => {
+      return useRender.renderText('￥', Number.parseFloat(curVal || 0 / 100).toFixed(2))
+    },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '过期时间',
+    field: 'expireTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+]
+
+export const channelsAlipay = [
+  {
+    name: '支付宝 PC 网站支付',
+    icon: svg_alipay_pc,
+    code: 'alipay_pc',
+  },
+  {
+    name: '支付宝 Wap 网站支付',
+    icon: svg_alipay_wap,
+    code: 'alipay_wap',
+  },
+  {
+    name: '支付宝 App 网站支付',
+    icon: svg_alipay_app,
+    code: 'alipay_app',
+  },
+  {
+    name: '支付宝扫码支付',
+    icon: svg_alipay_qr,
+    code: 'alipay_qr',
+  },
+  {
+    name: '支付宝条码支付',
+    icon: svg_alipay_bar,
+    code: 'alipay_bar',
+  },
+]
+
+export const channelsWechat = [
+  {
+    name: '微信公众号支付',
+    icon: svg_wx_pub,
+    code: 'wx_pub',
+  },
+  {
+    name: '微信小程序支付',
+    icon: svg_wx_lite,
+    code: 'wx_lite',
+  },
+  {
+    name: '微信 App 支付',
+    icon: svg_wx_app,
+    code: 'wx_app',
+  },
+  {
+    name: '微信扫码支付',
+    icon: svg_wx_native,
+    code: 'wx_native',
+  },
+  {
+    name: '微信条码支付',
+    icon: svg_wx_bar,
+    code: 'wx_bar',
+  },
+]
+
+export const channelsMock = [
+  {
+    name: '模拟支付',
+    icon: svg_mock,
+    code: 'mock',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/pay/cashier/index.vue b/yunxi-ui-admin-vben/src/views/pay/cashier/index.vue
new file mode 100644
index 0000000..a6a760d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/cashier/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>
+    待开发
+  </div>
+</template>>
diff --git a/yunxi-ui-admin-vben/src/views/pay/demo/DemoModal.vue b/yunxi-ui-admin-vben/src/views/pay/demo/DemoModal.vue
new file mode 100644
index 0000000..ccf3430
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/demo/DemoModal.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { formSchema } from './demo.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createDemoOrder } from '@/api/pay/demo'
+
+defineOptions({ name: 'PayDemoModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerForm, { resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async () => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    await createDemoOrder(values)
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="发起订单" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/demo/demo.data.ts b/yunxi-ui-admin-vben/src/views/pay/demo/demo.data.ts
new file mode 100644
index 0000000..612bc48
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/demo/demo.data.ts
@@ -0,0 +1,110 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '订单编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户编号',
+    dataIndex: 'userId',
+    width: 100,
+  },
+  {
+    title: '商品名字',
+    dataIndex: 'spuName',
+    width: 100,
+  },
+  {
+    title: '支付价格',
+    dataIndex: 'price',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTag(`￥${(text / 100.0).toFixed(2)}`)
+    },
+  },
+  {
+    title: '退款金额',
+    dataIndex: 'refundPrice',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderTag(`￥${(text / 100.0).toFixed(2)}`)
+    },
+  },
+  {
+    title: '支付单号',
+    dataIndex: 'payOrderId',
+    width: 100,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '是否支付',
+    dataIndex: 'payed',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+  {
+    title: '支付时间',
+    dataIndex: 'payTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '退款时间',
+    dataIndex: 'refundTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '支付单号',
+    field: 'payOrderId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '是否支付',
+    field: 'payed',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '商品',
+    field: 'spuId',
+    component: 'Select',
+    required: true,
+    componentProps: {
+      options: [
+        { value: 1, label: '华为手机', price: 1 },
+        { value: 2, label: '小米电视', price: 10 },
+        { value: 3, label: '苹果手表', price: 100 },
+        { value: 4, label: '华硕笔记本', price: 1000 },
+        { value: 5, label: '蔚来汽车', price: 200000 },
+      ],
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/pay/demo/index.vue b/yunxi-ui-admin-vben/src/views/pay/demo/index.vue
new file mode 100644
index 0000000..cb0dcd3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/demo/index.vue
@@ -0,0 +1,95 @@
+<script lang="ts" setup>
+import DemoModal from './DemoModal.vue'
+import { columns, searchFormSchema } from './demo.data'
+import { useGo } from '@/hooks/web/usePage'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getDemoOrderPage, refundDemoOrder } from '@/api/pay/demo'
+
+defineOptions({ name: 'PayDemo' })
+
+const go = useGo()
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '接入示例列表',
+  api: getDemoOrderPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 180,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleAdd() {
+  openModal(true)
+}
+
+/** 支付按钮操作 */
+function handlePay(record: Recordable) {
+  go(`/cashRegister/submit?id=${record.id}`)
+}
+
+/** 退款按钮操作 */
+async function handleRefund(record: Recordable) {
+  createConfirm({
+    title: '退款',
+    iconType: 'warning',
+    content: `是否确认退款编号为"${record.id}"的示例订单?`,
+    async onOk() {
+      await refundDemoOrder(record.id)
+      createMessage.success(t('common.successText'))
+      reload()
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['pay:app:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleAdd">
+          发起订单
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: '前往支付',
+                ifShow: () => {
+                  return !record.payed
+                },
+                onClick: handlePay.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: '发起退款',
+                ifShow: () => {
+                  return record.payed && !record.payRefundId
+                },
+                onClick: handleRefund.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <DemoModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/notify/NotifyModal.vue b/yunxi-ui-admin-vben/src/views/pay/notify/NotifyModal.vue
new file mode 100644
index 0000000..f76422f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/notify/NotifyModal.vue
@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { Divider } from 'ant-design-vue'
+import { descColumns, descSchema } from './notify.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description } from '@/components/Description'
+import { BasicTable } from '@/components/Table'
+import { getNotifyTaskDetail } from '@/api/pay/notify'
+
+defineOptions({ name: 'PayNotifyDetail' })
+
+const notifyData = ref<any>()
+
+const notifyLogs = ref<any[]>([])
+
+const [registerModal, { setModalProps }] = useModalInner(async (data) => {
+  const res = await getNotifyTaskDetail(data.record.id)
+  notifyData.value = res
+  if (res.logs)
+    notifyLogs.value = res.logs
+  setModalProps({ confirmLoading: false })
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" width="60%" title="通知详情" :show-ok-btn="false" @register="registerModal">
+    <Description :bordered="false" :column="3" :data="notifyData" :schema="descSchema" />
+    <Divider />
+    <BasicTable
+      title="回调日志" :columns="descColumns" :data-source="notifyLogs" :bordered="true" :pagination="false"
+      :can-resize="true" :max-height="400"
+    />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/notify/index.vue b/yunxi-ui-admin-vben/src/views/pay/notify/index.vue
new file mode 100644
index 0000000..46a3372
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/notify/index.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import NotifyModal from './NotifyModal.vue'
+import { columns, searchFormSchema } from './notify.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getNotifyTaskPage } from '@/api/pay/notify'
+
+defineOptions({ name: 'PayNotify' })
+
+const { t } = useI18n()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable] = useTable({
+  title: '通知列表',
+  api: getNotifyTaskPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+async function handleQueryDetails(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: t('action.detail'), auth: 'pay:order:query', onClick: handleQueryDetails.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <NotifyModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/notify/notify.data.ts b/yunxi-ui-admin-vben/src/views/pay/notify/notify.data.ts
new file mode 100644
index 0000000..bc06086
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/notify/notify.data.ts
@@ -0,0 +1,228 @@
+import { getAppList } from '@/api/pay/app'
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '任务编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '应用编号',
+    dataIndex: 'appName',
+    width: 200,
+  },
+  {
+    title: '商户订单编号',
+    dataIndex: 'merchantOrderId',
+    width: 200,
+  },
+  {
+    title: '通知类型',
+    dataIndex: 'type',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_NOTIFY_TYPE)
+    },
+  },
+  {
+    title: '关联编号',
+    dataIndex: 'dataId',
+    width: 200,
+  },
+  {
+    title: '通知状态',
+    dataIndex: 'status',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_NOTIFY_STATUS)
+    },
+  },
+  {
+    title: '最后通知时间',
+    dataIndex: 'lastExecuteTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '下次通知时间',
+    dataIndex: 'nextNotifyTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '最大通知次数',
+    dataIndex: 'maxNotifyTimes',
+    width: 120,
+    ifShow: false,
+  },
+  {
+    title: '通知次数',
+    dataIndex: 'notifyTimes',
+    width: 120,
+    customRender: ({ record, text }) => {
+      return useRender.renderTag(`${text}/${record.maxNotifyTimes}`)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '应用编号',
+    field: 'appId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getAppList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '通知类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.PAY_NOTIFY_TYPE, 'number'),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '关联编号',
+    field: 'dataId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+
+  {
+    label: '通知状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.PAY_NOTIFY_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '商户订单编号',
+    field: 'merchantOrderId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const descSchema: DescItem[] = [
+  {
+    label: '商户订单编号',
+    field: 'merchantOrderId',
+  },
+  {
+    label: '通知状态',
+    field: 'status',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.PAY_NOTIFY_STATUS)
+    },
+  },
+  {
+    label: '应用编号',
+    field: 'appId',
+  },
+  {
+    label: '应用名称',
+    field: 'appName',
+  },
+  {
+    label: '关联编号',
+    field: 'dataId',
+  },
+  {
+    label: '通知类型',
+    field: 'type',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.PAY_NOTIFY_TYPE)
+    },
+  },
+  {
+    label: '通知次数',
+    field: 'notifyTimes',
+  },
+  {
+    label: '最大通知次数',
+    field: 'maxNotifyTimes',
+  },
+  {
+    label: '最后通知时间',
+    field: 'lastExecuteTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '下次通知时间',
+    field: 'nextNotifyTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '更新时间',
+    field: 'updateTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+]
+
+export const descColumns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '通知状态',
+    dataIndex: 'status',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_NOTIFY_STATUS)
+    },
+  },
+  {
+    title: '通知次数',
+    dataIndex: 'notifyTimes',
+    width: 100,
+  },
+  {
+    title: '通知时间',
+    dataIndex: 'lastExecuteTime',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '响应结果',
+    dataIndex: 'response',
+    width: 100,
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/pay/order/OrderModal.vue b/yunxi-ui-admin-vben/src/views/pay/order/OrderModal.vue
new file mode 100644
index 0000000..6782c8b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/order/OrderModal.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { descSchema } from './order.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description } from '@/components/Description'
+import { getOrderDetail } from '@/api/pay/order'
+
+defineOptions({ name: 'PayRefundModal' })
+
+const refundData = ref()
+
+const [registerModal, { setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false })
+  const res = await getOrderDetail(data.record.id)
+  refundData.value = res
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" width="60%" title="查看详情" :show-ok-btn="false" @register="registerModal">
+    <Description :bordered="false" :column="2" :data="refundData" :schema="descSchema" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/order/index.vue b/yunxi-ui-admin-vben/src/views/pay/order/index.vue
new file mode 100644
index 0000000..a907622
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/order/index.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import OrderModal from './OrderModal.vue'
+import { columns, searchFormSchema } from './order.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { OrderExportReqVO } from '@/api/pay/order'
+import { exportOrder, getOrderPage } from '@/api/pay/order'
+
+defineOptions({ name: 'PayOrder' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm }] = useTable({
+  title: '订单列表',
+  api: getOrderPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleQueryDetails(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportOrder(getForm().getFieldsValue() as OrderExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['pay:order:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: t('action.detail'), auth: 'pay:order:query', onClick: handleQueryDetails.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <OrderModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/order/order.data.ts b/yunxi-ui-admin-vben/src/views/pay/order/order.data.ts
new file mode 100644
index 0000000..3973238
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/order/order.data.ts
@@ -0,0 +1,278 @@
+import { getAppList } from '@/api/pay/app'
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '订单编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '支付金额(元)',
+    dataIndex: 'amount',
+    width: 120,
+    customRender: ({ text }) => {
+      return `￥${Number.parseFloat(text || 0 / 100).toFixed(2)}`
+    },
+  },
+  {
+    title: '手续金额(元)',
+    dataIndex: 'channelFeeAmount',
+    width: 120,
+    customRender: ({ text }) => {
+      return `￥${Number.parseFloat(text || 0 / 100).toFixed(2)}`
+    },
+  },
+  {
+    title: '退款金额(元)',
+    dataIndex: 'refundAmount',
+    width: 120,
+    customRender: ({ text }) => {
+      return `￥${Number.parseFloat(text || 0 / 100).toFixed(2)}`
+    },
+  },
+  {
+    title: '订单号',
+    children: [
+      {
+        title: '商户',
+        dataIndex: 'merchantOrderId',
+        width: 120,
+      },
+      {
+        title: '支付',
+        dataIndex: 'no',
+        width: 120,
+      },
+      {
+        title: '渠道',
+        dataIndex: 'channelOrderNo',
+        width: 160,
+      },
+    ],
+  },
+  {
+    title: '支付状态',
+    dataIndex: 'status',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_ORDER_STATUS)
+    },
+  },
+  {
+    title: '支付渠道',
+    dataIndex: 'channelCode',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_CHANNEL_CODE)
+    },
+  },
+  {
+    title: '支付应用',
+    dataIndex: 'appName',
+    width: 100,
+  },
+  {
+    title: '商品标题',
+    dataIndex: 'subject',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '支付时间',
+    dataIndex: 'successTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '应用编号',
+    field: 'appId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getAppList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '支付渠道',
+    field: 'channelCode',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.PAY_CHANNEL_CODE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '商户单号',
+    field: 'merchantOrderId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '支付单号',
+    field: 'no',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '渠道单号',
+    field: 'channelOrderNo',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '支付状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.PAY_ORDER_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const descSchema: DescItem[] = [
+  {
+    label: '商户单号',
+    field: 'merchantOrderId',
+  },
+  {
+    label: '支付单号',
+    field: 'no',
+    render: (curVal) => {
+      return useRender.renderTag(curVal)
+    },
+  },
+  {
+    label: '应用编号',
+    field: 'appId',
+  },
+  {
+    label: '应用名称',
+    field: 'appName',
+  },
+  {
+    label: '支付状态',
+    field: 'status',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.PAY_ORDER_STATUS)
+    },
+  },
+  {
+    label: '支付金额',
+    field: 'amount',
+    render: (curVal) => {
+      return `￥${Number.parseFloat(curVal || 0 / 100).toFixed(2)}`
+    },
+  },
+  {
+    label: '手续费',
+    field: 'channelFeeAmount',
+    render: (curVal) => {
+      return `￥${Number.parseFloat(curVal || 0 / 100).toFixed(2)}`
+    },
+  },
+  {
+    label: '手续费比例',
+    field: 'channelFeeRate',
+    render: (curVal) => {
+      return `${Number.parseFloat(curVal || 0 / 100).toFixed(2)}%`
+    },
+  },
+  {
+    label: '支付时间',
+    field: 'successTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '失效时间',
+    field: 'expireTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '更新时间',
+    field: 'updateTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '商品标题',
+    field: 'subject',
+  },
+  {
+    label: '商品描述',
+    field: 'body',
+  },
+  {
+    label: '支付渠道',
+    field: 'channelCode',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.PAY_CHANNEL_CODE)
+    },
+  },
+  {
+    label: '支付 IP',
+    field: 'userIp',
+  },
+  {
+    label: '渠道单号',
+    field: 'channelOrderNo',
+    render: (curVal) => {
+      return useRender.renderTag(curVal)
+    },
+  },
+  {
+    label: '渠道用户',
+    field: 'channelUserId',
+  },
+  {
+    label: '退款金额',
+    field: 'refundPrice',
+    render: (curVal) => {
+      return `￥${Number.parseFloat(`${curVal / 100}`).toFixed(2)}`
+    },
+  },
+  {
+    label: '通知 URL',
+    field: 'notifyUrl',
+  },
+  {
+    label: '支付通道异步回调内容',
+    field: 'extension.channelNotifyData',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/pay/refund/RefundModal.vue b/yunxi-ui-admin-vben/src/views/pay/refund/RefundModal.vue
new file mode 100644
index 0000000..1742d6d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/refund/RefundModal.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { descSchema } from './refund.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description } from '@/components/Description'
+import { getRefund } from '@/api/pay/refund'
+
+defineOptions({ name: 'PayRefundModal' })
+
+const refundData = ref()
+
+const [registerModal, { setModalProps }] = useModalInner(async (data) => {
+  setModalProps({ confirmLoading: false })
+  const res = await getRefund(data.record.id)
+  refundData.value = res
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" width="60%" title="查看详情" :show-ok-btn="false" @register="registerModal">
+    <Description :bordered="false" :column="3" :data="refundData" :schema="descSchema" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/refund/index.vue b/yunxi-ui-admin-vben/src/views/pay/refund/index.vue
new file mode 100644
index 0000000..44278aa
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/refund/index.vue
@@ -0,0 +1,70 @@
+<script lang="ts" setup>
+import RefundModal from './RefundModal.vue'
+import { columns, searchFormSchema } from './refund.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { PayRefundExportReqVO } from '@/api/pay/refund'
+import { exportRefund, getRefundPage } from '@/api/pay/refund'
+
+defineOptions({ name: 'PayRefund' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm }] = useTable({
+  title: '退款列表',
+  api: getRefundPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleQueryDetails(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportRefund(getForm().getFieldsValue() as PayRefundExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['pay:order:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.VIEW, label: t('action.detail'), auth: 'pay:order:query', onClick: handleQueryDetails.bind(null, record) },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <RefundModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/pay/refund/refund.data.ts b/yunxi-ui-admin-vben/src/views/pay/refund/refund.data.ts
new file mode 100644
index 0000000..aac14bd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/pay/refund/refund.data.ts
@@ -0,0 +1,251 @@
+import { getAppList } from '@/api/pay/app'
+import type { DescItem } from '@/components/Description'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '支付金额(元)',
+    dataIndex: 'payPrice',
+    width: 120,
+    customRender: ({ text }) => {
+      return `￥${Number.parseFloat(`${text / 100}`).toFixed(2)}`
+    },
+  },
+  {
+    title: '退款金额(元)',
+    dataIndex: 'refundPrice',
+    width: 120,
+    customRender: ({ text }) => {
+      return `￥${Number.parseFloat(`${text / 100}`).toFixed(2)}`
+    },
+  },
+  {
+    title: '退款订单号',
+    children: [
+      {
+        title: '商户',
+        dataIndex: 'merchantRefundId',
+        width: 120,
+      },
+      {
+        title: '退款',
+        dataIndex: 'no',
+        width: 120,
+      },
+      {
+        title: '渠道',
+        dataIndex: 'channelRefundNo',
+        width: 160,
+      },
+    ],
+  },
+  {
+    title: '支付订单号',
+    children: [
+      {
+        title: '商户',
+        dataIndex: 'merchantOrderId',
+        width: 200,
+      },
+      {
+        title: '渠道',
+        dataIndex: 'channelOrderNo',
+        width: 100,
+      },
+    ],
+  },
+  {
+    title: '退款状态',
+    dataIndex: 'status',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_REFUND_STATUS)
+    },
+  },
+  {
+    title: '退款渠道',
+    dataIndex: 'channelCode',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.PAY_CHANNEL_CODE)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '退款成功时间',
+    dataIndex: 'successTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '支付应用',
+    dataIndex: 'appName',
+    width: 100,
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '应用编号',
+    field: 'appId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getAppList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '商户支付单号',
+    field: 'merchantOrderId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '商户退款单号',
+    field: 'merchantRefundId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '渠道支付单号',
+    field: 'channelOrderNo',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '退款状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.PAY_REFUND_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const descSchema: DescItem[] = [
+  {
+    label: '商户退款单号',
+    field: 'merchantRefundId',
+  },
+  {
+    label: '渠道退款单号',
+    field: 'channelRefundNo',
+  },
+  {
+    label: '商户支付单号',
+    field: 'merchantOrderId',
+  },
+  {
+    label: '渠道支付单号',
+    field: 'channelOrderNo',
+    render: (curVal) => {
+      return useRender.renderTag(curVal)
+    },
+  },
+  {
+    label: '应用编号',
+    field: 'appId',
+  },
+  {
+    label: '应用名称',
+    field: 'appName',
+  },
+  {
+    label: '支付金额',
+    field: 'payPrice',
+    render: (curVal) => {
+      return `￥${Number.parseFloat(`${curVal / 100}`).toFixed(2)}`
+    },
+  },
+  {
+    label: '退款金额',
+    field: 'refundPrice',
+    render: (curVal) => {
+      return `￥${Number.parseFloat(`${curVal / 100}`).toFixed(2)}`
+    },
+  },
+  {
+    label: '退款状态',
+    field: 'status',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.PAY_REFUND_STATUS)
+    },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '退款成功时间',
+    field: 'successTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '更新时间',
+    field: 'updateTime',
+    render: (curVal) => {
+      return useRender.renderDate(curVal)
+    },
+  },
+  {
+    label: '退款渠道',
+    field: 'channelCode',
+    render: (curVal) => {
+      return useRender.renderDict(curVal, DICT_TYPE.PAY_CHANNEL_CODE)
+    },
+  },
+  {
+    label: '退款原因',
+    field: 'reason',
+  },
+  {
+    label: '退款 IP',
+    field: 'userIp',
+  },
+  {
+    label: '退款 URL',
+    field: 'notifyUrl',
+  },
+  {
+    label: '渠道错误码',
+    field: 'channelErrorCode',
+  },
+  {
+    label: '渠道错误码描述',
+    field: 'channelErrorMsg',
+  },
+  {
+    label: '支付通道异步回调内容',
+    field: 'channelNotifyData',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/report/goview/index.vue b/yunxi-ui-admin-vben/src/views/report/goview/index.vue
new file mode 100644
index 0000000..678f139
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/report/goview/index.vue
@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { IFrame } from '@/components/IFrame'
+
+defineOptions({ name: 'ReportGoview' })
+
+const src = ref('http://127.0.0.1:3000')
+</script>
+
+<template>
+  <div>
+    <IFrame :src="src" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/report/jmreport/index.vue b/yunxi-ui-admin-vben/src/views/report/jmreport/index.vue
new file mode 100644
index 0000000..5ee94cc
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/report/jmreport/index.vue
@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { IFrame } from '@/components/IFrame'
+import { getAccessToken } from '@/utils/auth'
+
+defineOptions({ name: 'ReportJmreport' })
+
+const src = ref(`${import.meta.env.VITE_GLOB_BASE_URL}/jmreport/list?token=${getAccessToken()}`)
+</script>
+
+<template>
+  <div>
+    <IFrame :src="src" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/index.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/index.vue
new file mode 100644
index 0000000..829b278
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/index.vue
@@ -0,0 +1,235 @@
+<script lang="ts" setup>
+import ModalAdd from './src/ModalAdd.vue'
+import ModalEdit from './src/ModalEdit.vue'
+import { ref, h } from 'vue'
+import { EditOutlined, DeleteOutlined, PlusOutlined, SearchOutlined, UndoOutlined } from '@ant-design/icons-vue';
+
+const activeKey = ref('1');
+const columns: any = [
+  {
+    title: '分支机构名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+  },
+  {
+    title: '机构类型',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+  },
+  {
+    title: '关联子公司',
+    dataIndex: 'k3',
+    key: 'k3',
+  },
+  {
+    title: '包含业务线',
+    dataIndex: 'k4',
+    key: 'k4',
+  },
+  {
+    title: '关联员工',
+    dataIndex: 'k5',
+    key: 'k5',
+  },
+  {
+    title: '管理员',
+    dataIndex: 'k6',
+    key: 'k6',
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+  },
+  {
+    title: '操作',
+    key: 'action',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '济钢城市矿产科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '总公司',
+    k3: 4,
+    k4: 100,
+    k5: 100,
+    k6: '魏杰',
+    k7: '18612345678',
+    k8: '2023-09-11 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '2',
+    k1a: '济钢城市矿产科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '子公司',
+    k3: 1,
+    k4: 100,
+    k5: 100,
+    k6: '徐守亮',
+    k7: '18612345678',
+    k8: '2023-09-11 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '3',
+    k1a: '日照济钢金属科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '子公司',
+    k3: 1,
+    k4: 50,
+    k5: 200,
+    k6: '高鹏',
+    k7: '18612344321',
+    k8: '2023-09-11 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '4',
+    k1a: '济钢城市矿产科技（佛山）有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '子公司',
+    k3: 2,
+    k4: 20,
+    k5: 300,
+    k6: '王恒山',
+    k7: '18612344321',
+    k8: '2023-09-11 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '5',
+    k1a: '山东济钢愿景工业科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '子公司',
+    k3: 1,
+    k4: 30,
+    k5: 400,
+    k6: '邹慧丽',
+    k7: '18612344321',
+    k8: '2023-09-11 23:26:08',
+    k9: '详情',
+  }
+];
+// 新增
+let isShowModalAdd = ref(false);
+const doShowModalAdd = (isshow: boolean) => {
+  isShowModalAdd.value = isshow;
+}
+// 编辑
+let isShowModalEdit = ref(false);
+const doShowModalEdit = (isshow: boolean, record: any) => {
+  console.log(record);
+  isShowModalEdit.value = isshow;
+}
+
+</script>
+
+<template>
+  <a-row :wrap="false" class="y1-enterprise-centre-branch">
+    <a-col flex="1 1 auto">
+      <a-row :wrap="false" class="y1y1">
+        <a-col flex="1 1 auto">
+          <a-row :wrap="false">
+            <a-col flex="1 1 300px" class="y1y1x1">
+              <a-space>
+                <a-input placeholder="部门名称" />
+                <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                <a-button :icon="h(UndoOutlined)">重置</a-button>
+              </a-space>
+            </a-col>
+            <a-col flex="0 0 200px" class="y1y1x2">
+              <a-button type="primary" :icon="h(PlusOutlined)" @click="doShowModalAdd(true)">新建机构</a-button>
+            </a-col>
+          </a-row>
+        </a-col>
+      </a-row>
+      <a-row :wrap="false" class="y1y2">
+        <a-col flex="1 1 auto">
+          <a-table class="ant-table-striped" :dataSource="dataSource" :columns="columns"
+            :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')">
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'k1a'">
+                <a-row>
+                  <a-col :span="5">
+                    <div style="text-align: center;">
+                      <a-image :width="40"
+                        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                    </div>
+                  </a-col>
+                  <a-col :span="19">
+                    <div>{{ record.k1a }}</div>
+                  </a-col>
+                </a-row>
+              </template>
+              <template v-else-if="column.key === 'k7'">
+                <template v-if="record.k7 == true">
+                  <a-row>
+                    <a-col :span="6">
+                      <div class="dot-true"></div>
+                    </a-col>
+                    <a-col :span="18">
+                      <div>启用</div>
+                    </a-col>
+                  </a-row>
+                </template>
+                <template v-else>
+                  <a-row>
+                    <a-col :span="6">
+                      <div class="dot-false"></div>
+                    </a-col>
+                    <a-col :span="18">
+                      <div>禁用</div>
+                    </a-col>
+                  </a-row>
+                </template>
+              </template>
+              <template v-else-if="column.key === 'action'">
+                <a-space size="0">
+                  <template #split>
+                    <a-divider type="vertical" />
+                  </template>
+                  <!-- <a-button type="link" :icon="h(EditOutlined)" @click=doShowModalEdit(true, record)>编辑</a-button> -->
+                  <a-button type="link" :icon="h(DeleteOutlined)" danger>删除</a-button>
+                </a-space>
+              </template>
+            </template>
+          </a-table>
+        </a-col>
+      </a-row>
+      <ModalAdd :isShow="isShowModalAdd" @do-cancel="doShowModalAdd"></ModalAdd>
+      <ModalEdit :isShow="isShowModalEdit" :record="record" @do-cancel="doShowModalEdit"></ModalEdit>
+    </a-col>
+  </a-row>
+</template>
+<style lang="less" scoped>
+.y1-enterprise-centre-branch {
+  margin: 24px;
+  border-radius: 3px;
+  font-size: 14px;
+  background-color: #FFFFFF;
+
+  .y1y1 {
+    margin: 24px;
+  }
+
+  .y1y2 {
+    margin: 24px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ConfirmDel.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ConfirmDel.vue
new file mode 100644
index 0000000..e69de29
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalAdd.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalAdd.vue
new file mode 100644
index 0000000..efe1da3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalAdd.vue
@@ -0,0 +1,77 @@
+
+<script lang="ts" setup>
+import TransferList from './TransferList.vue'
+import { reactive } from 'vue';
+
+interface FormState {
+  k1: string;
+  k2: string;
+  k3: string;
+  k4: string;
+  k5: string;
+}
+
+const formState = reactive<FormState>({
+  k1: '',
+  k2: '济钢城市矿产科技有限公司',
+  k3: '',
+  k4: '',
+  k5: '',
+});
+
+const props = defineProps({
+  isShow: Boolean
+})
+const emit = defineEmits(['doCancel'])
+// 模态显示
+// const isOpen: any = ref(true);
+// 确认
+const doOk = (e: MouseEvent) => {
+  console.log('ok');
+  emit('doCancel', false)
+}
+// 取消
+const doCancel = (e: MouseEvent) => {
+  emit('doCancel', false)
+}
+const onFinish = (values: any) => {
+  console.log('Success:', values);
+};
+
+const onFinishFailed = (errorInfo: any) => {
+  console.log('Failed:', errorInfo);
+};
+
+const onSelect = (errorInfo: any) => {
+  console.log('onSelect');
+};
+
+</script>
+
+<template>
+  <template v-if="props.isShow">
+    <a-modal :open="true" title="新建机构" @ok="doOk" @cancel="doCancel">
+      <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off"
+        @finish="onFinish" @finishFailed="onFinishFailed">
+        <a-form-item label="机构名称" name="k1" :rules="[{ required: true, message: '请输入机构名称!' }]">
+          <a-input v-model:value="formState.k1" placeholder="输入内容" />
+        </a-form-item>
+        <a-form-item label="上级机构" name="k2" :rules="[]">
+          <a-input v-model:value="formState.k2" disabled />
+        </a-form-item>
+        <a-form-item label=" 负责人员" name="k3" :rules="[{ required: true, message: '请选择负责人员!' }]">
+          <a-input v-model:value="formState.k3" placeholder="选择人员" @click="onSelect" />
+        </a-form-item>
+        <a-form-item label=" 联系电话" name="k4" :rules="[{ required: true, message: '请输入联系电话!' }]">
+          <a-input v-model:value="formState.k4" placeholder="输入内容" />
+        </a-form-item>
+        <a-form-item label=" 机构描述" name="k5" :rules="[]">
+          <a-textarea v-model:value="formState.k5" placeholder="输入内容" :auto-size="{ minRows: 4, maxRows: 6 }" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+    <TransferList isShow="true"></TransferList>
+  </template>
+</template>
+
+<style lang="less" scoped></style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalEdit.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalEdit.vue
new file mode 100644
index 0000000..3ddd2c0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/ModalEdit.vue
@@ -0,0 +1,73 @@
+
+<script lang="ts" setup>
+import TransferList from './TransferList.vue'
+import { reactive } from 'vue';
+
+interface FormState {
+  k1: string;
+  k2: string;
+  k3: string;
+  k4: string;
+  k5: string;
+}
+
+const formState = reactive<FormState>({
+  k1: '',
+  k2: '济钢城市矿产科技有限公司',
+  k3: '',
+  k4: '',
+  k5: '',
+});
+
+const props = defineProps({
+  isShow: Boolean,
+  record: Object
+})
+const emit = defineEmits(['doCancel'])
+// 模态显示
+// const isOpen: any = ref(true);
+// 确认
+const doOk = (e: MouseEvent) => {
+  console.log('ok');
+  emit('doCancel', [false, null])
+}
+// 取消
+const doCancel = (e: MouseEvent) => {
+  emit('doCancel', [false, null])
+}
+const onFinish = (values: any) => {
+  console.log('Success:', values);
+};
+
+const onFinishFailed = (errorInfo: any) => {
+  console.log('Failed:', errorInfo);
+};
+
+</script>
+
+<template>
+  <template v-if="props.isShow">
+    <a-modal :open="true" title="新建机构" @ok="doOk" @cancel="doCancel">
+      <a-form :model="formState" name="basic" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }" autocomplete="off"
+        @finish="onFinish" @finishFailed="onFinishFailed">
+        <a-form-item label="机构名称" name="k1" :rules="[{ required: true, message: '请输入机构名称!' }]">
+          <a-input v-model:value="formState.k1" placeholder="输入内容" />
+        </a-form-item>
+        <a-form-item label="上级机构" name="k2" :rules="[]">
+          <a-input v-model:value="formState.k2" disabled />
+        </a-form-item>
+        <a-form-item label=" 负责人员" name="k3" :rules="[{ required: true, message: '请选择负责人员!' }]">
+          <a-input v-model:value="formState.k3" placeholder="选择人员" />
+        </a-form-item>
+        <a-form-item label=" 联系电话" name="k4" :rules="[{ required: true, message: '请输入联系电话!' }]">
+          <a-input v-model:value="formState.k4" placeholder="输入内容" />
+        </a-form-item>
+        <a-form-item label=" 机构描述" name="k5" :rules="[]">
+          <a-textarea v-model:value="formState.k5" placeholder="输入内容" :auto-size="{ minRows: 4, maxRows: 6 }" />
+        </a-form-item>
+      </a-form>
+    </a-modal>
+  </template>
+</template>
+
+<style lang="less" scoped></style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/TransferList.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/TransferList.vue
new file mode 100644
index 0000000..1da1e3e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/branch/src/TransferList.vue
@@ -0,0 +1,58 @@
+
+<script lang="ts" setup>
+import { reactive } from 'vue';
+
+interface FormState {
+  k1: string;
+  k2: string;
+  k3: string;
+  k4: string;
+  k5: string;
+}
+
+const formState = reactive<FormState>({
+  k1: '',
+  k2: '济钢城市矿产科技有限公司',
+  k3: '',
+  k4: '',
+  k5: '',
+});
+
+const props = defineProps({
+  isShow: Boolean
+})
+const emit = defineEmits(['doCancel'])
+// 模态显示
+// const isOpen: any = ref(true);
+// 确认
+const doOk = (e: MouseEvent) => {
+  console.log('ok');
+  emit('doCancel', false)
+}
+// 取消
+const doCancel = (e: MouseEvent) => {
+  emit('doCancel', false)
+}
+const onFinish = (values: any) => {
+  console.log('Success:', values);
+};
+
+const onFinishFailed = (errorInfo: any) => {
+  console.log('Failed:', errorInfo);
+};
+
+const onSelect = (errorInfo: any) => {
+  console.log('onSelect');
+};
+
+</script>
+
+<template>
+  <template v-if="props.isShow">
+    <a-modal :open="true" title="选择负责人员" @ok="doOk" @cancel="doCancel">
+      cs
+    </a-modal>
+  </template>
+</template>
+
+<style lang="less" scoped></style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue
new file mode 100644
index 0000000..1104635
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/index.vue
@@ -0,0 +1,290 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { DownOutlined } from '@ant-design/icons-vue'
+import BasicInfo from './src/BasicInfo.vue'
+import AuthInfo from './src/AuthInfo.vue'
+import Branch from './src/Branch.vue'
+import OrgInfo from './src/OrgInfo.vue'
+import EmployeeInfo from './src/EmployeeInfo.vue'
+import CustomerInfo from './src/CustomerInfo.vue'
+import SupplierInfo from './src/SupplierInfo.vue'
+import ProviderInfo from './src/ProviderInfo.vue'
+import OperateRecords from './src/OperateRecords.vue'
+import headerImg from '@/assets/images/test/w100h100.png'
+
+const activeKey = ref('1')
+</script>
+
+<template>
+  <a-row :wrap="false" class="y1">
+    <a-col flex="1 1 auto">
+      <a-row :wrap="false" class="y1y1">
+        <a-col flex="0 0 100px">
+          <a-image :width="100" :height="100" :src="headerImg" />
+        </a-col>
+        <a-col flex="1 1 300px" class="y1y1x2">
+          济钢城市矿产科技有限公司（总公司）
+        </a-col>
+        <a-col flex="0 0 300px" class="y1y1x3">
+          <div class="xy-right">
+            <a-dropdown type="primary" class="xy-right-one">
+              <template #overlay>
+                <a-menu>
+                  <a-menu-item key="1">
+                    企业认证
+                  </a-menu-item>
+                  <a-menu-item key="2">
+                    维护机构
+                  </a-menu-item>
+                  <a-menu-item key="3">
+                    维护组织
+                  </a-menu-item>
+                  <a-menu-item key="4">
+                    维护员工
+                  </a-menu-item>
+                  <a-menu-item key="5">
+                    维护业务线
+                  </a-menu-item>
+                </a-menu>
+              </template>
+              <a-button>
+                主操作
+                <DownOutlined />
+              </a-button>
+            </a-dropdown>
+            <a-button class="xy-right-one">
+              编辑
+            </a-button>
+            <a-button class="xy-right-one">
+              打印
+            </a-button>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row :wrap="false" class="y1y2">
+        <a-col flex="1 1 100px" class="y1y2x1">
+          <a-row :wrap="false" class="y1y2x1y1">
+            <a-col flex="85px">
+              <span class="xy-label">商户代码：</span>
+            </a-col>
+            <a-col flex="200px">
+              <span class="xy-cnt">CO2023099999877</span>
+            </a-col>
+            <a-col flex="85px">
+              <span class="xy-label">行业类型：</span>
+            </a-col>
+            <a-col flex="200px">
+              <span class="xy-cnt">资源</span>
+            </a-col>
+            <a-col flex="85px">
+              <span class="xy-label">首联系人：</span>
+            </a-col>
+            <a-col flex="200px">
+              <span class="xy-cnt">徐守量（2683902877255）</span>
+            </a-col>
+          </a-row>
+          <a-row :wrap="false" class="y1y2x1y2">
+            <a-col flex="85px">
+              <span class="xy-label">平台对接人：</span>
+            </a-col>
+            <a-col flex="200px">
+              <span class="xy-cnt">雪豹（19340873890）</span>
+            </a-col>
+            <a-col flex="85px">
+              <span class="xy-label">创建时间：</span>
+            </a-col>
+            <a-col flex="200px">
+              <span class="xy-cnt">2023/09/03 23：23:00</span>
+            </a-col>
+          </a-row>
+        </a-col>
+        <a-col flex="0 0 220px" class="y1y2x2">
+          <a-row :wrap="false" class="y1y2x2y1">
+            <a-col flex="1 1 auto">
+              <span class="xy-label">合约状态</span>
+            </a-col>
+            <a-col flex="1 1 auto">
+              <span class="xy-label">商户状态</span>
+            </a-col>
+          </a-row>
+          <a-row :wrap="false" class="y1y2x2y2">
+            <a-col flex="1 1 auto">
+              <span class="xy-yes">
+                <div class="xy-dot-true" />生效中
+              </span>
+            </a-col>
+            <a-col flex="1 1 auto">
+              <span class="xy-no">
+                <div class="xy-dot-false" />未开通
+              </span>
+            </a-col>
+          </a-row>
+        </a-col>
+      </a-row>
+    </a-col>
+  </a-row>
+  <a-row :wrap="false" class="y2">
+    <a-col flex="1 1 auto" class="y2y1">
+      <a-tabs v-model:activeKey="activeKey">
+        <a-tab-pane key="1">
+          <template #tab>
+            <span class="tab-title">
+              基本信息
+            </span>
+          </template>
+          <BasicInfo />
+        </a-tab-pane>
+        <a-tab-pane key="2">
+          <template #tab>
+            <span class="tab-title">
+              认证信息
+            </span>
+          </template>
+          <AuthInfo />
+        </a-tab-pane>
+        <a-tab-pane key="3">
+          <template #tab>
+            <span class="tab-title">
+              分支机构
+            </span>
+          </template>
+          <Branch />
+        </a-tab-pane>
+        <a-tab-pane key="4">
+          <template #tab>
+            <span class="tab-title">
+              组织信息
+            </span>
+          </template>
+          <OrgInfo />
+        </a-tab-pane>
+        <a-tab-pane key="5">
+          <template #tab>
+            <span class="tab-title">
+              员工信息
+            </span>
+          </template>
+          <EmployeeInfo />
+        </a-tab-pane>
+        <a-tab-pane key="6">
+          <template #tab>
+            <span class="tab-title">
+              客户信息
+            </span>
+          </template>
+          <CustomerInfo />
+        </a-tab-pane>
+        <a-tab-pane key="7">
+          <template #tab>
+            <span class="tab-title">
+              供应商信息
+            </span>
+          </template>
+          <SupplierInfo />
+        </a-tab-pane>
+        <a-tab-pane key="8">
+          <template #tab>
+            <span class="tab-title">
+              服务商信息
+            </span>
+          </template>
+          <ProviderInfo />
+        </a-tab-pane>
+        <a-tab-pane key="9">
+          <template #tab>
+            <span class="tab-title">
+              操作记录
+            </span>
+          </template>
+          <OperateRecords />
+        </a-tab-pane>
+      </a-tabs>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.xy-label {
+  color: #8C8C8C;
+}
+
+.xy-cnt {
+  color: #262626;
+}
+
+.xy-yes {
+  font-size: 20px;
+  color: #15AD31;
+}
+
+.xy-no {
+  font-size: 20px;
+  color: #EE3A3D;
+}
+
+.xy-dot-true {
+  float: left;
+  width: 10px;
+  height: 10px;
+  margin: 10px 2px;
+  background-color: #15AD31;
+  border-radius: 100%;
+}
+
+.xy-dot-false {
+  float: left;
+  width: 10px;
+  height: 10px;
+  margin: 10px 2px;
+  background-color: #EE3A3D;
+  border-radius: 100%;
+}
+
+.xy-right {
+  float: right;
+
+  .xy-right-one {
+    margin-left: 10px;
+  }
+}
+
+.y1 {
+  margin: 24px;
+  font-size: 14px;
+  background-color: #FFF;
+  border-radius: 3px;
+
+  .y1y1 {
+    margin: 24px;
+
+    .y1y1x2 {
+      padding: 34px 18px;
+      font-size: 18px;
+      line-height: 28px;
+    }
+
+    .y1y1x3 {
+      padding: 34px 0;
+    }
+  }
+
+  .y1y2 {
+    height: 106px;
+    padding: 24px;
+    margin: 24px;
+    line-height: 29px;
+    background-color: #F7F8FA;
+  }
+}
+
+.y2 {
+  margin: 24px;
+  font-size: 14px;
+  background-color: #FFF;
+  border-radius: 3px;
+
+  .y2y1 {
+    margin: 24px;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue
new file mode 100644
index 0000000..d573d58
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/AuthInfo.vue
@@ -0,0 +1,250 @@
+<script lang="ts" setup>
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+</script>
+
+<template>
+  <a-row :wrap="false" class="auth-info-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="认证信息" :bordered="false" style="border-radius: 3px;" :headStyle=headStyleV>
+        <div class="xy-infoa-box">
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">主体信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户代码：</div>
+                <div class="xy-text">CO202309030001</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户名称：</div>
+                <div class="xy-text">济钢城市矿产科技有限公司</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">主体类型：</div>
+                <div class="xy-text">国有企业</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">注册地址：</div>
+                <div class="xy-text">山东省济南市历城区工业北路21号</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">社会统一信息代码：</div>
+                <div class="xy-text">91370112725410170P</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">经营期限：</div>
+                <div class="xy-text">2000-10-13 至 无固定期限</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件照片：</div>
+                <div class="xy-text">证件照片 <a>查看</a></div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">经营范围：</div>
+                <div class="xy-text">
+                  许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">法定代表人信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">实际操作人：</div>
+                <div class="xy-text">代办人</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">法定代表人姓名：</div>
+                <div class="xy-text">徐守亮</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件类型：</div>
+                <div class="xy-text">身份证 <a>查看</a></div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件号码：</div>
+                <div class="xy-text">310403****5618</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">出生日期：</div>
+                <div class="xy-text">1991-02-13</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件有效期：</div>
+                <div class="xy-text">2023-09-03 至 2040-11-13</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">代办人姓名：</div>
+                <div class="xy-text">小王</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件类型：</div>
+                <div class="xy-text">身份证 <a>查看</a></div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件号码：</div>
+                <div class="xy-text">320925****5618</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">出生日期：</div>
+                <div class="xy-text">1998-03-19</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">证件有效期：</div>
+                <div class="xy-text">2022-11-10 至 2040-11-09</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">待办授权书：</div>
+                <div class="xy-text">授权书 <a>查看</a></div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">经营信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">联系人姓名：</div>
+                <div class="xy-text">康宁</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">手机号：</div>
+                <div class="xy-text">13112345678</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">常用邮箱：</div>
+                <div class="xy-text">123456789@126.com</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">财务信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">发票抬头：</div>
+                <div class="xy-text">济钢城市矿产科技有限公司</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户税号：</div>
+                <div class="xy-text">91370112725410170P</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">开户银行：</div>
+                <div class="xy-text">工商银行普陀支行</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">银行账号：</div>
+                <div class="xy-text">370112000000831</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">电话号码：</div>
+                <div class="xy-text">0531-8886****</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">注册地址：</div>
+                <div class="xy-text">山东省济南市历城区工业北路21号</div>
+              </div>
+            </a-col>
+          </a-row>
+        </div>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.auth-info-y1 {
+  margin: 24px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue
new file mode 100644
index 0000000..ac6b474
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/BasicInfo.vue
@@ -0,0 +1,285 @@
+<script lang="ts" setup>
+import { ref } from 'vue';
+const current = ref<number>(1);
+const stepItems = [
+  {
+    title: '提交申请',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '信息确认',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '商户认证',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '商户审核',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '购买产品',
+    description: '2023-09-03 23:26:08'
+  },
+  {
+    title: '平台开通',
+    description: '2023-09-03 23:26:08'
+  }
+];
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+</script>
+
+<template>
+  <a-row :wrap="false" class="basic-info-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="流程进度" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-steps v-model:current="current" :items="stepItems">
+          <template #progressDot="{ index, status, prefixCls }">
+            <a-popover>
+              <template #content>
+                <span>step {{ index }} status: {{ status }}</span>
+              </template>
+              <span :class="`${prefixCls}-icon-dot`" />
+            </a-popover>
+          </template>
+        </a-steps>
+      </a-card>
+    </a-col>
+  </a-row>
+  <a-row :wrap="false" class="basic-info-y2">
+    <a-col flex="1 1 auto">
+      <a-card title="基本信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <div class="stycus-infoa-box">
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">基本信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户代码：</div>
+                <div class="xy-text">CO202309030001</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户名称：</div>
+                <div class="xy-text">济钢城市矿产科技有限公司</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户简称/英文名称：</div>
+                <div class="xy-text">城矿</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">主体类型：</div>
+                <div class="xy-text">国有企业</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">行业类型：</div>
+                <div class="xy-text">道路运输业</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">所在城市：</div>
+                <div class="xy-text">山东省济南市</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">最后更新时间：</div>
+                <div class="xy-text">2023-09-03 23:26:08</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">首联系人：</div>
+                <div class="xy-text">徐守亮</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">手机号码：</div>
+                <div class="xy-text">18612345678</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">职位：</div>
+                <div class="xy-text">法定代表人</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">详细信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">详细地址：</div>
+                <div class="xy-text">山东省济南市历城区工业北路21号8</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司电话：</div>
+                <div class="xy-text">0531-8886****</div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司传真：</div>
+                <div class="xy-text">0531-8886****</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司网址：</div>
+                <div class="xy-text">--</div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-a1">
+                <div class="xy-label">公司介绍：</div>
+                <div class="xy-text">
+                  济钢城市矿产科技有限公司成立于2000年10月13日，注册地位于山东省济南市历城区工业北路21号，法定代表人为徐守亮。经营范围包括许可项目：报废机动车回收；报废机动车拆解；道路货物运输（不含危险货物）；城市建筑垃圾处置（清运）；成品油零售（不含危险化学品）。（依法须经批准的项目，经相关部门批准后方可开展经营活动，具体经营项目以相关部门批准文件或许可证件为准）一般项目：再生资源加工；再生资源回收（除生产性废旧金属）；再生资源销售；建筑材料销售；水泥制品制造；水泥制品销售；国内货物运输代理；机动车修理和维护；装卸搬运；普通货物仓储服务（不含危险化学品等需许可审批的项目）；化工产品销售（不含许可类化工产品）；汽车零配件零售；润滑油销售；机械设备销售；机械设备租赁；金属材料销售；金属矿石销售；锻件及粉末冶金制品销售；煤炭及制品销售；土石方工程施工；非居住房地产租赁；金属切削加工服务；矿物洗选加工；非金属矿及制品销售；耐火材料销售；货物进出口；人造板销售；软木制品销售；日用木制品销售；家具销售；木材销售；地板销售。（除依法须经批准的项目外，凭营业执照依法自主开展经营活动）济钢城市矿产科技有限公司对外投资3家公司，具有3处分支机构。
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="24">
+              <div class="xy-info-title-a1">
+                <span class="xy-icon">▋</span><span class="xy-text">财务信息</span>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">发票抬头：</div>
+                <div class="xy-text">
+                  夏晖物流（上海）有限公司
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">商户税号：</div>
+                <div class="xy-text">
+                  91310000729447****
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">开户银行：</div>
+                <div class="xy-text">
+                  工商银行普陀支行
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+          <a-row>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">银行账号：</div>
+                <div class="xy-text">
+                  310000400286498
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">电话号码：</div>
+                <div class="xy-text">
+                  021-88888888
+                </div>
+              </div>
+            </a-col>
+            <a-col :span="8">
+              <div class="xy-info-a1">
+                <div class="xy-label">注册地址：</div>
+                <div class="xy-text">
+                  上海市普陀区近铁城市广场
+                </div>
+              </div>
+            </a-col>
+          </a-row>
+        </div>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+.basic-info-y1 {
+  margin: 24px 0px;
+}
+
+.basic-info-y2 {
+  margin: 24px 0px;
+}
+</style>
+<style lang="less">
+.xy-info-title-a1 {
+  padding: 14px;
+  line-height: 28px;
+  font-weight: 500;
+
+  .xy-icon {
+    font-family: "阿里巴巴普惠体 2.0 65 Medium", "阿里巴巴普惠体 2.0 55", "阿里巴巴普惠体 2.0", sans-serif;
+    color: #409EFF;
+  }
+
+  .xy-text {
+    padding-left: 5px;
+    color: #666666;
+  }
+}
+
+.xy-info-a1 {
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: row;
+  line-height: 28px;
+  font-size: 14px;
+  padding: 12px;
+
+  .xy-label {
+    min-width: 130px;
+    font-weight: 500;
+    text-align: right;
+    color: #8C8C8C;
+  }
+
+  .xy-text {
+    padding-left: 10px;
+    color: #262626;
+  }
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue
new file mode 100644
index 0000000..864da8a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/Branch.vue
@@ -0,0 +1,321 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1'
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2'
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3',
+        children: [
+          {
+            key: '0-0-3-1', title: ' 废钢', children: [
+              { key: '0-0-3-1-1', title: ' 仓库名称A' },
+              { key: '0-0-3-1-2', title: ' 生产车间B' },
+              { key: '0-0-3-1-3', title: ' 仓库名称C' }
+            ]
+          },
+          { key: '0-0-3-2', title: ' 废铁' },
+          { key: '0-0-3-3', title: ' 废铝' },
+          { key: '0-0-3-4', title: ' 废纸' },
+          { key: '0-0-3-5', title: ' 煤炭' },
+        ],
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '分支机构名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+  },
+  {
+    title: '负责人',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'k3',
+    key: 'k3',
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'k4',
+    key: 'k4',
+  },
+  {
+    title: '包含仓库',
+    dataIndex: 'k5',
+    key: 'k5',
+  },
+  {
+    title: '关联员工',
+    dataIndex: 'k6',
+    key: 'k6',
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+  },
+  {
+    title: '最后更新时间',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k9',
+    key: 'k9',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '济钢城市矿产科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '徐守亮',
+    k3: '18612345678',
+    k4: '12345678@126.com',
+    k5: 100,
+    k6: 100,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '2',
+    k1a: '日照济钢金属科技有限公司',
+    k1b: 'JGCSKC202309030002',
+    k1c: 'JGCSKC202309030001',
+    k2: '高鹏',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 50,
+    k6: 200,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '3',
+    k1a: '济钢城市矿产科技（佛山）有限公司',
+    k1b: 'JGCSKC202309030003',
+    k1c: 'JGCSKC202309030001',
+    k2: '王恒山',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 20,
+    k6: 300,
+    k7: false,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '4',
+    k1a: '山东济钢愿景工业科技有限公司',
+    k1b: 'JGCSKC202309030004',
+    k1c: 'JGCSKC202309030001',
+    k2: '邹慧丽',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 30,
+    k6: 400,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="分支机构" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="公司/业务线/仓库名称" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="姓名/工号/手机号/邮箱" />
+                    <a-select allowClear placeholder="状态选项">
+                      <a-select-option value="enable">启用</a-select-option>
+                      <a-select-option value="disable">禁用</a-select-option>
+                    </a-select>
+                    <a-range-picker v-model:value="valTime" />
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a-row>
+                          <a-col :span="5">
+                            <div style="text-align: center;">
+                              <a-image :width="40"
+                                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                            </div>
+                          </a-col>
+                          <a-col :span="19">
+                            <div>{{ record.k1a }}</div>
+                            <div>{{ record.k1b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>启用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>禁用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k9'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue
new file mode 100644
index 0000000..0341f4a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/CustomerInfo.vue
@@ -0,0 +1,492 @@
+<script lang="ts" setup>
+import { h, ref, watch } from 'vue'
+import type { TreeProps } from 'ant-design-vue'
+import difference from 'lodash-es/difference'
+import type { Dayjs } from 'dayjs'
+import {
+  ReloadOutlined,
+  SearchOutlined,
+  UndoOutlined,
+} from '@ant-design/icons-vue'
+
+
+type RangeValue = [Dayjs, Dayjs]
+const valTime = ref<RangeValue>()
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1',
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2',
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3',
+        children: [
+          {
+            title: '废钢',
+            key: '0-0-3-1',
+          },
+          {
+            title: '废铁',
+            key: '0-0-3-2',
+          },
+          {
+            title: '废铝',
+            key: '0-0-3-3',
+          },
+          {
+            title: '废纸',
+            key: '0-0-3-4',
+          },
+          {
+            title: '煤炭',
+            key: '0-0-3-5',
+          },
+        ],
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4',
+      },
+    ],
+  },
+]
+
+const expandedKeys = ref<string[]>(['0-0'])
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1'])
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1'])
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys)
+})
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys)
+})
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys)
+})
+function handleExpand(keys: string[], { expanded, node }) {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key)
+  if (expanded) 
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key)
+  
+  else 
+    expandedKeys.value = keys
+  
+}
+// 右边
+const headStyleV: any = { 'color': '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows)
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows)
+  },
+})
+const columns: any = [
+  {
+    title: '客户名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+    sorter: true,
+    fixed: 'left',
+    width: 150,
+  },
+  {
+    title: '客户分类',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+    width: 120,
+  },
+  {
+    title: '客户类型',
+    dataIndex: 'k3',
+    key: 'k3',
+    sorter: true,
+    width: 120,
+  },
+  {
+    title: '资金款项',
+    dataIndex: 'k4',
+    key: 'k4',
+    sorter: true,
+    width: 120,
+  },
+  {
+    title: '合作模式',
+    dataIndex: 'k5a',
+    key: 'k5a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '隶属机构/业务线',
+    dataIndex: 'k6a',
+    key: 'k6a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '客户分级',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '归属人员',
+    dataIndex: 'k9',
+    key: 'k9',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '新增时间',
+    dataIndex: 'k10a',
+    key: 'k10a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k11a',
+    key: 'k11a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '操作',
+    dataIndex: 'key',
+    key: 'key',
+    fixed: 'right',
+    width: 100,
+  },
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '客户名称',
+    k1b: '20230910001',
+    k2: '一级',
+    k3: '钢厂',
+    k4: '垫资',
+    k5a: '联营',
+    k5b: '业绩返点',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '已关闭',
+    k8: '1',
+    k9: '康宁',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+]
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="客户信息" :bordered="false" style="border-radius: 3px;" :head-style="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0 20px;">
+              <a-input placeholder="公司/业务线" />
+            </div>
+            <div style="padding: 0 20px;">
+              <a-tree
+                v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand"
+              >
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>
+                    {{ title }}
+                  </template>
+                </template>
+              </a-tree>
+            </div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :head-style="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0 0 16px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="客户名称或编号" />
+                    <a-select allow-clear placeholder="客户状态">
+                      <a-select-option value="opt1">
+                        待确认
+                      </a-select-option>
+                      <a-select-option value="opt2">
+                        待认证
+                      </a-select-option>
+                      <a-select-option value="opt3">
+                        待审核
+                      </a-select-option>
+                      <a-select-option value="opt4">
+                        待签署
+                      </a-select-option>
+                      <a-select-option value="opt5">
+                        正常合作
+                      </a-select-option>
+                      <a-select-option value="opt6">
+                        暂停合作
+                      </a-select-option>
+                      <a-select-option value="opt7">
+                        已关闭
+                      </a-select-option>
+                    </a-select>
+                    <a-select allow-clear placeholder="客户类型">
+                      <a-select-option value="opt1">
+                        钢厂
+                      </a-select-option>
+                      <a-select-option value="opt2">
+                        钢贸企业
+                      </a-select-option>
+                      <a-select-option value="opt3">
+                        VIP大客户
+                      </a-select-option>
+                      <a-select-option value="opt4">
+                        其他企业
+                      </a-select-option>
+                    </a-select>
+                    <a-button type="primary" :icon="h(SearchOutlined)">
+                      查询
+                    </a-button>
+                    <a-button :icon="h(UndoOutlined)">
+                      重置
+                    </a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0 16px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table
+                    class="ant-table-striped" :data-source="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')"
+                    :scroll="{ x: 1500, y: 500 }"
+                  >
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1a }}</div>
+                            </a-col>
+                          </a-row>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1b }}</div>
+                            </a-col>
+                          </a-row>
+                        </a>
+                      </template>
+                      <template v-else-if="column.key === 'k5a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k5a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k5b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k6a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k6a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k6b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k4a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k5'">
+                        <template v-if="record.k5 == true">
+                          <div class="dot-true" />启用
+                        </template>
+                        <template v-else>
+                          <div class="dot-false" />禁用
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == 'opt1'">
+                          <span class="dot-true" /><span>已关闭</span>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>离线</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k8'">
+                        <a-rate :value="record.k8" disabled />
+                      </template>
+                      <template v-else-if="column.key === 'k10a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k11a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'key'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  color: rgb(102 102 102);
+  background-color: rgb(245 245 245);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255 255 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245 245 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  margin: 7px 0;
+  background-color: green;
+  border-radius: 100%;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  margin: 7px 0;
+  background-color: red;
+  border-radius: 100%;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue
new file mode 100644
index 0000000..f472be5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/EmployeeInfo.vue
@@ -0,0 +1,550 @@
+<script lang="ts" setup>
+import { h, ref, watch } from 'vue'
+import type { TreeProps } from 'ant-design-vue'
+import difference from 'lodash-es/difference'
+import type { Dayjs } from 'dayjs'
+import {
+  ReloadOutlined,
+  SearchOutlined,
+  UndoOutlined,
+} from '@ant-design/icons-vue'
+
+
+type RangeValue = [Dayjs, Dayjs]
+const valTime = ref<RangeValue>()
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1',
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2',
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3',
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4',
+      },
+    ],
+  },
+]
+
+const expandedKeys = ref<string[]>(['0-0'])
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1'])
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1'])
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys)
+})
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys)
+})
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys)
+})
+function handleExpand(keys: string[], { expanded, node }) {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key)
+  if (expanded) 
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key)
+  
+  else 
+    expandedKeys.value = keys
+  
+}
+// 右边
+const headStyleV: any = { 'color': '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows)
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows)
+  },
+})
+const columns: any = [
+  {
+    title: '姓名',
+    dataIndex: 'k1a',
+    key: 'k1a',
+    sorter: true,
+    fixed: 'left',
+    width: 150,
+  },
+  {
+    title: '职务',
+    dataIndex: 'k2a',
+    key: 'k2a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '组织部门',
+    dataIndex: 'k3a',
+    key: 'k3a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '关联业务',
+    dataIndex: 'k4a',
+    key: 'k4a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '账号状态',
+    dataIndex: 'k5',
+    key: 'k5',
+    width: 200,
+  },
+  {
+    title: '手机',
+    dataIndex: 'k6',
+    key: 'k6',
+    width: 200,
+  },
+  {
+    title: '在线状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '最后登录',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '添加时间',
+    dataIndex: 'k9a',
+    key: 'k9a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k10a',
+    key: 'k10a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k1a',
+    key: 'key',
+    fixed: 'right',
+    width: 100,
+  },
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '2',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '3',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '4',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '5',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '6',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: false,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '7',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: false,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '8',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+]
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="员工信息" :bordered="false" style="border-radius: 3px;" :head-style="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0 20px;">
+              <a-input placeholder="公司名称" />
+            </div>
+            <div style="padding: 0 20px;">
+              <a-tree
+                v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand"
+              >
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>
+                    {{ title }}
+                  </template>
+                </template>
+              </a-tree>
+            </div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :head-style="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0 0 16px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="编号/姓名/账号/手机" />
+                    <a-select allow-clear placeholder="选择职位">
+                      <a-select-option value="opt1">
+                        选择项一
+                      </a-select-option>
+                      <a-select-option value="opt2">
+                        选择项二
+                      </a-select-option>
+                      <a-select-option value="opt3">
+                        选择项三
+                      </a-select-option>
+                      <a-select-option value="opt4">
+                        选择项四
+                      </a-select-option>
+                      <a-select-option value="opt5">
+                        选择项五
+                      </a-select-option>
+                    </a-select>
+                    <a-select allow-clear placeholder="状态选项">
+                      <a-select-option value="enable">
+                        启用
+                      </a-select-option>
+                      <a-select-option value="disable">
+                        禁用
+                      </a-select-option>
+                    </a-select>
+                    <a-range-picker v-model:value="valTime" />
+                    <a-button type="primary" :icon="h(SearchOutlined)">
+                      查询
+                    </a-button>
+                    <a-button :icon="h(UndoOutlined)">
+                      重置
+                    </a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0 16px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table
+                    class="ant-table-striped" :data-source="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')" :scroll="{ x: 1500, y: 500 }"
+                  >
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1a }}</div>
+                            </a-col>
+                          </a-row>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1b }}</div>
+                            </a-col>
+                          </a-row>
+                        </a>
+                      </template>
+                      <template v-else-if="column.key === 'k2a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k2a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k2b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k3a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k3a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k3b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k4a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k5'">
+                        <template v-if="record.k5 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>启用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>禁用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>在线</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false" />
+                            </a-col>
+                            <a-col :span="18">
+                              <div>离线</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k9a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k9a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k9b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k10a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'key'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  color: rgb(102 102 102);
+  background-color: rgb(245 245 245);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255 255 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245 245 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  margin: 7px 0;
+  background-color: green;
+  border-radius: 100%;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  margin: 7px 0;
+  background-color: red;
+  border-radius: 100%;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperateRecords.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperateRecords.vue
new file mode 100644
index 0000000..086433f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OperateRecords.vue
@@ -0,0 +1,169 @@
+<script lang="ts" setup>
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const columns: any = [
+  {
+    title: '操作时间',
+    dataIndex: 'k1',
+    key: 'k1',
+  },
+  {
+    title: '操作者',
+    dataIndex: 'k2',
+    key: 'k2',
+  },
+  {
+    title: '操作类型',
+    dataIndex: 'k3',
+    key: 'k3',
+  },
+  {
+    title: '操作详情',
+    dataIndex: 'k4',
+    key: 'k4',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为启用（备注内容：***）'
+  },
+  {
+    key: '2',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为停用（备注内容：***）'
+  },
+  {
+    key: '3',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改部门',
+    k4: '修改部门（旧值：***  新值：***）'
+  },
+  {
+    key: '4',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改职务',
+    k4: '修改职务（旧值：***  新值：***）'
+  },
+  {
+    key: '5',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为启用（备注内容：***）'
+  },
+  {
+    key: '6',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为停用（备注内容：***）'
+  },
+  {
+    key: '7',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改部门',
+    k4: '修改部门（旧值：***  新值：***）'
+  },
+  {
+    key: '8',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改职务',
+    k4: '修改职务（旧值：***  新值：***）'
+  },
+  {
+    key: '9',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为启用（备注内容：***）'
+  },
+  {
+    key: '10',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为停用（备注内容：***）'
+  },
+  {
+    key: '11',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改部门',
+    k4: '修改部门（旧值：***  新值：***）'
+  },
+  {
+    key: '12',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改职务',
+    k4: '修改职务（旧值：***  新值：***）'
+  },
+  {
+    key: '13',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为启用（备注内容：***）'
+  },
+  {
+    key: '14',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改状态',
+    k4: '设为停用（备注内容：***）'
+  },
+  {
+    key: '15',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改部门',
+    k4: '修改部门（旧值：***  新值：***）'
+  },
+  {
+    key: '16',
+    k1: '2023-09-03 15:43:23',
+    k2: '康宁',
+    k3: '修改职务',
+    k4: '修改职务（旧值：***  新值：***）'
+  },
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="basic-info-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="操作记录" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-table class="ant-table-striped" :dataSource="dataSource" :columns="columns"
+          :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')"
+          :pagination="{ defaultPageSize: 100, hideOnSinglePage: true }">
+          <template #bodyCell="{ column, record }">
+          </template>
+        </a-table>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue
new file mode 100644
index 0000000..eeec121
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/OrgInfo.vue
@@ -0,0 +1,317 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '日照济钢金属',
+        key: '0-0-1'
+      },
+      {
+        title: '城市矿产科技',
+        key: '0-0-2',
+        children: [
+          {
+            key: '0-0-2-1', title: ' 行政组'
+          },
+          { key: '0-0-3-2', title: ' 领导组' },
+          { key: '0-0-3-3', title: ' 再生资源事业部' },
+          { key: '0-0-3-4', title: ' 采购组' },
+          { key: '0-0-3-5', title: ' 销售组' },
+        ],
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3'
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '分支机构名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+  },
+  {
+    title: '负责人',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'k3',
+    key: 'k3',
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'k4',
+    key: 'k4',
+  },
+  {
+    title: '包含仓库',
+    dataIndex: 'k5',
+    key: 'k5',
+  },
+  {
+    title: '关联员工',
+    dataIndex: 'k6',
+    key: 'k6',
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+  },
+  {
+    title: '最后更新时间',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k9',
+    key: 'k9',
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '济钢城市矿产科技有限公司',
+    k1b: 'JGCSKC202309030001',
+    k1c: 'JGCSKC202309030001',
+    k2: '徐守亮',
+    k3: '18612345678',
+    k4: '12345678@126.com',
+    k5: 100,
+    k6: 100,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '2',
+    k1a: '日照济钢金属科技有限公司',
+    k1b: 'JGCSKC202309030002',
+    k1c: 'JGCSKC202309030001',
+    k2: '高鹏',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 50,
+    k6: 200,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '3',
+    k1a: '济钢城市矿产科技（佛山）有限公司',
+    k1b: 'JGCSKC202309030003',
+    k1c: 'JGCSKC202309030001',
+    k2: '王恒山',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 20,
+    k6: 300,
+    k7: false,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  },
+  {
+    key: '4',
+    k1a: '山东济钢愿景工业科技有限公司',
+    k1b: 'JGCSKC202309030004',
+    k1c: 'JGCSKC202309030001',
+    k2: '邹慧丽',
+    k3: '18612344321',
+    k4: '12345678@126.com',
+    k5: 30,
+    k6: 400,
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9: '详情',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="组织信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="企业/部门" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="分支机构编号/名称/负责人" />
+                    <a-select allowClear placeholder="状态选项">
+                      <a-select-option value="enable">启用</a-select-option>
+                      <a-select-option value="disable">禁用</a-select-option>
+                    </a-select>
+                    <a-range-picker v-model:value="valTime" />
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a-row>
+                          <a-col :span="5">
+                            <div style="text-align: center;">
+                              <a-image :width="40"
+                                src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
+                            </div>
+                          </a-col>
+                          <a-col :span="19">
+                            <div>{{ record.k1a }}</div>
+                            <div>{{ record.k1b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == true">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>启用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>禁用</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k9'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue
new file mode 100644
index 0000000..1f69bd1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/ProviderInfo.vue
@@ -0,0 +1,569 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1'
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2'
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3',
+        children: [
+          {
+            title: '废钢',
+            key: '0-0-3-1'
+          },
+          {
+            title: '废铁',
+            key: '0-0-3-2'
+          },
+          {
+            title: '废铝',
+            key: '0-0-3-3'
+          },
+          {
+            title: '废纸',
+            key: '0-0-3-4'
+          },
+          {
+            title: '煤炭',
+            key: '0-0-3-5'
+          }
+        ]
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '服务商名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+    sorter: true,
+    fixed: 'left',
+    width: 150
+  },
+  {
+    title: '服务商分类',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+    width: 120
+  },
+  {
+    title: '服务商类型',
+    dataIndex: 'k3',
+    key: 'k3',
+    sorter: true,
+    width: 120
+  },
+  {
+    title: '资金款项',
+    dataIndex: 'k4',
+    key: 'k4',
+    sorter: true,
+    width: 120
+  },
+  {
+    title: '合作模式',
+    dataIndex: 'k5a',
+    key: 'k5a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '隶属机构/业务线',
+    dataIndex: 'k6a',
+    key: 'k6a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '供应商分级',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '归属人员',
+    dataIndex: 'k9',
+    key: 'k9',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '新增时间',
+    dataIndex: 'k10a',
+    key: 'k10a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k11a',
+    key: 'k11a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '操作',
+    dataIndex: 'key',
+    key: 'key',
+    fixed: 'right',
+    width: 100
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '服务商名称',
+    k1b: '20230910001',
+    k2: '一级',
+    k3: '仓储企业',
+    k4: '垫资',
+    k5a: '买断',
+    k5b: '资源服务',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '已关闭',
+    k8: '1',
+    k9: '康宁',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '2',
+    k1a: '服务商名称',
+    k1b: '20230910002',
+    k2: '二级',
+    k3: '加工企业',
+    k4: '不垫资',
+    k5a: '买断',
+    k5b: '买断合作',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '待确认',
+    k8: '2',
+    k9: '开胜',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '3',
+    k1a: '服务商名称',
+    k1b: '20230910003',
+    k2: '三级',
+    k3: '运输企业',
+    k4: '垫资',
+    k5a: '买断',
+    k5b: '买断合作',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '待认证',
+    k8: '3',
+    k9: '云鹏',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '4',
+    k1a: '服务商名称',
+    k1b: '20230910004',
+    k2: '三级',
+    k3: '其他企业',
+    k4: '不垫资',
+    k5a: '买断',
+    k5b: '买断合作',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '待认证',
+    k8: '3',
+    k9: '云鹏',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '5',
+    k1a: '服务商名称',
+    k1b: '20230910005',
+    k2: '一级',
+    k3: '仓储企业',
+    k4: '垫资',
+    k5a: '买断',
+    k5b: '资源服务',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '已关闭',
+    k8: '1',
+    k9: '康宁',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '6',
+    k1a: '服务商名称',
+    k1b: '20230910006',
+    k2: '二级',
+    k3: '加工企业',
+    k4: '不垫资',
+    k5a: '买断',
+    k5b: '买断合作',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '待确认',
+    k8: '2',
+    k9: '开胜',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '7',
+    k1a: '服务商名称',
+    k1b: '20230910007',
+    k2: '三级',
+    k3: '运输企业',
+    k4: '不垫资',
+    k5a: '买断',
+    k5b: '买断合作',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '待认证',
+    k8: '3',
+    k9: '云鹏',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="服务商信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="公司/业务线" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="客户名称或编号" />
+                    <a-select allowClear placeholder="客户状态">
+                      <a-select-option value="opt1">待确认</a-select-option>
+                      <a-select-option value="opt2">待认证</a-select-option>
+                      <a-select-option value="opt3">待审核</a-select-option>
+                      <a-select-option value="opt4">待签署</a-select-option>
+                      <a-select-option value="opt5">正常合作</a-select-option>
+                      <a-select-option value="opt6">暂停合作</a-select-option>
+                      <a-select-option value="opt7">已关闭</a-select-option>
+                    </a-select>
+                    <a-select allowClear placeholder="客户类型">
+                      <a-select-option value="opt1">钢厂</a-select-option>
+                      <a-select-option value="opt2">钢贸企业</a-select-option>
+                      <a-select-option value="opt3">VIP大客户</a-select-option>
+                      <a-select-option value="opt4">其他企业</a-select-option>
+                    </a-select>
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')"
+                    :scroll="{ x: 1500, y: 500 }">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1a }}</div>
+                            </a-col>
+                          </a-row>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1b }}</div>
+                            </a-col>
+                          </a-row>
+                        </a>
+                      </template>
+                      <template v-else-if="column.key === 'k5a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k5a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k5b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k6a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k6a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k6b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k4a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k5'">
+                        <template v-if="record.k5 == true">
+                          <div class="dot-true"></div>启用
+                        </template>
+                        <template v-else>
+                          <div class="dot-false"></div>禁用
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == 'opt1'">
+                          <span class="dot-true"></span><span>已关闭</span>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>离线</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k8'">
+                        <a-rate :value=record.k8 disabled />
+                      </template>
+                      <template v-else-if="column.key === 'k10a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k11a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'key'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue
new file mode 100644
index 0000000..16de80e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/stpagea/enterpriseCentre/enterpriseDetails/src/SupplierInfo.vue
@@ -0,0 +1,455 @@
+<script lang="ts" setup>
+import { ref, watch, h } from 'vue'
+import type { TreeProps } from 'ant-design-vue';
+import difference from 'lodash-es/difference';
+import type { Dayjs } from 'dayjs';
+import {
+  SearchOutlined,
+  UndoOutlined,
+  ReloadOutlined
+} from '@ant-design/icons-vue';
+
+
+type RangeValue = [Dayjs, Dayjs];
+const valTime = ref<RangeValue>();
+// 左边
+const treeData: TreeProps['treeData'] = [
+  {
+    title: '济钢城市矿产',
+    key: '0-0',
+    children: [
+      {
+        title: '城市矿产科技',
+        key: '0-0-1'
+      },
+      {
+        title: '日照济钢金属',
+        key: '0-0-2'
+      },
+      {
+        title: '济钢愿景工业',
+        key: '0-0-3',
+        children: [
+          {
+            title: '废钢',
+            key: '0-0-3-1'
+          },
+          {
+            title: '废铁',
+            key: '0-0-3-2'
+          },
+          {
+            title: '废铝',
+            key: '0-0-3-3'
+          },
+          {
+            title: '废纸',
+            key: '0-0-3-4'
+          },
+          {
+            title: '煤炭',
+            key: '0-0-3-5'
+          }
+        ]
+      },
+      {
+        title: '城市矿产科技（佛山）',
+        key: '0-0-4'
+      }
+    ],
+  }
+];
+
+const expandedKeys = ref<string[]>(['0-0']);
+const selectedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+const checkedKeys = ref<string[]>(['0-0-0', '0-0-1']);
+watch(expandedKeys, () => {
+  console.log('expandedKeys', expandedKeys);
+});
+watch(selectedKeys, () => {
+  console.log('selectedKeys', selectedKeys);
+});
+watch(checkedKeys, () => {
+  console.log('checkedKeys', checkedKeys);
+});
+const handleExpand = (keys: string[], { expanded, node }) => {
+  // node.parent add from 3.0.0-alpha.10
+  const tempKeys = ((node.parent ? node.parent.children : treeData) || []).map(({ key }) => key);
+  if (expanded) {
+    expandedKeys.value = difference(keys, tempKeys).concat(node.key);
+  } else {
+    expandedKeys.value = keys;
+  }
+};
+// 右边
+const headStyleV: any = { color: '#262626', 'background-color': '#F7F8FA', 'border-radius': '3px' }
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+const columns: any = [
+  {
+    title: '客户名称',
+    dataIndex: 'k1a',
+    key: 'k1a',
+    sorter: true,
+    fixed: 'left',
+    width: 150
+  },
+  {
+    title: '客户分类',
+    dataIndex: 'k2',
+    key: 'k2',
+    sorter: true,
+    width: 120
+  },
+  {
+    title: '客户类型',
+    dataIndex: 'k3',
+    key: 'k3',
+    sorter: true,
+    width: 120
+  },
+  {
+    title: '资金款项',
+    dataIndex: 'k4',
+    key: 'k4',
+    sorter: true,
+    width: 120
+  },
+  {
+    title: '合作模式',
+    dataIndex: 'k5a',
+    key: 'k5a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '隶属机构/业务线',
+    dataIndex: 'k6a',
+    key: 'k6a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '客户分级',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '归属人员',
+    dataIndex: 'k9',
+    key: 'k9',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '新增时间',
+    dataIndex: 'k10a',
+    key: 'k10a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k11a',
+    key: 'k11a',
+    sorter: true,
+    width: 200
+  },
+  {
+    title: '操作',
+    dataIndex: 'key',
+    key: 'key',
+    fixed: 'right',
+    width: 100
+  }
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '客户名称',
+    k1b: '20230910001',
+    k2: '一级',
+    k3: '钢厂',
+    k4: '垫资',
+    k5a: '联营',
+    k5b: '业绩返点',
+    k6a: '济钢城市矿产',
+    k6b: '废钢',
+    k7: '已关闭',
+    k8: '1',
+    k9: '康宁',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+    k11a: '康宁',
+    k11b: '2023-09-03 23:26:08',
+  }
+];
+</script>
+
+<template>
+  <a-row :wrap="false" class="branch-y1">
+    <a-col flex="1 1 auto">
+      <a-card title="客户信息" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+        <a-row>
+          <a-col :span="4">
+            <div style="padding: 0px 20px;"><a-input placeholder="公司/业务线" /></div>
+            <div style="padding: 0px 20px;"><a-tree v-model:selectedKeys="selectedKeys" :expanded-keys="expandedKeys"
+                :tree-data="treeData" @expand="handleExpand">
+                <template #title="{ title, key }">
+                  <span v-if="key === '0-0-1-0'" style="color: #1890ff">{{ title }}</span>
+                  <template v-else>{{ title }}</template>
+                </template>
+              </a-tree></div>
+          </a-col>
+          <a-col :span="20">
+            <a-card title="当前：济钢城市矿产科技有限公司（总公司）" :bordered="false" style="border-radius: 3px;" :headStyle="headStyleV">
+              <a-row>
+                <a-col flex="1 1 auto" style="padding: 0px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <a-input placeholder="客户名称或编号" />
+                    <a-select allowClear placeholder="客户状态">
+                      <a-select-option value="opt1">待确认</a-select-option>
+                      <a-select-option value="opt2">待认证</a-select-option>
+                      <a-select-option value="opt3">待审核</a-select-option>
+                      <a-select-option value="opt4">待签署</a-select-option>
+                      <a-select-option value="opt5">正常合作</a-select-option>
+                      <a-select-option value="opt6">暂停合作</a-select-option>
+                      <a-select-option value="opt7">已关闭</a-select-option>
+                    </a-select>
+                    <a-select allowClear placeholder="客户类型">
+                      <a-select-option value="opt1">钢厂</a-select-option>
+                      <a-select-option value="opt2">钢贸企业</a-select-option>
+                      <a-select-option value="opt3">VIP大客户</a-select-option>
+                      <a-select-option value="opt4">其他企业</a-select-option>
+                    </a-select>
+                    <a-button type="primary" :icon="h(SearchOutlined)">查询</a-button>
+                    <a-button :icon="h(UndoOutlined)">重置</a-button>
+                  </a-space>
+                </a-col>
+                <a-col flex="0 0 20px" style="padding: 10px 0px 16px 0px;">
+                  <a-space :size="[8, 16]" wrap>
+                    <ReloadOutlined title="刷新列表" style="cursor: pointer;" />
+                  </a-space>
+                </a-col>
+              </a-row>
+              <a-row>
+                <a-col :span="24">
+                  <a-table class="ant-table-striped" :dataSource="dataSource" :row-selection="rowSelection"
+                    :columns="columns"
+                    :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')"
+                    :scroll="{ x: 1500, y: 500 }">
+                    <template #bodyCell="{ column, record }">
+                      <template v-if="column.key === 'k1a'">
+                        <a>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1a }}</div>
+                            </a-col>
+                          </a-row>
+                          <a-row>
+                            <a-col :span="24">
+                              <div>{{ record.k1b }}</div>
+                            </a-col>
+                          </a-row>
+                        </a>
+                      </template>
+                      <template v-else-if="column.key === 'k5a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k5a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k5b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k6a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k6a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k6b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k4a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k4b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k5'">
+                        <template v-if="record.k5 == true">
+                          <div class="dot-true"></div>启用
+                        </template>
+                        <template v-else>
+                          <div class="dot-false"></div>禁用
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k7'">
+                        <template v-if="record.k7 == 'opt1'">
+                          <span class="dot-true"></span><span>已关闭</span>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-if="record.k7 == 'opt1'">
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-true"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>已关闭</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                        <template v-else>
+                          <a-row>
+                            <a-col :span="6">
+                              <div class="dot-false"></div>
+                            </a-col>
+                            <a-col :span="18">
+                              <div>离线</div>
+                            </a-col>
+                          </a-row>
+                        </template>
+                      </template>
+                      <template v-else-if="column.key === 'k8'">
+                        <a-rate :value=record.k8 disabled />
+                      </template>
+                      <template v-else-if="column.key === 'k10a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'k11a'">
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10a }}</div>
+                          </a-col>
+                        </a-row>
+                        <a-row>
+                          <a-col :span="24">
+                            <div>{{ record.k10b }}</div>
+                          </a-col>
+                        </a-row>
+                      </template>
+                      <template v-else-if="column.key === 'key'">
+                        <div><a>详情</a></div>
+                      </template>
+                    </template>
+                  </a-table>
+                </a-col>
+              </a-row>
+            </a-card>
+          </a-col>
+        </a-row>
+      </a-card>
+    </a-col>
+  </a-row>
+</template>
+
+<style lang="less" scoped>
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.ant-table-thead) .ant-table-cell {
+  background-color: rgb(245, 245, 245);
+  color: rgb(102, 102, 102);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-a) {
+  background-color: rgb(255, 255, 255);
+}
+
+:where(.css-dev-only-do-not-override-176pxz6) :deep(.table-tr-b) {
+  background-color: rgb(245, 245, 245);
+}
+
+.dot-true {
+  width: 10px;
+  height: 10px;
+  background-color: green;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+
+.dot-false {
+  width: 10px;
+  height: 10px;
+  background-color: red;
+  border-radius: 100%;
+  margin: 7px 0px;
+}
+</style>
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/system/area/AreaModal.vue b/yunxi-ui-admin-vben/src/views/system/area/AreaModal.vue
new file mode 100644
index 0000000..f6c40f5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/area/AreaModal.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+import { formSchema } from './area.data'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getAreaByIp } from '@/api/system/area'
+
+defineOptions({ name: 'SystemAreaModal' })
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps }] = useModalInner(async () => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    const res = await getAreaByIp(values.ip)
+    if (res) {
+      values.result = res
+      setFieldsValue({ ...values })
+    }
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="IP 查询" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/area/area.data.ts b/yunxi-ui-admin-vben/src/views/system/area/area.data.ts
new file mode 100644
index 0000000..752ee70
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/area/area.data.ts
@@ -0,0 +1,29 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+    align: 'left',
+  },
+  {
+    title: '名字',
+    dataIndex: 'name',
+    width: 180,
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: 'IP',
+    field: 'ip',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '地址',
+    field: 'result',
+    component: 'Input',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/area/index.vue b/yunxi-ui-admin-vben/src/views/system/area/index.vue
new file mode 100644
index 0000000..018b1da
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/area/index.vue
@@ -0,0 +1,53 @@
+<script lang="ts" setup>
+import AreaModal from './AreaModal.vue'
+import { columns } from './area.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable } from '@/components/Table'
+import { getAreaTree } from '@/api/system/area'
+
+defineOptions({ name: 'SystemArea' })
+
+const { t } = useI18n()
+
+const [registerModal, { openModal }] = useModal()
+
+const [register, { expandAll, collapseAll, reload }] = useTable({
+  title: 'IP 地区列表',
+  api: getAreaTree,
+  columns,
+  rowKey: 'id',
+  isTreeTable: true,
+  pagination: false,
+  striped: false,
+  useSearchForm: false,
+  showTableSetting: true,
+  bordered: true,
+  showIndexColumn: false,
+  canResize: true,
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+</script>
+
+<template>
+  <div class="p-4">
+    <BasicTable @register="register">
+      <template #toolbar>
+        <a-button type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          IP 查询
+        </a-button>
+        <a-button type="info" @click="expandAll">
+          {{ t('component.tree.expandAll') }}
+        </a-button>
+        <a-button type="info" @click="collapseAll">
+          {{ t('component.tree.unExpandAll') }}
+        </a-button>
+      </template>
+    </BasicTable>
+    <AreaModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/dept/DeptModal.vue b/yunxi-ui-admin-vben/src/views/system/dept/DeptModal.vue
new file mode 100644
index 0000000..1932b5e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dept/DeptModal.vue
@@ -0,0 +1,61 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './dept.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createDept, getDept, updateDept } from '@/api/system/dept'
+
+defineOptions({ name: 'DeptModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getDept(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateDept(values)
+    else
+      await createDept(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal
+    v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal"
+    @ok="handleSubmit"
+  >
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/dept/dept.data.ts b/yunxi-ui-admin-vben/src/views/system/dept/dept.data.ts
new file mode 100644
index 0000000..dbd5684
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dept/dept.data.ts
@@ -0,0 +1,151 @@
+import { listSimpleDept } from '@/api/system/dept'
+import { getListSimpleUsers } from '@/api/system/user'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+let userOptions: any[] = []
+
+async function getUserList() {
+  const res = await getListSimpleUsers()
+  userOptions = res
+}
+
+await getUserList()
+
+export const columns: BasicColumn[] = [
+  {
+    title: '部门名称',
+    dataIndex: 'name',
+    width: 260,
+    align: 'left',
+  },
+  {
+    title: '负责人',
+    dataIndex: 'leaderUserId',
+    width: 120,
+    customRender: ({ text }) => {
+      if (!text)
+        return '未设置'
+
+      for (const user of userOptions) {
+        if (text === user.id)
+          return user.nickname
+      }
+      return `未知【${text}】`
+    },
+  },
+  {
+    title: '排序',
+    dataIndex: 'sort',
+    width: 60,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '部门名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '上级部门',
+    field: 'parentId',
+    required: true,
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => listSimpleDept(),
+      parentLabel: '主类目',
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+  },
+  {
+    label: '部门名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '显示顺序',
+    field: 'sort',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '负责人',
+    field: 'leaderUserId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getListSimpleUsers(),
+      labelField: 'nickname',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '联系电话',
+    field: 'phone',
+    required: true,
+    rules: [
+      {
+        pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur',
+      },
+    ],
+    component: 'Input',
+  },
+  {
+    label: '邮箱',
+    field: 'email',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '部门状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/dept/index.vue b/yunxi-ui-admin-vben/src/views/system/dept/index.vue
new file mode 100644
index 0000000..4ea0448
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dept/index.vue
@@ -0,0 +1,126 @@
+<script lang="ts" setup>
+import { nextTick, onMounted, ref } from 'vue'
+import DeptModal from './DeptModal.vue'
+import { columns, searchFormSchema } from './dept.data'
+import { handleTree } from '@/utils/tree'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getListSimpleUsers } from '@/api/system/user'
+import { deleteDept, getDeptPage } from '@/api/system/dept'
+
+defineOptions({ name: 'SystemDept' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [register, { expandAll, collapseAll, getForm, reload }] = useTable({
+  title: '部门列表',
+  api: getList,
+  columns,
+  rowKey: 'id',
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  isTreeTable: true,
+  pagination: false,
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+async function getList() {
+  const res = await getDeptPage(getForm().getFieldsValue() as any)
+  console.log('dept',res)
+  return handleTree(res, 'id')
+}
+
+const users = ref<any[]>([])
+
+async function getUserList() {
+  const res = await getListSimpleUsers()
+  users.value = res
+}
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteDept(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+
+function onFetchSuccess() {
+  nextTick(expandAll)
+}
+
+function userNicknameFormat(row) {
+  if (!row.leaderUserId)
+    return '未设置'
+
+  for (const user of users.value) {
+    if (row.leaderUserId === user.id)
+      return user.nickname
+  }
+  return `未知【${row.leaderUserId}】`
+}
+
+onMounted(async () => {
+  await getUserList()
+})
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="register" @fetch-success="onFetchSuccess">
+      <template #toolbar>
+        <a-button v-auth="['system:dept:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="info" @click="expandAll">
+          {{ t('component.tree.expandAll') }}
+        </a-button>
+        <a-button type="info" @click="collapseAll">
+          {{ t('component.tree.unExpandAll') }}
+        </a-button>
+      </template>
+      <template #leader="{ text }">
+        <span> {{ userNicknameFormat(text) }} </span>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:dept:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:dept:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <DeptModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/dict/DictData.vue b/yunxi-ui-admin-vben/src/views/system/dict/DictData.vue
new file mode 100644
index 0000000..40b451a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dict/DictData.vue
@@ -0,0 +1,102 @@
+<script lang="ts" setup>
+import { watch } from 'vue'
+import DictDataModal from './DictDataModal.vue'
+import { dataColumns, dataSearchFormSchema } from './dict.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteDictData, getDictDataPage } from '@/api/system/dict/data'
+
+defineOptions({ name: 'SystemDictData' })
+
+const props = defineProps({
+  searchInfo: {
+    type: Object as PropType<Recordable>,
+    default: () => ({}),
+  },
+})
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '字典数据列表',
+  api: getDictDataPage,
+  columns: dataColumns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: dataSearchFormSchema,
+    autoSubmitOnEnter: true,
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, {
+    record: props.searchInfo.dictType,
+    isUpdate: false,
+  })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteDictData(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+
+watch(
+  () => props.searchInfo,
+  (val) => {
+    val && reload()
+  },
+  { deep: true },
+)
+</script>
+
+<template>
+  <div>
+    <BasicTable :search-info="searchInfo" @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:dict:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:dict:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:dict:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <DictDataModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/dict/DictDataModal.vue b/yunxi-ui-admin-vben/src/views/system/dict/DictDataModal.vue
new file mode 100644
index 0000000..6e992dd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dict/DictDataModal.vue
@@ -0,0 +1,63 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { dataFormSchema } from './dict.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createDictData, getDictData, updateDictData } from '@/api/system/dict/data'
+
+defineOptions({ name: 'SystemDictDataModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: dataFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getDictData(data.record.id)
+    setFieldsValue({ ...res })
+  }
+  else {
+    setFieldsValue({
+      dictType: data.record,
+    })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateDictData(values)
+    else
+      await createDictData(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/dict/DictTypeModal.vue b/yunxi-ui-admin-vben/src/views/system/dict/DictTypeModal.vue
new file mode 100644
index 0000000..6b2bb93
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dict/DictTypeModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { typeFormSchema } from './dict.type'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createDictType, getDictType, updateDictType } from '@/api/system/dict/type'
+
+defineOptions({ name: 'SystemDictTypeModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: typeFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getDictType(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateDictType(values)
+    else
+      await createDictType(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/dict/dict.data.ts b/yunxi-ui-admin-vben/src/views/system/dict/dict.data.ts
new file mode 100644
index 0000000..41d17cf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dict/dict.data.ts
@@ -0,0 +1,206 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+const options = [
+  {
+    value: '',
+    label: '无',
+  },
+  {
+    value: 'processing',
+    label: '主要',
+  },
+  {
+    value: 'success',
+    label: '成功',
+  },
+  {
+    value: 'default',
+    label: '默认',
+  },
+  {
+    value: 'warning',
+    label: '警告',
+  },
+  {
+    value: 'error',
+    label: '危险',
+  },
+  {
+    value: 'pink',
+    label: 'pink',
+  },
+  {
+    value: 'red',
+    label: 'red',
+  },
+  {
+    value: 'orange',
+    label: 'orange',
+  },
+  {
+    value: 'green',
+    label: 'green',
+  },
+  {
+    value: 'cyan',
+    label: 'cyan',
+  },
+  {
+    value: 'blue',
+    label: 'blue',
+  },
+  {
+    value: 'purple',
+    label: 'purple',
+  },
+]
+
+function previewOptions() {
+  return options.map((option) => {
+    const { value, label } = option
+    if (value === '')
+      return option
+
+    return {
+      label: useRender.renderTag(label, value),
+      value,
+    }
+  })
+}
+
+export const dataColumns: BasicColumn[] = [
+  {
+    title: '字典编码',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '字典标签',
+    dataIndex: 'label',
+    width: 180,
+  },
+  {
+    title: '字典键值',
+    dataIndex: 'value',
+    width: 100,
+  },
+  {
+    title: '字典排序',
+    dataIndex: 'sort',
+    width: 120,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '颜色类型',
+    dataIndex: 'colorType',
+    width: 180,
+  },
+  {
+    title: 'CSS Class',
+    dataIndex: 'cssClass',
+    width: 180,
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const dataSearchFormSchema: FormSchema[] = [
+  {
+    label: '字典标签',
+    field: 'label',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const dataFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '字典类型',
+    field: 'dictType',
+    required: true,
+    component: 'Input',
+    dynamicDisabled: ({ values }) => !!values.dictType,
+  },
+  {
+    label: '数据标签',
+    field: 'label',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '数据键值',
+    field: 'value',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '显示排序',
+    field: 'sort',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '颜色类型',
+    field: 'colorType',
+    component: 'Select',
+    componentProps: {
+      options: previewOptions(),
+    },
+  },
+  {
+    label: 'CSS Class',
+    field: 'cssClass',
+    component: 'Input',
+    helpMessage: '输入hex模式的颜色, 例如#108ee9',
+    rules: [{ required: false, message: '输入正确的16进制颜色', pattern: /^#([0-9a-fA-F]{3}){1,2}$/, trigger: 'blur' }],
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/dict/dict.type.ts b/yunxi-ui-admin-vben/src/views/system/dict/dict.type.ts
new file mode 100644
index 0000000..3b0c7d0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dict/dict.type.ts
@@ -0,0 +1,89 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const typeColumns: BasicColumn[] = [
+  {
+    title: '字典编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '字典名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const typeSearchFormSchema: FormSchema[] = [
+  {
+    label: '字典名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const typeFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '字典名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '字典类型',
+    field: 'type',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/dict/index.vue b/yunxi-ui-admin-vben/src/views/system/dict/index.vue
new file mode 100644
index 0000000..c3aec21
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/dict/index.vue
@@ -0,0 +1,90 @@
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import DictData from './DictData.vue'
+import DictTypeModal from './DictTypeModal.vue'
+import { typeColumns, typeSearchFormSchema } from './dict.type'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteDictType, getDictTypePage } from '@/api/system/dict/type'
+
+defineOptions({ name: 'SystemDict' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const searchInfo = reactive<Recordable>({})
+
+const [registerTable, { reload }] = useTable({
+  title: '字典分类列表',
+  api: getDictTypePage,
+  columns: typeColumns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: typeSearchFormSchema,
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleRowClick(record) {
+  searchInfo.dictType = record.type
+}
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteDictType(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div class="flex">
+    <BasicTable class="w-1/2" @register="registerTable" @row-click="handleRowClick">
+      <template #toolbar>
+        <a-button v-auth="['system:dict:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:dict:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:dict:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <DictData class="w-1/2" :search-info="searchInfo" />
+    <DictTypeModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/errorCode/ErrorCodeModal.vue b/yunxi-ui-admin-vben/src/views/system/errorCode/ErrorCodeModal.vue
new file mode 100644
index 0000000..19b94e0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/errorCode/ErrorCodeModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './errorCode.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createErrorCode, getErrorCode, updateErrorCode } from '@/api/system/errorCode'
+
+defineOptions({ name: 'SystemErrorCodeModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getErrorCode(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateErrorCode(values)
+    else
+      await createErrorCode(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/errorCode/errorCode.data.ts b/yunxi-ui-admin-vben/src/views/system/errorCode/errorCode.data.ts
new file mode 100644
index 0000000..a781ed7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/errorCode/errorCode.data.ts
@@ -0,0 +1,115 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    width: 80,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_ERROR_CODE_TYPE)
+    },
+  },
+  {
+    title: '应用名',
+    dataIndex: 'applicationName',
+    width: 200,
+  },
+  {
+    title: '错误码编码',
+    dataIndex: 'code',
+    width: 120,
+  },
+  {
+    title: '错误码提示',
+    dataIndex: 'message',
+    width: 300,
+  },
+  {
+    title: '备注',
+    dataIndex: 'memo',
+    width: 200,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '错误码类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_ERROR_CODE_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '应用名',
+    field: 'applicationName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '错误码编码',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '错误码提示',
+    field: 'message',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '应用名',
+    field: 'applicationName',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '错误码编码',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '错误码提示',
+    field: 'message',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '备注',
+    field: 'memo',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/errorCode/index.vue b/yunxi-ui-admin-vben/src/views/system/errorCode/index.vue
new file mode 100644
index 0000000..5989da3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/errorCode/index.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import ErrorCodeModal from './ErrorCodeModal.vue'
+import { columns, searchFormSchema } from './errorCode.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { ErrorCodePageReqVO } from '@/api/system/errorCode'
+import { deleteErrorCode, excelErrorCode, getErrorCodePage } from '@/api/system/errorCode'
+
+defineOptions({ name: 'SystemErrorCode' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '错误码列表',
+  api: getErrorCodePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await excelErrorCode(getForm().getFieldsValue() as ErrorCodePageReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteErrorCode(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:error-code:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:error-code:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:error-code:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:error-code:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ErrorCodeModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/loginlog/index.vue b/yunxi-ui-admin-vben/src/views/system/loginlog/index.vue
new file mode 100644
index 0000000..e66c1d8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/loginlog/index.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './loginLog.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicTable, useTable } from '@/components/Table'
+import type { LoginLogReqVO } from '@/api/system/loginLog'
+import { exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
+
+defineOptions({ name: 'SystemLoginLog' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerTable, { getForm }] = useTable({
+  title: '登录日志列表',
+  api: getLoginLogPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+})
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportLoginLog(getForm().getFieldsValue() as LoginLogReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:login-log:export']" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/loginlog/index1.vue b/yunxi-ui-admin-vben/src/views/system/loginlog/index1.vue
new file mode 100644
index 0000000..e66c1d8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/loginlog/index1.vue
@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './loginLog.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicTable, useTable } from '@/components/Table'
+import type { LoginLogReqVO } from '@/api/system/loginLog'
+import { exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
+
+defineOptions({ name: 'SystemLoginLog' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerTable, { getForm }] = useTable({
+  title: '登录日志列表',
+  api: getLoginLogPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+})
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportLoginLog(getForm().getFieldsValue() as LoginLogReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:login-log:export']" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/loginlog/loginLog.data.ts b/yunxi-ui-admin-vben/src/views/system/loginlog/loginLog.data.ts
new file mode 100644
index 0000000..153de59
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/loginlog/loginLog.data.ts
@@ -0,0 +1,83 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '访问编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '日志类型',
+    dataIndex: 'logType',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_LOGIN_TYPE)
+    },
+  },
+  {
+    title: '用户名称',
+    dataIndex: 'username',
+    width: 120,
+  },
+  {
+    title: '登录地址',
+    dataIndex: 'userIp',
+    width: 120,
+  },
+  {
+    title: 'userAgent',
+    dataIndex: 'userAgent',
+    width: 400,
+  },
+  {
+    title: '结果',
+    dataIndex: 'result',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_LOGIN_RESULT)
+    },
+  },
+  {
+    title: '登录日期',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '登录地址',
+    field: 'userIp',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户名称',
+    field: 'username',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '结果',
+    field: 'result',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { label: '成功', value: 'true', key: 'true' },
+        { label: '失败', value: 'false', key: 'false' },
+      ],
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '登录时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/account/AccountModal.vue b/yunxi-ui-admin-vben/src/views/system/mail/account/AccountModal.vue
new file mode 100644
index 0000000..b35ff86
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/account/AccountModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './account.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createMailAccount, getMailAccount, updateMailAccount } from '@/api/system/mail/account'
+
+defineOptions({ name: 'SystemMailAccountModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getMailAccount(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateMailAccount(values)
+    else
+      await createMailAccount(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/account/account.data.ts b/yunxi-ui-admin-vben/src/views/system/mail/account/account.data.ts
new file mode 100644
index 0000000..559fdc9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/account/account.data.ts
@@ -0,0 +1,121 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'mail',
+    width: 180,
+  },
+  {
+    title: '用户名',
+    dataIndex: 'username',
+    width: 100,
+  },
+  {
+    title: 'SMTP 服务器域名',
+    dataIndex: 'host',
+    width: 120,
+  },
+  {
+    title: 'SMTP 服务器端口',
+    dataIndex: 'port',
+    width: 120,
+  },
+  {
+    title: '是否开启 SSL',
+    dataIndex: 'sslEnable',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '邮箱',
+    field: 'mail',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户名',
+    field: 'username',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '邮箱',
+    field: 'mail',
+    required: true,
+    component: 'Input',
+    helpMessage: '填写发件邮箱地址',
+    rules: [
+      {
+        required: true,
+        message: '请输入正确的邮箱地址',
+        pattern: /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/,
+        trigger: 'blur',
+      },
+    ],
+  },
+  {
+    label: '用户名',
+    field: 'username',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '密码/授权码',
+    field: 'password',
+    required: true,
+    component: 'InputPassword',
+    helpMessage: '填写邮件密码, 部分邮件商需要填写授权码',
+  },
+  {
+    label: 'SMTP 服务器域名',
+    field: 'host',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: 'SMTP 服务器端口',
+    field: 'port',
+    required: true,
+    component: 'InputNumber',
+  },
+  {
+    label: '是否开启 SSL',
+    field: 'sslEnable',
+    required: true,
+    defaultValue: false,
+    component: 'RadioButtonGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING, 'boolean'),
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/account/index.vue b/yunxi-ui-admin-vben/src/views/system/mail/account/index.vue
new file mode 100644
index 0000000..0ddeaa1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/account/index.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import AccountModal from './AccountModal.vue'
+import { columns, searchFormSchema } from './account.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteMailAccount, getMailAccountPage } from '@/api/system/mail/account'
+
+defineOptions({ name: 'SystemMailAccount' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '邮件列表',
+  api: getMailAccountPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteMailAccount(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:mail-account:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:mail-account:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:mail-account:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <AccountModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/log/MailLogModal.vue b/yunxi-ui-admin-vben/src/views/system/mail/log/MailLogModal.vue
new file mode 100644
index 0000000..66234dd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/log/MailLogModal.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { logSchema } from './mailLog.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description, useDescription } from '@/components/Description/index'
+
+defineOptions({ name: 'MailLogModal' })
+
+const logData = ref()
+const [registerModalInner, { closeModal }] = useModalInner((record: Recordable) => {
+  logData.value = record
+})
+
+const [registerDescription] = useDescription({
+  column: 1,
+  schema: logSchema,
+  data: logData,
+  labelStyle: {
+    width: '100px',
+  },
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="发送邮件详情" width="800px" @register="registerModalInner" @ok="closeModal">
+    <Description @register="registerDescription" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/log/index.vue b/yunxi-ui-admin-vben/src/views/system/mail/log/index.vue
new file mode 100644
index 0000000..5e16ebe
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/log/index.vue
@@ -0,0 +1,55 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './mailLog.data'
+import MailLogModal from './MailLogModal.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getMailAccountPage } from '@/api/system/mail/log'
+import { useModal } from '@/components/Modal'
+
+defineOptions({ name: 'SystemOperateLog' })
+
+const { t } = useI18n()
+const [registerTable] = useTable({
+  title: '邮件日志列表',
+  api: getMailAccountPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+const [registerModal, { openModal }] = useModal()
+
+function handleShowInfo(record: Recordable) {
+  openModal(true, record)
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.VIEW,
+                label: t('action.detail'),
+                onClick: handleShowInfo.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <MailLogModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/log/mailLog.data.ts b/yunxi-ui-admin-vben/src/views/system/mail/log/mailLog.data.ts
new file mode 100644
index 0000000..abeab97
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/log/mailLog.data.ts
@@ -0,0 +1,192 @@
+import { h } from 'vue'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { getSimpleMailAccountList } from '@/api/system/mail/account'
+import type { DescItem } from '@/components/Description/index'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '接收邮箱',
+    dataIndex: 'toMail',
+    width: 200,
+  },
+  {
+    title: '邮件标题',
+    dataIndex: 'templateTitle',
+    width: 180,
+  },
+  {
+    title: '发送状态',
+    dataIndex: 'sendStatus',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_MAIL_SEND_STATUS)
+    },
+  },
+  {
+    title: '邮箱账号',
+    dataIndex: 'fromMail',
+    width: 180,
+  },
+  {
+    title: '模板编号',
+    dataIndex: 'templateId',
+    width: 100,
+  },
+  {
+    title: '发送时间',
+    dataIndex: 'sendTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '接收邮箱',
+    field: 'toMail',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '邮箱账号',
+    field: 'accountId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleMailAccountList(),
+      labelField: 'mail',
+      valueField: 'id',
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '模板编号',
+    field: 'templateId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '发送状态',
+    field: 'sendStatus',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_MAIL_SEND_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户编号',
+    field: 'userId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户类型',
+    field: 'userType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.USER_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '发送时间',
+    field: 'sendTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const logSchema: DescItem[] = [
+  {
+    field: 'sendStatus',
+    label: '发送状态',
+    labelMinWidth: 80,
+    render(value) {
+      return useRender.renderDict(value, DICT_TYPE.SYSTEM_MAIL_SEND_STATUS)
+    },
+  },
+  {
+    field: 'sendException',
+    label: '异常信息',
+    labelMinWidth: 80,
+    show: data => data && data.sendException && data.sendException.length > 0,
+    render(value) {
+      return h('span', { style: { fontWeight: 'bold' } }, value)
+    },
+  },
+  {
+    field: 'sendTime',
+    label: '发送时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'userId',
+    label: '用户类型',
+    render(_, data) {
+      const { userId, userType } = data
+      const uidTag = useRender.renderTag(`uid: ${userId}`)
+      const typeTag = useRender.renderDict(userType, DICT_TYPE.USER_TYPE)
+      return h('span', {}, [typeTag, uidTag])
+    },
+  },
+  {
+    field: 'fromMail',
+    label: '发件邮箱',
+  },
+  {
+    field: 'toMail',
+    label: '收件邮箱',
+  },
+  {
+    field: 'templateNickname',
+    label: '发件昵称',
+  },
+  {
+    field: 'templateTitle',
+    label: '邮件标题',
+  },
+  {
+    field: 'templateContent',
+    label: '邮件内容',
+    render(value) {
+      return h('div', { innerHTML: value })
+    },
+  },
+  {
+    field: 'templateParams',
+    label: '邮件参数',
+    render(value) {
+      return useRender.renderJsonPreview(value)
+    },
+  },
+  {
+    field: 'sendMessageId',
+    label: '返回ID',
+  },
+  {
+    field: 'templateCode',
+    label: '模板编码',
+  },
+  {
+    field: 'templateId',
+    label: '模板编号',
+  },
+  {
+    field: 'createTime',
+    label: '记录时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/template/SendMailModal.vue b/yunxi-ui-admin-vben/src/views/system/mail/template/SendMailModal.vue
new file mode 100644
index 0000000..d1117f3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/template/SendMailModal.vue
@@ -0,0 +1,107 @@
+<script lang="ts" setup>
+import { baseSendSchemas, keyPrefix } from './template.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import { sendMail } from '@/api/system/mail/template'
+import type { MailTemplate } from '@/api/system/mail/template'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SendMailModal' })
+
+const [register, { setFieldsValue, getFieldsValue, validateFields, resetFields, clearValidate, appendSchemaByField, removeSchemaByField }]
+  = useForm({
+    labelWidth: 120,
+    schemas: baseSendSchemas,
+    baseColProps: {
+      span: 24,
+    },
+    showActionButtonGroup: false,
+  })
+
+// 存储动态生成的字段信息 后续需要进行移除
+let dyFields: string[] = []
+
+const [innerRegister, { changeLoading, changeOkLoading, closeModal }] = useModalInner(async (data: MailTemplate) => {
+  // 打开时进行清空
+  await resetForm()
+  const dyschemas: FormSchema[] = []
+  data.params.forEach((item) => {
+    // 这里加上前缀 防止和content/mail字段重名
+    const field = keyPrefix + item
+    const dySchema: FormSchema = {
+      field,
+      label: `参数{${item}} `,
+      component: 'Input',
+      componentProps: {
+        placeholder: `输入{${item}}`,
+      },
+      required: true,
+    }
+    dyschemas.push(dySchema)
+    dyFields.push(field)
+  })
+  setFieldsValue(data)
+  // 添加动态参数到末尾
+  appendSchemaByField(dyschemas, undefined)
+})
+
+function modalLoading(status: boolean) {
+  changeOkLoading(status)
+  changeLoading(status)
+}
+
+/**
+ * 移除动态生成的表单元素
+ */
+async function removeDySchemas() {
+  await removeSchemaByField(dyFields)
+  dyFields = []
+}
+
+const { createMessage } = useMessage()
+async function submit() {
+  try {
+    modalLoading(true)
+    await validateFields()
+    const fields = getFieldsValue()
+    const data = {
+      mail: fields.mail,
+      templateCode: fields.code,
+      templateParams: {},
+    }
+    Object.keys(fields).forEach((key) => {
+      // 这几个是固定的字段 不用处理
+      const fixedKeys = ['mail', 'code', 'content']
+      if (fixedKeys.includes(key))
+        return
+
+      // 去掉前缀后的key
+      const realKey = key.split(keyPrefix)[1]
+      data.templateParams[realKey] = fields[key]
+    })
+    await sendMail(data)
+    createMessage.success(`发送邮件到[${fields.mail}]成功`)
+    closeModal()
+  }
+  catch (e) {
+  }
+  finally {
+    modalLoading(false)
+  }
+}
+
+async function resetForm() {
+  // 这里需要清空动态表单
+  await removeDySchemas()
+  // 清除上一次的表单校验和参数
+  await resetFields()
+  await clearValidate()
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="发送邮件" width="600px" @register="innerRegister" @ok="submit" @cancel="resetForm">
+    <BasicForm @register="register" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/template/TemplateModal.vue b/yunxi-ui-admin-vben/src/views/system/mail/template/TemplateModal.vue
new file mode 100644
index 0000000..ceca89f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/template/TemplateModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './template.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createMailTemplate, getMailTemplate, updateMailTemplate } from '@/api/system/mail/template'
+
+defineOptions({ name: 'SystemMailTemplateModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 100,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getMailTemplate(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateMailTemplate(values)
+    else
+      await createMailTemplate(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/template/index.vue b/yunxi-ui-admin-vben/src/views/system/mail/template/index.vue
new file mode 100644
index 0000000..ec4f3e2
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/template/index.vue
@@ -0,0 +1,96 @@
+<script lang="ts" setup>
+import TemplateModal from './TemplateModal.vue'
+import SendMailModal from './SendMailModal.vue'
+import { columns, searchFormSchema } from './template.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteMailTemplate, getMailTemplatePage } from '@/api/system/mail/template'
+
+defineOptions({ name: 'SystemMailTemplate' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerTemplateModal, { openModal }] = useModal()
+const [registerSendModal, { openModal: openSendModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '邮件模板列表',
+  api: getMailTemplatePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 200,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleSend(record: Recordable) {
+  openSendModal(true, record)
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteMailTemplate(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:mail-template:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.SEND,
+                label: t('action.send'),
+                auth: 'system:mail-template:send-mail',
+                onClick: handleSend.bind(null, record),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: t('action.edit'),
+                auth: 'system:mail-template:update',
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:mail-template:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TemplateModal @register="registerTemplateModal" @success="reload()" />
+    <SendMailModal @register="registerSendModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/mail/template/template.data.ts b/yunxi-ui-admin-vben/src/views/system/mail/template/template.data.ts
new file mode 100644
index 0000000..669fe83
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/mail/template/template.data.ts
@@ -0,0 +1,220 @@
+import { h } from 'vue'
+import { getSimpleMailAccountList } from '@/api/system/mail/account'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { ScrollContainer } from '@/components/Container'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '模板编码',
+    dataIndex: 'code',
+    width: 100,
+  },
+  {
+    title: '模板名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '模板标题',
+    dataIndex: 'title',
+    width: 100,
+  },
+  {
+    title: '模板内容',
+    dataIndex: 'content',
+    width: 300,
+  },
+  {
+    title: '邮箱账号',
+    dataIndex: 'accountId',
+    width: 120,
+  },
+  {
+    title: '发送人名称',
+    dataIndex: 'nickname',
+    width: 100,
+  },
+  {
+    title: '开启状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '模板名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '模板编码',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '发件邮箱',
+    field: 'accountId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleMailAccountList(),
+      fieldNames: {
+        label: 'mail',
+        key: 'id',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '模板名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板编码',
+    field: 'code',
+    required: true,
+    component: 'Input',
+    helpMessage: '建议使用下划线/数字/字母命名',
+  },
+  {
+    label: '发件邮箱',
+    field: 'accountId',
+    required: true,
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getSimpleMailAccountList(),
+      fieldNames: {
+        label: 'mail',
+        key: 'id',
+        value: 'id',
+      },
+    },
+  },
+  {
+    label: '发送人名称',
+    field: 'nickname',
+    required: true,
+    component: 'Input',
+    helpMessage: '发件人的名称, 如:系统发件人',
+  },
+  {
+    label: '模板标题',
+    field: 'title',
+    required: true,
+    component: 'Input',
+    helpMessage: '邮件的标题',
+  },
+  {
+    label: '模板内容',
+    field: 'content',
+    component: 'Editor',
+    required: true,
+    helpMessage: '{}括号中的内容作为模板参数',
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'Select',
+    defaultValue: 0,
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+// 发送邮件
+// 这里加上前缀 防止和表单其他字段重名
+export const keyPrefix = 'key$-'
+export const baseSendSchemas: FormSchema[] = [
+  {
+    field: 'code',
+    label: '编码',
+    component: 'Input',
+    show: () => false,
+  },
+  {
+    field: 'content',
+    component: 'Editor',
+    label: '模板内容 ',
+    required: false,
+    defaultValue: '',
+    render({ model }) {
+      let content: string = model.content
+      Object.keys(model).forEach((key) => {
+        if (!key.startsWith(keyPrefix))
+          return
+
+        const realKey = key.split(keyPrefix)[1]
+        content = content.replace(`{${realKey}}`, model[key])
+      })
+      return h(ScrollContainer, {
+        innerHTML: content,
+        style: { border: '1px solid #e8e8e8', borderRadius: '6px', padding: '10px' },
+      })
+    },
+  },
+  {
+    field: 'mail',
+    label: '收件邮箱 ',
+    component: 'Input',
+    componentProps: {
+      placeholder: '输入收件邮箱',
+    },
+    required: true,
+    rules: [
+      {
+        required: true,
+        pattern: /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/,
+        trigger: 'blur',
+        message: '邮箱格式不正确',
+      },
+    ],
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/menu/MenuModal.vue b/yunxi-ui-admin-vben/src/views/system/menu/MenuModal.vue
new file mode 100644
index 0000000..9397b2b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/menu/MenuModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './menu.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createMenu, getMenu, updateMenu } from '@/api/system/menu'
+
+defineOptions({ name: 'SystemMenuModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getMenu(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateMenu(values)
+    else
+      await createMenu(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/menu/index.vue b/yunxi-ui-admin-vben/src/views/system/menu/index.vue
new file mode 100644
index 0000000..9f11b5c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/menu/index.vue
@@ -0,0 +1,96 @@
+<script lang="ts" setup>
+import MenuModal from './MenuModal.vue'
+import { columns, searchFormSchema } from './menu.data'
+import { handleTree } from '@/utils/tree'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteMenu, getMenuList } from '@/api/system/menu'
+
+defineOptions({ name: 'SystemMenu' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [register, { expandAll, collapseAll, getForm, reload }] = useTable({
+  title: '菜单列表',
+  api: getList,
+  columns,
+  rowKey: 'id',
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  isTreeTable: true,
+  pagination: false,
+  striped: false,
+  useSearchForm: true,
+  showTableSetting: true,
+  bordered: true,
+  showIndexColumn: false,
+  canResize: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+async function getList() {
+  const res = await getMenuList(getForm().getFieldsValue() as any)
+  return handleTree(res, 'id')
+}
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteMenu(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="register">
+      <template #toolbar>
+        <a-button v-auth="['system:menu:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="info" @click="expandAll">
+          {{ t('component.tree.expandAll') }}
+        </a-button>
+        <a-button type="info" @click="collapseAll">
+          {{ t('component.tree.unExpandAll') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:menu:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:menu:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <MenuModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/menu/menu.data.ts b/yunxi-ui-admin-vben/src/views/system/menu/menu.data.ts
new file mode 100644
index 0000000..89c645e
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/menu/menu.data.ts
@@ -0,0 +1,198 @@
+import { listSimpleMenus } from '@/api/system/menu'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { SystemMenuTypeEnum } from '@/enums/systemEnum'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '菜单名称',
+    dataIndex: 'name',
+    width: 250,
+    align: 'left',
+  },
+  {
+    title: '菜单类型',
+    dataIndex: 'type',
+    width: 80,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_MENU_TYPE)
+    },
+  },
+  {
+    title: '图标',
+    dataIndex: 'icon',
+    width: 60,
+    customRender: ({ record }) => {
+      return useRender.renderIcon(record.icon)
+    },
+  },
+  {
+    title: '排序',
+    dataIndex: 'sort',
+    width: 60,
+  },
+  {
+    title: '权限标识',
+    dataIndex: 'permission',
+    width: 140,
+  },
+  {
+    title: '组件路径',
+    dataIndex: 'component',
+    width: 140,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 80,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '菜单名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '上级菜单',
+    field: 'parentId',
+    required: true,
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => listSimpleMenus(),
+      parentLabel: '主类目',
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+  },
+  {
+    label: '菜单类型',
+    field: 'type',
+    required: true,
+    defaultValue: '0',
+    component: 'RadioButtonGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_MENU_TYPE),
+    },
+    colProps: { lg: 24, md: 24 },
+  },
+  {
+    label: '菜单名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '菜单图标',
+    field: 'icon',
+    component: 'IconPicker',
+    ifShow: ({ values }) => values.type !== SystemMenuTypeEnum.BUTTON,
+  },
+  {
+    label: '显示排序',
+    field: 'sort',
+    required: true,
+    component: 'InputNumber',
+    defaultValue: 0,
+  },
+  {
+    label: '路由地址',
+    field: 'path',
+    required: true,
+    component: 'Input',
+    helpMessage: '访问的路由地址，如：`user`。如需外网地址时，则以 `http(s)://` 开头',
+    ifShow: ({ values }) => values.type !== SystemMenuTypeEnum.BUTTON,
+  },
+  {
+    label: '权限标识',
+    field: 'permission',
+    component: 'Input',
+    helpMessage: 'Controller 方法上的权限字符，如：@PreAuthorize(`@ss.hasPermission("system:user:list")`)',
+    ifShow: ({ values }) => values.type !== SystemMenuTypeEnum.DIR,
+  },
+  {
+    label: '组件路径',
+    field: 'component',
+    component: 'Input',
+    helpMessage: '例如：system/user/index',
+    ifShow: ({ values }) => values.type === SystemMenuTypeEnum.MENU,
+  },
+  {
+    label: '组件名称',
+    field: 'componentName',
+    component: 'Input',
+    helpMessage: '例如：SystemUser',
+    ifShow: ({ values }) => values.type === SystemMenuTypeEnum.MENU,
+  },
+  {
+    label: '菜单状态',
+    field: 'status',
+    required: true,
+    component: 'RadioButtonGroup',
+    helpMessage: '选择停用时，路由将不会出现在侧边栏，也不能被访问',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '显示状态',
+    field: 'visible',
+    component: 'Switch',
+    componentProps: {
+      checkedChildren: '显示',
+      unCheckedChildren: '隐藏',
+    },
+    helpMessage: '选择隐藏时，路由将不会出现在侧边栏，但仍然可以访问',
+    ifShow: ({ values }) => values.type !== SystemMenuTypeEnum.BUTTON,
+  },
+  {
+    label: '总是显示',
+    field: 'alwaysShow',
+    component: 'Switch',
+    componentProps: {
+      checkedChildren: '显示',
+      unCheckedChildren: '隐藏',
+    },
+    helpMessage: '选择不是时，当该菜单只有一个子菜单时，不展示自己，直接展示子菜单',
+    ifShow: ({ values }) => values.type !== SystemMenuTypeEnum.BUTTON,
+  },
+  {
+    label: '是否缓存',
+    field: 'keepAlive',
+    component: 'Switch',
+    componentProps: {
+      checkedChildren: '缓存',
+      unCheckedChildren: '不缓存',
+    },
+    helpMessage: '选择缓存时，则会被 `keep-alive` 缓存，必须填写「组件名称」字段',
+    ifShow: ({ values }) => values.type === SystemMenuTypeEnum.MENU,
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/notice/NoticeModal.vue b/yunxi-ui-admin-vben/src/views/system/notice/NoticeModal.vue
new file mode 100644
index 0000000..6404cc8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notice/NoticeModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './notice.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createNotice, getNotice, updateNotice } from '@/api/system/notice'
+
+defineOptions({ name: 'SystemNoticeModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getNotice(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateNotice(values)
+    else
+      await createNotice(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notice/index.vue b/yunxi-ui-admin-vben/src/views/system/notice/index.vue
new file mode 100644
index 0000000..a017720
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notice/index.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import NoticeModal from './NoticeModal.vue'
+import { columns, searchFormSchema } from './notice.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteNotice, getNoticePage } from '@/api/system/notice'
+
+defineOptions({ name: 'SystemNotice' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '公告列表',
+  api: getNoticePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteNotice(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:notice:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:notice:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:notice:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <NoticeModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notice/index1.vue b/yunxi-ui-admin-vben/src/views/system/notice/index1.vue
new file mode 100644
index 0000000..a017720
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notice/index1.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import NoticeModal from './NoticeModal.vue'
+import { columns, searchFormSchema } from './notice.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteNotice, getNoticePage } from '@/api/system/notice'
+
+defineOptions({ name: 'SystemNotice' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '公告列表',
+  api: getNoticePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteNotice(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:notice:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:notice:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:notice:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <NoticeModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notice/notice.data.ts b/yunxi-ui-admin-vben/src/views/system/notice/notice.data.ts
new file mode 100644
index 0000000..d5cce4b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notice/notice.data.ts
@@ -0,0 +1,93 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '公告编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '公告标题',
+    dataIndex: 'title',
+    width: 180,
+  },
+  {
+    title: '公告类型',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_NOTICE_TYPE)
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '公告标题',
+    field: 'title',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '公告状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '公告标题',
+    field: 'title',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '公告类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_NOTICE_TYPE),
+    },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '内容',
+    field: 'content',
+    component: 'Editor',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/components/MessageInfoModal.vue b/yunxi-ui-admin-vben/src/views/system/notify/components/MessageInfoModal.vue
new file mode 100644
index 0000000..77063e1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/components/MessageInfoModal.vue
@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import type { MessageInfo } from './message.data'
+import { infoSchema } from './message.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description, useDescription } from '@/components/Description/index'
+
+defineOptions({ name: 'MessageInfoModal' })
+
+const data = ref<MessageInfo>()
+
+const [innerRegister] = useModalInner((value: MessageInfo) => {
+  data.value = value
+})
+
+const [descriptionRegister] = useDescription({
+  column: 1,
+  schema: infoSchema,
+  data,
+})
+</script>
+
+<template>
+  <BasicModal title="站内信详情" @register="innerRegister">
+    <Description @register="descriptionRegister" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/components/message.data.ts b/yunxi-ui-admin-vben/src/views/system/notify/components/message.data.ts
new file mode 100644
index 0000000..c237600
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/components/message.data.ts
@@ -0,0 +1,96 @@
+import { h } from 'vue'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE } from '@/utils/dict'
+import { JsonPreview } from '@/components/CodeEditor'
+import type { DescItem } from '@/components/Description/index'
+
+// 站内信详情modal
+export const infoSchema: DescItem[] = [
+  {
+    field: 'id',
+    label: '编号',
+    labelMinWidth: 50,
+  },
+  {
+    field: 'readStatus',
+    label: '是否已读',
+    render: (value) => {
+      return useRender.renderDict(value, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+  {
+    field: 'userType',
+    label: '用户类型',
+    render: (value) => {
+      return useRender.renderDict(value, DICT_TYPE.USER_TYPE)
+    },
+  },
+  {
+    field: 'userType',
+    label: '用户编号',
+  },
+  {
+    field: 'templateId',
+    label: '模板编号',
+  },
+  {
+    field: 'templateCode',
+    label: '模板编码',
+  },
+  {
+    field: 'templateNickname',
+    label: '发送人名称',
+  },
+  {
+    field: 'templateContent',
+    label: '模板内容',
+  },
+  {
+    field: 'templateParams',
+    label: '模板参数',
+    render: (value) => {
+      return h(JsonPreview, { data: value })
+    },
+  },
+  {
+    field: 'templateType',
+    label: '模板类型',
+    render: (value) => {
+      return useRender.renderDict(value, DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE)
+    },
+  },
+  {
+    field: 'readTime',
+    label: '阅读时间',
+    render: (value) => {
+      if (!value)
+        return useRender.renderTag('未阅读')
+
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'createTime',
+    label: '创建时间',
+    render: (value) => {
+      return useRender.renderDate(value)
+    },
+  },
+]
+
+// 站内信详情
+export interface MessageInfo {
+  userId: number
+  userType: number
+  templateId: number
+  templateCode: string
+  templateNickname: string
+  templateContent: string
+  templateType: number
+  templateParams: { [key: string]: string }
+  readStatus: boolean
+  readTime?: any
+  id: number
+  createTime: number
+  key: string
+}
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/message/index.vue b/yunxi-ui-admin-vben/src/views/system/notify/message/index.vue
new file mode 100644
index 0000000..cc4dbf6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/message/index.vue
@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './message.data'
+import { IconEnum } from '@/enums/appEnum'
+import { useI18n } from '@/hooks/web/useI18n'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getNotifyMessagePage } from '@/api/system/notify/message'
+import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
+import { useModal } from '@/components/Modal'
+
+defineOptions({ name: 'SystemMessage' })
+
+const { t } = useI18n()
+
+const [registerTable] = useTable({
+  title: '站内信记录列表',
+  api: getNotifyMessagePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 100,
+    title: t('common.action'),
+    fixed: 'right',
+    key: 'action',
+  },
+})
+
+const [registerModal, { openModal }] = useModal()
+
+function handleShowInfo(record: Recordable) {
+  openModal(true, record)
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                label: t('action.detail'),
+                icon: IconEnum.LOG,
+                onClick: handleShowInfo.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <MessageInfoModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/message/index1.vue b/yunxi-ui-admin-vben/src/views/system/notify/message/index1.vue
new file mode 100644
index 0000000..cc4dbf6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/message/index1.vue
@@ -0,0 +1,56 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './message.data'
+import { IconEnum } from '@/enums/appEnum'
+import { useI18n } from '@/hooks/web/useI18n'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getNotifyMessagePage } from '@/api/system/notify/message'
+import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
+import { useModal } from '@/components/Modal'
+
+defineOptions({ name: 'SystemMessage' })
+
+const { t } = useI18n()
+
+const [registerTable] = useTable({
+  title: '站内信记录列表',
+  api: getNotifyMessagePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 100,
+    title: t('common.action'),
+    fixed: 'right',
+    key: 'action',
+  },
+})
+
+const [registerModal, { openModal }] = useModal()
+
+function handleShowInfo(record: Recordable) {
+  openModal(true, record)
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                label: t('action.detail'),
+                icon: IconEnum.LOG,
+                onClick: handleShowInfo.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <MessageInfoModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/message/message.data.ts b/yunxi-ui-admin-vben/src/views/system/notify/message/message.data.ts
new file mode 100644
index 0000000..b0ca975
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/message/message.data.ts
@@ -0,0 +1,204 @@
+import { h } from 'vue'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { JsonPreview } from '@/components/CodeEditor'
+import type { DescItem } from '@/components/Description/index'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户编号',
+    dataIndex: 'userId',
+    width: 100,
+  },
+  {
+    title: '用户类型',
+    dataIndex: 'userType',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.USER_TYPE)
+    },
+  },
+  {
+    title: '模板编码',
+    dataIndex: 'templateCode',
+    width: 100,
+  },
+  {
+    title: '发送人名称',
+    dataIndex: 'templateNickname',
+    width: 120,
+  },
+  {
+    title: '模版内容',
+    dataIndex: 'templateContent',
+    width: 240,
+  },
+  {
+    title: '模版类型',
+    dataIndex: 'templateType',
+    width: 140,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE)
+    },
+  },
+  {
+    title: '是否已读',
+    dataIndex: 'readStatus',
+    width: 140,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+  {
+    title: '阅读时间',
+    dataIndex: 'readTime',
+    width: 180,
+    customRender: ({ text }) => {
+      if (!text)
+        return useRender.renderTag('未阅读')
+
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户编号',
+    field: 'userId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户类型',
+    field: 'userType',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '模板编码',
+    field: 'templateCode',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '模版类型',
+    field: 'templateType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+// 站内信详情modal
+export const infoSchema: DescItem[] = [
+  {
+    field: 'id',
+    label: '编号',
+    labelMinWidth: 50,
+  },
+  {
+    field: 'readStatus',
+    label: '是否已读',
+    render: (value) => {
+      return useRender.renderDict(value, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+  {
+    field: 'userType',
+    label: '用户类型',
+    render: (value) => {
+      return useRender.renderDict(value, DICT_TYPE.USER_TYPE)
+    },
+  },
+  {
+    field: 'userType',
+    label: '用户编号',
+  },
+  {
+    field: 'templateId',
+    label: '模板编号',
+  },
+  {
+    field: 'templateCode',
+    label: '模板编码',
+  },
+  {
+    field: 'templateNickname',
+    label: '发送人名称',
+  },
+  {
+    field: 'templateContent',
+    label: '模板内容',
+  },
+  {
+    field: 'templateParams',
+    label: '模板参数',
+    render: (value) => {
+      return h(JsonPreview, { data: value })
+    },
+  },
+  {
+    field: 'templateType',
+    label: '模板类型',
+    render: (value) => {
+      return useRender.renderDict(value, DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE)
+    },
+  },
+  {
+    field: 'readTime',
+    label: '阅读时间',
+    render: (value) => {
+      if (!value)
+        return useRender.renderTag('未阅读')
+
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'createTime',
+    label: '创建时间',
+    render: (value) => {
+      return useRender.renderDate(value)
+    },
+  },
+]
+
+// 站内信详情
+export interface MessageInfo {
+  userId: number
+  userType: number
+  templateId: number
+  templateCode: string
+  templateNickname: string
+  templateContent: string
+  templateType: number
+  templateParams: { [key: string]: string }
+  readStatus: boolean
+  readTime?: any
+  id: number
+  createTime: number
+  key: string
+}
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/my/index.vue b/yunxi-ui-admin-vben/src/views/system/notify/my/index.vue
new file mode 100644
index 0000000..8b62377
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/my/index.vue
@@ -0,0 +1,125 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { columns, searchFormSchema } from './my.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { getMyNotifyMessagePage, updateAllNotifyMessageRead, updateNotifyMessageRead } from '@/api/system/notify/message'
+import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
+import { useModal } from '@/components/Modal'
+import { useUserMessageStore } from '@/store/modules/userMessage'
+
+defineOptions({ name: 'SystemMyMessage' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const store = useUserMessageStore()
+
+const [registerTable, { getSelectRowKeys, clearSelectedRowKeys, reload }] = useTable({
+  title: '我的站内信列表',
+  api: getMyNotifyMessagePage,
+  columns,
+  formConfig: { labelWidth: 130, schemas: searchFormSchema },
+  rowSelection: {
+    type: 'checkbox',
+    getCheckboxProps: (record: Recordable) => {
+      return {
+        // 已读的消息disabled 不可选
+        disabled: record.readStatus,
+      }
+    },
+  },
+  rowKey: 'id',
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/**
+ * 已读按钮的disabled  未选中则disabled
+ */
+const readedDisabled = computed<boolean>(() => {
+  return getSelectRowKeys().length === 0
+})
+
+function handleUpdateList() {
+  const ids = getSelectRowKeys()
+  handleUpdate(ids)
+}
+
+async function handleUpdateSingle(record: Recordable) {
+  await handleUpdate([record.id])
+}
+
+function afterRead(msg: string) {
+  createMessage.success(msg)
+  // 更新未读消息
+  store.updateUnreadCount()
+  // 重加载表格
+  reload()
+  // 清除选中的行
+  clearSelectedRowKeys()
+}
+
+async function handleUpdate(ids) {
+  await updateNotifyMessageRead(ids)
+  afterRead('标记已读成功！')
+}
+
+async function handleUpdateAll() {
+  await updateAllNotifyMessageRead()
+  afterRead('全部已读成功！')
+}
+
+function handleInfo(record: any) {
+  openModal(true, record)
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable bordered @register="registerTable">
+      <template #toolbar>
+        <a-button pre-icon="solar:check-read-line-duotone" type="primary" :disabled="readedDisabled" @click="handleUpdateList">
+          标记已读
+        </a-button>
+        <a-button pre-icon="solar:check-read-linear" type="primary" @click="handleUpdateAll">
+          全部已读
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <!-- 阻止事件冒泡 勾选框 -->
+          <TableAction
+            stop-button-propagation
+            :actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: '已读',
+                color: 'warning',
+                ifShow: () => {
+                  return !record.readStatus
+                },
+                onClick: handleUpdateSingle.bind(null, record),
+              },
+              {
+                icon: IconEnum.LOG,
+                label: t('action.detail'),
+                onClick: handleInfo.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <MessageInfoModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/my/my.data.ts b/yunxi-ui-admin-vben/src/views/system/notify/my/my.data.ts
new file mode 100644
index 0000000..1d884e8
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/my/my.data.ts
@@ -0,0 +1,112 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '发送人',
+    dataIndex: 'templateNickname',
+    width: 100,
+  },
+  {
+    title: '发送时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '类型',
+    dataIndex: 'templateType',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE)
+    },
+  },
+  {
+    title: '内容',
+    dataIndex: 'templateContent',
+    width: 300,
+  },
+  {
+    title: '是否已读',
+    dataIndex: 'readStatus',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '是否已读',
+    field: 'readStatus',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '发送时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '模版编码',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '发件人名称',
+    field: 'nickname',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板内容',
+    field: 'content',
+    required: true,
+    component: 'InputTextArea',
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE),
+    },
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'RadioGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/template/SendNotifyModal.vue b/yunxi-ui-admin-vben/src/views/system/notify/template/SendNotifyModal.vue
new file mode 100644
index 0000000..83ad6b0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/template/SendNotifyModal.vue
@@ -0,0 +1,88 @@
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { baseSendSchemas } from './template.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import { useMessage } from '@/hooks/web/useMessage'
+import type { NotifyTemplate, SendNotifyParam } from '@/api/system/notify/template'
+import { sendNotify } from '@/api/system/notify/template'
+
+defineOptions({ name: 'SendNotifyModal' })
+
+const { createMessage } = useMessage()
+const reactiveSchemas: FormSchema[] = reactive([])
+const templateCode = ref<string>('')
+
+const [register, { setFieldsValue, getFieldsValue, validateFields, resetFields, clearValidate, setProps }] = useForm({
+  labelWidth: 100,
+  baseColProps: {
+    span: 24,
+  },
+  showActionButtonGroup: false,
+})
+
+const [innerRegister, { changeLoading, closeModal }] = useModalInner((data: NotifyTemplate) => {
+  resetForm()
+  data.params.forEach((item) => {
+    const dySchema: FormSchema = {
+      // 这里加上前缀 防止和content/userId字段重名
+      field: `key-${item}`,
+      label: `参数{${item}} `,
+      component: 'Input',
+      componentProps: {
+        placeholder: `输入{${item}}`,
+      },
+      required: true,
+    }
+    reactiveSchemas.push(dySchema)
+  })
+  const { content, code } = data
+  setFieldsValue({ content })
+  templateCode.value = code
+})
+
+async function submit() {
+  try {
+    setProps({ disabled: true })
+    changeLoading(true)
+    await validateFields()
+    const fields = getFieldsValue()
+    const data: SendNotifyParam = {
+      userId: fields.userId,
+      templateCode: templateCode.value,
+      templateParams: {},
+    }
+    Object.keys(fields).forEach((key) => {
+      if (key === 'content' || key === 'userId')
+        return
+
+      // 去掉 - 后的key
+      const realKey = key.split('-')[1]
+      data.templateParams[realKey] = fields[key]
+    })
+    await sendNotify(data)
+    createMessage.success('发送站内信成功')
+    closeModal()
+  }
+  finally {
+    setProps({ disabled: false })
+    changeLoading(false)
+  }
+}
+
+function resetForm() {
+  // 这里需要每次清空动态表单
+  reactiveSchemas.splice(0, reactiveSchemas.length)
+  reactiveSchemas.push(...baseSendSchemas)
+  // 清除上一次的表单校验和参数
+  resetFields()
+  clearValidate()
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="发送站内信" @register="innerRegister" @ok="submit">
+    <BasicForm :schemas="reactiveSchemas" @register="register" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/template/TemplateModal.vue b/yunxi-ui-admin-vben/src/views/system/notify/template/TemplateModal.vue
new file mode 100644
index 0000000..9ab8c48
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/template/TemplateModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './template.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createNotifyTemplate, getNotifyTemplate, updateNotifyTemplate } from '@/api/system/notify/template'
+
+defineOptions({ name: 'NotifyTemplateModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getNotifyTemplate(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateNotifyTemplate(values)
+    else
+      await createNotifyTemplate(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/template/index.vue b/yunxi-ui-admin-vben/src/views/system/notify/template/index.vue
new file mode 100644
index 0000000..3423570
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/template/index.vue
@@ -0,0 +1,97 @@
+<script lang="ts" setup>
+import TemplateModal from './TemplateModal.vue'
+import { columns, searchFormSchema } from './template.data'
+import SendNotifyModal from './SendNotifyModal.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteNotifyTemplate, getNotifyTemplatePage } from '@/api/system/notify/template'
+
+defineOptions({ name: 'SystemMessageTemplate' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerSendModal, { openModal: openSendModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '站内信模板列表',
+  api: getNotifyTemplatePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 200,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+function handleSend(record: Recordable) {
+  openSendModal(true, record)
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteNotifyTemplate(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:notify-template:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.UPLOAD,
+                label: t('action.send'),
+                auth: 'system:notify-template:update',
+                onClick: handleSend.bind(null, record),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: t('action.edit'),
+                auth: 'system:notify-template:update',
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:notify-template:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TemplateModal @register="registerModal" @success="reload()" />
+    <SendNotifyModal @register="registerSendModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/notify/template/template.data.ts b/yunxi-ui-admin-vben/src/views/system/notify/template/template.data.ts
new file mode 100644
index 0000000..ca865f5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/notify/template/template.data.ts
@@ -0,0 +1,181 @@
+import { h } from 'vue'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { getListSimpleUsers } from '@/api/system/user/index'
+import { ScrollContainer } from '@/components/Container'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '模板编码',
+    dataIndex: 'code',
+    width: 100,
+  },
+  {
+    title: '模板名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE)
+    },
+  },
+  {
+    title: '发送人名称',
+    dataIndex: 'nickname',
+    width: 100,
+  },
+  {
+    title: '模板内容',
+    dataIndex: 'content',
+    width: 300,
+  },
+  {
+    title: '开启状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '模板名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '模版编码',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '模版编码',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '发件人名称',
+    field: 'nickname',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板内容',
+    field: 'content',
+    required: true,
+    component: 'InputTextArea',
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_NOTIFY_TEMPLATE_TYPE),
+    },
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    required: true,
+    component: 'RadioGroup',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+// 发送站内信
+// 这里加上前缀 防止和表单其他字段重名
+export const keyPrefix = 'key$-'
+export const baseSendSchemas: FormSchema[] = [
+  {
+    field: 'content',
+    component: 'Editor',
+    label: '模板内容 ',
+    required: false,
+    defaultValue: '',
+    render({ model }) {
+      let content: string = model.content
+      Object.keys(model).forEach((key) => {
+        if (!key.startsWith(keyPrefix))
+          return
+
+        const realKey = key.split(keyPrefix)[1]
+        content = content.replace(`{${realKey}}`, model[key])
+      })
+      return h(ScrollContainer, {
+        innerHTML: content,
+        style: { border: '1px solid #e8e8e8', borderRadius: '6px', padding: '10px' },
+      })
+    },
+  },
+  {
+    field: 'userId',
+    component: 'ApiSelect',
+    label: '接收人 ',
+    required: true,
+    componentProps: {
+      api: getListSimpleUsers,
+      labelField: 'nickname',
+      valueField: 'id',
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/oauth2/client/ClientModal.vue b/yunxi-ui-admin-vben/src/views/system/oauth2/client/ClientModal.vue
new file mode 100644
index 0000000..847bf3a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/oauth2/client/ClientModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './client.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createOAuth2Client, getOAuth2Client, updateOAuth2Client } from '@/api/system/oauth2/client'
+
+defineOptions({ name: 'SystemClientModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 160,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getOAuth2Client(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateOAuth2Client(values)
+    else
+      await createOAuth2Client(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/oauth2/client/client.data.ts b/yunxi-ui-admin-vben/src/views/system/oauth2/client/client.data.ts
new file mode 100644
index 0000000..8a107a1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/oauth2/client/client.data.ts
@@ -0,0 +1,212 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '客户端编号',
+    dataIndex: 'clientId',
+    width: 200,
+  },
+  {
+    title: '客户端密钥',
+    dataIndex: 'secret',
+    width: 100,
+  },
+  {
+    title: '应用名',
+    dataIndex: 'name',
+    width: 100,
+  },
+  {
+    title: '应用图标',
+    dataIndex: 'logo',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderImg(text)
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '访问令牌的有效期',
+    dataIndex: 'accessTokenValiditySeconds',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderText(text, '秒')
+    },
+  },
+  {
+    title: '刷新令牌的有效期',
+    dataIndex: 'refreshTokenValiditySeconds',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderText(text, '秒')
+    },
+  },
+  {
+    title: '授权类型',
+    dataIndex: 'authorizedGrantTypes',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTags(text)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '应用名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '客户端编号',
+    field: 'clientId',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '客户端密钥',
+    field: 'secret',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '应用名',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '应用图标',
+    field: 'logo',
+    required: true,
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'image',
+      maxCount: 1,
+    },
+  },
+  {
+    label: '应用描述',
+    field: 'description',
+    component: 'InputTextArea',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '访问令牌的有效期',
+    field: 'accessTokenValiditySeconds',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '刷新令牌的有效期',
+    field: 'refreshTokenValiditySeconds',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '授权类型',
+    field: 'authorizedGrantTypes',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_OAUTH2_GRANT_TYPE, 'string'),
+      mode: 'multiple',
+    },
+  },
+  {
+    label: '授权范围',
+    field: 'scopes',
+    component: 'Select',
+    componentProps: {
+      mode: 'tags',
+      options: [],
+    },
+  },
+  {
+    label: '自动授权范围',
+    field: 'autoApproveScopes',
+    component: 'Select',
+    componentProps: {
+      mode: 'tags',
+      options: [],
+    },
+  },
+  {
+    label: '可重定向的 URI 地址',
+    field: 'redirectUris',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      mode: 'tags',
+      options: [],
+    },
+  },
+  {
+    label: '权限',
+    field: 'authorities',
+    component: 'Select',
+    componentProps: {
+      mode: 'tags',
+      options: [],
+    },
+  },
+  {
+    label: '资源',
+    field: 'resourceIds',
+    component: 'Select',
+    componentProps: {
+      mode: 'tags',
+      options: [],
+    },
+  },
+  {
+    label: '附加信息',
+    field: 'additionalInformation',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/oauth2/client/index.vue b/yunxi-ui-admin-vben/src/views/system/oauth2/client/index.vue
new file mode 100644
index 0000000..c8d996c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/oauth2/client/index.vue
@@ -0,0 +1,78 @@
+<script lang="ts" setup>
+import ClientModal from './ClientModal.vue'
+import { columns, searchFormSchema } from './client.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteOAuth2Client, getOAuth2ClientPage } from '@/api/system/oauth2/client'
+
+defineOptions({ name: 'SystemClient' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '应用列表',
+  api: getOAuth2ClientPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteOAuth2Client(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:oauth2-client:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:oauth2-client:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:oauth2-client:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <ClientModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/oauth2/token/index.vue b/yunxi-ui-admin-vben/src/views/system/oauth2/token/index.vue
new file mode 100644
index 0000000..c467fbe
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/oauth2/token/index.vue
@@ -0,0 +1,60 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './token.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteAccessToken, getAccessTokenPage } from '@/api/system/oauth2/token'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SystemToken' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerTable, { reload }] = useTable({
+  title: 'Token列表',
+  api: getAccessTokenPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 80,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+async function handleDelete(record: Recordable) {
+  await deleteAccessToken(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: '强退',
+                auth: 'system:oauth2-token:delete',
+                popConfirm: {
+                  title: '是否确认强退',
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/oauth2/token/token.data.ts b/yunxi-ui-admin-vben/src/views/system/oauth2/token/token.data.ts
new file mode 100644
index 0000000..7a40dcf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/oauth2/token/token.data.ts
@@ -0,0 +1,69 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '访问令牌',
+    dataIndex: 'accessToken',
+    width: 300,
+  },
+  {
+    title: '刷新令牌',
+    dataIndex: 'refreshToken',
+    width: 300,
+  },
+  {
+    title: '用户编号',
+    dataIndex: 'userId',
+    width: 100,
+  },
+  {
+    title: '用户类型',
+    dataIndex: 'userType',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.USER_TYPE)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '过期时间',
+    dataIndex: 'expiresTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户编号',
+    field: 'userId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '客户端编号',
+    field: 'clientId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '用户类型',
+    field: 'userType',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.USER_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/operatelog/LogInfoModal.vue b/yunxi-ui-admin-vben/src/views/system/operatelog/LogInfoModal.vue
new file mode 100644
index 0000000..b1a41d3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/operatelog/LogInfoModal.vue
@@ -0,0 +1,25 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { infoSchema } from './operateLog.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { Description, useDescription } from '@/components/Description/index'
+
+defineOptions({ name: 'OperLogInfoModal' })
+
+const logData = ref()
+const [registerModalInner, { closeModal }] = useModalInner((record: Recordable) => {
+  logData.value = record
+})
+
+const [registerDescription] = useDescription({
+  column: 1,
+  schema: infoSchema,
+  data: logData,
+})
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="操作日志详情" width="800px" @register="registerModalInner" @ok="closeModal">
+    <Description @register="registerDescription" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/operatelog/index.vue b/yunxi-ui-admin-vben/src/views/system/operatelog/index.vue
new file mode 100644
index 0000000..5ffb516
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/operatelog/index.vue
@@ -0,0 +1,74 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './operateLog.data'
+import OperLogInfoModal from './LogInfoModal.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { OperateLogPageReqVO } from '@/api/system/operatelog'
+import { exportOperateLog, getOperateLogPage } from '@/api/system/operatelog'
+import { useModal } from '@/components/Modal'
+
+defineOptions({ name: 'SystemOperateLog' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerTable, { getForm }] = useTable({
+  title: '操作日志列表',
+  api: getOperateLogPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportOperateLog(getForm().getFieldsValue() as OperateLogPageReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+const [registerModal, { openModal }] = useModal()
+function handleShowInfo(record: Recordable) {
+  openModal(true, record)
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.VIEW,
+                label: t('action.detail'),
+                onClick: handleShowInfo.bind(null, record),
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <OperLogInfoModal @register="registerModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/operatelog/operateLog.data.ts b/yunxi-ui-admin-vben/src/views/system/operatelog/operateLog.data.ts
new file mode 100644
index 0000000..2c5da7a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/operatelog/operateLog.data.ts
@@ -0,0 +1,202 @@
+import { h } from 'vue'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import type { DescItem } from '@/components/Description/index'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '操作模块',
+    dataIndex: 'module',
+    width: 200,
+  },
+  {
+    title: '操作名',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '操作类型',
+    dataIndex: 'type',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_OPERATE_TYPE)
+    },
+  },
+  {
+    title: '操作人',
+    dataIndex: 'userNickname',
+    width: 120,
+  },
+  // {
+  //   title: 'userAgent',
+  //   dataIndex: 'userAgent',
+  //   width: 400
+  // },
+  {
+    title: '请求路径',
+    dataIndex: 'requestUrl',
+  },
+  {
+    title: '操作结果',
+    dataIndex: 'resultCode',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text === 0 ? '成功' : '失败', text === 0 ? '#87d068' : '#f50')
+    },
+  },
+  {
+    title: '执行时长',
+    dataIndex: 'duration',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderText(text, 'ms')
+    },
+  },
+  {
+    title: '操作日期',
+    dataIndex: 'startTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '系统模块',
+    field: 'title',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '操作人员',
+    field: 'operName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_OPERATE_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'success',
+    component: 'Select',
+    componentProps: {
+      options: [
+        { value: true, key: true, label: '成功' },
+        { value: false, key: false, label: '失败' },
+      ],
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '操作时间',
+    field: 'startTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+const httpMethods = [
+  { value: 'GET', color: '#108ee9' },
+  { value: 'POST', color: '#2db7f5' },
+  { value: 'PUT', color: 'warning' },
+  { value: 'DELETE', color: '#f50' },
+]
+
+export const infoSchema: DescItem[] = [
+  {
+    field: 'module',
+    label: '操作模块',
+  },
+  {
+    field: 'name',
+    label: '操作名',
+  },
+  {
+    field: 'userNickname',
+    label: '操作人',
+    render(_, data) {
+      const { userNickname, userId } = data
+      // return useRender.renderText(userNickname, 'uid: ' + userId)
+      return useRender.renderTags([userNickname, `uid: ${userId}`])
+    },
+  },
+  {
+    field: 'resultCode',
+    label: '请求结果',
+    render(value) {
+      return useRender.renderTag(value === 0 ? '成功' : '失败', value === 0 ? '#87d068' : '#f50')
+    },
+  },
+  {
+    field: 'resultMsg',
+    label: '响应信息',
+    show(data) {
+      return data && data.resultMsg && data.resultMsg !== ''
+    },
+    render(value) {
+      return h('span', { style: { color: 'red', fontWeight: 'bold' } }, value)
+    },
+  },
+  {
+    field: 'userIp',
+    label: '请求ip',
+  },
+  {
+    field: 'startTime',
+    label: '请求时间',
+    render(value) {
+      return useRender.renderDate(value)
+    },
+  },
+  {
+    field: 'requestUrl',
+    label: '请求路径',
+    render(_, data) {
+      if (!data)
+        return ''
+
+      const { requestMethod, requestUrl } = data
+      const current = httpMethods.find(item => item.value === requestMethod.toUpperCase())
+      const methodTag = current ? useRender.renderTag(requestMethod, current.color) : requestMethod
+      return h('span', {}, [methodTag, requestUrl])
+    },
+  },
+  {
+    field: 'javaMethod',
+    label: '操作方法',
+    labelMinWidth: 80,
+  },
+  {
+    field: 'javaMethodArgs',
+    label: '请求参数',
+    render(value) {
+      return useRender.renderJsonPreview(value)
+    },
+  },
+  {
+    field: 'userAgent',
+    label: 'userAgent',
+  },
+  {
+    field: 'duration',
+    label: '请求耗时',
+    render(value) {
+      return useRender.renderText(value, 'ms')
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/post/PostModal.vue b/yunxi-ui-admin-vben/src/views/system/post/PostModal.vue
new file mode 100644
index 0000000..8a03d4d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/post/PostModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './post.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createPost, getPost, updatePost } from '@/api/system/post'
+
+defineOptions({ name: 'SystemPostModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getPost(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updatePost(values)
+    else
+      await createPost(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/post/index.vue b/yunxi-ui-admin-vben/src/views/system/post/index.vue
new file mode 100644
index 0000000..b7125e3
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/post/index.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import PostModal from './PostModal.vue'
+import { columns, searchFormSchema } from './post.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { PostExportReqVO } from '@/api/system/post'
+import { deletePost, exportPost, getPostPage } from '@/api/system/post'
+
+defineOptions({ name: 'SystemPost' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '岗位列表',
+  api: getPostPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportPost(getForm().getFieldsValue() as PostExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deletePost(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:post:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:post:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:post:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:post:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <PostModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/post/post.data.ts b/yunxi-ui-admin-vben/src/views/system/post/post.data.ts
new file mode 100644
index 0000000..dc32c13
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/post/post.data.ts
@@ -0,0 +1,112 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '岗位编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '岗位名称',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '岗位编码',
+    dataIndex: 'code',
+    width: 100,
+  },
+  {
+    title: '岗位顺序',
+    dataIndex: 'sort',
+    width: 120,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '岗位名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '岗位编码',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '岗位名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '岗位编码',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '岗位顺序',
+    field: 'sort',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/role/RoleMenuModal.vue b/yunxi-ui-admin-vben/src/views/system/role/RoleMenuModal.vue
new file mode 100644
index 0000000..69c8714
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/role/RoleMenuModal.vue
@@ -0,0 +1,121 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { without } from 'lodash-es'
+import { menuScopeFormSchema } from './role.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getRole } from '@/api/system/role'
+import type { CheckKeys, CheckedEvent, TreeItem } from '@/components/Tree'
+import { BasicTree } from '@/components/Tree'
+import { listSimpleMenus } from '@/api/system/menu'
+import { handleTree } from '@/utils/tree'
+import { assignRoleMenu, listRoleMenus } from '@/api/system/permission'
+
+defineOptions({ name: 'SystemRoleMenuModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const treeData = ref<TreeItem[]>([])
+const menuKeys = ref<number[]>([])
+const menuHalfKeys = ref<number[]>([])
+
+// 默认展开的层级
+const defaultExpandLevel = ref<number>(1)
+// 祖先节点list
+const parentIdSets = ref<Set<number>>(new Set())
+const treeRef = ref()
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: menuScopeFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  await resetFields()
+  menuReset()
+  setModalProps({ confirmLoading: false })
+  if (unref(treeData).length === 0) {
+    const res = await listSimpleMenus()
+    treeData.value = handleTree(res, 'id')
+    // 去重 拿到所有的父节点
+    parentIdSets.value = new Set(res.map(item => item.parentId))
+  }
+  const role = await getRole(data.record.id)
+  const menuIds = await listRoleMenus(data.record.id)
+
+  // https://www.lodashjs.com/docs/lodash.without
+  // 默认关联节点  需要排除所有的祖先节点  否则会全部勾选
+  // 只保留子节点 关联情况下会自己选中父节点
+  // 排除祖先节点后的子节点  达到"独立"的效果 但可以进行关联选择
+  const excludeParentIds = without(menuIds, ...Array.from(parentIdSets.value))
+  // 这里是后期更新/新增需要用的 需要使用原始参数
+  menuKeys.value = menuIds
+  // 这里是view需要的  需要排除祖先节点才能正常显示  否则传入父节点会勾选所有子节点
+  role.menuIds = excludeParentIds
+  // 这里只负责显示 后期传递参数不使用这里  所以不用祖先节点
+  await setFieldsValue({ ...role })
+
+  // 默认展开的层级
+  if (unref(treeRef))
+    unref(treeRef).filterByLevel(defaultExpandLevel.value)
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    await assignRoleMenu({
+      roleId: values.id,
+      menuIds: [...menuKeys.value, ...menuHalfKeys.value],
+    })
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+
+function menuReset() {
+  menuKeys.value = []
+  menuHalfKeys.value = []
+}
+
+function menuCheck(checkedKeys: CheckKeys, event: CheckedEvent) {
+  if (Array.isArray(checkedKeys)) {
+    // 这里是子节点的ID
+    menuKeys.value = checkedKeys as number[]
+    // 这里是父节点的ID 默认空数组
+    menuHalfKeys.value = (event.halfCheckedKeys as number[]) || []
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="修改角色菜单权限" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm">
+      <template #menuIds="{ model, field }">
+        <BasicTree
+          v-if="treeData.length"
+          ref="treeRef"
+          v-model:checkedKeys="model[field]"
+          :tree-data="treeData"
+          :field-names="{ title: 'name', key: 'id' }"
+
+          toolbar checkable search
+          :show-strictly-button="false"
+          :selectable="false"
+          title="菜单分配"
+          @check="menuCheck"
+        />
+      </template>
+    </BasicForm>
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/role/RoleModal.vue b/yunxi-ui-admin-vben/src/views/system/role/RoleModal.vue
new file mode 100644
index 0000000..89edb6f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/role/RoleModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './role.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createRole, getRole, updateRole } from '@/api/system/role'
+
+defineOptions({ name: 'SystemRoleModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getRole(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateRole(values)
+    else
+      await createRole(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/role/RoleScopeModal.vue b/yunxi-ui-admin-vben/src/views/system/role/RoleScopeModal.vue
new file mode 100644
index 0000000..e6fa507
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/role/RoleScopeModal.vue
@@ -0,0 +1,73 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { dataScopeFormSchema } from './role.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import type { TreeItem } from '@/components/Tree'
+import { BasicTree } from '@/components/Tree'
+import { getRole } from '@/api/system/role'
+import { listSimpleDept } from '@/api/system/dept'
+import { handleTree } from '@/utils/tree'
+import { assignRoleDataScope } from '@/api/system/permission'
+
+defineOptions({ name: 'SystemRoleScopeModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const treeData = ref<TreeItem[]>([])
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: dataScopeFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  if (unref(treeData).length === 0) {
+    const res = await listSimpleDept()
+    treeData.value = handleTree(res, 'id')
+  }
+  const res = await getRole(data.record.id)
+  res.roleId = data.record.id
+  setFieldsValue({ ...res })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    await assignRoleDataScope(values)
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="编辑角色数据权限" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm">
+      <template #dataScopeDeptIds="{ model, field }">
+        <BasicTree
+          v-model:value="model[field]"
+          :tree-data="treeData"
+          :field-names="{ title: 'name', key: 'id' }"
+          :check-strictly="false"
+          checkable
+          toolbar
+          title="部门分配"
+        />
+      </template>
+    </BasicForm>
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/role/index.vue b/yunxi-ui-admin-vben/src/views/system/role/index.vue
new file mode 100644
index 0000000..8f85163
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/role/index.vue
@@ -0,0 +1,122 @@
+<script lang="ts" setup>
+import RoleModal from './RoleModal.vue'
+import RoleMenuModal from './RoleMenuModal.vue'
+import RoleScopeModal from './RoleScopeModal.vue'
+import { columns, searchFormSchema } from './role.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { RoleExportReqVO } from '@/api/system/role'
+import { deleteRole, exportRole, getRolePage } from '@/api/system/role'
+
+defineOptions({ name: 'SystemRole' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerMenuModal, { openModal: openMenuModal }] = useModal()
+const [registerScopeModal, { openModal: openScopeModal }] = useModal()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '角色列表',
+  api: getRolePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+function handleMenu(record: Recordable) {
+  openMenuModal(true, { record })
+}
+
+function handleDataScope(record: Recordable) {
+  openScopeModal(true, { record })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportRole(getForm().getFieldsValue() as RoleExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteRole(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:role:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:role:create']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:role:update', onClick: handleEdit.bind(null, record) },
+            ]"
+            :drop-down-actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: '菜单权限',
+                auth: 'system:permission:assign-role-menu',
+                onClick: handleMenu.bind(null, record),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '数据权限',
+                auth: 'system:permission:assign-role-data-scope',
+                onClick: handleDataScope.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:role:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <RoleModal @register="registerModal" @success="reload()" />
+    <RoleMenuModal @register="registerMenuModal" @success="reload()" />
+    <RoleScopeModal @register="registerScopeModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/role/role.data.ts b/yunxi-ui-admin-vben/src/views/system/role/role.data.ts
new file mode 100644
index 0000000..529c370
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/role/role.data.ts
@@ -0,0 +1,186 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { SystemDataScopeEnum } from '@/enums/systemEnum'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '角色编号',
+    dataIndex: 'id',
+    width: 120,
+  },
+  {
+    title: '角色名称',
+    dataIndex: 'name',
+    width: 150,
+  },
+  {
+    title: '角色标识',
+    dataIndex: 'code',
+    width: 150,
+  },
+  {
+    title: '角色类型',
+    dataIndex: 'type',
+    width: 150,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_ROLE_TYPE)
+    },
+  },
+  {
+    title: '显示顺序',
+    dataIndex: 'sort',
+    width: 120,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '角色名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '角色标识',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '角色名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '角色标识',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '角色顺序',
+    field: 'sort',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+export const menuScopeFormSchema: FormSchema[] = [
+  {
+    label: '角色编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '角色名称',
+    field: 'name',
+    dynamicDisabled: true,
+    component: 'Input',
+  },
+  {
+    label: '角色标识',
+    field: 'code',
+    dynamicDisabled: true,
+    component: 'Input',
+  },
+  {
+    label: '菜单权限',
+    field: 'menuIds',
+    component: 'Input',
+    slot: 'menuIds',
+  },
+]
+
+export const dataScopeFormSchema: FormSchema[] = [
+  {
+    label: '角色编号',
+    field: 'roleId',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '角色名称',
+    field: 'name',
+    dynamicDisabled: true,
+    component: 'Input',
+  },
+  {
+    label: '角色标识',
+    field: 'code',
+    dynamicDisabled: true,
+    component: 'Input',
+  },
+  {
+    label: '权限范围',
+    field: 'dataScope',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_DATA_SCOPE),
+    },
+  },
+  {
+    label: '数据权限',
+    field: 'dataScopeDeptIds',
+    ifShow: ({ values }) => values.dataScope === SystemDataScopeEnum.DEPT_CUSTOM,
+    component: 'Input',
+    slot: 'dataScopeDeptIds',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/sensitiveWord/SensitiveWordModal.vue b/yunxi-ui-admin-vben/src/views/system/sensitiveWord/SensitiveWordModal.vue
new file mode 100644
index 0000000..5f17eec
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sensitiveWord/SensitiveWordModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './sensitiveWord.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createSensitiveWord, getSensitiveWord, updateSensitiveWord } from '@/api/system/sensitiveWord'
+
+defineOptions({ name: 'SystemSensitiveWordModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getSensitiveWord(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateSensitiveWord(values)
+    else
+      await createSensitiveWord(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sensitiveWord/index.vue b/yunxi-ui-admin-vben/src/views/system/sensitiveWord/index.vue
new file mode 100644
index 0000000..ad41045
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sensitiveWord/index.vue
@@ -0,0 +1,99 @@
+<script lang="ts" setup>
+import SensitiveWordModal from './SensitiveWordModal.vue'
+import { columns, searchFormSchema } from './sensitiveWord.data'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { SensitiveWordExportReqVO } from '@/api/system/sensitiveWord'
+import { deleteSensitiveWord, exportSensitiveWord, getSensitiveWordPage } from '@/api/system/sensitiveWord'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SystemSensitiveWord' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '敏感词列表',
+  api: getSensitiveWordPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSensitiveWord(getForm().getFieldsValue() as SensitiveWordExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSensitiveWord(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:sensitive-word:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:sensitive-word:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: t('action.edit'),
+                auth: 'system:sensitive-word:delete',
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:sensitive-word:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SensitiveWordModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sensitiveWord/sensitiveWord.data.ts b/yunxi-ui-admin-vben/src/views/system/sensitiveWord/sensitiveWord.data.ts
new file mode 100644
index 0000000..eb27da5
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sensitiveWord/sensitiveWord.data.ts
@@ -0,0 +1,113 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '敏感词',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '描述',
+    dataIndex: 'description',
+    width: 200,
+  },
+  {
+    title: '标签',
+    dataIndex: 'tags',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderTags(text)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '敏感词',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '标签',
+    field: 'tag',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '敏感词',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+  {
+    label: '标签',
+    field: 'tags',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      mode: 'tags',
+      options: [],
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/channel/SmsChannelModal.vue b/yunxi-ui-admin-vben/src/views/system/sms/channel/SmsChannelModal.vue
new file mode 100644
index 0000000..97b0125
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/channel/SmsChannelModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './smsChannel.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createSmsChannel, getSmsChannel, updateSmsChannel } from '@/api/system/sms/smsChannel'
+
+defineOptions({ name: 'SystemSmsChannelModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getSmsChannel(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateSmsChannel(values)
+    else
+      await createSmsChannel(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/channel/index.vue b/yunxi-ui-admin-vben/src/views/system/sms/channel/index.vue
new file mode 100644
index 0000000..1de8795
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/channel/index.vue
@@ -0,0 +1,79 @@
+<script lang="ts" setup>
+import SmsChannelModal from './SmsChannelModal.vue'
+import { columns, searchFormSchema } from './smsChannel.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteSmsChannel, getSmsChannelPage } from '@/api/system/sms/smsChannel'
+
+defineOptions({ name: 'SystemSmsChannel' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '短信渠道列表',
+  api: getSmsChannelPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSmsChannel(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:sms-channel:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:sms-channel:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:sms-channel:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SmsChannelModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/channel/smsChannel.data.ts b/yunxi-ui-admin-vben/src/views/system/sms/channel/smsChannel.data.ts
new file mode 100644
index 0000000..a744e70
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/channel/smsChannel.data.ts
@@ -0,0 +1,138 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '短信签名',
+    dataIndex: 'signature',
+    width: 180,
+  },
+  {
+    title: '渠道编码',
+    dataIndex: 'code',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE)
+    },
+  },
+  {
+    title: '启用状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '短信 API 的账号',
+    dataIndex: 'apiKey',
+    width: 180,
+  },
+  {
+    title: '短信 API 的密钥',
+    dataIndex: 'apiSecret',
+    width: 180,
+  },
+  {
+    title: '短信发送回调 URL',
+    dataIndex: 'callbackUrl',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '短信签名',
+    field: 'signature',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '启用状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '短信签名',
+    field: 'signature',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '渠道编码',
+    field: 'code',
+    component: 'Select',
+    required: true,
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE, 'string'),
+    },
+  },
+  {
+    label: '启用状态',
+    field: 'status',
+    component: 'Select',
+    defaultValue: 0,
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+  {
+    label: '短信 API 的账号',
+    field: 'apiKey',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '短信 API 的密钥',
+    field: 'apiSecret',
+    component: 'Input',
+  },
+  {
+    label: '短信发送回调 URL',
+    field: 'callbackUrl',
+    component: 'Input',
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/log/index.vue b/yunxi-ui-admin-vben/src/views/system/sms/log/index.vue
new file mode 100644
index 0000000..76837c1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/log/index.vue
@@ -0,0 +1,47 @@
+<script lang="ts" setup>
+import { columns, searchFormSchema } from './smsLog.data'
+import { BasicTable, useTable } from '@/components/Table'
+import { IconEnum } from '@/enums/appEnum'
+import type { SmsLogExportReqVO } from '@/api/system/sms/smsLog'
+import { exportSmsLog, getSmsLogPage } from '@/api/system/sms/smsLog'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SystemSmsLog' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerTable, { getForm }] = useTable({
+  title: '短信日志列表',
+  api: getSmsLogPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+})
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSmsLog(getForm().getFieldsValue() as SmsLogExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:sms-log:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+    </BasicTable>
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/log/smsLog.data.ts b/yunxi-ui-admin-vben/src/views/system/sms/log/smsLog.data.ts
new file mode 100644
index 0000000..f2c382b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/log/smsLog.data.ts
@@ -0,0 +1,148 @@
+import { getSimpleSmsChannels } from '@/api/system/sms/smsChannel'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+let channelOptions: any[] = []
+
+async function getchannelList() {
+  const res = await getSimpleSmsChannels()
+  channelOptions = res
+}
+
+await getchannelList()
+
+export const columns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '手机号',
+    dataIndex: 'mobile',
+    width: 180,
+    customRender: ({ text, record }) => {
+      if (record.userType && record.userId)
+        return useRender.renderDict(record.userType, DICT_TYPE.USER_TYPE)
+      else return text
+    },
+  },
+  {
+    title: '短信内容',
+    dataIndex: 'templateContent',
+    width: 300,
+  },
+  {
+    title: '发送状态',
+    dataIndex: 'sendStatus',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_SMS_SEND_STATUS)
+    },
+  },
+  {
+    title: '接收状态',
+    dataIndex: 'receiveStatus',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS)
+    },
+  },
+  {
+    title: '短信渠道',
+    dataIndex: 'channelCode',
+    width: 180,
+    customRender: ({ text, record }) => {
+      if (!text)
+        return '未设置'
+
+      for (const channel of channelOptions) {
+        if (record.channelId === channel.id)
+          return channel.signature
+      }
+
+      return `找不到签名：${record.channelId}`
+    },
+  },
+  {
+    title: '模板编号',
+    dataIndex: 'templateId',
+    width: 120,
+  },
+  {
+    title: '短信类型',
+    dataIndex: 'templateType',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '手机号',
+    field: 'mobile',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '短信渠道',
+    field: 'channelId',
+    component: 'ApiSelect',
+    componentProps: {
+      api: getSimpleSmsChannels,
+      fieldNames: {
+        label: 'signature',
+        key: 'id',
+        value: 'id',
+      },
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '模板编号',
+    field: 'templateId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '发送状态',
+    field: 'sendStatus',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_SMS_SEND_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '发送时间',
+    field: 'sendTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+  {
+    label: '接收状态',
+    field: 'receiveStatus',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_SMS_RECEIVE_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '接收时间',
+    field: 'receiveTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/template/SendSmsModal.vue b/yunxi-ui-admin-vben/src/views/system/sms/template/SendSmsModal.vue
new file mode 100644
index 0000000..43b4b9c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/template/SendSmsModal.vue
@@ -0,0 +1,88 @@
+<script lang="ts" setup>
+import { reactive, ref } from 'vue'
+import { baseSendSchemas } from './smsTemplate.data'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import type { FormSchema } from '@/components/Form'
+import { BasicForm, useForm } from '@/components/Form'
+import type { SmsTemplateVO } from '@/api/system/sms/smsTemplate'
+import { sendSms } from '@/api/system/sms/smsTemplate'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SendSmsModal' })
+
+const { createMessage } = useMessage()
+const reactiveSchemas: FormSchema[] = reactive([])
+const templateCode = ref<string>('')
+
+const [register, { setFieldsValue, getFieldsValue, validateFields, resetFields, clearValidate, setProps }] = useForm({
+  labelWidth: 100,
+  baseColProps: {
+    span: 24,
+  },
+  showActionButtonGroup: false,
+})
+
+const [innerRegister, { changeLoading, closeModal }] = useModalInner((data: SmsTemplateVO) => {
+  resetForm()
+  data.params.forEach((item) => {
+    const dySchema: FormSchema = {
+      // 这里加上前缀 防止content/mobile和字段重名
+      field: `key-${item}`,
+      label: `参数{${item}} `,
+      component: 'Input',
+      componentProps: {
+        placeholder: `输入{${item}}`,
+      },
+      required: true,
+    }
+    reactiveSchemas.push(dySchema)
+  })
+  const { content, code } = data
+  setFieldsValue({ content })
+  templateCode.value = code
+})
+
+async function submit() {
+  try {
+    setProps({ disabled: true })
+    changeLoading(true)
+    await validateFields()
+    const fields = getFieldsValue()
+    const data = {
+      mobile: fields.mobile,
+      templateCode: templateCode.value,
+      templateParams: {},
+    }
+    Object.keys(fields).forEach((key) => {
+      if (key === 'content' || key === 'mobile')
+        return
+
+      // 去掉 - 后的key
+      const realKey = key.split('-')[1]
+      data.templateParams[realKey] = fields[key]
+    })
+    await sendSms(data)
+    createMessage.success(`发送短信到[${fields.mobile}]成功`)
+    closeModal()
+  }
+  finally {
+    setProps({ disabled: false })
+    changeLoading(false)
+  }
+}
+
+function resetForm() {
+  // 这里需要每次清空动态表单
+  reactiveSchemas.splice(0, reactiveSchemas.length)
+  reactiveSchemas.push(...baseSendSchemas)
+  // 清除上一次的表单校验和参数
+  resetFields()
+  clearValidate()
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="测试发送短信" @register="innerRegister" @ok="submit">
+    <BasicForm :schemas="reactiveSchemas" @register="register" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/template/SmsTemplateModal.vue b/yunxi-ui-admin-vben/src/views/system/sms/template/SmsTemplateModal.vue
new file mode 100644
index 0000000..d09a532
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/template/SmsTemplateModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './smsTemplate.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createSmsTemplate, getSmsTemplate, updateSmsTemplate } from '@/api/system/sms/smsTemplate'
+
+defineOptions({ name: 'SystemSmsTemplateModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getSmsTemplate(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateSmsTemplate(values)
+    else
+      await createSmsTemplate(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/template/index.vue b/yunxi-ui-admin-vben/src/views/system/sms/template/index.vue
new file mode 100644
index 0000000..66ee735
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/template/index.vue
@@ -0,0 +1,107 @@
+<script lang="ts" setup>
+import SmsTemplateModal from './SmsTemplateModal.vue'
+import SendSmsModal from './SendSmsModal.vue'
+import { columns, searchFormSchema } from './smsTemplate.data'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { SmsTemplateExportReqVO } from '@/api/system/sms/smsTemplate'
+import { deleteSmsTemplate, exportSmsTemplate, getSmsTemplatePage } from '@/api/system/sms/smsTemplate'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SystemSmsTemplate' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerSendModal, { openModal: openSendModal }] = useModal()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '短信模版列表',
+  api: getSmsTemplatePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 220,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleSendSms(record: Recordable) {
+  openSendModal(true, record)
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSmsTemplate(getForm().getFieldsValue() as SmsTemplateExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSmsTemplate(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:sms-template:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:sms-template:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.TEST,
+                label: t('action.test'),
+                auth: 'system:sms-template:send-sms',
+                onClick: handleSendSms.bind(null, record),
+              },
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:sms-template:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:sms-template:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SmsTemplateModal @register="registerModal" @success="reload()" />
+    <SendSmsModal @register="registerSendModal" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/sms/template/smsTemplate.data.ts b/yunxi-ui-admin-vben/src/views/system/sms/template/smsTemplate.data.ts
new file mode 100644
index 0000000..0a12cda
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/sms/template/smsTemplate.data.ts
@@ -0,0 +1,209 @@
+import { h } from 'vue'
+import { ScrollContainer } from '@/components/Container'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '模板编码',
+    dataIndex: 'code',
+    width: 180,
+  },
+  {
+    title: '模板名称',
+    dataIndex: 'name',
+    width: 100,
+  },
+  {
+    title: '模板内容',
+    dataIndex: 'content',
+    width: 300,
+  },
+  {
+    title: '短信类型',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE)
+    },
+  },
+  {
+    title: '开启状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '短信 API 的模板编号',
+    dataIndex: 'apiTemplateId',
+    width: 180,
+  },
+  {
+    title: '短信渠道',
+    dataIndex: 'channelCode',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE)
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '短信类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '模板编码',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '短信 API 的模板编号',
+    field: 'apiTemplateId',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '短信渠道',
+    field: 'channelId',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_SMS_CHANNEL_CODE),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '短信渠道编号',
+    field: 'channelId',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '短信类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_SMS_TEMPLATE_TYPE),
+    },
+  },
+  {
+    label: '模板编号',
+    field: 'code',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '模板内容',
+    field: 'content',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '开启状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '短信 API 模板编号',
+    field: 'apiTemplateId',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+// 发送短信
+// 这里加上前缀 防止和表单其他字段重名
+export const keyPrefix = 'key$-'
+export const baseSendSchemas: FormSchema[] = [
+  {
+    field: 'content',
+    component: 'Editor',
+    label: '模板内容 ',
+    required: false,
+    defaultValue: '',
+    render({ model }) {
+      let content: string = model.content
+      Object.keys(model).forEach((key) => {
+        if (!key.startsWith(keyPrefix))
+          return
+
+        const realKey = key.split(keyPrefix)[1]
+        content = content.replace(`{${realKey}}`, model[key])
+      })
+      return h(ScrollContainer, {
+        innerHTML: content,
+        style: { border: '1px solid #e8e8e8', borderRadius: '6px', padding: '10px' },
+      })
+    },
+  },
+  {
+    field: 'mobile',
+    label: '手机号 ',
+    component: 'Input',
+    componentProps: {
+      placeholder: '请输入手机号',
+    },
+    required: true,
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/tenant/TenantModal.vue b/yunxi-ui-admin-vben/src/views/system/tenant/TenantModal.vue
new file mode 100644
index 0000000..955e660
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/tenant/TenantModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './tenant.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createTenant, getTenant, updateTenant } from '@/api/system/tenant'
+
+defineOptions({ name: 'SystemTenantModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getTenant(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateTenant(values)
+    else
+      await createTenant(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/tenant/index.vue b/yunxi-ui-admin-vben/src/views/system/tenant/index.vue
new file mode 100644
index 0000000..f1014b9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/tenant/index.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import TenantModal from './TenantModal.vue'
+import { columns, searchFormSchema } from './tenant.data'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { TenantExportReqVO } from '@/api/system/tenant'
+import { deleteTenant, exportTenant, getTenantPage } from '@/api/system/tenant'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+defineOptions({ name: 'SystemTenant' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '租户列表',
+  api: getTenantPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportTenant(getForm().getFieldsValue() as TenantExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteTenant(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:tenant:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:tenant:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:tenant:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:tenant:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TenantModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/tenant/tenant.data.ts b/yunxi-ui-admin-vben/src/views/system/tenant/tenant.data.ts
new file mode 100644
index 0000000..103e1b7
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/tenant/tenant.data.ts
@@ -0,0 +1,191 @@
+import { getTenantPackageList } from '@/api/system/tenantPackage'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '租户编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '租户名',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '租户套餐',
+    dataIndex: 'packageId',
+    width: 100,
+  },
+  {
+    title: '联系人',
+    dataIndex: 'contactName',
+    width: 120,
+  },
+  {
+    title: '联系手机',
+    dataIndex: 'contactMobile',
+    width: 120,
+  },
+  {
+    title: '账号额度',
+    dataIndex: 'accountCount',
+    width: 120,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text)
+    },
+  },
+  {
+    title: '过期时间',
+    dataIndex: 'expireTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+  {
+    title: '绑定域名',
+    dataIndex: 'domain',
+    width: 200,
+  },
+  {
+    title: '租户状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '租户名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '联系人',
+    field: 'contactName',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '联系手机',
+    field: 'contactMobile',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '租户名',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '租户套餐',
+    field: 'packageId',
+    required: true,
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => getTenantPackageList(),
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+  {
+    label: '联系人',
+    field: 'contactName',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '联系手机',
+    field: 'contactMobile',
+    component: 'Input',
+  },
+  {
+    label: '用户名称',
+    field: 'username',
+    component: 'Input',
+    ifShow: ({ values }) => !values.id,
+  },
+  {
+    label: '用户密码',
+    field: 'password',
+    component: 'InputPassword',
+    ifShow: ({ values }) => !values.id,
+  },
+  {
+    label: '账号额度',
+    field: 'accountCount',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '过期时间',
+    field: 'expireTime',
+    required: true,
+    component: 'DatePicker',
+    componentProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '绑定域名',
+    field: 'domain',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '租户状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/tenantPackage/TenantPackageModal.vue b/yunxi-ui-admin-vben/src/views/system/tenantPackage/TenantPackageModal.vue
new file mode 100644
index 0000000..fbcad4a
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/tenantPackage/TenantPackageModal.vue
@@ -0,0 +1,127 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { without } from 'lodash-es'
+import { formSchema } from './tenantPackage.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import type { CheckedEvent, CheckedKeys, TreeItem } from '@/components/Tree'
+import { BasicTree } from '@/components/Tree'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createTenantPackage, getTenantPackage, updateTenantPackage } from '@/api/system/tenantPackage'
+import { listSimpleMenus } from '@/api/system/menu'
+import { handleTree } from '@/utils/tree'
+
+defineOptions({ name: 'SystemTenantPackageModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+const treeData = ref<TreeItem[]>([])
+const menuKeys = ref<number[]>([])
+const menuHalfKeys = ref<number[]>([])
+// 默认展开的层级
+const defaultExpandLevel = ref<number>(1)
+// 祖先节点list
+const parentIdSets = ref<Set<number>>(new Set())
+const treeRef = ref()
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  menuReset()
+  setModalProps({ confirmLoading: false })
+  if (unref(treeData).length === 0) {
+    const res = await listSimpleMenus()
+    treeData.value = handleTree(res, 'id')
+    // 去重 拿到所有的祖先节点
+    parentIdSets.value = new Set<number>(res.map(item => item.parentId))
+  }
+  isUpdate.value = !!data?.isUpdate
+
+  if (unref(isUpdate)) {
+    const res = await getTenantPackage(data.record.id)
+    // 默认关联节点  需要排除所有的祖先节点  否则会全部勾选
+    // 只保留子节点 关联情况下会自己选中父节点
+    // 排除祖先节点后的子节点  达到"独立"的效果 但可以进行关联选择
+    const excludeParentIds: number[] = without(res.menuIds, ...Array.from(parentIdSets.value))
+    // 这里的checkedKeys为包含所有节点的数组  用作判断数组是否修改过
+    menuKeys.value = res.menuIds
+    // 这里只控制页面显示 不包含祖先节点
+    res.menuIds = excludeParentIds
+    await setFieldsValue({ ...res })
+  }
+
+  // 默认展开的层级
+  if (unref(treeRef))
+    unref(treeRef).filterByLevel(defaultExpandLevel.value)
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    values.menuIds = [...menuKeys.value, ...menuHalfKeys.value]
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateTenantPackage(values)
+    else
+      await createTenantPackage(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+
+function menuReset() {
+  menuKeys.value = []
+  menuHalfKeys.value = []
+}
+
+/**
+ * 父子节点关联情况下 checkedKeys为选中的菜单 e.halfCheckedKeys为父节点数组
+ * 父子节点独立情况下 checkedKeys为{checked: number[], halfChecked: number[]} e.halfCheckedKeys为null
+ * @param checkedKeys 选中的菜单
+ * @param e event
+ */
+function menuCheck(checkedKeys: CheckedKeys, event: CheckedEvent) {
+  if (Array.isArray(checkedKeys)) {
+    menuKeys.value = checkedKeys
+    menuHalfKeys.value = event.halfCheckedKeys!
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm">
+      <template #menuIds="{ model, field }">
+        <BasicTree
+          v-if="treeData.length"
+          ref="treeRef"
+          v-model:checkedKeys="model[field]"
+          :tree-data="treeData"
+          :field-names="{ title: 'name', key: 'id' }"
+          checkable
+          toolbar
+          search
+          :show-strictly-button="false"
+          :selectable="false"
+          title="菜单分配"
+          @check="menuCheck"
+        />
+      </template>
+    </BasicForm>
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/tenantPackage/index.vue b/yunxi-ui-admin-vben/src/views/system/tenantPackage/index.vue
new file mode 100644
index 0000000..af50443
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/tenantPackage/index.vue
@@ -0,0 +1,83 @@
+<script lang="ts" setup>
+import TenantPackageModal from './TenantPackageModal.vue'
+import { columns, searchFormSchema } from './tenantPackage.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteTenantPackage, getTenantPackagePage } from '@/api/system/tenantPackage'
+
+defineOptions({ name: 'SystemTenantPackage' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerTable, { reload }] = useTable({
+  title: '租户套餐列表',
+  api: getTenantPackagePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteTenantPackage(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:tenant-package:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: t('action.edit'),
+                auth: 'system:tenant-package:update',
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:tenant-package:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <TenantPackageModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/tenantPackage/tenantPackage.data.ts b/yunxi-ui-admin-vben/src/views/system/tenantPackage/tenantPackage.data.ts
new file mode 100644
index 0000000..5ad784d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/tenantPackage/tenantPackage.data.ts
@@ -0,0 +1,90 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '套餐编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '套餐名',
+    dataIndex: 'name',
+    width: 180,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    },
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180,
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '套餐名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '套餐名',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '菜单权限',
+    field: 'menuIds',
+    slot: 'menuIds',
+    component: 'Input',
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/system/user/DeptTree.vue b/yunxi-ui-admin-vben/src/views/system/user/DeptTree.vue
new file mode 100644
index 0000000..719bb9d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/DeptTree.vue
@@ -0,0 +1,41 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+
+import type { TreeItem } from '@/components/Tree'
+import { BasicTree } from '@/components/Tree'
+import { listSimpleDept } from '@/api/system/dept'
+import { handleTree } from '@/utils/tree'
+
+defineOptions({ name: 'SystemDeptTree' })
+
+const emit = defineEmits(['select'])
+const treeData = ref<TreeItem[]>([])
+
+async function fetch() {
+  const res = await listSimpleDept()
+  treeData.value = handleTree(res, 'id')
+}
+
+function handleSelect(keys) {
+  emit('select', keys[0])
+}
+
+onMounted(() => {
+  fetch()
+})
+</script>
+
+<template>
+  <div class="m-4 mr-0 overflow-hidden">
+    <BasicTree
+      title="部门列表"
+      toolbar
+      search
+      tree-wrapper-class-name="h-[calc(100%-35px)] overflow-auto"
+      :click-row-to-expand="false"
+      :tree-data="treeData"
+      :field-names="{ key: 'id', title: 'name' }"
+      @select="handleSelect"
+    />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/user/ResetPwdModal.vue b/yunxi-ui-admin-vben/src/views/system/user/ResetPwdModal.vue
new file mode 100644
index 0000000..dff86ff
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/ResetPwdModal.vue
@@ -0,0 +1,50 @@
+<script lang="ts" setup>
+import { ref } from 'vue'
+import { userPwdFormSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { resetUserPwd } from '@/api/system/user'
+
+defineOptions({ name: 'SystemResetPwdModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const userId = ref(0)
+
+const [registerForm, { resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: userPwdFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner((data) => {
+  resetFields()
+  userId.value = data.record.id
+  setModalProps({ confirmLoading: false })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    await resetUserPwd(userId.value, values.newPassword)
+    setModalProps({ confirmLoading: true })
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="重置密码" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/user/UserModal.vue b/yunxi-ui-admin-vben/src/views/system/user/UserModal.vue
new file mode 100644
index 0000000..83ded18
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/UserModal.vue
@@ -0,0 +1,58 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { formSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createUser, getUser, updateUser } from '@/api/system/user'
+
+defineOptions({ name: 'SystemUserModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    const res = await getUser(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate))
+      await updateUser(values)
+    else
+      await createUser(values)
+
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/user/UserRoleModal.vue b/yunxi-ui-admin-vben/src/views/system/user/UserRoleModal.vue
new file mode 100644
index 0000000..93c6664
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/UserRoleModal.vue
@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { userRoleFormSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { getUser } from '@/api/system/user'
+import { assignUserRole, listUserRoles } from '@/api/system/permission'
+
+defineOptions({ name: 'SystemUserRoleModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: userRoleFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+
+  const res = await getUser(data.record.id)
+  const roleIds = await listUserRoles(data.record.id)
+  res.roleIds = roleIds
+  setFieldsValue({ ...res })
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    await assignUserRole({ userId: values.id, roleIds: values.roleIds })
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" title="用户角色权限" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/user/index.vue b/yunxi-ui-admin-vben/src/views/system/user/index.vue
new file mode 100644
index 0000000..c24b17d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/index.vue
@@ -0,0 +1,144 @@
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import UserModal from './UserModal.vue'
+import UserRoleModal from './UserRoleModal.vue'
+import ResetPwdModal from './ResetPwdModal.vue'
+import DeptTree from './DeptTree.vue'
+import { columns, searchFormSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { UserExportReqVO } from '@/api/system/user'
+import { deleteUser, exportUser, getUserPage } from '@/api/system/user'
+import { useUserStore } from '@/store/modules/user'
+defineOptions({ name: 'SystemUser' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerRoleModal, { openModal: openRoleModal }] = useModal()
+const [registerPwdModal, { openModal: openPwdModal }] = useModal()
+const searchInfo = reactive<Recordable>({})
+const userStore = useUserStore()
+const [registerTable, { getForm, reload }] = useTable({
+  title: '账号列表',
+  api: getUserPage,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    autoSubmitOnEnter: true,
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 新增按钮操作 */
+function handleCreate() {
+  const userinfo = userStore.getUserInfo
+  debugger
+  openModal(true, { isUpdate: false })
+}
+
+/** 导出按钮操作 */
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportUser(getForm().getFieldsValue() as UserExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+/** 修改按钮操作 */
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+/** 分配用户角色操作 */
+function handleRole(record: Recordable) {
+  openRoleModal(true, { record })
+}
+
+/** 重置密码按钮操作 */
+function handleResetPwd(record: Recordable) {
+  openPwdModal(true, { record })
+}
+
+/** 删除按钮操作 */
+async function handleDelete(record: Recordable) {
+  await deleteUser(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+/** 点击部门操作 */
+function handleSelect(deptId = '') {
+  searchInfo.deptId = deptId
+  reload()
+}
+</script>
+
+<template>
+  <div class="flex">
+    <DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
+    <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:user:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:user:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:user:update', onClick: handleEdit.bind(null, record) },
+            ]"
+            :drop-down-actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: '分配角色',
+                auth: 'system:permission:assign-user-role',
+                onClick: handleRole.bind(null, record),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '重置密码',
+                auth: 'system:user:update-password',
+                onClick: handleResetPwd.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:user:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <UserModal @register="registerModal" @success="reload()" />
+    <UserRoleModal @register="registerRoleModal" @success="reload()" />
+    <ResetPwdModal @register="registerPwdModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/user/index1.vue b/yunxi-ui-admin-vben/src/views/system/user/index1.vue
new file mode 100644
index 0000000..4f55b3f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/index1.vue
@@ -0,0 +1,142 @@
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import UserModal from './UserModal.vue'
+import UserRoleModal from './UserRoleModal.vue'
+import ResetPwdModal from './ResetPwdModal.vue'
+import DeptTree from './DeptTree.vue'
+import { columns, searchFormSchema } from './user.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import type { UserExportReqVO } from '@/api/system/user'
+import { deleteUser, exportUser, getUserPage } from '@/api/system/user'
+
+defineOptions({ name: 'SystemUser' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const [registerRoleModal, { openModal: openRoleModal }] = useModal()
+const [registerPwdModal, { openModal: openPwdModal }] = useModal()
+const searchInfo = reactive<Recordable>({})
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '账号列表',
+  api: getUserPage,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema,
+    autoSubmitOnEnter: true,
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+/** 新增按钮操作 */
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+/** 导出按钮操作 */
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportUser(getForm().getFieldsValue() as UserExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+/** 修改按钮操作 */
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+/** 分配用户角色操作 */
+function handleRole(record: Recordable) {
+  openRoleModal(true, { record })
+}
+
+/** 重置密码按钮操作 */
+function handleResetPwd(record: Recordable) {
+  openPwdModal(true, { record })
+}
+
+/** 删除按钮操作 */
+async function handleDelete(record: Recordable) {
+  await deleteUser(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+/** 点击部门操作 */
+function handleSelect(deptId = '') {
+  searchInfo.deptId = deptId
+  reload()
+}
+</script>
+
+<template>
+  <div class="flex">
+    <DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
+    <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:user:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:user:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:user:update', onClick: handleEdit.bind(null, record) },
+            ]"
+            :drop-down-actions="[
+              {
+                icon: IconEnum.EDIT,
+                label: '分配角色',
+                auth: 'system:permission:assign-user-role',
+                onClick: handleRole.bind(null, record),
+              },
+              {
+                icon: IconEnum.EDIT,
+                label: '重置密码',
+                auth: 'system:user:update-password',
+                onClick: handleResetPwd.bind(null, record),
+              },
+              {
+                icon: IconEnum.DELETE,
+                danger: true,
+                label: t('action.delete'),
+                auth: 'system:user:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <UserModal @register="registerModal" @success="reload()" />
+    <UserRoleModal @register="registerRoleModal" @success="reload()" />
+    <ResetPwdModal @register="registerPwdModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/system/user/user.data.ts b/yunxi-ui-admin-vben/src/views/system/user/user.data.ts
new file mode 100644
index 0000000..e0fca05
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/system/user/user.data.ts
@@ -0,0 +1,345 @@
+import { h } from 'vue'
+import { Switch } from 'ant-design-vue'
+import { useMessage } from '@/hooks/web/useMessage'
+import { listSimpleDept } from '@/api/system/dept'
+import { listSimplePosts } from '@/api/system/post'
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { updateUserStatus } from '@/api/system/user'
+import { listSimpleRoles } from '@/api/system/role'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '用户编号',
+    dataIndex: 'id',
+    width: 100,
+  },
+  {
+    title: '用户名称',
+    dataIndex: 'username',
+    width: 180,
+  },
+  {
+    title: '用户昵称',
+    dataIndex: 'nickname',
+    width: 100,
+  },
+  {
+    title: '部门',
+    dataIndex: 'deptId',
+    width: 120,
+    customRender: ({ record }) => {
+      console.log('record',record)
+      return useRender.renderTag(record.dept && record.dept.name)
+    },
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'mobile',
+    width: 120,
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    width: 180,
+    // customRender: ({ text }) => {
+    //   return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    // }
+    customRender: ({ record }) => {
+      if (!Reflect.has(record, 'pendingStatus'))
+        record.pendingStatus = false
+
+      return h(Switch, {
+        checked: record.status === 0,
+        checkedChildren: '已启用',
+        unCheckedChildren: '已禁用',
+        loading: record.pendingStatus,
+        onChange(checked: boolean) {
+          record.pendingStatus = true
+          const newStatus = checked ? 0 : 1
+          const { createMessage } = useMessage()
+          updateUserStatus(record.id, newStatus)
+            .then(() => {
+              record.status = newStatus
+              createMessage.success('已成功修改用户状态')
+            })
+            .catch(() => {
+              createMessage.error('修改用户状态失败')
+            })
+            .finally(() => {
+              record.pendingStatus = false
+            })
+        },
+      })
+    },
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '用户名称',
+    field: 'username',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '手机号码',
+    field: 'mobile',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+    colProps: { span: 8 },
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    componentProps: {
+      format: 'YYYY-MM-DD HH:mm:ss',
+    },
+    colProps: { span: 8 },
+  },
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '用户昵称',
+    field: 'nickname',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '用户头像',
+    field: 'avatar',
+    component: 'FileUpload',
+    componentProps: {
+      maxCount: 1,
+      fileType: 'image',
+    },
+  },
+  {
+    label: '归属部门',
+    field: 'deptId',
+    required: true,
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => listSimpleDept(),
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+  },
+  {
+    label: '工号',
+    field: 'jobNumber',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '手机号码',
+    field: 'mobile',
+    required: true,
+    defaultValue: 0,
+    component: 'InputNumber',
+  },
+  {
+    label: '微信号',
+    field: 'wechatAccount',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '邮箱',
+    field: 'email',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '用户名称',
+    field: 'username',
+    component: 'Input',
+    dynamicDisabled: ({ values }) => !!values.id,
+  },
+  {
+    label: '用户密码',
+    field: 'password',
+    component: 'InputPassword',
+    ifShow: ({ values }) => !values.id,
+  },
+  {
+    label: '用户性别',
+    field: 'sex',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.SYSTEM_USER_SEX),
+    },
+  },
+  {
+    label: '出生日期',
+    field: 'birthDatetime',
+    component: 'DatePicker',
+    componentProps: {
+      showTime: false,
+      format: 'YYYY-MM-DD',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '籍贯',
+    field: 'nativePlace',
+    component: 'Input',
+  },
+  {
+    label: '学历',
+    field: 'education',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.XUELI),
+    },
+  },
+  {
+    label: '专业',
+    field: 'speciality',
+    component: 'Input',
+  },
+  {
+    label: '毕业院校',
+    field: 'graduationInstitution',
+    component: 'Input',
+  },
+  {
+    label: '毕业时间',
+    field: 'institutionDatatime',
+    component: 'DatePicker',
+    componentProps: {
+      showTime: false,
+      format: 'YYYY-MM-DD',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '个人简介',
+    field: 'personalProfile',
+    component: 'InputTextArea',
+  },
+  {
+    label: '岗位',
+    field: 'postIds',
+    component: 'ApiSelect',
+    defaultValue: [],
+    componentProps: {
+      api: () => listSimplePosts(),
+      labelField: 'name',
+      valueField: 'id',
+      mode: 'tags',
+    },
+  },
+  {
+    label: '状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.COMMON_STATUS),
+    },
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea',
+  },
+]
+
+export const userRoleFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '用户名称',
+    field: 'username',
+    component: 'Input',
+    dynamicDisabled: () => true,
+  },
+  {
+    label: '用户昵称',
+    field: 'nickname',
+    component: 'Input',
+    dynamicDisabled: () => true,
+  },
+  {
+    label: '角色',
+    field: 'roleIds',
+    component: 'ApiSelect',
+    componentProps: {
+      api: () => listSimpleRoles(),
+      labelField: 'name',
+      valueField: 'id',
+      mode: 'tags',
+    },
+  },
+]
+
+export const userPwdFormSchema: FormSchema[] = [
+  {
+    field: 'newPassword',
+    label: '新密码',
+    component: 'StrengthMeter',
+    componentProps: {
+      placeholder: '新密码',
+    },
+    rules: [
+      {
+        required: true,
+        message: '请输入新密码',
+      },
+    ],
+  },
+  {
+    field: 'confirmPassword',
+    label: '确认密码',
+    component: 'InputPassword',
+    dynamicRules: ({ values }) => {
+      return [
+        {
+          required: true,
+          validator: (_, value) => {
+            if (!value)
+              return Promise.reject('密码不能为空')
+
+            if (value !== values.newPassword)
+              return Promise.reject('两次输入的密码不一致!')
+
+            return Promise.resolve()
+          },
+        },
+      ]
+    },
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/users/configuration/index.vue b/yunxi-ui-admin-vben/src/views/users/configuration/index.vue
new file mode 100644
index 0000000..7ef6a5b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/users/configuration/index.vue
@@ -0,0 +1,727 @@
+<script lang="ts" setup>
+import type { UnwrapRef, VueElement } from 'vue'
+import { onMounted, reactive, ref, watch  } from 'vue'
+import { RedoOutlined, SearchOutlined, UserOutlined } from '@ant-design/icons-vue'
+import type { FormProps, ItemType, MenuProps, SelectProps, TableColumnsType  } from 'ant-design-vue'
+
+import type { Dayjs } from 'dayjs'
+
+//当前选中的菜单项 key 数组
+const selectedKeys = ref<string[]>(['1'])
+
+//默认展开
+const navopenKeys = ref<string[]>(['sub1'])
+
+
+const items: any = reactive<ItemType[]>([])
+function getItem(
+  label: VueElement | string,
+  key: string,
+  icon?: any,
+  children?: ItemType[],
+  type?: 'group',
+): ItemType {
+  return {
+    key,
+    icon,
+    children,
+    label,
+    type,
+  } as ItemType
+}
+
+
+// 模拟异步请求获取菜单项数据的函数
+async function fetchMenuItems() {
+  // 模拟异步请求延迟
+  await new Promise(resolve => setTimeout(resolve, 1000))
+
+  // 模拟接口返回的菜单项数据
+  return [
+    {
+      label: '废铁',
+      key: 'sub1',
+      icon:'',
+      children: [
+        { label: '车间名称', key: '1' },
+        { label: '仓库名称', key: '模拟名称2' },
+        { label: '车间名称', key: '模拟名称3' },
+        { label: '车间名称', key: '模拟名称4' },
+        { label: '车间名称', key: '5' },
+        { label: '车间名称', key: '6' },
+      ],
+    },
+    {
+      label: '废铝',
+      key: 'sub2',
+      icon:'',
+      children: [
+        { label: '车间名称7', key: '7' },
+        { label: '车间名称8', key: '8' },
+        { label: '车间名称9', key: '9' },
+        { label: '车间名称10', key: '10' },
+        { label: '车间名称11', key: '11' },
+        { label: '车间名称12', key: '12' },
+      ],
+    },
+  ]
+}
+// 在组件中使用异步函数获取菜单项数据
+async function fetchData() {
+  try {
+    const data = await fetchMenuItems()
+    // 使用响应式数据保存获取到的菜单项
+    // items变量通过reactive函数创建为响应式数据。在fetchData函数中，使用splice方法来替换items数组的内容，确保新的数据被响应式地更新。这样，当fetchData异步请求完成后，items数组中的数据将被更新为获取到的菜单项数据
+    items.splice(0, items.length, ...data.map(item => getItem(item.label, item.key, null, item.children)))
+    // items.value = data.map(item => getItem(item.label, item.key, null, item.children))
+  }
+  catch (error) {
+    console.error('Error fetching menu items:', error)
+  }
+}
+/////////////////////////////////////////////////////////////
+// 右边内容
+
+//表单验证校验
+interface FormState {
+  username: string
+
+}
+const formState: UnwrapRef<FormState> = reactive({
+  username: '',
+  
+})
+
+
+const onFinish: FormProps['onFinish'] = (values) => {
+  console.log(values, formState)
+}
+const onFinishFailed: FormProps['onFinishFailed'] = (errors) => {
+  console.log(errors)
+}
+
+//选择器
+const options = ref<SelectProps['options']>([
+  { value: 'jack', label: 'Jack' },
+  { value: 'lucy', label: 'Lucy' },
+  { value: 'tom', label: 'Tom' },
+])
+function handleChange(value: string) {
+  console.log(`selected ${value}`)
+}
+function handleBlur() {
+  console.log('blur')
+}
+function handleFocus() {
+  console.log('focus')
+}
+function filterOption(input: string, option: any) {
+  return option.value.toLowerCase().includes(input.toLowerCase())
+}
+
+const department = ref<string | undefined>(undefined)
+
+//表格
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys: (string | number)[], selectedRows: any[]) => {
+    console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
+  },
+  onSelect: (record: any, selected: boolean, selectedRows: any[]) => {
+    console.log(record, selected, selectedRows)
+  },
+  onSelectAll: (selected: boolean, selectedRows: any[], changeRows: any[]) => {
+    console.log(selected, selectedRows, changeRows)
+  },
+})
+const columns: any = [
+  {
+    title: '姓名',
+    dataIndex: 'k1a',
+    key: 'k1a',
+    sorter: true,
+    fixed: 'left',
+    width: 150,
+  },
+  {
+    title: '职务',
+    dataIndex: 'k2a',
+    key: 'k2a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '组织部门',
+    dataIndex: 'k3a',
+    key: 'k3a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '关联业务',
+    dataIndex: 'k4a',
+    key: 'k4a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '账号状态',
+    dataIndex: 'k5',
+    key: 'k5',
+    width: 200,
+  },
+  {
+    title: '手机',
+    dataIndex: 'k6',
+    key: 'k6',
+    width: 200,
+  },
+  {
+    title: '在线状态',
+    dataIndex: 'k7',
+    key: 'k7',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '最后登录',
+    dataIndex: 'k8',
+    key: 'k8',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '添加时间',
+    dataIndex: 'k9a',
+    key: 'k9a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'k10a',
+    key: 'k10a',
+    sorter: true,
+    width: 200,
+  },
+  {
+    title: '操作',
+    dataIndex: 'k1a',
+    key: 'key',
+    fixed: 'right',
+    width: 100,
+  },
+]
+const dataSource: any = [
+  {
+    key: '1',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '2',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '3',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '4',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '5',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '6',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: false,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '7',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: false,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+  {
+    key: '8',
+    k1a: '康宁',
+    k1b: '202309080001',
+    k2a: '商品经理',
+    k2b: '商品部',
+    k3a: '再生资源事业部-销售组',
+    k3b: '济钢城市矿产',
+    k4a: '废钢、废铝',
+    k4b: '济钢城市矿产',
+    k5: true,
+    k6: '18088889999',
+    k7: true,
+    k8: '2023-09-03 23:26:08',
+    k9a: '康宁',
+    k9b: '2023-09-03 23:26:08',
+    k10a: '康宁',
+    k10b: '2023-09-03 23:26:08',
+  },
+]
+
+// //被选中时调
+// function myFunction({ item, key, selectedKeys }) {
+//   // 在这里可以使用 item、key 和 selectedKeys
+//   console.log(item)
+//   console.log(key)
+//   console.log(selectedKeys)
+// }
+
+// // 调用函数时传递一个包含 item、key 和 selectedKeys 属性的对象
+// const data = {
+//   item: '仓库名称',
+//   key: 'someKey',
+//   selectedKeys: ['key1', 'key2'],
+// }
+
+// myFunction(data)
+
+onMounted(() => {
+  fetchData()
+})
+
+const handleClick: MenuProps['onClick'] = (e) => {
+  console.log(e)
+  
+  console.log('click', e)
+  alert(`当前打开的是${e.key}`)
+}
+watch(navopenKeys, (val) => {
+  console.log('navopenKeys', val)
+})
+</script>
+
+<template>
+  <a-card class="card">
+    <div class="mainbody">
+      <div class="aside">
+        <div class="search">
+          <a-input placeholder="请输入搜索内容">
+            <template #prefix>
+              <SearchOutlined />
+            </template>
+          </a-input>
+        </div>
+        <a-menu
+          id="dddddd"
+          v-model:openKeys="navopenKeys"
+          v-model:selectedKeys="selectedKeys"
+          style="width: 256px;height: 900px;"
+          mode="inline"
+          :items="items"
+          @click="handleClick"
+        />
+      </div>
+      <div class="main"> 
+        <div class="designation">
+          <p>
+            <span>▋</span>
+            {{ `车间名称` }}
+          </p>
+        </div>
+        <!-- 表单 -->
+        <div class="inquiry">
+          <a-form
+            :model="formState"
+            name="horizontal_login"
+            layout="inline"
+            autocomplete="off"
+            style="display: flex;"
+            @finish="onFinish"
+            @finishFailed="onFinishFailed"
+          >
+            <a-form-item
+              name="username"
+              style="width: 240px;"
+              :rules="[{ required: true, message: '输入姓名/工号/手机号/邮箱!' }]"
+            >
+              <a-input v-model:value="formState.username" placeholder="输入姓名/工号/手机号/邮箱">
+                <template #prefix>
+                  <UserOutlined class="site-form-item-icon" />
+                </template>
+              </a-input>
+            </a-form-item>
+              
+            <a-form-item
+              name="username"
+              :rules="[{ required: true, message: '请选择部门！' }]"
+            >
+              <a-select
+                v-model:value="department"
+                placeholder="选择部门"
+                style="width: 200px"
+                :options="options"
+                :filter-option="filterOption"
+                @focus="handleFocus"
+                @blur="handleBlur"
+                @change="handleChange"
+              >
+                <a-select-option value="jack">
+                  Jack
+                </a-select-option>
+                <a-select-option value="lucy">
+                  Lucy
+                </a-select-option>
+                <a-select-option value="disabled" disabled>
+                  Disabled
+                </a-select-option>
+                <a-select-option value="Yiminghe">
+                  yiminghe
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+            <a-form-item
+              name="username"
+              style="width: 240px;"
+              :rules="[{ required: true, message: '选择时间!' }]"
+            >
+              <a-range-picker v-model:value="value1" style="margin-right:10px;" />
+            </a-form-item>
+            <a-form-item>
+              <a-button type="primary" html-type="submit" style="margin-right:10px;">
+                <SearchOutlined />
+                查询
+              </a-button>
+              <a-button html-type="submit">
+                <RedoOutlined />
+                重置
+              </a-button>
+            </a-form-item>
+          </a-form>
+        </div>
+        <!-- 关联 导入 -->
+        <div class="relevance">
+          <a-button type="primary" html-type="submit" style="margin-right:10px;">
+            <SearchOutlined />
+            关联员工
+          </a-button>
+          <a-button html-type="submit">
+            <RedoOutlined />
+            导入数据
+          </a-button>
+        </div>
+        <!-- 表格 -->
+        <a-row>
+          <a-col :span="24">
+            <a-table
+              class="ant-table-striped" :data-source="dataSource" :row-selection="rowSelection"
+              :columns="columns"
+              :row-class-name="(_record, index) => (index % 2 === 1 ? 'table-tr-b' : 'table-tr-a')" :scroll="{ x: 1500, y: 500 }"
+            >
+              <template #bodyCell="{ column, record }">
+                <template v-if="column.key === 'k1a'">
+                  <a>
+                    <a-row>
+                      <a-col :span="24">
+                        <div>{{ record.k1a }}</div>
+                      </a-col>
+                    </a-row>
+                    <a-row>
+                      <a-col :span="24">
+                        <div>{{ record.k1b }}</div>
+                      </a-col>
+                    </a-row>
+                  </a>
+                </template>
+                <template v-else-if="column.key === 'k2a'">
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k2a }}</div>
+                    </a-col>
+                  </a-row>
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k2b }}</div>
+                    </a-col>
+                  </a-row>
+                </template>
+                <template v-else-if="column.key === 'k3a'">
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k3a }}</div>
+                    </a-col>
+                  </a-row>
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k3b }}</div>
+                    </a-col>
+                  </a-row>
+                </template>
+                <template v-else-if="column.key === 'k4a'">
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k4a }}</div>
+                    </a-col>
+                  </a-row>
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k4b }}</div>
+                    </a-col>
+                  </a-row>
+                </template>
+                <template v-else-if="column.key === 'k5'">
+                  <template v-if="record.k5 == true">
+                    <a-row>
+                      <a-col :span="6">
+                        <div class="dot-true" />
+                      </a-col>
+                      <a-col :span="18">
+                        <div>启用</div>
+                      </a-col>
+                    </a-row>
+                  </template>
+                  <template v-else>
+                    <a-row>
+                      <a-col :span="6">
+                        <div class="dot-false" />
+                      </a-col>
+                      <a-col :span="18">
+                        <div>禁用</div>
+                      </a-col>
+                    </a-row>
+                  </template>
+                </template>
+                <template v-else-if="column.key === 'k7'">
+                  <template v-if="record.k7 == true">
+                    <a-row>
+                      <a-col :span="6">
+                        <div class="dot-true" />
+                      </a-col>
+                      <a-col :span="18">
+                        <div>在线</div>
+                      </a-col>
+                    </a-row>
+                  </template>
+                  <template v-else>
+                    <a-row>
+                      <a-col :span="6">
+                        <div class="dot-false" />
+                      </a-col>
+                      <a-col :span="18">
+                        <div>离线</div>
+                      </a-col>
+                    </a-row>
+                  </template>
+                </template>
+                <template v-else-if="column.key === 'k9a'">
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k9a }}</div>
+                    </a-col>
+                  </a-row>
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k9b }}</div>
+                    </a-col>
+                  </a-row>
+                </template>
+                <template v-else-if="column.key === 'k10a'">
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k10a }}</div>
+                    </a-col>
+                  </a-row>
+                  <a-row>
+                    <a-col :span="24">
+                      <div>{{ record.k10b }}</div>
+                    </a-col>
+                  </a-row>
+                </template>
+                <template v-else-if="column.key === 'key'">
+                  <div><a>详情</a></div>
+                </template>
+              </template>
+            </a-table>
+          </a-col>
+        </a-row>
+      </div>
+    </div>
+  </a-card>
+</template>
+
+<style scoped lang="less">
+.card{
+  box-sizing: border-box;
+  width: 90%;
+  margin: 0 auto;
+ overflow: hidden;
+  border-radius: 3px;
+
+  .mainbody{
+    box-sizing: border-box;
+    display: flex;
+    width: 100%;
+    height: 1000px;
+
+
+  .aside{
+     margin: 50px 0;
+
+     .search{
+      margin: 10px ;
+     }
+    }
+
+    .main{
+      margin: 20px;
+
+      .designation{
+        padding-bottom: 16px;
+       margin: 10px 0 ;
+      
+        p{
+            width: 110px;
+            height: 24px;
+            margin-bottom: 15px; 
+            font-family: "AlibabaPuHuiTi_3_55_Regular-55 Regular";
+            font-size:22px;
+            line-height: 24px;
+            color: #262626;
+            background: linear-gradient(90deg, #9EF9FF 0%, #FFF 100%);
+
+          span{
+            font-size:20px;
+            color:#409EFF;
+          }
+        }
+      }
+
+      .inquiry{
+       display: flex;
+       justify-content:left;
+        width: 100%;
+      }
+
+      .relevance{
+        margin: 30px 0;
+      }
+
+      .dot-true {
+        width: 10px;
+        height: 10px;
+        margin: 7px 0;
+        background-color: green;
+        border-radius: 100%;
+      }
+
+      .dot-false {
+         width: 10px;
+         height: 10px;
+         margin: 7px 0;
+         background-color: red;
+         border-radius: 100%;
+}
+    }
+  }
+}
+</style> 
+
+
diff --git a/yunxi-ui-admin-vben/src/views/users/mine/index.vue b/yunxi-ui-admin-vben/src/views/users/mine/index.vue
new file mode 100644
index 0000000..1f69a5c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/users/mine/index.vue
@@ -0,0 +1,957 @@
+<script lang="ts" setup>
+  import {onMounted, reactive, ref, toRefs, getCurrentInstanc, getCurrentInstance} from 'vue'
+import type { UnwrapRef } from 'vue'
+import { message } from 'ant-design-vue';
+  // let {proxy}=getCurrentInstanc
+import {
+  FieldTimeOutlined,
+  LeftOutlined, ManOutlined,
+  RightCircleFilled,
+  UserOutlined, WindowsFilled,
+  WomanOutlined,
+} from '@ant-design/icons-vue'
+
+
+  import { getUserProfileApi, updateUserProfileApi, uploadAvatarApi, updateUserPwdApi } from '@/api/base/profile'
+  import { useRender } from '@/components/Table'
+  import { useUserStore } from '@/store/modules/user'
+  import { exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
+  import { deleteNotice, getNoticePage } from '@/api/system/notice'
+const userStore = useUserStore()
+
+/* let userInfo = reactive({
+})
+onMounted( async () => {
+  userInfo = await getUserProfileApi()
+  console.log(userInfo)
+}) */
+
+// 单选
+const sex = ref<string>('1')//性别
+
+
+const message2 = ref<string>('全部信息')//系统信息选择
+  
+interface FormState {
+  name: string
+  delivery: boolean
+  type: string[]
+  resource: string
+  desc: string
+}
+const formState: UnwrapRef<FormState> = reactive({
+  name: '',
+  delivery: false,
+  type: [],
+  resource: '',
+  desc: '',
+})
+
+
+//对话框
+const open = ref<boolean>(false)
+const confirmLoading = ref<boolean>(false)
+function showModal() {
+  open.value = true
+}
+const saveUser = async () => {
+  const result = await updateUserProfileApi(state.userInfo);
+  if(result){
+    message.success('修改成功');
+  }else{
+    message.error('修改失败');
+  }
+}
+const updatePassward = async () => {
+  if(state.userUpdatePasswordReqVO.newPassword != state.userUpdatePasswordReqVO.newPassword2){
+    message.error('新密码两次输入不一致');
+    return false
+  }
+  const result = await updateUserPwdApi(state.userUpdatePasswordReqVO.oldPassword, state.userUpdatePasswordReqVO.newPassword);
+  if(result){
+    message.success('修改成功');
+  }else{
+    message.error('修改失败');
+  }
+}
+function handleOk() {
+  confirmLoading.value = true
+  setTimeout(() => {
+    open.value = false
+    confirmLoading.value = false
+  }, 2000)
+}
+const state = reactive({
+  checked1: true,
+  userInfo: {},
+  userUpdatePasswordReqVO: {
+    id: 100,
+    oldPassword: '',
+    newPassword: '',
+    newPassword2: '',
+  },
+  loginLog:[],
+  noticePage: [],
+  enterpriseList: [],
+})
+onMounted( async () => {
+  state.userInfo = await getUserProfileApi()
+  state.userUpdatePasswordReqVO.id = state.userInfo.id;
+  state.loginLog = await getLoginLogPage();
+  state.noticePage = await getNoticePage();
+  state.enterpriseList = userStore.getUserInfo.user.enterpriseList;
+})
+
+//分页器
+const current = ref(6)//登录记录分页
+
+//系统通知切换
+const isVisible =  ref(true)
+const isVisible2 = ref(false)
+const toggleBlocks: any = () => {
+  isVisible.value = !isVisible.value
+  isVisible2.value = !isVisible2.value
+}
+
+//覆盖antd原样式^^^
+const customButtonStyle = [ {
+  width:'80px',
+  textAlign:'center',
+  borderRadius: '50px',
+  margin:'0 10px',
+}]
+const messageStyle = [ {
+  color:'#6666',
+  width:'90px',
+  fontSize:'12px',
+  textAlign:'center',
+  borderRadius: '5px',
+  margin:'0 5px',
+
+}]
+const phoneStyle = [{
+  width:'60%',
+}]
+
+const changeStyle = [{
+  border:'none',
+  boxShadow: 'none',
+  color:'#409EFF',
+}]
+const labelCol = { style: { width: '100px' } }
+const wrapperCol = { span: 20 }
+const activeKey = ref('1')
+
+//系统通知表格
+
+const tablecolumns = [
+  {
+    name: '通知标题',
+    dataIndex: 'title',
+    key: 'title',
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    customRender: ({ record }) => {
+      if (record == '1')
+        return "关闭"
+      else
+        return  "正常"
+    },
+  },
+  {
+    title: '类型',
+    key: 'type',
+    dataIndex: 'type',
+    customRender: ({ record }) => {
+      if (record == '1')
+        return "通知"
+      else
+        return  "公告"
+    },
+  },
+  {
+    title: '发布时间',
+    key: 'createTime',
+    dataIndex: 'createTime',
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+const tabledata = [
+  {
+    key: '1',
+    title: '供应链管理平台正式上线',
+    state: '已读',
+    type:'产品信息',
+    time:'2023-08-22 22:31',
+  },
+  {
+    key: '2',
+    title: '供应链管理平台正式上线',
+    state: '已读',
+    type: '产品信息',
+    time:'2023-08-22 22:31',
+  }, {
+    key: '3',
+    title: '供应链管理平台正式上线',
+    state: '已读',
+    type: '产品信息',
+    time:'2023-08-22 22:31',
+  },
+]
+</script>
+
+<template>
+  <a-card
+    style="width: 80%; padding: 20px;margin: 20px auto;" 
+    default-active-tab-key
+  >
+    <a-tabs v-model:activeKey="activeKey" tab-position="left">
+      <!-- 第一部分 -->
+      <a-tab-pane key="1" tab="资料设置">
+        <div class="datum">
+          <div class="datumtop">
+            <p>
+              <span>▋</span>
+              基本资料
+            </p>
+          </div>
+          <p class="pleft">
+            基本信息
+          </p>
+          <div class="datumbox">
+            <div class="form">
+              <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
+                <a-form-item label="登录账号：">
+                  <a-input v-model:value="state.userInfo.username" :disabled="true" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item label="姓名：">
+                  <a-input v-model:value="state.userInfo.nickname" :disabled="true" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item label="所属部门：">
+                  <a-input v-model:value="state.userInfo.deptNames" :disabled="true" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item label="员工职务：">
+                  <a-input v-model:value="state.userInfo.postNames" :disabled="true" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item label="员工工号：">
+                  <a-input v-model:value="state.userInfo.jobNumber" :disabled="true" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item label="手机号码：">
+                  <div class="phonecss">
+                    <a-input v-model:value="state.userInfo.mobile" :disabled="true" placeholder="输入内容" :style="phoneStyle" />
+                   
+                    <div>
+                      <a-button :style="changeStyle" @click="showModal">
+                        修改手机号
+                      </a-button>
+                      <a-modal v-model:open="open" title="修改手机号" centered :confirm-loading="confirmLoading" @ok="handleOk">
+                        <div class="dialog">
+                          <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
+                            <a-form-item label="原手机号码：">
+                              <a-input v-model:value="value" placeholder="输入内容" />
+                            </a-form-item>
+                            <a-form-item label="验证码：">
+                              <div class="phonecss">
+                                <a-input v-model:value="value" placeholder="输入验证码" :style="phoneStyle" />
+                                <a-button :style="changeStyle">
+                                  获取验证码
+                                </a-button>
+                              </div>
+                            </a-form-item>
+                            <a-form-item label="新手机号码：">
+                              <a-input v-model:value="value" placeholder="输入新手机号" />
+                            </a-form-item>
+                          </a-form>
+                        </div>
+                      </a-modal>
+                    </div>
+                  </div>
+                </a-form-item>
+                <a-form-item label="微信账号：">
+                  <a-input v-model:value="state.userInfo.wechatAccount" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item label="邮箱地址：">
+                  <a-input v-model:value="state.userInfo.email" placeholder="输入内容" />
+                </a-form-item><!-- birthDatetime -->
+                <a-form-item name="DatePicker" label="出生日期" v-bind="config">
+                  <a-date-picker v-model:value="state.userInfo.birthDatetime" :format="dateFormat" valueFormat="x" />
+                </a-form-item>
+                <a-form-item label="性别：">
+                  <div>
+                    <div>
+                      <div>
+                        <a-radio-group v-model:value="state.userInfo.sex">
+                          <a-radio-button :style="customButtonStyle" :value="1">
+                            男性<ManOutlined />
+                          </a-radio-button>
+                          <a-radio-button :style="customButtonStyle" :value="2">
+                            女性<WomanOutlined />
+                          </a-radio-button>
+                          <a-radio-button :style="customButtonStyle" :value="0">
+                            保密
+                          </a-radio-button>
+                        </a-radio-group>
+                      </div>
+                    </div>
+                  </div>
+                </a-form-item>
+          
+                <p class="pleft">
+                  更多信息
+                </p>
+            
+                <a-form label-width="100px" :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
+                  <a-form-item label="籍贯：">
+                    <a-input v-model:value="state.userInfo.nativePlace" placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item label="学历" name="region"><!-- education -->
+                    <a-select v-model:value="state.userInfo.education" placeholder="选择学历">
+                      <a-select-option value="1">
+                        初中
+                      </a-select-option>
+                      <a-select-option value="2">
+                        高中
+                      </a-select-option>
+                      <a-select-option value="3">
+                        大专
+                      </a-select-option>
+                      <a-select-option value="4">
+                        本科
+                      </a-select-option>
+                      <a-select-option value="5">
+                        研究生
+                      </a-select-option>
+                      <a-select-option value="6">
+                        博士
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+                  <a-form-item label="专业：">
+                    <a-input v-model:value="state.userInfo.speciality" placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item label="毕业院校：">
+                    <a-input v-model:value="state.userInfo.graduationInstitution" placeholder="输入内容" />
+                  </a-form-item><!-- institutionDatatime -->
+                  <a-form-item name="DatePicker" label="毕业时间：" v-bind="config">
+                    <a-date-picker v-model:value="state.userInfo.institutionDatatime" :format="dateFormat" valueFormat="x" />
+                  </a-form-item>
+                  <a-form-item label="个人简介：" placeholder="输入内容" name="desc">
+                    <a-textarea v-model:value="state.userInfo.personalProfile" />
+                  </a-form-item>
+                  <a-form-item label="">
+                    <button class="save" @click="saveUser()">
+                      保存
+                    </button>
+                  </a-form-item>
+                </a-form>
+              </a-form>
+            </div>
+            <div class="usepic">
+              <div class="idpic">
+                <a-avatar :size="{ xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 }" :src="state.userInfo.avatar">
+                  <template #icon>
+                    <UserOutlined />
+                  </template>
+                </a-avatar>
+              </div>
+              <div class="change">
+                <a-upload
+                  v-model:file-list="fileList"
+                  list-type="picture"
+                  :max-count="1"
+                  action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                >
+                  <a-button>
+                    <upload-outlined />
+                    修改头像
+                  </a-button>
+                </a-upload>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-tab-pane>
+
+
+      <!-- 第二部分 -->
+
+      <a-tab-pane key="2" tab="修改密码">
+        <div class="datum">
+          <div class="datumtop">
+            <p>
+              <span>▋</span>
+              修改密码
+            </p>
+          </div>
+          <div class="datumbox">
+            <div class="form">
+              <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
+                <!-- <a-form-item label="验证码：">
+                  <div class="phonecss">
+                    <a-input v-model:value="value" placeholder="输入内容" :style="phoneStyle" />
+                    <a-button :style="changeStyle">
+                      获取验证码
+                    </a-button>
+                  </div>
+                </a-form-item> -->
+                <a-form-item label="原密码：">
+                  <a-input v-model:value="state.userUpdatePasswordReqVO.oldPassword" placeholder="输入原密码" />
+                </a-form-item>
+                <a-form-item label="新密码：">
+                  <a-input v-model:value="state.userUpdatePasswordReqVO.newPassword" placeholder="输入新密码" />
+                </a-form-item>
+                <a-form-item label="新密码：">
+                  <a-input v-model:value="state.userUpdatePasswordReqVO.newPassword2" placeholder="输入确认新密码" />
+                </a-form-item>
+                <button class="save" @click="updatePassward()">
+                  保存
+                </button>
+              </a-form>
+            </div>
+          </div>
+        </div>
+      </a-tab-pane>
+
+      <!-- 第三部分 -->
+      <a-tab-pane key="3" tab="登录记录">
+        <div class="datum">
+          <div class="datumtop">
+            <p>
+              <span>▋</span>
+              登录记录
+            </p>
+          </div>
+          <!-- 日期 -->
+          <!-- <div
+            v-for="(item, index) in state.loginLog" :key="index"
+          > -->
+            <!-- <div class="date">
+              {{ `2023-08-22` }}
+            </div> -->
+            <div
+              v-for="(item, index) in state.loginLog.list"
+              :key="index" class="recordbox"
+            >
+              <div class="recordleft">
+                <div class="recordicon">
+                  <WindowsFilled />
+                </div>
+                <div class="recordmessage">
+                  <div class="usersId">
+                    {{ `kang-pc` }}
+                  </div>
+                  {{ `上海市长宁区` + item.userIp}}
+                </div>
+              </div>
+              <div class="recordright">
+                <span><FieldTimeOutlined /></span>{{new Date(item.createTime).toLocaleString()}}
+              </div>
+            <!-- </div> -->
+          </div>
+          <div class="sorter">
+            <a-pagination v-model:current="current" :total="state.loginLog.total" />
+          </div>
+        </div>
+      </a-tab-pane>
+
+
+      <!-- 第四部分 -->
+      <a-tab-pane key="4" tab="系统通知">
+        <div v-if="isVisible" class="datum">
+          <div class="datumtop">
+            <p>
+              <span>▋</span>
+              系统通知
+            </p>
+          </div>
+          <div class="messagetitle">
+            <div class="messagetitleleft">
+              <a-radio-group v-model:value="message2">
+                <a-radio-button :style="messageStyle" value="全部信息">
+                  全部信息
+                </a-radio-button>
+                <a-radio-button :style="messageStyle" value="服务信息">
+                  服务信息
+                </a-radio-button>
+                <a-radio-button :style="messageStyle" value="活动信息">
+                  活动信息
+                </a-radio-button>
+                <a-radio-button :style="messageStyle" value="产品信息">
+                  产品信息
+                </a-radio-button>
+                <a-radio-button :style="messageStyle" value="安全信息">
+                  安全信息
+                </a-radio-button>
+                <a-radio-button :style="messageStyle" value="故障信息">
+                  故障信息
+                </a-radio-button>
+              </a-radio-group>
+            </div>
+            <div class="messagetitleright">
+              全部标记为已读
+            </div>
+          </div>
+
+          <div class="table">
+            <a-table :columns="tablecolumns" :data-source="state.noticePage.list" :total="state.noticePage.total">
+              <template #headerCell="{ column }">
+                <template v-if="column.key === 'title'">
+                  <span>
+                    通知标题
+                  </span>
+                </template>
+              </template>
+              <template #bodyCell="{ column, record }">
+                <template v-if="column.key === 'title'">
+                  <a href=""> {{ record.title }}</a>
+                </template>
+                
+                <template v-else-if="column.key === 'title'">
+                  <div style="cursor: pointer;" @click="toggleBlocks">
+                    {{ record.title }}
+                  </div>
+                </template>
+              </template>
+            </a-table>
+          </div>
+        </div>
+
+        <div v-else-if="isVisible2" class="details">
+          <div class="detailstop">
+            <p>
+              关于供应链管理平台正式上线的通知
+            </p>
+            <div @click="toggleBlocks">
+              <a-button><LeftOutlined />返回</a-button>
+            </div>
+          </div>
+          <div class="nav">
+            <p>消息类型：<span>{{ `产品信息` }}</span>发布时间：<span>{{ `2023-08-22 22:31` }}</span></p>
+          </div>
+          <div class="main">
+            <p>
+              8月22日，由长江云息打造的供应链管理平台正式上线运行！该项目基于云息云建设，涵盖采购需求、采购价格、采购配额、采购订单、到货签收、质量协同、对账开票、付款计划 / 付款申请等全业务流程，助力客户实现对标准采购、VMI 采购、委外加工等业务的全面管理，实现供应商全周期管理，实现从需求、寻源、合同到采购执行的全过程管理，打造具有云息特色的端到端的数智化供应链管理体系。
+            </p>
+          </div>
+        </div>
+      </a-tab-pane>
+
+      <!-- 第五部分 -->
+      <a-tab-pane key="5" tab="信息设置">
+        <div class="datum">
+          <div class="datumtop">
+            <p>
+              <span>▋</span>
+              信息设置
+            </p>
+          </div>
+          <div class="inform">
+            <div
+              v-for="(item, index) in 5"
+              :key="index" class="informbox"
+            >
+              <div class="informleft">
+                <div class="informicon">
+                  <WindowsFilled />
+                </div>
+                <div class="informmessage">
+                  <div class="informId">
+                    {{ `未读日报` }}
+                  </div>
+                  {{ `未读日报将以站内信的形式通知` }}
+                </div>
+              </div>
+              <div class="informright">
+                <a-space direction="vertical">
+                  <a-switch v-model:checked="state.checked1" checked-children="开" un-checked-children="关" />
+                </a-space>
+              </div>
+            </div>
+          </div>
+        </div>
+      </a-tab-pane>
+
+      <!-- 第六部分 -->
+      <a-tab-pane key="6" tab="公司列表">
+        <div class="datum">
+          <div class="datumtop">
+            <p>
+              <span>▋</span>
+              公司列表
+            </p>
+          </div>
+
+          <div class="listmainbox">
+            <div class="listmain">
+              <div v-for="(item, index) in state.enterpriseList" :key="index" class="list">
+                <div class="firm">
+                  <div class="firmtop">
+                    <div class="firmtopleft">
+                      <img src="https://files.axshare.com/gsc/F4557Q/03/bb/8b/03bb8b5afc694032b44452387757f019/images/%E5%85%AC%E5%8F%B8%E5%88%97%E8%A1%A8/u30.png?pageId=125c1eb4-7fa5-4390-86d9-40ffd2c7d87c" alt="">
+                    </div>
+                    <div class="firmtopright">
+                      <p>{{ item.name }}</p>
+                      <p class="fontcss">
+                        职务：{{ item.position }}
+                      </p>
+                    </div>
+                  </div>
+                  <div class="firmtopbot">
+                    <p class="fontcss">
+                      部门：{{ `再生资源事业部<采购部` }}
+                    </p>
+                    <p class="fontcss">
+                      业务线：{{ `废铁、废铝` }}
+                    </p>
+                  </div>
+                </div>
+                <div class="default">
+                  <p class="fontcss">
+                    默认登录: 
+                    <span style="margin-left: 15px;">
+                      <a-switch v-model:checked="state.checked1" checked-children="开" un-checked-children="关" /></span>
+                  </p>
+                  <a href="http://www.hao123.com/" class="fontcss">
+                    <span><RightCircleFilled /></span>
+                    进入
+                  </a>
+                </div>
+              </div>
+            </div>
+            <div class="sorter">
+              <a-pagination v-model:current="current" :total="state.enterpriseList.length" show-less-items />
+            </div>
+          </div>
+        </div>
+      </a-tab-pane>
+    </a-tabs>
+  </a-card>
+</template>
+
+
+<style scoped lang="less">
+.details{
+  height: 1200px;
+  padding: 20px;
+
+  .detailstop{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+
+  p{
+    font-size: 20px;
+    font-weight: 800;
+    color: #666;
+  }
+ }
+
+ .nav{
+  height: 30px;
+  padding: 0 0 0 10px;
+  line-height: 30px;
+  background-color: rgb(249 249 249);
+  border: 1px solid #999;
+  border-color: rgb(228 228 228 / 100%);
+
+  p{
+    font-size: 12px;
+    color: #999;
+
+    span{
+      margin: 0 10px;
+      color: #666;
+    }
+  }
+ }
+}
+
+.main{
+  padding: 20px 0;
+
+  p{
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 28px;
+    color: #666;
+    text-align: left;
+  }
+}
+
+.listmainbox{
+  display: flex;
+  flex-direction: column;
+  width:100%;
+  padding: 20px ;
+  margin-top: 30px;
+  border-radius: 10px;
+  box-shadow: 0 0 0 0.2px #8f8c8c;
+}
+
+.listmain{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+ 
+
+  .list{
+    width: 30%;
+    height: 215px;
+    margin-bottom: 20px;
+    overflow: hidden;
+    border-radius: 10px;
+    box-shadow: 0 0 0 0.2px #8f8c8c;
+
+    .fontcss{
+        font-size:14px;
+        color:#999;
+        }
+
+    .firm{
+      display:flex;
+      flex-direction:column;
+      justify-content:space-between;
+      height: 165px;
+      padding: 10px;
+      background-color: rgb(227 240 252 );
+
+        .firmtop{
+           display: flex;
+
+          .firmtopleft{
+            width: 70px;
+            height: 70px;
+            margin-right:15px;
+
+            img{
+              width: 100%;
+            }
+         }
+        }
+    }
+
+    .default{
+      display:flex;
+      align-items: flex-end;
+     justify-content: space-between;
+      height:50px;
+     padding: 0 10px;
+
+     a{
+      line-height: 50px;
+     }
+
+     a:hover{
+      color:#333;
+     }
+
+    }
+
+     
+  }
+}
+
+
+
+.ant-tabs-nav-list{
+  width: 300px !important;
+}
+
+.ant-tabs-tab .ant-tabs-tab-active{
+  padding: 8px 24px;
+    text-align: center;
+   
+}
+
+.datum{
+  //右边主体内容
+  width: 100%;
+  margin-left: 20px;
+  color: #666;
+
+  .datumtop{
+    p{ 
+    margin-bottom: 15px;
+      font-size:18px;
+     font-weight:700;
+
+     span{
+      font-size:14px;
+      color:#409EFF;
+     }
+    }
+   
+  }
+
+.datumbox{
+  display: flex;
+
+.form{
+  width: 40%;
+
+
+  .save{
+    width: 160px;
+    height: 40px;
+    margin-left: 100px;
+    color: aliceblue;
+    background-color: #409EFF;
+    border: none;
+    border-radius: 5px;
+  }
+
+}
+
+.phonecss{
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .usepic{
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin-left: 150px;
+
+    .change{
+        margin-top: 20px;
+    }
+  }
+}
+
+  .pleft{
+    margin: 20px ;
+   
+  }
+}
+
+.messagetitle{
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin: 20px 0;
+  font-size: 12px;
+
+  .messagetitleright{
+  width: 100px;
+    margin-right: 15px;
+  }
+}
+
+.dialog{
+  height: 400px;
+  margin-top: 30px;
+}
+
+.table{
+  width: 100%;
+  text-align: center;
+}
+
+.date{
+  padding: 20px;
+  font-weight: 700;
+}
+
+.sorter{
+  display: flex;
+  flex-direction: row-reverse;
+}
+
+.informbox{
+   display: flex;
+align-items: center;
+justify-content: space-between;
+  height: 90px;
+  padding:0 20px 0 0;
+  margin-bottom: 15px;
+  box-shadow:0 0.3px 0 0  ;
+
+  .informleft{
+    display: flex;
+
+    .informId{
+          font-weight: 600;
+        }
+
+    .informicon{
+      width: 50px ;
+      height: 50px;
+      margin-right: 20px;
+      font-size: 30px;
+      line-height: 50px;
+      color: #6666;
+      text-align: center;
+      border: 1px solid #6666;
+      border-radius: 50%;
+}}}
+
+.recordbox{
+  display: flex;
+align-items: center;
+justify-content: space-between;
+  height: 90px;
+  padding: 0 20px;
+  margin-bottom: 15px;
+  border: 1px solid #6666;
+
+  .recordleft{
+    display: flex;
+
+    .recordicon{
+      width: 50px ;
+      height: 50px;
+      font-size: 30px;
+      line-height: 50px;
+      color: #6666;
+      text-align: center;
+      border: 1px solid #6666;
+      border-radius: 50%;
+    }
+
+    .recordmessage{
+        display: flex;
+        flex-direction: column;
+        width: 300px;
+        margin-left: 20px;
+      
+
+        .usersId{
+          font-size:20px ;
+          font-weight: 700;
+        }
+      }
+  }
+}
+
+
+
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-picker{
+  width: 100%;
+  height: 40px;
+}
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-input {
+  height: 40px;
+}
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-input .phone{
+  width: 50%;
+}
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-radio-button-wrapper:not(:first-child)::before {
+  display: none;
+}
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-radio-button-wrapper:first-child{
+  border-inline-start: 1px solid #d9d9d9;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/users/newNustomer/index.vue b/yunxi-ui-admin-vben/src/views/users/newNustomer/index.vue
new file mode 100644
index 0000000..f1278b1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/users/newNustomer/index.vue
@@ -0,0 +1,1753 @@
+<script setup lang="ts">
+import { nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
+import { EditOutlined, FolderAddOutlined, LoadingOutlined, PlusOutlined, SmileOutlined, UserOutlined } from '@ant-design/icons-vue'
+import { message } from 'ant-design-vue'
+import type { SelectProps, UploadChangeParam, UploadProps } from 'ant-design-vue'
+import type { Rule } from 'ant-design-vue/es/form'
+import type { Dayjs } from 'dayjs'
+
+//结算信息切换
+const values = ref<any>('buyout')
+
+const isVisible =  ref(true)
+// const isVisible2 = ref(false)
+// const toggleBlocks: any = () => {
+//   isVisible.value = !isVisible.value
+//   isVisible2.value = !isVisible2.value
+// } 
+
+type RangeValue = [Dayjs, Dayjs]
+const dayvalue1 = ref<RangeValue>()
+//合作范围的业务线标签
+const inputRef = ref()
+const state = reactive({
+  tags: ['业务线名称', '业务线名称', '业务线名称'],
+  inputVisible: false,
+  inputValue: '',
+})
+
+function handleClose(removedTag: string) {
+  const tags = state.tags.filter(tag => tag !== removedTag)
+  console.log(tags)
+  state.tags = tags
+}
+
+function showInput() {
+  state.inputVisible = true
+  nextTick(() => {
+    inputRef.value.focus()
+  })
+}
+
+function handleInputConfirm() {
+  const inputValue = state.inputValue
+  let tags = state.tags
+  if (inputValue && !tags.includes(inputValue)) 
+    tags = [...tags, inputValue]
+  
+  console.log(tags)
+  Object.assign(state, {
+    tags,
+    inputVisible: false,
+    inputValue: '',
+  })
+}
+
+//代表人信息表格
+const mationtablecolumns = [
+  {
+    name: '',
+    dataIndex: 'type',
+    key: 'type',
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+  },
+  {
+    title: '身份证照',
+    dataIndex: 'identificationphoto',
+    key: 'identificationphoto',
+  },
+  {
+    title: '身份证号',
+    key: 'Idnumber',
+    dataIndex: 'Idnumber',
+  },
+  {
+    title: '证件有效期',
+    key: 'validity',
+  },
+  {
+    title: '授权/证明文件',
+    key: 'impower',
+  },
+  {
+    title: '更新时间',
+    key: 'turnover',
+  },
+  {
+    title: '操作',
+    key: 'operate',
+  },
+]
+
+const mationtabledata = [
+  {
+    key: '1',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+ 
+  {
+    key: '2',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+  {
+    key: '3',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+  {
+    key: '4',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+  {
+    key: '5',
+    type:'法定代表人',
+    name: '业务线',
+    identificationphoto:'',
+    Idnumber:'147289*********',
+    validity: '2022/11/02至2023/01/12',
+    impower: '',
+    turnover:'2022-10-07 15:21:36',
+  },
+]
+
+//日期
+const day = ref<Dayjs>()
+//表单和下拉选择校验
+interface FormState {
+  username: string
+  region: string | undefined
+  select: boolean
+}
+
+const formState = reactive<FormState>({
+  username: '',
+  region: undefined,
+  select: false,
+})
+
+const rules: Record<string, Rule[]> = {
+  username: [
+    { required: true, message: 'Please input Activity name', trigger: 'change' },
+    { min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
+  ],
+  region: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
+  select: [{ required: true, message: '请选择人员', trigger: 'change' }],
+ 
+}
+
+function onFinish(values: any) {
+  console.log('Success:', values)
+}
+
+function onFinishFailed(errorInfo: any) {
+  console.log('Failed:', errorInfo)
+}
+
+//归属人员
+function affiliationChange(value: string) {
+  console.log(`selected ${value}`)
+}
+
+const options = ref<SelectProps['options']>([
+  {
+    label: '总裁办',
+    options: [
+      {
+        value: 'jack',
+        label: 'Jack',
+      },
+      {
+        value: 'lucy',
+        label: 'Lucy',
+      },
+    ],
+  },
+  {
+    label: '人事部',
+    options: [
+      {
+        value: 'yiminghe',
+        label: 'Yiminghe',
+      },
+    ],
+  },
+])
+
+//城市
+const shouldFixToBottom = ref(false) // 控制是否应该固定到底部
+
+// 监听滚动事件或其他条件，根据条件来决定是否固定到底部
+onMounted(() => {
+  window.addEventListener('scroll', handleScroll)
+})
+
+// 在组件销毁前移除滚动事件监听
+onBeforeUnmount(() => {
+  window.removeEventListener('scroll', handleScroll)
+})
+
+function handleScroll() {
+  // 根据滚动位置或其他条件来判断是否应该固定到底部
+  if (window.scrollY > 100) 
+    shouldFixToBottom.value = true
+  
+  else 
+    shouldFixToBottom.value = false
+  
+}
+//单选
+const value1 = ref<string>('a')
+//上传图片
+function getBase64(img: Blob, callback: (base64Url: string) => void) {
+  const reader = new FileReader()
+  reader.addEventListener('load', () => callback(reader.result as string))
+  reader.readAsDataURL(img)
+}
+
+const fileList = ref([])
+const loading = ref<boolean>(false)
+const imageUrl = ref<string>('')
+
+function handleChange(info: UploadChangeParam) {
+  if (info.file.status === 'uploading') {
+    loading.value = true
+    return
+  }
+  if (info.file.status === 'done') {
+    // Get this url from response in real world.
+    getBase64(info.file.originFileObj, (base64Url: string) => {
+      imageUrl.value = base64Url
+      loading.value = false
+    })
+  }
+  if (info.file.status === 'error') {
+    loading.value = false
+    message.error('upload error')
+  }
+}
+
+function beforeUpload(file: UploadProps['fileList'][number]) {
+  const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'
+  if (!isJpgOrPng) 
+    message.error('You can only upload JPG file!')
+  
+  const isLt2M = file.size / 1024 / 1024 < 2
+  if (!isLt2M) 
+    message.error('Image must smaller than 2MB!')
+  
+  return isJpgOrPng && isLt2M
+}
+
+//覆盖antd样式
+
+const RabbitStyle = [{
+  height:'60px',
+}]
+</script>
+
+<template>
+  <a-card
+    style="width: 1688px;
+           height: 4062px;
+           margin: 20px auto;  
+           overflow:auto; "
+  >
+    <div class="title">
+      新增客户
+    </div>
+
+    <div class="itembox">
+      <a-form
+        :model="formState"
+        name="basic"
+        :label-col="{ span: 2 }"
+        :wrapper-col="{ span: 5 }" 
+        autocomplete="off"
+        @finish="onFinish"
+        @finishFailed="onFinishFailed"
+      >
+        <!-- 客户分类 -->
+        <div class="classification">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              客户分类
+            </p>
+          </div>
+          
+          <div class="item">
+            <p class="hint">
+              不同的客户分类可实现不同的业务流程，商品类型一旦保存不可修改，请选择更匹配你需求的一个。
+            </p>
+            <div class="selection"> 
+              <a-radio-group v-model:value="value1" :style="RabbitStyle" button-style="solid">
+                <a-radio-button :style="RabbitStyle" value="a">
+                  <div class="ification">
+                    <p>一级客户</p>
+                    <span>钢厂/回收机构</span>
+                  </div>
+                </a-radio-button>
+                <a-radio-button :style="RabbitStyle" value="d">
+                  <div class="ification">
+                    <p>二级客户</p>
+                    <span>其他客户</span>
+                  </div>
+                </a-radio-button>
+              </a-radio-group>
+            </div>
+          </div>
+        </div>
+        <!-- 基础信息 -->
+        <div class="information">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              基础信息
+            </p>
+          </div>
+          <div class="item">
+            <div class="subdivide">
+              <P>公司LOGO:</P>
+              <div class="logo">
+                <a-upload
+                  v-model:file-list="fileList"
+                  name="avatar"
+                  list-type="picture-card"
+                  class="avatar-uploader"
+                  :show-upload-list="false"
+                  action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                  :before-upload="beforeUpload"
+                  @change="handleChange"
+                >
+                  <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                  <div v-else>
+                    <LoadingOutlined v-if="loading" />
+                    <PlusOutlined v-else />
+                    <div class="ant-upload-text">
+                      上传图片
+                    </div>
+                  </div>
+                </a-upload>
+              </div>
+            </div>
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="客户名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item
+                  label="行业分类"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="行业分类">
+                    <a-select-option value="shanghai">
+                      家用电器
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      交通运输
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      商务服务
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      家居用品
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      电工电气
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      数码产品
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      通信产品
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      办公文教
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      运动休闲
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      传媒广电
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="业务进度"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="业务进度">
+                    <a-select-option value="shanghai">
+                      了解跟进
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      资料收集
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      客户评审
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      风控核准
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      合作洽谈
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      准备签约
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      已经签约
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      合作叫停
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      暂时搁置
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="客户星级"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="业务进度">
+                    <a-select-option value="shanghai">
+                      一星客户
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      二星客户
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      三星客户
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      四星客户
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      五星客户
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="企业性质"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="企业性质">
+                    <a-select-option value="shanghai">
+                      国有企业
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      集体企业
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      私营企业
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      股份制企业
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      外资企业
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      合资企业
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="客户来源"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="客户来源">
+                    <a-select-option value="shanghai">
+                      电话营销
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      主动来电
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      客户介绍
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      朋友介绍
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      独立开发
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      网络搜索
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      广告杂志
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      展会促销
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      其他途径
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="归属人员"
+                  name="select"
+                >
+                  <a-select v-model:value="value" style="width: 200px" placeholder="选择人员" @change="affiliationChange">
+                    <a-select-opt-group>
+                      <template #label>
+                        <span>
+                          <UserOutlined />
+                          总裁办
+                        </span>
+                      </template>
+                      <a-select-option value="jack">
+                        张总
+                      </a-select-option>
+                      <a-select-option value="lucy">
+                        李总
+                      </a-select-option>
+                      <a-select-option value="lucy">
+                        王总
+                      </a-select-option>
+                    </a-select-opt-group>
+                    <a-select-opt-group label="Engineer">
+                      <a-select-option value="Yiminghe">
+                        yiminghe
+                      </a-select-option>
+                      <a-select-option value="Yiminghe1">
+                        yiminghe1
+                      </a-select-option>
+                    </a-select-opt-group>
+                  </a-select>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+        <!-- 详细信息 -->
+        <div class="detailinformation">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              详细信息
+            </p>
+          </div>
+          <div class="item">
+            <div class="itemtop">
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="国家"
+                    name="region"
+                  >
+                    <a-select v-model:value="formState.region" placeholder="中国">
+                      <a-select-option value="shanghai">
+                        中国
+                      </a-select-option>
+                      <a-select-option v-for="(index, nation) in 5" :key="index" value="{{ nation.value }}">
+                        国家列表
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+                  <a-form-item
+                    label="公司电话"
+                    name="username"
+                    :rules="[{ required: true, message: '输入内容' }]"
+                  >
+                    <a-input v-model:value="formState.username" placeholder="输入内容" />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="所在省/市"
+                    name="region"
+                  >
+                    <a-select v-model:value="formState.region" placeholder="选择城市">
+                      <a-option-group v-for="(group, letter) in groupedCities" :key="letter" :label="letter">
+                        <a-option v-for="city in group" :key="city.id" :value="city.id">
+                          {{ city.name }}
+                        </a-option>
+                      </a-option-group>
+                    </a-select>
+                  </a-form-item>
+                  <a-form-item
+                    label="公司传真"
+                    name="username"
+                    :rules="[{ required: true, message: '输入内容' }]"
+                  >
+                    <a-input v-model:value="formState.username" placeholder="输入内容" />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="详细地址"
+                    name="username"
+                    :rules="[{ required: true, message: '输入内容' }]"
+                  >
+                    <a-input v-model:value="formState.username" placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item
+                    label="公司网址"
+                    name="username"
+                    :rules="[{ required: true, message: '输入内容' }]"
+                  >
+                    <a-input v-model:value="formState.username" placeholder="输入内容" />
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+            <div class="itembottom">
+              <a-form
+                :model="formState"
+                name="basic"
+                
+                :wrapper-col="{ span: 12 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item  
+                  name="region"
+                >
+                  <template #label>
+                    <span class="zi">
+                      公司范围
+                    </span>
+                  </template>
+                  <span class="textitem">
+                    <a-textarea placeholder="输入内容" />
+                  </span>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+        <!-- 主体信息 -->
+        <div class="detailinformation">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              主体信息
+            </p>
+          </div>
+          <div class="item">
+            <div class="itemtop">
+              <div class="detailinitemtop">
+                <div class="uploadingphone">
+                  <a-form
+                    :model="formState"
+                    name="basic"
+                  
+                    :wrapper-col="{ span: 13 }"
+                    autocomplete="off"
+                    :rules="rules"
+                    @finish="onFinish"
+                    @finishFailed="onFinishFailed"
+                  >
+                    <a-form-item
+                      name="region"
+                    >
+                      <template #label>
+                        <p style="width: 100px; height: 10px; text-align: right; white-space: pre-line;">
+                          社会信息代码证(营业执照)
+                        </p>
+                      </template>
+                      <a-upload
+                        v-model:file-list="fileList"
+                     
+                        name="avatar"
+                        list-type="picture-card"
+                        class="avatar-uploader Business"
+                        :show-upload-list="false"
+                        action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                        :before-upload="beforeUpload"
+                        @change="handleChange"
+                      >
+                        <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                        <div v-else>
+                          <LoadingOutlined v-if="loading" />
+                          <PlusOutlined v-else />
+                          <div class="ant-upload-text">
+                            上传图片
+                          </div>
+                        </div>
+                      </a-upload>
+                    </a-form-item>
+                  </a-form>
+                </div>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="注册公司"
+                    name="region"
+                  >
+                    <a-input placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item
+                    label="经营期限"
+                    name="username"
+                  >
+                    <a-space direction="vertical" :size="12">
+                      <a-date-picker v-model:value="day" />
+                    </a-space>
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :lable-col="{ span: 10 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    
+                    name="region"
+                  >
+                    <template #label>
+                      <div
+                        style="width:85px;
+                         min-height: 40px;white-space: pre-line; "
+                      >
+                        社会统一信息代码
+                      </div>
+                    </template>
+                    <a-select v-model:value="formState.region" placeholder="企业性质">
+                      <a-select-option value="shanghai">
+                        国有企业
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        集体企业
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        私营企业
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        股份制企业
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        外资企业
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        合资企业
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+
+                  <a-form-item
+                    label="注册资金"
+                    name="region"
+                  >
+                    <a-select v-model:value="formState.region" placeholder="客户来源">
+                      <a-select-option value="shanghai">
+                        电话营销
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        主动来电
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        客户介绍
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        朋友介绍
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        独立开发
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        网络搜索
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        广告杂志
+                      </a-select-option>
+                      <a-select-option value="beijing">
+                        展会促销
+                      </a-select-option>
+                      <a-select-option value="shanghai">
+                        其他途径
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+            <div class="itembottom">
+              <a-form
+                :model="formState"
+                name="basic"
+                :wrapper-col="{ span: 12 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item  
+                  name="region"
+                >
+                  <template #label>
+                    <span class="zi">
+                      经营范围
+                    </span>
+                  </template>
+                  <span class="textitem">
+                    <a-textarea placeholder="输入内容" />
+                  </span>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+        <!-- 代表人信息 -->
+        <div class="representativemation">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              代表人信息
+            </p>
+          </div>
+          <div class="mationtable">
+            <a-table :columns="mationtablecolumns" :data-source="mationtabledata">
+              <template #headerCell="{ column }">
+                <template v-if="column.key === 'type'">
+                  <span>
+                    类型
+                  </span>
+                </template>
+              </template>
+
+              <template #bodyCell="{ column, record }">
+                <template v-if="column.key === 'name'">
+                  {{ record.name }}
+                </template>
+                <template v-else-if="column.key === 'identificationphoto'">
+                  <a :href="record.identificationphoto">
+                    查看
+                  </a>
+                </template>
+                <template v-else-if="column.key === 'Idnumber'">
+                  <span>
+                    {{ record.Idnumber }}
+                  </span>
+                </template>
+                <template v-else-if="column.key === 'validity'">
+                  <span>
+                    {{ record.validity }}
+                  </span>
+                </template>
+                <template v-else-if="column.key === 'impower'">
+                  <a :hreflang="record.impower">
+                    查看
+                  </a>
+                </template>
+                <template v-else-if="column.key === 'turnover'">
+                  <span>
+                    {{ record.turnover }}
+                  </span>
+                </template>
+                <template v-else-if="column.key === 'operate'">
+                  <a>
+                    <EditOutlined />
+                    操作
+                  </a>
+                </template>
+              </template>
+            </a-table>
+          </div>
+        </div>
+
+        <!-- 资质证明文件 -->
+        <div class="detailinformation">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              资质证明文件
+            </p>
+          </div>
+          <div class="item">
+            <div class="itemtop">
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="资质证明"
+                    name="region"
+                  >
+                    <a-upload
+                      v-model:file-list="fileList"
+                     
+                      name="avatar"
+                      list-type="picture-card"
+                      class="Business avatar-uploader"
+                      :show-upload-list="false"
+                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                      :before-upload="beforeUpload"
+                      @change="handleChange"
+                    >
+                      <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                      <div v-else>
+                        <LoadingOutlined v-if="loading" />
+                        <PlusOutlined v-else />
+                        <div class="ant-upload-text">
+                          <p class="link">
+                            上传图片
+                          </p>
+                        </div>
+                      </div>
+                    </a-upload>
+                  </a-form-item>
+                </a-form>
+                <div class="detailinannotation">
+                  <p class="link">
+                    1.必须为彩色图片且小于6M
+                  </p>
+                  <p class="link">
+                    2.文件格式为bmp、png、jpg、
+                  </p>
+                  <a href="#" style="text-decoration:underline;">查看示例</a>
+                </div>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="资产抵押证明"
+                    name="region"
+                  >
+                    <a-upload
+                      v-model:file-list="fileList"
+                     
+                      name="avatar"
+                      list-type="picture-card"
+                      class="Business avatar-uploader"
+                      :show-upload-list="false"
+                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                      :before-upload="beforeUpload"
+                      @change="handleChange"
+                    >
+                      <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                      <div v-else>
+                        <LoadingOutlined v-if="loading" />
+                        <PlusOutlined v-else />
+                        <div class="ant-upload-text">
+                          <p class="link">
+                            上传图片
+                          </p>
+                        </div>
+                      </div>
+                    </a-upload>
+                  </a-form-item>
+                </a-form>
+                <div class="detailinannotation">
+                  <p class="link">
+                    1.必须为彩色图片且小于6M
+                  </p>
+                  <p class="link">
+                    2.文件格式为bmp、png、jpg、
+                  </p>
+                  <a href="#" style="text-decoration:underline;">查看示例</a>
+                </div>
+              </div>
+              <div class="detailinitemtop">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="实缴资金证明"
+                    name="region"
+                  >
+                    <a-upload
+                      v-model:file-list="fileList"
+                     
+                      name="avatar"
+                      list-type="picture-card"
+                      class="Business avatar-uploader"
+                      :show-upload-list="false"
+                      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                      :before-upload="beforeUpload"
+                      @change="handleChange"
+                    >
+                      <img v-if="imageUrl" :src="imageUrl" alt="avatar">
+                      <div v-else>
+                        <LoadingOutlined v-if="loading" />
+                        <PlusOutlined v-else />
+                        <div class="ant-upload-text">
+                          <p class="link">
+                            上传图片
+                          </p>
+                        </div>
+                      </div>
+                    </a-upload>
+                  </a-form-item>
+                </a-form>
+                <div class="detailinannotation">
+                  <p class="link">
+                    1.必须为彩色图片且小于6M
+                  </p>
+                  <p class="link">
+                    2.文件格式为bmp、png、jpg、
+                  </p>
+                  <a href="#" style="text-decoration:underline;">查看示例</a>
+                </div>
+              </div>
+            </div>
+            <div class="itembottom">
+              <a-form
+                :model="formState"
+                name="basic"
+                :wrapper-col="{ span: 12 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item  
+                  name="region"
+                >
+                  <template #label>
+                    <span class="certification">
+                      其他资质文档文件
+                    </span>
+                  </template>
+                  <a-upload
+                    v-model:file-list="fileList"
+                    action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                    :before-upload="beforeUpload"
+                    @change="handleChange"
+                  >
+                    <a-button class="link" style=" width: 200px; height: 38px;">
+                      <FolderAddOutlined />                     
+                      点击上传文件
+                    </a-button>
+                    <p class="link">
+                      目前仅支持 pdf 格式文件
+                    </p>
+                  </a-upload>
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+
+        <!-- 业务信息 -->
+        <div class="information service">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              业务信息
+            </p>
+          </div>
+          <div class="serviceitem">
+            <div class="serviceitemtop">
+              <a-form
+                :rules="rules"
+              >
+                <a-form-item
+                  label="合作范围"
+                  name="region"
+                >
+                  <template v-for="(tag, index) in state.tags" :key="tag">
+                    <a-tooltip v-if="tag.length > 20" :title="tag">
+                      <a-tag :closable="index !== 0" @close="handleClose(tag)">
+                        {{ `${tag.slice(0, 20)}...` }}
+                      </a-tag>
+                    </a-tooltip>
+                    <a-tag v-else class="tagstyle" :closable="index !== 0" @close="handleClose(tag)">
+                      {{ tag }}
+                    </a-tag>
+                  </template>
+                  <a-input
+                    v-if="state.inputVisible"
+                    ref="inputRef"
+                    v-model:value="state.inputValue"
+                    type="text"
+                    size="small"
+                    :style="{ width: '150px' }"
+                    @blur="handleInputConfirm"
+                    @keyup.enter="handleInputConfirm"
+                  />
+                  <a-tag v-else class="tagstyle" style="color:#0F52BA; background-color: #fff; border:none" @click="showInput">
+                    <PlusOutlined />
+                    关联业务线
+                  </a-tag>
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="serviceitembottom">
+              <div class="subdivide">
+                <a-form
+                  :rules="rules"
+                >
+                  <a-form-item
+                    label="合作起始时间"
+                    name="region"
+                  >
+                    <a-time-range-picker />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item
+                    style=""
+                    label="需求量（每月）"
+                    name="region"
+                  >
+                    <a-input-group style="width:150px;height:40px" compact>
+                      <a-input v-model="inputValue" placeholder="最低" style="width: 60%;height:32px" />
+                      <a-select v-model="selectedUnit" style="width: 40%">
+                        <a-select-option value="kg">
+                          吨
+                        </a-select-option>
+                        <a-select-option value="g">
+                          kg
+                        </a-select-option>
+                      </a-select>
+                    </a-input-group>
+                    <span style="margin:0 10px">至</span>
+                    <a-input-group style="width:150px;height:40px" compact>
+                      <a-input v-model="inputValue" placeholder="最高" style="width: 60%;height:32px" />
+                      <a-select v-model="selectedUnit" style="width: 40%">
+                        <a-select-option value="kg">
+                          吨
+                        </a-select-option>
+                        <a-select-option value="g">
+                          kg
+                        </a-select-option>
+                      </a-select>
+                    </a-input-group>
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item label="资金额度（单位：人民币）" name="region">
+                    <a-input-group style="width:150px;height:40px" compact>
+                      <a-input v-model="inputValue" placeholder="请输入" style="width: 60%;height:32px" />
+                      <a-button v-model="selectedUnit" style="width: 40%">
+                        万
+                      </a-button>
+                    </a-input-group>
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 运营信息 -->
+        <div class="information service">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              运营信息
+            </p>
+          </div>
+          <div class="serviceitem">
+            <div class="serviceitemtop">
+              <a-form
+                :rules="rules"
+              >
+                <a-form-item
+                  label="营业时间"
+                  name="region"
+                >
+                  <a-checkbox v-model:checked="Monday" class="distance">
+                    周一
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Tuesday" class="distance">
+                    周二
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Wednesday" class="distance">
+                    周三
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Thursday" class="distance">
+                    周四
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Friday" class="distance">
+                    周五
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Saturday" class="distance">
+                    周六
+                  </a-checkbox>
+                  <a-checkbox v-model:checked="Sunday" class="distance">
+                    周日
+                  </a-checkbox>
+                  <a-space direction="vertical" :size="12">
+                    <a-range-picker v-model:value="dayvalue1" class="distance" />
+                  </a-space>
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="serviceitembottom">
+              <div class="subdivide">
+                <a-form
+                  :model="formState"
+                  name="basic"
+                  :label-col="{ span: 5 }"
+                  :wrapper-col="{ span: 13 }"
+                  autocomplete="off"
+                  :rules="rules"
+                  @finish="onFinish"
+                  @finishFailed="onFinishFailed"
+                >
+                  <a-form-item
+                    label="允许卸货时间"
+                    name="region"
+                  >
+                    <a-time-range-picker />
+                  </a-form-item>
+                  <a-form-item
+                    label="允许装货时间"
+                    name="region"
+                  >
+                    <a-time-range-picker />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item
+                    label="卸货时长"
+                    name="username"
+                    :rules="[{ required: true, message: '输入内容' }]"
+                  >
+                    <a-input v-model:value="formState.username" class="control" placeholder="输入内容" />
+                  </a-form-item>
+                  <a-form-item
+                    style=""
+                    label="装货时长"
+                    name="region"
+                  >
+                    <a-input 
+                      v-model:value="value" class="control" 
+                    />
+                  </a-form-item>
+                </a-form>
+              </div>
+              <div class="subdivide">
+                <a-form :rules="rules">
+                  <a-form-item
+                    style=""
+                    label="卸货效率"
+                    name="region"
+                  >
+                    <a-input v-model:value="value" class="control" />
+                  </a-form-item>
+                  <a-form-item
+                    style=""
+                    label="装货效率"
+                    name="region"
+                  >
+                    <a-input v-model:value="value" class="control" />
+                  </a-form-item>
+                </a-form>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- 财务信息 -->
+        <div class="information">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              财务信息
+            </p>
+          </div>
+          <div class="item">
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="付款方式"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="行业分类">
+                    <a-select-option value="shanghai">
+                      无
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      现金
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      支付宝
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      银行卡
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      信用卡
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="开户银行"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="业务进度">
+                    <a-select-option value="shanghai">
+                      中国工商银行
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="shanghai">
+                      中国农业银行
+                    </a-select-option>
+                    <a-select-option value="beijing">
+                      中国农业银行
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+
+                <a-form-item
+                  label="公司税号"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+              </a-form>
+            </div>
+
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="账户名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item
+                  label="行业分类"
+                  name="region"
+                >
+                  <a-select v-model:value="formState.region" placeholder="行业分类">
+                    <a-select-option value="shanghai">
+                      家用电器
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+                <a-form-item
+                  label="企业名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="subdivide">
+              <a-form
+                :model="formState"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 13 }"
+                autocomplete="off"
+                :rules="rules"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="银行账号"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                
+                <a-form-item
+                  label="支行名称"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+                <a-form-item
+                  label="单位地址"
+                  name="username"
+                  :rules="[{ required: true, message: '输入内容' }]"
+                >
+                  <a-input v-model:value="formState.username" placeholder="输入内容" />
+                </a-form-item>
+              </a-form>
+            </div>
+          </div>
+        </div>
+
+        <!-- 结算信息 -->
+        <div class="information accounts">
+          <div class="moduletop">
+            <p>
+              <span>▋</span>
+              结算信息
+            </p>
+          </div>
+          <div class="modaliy">
+            <a-form
+              :model="formState"
+              name="basic"
+              :label-col="{ span: 5 }"
+              :wrapper-col="{ span: 13 }"
+              autocomplete="off"
+              :rules="rules"
+              @finish="onFinish"
+              @finishFailed="onFinishFailed"
+            >
+              <a-form-item
+                label="合作方式"
+                name="username"
+                :rules="[{ required: true, message: '选择' }]"
+              >
+                <a-radio-group v-model:value="values">
+                  <a-radio :value="buyout">
+                    买断
+                  </a-radio>
+                  <a-radio :value="joint">
+                    联营
+                  </a-radio>
+                </a-radio-group>
+              </a-form-item>
+              <div v-if="isVisible" class="buyout">
+                123
+              </div>
+              <div v-else class="joint">
+                321
+              </div>
+            </a-form>
+          </div>
+        </div>
+      </a-form>
+    </div>
+  </a-card>
+</template>
+
+<style scoped lang="less">
+ .link{
+        color: #8C8C8C;
+        }
+
+
+
+.distance{
+  margin: 0 10px;
+}
+
+.title{
+  font-size: 22px;
+  font-weight: normal;
+  font-weight: 700;
+  line-height: 34px;
+  color: #262626;
+  
+}
+
+.itembox{
+
+  .item{margin-left: 50px;}
+  //分类标题
+  .moduletop{
+  padding-bottom: 16px;
+  margin: 40px 15px ;
+  border-bottom: 1px solid #E5E5E5;
+
+    p{
+    width: 110px;
+    height: 34px;
+    margin-bottom: 15px; 
+    font-family: "AlibabaPuHuiTi_3_55_Regular-55 Regular";
+    font-size:16px;
+    line-height: 34px;
+    background: linear-gradient(90deg, #9EF9FF 0%, #FFF 100%);
+
+    span{
+    font-size:14px;
+    color:#409EFF;
+     }
+    }
+  }
+
+
+  //客户分类
+.classification{
+   width: 100%;
+
+   .hint{
+    font-family: "AlibabaPuHuiTi_3_55_Regular-55 Regular";
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 22px;
+    color: #8C8C8C;
+   }
+
+  .selection{
+    .ification{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      margin-top: 10px;
+      line-height: 10px;
+      
+      
+    }
+  }
+   
+}
+
+//基础信息
+.logo{
+      margin-left: 20%;
+    }
+
+.Business{
+  margin: 50px 0 0;
+}
+
+.information{
+   width: 100%;
+
+.item{
+  display: flex;
+  justify-content: flex-start;
+
+  .subdivide{
+    width: 30%;
+  }
+}
+   
+}
+//详细信息
+.detailinformation{
+  width: 100%;
+
+  .item{
+    .itemtop{
+      display: flex;
+      justify-content: flex-start;
+
+      .detailinitemtop{
+        width: 30%;
+      
+      }  
+    }
+
+    .itembottom{
+      margin: 20px;
+
+      .zi{
+        width: 70px;
+        text-align: right;
+      }
+
+      .certification{
+        width: 120px;
+      }
+    }
+  }
+}
+//代表人信息
+.mationtable{
+  width: 95%;
+  margin: 0 auto ;
+}
+
+.service{
+  .tagstyle{
+    // width:150px;
+    height:40px;
+    margin:10px;
+    font-size:14px;
+    line-height:40px;
+    text-align:center
+  }
+
+  .serviceitem{
+    width:95%;
+    margin:0 auto;
+  }
+
+  .serviceitembottom{
+    display:flex;
+    justify-content: flex-start;
+    width: 100%;
+    margin:40px 0 0;
+
+    .subdivide{
+      width: 30%;
+
+      .control{
+  width:300px;
+}
+    }
+  }
+}
+}
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-input {
+  height: 38px;
+}
+
+:where(.css-dev-only-do-not-override-176pxz6).ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+  height: 38px;
+}
+</style>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/BusinessOrganizationModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/BusinessOrganizationModal.vue
new file mode 100644
index 0000000..e63c365
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/BusinessOrganizationModal.vue
@@ -0,0 +1,58 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './businessOrganization.data'
+import { createBusinessWarehouse, getBusinessWarehouse, updateBusinessWarehouse } from '@/api/xxjj/businessWarehouse'
+
+defineOptions({ name: 'BusinessOrganizationModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getBusinessWarehouse(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateBusinessWarehouse(values)
+    } else {
+      values.diffFlag = 1
+      await createBusinessWarehouse(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/businessOrganization.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/businessOrganization.data.ts
new file mode 100644
index 0000000..e6aaaf9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/businessOrganization.data.ts
@@ -0,0 +1,258 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { listSimpleBusiness } from '@/api/xxjj/businessWarehouse'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '业务线名称',
+    dataIndex: 'name',
+    width: 160
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BUSINESS_ORGANIZATION_TYPE)
+    }
+  },
+  {
+    title: '状态',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.CLASS_STATUS)
+    }
+  },
+  {
+    title: '成员数量',
+    dataIndex: 'employeeNum',
+    width: 160
+  },
+  {
+    title: '主管人员',
+    dataIndex: 'belongUserId',
+    width: 160
+  },
+  {
+    title: '描述',
+    dataIndex: 'description',
+    width: 160
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'updateTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '业务线名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  // {
+  //   label: '类型',
+  //   field: 'type',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.BUSINESS_ORGANIZATION_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '所属行业',
+  //   field: 'industry',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DUTY_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '成立时间',
+  //   field: 'establishDate',
+  //   component: 'RangePicker',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '归属人员',
+  //   field: 'belongUserId',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '品牌/业务线/事业群名称',
+  //   field: 'brandName',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '业务线仓库区分(0：业务线,1：仓库)',
+  //   field: 'diffFlag',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务组织编号',
+    field: 'businessCode',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '业务组织名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '业务组织简称',
+    field: 'businessSimple',
+    component: 'Input'
+  },
+  {
+    label: '业务组织简称',
+    field: 'businessSimple',
+    component: 'Input'
+  },
+  {
+    label: '隶属业务线',
+    field: 'parentId',
+    required: true,
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => listSimpleBusiness(),
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.BUSINESS_ORGANIZATION_TYPE, 'number')
+    }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '成立时间',
+    field: 'establishDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '归属人员',
+    field: 'belongUserId',
+    component: 'Input'
+  },
+  {
+    label: '介绍',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  // {
+  //   label: '区分标志',
+  //   field: 'diffFlag',
+  //   required: true,
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
+  //   }
+  // },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务线编号',
+    field: 'businessCode',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '业务线名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '业务线简称',
+    field: 'businessSimple',
+    component: 'Input'
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.BUSINESS_ORGANIZATION_TYPE, 'number')
+    }
+  },
+  {
+    label: '所属行业',
+    field: 'industry',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
+    }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '成立时间',
+    field: 'establishDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '介绍',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  {
+    label: '归属人员',
+    field: 'belongUserId',
+    component: 'Input'
+  },
+  // {
+  //   label: '区分标志',
+  //   field: 'diffFlag',
+  //   required: true,
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
+  //   }
+  // },
+]
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/index.vue
new file mode 100644
index 0000000..336e9ee
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/index.vue
@@ -0,0 +1,151 @@
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/businessOrganization/index.vue
+=======
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['system:business-warehouse:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['system:business-warehouse:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+        <a-button type="info" @click="expandAll">
+          {{ t('component.tree.expandAll') }}
+        </a-button>
+        <a-button type="info" @click="collapseAll">
+          {{ t('component.tree.unExpandAll') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'system:business-warehouse:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BusinessOrganizationModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/index.vue
+<script lang="ts" setup>
+import BusinessOrganizationModal from './BusinessOrganizationModal.vue'
+import { columns, searchFormSchema } from './businessOrganization.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteBusinessWarehouse, exportBusinessWarehouse, getBusinessWarehousePage } from '@/api/xxjj/businessWarehouse'
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/businessOrganization/index.vue
+=======
+import { columns, searchFormSchema } from './businessOrganization.data'
+import { handleTree } from '@/utils/tree'
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/businessOrganization/index.vue
+
+defineOptions({ name: 'BusinessOrganization' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { expandAll, collapseAll, getForm, reload }] = useTable({
+  title: '业务组织列表',
+  api: getList,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  isTreeTable: true,
+  pagination: false,
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function getList() {
+  const res = await getBusinessWarehousePage(getForm().getFieldsValue() as any)
+  console.log('dept',res.list)
+  return handleTree(res.list, 'id')
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportBusinessWarehouse(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteBusinessWarehouse(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:business-warehouse:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:business-warehouse:export']" type="warning" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                color: 'error',
+                label: t('action.delete'),
+                auth: 'system:business-warehouse:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BusinessOrganizationModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessTree.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessTree.vue
new file mode 100644
index 0000000..200b9f1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessTree.vue
@@ -0,0 +1,42 @@
+<script lang="ts" setup>
+import { onMounted, ref } from 'vue'
+
+import type { TreeItem } from '@/components/Tree'
+import { BasicTree } from '@/components/Tree'
+import { listSimpleDept } from '@/api/system/dept'
+import { listSimpleBusiness } from '@/api/xxjj/businessWarehouse'
+import { handleTree } from '@/utils/tree'
+
+defineOptions({ name: 'SystemDeptTree' })
+
+const emit = defineEmits(['select'])
+const treeData = ref<TreeItem[]>([])
+
+async function fetch() {
+  const res = await listSimpleBusiness()
+  treeData.value = handleTree(res, 'id')
+}
+
+function handleSelect(keys) {
+  emit('select', keys[0])
+}
+
+onMounted(() => {
+  fetch()
+})
+</script>
+
+<template>
+  <div class="m-4 mr-0 overflow-hidden">
+    <BasicTree
+      title="业务线列表"
+      toolbar
+      search
+      tree-wrapper-class-name="h-[calc(100%-35px)] overflow-auto"
+      :click-row-to-expand="false"
+      :tree-data="treeData"
+      :field-names="{ key: 'id', title: 'name' }"
+      @select="handleSelect"
+    />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue
new file mode 100644
index 0000000..1532347
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/BusinessWarehouseModal.vue
@@ -0,0 +1,59 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { createFormSchema, updateFormSchema } from './businessWarehouse.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createBusinessWarehouse, getBusinessWarehouse, updateBusinessWarehouse } from '@/api/xxjj/businessWarehouse'
+
+defineOptions({ name: 'BusinessWarehouseModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getBusinessWarehouse(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) 
+      await updateBusinessWarehouse(values)
+    else 
+      await createBusinessWarehouse(values)
+    
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
new file mode 100644
index 0000000..5d081d1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
@@ -0,0 +1,239 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { getListSimpleUsers, getUserPage } from '@/api/system/user'
+import { listSimpleBusiness } from '@/api/xxjj/businessWarehouse'
+import { handleTree,listToTree } from '@/utils/tree'
+
+
+let users: any[] = []
+let user: any[] = []
+async function getUserList() {
+  const res = await listSimpleBusiness()
+  user = await getListSimpleUsers()
+  console.log('res',res)
+  const result = handleTree(res, 'id')
+  listToTree(result)
+  users = result
+  console.log('user',users)
+}
+
+await getUserList()
+
+export const columns: BasicColumn[] = [
+  {
+    title: '姓名',
+    dataIndex: 'nickname',
+    width: 160
+  },
+  {
+    title: '职务',
+    dataIndex: 'postName',
+    width: 180,
+    customRender: ({ text }) => {
+      console.log('zhiwu',text)
+      return useRender.renderTag(text)
+    }
+  },
+  {
+    title: '组织部门',
+    dataIndex: 'deptName',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderTag(text)
+    },
+  },
+  {
+    title: '关联业务',
+    dataIndex: 'businessName',
+    width: 160
+  },
+  {
+    title: '帐号状态',
+    dataIndex: 'accountStatus',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.COMMON_STATUS)
+    }
+  },
+  {
+    title: '手机',
+    dataIndex: 'mobile',
+    width: 160
+  },
+  {
+    title: '在线状态',
+    dataIndex: 'description',
+    width: 160
+  },
+  {
+    title: '最后登录',
+    dataIndex: 'loginDate',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '添加时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'updateTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '姓名',
+    field: 'nickname',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '最后登录时间',
+    field: 'loginTime',
+    component: 'RangePicker',
+    colProps: { span: 8 }
+  },
+  // {
+  //   label: '类型',
+  //   field: 'type',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.BUSINESS_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '所属行业',
+  //   field: 'industry',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DUTY_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '成立时间',
+  //   field: 'establishDate',
+  //   component: 'RangePicker',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '归属人员',
+  //   field: 'belongUserId',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '品牌/业务线/事业群名称',
+  //   field: 'brandName',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '业务线仓库区分(0：业务线,1：仓库)',
+  //   field: 'diffFlag',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '成员',
+    field: 'name',
+    required: true,
+    component: 'ApiTransfer',
+    componentProps: {
+      // api: () => listSimpleBusiness(),
+      dataSource: users,
+      showSearch: true,
+      labelField: 'name',
+      valueField: 'id',
+    },
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务线编号',
+    field: 'businessCode',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '业务线名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '业务线简称',
+    field: 'businessSimple',
+    component: 'Input'
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number')
+    }
+  },
+  {
+    label: '所属行业',
+    field: 'industry',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
+    }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '成立时间',
+    field: 'establishDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '介绍',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  {
+    label: '归属人员',
+    field: 'belongUserId',
+    component: 'Input'
+  },
+  {
+    label: '区分标志',
+    field: 'diffFlag',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
+    }
+  },
+]
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/index.vue
new file mode 100644
index 0000000..767bcdd
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/index.vue
@@ -0,0 +1,111 @@
+<script lang="ts" setup>
+import { reactive } from 'vue'
+import BusinessWarehouseModal from './BusinessWarehouseModal.vue'
+import { columns, searchFormSchema } from './businessWarehouse.data'
+import BusinessTree from './BusinessTree.vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/index.vue
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteBusinessWarehouse, exportBusinessWarehouse, getBusinessWarehousePage } from '@/api/xxjj/businessWarehouse'
+=======
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteBusinessWarehouse, exportBusinessWarehouse, getBusinessWarehousePage, getBusinessUserList } from '@/api/xxjj/businessWarehouse'
+import { columns, searchFormSchema } from './businessWarehouse.data'
+import BusinessTree from './BusinessTree.vue'
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/businessOrganizationConfig/index.vue
+
+defineOptions({ name: 'BusinessWarehouse' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+const searchInfo = reactive<Recordable>({})
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '业务组织配置列表',
+  api: getBusinessUserList,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportBusinessWarehouse(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteBusinessWarehouse(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+
+/** 点击部门操作 */
+function handleSelect(id = '') {
+  searchInfo.businessId = id
+  console.log('info',searchInfo)
+  reload()
+}
+</script>
+
+<template>
+  <div class="flex">
+    <BusinessTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
+    <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['system:business-warehouse:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['system:business-warehouse:export']" type="warning" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                color: 'error',
+                label: t('action.delete'),
+                auth: 'system:business-warehouse:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BusinessWarehouseModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/BusinessWarehouseModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/BusinessWarehouseModal.vue
new file mode 100644
index 0000000..994099f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/BusinessWarehouseModal.vue
@@ -0,0 +1,58 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './businessWarehouse.data'
+import { createBusinessWarehouse, getBusinessWarehouse, updateBusinessWarehouse } from '@/api/xxjj/businessWarehouse'
+
+defineOptions({ name: 'BusinessWarehouseModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 12 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getBusinessWarehouse(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateBusinessWarehouse(values)
+    } else {
+      values.diffFlag = 0
+      await createBusinessWarehouse(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/businessWarehouse.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/businessWarehouse.data.ts
new file mode 100644
index 0000000..b27beb1
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/businessWarehouse.data.ts
@@ -0,0 +1,275 @@
+import type { BasicColumn, FormSchema } from '@/components/Table'
+import { useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '业务线名称',
+    dataIndex: 'name',
+    width: 160,
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.BUSINESS_TYPE)
+    },
+  },
+  {
+    title: '状态',
+    dataIndex: 'type',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.CLASS_STATUS)
+    },
+  },
+  {
+    title: '关联机构',
+    dataIndex: 'institutionNum',
+    width: 160,
+  },
+  {
+    title: '成员数量',
+    dataIndex: 'employeeNum',
+    width: 160,
+  },
+  {
+    title: '主管人员',
+    dataIndex: 'belongUserId',
+    width: 160,
+  },
+  {
+    title: '介绍',
+    dataIndex: 'description',
+    width: 160,
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'updateTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    },
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '业务线名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 },
+  },
+  // {
+  //   label: '类型',
+  //   field: 'type',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.BUSINESS_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '所属行业',
+  //   field: 'industry',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DUTY_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '成立时间',
+  //   field: 'establishDate',
+  //   component: 'RangePicker',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '归属人员',
+  //   field: 'belongUserId',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '品牌/业务线/事业群名称',
+  //   field: 'brandName',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '业务线仓库区分(0：业务线,1：仓库)',
+  //   field: 'diffFlag',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '业务线编号',
+    field: 'businessCode',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '业务线名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '业务线简称',
+    field: 'businessSimple',
+    component: 'Input',
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number'),
+    },
+  },
+  {
+    label: '所属行业',
+    field: 'industry',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number'),
+    },
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input',
+  },
+  {
+    label: '成立时间',
+    field: 'establishDate',
+    component: 'DatePicker',
+  },
+  {
+    label: '介绍',
+    field: 'description',
+    component: 'InputTextArea',
+  },
+  {
+    label: '归属人员',
+    field: 'belongUserId',
+    component: 'Input',
+  },
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
+  {
+    label: '区分标志',
+    field: 'diffFlag',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number'),
+    },
+  },
+=======
+  // {
+  //   label: '区分标志',
+  //   field: 'diffFlag',
+  //   required: true,
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
+  //   }
+  // },
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/businessWarehouse.data.ts
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input',
+  },
+  {
+    label: '业务线编号',
+    field: 'businessCode',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '业务线名称',
+    field: 'name',
+    required: true,
+    component: 'Input',
+  },
+  {
+    label: '业务线简称',
+    field: 'businessSimple',
+    component: 'Input',
+  },
+  {
+    label: '类型',
+    field: 'type',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.BUSINESS_TYPE, 'number'),
+    },
+  },
+  {
+    label: '所属行业',
+    field: 'industry',
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number'),
+    },
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input',
+  },
+  {
+    label: '成立时间',
+    field: 'establishDate',
+    component: 'DatePicker',
+  },
+  {
+    label: '介绍',
+    field: 'description',
+    component: 'InputTextArea',
+  },
+  {
+    label: '归属人员',
+    field: 'belongUserId',
+    component: 'Input',
+  },
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/businessOrganizationConfig/businessWarehouse.data.ts
+  {
+    label: '区分标志',
+    field: 'diffFlag',
+    required: true,
+    component: 'Select',
+    componentProps: {
+      options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number'),
+    },
+  },
+=======
+  // {
+  //   label: '区分标志',
+  //   field: 'diffFlag',
+  //   required: true,
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DIFF_FLAG, 'number')
+  //   }
+  // },
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/businessWarehouse.data.ts
+]
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/index.vue
new file mode 100644
index 0000000..b8a4533
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/businessWarehouse/index.vue
@@ -0,0 +1,95 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['system:business-warehouse:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['system:business-warehouse:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:business-warehouse:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'system:business-warehouse:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <BusinessWarehouseModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import BusinessWarehouseModal from './BusinessWarehouseModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteBusinessWarehouse, exportBusinessWarehouse, getBusinessWarehousePage, getBusinessPage } from '@/api/xxjj/businessWarehouse'
+import { columns, searchFormSchema } from './businessWarehouse.data'
+
+defineOptions({ name: 'BusinessWarehouse' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '业务线列表',
+  api: getBusinessPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportBusinessWarehouse(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteBusinessWarehouse(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/customer/SubjectBasicModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/customer/SubjectBasicModal.vue
new file mode 100644
index 0000000..d14c297
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/customer/SubjectBasicModal.vue
@@ -0,0 +1,72 @@
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { createFormSchema, updateFormSchema } from './customer.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/customer/CustomerModal.vue
+import { createCustomer, getCustomer, updateCustomer } from '@/api/xxjj/customer'
+=======
+import { createFormSchema, updateFormSchema } from './subjectBasic.data'
+import { createSubjectBasic, getSubjectBasic, updateSubjectBasic } from '@/api/xxjj/subjectBasic'
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/customer/SubjectBasicModal.vue
+
+defineOptions({ name: 'SubjectBasicModal' })
+
+const emit = defineEmits(['success', 'register'])
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 },
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getSubjectBasic(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/customer/CustomerModal.vue
+    if (unref(isUpdate)) 
+      await updateCustomer(values)
+    else 
+      await createCustomer(values)
+    
+=======
+    if (unref(isUpdate)) {
+      await updateSubjectBasic(values)
+    } else {
+      await createSubjectBasic(values)
+    }
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/customer/SubjectBasicModal.vue
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  }
+  finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
+
+<template>
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/customer/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/customer/index.vue
new file mode 100644
index 0000000..4c89060
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/customer/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['xxjj:subject-basic:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['xxjj:subject-basic:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:subject-basic:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'xxjj:subject-basic:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SubjectBasicModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import SubjectBasicModal from './SubjectBasicModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic'
+import { columns, searchFormSchema } from './subjectBasic.data'
+
+defineOptions({ name: 'SubjectBasic' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '客户列表',
+  api: getSubjectBasicPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSubjectBasic(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSubjectBasic(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/customer/subjectBasic.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/customer/subjectBasic.data.ts
new file mode 100644
index 0000000..2db58c9
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/customer/subjectBasic.data.ts
@@ -0,0 +1,1732 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 160
+  },
+  /* {
+    title: '业务类型(0：客户 1：供应商 2：服务商)',
+    dataIndex: 'businessType',
+    width: 160
+  }, */
+  {
+    title: '客户名称',
+    dataIndex: 'name',
+    width: 160
+  },
+  {
+      title: '客户状态',
+      dataIndex: 'customerStatus',
+      width: 180,
+      customRender: ({ text }) => {
+        return useRender.renderDict(text, DICT_TYPE.CUSTOMER_STATUS)
+      }
+  },
+  {
+    title: '客户分类',
+    dataIndex: 'calssify',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.CUSTOMER_CALSSIFY)
+    }
+  },
+  /* {
+    title: '公司logo',
+    dataIndex: 'logo',
+    width: 160
+  }, */
+  {
+    title: '企业性质',
+    dataIndex: 'enterpriseNature',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.enterpriseNature)
+    }
+  },
+  {
+    title: '行业分类',
+    dataIndex: 'industryClassify',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.industryClassify)
+    }
+  },
+  {
+    title: '信用等级',
+    dataIndex: 'customerStarrating',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.CUSTOMER_STARRATING)
+    }
+  },
+  {
+    title: '业务进度',
+    dataIndex: 'industrySchedule',
+    width: 160,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.industrySchedule)
+    }
+  },
+  {
+    title: '归属人员',
+    dataIndex: 'belongingPeople',
+    width: 160
+  },
+  
+  
+  
+  
+  /* {
+    title: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    dataIndex: 'customerSource',
+    width: 160
+  },
+  {
+    title: '所在城市',
+    dataIndex: 'city',
+    width: 160
+  },
+  {
+    title: '国家',
+    dataIndex: 'country',
+    width: 160
+  },
+  {
+    title: '详细地址',
+    dataIndex: 'address',
+    width: 160
+  },
+  {
+    title: '公司电话',
+    dataIndex: 'phone',
+    width: 160
+  },
+  {
+    title: '公司传真',
+    dataIndex: 'companyFax',
+    width: 160
+  },
+  {
+    title: '公司网址',
+    dataIndex: 'companyHttp',
+    width: 160
+  },
+  {
+    title: '公司介绍',
+    dataIndex: 'companyProfile',
+    width: 160
+  },
+  {
+    title: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    dataIndex: 'customerStatus',
+    width: 160
+  },
+  {
+    title: '社会信息代码证（营业执照）',
+    dataIndex: 'socialInformationCodeCertificate',
+    width: 160
+  },
+  {
+    title: '注册地址',
+    dataIndex: 'registerAddress',
+    width: 160
+  },
+  {
+    title: '社会统一信息代码',
+    dataIndex: 'informationCode',
+    width: 160
+  },
+  {
+    title: '经营时间开始',
+    dataIndex: 'operateStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '经营时间结束',
+    dataIndex: 'operateEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '注册资金',
+    dataIndex: 'registerCapital',
+    width: 160
+  },
+  {
+    title: '经营范围',
+    dataIndex: 'businessScope',
+    width: 160
+  },
+  {
+    title: '实缴资金证明',
+    dataIndex: 'proofPaidCapital',
+    width: 160
+  },
+  {
+    title: '资产证明',
+    dataIndex: 'assetCertificate',
+    width: 160
+  },
+  {
+    title: '资产抵押证明',
+    dataIndex: 'assetCertificateMortgage',
+    width: 160
+  },
+  {
+    title: '其他资质文件',
+    dataIndex: 'otherQualifications',
+    width: 160
+  },
+  {
+    title: '合作时间开始',
+    dataIndex: 'collaborationStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '合作时间结束',
+    dataIndex: 'collaborationEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '需求量（每月下限）',
+    dataIndex: 'demandVolumeDown',
+    width: 160
+  },
+  {
+    title: '需求量（每月上限）',
+    dataIndex: 'demandVolumeUpper',
+    width: 160
+  },
+  {
+    title: '资金额度',
+    dataIndex: 'fundLimit',
+    width: 160
+  },
+  {
+    title: '营业时间',
+    dataIndex: 'businessHours',
+    width: 160
+  },
+  {
+    title: '营业时间开始',
+    dataIndex: 'businessStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '营业时间结束',
+    dataIndex: 'businessEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许卸货时间开始',
+    dataIndex: 'allowableUnloadingStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许卸货时间结束',
+    dataIndex: 'allowableUnloadingEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '卸货时长',
+    dataIndex: 'unloading',
+    width: 160
+  },
+  {
+    title: '卸货效率',
+    dataIndex: 'unloadingEfficiency',
+    width: 160
+  },
+  {
+    title: '允许装货时间开始',
+    dataIndex: 'allowableShipmentStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许装货时间结束',
+    dataIndex: 'allowableShipmentEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '装货时长',
+    dataIndex: 'shipment',
+    width: 160
+  },
+  {
+    title: '装货效果',
+    dataIndex: 'shipmentEffciency',
+    width: 160
+  },
+  {
+    title: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    dataIndex: 'paymentMethod',
+    width: 160
+  },
+  {
+    title: '账户名称',
+    dataIndex: 'accountName',
+    width: 160
+  },
+  {
+    title: '银行账号',
+    dataIndex: 'bankAccount',
+    width: 160
+  },
+  {
+    title: '开户银行',
+    dataIndex: 'bankDeposit',
+    width: 160
+  },
+  {
+    title: '开户地区',
+    dataIndex: 'depositArea',
+    width: 160
+  },
+  {
+    title: '支行名称',
+    dataIndex: 'bankBranch',
+    width: 160
+  },
+  {
+    title: '公司税号',
+    dataIndex: 'companyTaxNumber',
+    width: 160
+  },
+  {
+    title: '企业名称',
+    dataIndex: 'enterpriseName',
+    width: 160
+  },
+  {
+    title: '单位地址',
+    dataIndex: 'workAddress',
+    width: 160
+  },
+  {
+    title: '合作方式(0：买断 1：联营)',
+    dataIndex: 'collaborationMethod',
+    width: 160
+  },
+  {
+    title: '结算方式(0:先货后款 1：先款后货)',
+    dataIndex: 'settlementMethod',
+    width: 160
+  },
+  {
+    title: '账期',
+    dataIndex: 'accountPeriod',
+    width: 160
+  },
+  {
+    title: '压款方式(0：无 1：按金额 2：按比例)',
+    dataIndex: 'underpaymentMethod',
+    width: 160
+  },
+  {
+    title: '申请压款比例',
+    dataIndex: 'applyForUnderpaymentRatio',
+    width: 160
+  },
+  {
+    title: '保证金方式(0：无 1：按金额 2：按比例)',
+    dataIndex: 'marginMethod',
+    width: 160
+  },
+  {
+    title: '申请保证金比例',
+    dataIndex: 'applyForMarginRatio',
+    width: 160
+  },
+  {
+    title: '逾期利率(0：按年化1：按月化)',
+    dataIndex: 'overdueInterestRate',
+    width: 160
+  },
+  {
+    title: '申请逾期利率',
+    dataIndex: 'applyForOverdueRatio',
+    width: 160
+  },
+  {
+    title: '预留字段1',
+    dataIndex: 'reservedFields1',
+    width: 160
+  },
+  {
+    title: '预留字段2',
+    dataIndex: 'reservedFields2',
+    width: 160
+  },
+  {
+    title: '预留字段3',
+    dataIndex: 'reservedFields3',
+    width: 160
+  },
+  {
+    title: '预留字段4',
+    dataIndex: 'reservedFields4',
+    width: 160
+  },
+  {
+    title: '预留字段5',
+    dataIndex: 'reservedFields5',
+    width: 160
+  },
+  {
+    title: '预留字段6',
+    dataIndex: 'reservedFields6',
+    width: 160
+  },
+  {
+    title: '信用级别(0：S 1：A 2：B)',
+    dataIndex: 'creditRating',
+    width: 160
+  },
+  {
+    title: '信用级别(0：开启 1：关闭)',
+    dataIndex: 'autoCreditRating',
+    width: 160
+  },
+  {
+    title: '应收款上限',
+    dataIndex: 'accountsReceivableUpper',
+    width: 160
+  },
+  {
+    title: '订单量下限',
+    dataIndex: 'orderQuantityDown',
+    width: 160
+  },
+  {
+    title: '订单量上限',
+    dataIndex: 'orderQuantityUpper',
+    width: 160
+  },
+  {
+    title: '应收款项逾期限制',
+    dataIndex: 'accountsReceivableOverdue',
+    width: 160
+  },
+  {
+    title: '完税证明超时限制',
+    dataIndex: 'taxPaymentCertificate',
+    width: 160
+  }, */
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  /* {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 8 }
+  },
+   */
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+      label: '客户状态',
+      field: 'customerStatus',
+      component: 'Select',
+      componentProps: {
+          options: getDictOptions(DICT_TYPE.CUSTOMER_STATUS)
+      },
+      colProps: { span: 4 }
+  },
+  {
+      label: '客户分类',
+      field: 'calssify',
+      component: 'Select',
+      componentProps: {
+          options: getDictOptions(DICT_TYPE.CUSTOMER_CALSSIFY)
+      },
+      colProps: { span: 4 }
+  },
+  {
+    label: '信用等级',
+    field: 'customerStarrating',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.CUSTOMER_STARRATING)
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '业务进度',
+    field: 'industrySchedule',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.industrySchedule)
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '行业分类',
+    field: 'industryClassify',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.industryClassify)
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '客户来源',
+    field: 'customerSource',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.customerSource)
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '企业性质',
+    field: 'enterpriseNature',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.enterpriseNature)
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  /* {
+    label: '国家',
+    field: 'country',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 }
+  }, */
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input'
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input'
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input'
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input'
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input'
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input'
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input'
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input'
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input'
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input'
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input'
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    required: true,
+    component: 'RadioButtonGroup',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input'
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input'
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input'
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input'
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input'
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input'
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input'
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input'
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input'
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input'
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input'
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input'
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input'
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input'
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input'
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input'
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input'
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input'
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input'
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input'
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input'
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input'
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input'
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input'
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input'
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input'
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input'
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input'
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input'
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input'
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input'
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input'
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input'
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input'
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input'
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input'
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input'
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input'
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input'
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input'
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input'
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input'
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input'
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input'
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input'
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input'
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input'
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input'
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input'
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input'
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input'
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input'
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input'
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    required: true,
+    component: 'RadioButtonGroup',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input'
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input'
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input'
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input'
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input'
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input'
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input'
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input'
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input'
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input'
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input'
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input'
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input'
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input'
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input'
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input'
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input'
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input'
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input'
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input'
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input'
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input'
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input'
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input'
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input'
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input'
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input'
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input'
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input'
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input'
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input'
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input'
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input'
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input'
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input'
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input'
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input'
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input'
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input'
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input'
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input'
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input'
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/enterprise/EnterpriseModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/enterprise/EnterpriseModal.vue
new file mode 100644
index 0000000..656aaaf
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/enterprise/EnterpriseModal.vue
@@ -0,0 +1,57 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './enterprise.data'
+import { createEnterprise, getEnterprise, updateEnterprise } from '@/api/xxjj/enterprise'
+
+defineOptions({ name: 'EnterpriseModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getEnterprise(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateEnterprise(values)
+    } else {
+      await createEnterprise(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/enterprise/enterprise.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/enterprise/enterprise.data.ts
new file mode 100644
index 0000000..5a9d720
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/enterprise/enterprise.data.ts
@@ -0,0 +1,784 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 160
+  },
+  {
+    title: '企业名称',
+    dataIndex: 'name',
+    width: 160
+  },
+  {
+    title: '企业简称',
+    dataIndex: 'shortName',
+    width: 160
+  },
+  {
+    title: '主体类型',
+    dataIndex: 'mainType',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.MAIN_TYPE)
+    }
+  },
+  {
+    title: '企业代码',
+    dataIndex: 'code',
+    width: 160
+  },
+  {
+    title: '社会统一信息代码',
+    dataIndex: 'societyCode',
+    width: 160
+  },
+  {
+    title: '办理人(0：法人 1：代办人)',
+    dataIndex: 'transactors',
+    width: 160
+  },
+  {
+    title: '实际操作人(0：法人 1：代办人)',
+    dataIndex: 'operator',
+    width: 160
+  },
+  {
+    title: '法人证件有效期类型(0：长期 1：非长期)',
+    dataIndex: 'legalOperator',
+    width: 160
+  },
+  {
+    title: '代办人证件类型(0：身份证 1：护照)',
+    dataIndex: 'commissionCertificateType',
+    width: 160
+  },
+  {
+    title: '代办人证件有效期类型(0：长期 1：非长期)',
+    dataIndex: 'commissionOperator',
+    width: 160
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '企业id',
+    dataIndex: 'enterpriseId',
+    width: 160
+  },
+  {
+    title: '总公司，子公司机构类型',
+    dataIndex: 'enterpriseType',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.ENTERPRISE_TYPE)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '企业名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '主体类型',
+    field: 'mainType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.MAIN_TYPE)
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业代码',
+    field: 'code',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'societyCode',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '办理人(0：法人 1：代办人)',
+    field: 'transactors',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '实际操作人(0：法人 1：代办人)',
+    field: 'operator',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '法人证件有效期类型(0：长期 1：非长期)',
+    field: 'legalOperator',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '代办人证件类型(0：身份证 1：护照)',
+    field: 'commissionCertificateType',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '代办人证件有效期类型(0：长期 1：非长期)',
+    field: 'commissionOperator',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业id',
+    field: 'enterpriseId',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '总公司，子公司机构类型',
+    field: 'enterpriseType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.ENTERPRISE_TYPE)
+    },
+    colProps: { span: 8 }
+  },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '企业简称',
+    field: 'shortName',
+    component: 'Input'
+  },
+  {
+    label: '主体类型',
+    field: 'mainType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.MAIN_TYPE, 'number')
+    }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '行业类型',
+    field: 'dutyType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
+    }
+  },
+  {
+    label: '首联系人',
+    field: 'firstConcat',
+    component: 'Input'
+  },
+  {
+    label: '职位',
+    field: 'position',
+    component: 'Input'
+  },
+  {
+    label: '手机号码',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: 'logo图片',
+    field: 'logo',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '企业电话',
+    field: 'enterprisePhone',
+    component: 'Input'
+  },
+  {
+    label: '企业传真',
+    field: 'enterpriseFax',
+    component: 'Input'
+  },
+  {
+    label: '企业网址',
+    field: 'enterpriseWebsite',
+    component: 'Input'
+  },
+  {
+    label: '企业简介',
+    field: 'enterpriseRemark',
+    component: 'InputTextArea'
+  },
+  {
+    label: '税号',
+    field: 'dutyParagraph',
+    component: 'Input'
+  },
+  {
+    label: '发票抬头',
+    field: 'invoiceHeader',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'openBank',
+    component: 'Input'
+  },
+  {
+    label: '银行卡号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '银行电话',
+    field: 'bankPhone',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '经营开始时间',
+    field: 'startDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '经营结束时间',
+    field: 'endDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '证件照',
+    field: 'photo',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'InputTextArea'
+  },
+  {
+    label: '邮箱',
+    field: 'email',
+    component: 'Input'
+  },
+  {
+    label: '法人证件照1',
+    field: 'legalPersonPhoto1',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '法人证件照2',
+    field: 'legalPersonPhoto2',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '法人证件照3',
+    field: 'legalPersonPhoto3',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '法人证件类型(0：身份证 1：护照)',
+    field: 'legalCertificateType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.CERTIFICATE_TYPE, 'number')
+    }
+  },
+  {
+    label: '法人姓名',
+    field: 'legalPersonName',
+    component: 'Input'
+  },
+  {
+    label: '法人证件号',
+    field: 'legalCardNo',
+    component: 'Input'
+  },
+  {
+    label: '法人生日',
+    field: 'legalBirthday',
+    component: 'Input'
+  },
+  {
+    label: '法人证件有效开始时间',
+    field: 'legalCardStart',
+    component: 'DatePicker'
+  },
+  {
+    label: '法人证件有效结束时间',
+    field: 'legalCardEnd',
+    component: 'DatePicker'
+  },
+  {
+    label: '代办人证件照1',
+    field: 'commissionPersonPhoto1',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '代办人证件照2',
+    field: 'commissionPersonPhoto2',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '代办人证件照3',
+    field: 'commissionPersonPhoto3',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '代办人证件照4',
+    field: 'commissionPersonPhoto4',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'file',
+      maxCount: 1
+    }
+  },
+  {
+    label: '代办人姓名',
+    field: 'commissionPersonName',
+    component: 'Input'
+  },
+  {
+    label: '代办人证件号',
+    field: 'commissionCardNo',
+    component: 'Input'
+  },
+  {
+    label: '代办人生日',
+    field: 'commissionBirthday',
+    component: 'Input'
+  },
+  {
+    label: '代办人证件有效开始时间',
+    field: 'commissionCardStart',
+    component: 'DatePicker'
+  },
+  {
+    label: '代办人证件有效结束时间',
+    field: 'commissionCardEnd',
+    component: 'DatePicker'
+  },
+  {
+    label: '描述',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  {
+    label: '企业代码',
+    field: 'code',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'societyCode',
+    component: 'Input'
+  },
+  {
+    label: '办理人(0：法人 1：代办人)',
+    field: 'transactors',
+    component: 'Input'
+  },
+  {
+    label: '实际操作人(0：法人 1：代办人)',
+    field: 'operator',
+    component: 'Input'
+  },
+  {
+    label: '法人证件有效期类型(0：长期 1：非长期)',
+    field: 'legalOperator',
+    component: 'Input'
+  },
+  {
+    label: '代办人证件类型(0：身份证 1：护照)',
+    field: 'commissionCertificateType',
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '代办人证件有效期类型(0：长期 1：非长期)',
+    field: 'commissionOperator',
+    component: 'Input'
+  },
+  {
+    label: '企业id',
+    field: 'enterpriseId',
+    component: 'Input'
+  },
+  {
+    label: '总公司，子公司机构类型',
+    field: 'enterpriseType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.ENTERPRISE_TYPE, 'number')
+    }
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '企业简称',
+    field: 'shortName',
+    component: 'Input'
+  },
+  {
+    label: '主体类型',
+    field: 'mainType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.MAIN_TYPE, 'number')
+    }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '行业类型',
+    field: 'dutyType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
+    }
+  },
+  {
+    label: '首联系人',
+    field: 'firstConcat',
+    component: 'Input'
+  },
+  {
+    label: '职位',
+    field: 'position',
+    component: 'Input'
+  },
+  {
+    label: '手机号码',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: 'logo图片',
+    field: 'logo',
+    component: 'Upload'
+  },
+  {
+    label: '地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '企业电话',
+    field: 'enterprisePhone',
+    component: 'Input'
+  },
+  {
+    label: '企业传真',
+    field: 'enterpriseFax',
+    component: 'Input'
+  },
+  {
+    label: '企业网址',
+    field: 'enterpriseWebsite',
+    component: 'Input'
+  },
+  {
+    label: '企业简介',
+    field: 'enterpriseRemark',
+    component: 'InputTextArea'
+  },
+  {
+    label: '税号',
+    field: 'dutyParagraph',
+    component: 'Input'
+  },
+  {
+    label: '发票抬头',
+    field: 'invoiceHeader',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'openBank',
+    component: 'Input'
+  },
+  {
+    label: '银行卡号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '银行电话',
+    field: 'bankPhone',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '经营开始时间',
+    field: 'startDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '经营结束时间',
+    field: 'endDate',
+    component: 'DatePicker'
+  },
+  {
+    label: '证件照',
+    field: 'photo',
+    component: 'Upload'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'InputTextArea'
+  },
+  {
+    label: '邮箱',
+    field: 'email',
+    component: 'Input'
+  },
+  {
+    label: '法人证件照1',
+    field: 'legalPersonPhoto1',
+    component: 'Upload'
+  },
+  {
+    label: '法人证件照2',
+    field: 'legalPersonPhoto2',
+    component: 'Upload'
+  },
+  {
+    label: '法人证件照3',
+    field: 'legalPersonPhoto3',
+    component: 'Upload'
+  },
+  {
+    label: '法人证件类型(0：身份证 1：护照)',
+    field: 'legalCertificateType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.CERTIFICATE_TYPE, 'number')
+    }
+  },
+  {
+    label: '法人姓名',
+    field: 'legalPersonName',
+    component: 'Input'
+  },
+  {
+    label: '法人证件号',
+    field: 'legalCardNo',
+    component: 'Input'
+  },
+  {
+    label: '法人生日',
+    field: 'legalBirthday',
+    component: 'Input'
+  },
+  {
+    label: '法人证件有效开始时间',
+    field: 'legalCardStart',
+    component: 'DatePicker'
+  },
+  {
+    label: '法人证件有效结束时间',
+    field: 'legalCardEnd',
+    component: 'DatePicker'
+  },
+  {
+    label: '代办人证件照1',
+    field: 'commissionPersonPhoto1',
+    component: 'Upload'
+  },
+  {
+    label: '代办人证件照2',
+    field: 'commissionPersonPhoto2',
+    component: 'Upload'
+  },
+  {
+    label: '代办人证件照3',
+    field: 'commissionPersonPhoto3',
+    component: 'Upload'
+  },
+  {
+    label: '代办人证件照4',
+    field: 'commissionPersonPhoto4',
+    component: 'Upload'
+  },
+  {
+    label: '代办人姓名',
+    field: 'commissionPersonName',
+    component: 'Input'
+  },
+  {
+    label: '代办人证件号',
+    field: 'commissionCardNo',
+    component: 'Input'
+  },
+  {
+    label: '代办人生日',
+    field: 'commissionBirthday',
+    component: 'Input'
+  },
+  {
+    label: '代办人证件有效开始时间',
+    field: 'commissionCardStart',
+    component: 'DatePicker'
+  },
+  {
+    label: '代办人证件有效结束时间',
+    field: 'commissionCardEnd',
+    component: 'DatePicker'
+  },
+  {
+    label: '描述',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  {
+    label: '企业代码',
+    field: 'code',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'societyCode',
+    component: 'Input'
+  },
+  {
+    label: '办理人(0：法人 1：代办人)',
+    field: 'transactors',
+    component: 'Input'
+  },
+  {
+    label: '实际操作人(0：法人 1：代办人)',
+    field: 'operator',
+    component: 'Input'
+  },
+  {
+    label: '法人证件有效期类型(0：长期 1：非长期)',
+    field: 'legalOperator',
+    component: 'Input'
+  },
+  {
+    label: '代办人证件类型(0：身份证 1：护照)',
+    field: 'commissionCertificateType',
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '代办人证件有效期类型(0：长期 1：非长期)',
+    field: 'commissionOperator',
+    component: 'Input'
+  },
+  {
+    label: '企业id',
+    field: 'enterpriseId',
+    component: 'Input'
+  },
+  {
+    label: '总公司，子公司机构类型',
+    field: 'enterpriseType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.ENTERPRISE_TYPE, 'number')
+    }
+  },
+]
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/enterprise/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/enterprise/index.vue
new file mode 100644
index 0000000..cf61c8d
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/enterprise/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['xxjj:enterprise:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['xxjj:enterprise:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:enterprise:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'xxjj:enterprise:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <EnterpriseModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import EnterpriseModal from './EnterpriseModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteEnterprise, exportEnterprise, getEnterprisePage } from '@/api/xxjj/enterprise'
+import { columns, searchFormSchema } from './enterprise.data'
+
+defineOptions({ name: 'Enterprise' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '企业信息列表',
+  api: getEnterprisePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportEnterprise(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteEnterprise(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/EnterpriseModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/EnterpriseModal.vue
new file mode 100644
index 0000000..b0b429c
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/EnterpriseModal.vue
@@ -0,0 +1,58 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './enterprise.data'
+import { createEnterprise, getEnterprise, updateEnterprise } from '@/api/system/enterprise'
+
+
+defineOptions({ name: 'EnterpriseModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getEnterprise(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateEnterprise(values)
+    } else {
+      await createEnterprise(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/enterprise.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/enterprise.data.ts
new file mode 100644
index 0000000..7559da6
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/enterprise.data.ts
@@ -0,0 +1,851 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import {h} from "vue";
+import {Switch} from "ant-design-vue";
+import {useMessage} from "@/hooks/web/useMessage";
+import {updateEnterpriseStatus} from "@/api/system/enterprise";
+
+export const columns: BasicColumn[] = [
+  // {
+  //   title: '编号',
+  //   dataIndex: 'id',
+  //   width: 160
+  // },
+  {
+    title: '企业名称',
+    dataIndex: 'name',
+    width: 160
+  },
+  {
+    title: '机构类型',
+    dataIndex: 'enterpriseType',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.ENTERPRISE_TYPE)
+    }
+  },
+  {
+    title: '关联子公司(没弄)',
+    dataIndex: '',
+    width: 160
+  },
+  {
+    title: '包含业务线(没弄)',
+    dataIndex: '',
+    width: 160
+  },
+  {
+    title: '关联员工(没弄)',
+    dataIndex: '',
+    width: 160
+  },
+  {
+    title: '首联系人',
+    dataIndex: 'firstConcat',
+    width: 160
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'phone',
+    width: 160
+  },
+  {
+    title: '更新时间',
+    dataIndex: 'updateTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '状态',
+    dataIndex: 'enterpriseStatus',
+    width: 180,
+    customRender: ({ record }) => {
+      if (!Reflect.has(record, 'pendingStatus'))
+        record.pendingStatus = false
+
+      return h(Switch, {
+        checked: record.status === 0,
+        checkedChildren: '已启用',
+        unCheckedChildren: '已禁用',
+        loading: record.pendingStatus,
+        onChange(checked: boolean) {
+          record.pendingStatus = true
+          const newStatus = checked ? 0 : 1
+          const { createMessage } = useMessage()
+          updateEnterpriseStatus(record.id, newStatus)
+            .then(() => {
+              record.status = newStatus
+              createMessage.success('已成功修改用户状态')
+            })
+            .catch(() => {
+              createMessage.error('修改用户状态失败')
+            })
+            .finally(() => {
+              record.pendingStatus = false
+            })
+        },
+      })
+    },
+  },
+
+  // {
+  //   title: '企业简称',
+  //   dataIndex: 'shortName',
+  //   width: 160
+  // },
+  // {
+  //   title: '主体类型',
+  //   dataIndex: 'mainType',
+  //   width: 180,
+  //   customRender: ({ text }) => {
+  //     return useRender.renderDict(text, DICT_TYPE.MAIN_TYPE)
+  //   }
+  // },
+  // {
+  //   title: '企业代码',
+  //   dataIndex: 'code',
+  //   width: 160
+  // },
+  // {
+  //   title: '社会统一信息代码',
+  //   dataIndex: 'societyCode',
+  //   width: 160
+  // },
+  // {
+  //   title: '办理人(0：法人 1：代办人)',
+  //   dataIndex: 'transactors',
+  //   width: 160
+  // },
+  // {
+  //   title: '实际操作人(0：法人 1：代办人)',
+  //   dataIndex: 'operator',
+  //   width: 160
+  // },
+  // {
+  //   title: '法人证件有效期类型(0：长期 1：非长期)',
+  //   dataIndex: 'legalOperator',
+  //   width: 160
+  // },
+  // {
+  //   title: '代办人证件类型(0：身份证 1：护照)',
+  //   dataIndex: 'commissionCertificateType',
+  //   width: 160
+  // },
+  // {
+  //   title: '代办人证件有效期类型(0：长期 1：非长期)',
+  //   dataIndex: 'commissionOperator',
+  //   width: 160
+  // },
+  // {
+  //   title: '创建时间',
+  //   dataIndex: 'createTime',
+  //   width: 180,
+  //   customRender: ({ text }) => {
+  //     return useRender.renderDate(text)
+  //   }
+  // },
+  // {
+  //   title: '企业id',
+  //   dataIndex: 'parentId',
+  //   width: 160
+  // },
+
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '企业名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  // {
+  //   label: '主体类型',
+  //   field: 'mainType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.MAIN_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '企业代码',
+  //   field: 'code',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '社会统一信息代码',
+  //   field: 'societyCode',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '办理人(0：法人 1：代办人)',
+  //   field: 'transactors',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '实际操作人(0：法人 1：代办人)',
+  //   field: 'operator',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '法人证件有效期类型(0：长期 1：非长期)',
+  //   field: 'legalOperator',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '代办人证件类型(0：身份证 1：护照)',
+  //   field: 'commissionCertificateType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: []
+  //   },
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '代办人证件有效期类型(0：长期 1：非长期)',
+  //   field: 'commissionOperator',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '创建时间',
+  //   field: 'createTime',
+  //   component: 'RangePicker',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '企业id',
+  //   field: 'parentId',
+  //   component: 'Input',
+  //   colProps: { span: 8 }
+  // },
+  // {
+  //   label: '总公司，子公司机构类型',
+  //   field: 'enterpriseType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.ENTERPRISE_TYPE)
+  //   },
+  //   colProps: { span: 8 }
+  // },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  // {
+  //   label: '企业简称',
+  //   field: 'shortName',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '主体类型',
+  //   field: 'mainType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.MAIN_TYPE, 'number')
+  //   }
+  // },
+  // {
+  //   label: '所在城市',
+  //   field: 'city',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '行业类型',
+  //   field: 'dutyType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
+  //   }
+  // },
+  {
+    label: '首联系人',
+    field: 'firstConcat',
+    component: 'Input'
+  },
+  // {
+  //   label: '职位',
+  //   field: 'position',
+  //   component: 'Input'
+  // },
+  {
+    label: '手机号码',
+    field: 'phone',
+    component: 'Input'
+  },
+  // {
+  //   label: 'logo图片',
+  //   field: 'logo',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '地址',
+  //   field: 'address',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业电话',
+  //   field: 'enterprisePhone',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业传真',
+  //   field: 'enterpriseFax',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业网址',
+  //   field: 'enterpriseWebsite',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业简介',
+  //   field: 'enterpriseRemark',
+  //   component: 'InputTextArea'
+  // },
+  // {
+  //   label: '税号',
+  //   field: 'dutyParagraph',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '发票抬头',
+  //   field: 'invoiceHeader',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '开户银行',
+  //   field: 'openBank',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '银行卡号',
+  //   field: 'bankAccount',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '银行电话',
+  //   field: 'bankPhone',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '注册地址',
+  //   field: 'registerAddress',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '经营开始时间',
+  //   field: 'startDate',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '经营结束时间',
+  //   field: 'endDate',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '证件照',
+  //   field: 'photo',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '经营范围',
+  //   field: 'businessScope',
+  //   component: 'InputTextArea'
+  // },
+  // {
+  //   label: '邮箱',
+  //   field: 'email',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件照1',
+  //   field: 'legalPersonPhoto1',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '法人证件照2',
+  //   field: 'legalPersonPhoto2',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '法人证件照3',
+  //   field: 'legalPersonPhoto3',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '法人证件类型(0：身份证 1：护照)',
+  //   field: 'legalCertificateType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.CERTIFICATE_TYPE, 'number')
+  //   }
+  // },
+  // {
+  //   label: '法人姓名',
+  //   field: 'legalPersonName',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件号',
+  //   field: 'legalCardNo',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人生日',
+  //   field: 'legalBirthday',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件有效开始时间',
+  //   field: 'legalCardStart',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '法人证件有效结束时间',
+  //   field: 'legalCardEnd',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '代办人证件照1',
+  //   field: 'commissionPersonPhoto1',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '代办人证件照2',
+  //   field: 'commissionPersonPhoto2',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '代办人证件照3',
+  //   field: 'commissionPersonPhoto3',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '代办人证件照4',
+  //   field: 'commissionPersonPhoto4',
+  //   component: 'FileUpload',
+  //   componentProps: {
+  //     fileType: 'file',
+  //     maxCount: 1
+  //   }
+  // },
+  // {
+  //   label: '代办人姓名',
+  //   field: 'commissionPersonName',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人证件号',
+  //   field: 'commissionCardNo',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人生日',
+  //   field: 'commissionBirthday',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人证件有效开始时间',
+  //   field: 'commissionCardStart',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '代办人证件有效结束时间',
+  //   field: 'commissionCardEnd',
+  //   component: 'DatePicker'
+  // },
+  {
+    label: '描述',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  // {
+  //   label: '企业代码',
+  //   field: 'code',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '社会统一信息代码',
+  //   field: 'societyCode',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '办理人(0：法人 1：代办人)',
+  //   field: 'transactors',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '实际操作人(0：法人 1：代办人)',
+  //   field: 'operator',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件有效期类型(0：长期 1：非长期)',
+  //   field: 'legalOperator',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人证件类型(0：身份证 1：护照)',
+  //   field: 'commissionCertificateType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options:[]
+  //   }
+  // },
+  // {
+  //   label: '代办人证件有效期类型(0：长期 1：非长期)',
+  //   field: 'commissionOperator',
+  //   component: 'Input'
+  // },
+  {
+    label: '企业id',
+    field: 'parentId',
+    component: 'Input'
+  },
+  {
+    label: '上级机构',
+    field: 'enterpriseType',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.ENTERPRISE_TYPE, 'number')
+    }
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  // {
+  //   label: '编号',
+  //   field: 'id',
+  //   show: false,
+  //   component: 'Input'
+  // },
+  {
+    label: '企业名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '企业id',
+    field: 'parentId',
+    component: 'Input'
+  },
+  {
+    label: '首联系人',
+    field: 'firstConcat',
+    component: 'Input'
+  },
+  {
+    label: '手机号码',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '机构描述',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  // {
+  //   label: '企业简称',
+  //   field: 'shortName',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '主体类型',
+  //   field: 'mainType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.MAIN_TYPE, 'number')
+  //   }
+  // },
+  // {
+  //   label: '所在城市',
+  //   field: 'city',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '行业类型',
+  //   field: 'dutyType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.DUTY_TYPE, 'number')
+  //   }
+  // },
+
+  // {
+  //   label: 'logo图片',
+  //   field: 'logo',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '地址',
+  //   field: 'address',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业电话',
+  //   field: 'enterprisePhone',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业传真',
+  //   field: 'enterpriseFax',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业网址',
+  //   field: 'enterpriseWebsite',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '企业简介',
+  //   field: 'enterpriseRemark',
+  //   component: 'InputTextArea'
+  // },
+  // {
+  //   label: '税号',
+  //   field: 'dutyParagraph',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '发票抬头',
+  //   field: 'invoiceHeader',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '开户银行',
+  //   field: 'openBank',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '银行卡号',
+  //   field: 'bankAccount',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '银行电话',
+  //   field: 'bankPhone',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '注册地址',
+  //   field: 'registerAddress',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '经营开始时间',
+  //   field: 'startDate',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '经营结束时间',
+  //   field: 'endDate',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '证件照',
+  //   field: 'photo',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '经营范围',
+  //   field: 'businessScope',
+  //   component: 'InputTextArea'
+  // },
+  // {
+  //   label: '邮箱',
+  //   field: 'email',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件照1',
+  //   field: 'legalPersonPhoto1',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '法人证件照2',
+  //   field: 'legalPersonPhoto2',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '法人证件照3',
+  //   field: 'legalPersonPhoto3',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '法人证件类型(0：身份证 1：护照)',
+  //   field: 'legalCertificateType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.CERTIFICATE_TYPE, 'number')
+  //   }
+  // },
+  // {
+  //   label: '法人姓名',
+  //   field: 'legalPersonName',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件号',
+  //   field: 'legalCardNo',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人生日',
+  //   field: 'legalBirthday',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件有效开始时间',
+  //   field: 'legalCardStart',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '法人证件有效结束时间',
+  //   field: 'legalCardEnd',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '代办人证件照1',
+  //   field: 'commissionPersonPhoto1',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '代办人证件照2',
+  //   field: 'commissionPersonPhoto2',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '代办人证件照3',
+  //   field: 'commissionPersonPhoto3',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '代办人证件照4',
+  //   field: 'commissionPersonPhoto4',
+  //   component: 'Upload'
+  // },
+  // {
+  //   label: '代办人姓名',
+  //   field: 'commissionPersonName',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人证件号',
+  //   field: 'commissionCardNo',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人生日',
+  //   field: 'commissionBirthday',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人证件有效开始时间',
+  //   field: 'commissionCardStart',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '代办人证件有效结束时间',
+  //   field: 'commissionCardEnd',
+  //   component: 'DatePicker'
+  // },
+  // {
+  //   label: '企业代码',
+  //   field: 'code',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '社会统一信息代码',
+  //   field: 'societyCode',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '办理人(0：法人 1：代办人)',
+  //   field: 'transactors',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '实际操作人(0：法人 1：代办人)',
+  //   field: 'operator',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '法人证件有效期类型(0：长期 1：非长期)',
+  //   field: 'legalOperator',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '代办人证件类型(0：身份证 1：护照)',
+  //   field: 'commissionCertificateType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options:[]
+  //   }
+  // },
+  // {
+  //   label: '代办人证件有效期类型(0：长期 1：非长期)',
+  //   field: 'commissionOperator',
+  //   component: 'Input'
+  // },
+  // {
+  //   label: '总公司，子公司机构类型',
+  //   field: 'enterpriseType',
+  //   component: 'Select',
+  //   componentProps: {
+  //       options: getDictOptions(DICT_TYPE.ENTERPRISE_TYPE, 'number')
+  //   }
+  // },
+]
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/index.vue
new file mode 100644
index 0000000..638015f
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/enterprisebranching/index.vue
@@ -0,0 +1,129 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+<!--        <a-button type="primary" v-auth="['system:enterprise:create']" :preIcon="IconEnum.ADD" @click="handleCreate">-->
+<!--          {{ t('action.create') }}-->
+<!--        </a-button>-->
+        <a-button type="primary" v-auth="['system:enterprise:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ '新增机构' }}
+        </a-button>
+        <a-button type="warning" v-auth="['system:enterprise:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+
+               { icon: IconEnum.EDIT, label: '设置状态', auth: 'system:enterprise:update', onClick: handleEdit.bind(null, record) },
+
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:enterprise:update', onClick: handleEdit1.bind(null, record) },
+
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:enterprise:update', onClick: handleEdit.bind(null, record) },
+
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'warrning',
+                  label: '状态',
+                  auth: 'system:enterprise:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete1.bind(null, record)
+                  }
+              },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'system:enterprise:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <EnterpriseModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import EnterpriseModal from './EnterpriseModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import {
+  deleteEnterprise,
+  exportEnterprise,
+  getEnterprisePage,
+  updateEnterpriseStatus
+} from '@/api/system/enterprise'
+import { columns, searchFormSchema } from './enterprise.data'
+
+defineOptions({ name: 'Enterprise' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '分支机构',
+  api: getEnterprisePage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+
+function handleEdit1(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportEnterprise(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteEnterprise(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+
+async function handleDelete1(record: Recordable) {
+  await updateEnterpriseStatus(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/service/SubjectBasicModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/service/SubjectBasicModal.vue
new file mode 100644
index 0000000..0c59c89
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/service/SubjectBasicModal.vue
@@ -0,0 +1,57 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './subjectBasic.data'
+import { createSubjectBasic, getSubjectBasic, updateSubjectBasic } from '@/api/xxjj/subjectBasic'
+
+defineOptions({ name: 'SubjectBasicModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getSubjectBasic(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateSubjectBasic(values)
+    } else {
+      await createSubjectBasic(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/service/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/service/index.vue
new file mode 100644
index 0000000..0bcd993
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/service/index.vue
@@ -0,0 +1,139 @@
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/customer/index.vue
+=======
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['xxjj:subject-basic:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['xxjj:subject-basic:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:subject-basic:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'xxjj:subject-basic:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SubjectBasicModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/service/index.vue
+<script lang="ts" setup>
+import CustomerModal from './CustomerModal.vue'
+import { columns, searchFormSchema } from './customer.data'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+<<<<<<< HEAD:yudao-ui-admin-vben-master/src/views/xxjj/customer/index.vue
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, TableAction, useTable } from '@/components/Table'
+import { deleteCustomer, exportCustomer, getCustomerPage } from '@/api/xxjj/customer'
+=======
+import SubjectBasicModal from './SubjectBasicModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic'
+import { columns, searchFormSchema } from './subjectBasic.data'
+>>>>>>> add9532e04020984b8af814009400f6d2b947fce:yunxi-ui-admin-vben/src/views/xxjj/service/index.vue
+
+defineOptions({ name: 'service' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '服务商列表',
+  api: getSubjectBasicPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right',
+  },
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSubjectBasic(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    },
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSubjectBasic(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
+
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button v-auth="['xxjj:customer:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button v-auth="['xxjj:customer:export']" type="warning" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:customer:update', onClick: handleEdit.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                color: 'error',
+                label: t('action.delete'),
+                auth: 'xxjj:customer:delete',
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <CustomerModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/service/subjectBasic.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/service/subjectBasic.data.ts
new file mode 100644
index 0000000..7a6b279
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/service/subjectBasic.data.ts
@@ -0,0 +1,1692 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 160
+  },
+  {
+    title: '业务类型(0：客户 1：供应商 2：服务商)',
+    dataIndex: 'businessType',
+    width: 160
+  },
+  {
+    title: '分类(0：一级 1：二级 2：三级)',
+    dataIndex: 'calssify',
+    width: 160
+  },
+  {
+    title: '客户名称',
+    dataIndex: 'name',
+    width: 160
+  },
+  {
+    title: '公司logo',
+    dataIndex: 'logo',
+    width: 160
+  },
+  {
+    title: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    dataIndex: 'enterpriseNature',
+    width: 160
+  },
+  {
+    title: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    dataIndex: 'industryClassify',
+    width: 160
+  },
+  {
+    title: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    dataIndex: 'customerSource',
+    width: 160
+  },
+  {
+    title: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    dataIndex: 'customerStarrating',
+    width: 160
+  },
+  {
+    title: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    dataIndex: 'industrySchedule',
+    width: 160
+  },
+  {
+    title: '归属人员',
+    dataIndex: 'belongingPeople',
+    width: 160
+  },
+  {
+    title: '所在城市',
+    dataIndex: 'city',
+    width: 160
+  },
+  {
+    title: '国家',
+    dataIndex: 'country',
+    width: 160
+  },
+  {
+    title: '详细地址',
+    dataIndex: 'address',
+    width: 160
+  },
+  {
+    title: '公司电话',
+    dataIndex: 'phone',
+    width: 160
+  },
+  {
+    title: '公司传真',
+    dataIndex: 'companyFax',
+    width: 160
+  },
+  {
+    title: '公司网址',
+    dataIndex: 'companyHttp',
+    width: 160
+  },
+  {
+    title: '公司介绍',
+    dataIndex: 'companyProfile',
+    width: 160
+  },
+  {
+    title: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    dataIndex: 'customerStatus',
+    width: 160
+  },
+  {
+    title: '社会信息代码证（营业执照）',
+    dataIndex: 'socialInformationCodeCertificate',
+    width: 160
+  },
+  {
+    title: '注册地址',
+    dataIndex: 'registerAddress',
+    width: 160
+  },
+  {
+    title: '社会统一信息代码',
+    dataIndex: 'informationCode',
+    width: 160
+  },
+  {
+    title: '经营时间开始',
+    dataIndex: 'operateStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '经营时间结束',
+    dataIndex: 'operateEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '注册资金',
+    dataIndex: 'registerCapital',
+    width: 160
+  },
+  {
+    title: '经营范围',
+    dataIndex: 'businessScope',
+    width: 160
+  },
+  {
+    title: '实缴资金证明',
+    dataIndex: 'proofPaidCapital',
+    width: 160
+  },
+  {
+    title: '资产证明',
+    dataIndex: 'assetCertificate',
+    width: 160
+  },
+  {
+    title: '资产抵押证明',
+    dataIndex: 'assetCertificateMortgage',
+    width: 160
+  },
+  {
+    title: '其他资质文件',
+    dataIndex: 'otherQualifications',
+    width: 160
+  },
+  {
+    title: '合作时间开始',
+    dataIndex: 'collaborationStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '合作时间结束',
+    dataIndex: 'collaborationEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '需求量（每月下限）',
+    dataIndex: 'demandVolumeDown',
+    width: 160
+  },
+  {
+    title: '需求量（每月上限）',
+    dataIndex: 'demandVolumeUpper',
+    width: 160
+  },
+  {
+    title: '资金额度',
+    dataIndex: 'fundLimit',
+    width: 160
+  },
+  {
+    title: '营业时间',
+    dataIndex: 'businessHours',
+    width: 160
+  },
+  {
+    title: '营业时间开始',
+    dataIndex: 'businessStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '营业时间结束',
+    dataIndex: 'businessEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许卸货时间开始',
+    dataIndex: 'allowableUnloadingStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许卸货时间结束',
+    dataIndex: 'allowableUnloadingEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '卸货时长',
+    dataIndex: 'unloading',
+    width: 160
+  },
+  {
+    title: '卸货效率',
+    dataIndex: 'unloadingEfficiency',
+    width: 160
+  },
+  {
+    title: '允许装货时间开始',
+    dataIndex: 'allowableShipmentStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许装货时间结束',
+    dataIndex: 'allowableShipmentEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '装货时长',
+    dataIndex: 'shipment',
+    width: 160
+  },
+  {
+    title: '装货效果',
+    dataIndex: 'shipmentEffciency',
+    width: 160
+  },
+  {
+    title: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    dataIndex: 'paymentMethod',
+    width: 160
+  },
+  {
+    title: '账户名称',
+    dataIndex: 'accountName',
+    width: 160
+  },
+  {
+    title: '银行账号',
+    dataIndex: 'bankAccount',
+    width: 160
+  },
+  {
+    title: '开户银行',
+    dataIndex: 'bankDeposit',
+    width: 160
+  },
+  {
+    title: '开户地区',
+    dataIndex: 'depositArea',
+    width: 160
+  },
+  {
+    title: '支行名称',
+    dataIndex: 'bankBranch',
+    width: 160
+  },
+  {
+    title: '公司税号',
+    dataIndex: 'companyTaxNumber',
+    width: 160
+  },
+  {
+    title: '企业名称',
+    dataIndex: 'enterpriseName',
+    width: 160
+  },
+  {
+    title: '单位地址',
+    dataIndex: 'workAddress',
+    width: 160
+  },
+  {
+    title: '合作方式(0：买断 1：联营)',
+    dataIndex: 'collaborationMethod',
+    width: 160
+  },
+  {
+    title: '结算方式(0:先货后款 1：先款后货)',
+    dataIndex: 'settlementMethod',
+    width: 160
+  },
+  {
+    title: '账期',
+    dataIndex: 'accountPeriod',
+    width: 160
+  },
+  {
+    title: '压款方式(0：无 1：按金额 2：按比例)',
+    dataIndex: 'underpaymentMethod',
+    width: 160
+  },
+  {
+    title: '申请压款比例',
+    dataIndex: 'applyForUnderpaymentRatio',
+    width: 160
+  },
+  {
+    title: '保证金方式(0：无 1：按金额 2：按比例)',
+    dataIndex: 'marginMethod',
+    width: 160
+  },
+  {
+    title: '申请保证金比例',
+    dataIndex: 'applyForMarginRatio',
+    width: 160
+  },
+  {
+    title: '逾期利率(0：按年化1：按月化)',
+    dataIndex: 'overdueInterestRate',
+    width: 160
+  },
+  {
+    title: '申请逾期利率',
+    dataIndex: 'applyForOverdueRatio',
+    width: 160
+  },
+  {
+    title: '预留字段1',
+    dataIndex: 'reservedFields1',
+    width: 160
+  },
+  {
+    title: '预留字段2',
+    dataIndex: 'reservedFields2',
+    width: 160
+  },
+  {
+    title: '预留字段3',
+    dataIndex: 'reservedFields3',
+    width: 160
+  },
+  {
+    title: '预留字段4',
+    dataIndex: 'reservedFields4',
+    width: 160
+  },
+  {
+    title: '预留字段5',
+    dataIndex: 'reservedFields5',
+    width: 160
+  },
+  {
+    title: '预留字段6',
+    dataIndex: 'reservedFields6',
+    width: 160
+  },
+  {
+    title: '信用级别(0：S 1：A 2：B)',
+    dataIndex: 'creditRating',
+    width: 160
+  },
+  {
+    title: '信用级别(0：开启 1：关闭)',
+    dataIndex: 'autoCreditRating',
+    width: 160
+  },
+  {
+    title: '应收款上限',
+    dataIndex: 'accountsReceivableUpper',
+    width: 160
+  },
+  {
+    title: '订单量下限',
+    dataIndex: 'orderQuantityDown',
+    width: 160
+  },
+  {
+    title: '订单量上限',
+    dataIndex: 'orderQuantityUpper',
+    width: 160
+  },
+  {
+    title: '应收款项逾期限制',
+    dataIndex: 'accountsReceivableOverdue',
+    width: 160
+  },
+  {
+    title: '完税证明超时限制',
+    dataIndex: 'taxPaymentCertificate',
+    width: 160
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 }
+  },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input'
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input'
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input'
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input'
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input'
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input'
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input'
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input'
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input'
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input'
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input'
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    required: true,
+    component: 'RadioButtonGroup',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input'
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input'
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input'
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input'
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input'
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input'
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input'
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input'
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input'
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input'
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input'
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input'
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input'
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input'
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input'
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input'
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input'
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input'
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input'
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input'
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input'
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input'
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input'
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input'
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input'
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input'
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input'
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input'
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input'
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input'
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input'
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input'
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input'
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input'
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input'
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input'
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input'
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input'
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input'
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input'
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input'
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input'
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input'
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input'
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input'
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input'
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input'
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input'
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input'
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input'
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input'
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input'
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input'
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    required: true,
+    component: 'RadioButtonGroup',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input'
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input'
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input'
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input'
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input'
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input'
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input'
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input'
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input'
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input'
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input'
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input'
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input'
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input'
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input'
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input'
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input'
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input'
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input'
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input'
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input'
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input'
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input'
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input'
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input'
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input'
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input'
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input'
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input'
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input'
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input'
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input'
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input'
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input'
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input'
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input'
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input'
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input'
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input'
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input'
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input'
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input'
+  },
+]
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/SubjectFollowManagementModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/SubjectFollowManagementModal.vue
new file mode 100644
index 0000000..bd974c0
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/SubjectFollowManagementModal.vue
@@ -0,0 +1,57 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './subjectFollowManagement.data'
+import { createSubjectFollowManagement, getSubjectFollowManagement, updateSubjectFollowManagement } from '@/api/xxjj/subjectFollowManagement'
+
+defineOptions({ name: 'SubjectFollowManagementModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getSubjectFollowManagement(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateSubjectFollowManagement(values)
+    } else {
+      await createSubjectFollowManagement(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/index.vue
new file mode 100644
index 0000000..55d6e37
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['xxjj:subject-follow-management:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['xxjj:subject-follow-management:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:subject-follow-management:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'xxjj:subject-follow-management:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SubjectFollowManagementModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import SubjectFollowManagementModal from './SubjectFollowManagementModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteSubjectFollowManagement, exportSubjectFollowManagement, getSubjectFollowManagementPage } from '@/api/xxjj/subjectFollowManagement'
+import { columns, searchFormSchema } from './subjectFollowManagement.data'
+
+defineOptions({ name: 'SubjectFollowManagement' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '客户跟进',
+  api: getSubjectFollowManagementPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSubjectFollowManagement(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSubjectFollowManagement(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/subjectFollowManagement.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/subjectFollowManagement.data.ts
new file mode 100644
index 0000000..345ca81
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/subjectFollowManagement/subjectFollowManagement.data.ts
@@ -0,0 +1,397 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { getListSimpleUsers } from '@/api/system/user'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '主键id',
+    dataIndex: 'id',
+    width: 160
+  },
+  {
+    title: '业务id',
+    dataIndex: 'businessId',
+    width: 160
+  },
+  {
+    title: '代表人类型(0：客户 1：供应商 2：服务商)',
+    dataIndex: 'businessType',
+    width: 160
+  },
+  {
+    title: '任务标题',
+    dataIndex: 'title',
+    width: 160
+  },
+  {
+    title: '身份证号',
+    dataIndex: 'idCard',
+    width: 160
+  },
+  {
+    title: '开始时间',
+    dataIndex: 'startTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '结束时间',
+    dataIndex: 'endTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '负责人员',
+    dataIndex: 'responsible',
+    width: 160
+  },
+  {
+    title: '参与人员',
+    dataIndex: 'partake',
+    width: 160
+  },
+  {
+    title: '标记颜色',
+    dataIndex: 'mark',
+    width: 160
+  },
+  {
+    title: '紧要程度(0：重要 1：紧急 2：普通 3：较低)',
+    dataIndex: 'urgency',
+    width: 160
+  },
+  {
+    title: '提醒类型(0：准时提醒 1：提前5分钟 2：提前15分钟 3：提前30分钟 4：提前1小时)',
+    dataIndex: 'remindType',
+    width: 160
+  },
+  {
+    title: '任务描述',
+    dataIndex: 'description',
+    width: 160
+  },
+  {
+    title: '附件',
+    dataIndex: 'annex',
+    width: 160
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  /* {
+    label: '业务id',
+    field: 'businessId',
+    component: 'Input',
+    colProps: { span: 4 }
+  }, */
+  {
+    label: '代表人类型',
+    field: 'businessType',
+    component: 'Select',
+    componentProps: {
+        options: [],
+        hidden: true,
+    },
+    defaultValue: '0',
+    show: false,
+    colProps: { span: 4 }
+  },
+  {
+    label: '任务标题',
+    field: 'title',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+      label: '客户分类',
+      field: 'calssify',
+      component: 'Select',
+      componentProps: {
+          options: getDictOptions(DICT_TYPE.CUSTOMER_CALSSIFY)
+      },
+      colProps: { span: 4 }
+  },
+  {
+    label: '行业分类',
+    field: 'industryClassify',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.industryClassify)
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '企业性质',
+    field: 'enterpriseNature',
+    component: 'Select',
+    componentProps: {
+        options: getDictOptions(DICT_TYPE.enterpriseNature)
+    },
+    colProps: { span: 4 }
+  },
+  /* {
+    label: '身份证号',
+    field: 'idCard',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+    label: '开始时间',
+    field: 'startTime',
+    component: 'RangePicker',
+    colProps: { span: 4 }
+  },
+  {
+    label: '结束时间',
+    field: 'endTime',
+    component: 'RangePicker',
+    colProps: { span: 4 }
+  },
+  {
+    label: '负责人员',
+    field: 'responsible',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+    label: '参与人员',
+    field: 'partake',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+    label: '标记颜色',
+    field: 'mark',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+    label: '紧要程度(0：重要 1：紧急 2：普通 3：较低)',
+    field: 'urgency',
+    component: 'Input',
+    colProps: { span: 4 }
+  },
+  {
+    label: '提醒类型(0：准时提醒 1：提前5分钟 2：提前15分钟 3：提前30分钟 4：提前1小时)',
+    field: 'remindType',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 4 }
+  },
+  {
+    label: '任务描述',
+    field: 'description',
+    colProps: { span: 4 }
+  },
+  {
+    label: '附件',
+    field: 'annex',
+    colProps: { span: 4 }
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 4 }
+  }, */
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '代表人类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    component: 'Select',
+    defaultValue: '0',
+    show: false,
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '任务标题',
+    field: 'title',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '开始时间',
+    field: 'startTime',
+    required: true,
+    component: 'DatePicker',
+    componentProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '结束时间',
+    field: 'endTime',
+    required: true,
+    component: 'DatePicker',
+    componentProps: {
+      showTime: true,
+      format: 'YYYY-MM-DD HH:mm:ss',
+      valueFormat: 'x',
+    },
+  },
+  {
+    label: '关联客户',
+    field: 'businessId',
+    required: true,
+    component: 'ApiTreeSelect',
+    componentProps: {
+      api: () => getListSimpleUsers(),
+      parentLabel: '主类目',
+      fieldNames: {
+        label: 'name',
+        key: 'id',
+        value: 'id',
+      },
+      handleTree: 'id',
+    },
+  },
+  {
+    label: '负责人员',
+    field: 'responsible',
+    component: 'Input'
+  },
+  {
+    label: '参与人员',
+    field: 'partake',
+    component: 'Input'
+  },
+  {
+    label: '标记颜色',
+    field: 'mark',
+    component: 'Input'
+  },
+  {
+    label: '紧要程度(0：重要 1：紧急 2：普通 3：较低)',
+    field: 'urgency',
+    component: 'Input'
+  },
+  {
+    label: '提醒类型(0：准时提醒 1：提前5分钟 2：提前15分钟 3：提前30分钟 4：提前1小时)',
+    field: 'remindType',
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '任务描述',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  {
+    label: '附件',
+    field: 'annex',
+    component: 'FileUpload',
+    componentProps: {
+      fileType: 'image',
+      maxCount: 1
+    }
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务id',
+    field: 'businessId',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '代表人类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '任务标题',
+    field: 'title',
+    component: 'Input'
+  },
+  {
+    label: '身份证号',
+    field: 'idCard',
+    component: 'Input'
+  },
+  {
+    label: '开始时间',
+    field: 'startTime',
+    component: 'DatePicker'
+  },
+  {
+    label: '结束时间',
+    field: 'endTime',
+    component: 'DatePicker'
+  },
+  {
+    label: '负责人员',
+    field: 'responsible',
+    component: 'Input'
+  },
+  {
+    label: '参与人员',
+    field: 'partake',
+    component: 'Input'
+  },
+  {
+    label: '标记颜色',
+    field: 'mark',
+    component: 'Input'
+  },
+  {
+    label: '紧要程度(0：重要 1：紧急 2：普通 3：较低)',
+    field: 'urgency',
+    component: 'Input'
+  },
+  {
+    label: '提醒类型(0：准时提醒 1：提前5分钟 2：提前15分钟 3：提前30分钟 4：提前1小时)',
+    field: 'remindType',
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '任务描述',
+    field: 'description',
+    component: 'InputTextArea'
+  },
+  {
+    label: '附件',
+    field: 'annex',
+    component: 'Upload'
+  },
+]
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/supplier/SubjectBasicModal.vue b/yunxi-ui-admin-vben/src/views/xxjj/supplier/SubjectBasicModal.vue
new file mode 100644
index 0000000..0c59c89
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/supplier/SubjectBasicModal.vue
@@ -0,0 +1,57 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { ref, unref } from 'vue'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { BasicForm, useForm } from '@/components/Form'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { createFormSchema, updateFormSchema } from './subjectBasic.data'
+import { createSubjectBasic, getSubjectBasic, updateSubjectBasic } from '@/api/xxjj/subjectBasic'
+
+defineOptions({ name: 'SubjectBasicModal' })
+
+const { t } = useI18n()
+const { createMessage } = useMessage()
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+
+const [registerForm, { setFieldsValue, resetFields, resetSchema, validate }] = useForm({
+  labelWidth: 120,
+  baseColProps: { span: 24 },
+  schemas: createFormSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+  if (unref(isUpdate)) {
+    resetSchema(updateFormSchema)
+    const res = await getSubjectBasic(data.record.id)
+    setFieldsValue({ ...res })
+  }
+})
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateSubjectBasic(values)
+    } else {
+      await createSubjectBasic(values)
+    }
+    closeModal()
+    emit('success')
+    createMessage.success(t('common.saveSuccessText'))
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/supplier/index.vue b/yunxi-ui-admin-vben/src/views/xxjj/supplier/index.vue
new file mode 100644
index 0000000..4a7119b
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/supplier/index.vue
@@ -0,0 +1,92 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" v-auth="['xxjj:subject-basic:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+          {{ t('action.create') }}
+        </a-button>
+        <a-button type="warning" v-auth="['xxjj:subject-basic:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+             :actions="[
+               { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'xxjj:subject-basic:update', onClick: handleEdit.bind(null, record) },
+               {
+                  icon: IconEnum.DELETE,
+                  color: 'error',
+                  label: t('action.delete'),
+                  auth: 'xxjj:subject-basic:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record)
+                  }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <SubjectBasicModal @register="registerModal" @success="reload()" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import SubjectBasicModal from './SubjectBasicModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteSubjectBasic, exportSubjectBasic, getSubjectBasicPage } from '@/api/xxjj/subjectBasic'
+import { columns, searchFormSchema } from './subjectBasic.data'
+
+defineOptions({ name: 'supplier' })
+
+const { t } = useI18n()
+const { createConfirm, createMessage } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { getForm, reload }] = useTable({
+  title: '供应商列表',
+  api: getSubjectBasicPage,
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, { isUpdate: false })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true })
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportSubjectBasic(getForm().getFieldsValue())
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteSubjectBasic(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/yunxi-ui-admin-vben/src/views/xxjj/supplier/subjectBasic.data.ts b/yunxi-ui-admin-vben/src/views/xxjj/supplier/subjectBasic.data.ts
new file mode 100644
index 0000000..7a6b279
--- /dev/null
+++ b/yunxi-ui-admin-vben/src/views/xxjj/supplier/subjectBasic.data.ts
@@ -0,0 +1,1692 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 160
+  },
+  {
+    title: '业务类型(0：客户 1：供应商 2：服务商)',
+    dataIndex: 'businessType',
+    width: 160
+  },
+  {
+    title: '分类(0：一级 1：二级 2：三级)',
+    dataIndex: 'calssify',
+    width: 160
+  },
+  {
+    title: '客户名称',
+    dataIndex: 'name',
+    width: 160
+  },
+  {
+    title: '公司logo',
+    dataIndex: 'logo',
+    width: 160
+  },
+  {
+    title: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    dataIndex: 'enterpriseNature',
+    width: 160
+  },
+  {
+    title: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    dataIndex: 'industryClassify',
+    width: 160
+  },
+  {
+    title: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    dataIndex: 'customerSource',
+    width: 160
+  },
+  {
+    title: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    dataIndex: 'customerStarrating',
+    width: 160
+  },
+  {
+    title: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    dataIndex: 'industrySchedule',
+    width: 160
+  },
+  {
+    title: '归属人员',
+    dataIndex: 'belongingPeople',
+    width: 160
+  },
+  {
+    title: '所在城市',
+    dataIndex: 'city',
+    width: 160
+  },
+  {
+    title: '国家',
+    dataIndex: 'country',
+    width: 160
+  },
+  {
+    title: '详细地址',
+    dataIndex: 'address',
+    width: 160
+  },
+  {
+    title: '公司电话',
+    dataIndex: 'phone',
+    width: 160
+  },
+  {
+    title: '公司传真',
+    dataIndex: 'companyFax',
+    width: 160
+  },
+  {
+    title: '公司网址',
+    dataIndex: 'companyHttp',
+    width: 160
+  },
+  {
+    title: '公司介绍',
+    dataIndex: 'companyProfile',
+    width: 160
+  },
+  {
+    title: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    dataIndex: 'customerStatus',
+    width: 160
+  },
+  {
+    title: '社会信息代码证（营业执照）',
+    dataIndex: 'socialInformationCodeCertificate',
+    width: 160
+  },
+  {
+    title: '注册地址',
+    dataIndex: 'registerAddress',
+    width: 160
+  },
+  {
+    title: '社会统一信息代码',
+    dataIndex: 'informationCode',
+    width: 160
+  },
+  {
+    title: '经营时间开始',
+    dataIndex: 'operateStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '经营时间结束',
+    dataIndex: 'operateEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '注册资金',
+    dataIndex: 'registerCapital',
+    width: 160
+  },
+  {
+    title: '经营范围',
+    dataIndex: 'businessScope',
+    width: 160
+  },
+  {
+    title: '实缴资金证明',
+    dataIndex: 'proofPaidCapital',
+    width: 160
+  },
+  {
+    title: '资产证明',
+    dataIndex: 'assetCertificate',
+    width: 160
+  },
+  {
+    title: '资产抵押证明',
+    dataIndex: 'assetCertificateMortgage',
+    width: 160
+  },
+  {
+    title: '其他资质文件',
+    dataIndex: 'otherQualifications',
+    width: 160
+  },
+  {
+    title: '合作时间开始',
+    dataIndex: 'collaborationStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '合作时间结束',
+    dataIndex: 'collaborationEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '需求量（每月下限）',
+    dataIndex: 'demandVolumeDown',
+    width: 160
+  },
+  {
+    title: '需求量（每月上限）',
+    dataIndex: 'demandVolumeUpper',
+    width: 160
+  },
+  {
+    title: '资金额度',
+    dataIndex: 'fundLimit',
+    width: 160
+  },
+  {
+    title: '营业时间',
+    dataIndex: 'businessHours',
+    width: 160
+  },
+  {
+    title: '营业时间开始',
+    dataIndex: 'businessStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '营业时间结束',
+    dataIndex: 'businessEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许卸货时间开始',
+    dataIndex: 'allowableUnloadingStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许卸货时间结束',
+    dataIndex: 'allowableUnloadingEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '卸货时长',
+    dataIndex: 'unloading',
+    width: 160
+  },
+  {
+    title: '卸货效率',
+    dataIndex: 'unloadingEfficiency',
+    width: 160
+  },
+  {
+    title: '允许装货时间开始',
+    dataIndex: 'allowableShipmentStart',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '允许装货时间结束',
+    dataIndex: 'allowableShipmentEnd',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+  {
+    title: '装货时长',
+    dataIndex: 'shipment',
+    width: 160
+  },
+  {
+    title: '装货效果',
+    dataIndex: 'shipmentEffciency',
+    width: 160
+  },
+  {
+    title: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    dataIndex: 'paymentMethod',
+    width: 160
+  },
+  {
+    title: '账户名称',
+    dataIndex: 'accountName',
+    width: 160
+  },
+  {
+    title: '银行账号',
+    dataIndex: 'bankAccount',
+    width: 160
+  },
+  {
+    title: '开户银行',
+    dataIndex: 'bankDeposit',
+    width: 160
+  },
+  {
+    title: '开户地区',
+    dataIndex: 'depositArea',
+    width: 160
+  },
+  {
+    title: '支行名称',
+    dataIndex: 'bankBranch',
+    width: 160
+  },
+  {
+    title: '公司税号',
+    dataIndex: 'companyTaxNumber',
+    width: 160
+  },
+  {
+    title: '企业名称',
+    dataIndex: 'enterpriseName',
+    width: 160
+  },
+  {
+    title: '单位地址',
+    dataIndex: 'workAddress',
+    width: 160
+  },
+  {
+    title: '合作方式(0：买断 1：联营)',
+    dataIndex: 'collaborationMethod',
+    width: 160
+  },
+  {
+    title: '结算方式(0:先货后款 1：先款后货)',
+    dataIndex: 'settlementMethod',
+    width: 160
+  },
+  {
+    title: '账期',
+    dataIndex: 'accountPeriod',
+    width: 160
+  },
+  {
+    title: '压款方式(0：无 1：按金额 2：按比例)',
+    dataIndex: 'underpaymentMethod',
+    width: 160
+  },
+  {
+    title: '申请压款比例',
+    dataIndex: 'applyForUnderpaymentRatio',
+    width: 160
+  },
+  {
+    title: '保证金方式(0：无 1：按金额 2：按比例)',
+    dataIndex: 'marginMethod',
+    width: 160
+  },
+  {
+    title: '申请保证金比例',
+    dataIndex: 'applyForMarginRatio',
+    width: 160
+  },
+  {
+    title: '逾期利率(0：按年化1：按月化)',
+    dataIndex: 'overdueInterestRate',
+    width: 160
+  },
+  {
+    title: '申请逾期利率',
+    dataIndex: 'applyForOverdueRatio',
+    width: 160
+  },
+  {
+    title: '预留字段1',
+    dataIndex: 'reservedFields1',
+    width: 160
+  },
+  {
+    title: '预留字段2',
+    dataIndex: 'reservedFields2',
+    width: 160
+  },
+  {
+    title: '预留字段3',
+    dataIndex: 'reservedFields3',
+    width: 160
+  },
+  {
+    title: '预留字段4',
+    dataIndex: 'reservedFields4',
+    width: 160
+  },
+  {
+    title: '预留字段5',
+    dataIndex: 'reservedFields5',
+    width: 160
+  },
+  {
+    title: '预留字段6',
+    dataIndex: 'reservedFields6',
+    width: 160
+  },
+  {
+    title: '信用级别(0：S 1：A 2：B)',
+    dataIndex: 'creditRating',
+    width: 160
+  },
+  {
+    title: '信用级别(0：开启 1：关闭)',
+    dataIndex: 'autoCreditRating',
+    width: 160
+  },
+  {
+    title: '应收款上限',
+    dataIndex: 'accountsReceivableUpper',
+    width: 160
+  },
+  {
+    title: '订单量下限',
+    dataIndex: 'orderQuantityDown',
+    width: 160
+  },
+  {
+    title: '订单量上限',
+    dataIndex: 'orderQuantityUpper',
+    width: 160
+  },
+  {
+    title: '应收款项逾期限制',
+    dataIndex: 'accountsReceivableOverdue',
+    width: 160
+  },
+  {
+    title: '完税证明超时限制',
+    dataIndex: 'taxPaymentCertificate',
+    width: 160
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  },
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+    colProps: { span: 8 }
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    component: 'Select',
+    componentProps: {
+        options: []
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 }
+  },
+]
+
+export const createFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input'
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input'
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input'
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input'
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input'
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input'
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input'
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input'
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input'
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input'
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input'
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    required: true,
+    component: 'RadioButtonGroup',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input'
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input'
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input'
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input'
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input'
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input'
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input'
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input'
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input'
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input'
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input'
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input'
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input'
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input'
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input'
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input'
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input'
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input'
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input'
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input'
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input'
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input'
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input'
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input'
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input'
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input'
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input'
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input'
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input'
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input'
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input'
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input'
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input'
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input'
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input'
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input'
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input'
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input'
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input'
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input'
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input'
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input'
+  },
+]
+
+export const updateFormSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '业务类型(0：客户 1：供应商 2：服务商)',
+    field: 'businessType',
+    required: true,
+    component: 'Select',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '分类(0：一级 1：二级 2：三级)',
+    field: 'calssify',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '客户名称',
+    field: 'name',
+    component: 'Input'
+  },
+  {
+    label: '公司logo',
+    field: 'logo',
+    component: 'Input'
+  },
+  {
+    label: '企业性质(0：国有企业 1：集体企业 2：私营企业 3：股份制企业 4：外资企业 5：合资企业)',
+    field: 'enterpriseNature',
+    component: 'Input'
+  },
+  {
+    label: '行业分类(0：家用电器 1：交通运输 2：商务服务 3：家具用品 4：电工电气 5：通信产品 6：办公文教 7：运动休闲 8：传媒广电)',
+    field: 'industryClassify',
+    component: 'Input'
+  },
+  {
+    label: '客户来源(0：电话营销 1：主动来电 2：客户介绍 3：朋友介绍 4：独立开发 5：网络搜索 6：广告杂志 7：展会促销 8：其他途径)',
+    field: 'customerSource',
+    component: 'Input'
+  },
+  {
+    label: '客户星级(0：一星 1：二星 2：三星 3：四星 4：五星)',
+    field: 'customerStarrating',
+    component: 'Input'
+  },
+  {
+    label: '业务进度(0：了解跟进 1：资料收集 2：客户评审 3：风控核准 4：合作洽谈 5：准备签约 6：已经签约 7：合作叫停 8：暂时搁置)',
+    field: 'industrySchedule',
+    component: 'Input'
+  },
+  {
+    label: '归属人员',
+    field: 'belongingPeople',
+    component: 'Input'
+  },
+  {
+    label: '所在城市',
+    field: 'city',
+    component: 'Input'
+  },
+  {
+    label: '国家',
+    field: 'country',
+    component: 'Input'
+  },
+  {
+    label: '详细地址',
+    field: 'address',
+    component: 'Input'
+  },
+  {
+    label: '公司电话',
+    field: 'phone',
+    component: 'Input'
+  },
+  {
+    label: '公司传真',
+    field: 'companyFax',
+    component: 'Input'
+  },
+  {
+    label: '公司网址',
+    field: 'companyHttp',
+    component: 'Input'
+  },
+  {
+    label: '公司介绍',
+    field: 'companyProfile',
+  },
+  {
+    label: '客户状态(0：待提交 1：待审核 2：待核准 3：带启用 4：已启用 5：已禁用 6：已关闭)',
+    field: 'customerStatus',
+    required: true,
+    component: 'RadioButtonGroup',
+    componentProps: {
+        options:[]
+    }
+  },
+  {
+    label: '社会信息代码证（营业执照）',
+    field: 'socialInformationCodeCertificate',
+    component: 'Input'
+  },
+  {
+    label: '注册地址',
+    field: 'registerAddress',
+    component: 'Input'
+  },
+  {
+    label: '社会统一信息代码',
+    field: 'informationCode',
+    component: 'Input'
+  },
+  {
+    label: '经营时间开始',
+    field: 'operateStart',
+    component: 'Input'
+  },
+  {
+    label: '经营时间结束',
+    field: 'operateEnd',
+    component: 'Input'
+  },
+  {
+    label: '注册资金',
+    field: 'registerCapital',
+    component: 'Input'
+  },
+  {
+    label: '经营范围',
+    field: 'businessScope',
+    component: 'Input'
+  },
+  {
+    label: '实缴资金证明',
+    field: 'proofPaidCapital',
+    component: 'Input'
+  },
+  {
+    label: '资产证明',
+    field: 'assetCertificate',
+    component: 'Input'
+  },
+  {
+    label: '资产抵押证明',
+    field: 'assetCertificateMortgage',
+    component: 'Input'
+  },
+  {
+    label: '其他资质文件',
+    field: 'otherQualifications',
+    component: 'Input'
+  },
+  {
+    label: '合作时间开始',
+    field: 'collaborationStart',
+    component: 'Input'
+  },
+  {
+    label: '合作时间结束',
+    field: 'collaborationEnd',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月下限）',
+    field: 'demandVolumeDown',
+    component: 'Input'
+  },
+  {
+    label: '需求量（每月上限）',
+    field: 'demandVolumeUpper',
+    component: 'Input'
+  },
+  {
+    label: '资金额度',
+    field: 'fundLimit',
+    component: 'Input'
+  },
+  {
+    label: '营业时间',
+    field: 'businessHours',
+    component: 'Input'
+  },
+  {
+    label: '营业时间开始',
+    field: 'businessStart',
+    component: 'Input'
+  },
+  {
+    label: '营业时间结束',
+    field: 'businessEnd',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间开始',
+    field: 'allowableUnloadingStart',
+    component: 'Input'
+  },
+  {
+    label: '允许卸货时间结束',
+    field: 'allowableUnloadingEnd',
+    component: 'Input'
+  },
+  {
+    label: '卸货时长',
+    field: 'unloading',
+    component: 'Input'
+  },
+  {
+    label: '卸货效率',
+    field: 'unloadingEfficiency',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间开始',
+    field: 'allowableShipmentStart',
+    component: 'Input'
+  },
+  {
+    label: '允许装货时间结束',
+    field: 'allowableShipmentEnd',
+    component: 'Input'
+  },
+  {
+    label: '装货时长',
+    field: 'shipment',
+    component: 'Input'
+  },
+  {
+    label: '装货效果',
+    field: 'shipmentEffciency',
+    component: 'Input'
+  },
+  {
+    label: '付款方式(0：无 1：现金 2：银行转账 3：承兑汇票 4：有赞代收 5：支付宝 6：微信 7：国家列表)',
+    field: 'paymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '账户名称',
+    field: 'accountName',
+    component: 'Input'
+  },
+  {
+    label: '银行账号',
+    field: 'bankAccount',
+    component: 'Input'
+  },
+  {
+    label: '开户银行',
+    field: 'bankDeposit',
+    component: 'Input'
+  },
+  {
+    label: '开户地区',
+    field: 'depositArea',
+    component: 'Input'
+  },
+  {
+    label: '支行名称',
+    field: 'bankBranch',
+    component: 'Input'
+  },
+  {
+    label: '公司税号',
+    field: 'companyTaxNumber',
+    component: 'Input'
+  },
+  {
+    label: '企业名称',
+    field: 'enterpriseName',
+    component: 'Input'
+  },
+  {
+    label: '单位地址',
+    field: 'workAddress',
+    component: 'Input'
+  },
+  {
+    label: '合作方式(0：买断 1：联营)',
+    field: 'collaborationMethod',
+    component: 'Input'
+  },
+  {
+    label: '结算方式(0:先货后款 1：先款后货)',
+    field: 'settlementMethod',
+    component: 'Input'
+  },
+  {
+    label: '账期',
+    field: 'accountPeriod',
+    component: 'Input'
+  },
+  {
+    label: '压款方式(0：无 1：按金额 2：按比例)',
+    field: 'underpaymentMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请压款比例',
+    field: 'applyForUnderpaymentRatio',
+    component: 'Input'
+  },
+  {
+    label: '保证金方式(0：无 1：按金额 2：按比例)',
+    field: 'marginMethod',
+    component: 'Input'
+  },
+  {
+    label: '申请保证金比例',
+    field: 'applyForMarginRatio',
+    component: 'Input'
+  },
+  {
+    label: '逾期利率(0：按年化1：按月化)',
+    field: 'overdueInterestRate',
+    component: 'Input'
+  },
+  {
+    label: '申请逾期利率',
+    field: 'applyForOverdueRatio',
+    component: 'Input'
+  },
+  {
+    label: '预留字段1',
+    field: 'reservedFields1',
+    component: 'Input'
+  },
+  {
+    label: '预留字段2',
+    field: 'reservedFields2',
+    component: 'Input'
+  },
+  {
+    label: '预留字段3',
+    field: 'reservedFields3',
+    component: 'Input'
+  },
+  {
+    label: '预留字段4',
+    field: 'reservedFields4',
+    component: 'Input'
+  },
+  {
+    label: '预留字段5',
+    field: 'reservedFields5',
+    component: 'Input'
+  },
+  {
+    label: '预留字段6',
+    field: 'reservedFields6',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：S 1：A 2：B)',
+    field: 'creditRating',
+    component: 'Input'
+  },
+  {
+    label: '信用级别(0：开启 1：关闭)',
+    field: 'autoCreditRating',
+    component: 'Input'
+  },
+  {
+    label: '应收款上限',
+    field: 'accountsReceivableUpper',
+    component: 'Input'
+  },
+  {
+    label: '订单量下限',
+    field: 'orderQuantityDown',
+    component: 'Input'
+  },
+  {
+    label: '订单量上限',
+    field: 'orderQuantityUpper',
+    component: 'Input'
+  },
+  {
+    label: '应收款项逾期限制',
+    field: 'accountsReceivableOverdue',
+    component: 'Input'
+  },
+  {
+    label: '完税证明超时限制',
+    field: 'taxPaymentCertificate',
+    component: 'Input'
+  },
+]
\ No newline at end of file
diff --git a/yunxi-ui-admin-vben/stylelint.config.js b/yunxi-ui-admin-vben/stylelint.config.js
new file mode 100644
index 0000000..cd3584b
--- /dev/null
+++ b/yunxi-ui-admin-vben/stylelint.config.js
@@ -0,0 +1,73 @@
+module.exports = {
+  root: true,
+  extends: ['stylelint-config-standard', 'stylelint-config-recess-order'],
+  plugins: ['stylelint-order', 'stylelint-prettier'],
+  // customSyntax: 'postcss-html',
+  overrides: [
+    {
+      files: ['**/*.(css|html|vue)'],
+      customSyntax: 'postcss-html',
+    },
+    {
+      files: ['*.less', '**/*.less'],
+      customSyntax: 'postcss-less',
+      extends: ['stylelint-config-standard', 'stylelint-config-recommended-vue'],
+    },
+  ],
+  rules: {
+    'prettier/prettier': true,
+    'at-rule-no-unknown': null,
+
+    'selector-not-notation': null,
+    'import-notation': null,
+    'function-no-unknown': null,
+    'selector-class-pattern': null,
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['global', 'deep'],
+      },
+    ],
+    'selector-pseudo-element-no-unknown': [
+      true,
+      {
+        ignorePseudoElements: ['v-deep'],
+      },
+    ],
+    'media-feature-range-notation': null,
+    'no-empty-source': null,
+    'string-quotes': null,
+    'named-grid-areas-no-invalid': null,
+    'no-descending-specificity': null,
+    'font-family-no-missing-generic-family-keyword': null,
+    'rule-empty-line-before': [
+      'always',
+      {
+        ignore: ['after-comment', 'first-nested'],
+      },
+    ],
+    'order/order': [
+      [
+        'dollar-variables',
+        'custom-properties',
+        'at-rules',
+        'declarations',
+        {
+          type: 'at-rule',
+          name: 'supports',
+        },
+        {
+          type: 'at-rule',
+          name: 'media',
+        },
+        {
+          type: 'at-rule',
+          name: 'include',
+        },
+        'rules',
+      ],
+      { severity: 'error' },
+    ],
+  },
+  ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
+}
diff --git a/yunxi-ui-admin-vben/tsconfig.json b/yunxi-ui-admin-vben/tsconfig.json
new file mode 100644
index 0000000..2898bbf
--- /dev/null
+++ b/yunxi-ui-admin-vben/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "lib": ["dom", "esnext"],
+    "jsx": "preserve",
+    "experimentalDecorators": true,
+    "noLib": false,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    },
+    "types": ["vite/client"],
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "sourceMap": true,
+    "removeComments": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "strictFunctionTypes": false,
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "src/types/**/*.d.ts",
+    "src/types/**/*.ts",
+    "build/**/*.ts",
+    "build/**/*.d.ts",
+    "vite.config.ts"
+  ],
+  "exclude": ["node_modules", "dist", "**/*.js"]
+}
diff --git a/yunxi-ui-admin-vben/uno.config.ts b/yunxi-ui-admin-vben/uno.config.ts
new file mode 100644
index 0000000..7f5e02c
--- /dev/null
+++ b/yunxi-ui-admin-vben/uno.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig, presetTypography, presetUno} from 'unocss'
+
+export default defineConfig({
+  presets: [
+    presetUno(),
+    presetTypography(),
+  ],
+  theme: {
+    colors: {
+      primary: '#0960bd',
+    },
+  },
+})
diff --git a/yunxi-ui-admin-vben/vite.config.ts b/yunxi-ui-admin-vben/vite.config.ts
new file mode 100644
index 0000000..d509138
--- /dev/null
+++ b/yunxi-ui-admin-vben/vite.config.ts
@@ -0,0 +1,99 @@
+import { resolve } from 'node:path'
+import type { ConfigEnv, UserConfig } from 'vite'
+import dayjs from 'dayjs'
+import { loadEnv } from 'vite'
+import pkg from './package.json'
+import { generateModifyVars } from './build/generate/generateModifyVars'
+import { createProxy } from './build/vite/proxy'
+import { wrapperEnv } from './build/utils'
+import { createVitePlugins } from './build/vite/plugin'
+import { OUTPUT_DIR } from './build/constant'
+import { exclude, include } from './build/vite/optimize'
+
+function pathResolve(dir: string) {
+  return resolve(process.cwd(), '.', dir)
+}
+
+const { dependencies, devDependencies, name, version } = pkg
+const __APP_INFO__ = {
+  pkg: { dependencies, devDependencies, name, version },
+  lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+}
+
+export default ({ command, mode }: ConfigEnv): UserConfig => {
+  const root = process.cwd()
+
+  const env = loadEnv(mode, root)
+
+  // The boolean type read by loadEnv is a string. This function can be converted to boolean type
+  const viteEnv = wrapperEnv(env)
+
+  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE } = viteEnv
+
+  const isBuild = command === 'build'
+
+  return {
+    base: VITE_PUBLIC_PATH,
+    root,
+    server: {
+      https: false,
+      // Listening on all local IPs
+      host: true,
+      port: VITE_PORT,
+      // Load proxy configuration from .env
+      proxy: createProxy(VITE_PROXY),
+    },
+    resolve: {
+      alias: [
+        {
+          find: 'vue-i18n',
+          replacement: 'vue-i18n/dist/vue-i18n.cjs.js',
+        },
+        // @/xxxx => src/xxxx
+        {
+          find: /\@\//,
+          replacement: `${pathResolve('src')}/`,
+        },
+      ],
+    },
+    esbuild: {
+      drop: VITE_DROP_CONSOLE ? ['console', 'debugger'] : [],
+    },
+    build: {
+      target: 'esnext',
+      cssTarget: 'chrome80',
+      outDir: OUTPUT_DIR,
+      // minify: 'terser',
+      /**
+       * 当 minify=“minify:'terser'” 解开注释
+       * Uncomment when minify="minify:'terser'"
+       */
+      // terserOptions: {
+      //   compress: {
+      //     keep_infinity: true,
+      //     drop_console: VITE_DROP_CONSOLE,
+      //   },
+      // },
+      // Turning off brotliSize display can slightly reduce packaging time
+      reportCompressedSize: false,
+      chunkSizeWarningLimit: 2000,
+    },
+    define: {
+      __APP_INFO__: JSON.stringify(__APP_INFO__),
+    },
+
+    css: {
+      preprocessorOptions: {
+        less: {
+          modifyVars: generateModifyVars(),
+          javascriptEnabled: true,
+        },
+      },
+    },
+
+    // The vite plugin used by the project. The quantity is large, so it is separately extracted and managed
+    plugins: createVitePlugins(viteEnv, isBuild),
+
+    optimizeDeps: { include, exclude },
+  }
+}