perf: aotu imports

xingyu
1 parent e2c7ea8a
Showing 107 changed files with 50 additions and 265 deletions
yudao-ui-admin-vue3/build/vite/optimize.ts
yudao-ui-admin-vue3/src/types/auto-components.d.ts
yudao-ui-admin-vue3/src/views/Error/403.vue
yudao-ui-admin-vue3/src/views/Error/404.vue
yudao-ui-admin-vue3/src/views/Error/500.vue
yudao-ui-admin-vue3/src/views/Home/Index.vue
yudao-ui-admin-vue3/src/views/Home/Index2.vue
yudao-ui-admin-vue3/src/views/Login/components/LoginForm.vue
yudao-ui-admin-vue3/src/views/Login/components/LoginFormTitle.vue
yudao-ui-admin-vue3/src/views/Login/components/MobileForm.vue
yudao-ui-admin-vue3/src/views/Login/components/QrCodeForm.vue
yudao-ui-admin-vue3/src/views/Login/components/RegisterForm.vue
yudao-ui-admin-vue3/src/views/Login/components/useLogin.ts
yudao-ui-admin-vue3/src/views/Profile/Index.vue
yudao-ui-admin-vue3/src/views/Profile/components/BasicInfo.vue
yudao-ui-admin-vue3/src/views/Profile/components/ProfileUser.vue
yudao-ui-admin-vue3/src/views/Profile/components/ResetPwd.vue
yudao-ui-admin-vue3/src/views/Profile/components/UserAvatar.vue
yudao-ui-admin-vue3/src/views/Profile/components/UserSocial.vue
yudao-ui-admin-vue3/src/views/Redirect/Redirect.vue
@@ -21,6 +21,7 @@ const include = [
   'vxe-table/es/style',
   'web-storage-cache',
   'element-plus',
+  'element-plus/es',
   'element-plus/es/locale/lang/zh-cn',
   'element-plus/es/locale/lang/en',
   '@iconify/iconify',
@@ -22,6 +22,16 @@ declare module &#39;@vue/runtime-core&#39; {
     Echart: typeof import('./../components/Echart/src/Echart.vue')['default']
     Editor: typeof import('./../components/Editor/src/Editor.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElForm: typeof import('element-plus/es')['ElForm']
+    ElFormItem: typeof import('element-plus/es')['ElFormItem']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElLink: typeof import('element-plus/es')['ElLink']
+    ElRow: typeof import('element-plus/es')['ElRow']
+    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
     Error: typeof import('./../components/Error/src/Error.vue')['default']
     Form: typeof import('./../components/Form/src/Form.vue')['default']
     Highlight: typeof import('./../components/Highlight/src/Highlight.vue')['default']
@@ -2,9 +2,6 @@
   <Error type="403" @error-click="errorClick()" />
 </template>
 <script setup lang="ts">
-import { Error } from '@/components/Error'
-import { useRouter } from 'vue-router'
-
 const { push } = useRouter()
  
 const errorClick = () => {
@@ -2,9 +2,6 @@
   <Error @error-click="errorClick()" />
 </template>
 <script setup lang="ts">
-import { Error } from '@/components/Error'
-import { useRouter } from 'vue-router'
-
 const { push } = useRouter()
  
 const errorClick = () => {
@@ -2,9 +2,6 @@
   <Error type="500" @error-click="errorClick()" />
 </template>
 <script setup lang="ts">
-import { Error } from '@/components/Error'
-import { useRouter } from 'vue-router'
-
 const { push } = useRouter()
  
 const errorClick = () => {
@@ -161,17 +161,12 @@
   </el-row>
 </template>
 <script setup lang="ts" name="Home">
-import { ref, reactive } from 'vue'
 import { set } from 'lodash-es'
 import { EChartsOption } from 'echarts'
-import { ElRow, ElCol, ElSkeleton, ElCard, ElDivider, ElLink } from 'element-plus'
 import { formatTime } from '@/utils'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useUserStore } from '@/store/modules/user'
 import { useWatermark } from '@/hooks/web/useWatermark'
-import { Echart } from '@/components/Echart'
-import { CountTo } from '@/components/CountTo'
-import { Highlight } from '@/components/Highlight'
 import avatarImg from '@/assets/imgs/avatar.gif'
 import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
 import { pieOptions, barOptions } from './echarts-data'
@@ -141,14 +141,10 @@
   </el-row>
 </template>
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
 import { set } from 'lodash-es'
 import { EChartsOption } from 'echarts'
-import { ElRow, ElCol, ElCard, ElSkeleton } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useDesign } from '@/hooks/web/useDesign'
-import { Echart } from '@/components/Echart'
-import { CountTo } from '@/components/CountTo'
 import type { AnalysisTotalTypes } from './types'
 import { pieOptions, barOptions, lineOptions } from './echarts-data'
  
@@ -128,27 +128,14 @@
   </el-form>
 </template>
 <script setup lang="ts">
-import { reactive, ref, unref, onMounted, computed, watch } from 'vue'
+import { ElLoading } from 'element-plus'
 import LoginFormTitle from './LoginFormTitle.vue'
-import {
-  ElForm,
-  ElFormItem,
-  ElInput,
-  ElCheckbox,
-  ElCol,
-  ElLink,
-  ElRow,
-  ElDivider,
-  ElLoading
-} from 'element-plus'
-import { useRouter } from 'vue-router'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useIcon } from '@/hooks/web/useIcon'
 import { useMessage } from '@/hooks/web/useMessage'
 import { required } from '@/utils/formRules'
 import * as authUtil from '@/utils/auth'
-import { Verify } from '@/components/Verifition'
 import { usePermissionStore } from '@/store/modules/permission'
 import * as LoginApi from '@/api/login'
 import { LoginStateEnum, useLoginState, useFormValid } from './useLogin'
@@ -4,7 +4,6 @@
   </h2>
 </template>
 <script setup lang="ts">
-import { computed, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { LoginStateEnum, useLoginState } from './useLogin'
  
@@ -92,9 +92,6 @@
   </el-form>
 </template>
 <script setup lang="ts">
-import { reactive, ref, unref, watch, computed } from 'vue'
-import { ElForm, ElFormItem, ElInput, ElRow, ElCol } from 'element-plus'
-import { useRouter } from 'vue-router'
 import type { RouteLocationNormalizedLoaded } from 'vue-router'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useIcon } from '@/hooks/web/useIcon'
@@ -17,9 +17,6 @@
   </el-row>
 </template>
 <script setup lang="ts">
-import { computed, unref } from 'vue'
-import { ElRow, ElCol, ElCard, ElDivider } from 'element-plus'
-import { Qrcode } from '@/components/Qrcode'
 import logoImg from '@/assets/imgs/logo.png'
 import { useI18n } from '@/hooks/web/useI18n'
 import LoginFormTitle from './LoginFormTitle.vue'
@@ -36,9 +36,7 @@
   </Form>
 </template>
 <script setup lang="ts">
-import { computed, reactive, ref, unref } from 'vue'
-import { ElInput, FormRules } from 'element-plus'
-import { Form } from '@/components/Form'
+import type { FormRules } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useForm } from '@/hooks/web/useForm'
 import { useValidator } from '@/hooks/web/useValidator'
-import { ref, computed, unref, Ref } from 'vue'
+import { Ref } from 'vue'
  
 export enum LoginStateEnum {
   LOGIN,
@@ -31,9 +31,7 @@
   </div>
 </template>
 <script setup lang="ts" name="Profile">
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
-import { ElCard, ElTabs, ElTabPane } from 'element-plus'
 import { BasicInfo, ProfileUser, ResetPwd, UserSocial } from './components/'
 const { t } = useI18n()
  
@@ -16,7 +16,7 @@ import type { FormRules } from &#39;element-plus&#39;
 import { ElMessage, ElRadioGroup, ElRadio } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { FormSchema } from '@/types/form'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import {
   getUserProfileApi,
   updateUserProfileApi,
@@ -40,7 +40,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
 import dayjs from 'dayjs'
 import UserAvatar from './UserAvatar.vue'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -16,14 +16,14 @@
   </el-form>
 </template>
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
-import { ElForm, ElFormItem, ElMessage } from 'element-plus'
 import type { FormRules, FormInstance } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
 import { InputPassword } from '@/components/InputPassword'
 import { updateUserPwdApi } from '@/api/system/user/profile'
  
 const { t } = useI18n()
+const message = useMessage()
 const formRef = ref<FormInstance>()
 const password = reactive({
   oldPassword: '',
@@ -58,7 +58,7 @@ const submit = (formEl: FormInstance | undefined) =&gt; {
   formEl.validate(async (valid) => {
     if (valid) {
       await updateUserPwdApi(password.oldPassword, password.newPassword)
-      ElMessage.success(t('common.updateSuccess'))
+      message.success(t('common.updateSuccess'))
     }
   })
 }
@@ -11,9 +11,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { computed, ref } from 'vue'
 import { propTypes } from '@/utils/propTypes'
-import { CropperAvatar } from '@/components/Cropper'
 import { uploadAvatarApi } from '@/api/system/user/profile'
 const props = defineProps({
   img: propTypes.string.def('')
@@ -22,8 +22,6 @@
   </el-table>
 </template>
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import { ElTable, ElTableColumn } from 'element-plus'
 import { useMessage } from '@/hooks/web/useMessage'
 import { SystemUserSocialTypeEnum } from '@/utils/constants'
 import { getUserProfileApi, ProfileVO } from '@/api/system/user/profile'
@@ -2,9 +2,6 @@
   <div></div>
 </template>
 <script setup lang="ts" name="Redirect">
-import { unref } from 'vue'
-import { useRouter } from 'vue-router'
-
 const { currentRoute, replace } = useRouter()
 const { params, query } = unref(currentRoute)
 const { path, _redirect_type = 'path' } = params
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
 <script setup lang="ts" name="Form">
-import { ref, unref } from 'vue'
 import dayjs from 'dayjs'
 import { ElMessage } from 'element-plus'
 import { DICT_TYPE } from '@/utils/dict'
 import { useTable } from '@/hooks/web/useTable'
 import { useI18n } from '@/hooks/web/useI18n'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import type { FormVO } from '@/api/bpm/form/types'
 import { rules, allSchemas } from './form.data'
 import * as FormApi from '@/api/bpm/form'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
 <script setup lang="ts" name="Group">
-import { ref, unref, onMounted } from 'vue'
 import dayjs from 'dayjs'
-import { ElMessage, ElSelect, ElOption } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import { DICT_TYPE } from '@/utils/dict'
 import { useTable } from '@/hooks/web/useTable'
 import { useI18n } from '@/hooks/web/useI18n'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import type { UserGroupVO } from '@/api/bpm/userGroup/types'
 import { rules, allSchemas } from './group.data'
 import * as UserGroupApi from '@/api/bpm/userGroup'
 <script setup lang="ts" name="Model">
-import { ref, unref } from 'vue'
 import dayjs from 'dayjs'
-import { ElTableColumn, ElTag, ElSwitch } from 'element-plus'
 import { DICT_TYPE } from '@/utils/dict'
 import { useTable } from '@/hooks/web/useTable'
 import { useI18n } from '@/hooks/web/useI18n'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import type { ModelVO } from '@/api/bpm/model/types'
 import { rules, allSchemas } from './model.data'
 import * as ModelApi from '@/api/bpm/model'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
 <script setup lang="ts" name="ProcessInstance">
-import { ref } from 'vue'
 import dayjs from 'dayjs'
 import { DICT_TYPE } from '@/utils/dict'
 import { useTable } from '@/hooks/web/useTable'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
 import { DICT_TYPE } from '@/utils/dict'
@@ -7,7 +7,6 @@ import { useI18n } from &#39;@/hooks/web/useI18n&#39;
 import type { TaskDoneVO } from '@/api/bpm/task/types'
 import { allSchemas } from './done.data'
 import * as TaskDoneApi from '@/api/bpm/task'
-import { useRouter } from 'vue-router'
 dayjs.extend(duration)
 const { t } = useI18n() // 国际化
 const { push } = useRouter()
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { CrudSchema, useCrudSchemas } from '@/hooks/web/useCrudSchemas'
 const { t } = useI18n() // 国际化
@@ -5,7 +5,6 @@ import { useTable } from &#39;@/hooks/web/useTable&#39;
 import type { TaskTodoVO } from '@/api/bpm/task/types'
 import { allSchemas } from './done.data'
 import * as TaskTodoApi from '@/api/bpm/task'
-import { useRouter } from 'vue-router'
 const { push } = useRouter()
 // ========== 列表相关 ==========
 const { register, tableObject, methods } = useTable<TaskTodoVO>({
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
  
@@ -36,7 +36,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="ApiAccessLog">
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 import { allSchemas } from './apiAccessLog.data'
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
  
@@ -52,7 +52,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="ApiErrorLog">
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 import { allSchemas } from './apiErrorLog.data'
@@ -21,12 +21,9 @@
   </ContentWrap>
 </template>
 <script setup lang="ts">
-import { ref, unref, onMounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
-import { ElTabs, ElTabPane } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
-import { ContentDetailWrap } from '@/components/ContentDetailWrap'
 import { BasicInfoForm, CloumInfoForm } from './components'
 import { getCodegenTableApi, updateCodegenTableApi } from '@/api/infra/codegen'
 import { CodegenTableVO, CodegenColumnVO, CodegenUpdateReqVO } from '@/api/infra/codegen/types'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
@@ -2,10 +2,9 @@
   <Form :rules="rules" @register="register" />
 </template>
 <script setup lang="ts">
-import { onMounted, PropType, reactive, ref, watch } from 'vue'
+import { PropType } from 'vue'
 import { required } from '@/utils/formRules'
 import { useForm } from '@/hooks/web/useForm'
-import { Form } from '@/components/Form'
 import { FormSchema } from '@/types/form'
 import { CodegenTableVO } from '@/api/infra/codegen/types'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
@@ -111,7 +111,7 @@
   </vxe-table>
 </template>
 <script setup lang="ts">
-import { onMounted, PropType, ref } from 'vue'
+import { PropType } from 'vue'
 import { DictTypeVO } from '@/api/system/dict/types'
 import { CodegenColumnVO } from '@/api/infra/codegen/types'
 import { listSimpleDictTypeApi } from '@/api/system/dict/dict.type'
@@ -49,11 +49,9 @@
   </XModal>
 </template>
 <script setup lang="ts">
-import { ref, reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { VxeTableInstance } from 'vxe-table'
-import { ElForm, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'
 import type { DatabaseTableVO } from '@/api/infra/codegen/types'
 import { getSchemaTableListApi, createCodegenListApi } from '@/api/infra/codegen'
 import { getDataSourceConfigListApi, DataSourceConfigVO } from '@/api/infra/dataSourceConfig'
@@ -30,9 +30,6 @@
   </XModal>
 </template>
 <script setup lang="ts">
-import { reactive, ref, unref } from 'vue'
-import { useClipboard } from '@vueuse/core'
-import { ElCard, ElTree, ElTabs, ElTabPane } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { handleTree2 } from '@/utils/tree'
@@ -57,8 +57,6 @@
   <Preview ref="previewRef" />
 </template>
 <script setup lang="ts" name="Codegen">
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -84,11 +84,10 @@
 </template>
 <script setup lang="ts" name="Config">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as ConfigApi from '@/api/infra/config'
 import { rules, allSchemas } from './config.data'
-import { reactive } from 'vue'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
@@ -67,11 +67,10 @@
 </template>
 <script setup lang="ts" name="DataSourceConfig">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 import { useMessage } from '@/hooks/web/useMessage'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as DataSourceConfiggApi from '@/api/infra/dataSourceConfig'
 import { rules, allSchemas } from './dataSourceConfig.data'
@@ -25,10 +25,8 @@
   </ContentWrap>
 </template>
 <script setup lang="ts" name="DbDoc">
-import { onMounted, ref } from 'vue'
 import download from '@/utils/download'
 import { useI18n } from '@/hooks/web/useI18n'
-import { IFrame } from '@/components/IFrame'
 import * as DbDocApi from '@/api/infra/dbDoc'
  
 const { t } = useI18n() // 国际化
@@ -4,9 +4,6 @@
   </ContentWrap>
 </template>
 <script setup lang="ts" name="Druid">
-import { ref } from 'vue'
-import { IFrame } from '@/components/IFrame'
-
 const BASE_URL = import.meta.env.VITE_BASE_URL
 const src = ref(BASE_URL + '/druid/index.html')
 </script>
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -159,18 +159,7 @@
 </template>
 <script setup lang="ts" name="FileConfig">
 // 全局相关的 import
-import { ref } from 'vue'
-import {
-  ElForm,
-  ElFormItem,
-  FormInstance,
-  ElSelect,
-  ElOption,
-  ElInput,
-  ElInputNumber,
-  ElRadio,
-  ElRadioGroup
-} from 'element-plus'
+import type { FormInstance } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
 const { t } = useI18n() // 国际化
@@ -82,16 +82,14 @@
   </XModal>
 </template>
 <script setup lang="ts" name="FileList">
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { ElUpload, ElImage, UploadInstance, UploadRawFile } from 'element-plus'
+import type { UploadInstance, UploadRawFile } from 'element-plus'
 // 业务相关的 import
 import { allSchemas } from './fileList.data'
 import * as FileApi from '@/api/infra/fileList'
 import { getAccessToken, getTenantId } from '@/utils/auth'
-import { useClipboard } from '@vueuse/core'
  
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -48,7 +48,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="JobLog">
-import { ref } from 'vue'
 import dayjs from 'dayjs'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
@@ -129,14 +129,10 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Job">
-import { ref, unref } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElDropdown, ElDropdownMenu, ElDropdownItem } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
-import { Crontab } from '@/components/Crontab'
+import type { FormExpose } from '@/components/Form'
 import * as JobApi from '@/api/infra/job'
 import { rules, allSchemas } from './job.data'
 import { InfraJobStatusEnum } from '@/utils/constants'
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { useI18n } from '@/hooks/web/useI18n'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
@@ -125,17 +125,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Redis">
-import { onBeforeMount, ref } from 'vue'
-import {
-  ElRow,
-  ElCard,
-  ElCol,
-  ElTable,
-  ElTableColumn,
-  ElScrollbar,
-  ElDescriptions,
-  ElDescriptionsItem
-} from 'element-plus'
 import * as echarts from 'echarts'
 import { DICT_TYPE } from '@/utils/dict'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -4,9 +4,6 @@
   </ContentWrap>
 </template>
 <script setup lang="ts" name="Server">
-import { ref } from 'vue'
-import { IFrame } from '@/components/IFrame'
-
 const BASE_URL = import.meta.env.VITE_BASE_URL
 const src = ref(BASE_URL + '/admin/applications')
 </script>
@@ -4,8 +4,5 @@
   </ContentWrap>
 </template>
 <script setup lang="ts" name="Skywalking">
-import { ref } from 'vue'
-import { IFrame } from '@/components/IFrame'
-
 const src = ref('http://skywalking.shop.iocoder.cn')
 </script>
@@ -4,9 +4,6 @@
   </ContentWrap>
 </template>
 <script setup lang="ts" name="Swagger">
-import { ref } from 'vue'
-import { IFrame } from '@/components/IFrame'
-
 const BASE_URL = import.meta.env.VITE_BASE_URL
 const src = ref(BASE_URL + '/doc.html')
 </script>
@@ -56,9 +56,6 @@
   </div>
 </template>
 <script setup lang="ts">
-import { computed, reactive, ref, watchEffect } from 'vue'
-import { ElCard, ElInput, ElTag } from 'element-plus'
-import { useWebSocket } from '@vueuse/core'
 import dayjs from 'dayjs'
 import { useUserStore } from '@/store/modules/user'
  
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -76,11 +76,10 @@
   </XModal>
 </template>
 <script setup lang="ts" name="App">
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import { rules, allSchemas } from './app.data'
 import * as AppApi from '@/api/pay/app'
  
@@ -75,11 +75,10 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Merchant">
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import { rules, allSchemas } from './merchant.data'
 import * as MerchantApi from '@/api/pay/merchant'
  
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -42,7 +42,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Order">
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 import { allSchemas } from './order.data'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -34,7 +34,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Refund">
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 import { allSchemas } from './refund.data'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -75,13 +75,11 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Dept">
-import { nextTick, onMounted, ref, unref } from 'vue'
-import { ElSelect, ElTreeSelect, ElOption } from 'element-plus'
 import { handleTree, defaultProps } from '@/utils/tree'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import { allSchemas, rules } from './dept.data'
 import * as DeptApi from '@/api/system/dept'
 import { getListSimpleUsersApi, UserVO } from '@/api/system/user'
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -122,13 +122,11 @@
   </div>
 </template>
 <script setup lang="ts" name="Dict">
-import { ref, unref, reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
 import { VxeTableEvents } from 'vxe-table'
-import { FormExpose } from '@/components/Form'
-import { ElInput, ElTag, ElCard } from 'element-plus'
+import type { FormExpose } from '@/components/Form'
 import * as DictTypeSchemas from './dict.type'
 import * as DictDataSchemas from './dict.data'
 import * as DictTypeApi from '@/api/system/dict/dict.type'
-import { reactive } from 'vue'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
@@ -68,11 +68,10 @@
 </template>
 <script setup lang="ts" name="ErrorCode">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import { rules, allSchemas } from './errorCode.data'
 import * as ErrorCodeApi from '@/api/system/errorCode'
@@ -29,7 +29,6 @@
 </template>
 <script setup lang="ts" name="Loginlog">
 // 全局相关的 import
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 // 业务相关的 import
-import { reactive } from 'vue'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
  
@@ -176,24 +176,10 @@
 </template>
 <script setup lang="ts" name="Menu">
 // 全局相关的 import
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
 import { useMessage } from '@/hooks/web/useMessage'
-import {
-  ElCol,
-  ElForm,
-  ElFormItem,
-  ElInput,
-  ElInputNumber,
-  ElTreeSelect,
-  ElRadio,
-  ElRadioGroup,
-  ElRadioButton,
-  FormInstance
-} from 'element-plus'
-import { Tooltip } from '@/components/Tooltip'
-import { IconSelect } from '@/components/Icon'
+import { FormInstance } from 'element-plus'
 // 业务相关的 import
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { SystemMenuTypeEnum, CommonStatusEnum } from '@/utils/constants'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
 import { required } from '@/utils/formRules'
@@ -72,15 +72,13 @@
 </template>
 <script setup lang="ts" name="Notice">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as NoticeApi from '@/api/system/notice'
 import { rules, allSchemas } from './notice.data'
-import { Editor } from '@/components/Editor'
  
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
@@ -131,12 +131,10 @@
 </template>
 <script setup lang="ts" name="Client">
 // 全局相关的 import
-import { ref, unref } from 'vue'
-import { ElTag } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as ClientApi from '@/api/system/oauth2/client'
 import { rules, allSchemas } from './client.data'
@@ -25,7 +25,6 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Token">
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
@@ -43,7 +43,6 @@
 </template>
 <script setup lang="ts" name="OperateLog">
 // 全局相关的 import
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 // 业务相关的 import
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
@@ -73,11 +73,10 @@
 </template>
 <script setup lang="ts" name="Post">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as PostApi from '@/api/system/post'
 import { rules, allSchemas } from './post.data'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -148,18 +148,8 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Role">
-import { onMounted, reactive, ref, unref } from 'vue'
-import {
-  ElForm,
-  ElFormItem,
-  ElSelect,
-  ElOption,
-  ElTree,
-  ElCard,
-  ElSwitch,
-  ElTag
-} from 'element-plus'
-import { FormExpose } from '@/components/Form'
+import type { ElTree } from 'element-plus'
+import type { FormExpose } from '@/components/Form'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -103,12 +103,10 @@
   </XModal>
 </template>
 <script setup lang="ts" name="SensitiveWord">
-import { onMounted, ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
-import { ElTag, ElSelect, ElOption } from 'element-plus'
+import type { FormExpose } from '@/components/Form'
 import * as SensitiveWordApi from '@/api/system/sensitiveWord'
 import { rules, allSchemas } from './sensitiveWord.data'
  
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -69,11 +69,10 @@
 </template>
 <script setup lang="ts" name="SmsChannel">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as SmsChannelApi from '@/api/system/sms/smsChannel'
 import { rules, allSchemas } from './sms.channel.data'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -32,7 +32,6 @@
 </template>
 <script setup lang="ts" name="SmsLog">
 // 全局相关的 import
-import { ref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useXTable } from '@/hooks/web/useXTable'
 import { allSchemas } from './sms.log.data'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
@@ -110,12 +110,10 @@
 </template>
 <script setup lang="ts" name="SmsTemplate">
 // 全局相关的 import
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
-import { ElForm, ElFormItem, ElInput } from 'element-plus'
+import type { FormExpose } from '@/components/Form'
 // 业务相关的 import
 import * as SmsTemplateApi from '@/api/system/sms/smsTemplate'
 import { rules, allSchemas } from './sms.template.data'
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
@@ -86,12 +86,10 @@
   </XModal>
 </template>
 <script setup lang="ts" name="Tenant">
-import { ref, unref } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { ElTag } from 'element-plus'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import * as TenantApi from '@/api/system/tenant'
 import { rules, allSchemas, tenantPackageOption } from './tenant.data'
  
-import { reactive } from 'vue'
 import { useI18n } from '@/hooks/web/useI18n'
 import { required } from '@/utils/formRules'
 import { DICT_TYPE } from '@/utils/dict'
 import { VxeCrudSchema, useVxeCrudSchemas } from '@/hooks/web/useVxeCrudSchemas'
 import { getTenantPackageList, TenantPackageVO } from '@/api/system/tenantPackage'
 import { ComponentOptions } from '@/types/components'
+
 const { t } = useI18n() // 国际化
+
 export const tenantPackageOption: ComponentOptions[] = []
 const getTenantPackageOptions = async () => {
   const res = await getTenantPackageList()
@@ -65,13 +65,12 @@
   </XModal>
 </template>
 <script setup lang="ts" name="TenantPackage">
-import { onMounted, ref, unref } from 'vue'
 import { handleTree, defaultProps } from '@/utils/tree'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
-import { ElCard, ElSwitch, ElTree } from 'element-plus'
+import type { FormExpose } from '@/components/Form'
+import type { ElTree } from 'element-plus'
 // 业务相关的 import
 import { rules, allSchemas } from './tenantPackage.data'
 import * as TenantPackageApi from '@/api/system/tenantPackage'
-import { reactive } from 'vue'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
@@ -261,28 +261,7 @@
   </XModal>
 </template>
 <script setup lang="ts" name="User">
-import { nextTick, onMounted, reactive, ref, unref, watch } from 'vue'
-import {
-  ElTag,
-  ElInput,
-  ElCard,
-  ElTree,
-  ElTreeSelect,
-  ElSelect,
-  ElOption,
-  ElTransfer,
-  ElForm,
-  ElFormItem,
-  ElUpload,
-  ElSwitch,
-  ElCheckbox,
-  ElDropdown,
-  ElDropdownMenu,
-  ElDropdownItem,
-  UploadInstance,
-  UploadRawFile
-} from 'element-plus'
-import { useRouter } from 'vue-router'
+import type { ElTree, UploadRawFile, UploadInstance } from 'element-plus'
 import { handleTree, defaultProps } from '@/utils/tree'
 import download from '@/utils/download'
 import { CommonStatusEnum } from '@/utils/constants'
@@ -290,7 +269,7 @@ import { getAccessToken, getTenantId } from &#39;@/utils/auth&#39;
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useXTable } from '@/hooks/web/useXTable'
-import { FormExpose } from '@/components/Form'
+import type { FormExpose } from '@/components/Form'
 import { rules, allSchemas } from './user.data'
 import * as UserApi from '@/api/system/user'
 import { listSimpleDeptApi } from '@/api/system/dept'
-import { reactive } from 'vue'
 import { required } from '@/utils/formRules'
 import { useI18n } from '@/hooks/web/useI18n'
 import { DICT_TYPE } from '@/utils/dict'
@@ -4,8 +4,6 @@
   </ContentWrap>
 </template>
 <script setup lang="ts" name="Jmreport">
-import { ref } from 'vue'
-import { IFrame } from '@/components/IFrame'
 import { getAccessToken } from '@/utils/auth'
  
 const BASE_URL = import.meta.env.VITE_BASE_URL