refactor: 使用eslint.config.js替换.eslintrc.js并遵循esm语法 (#786)

2026-01-20 16:53:37 +08:00 · 2023-11-10 23:18:01 +08:00
parent 18158f8e0d
commit 5b7dd8c3e2
102 changed files with 431 additions and 424 deletions
--- a/src/components/ReAnimateSelector/src/index.vue
+++ b/src/components/ReAnimateSelector/src/index.vue
@@ -81,8 +81,8 @@ function onMouseleave() {
    placeholder="请选择动画"
    clearable
    filterable
-    @clear="onClear"
    :filter-method="filterMethod"
+    @clear="onClear"
  >
    <template #empty>
      <div class="w-[280px]">
--- a/src/components/ReCountTo/src/normal/props.ts
+++ b/src/components/ReCountTo/src/normal/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import type { PropType } from "vue";
 import propTypes from "@/utils/propTypes";
 export const countToProps = {
  startVal: propTypes.number.def(0),
--- a/src/components/ReCountTo/src/rebound/props.ts
+++ b/src/components/ReCountTo/src/rebound/props.ts
@@ -1,4 +1,4 @@
-import { PropType } from "vue";
+import type { PropType } from "vue";
 import propTypes from "@/utils/propTypes";
 export const reboundProps = {
  delay: propTypes.number.def(1),
--- a/src/components/ReCropper/src/index.tsx
+++ b/src/components/ReCropper/src/index.tsx
@@ -10,7 +10,7 @@ import {
  ref,
  unref,
  computed,
-  PropType,
+  type PropType,
  onMounted,
  onUnmounted,
  defineComponent
--- a/src/components/ReDialog/index.vue
+++ b/src/components/ReDialog/index.vue
@@ -84,11 +84,11 @@ function handleClose(

 <template>
  <el-dialog
-    class="pure-dialog"
    v-for="(options, index) in dialogStore"
    :key="index"
    v-bind="options"
    v-model="options.visible"
+    class="pure-dialog"
    :fullscreen="fullscreen ? true : options?.fullscreen ? true : false"
    @close="handleClose(options, index)"
    @opened="eventsCallBack('open', options, index)"
@@ -123,8 +123,8 @@ function handleClose(
        </i>
      </div>
      <component
-        v-else
        :is="options?.headerRenderer({ close, titleId, titleClass })"
+        v-else
      />
    </template>
    <component
--- a/src/components/ReFlicker/index.ts
+++ b/src/components/ReFlicker/index.ts
@@ -1,5 +1,5 @@
 import "./index.css";
-import { h, defineComponent, Component } from "vue";
+import { h, defineComponent, type Component } from "vue";

 export interface attrsType {
  width?: string;
--- a/src/components/ReFlop/src/filpper.tsx
+++ b/src/components/ReFlop/src/filpper.tsx
@@ -18,7 +18,6 @@ export default defineComponent({
  name: "ReFlop",
  props,
  setup(props) {
-    // eslint-disable-next-line vue/no-setup-props-destructure
    const { frontText, backText, duration } = props;
    const isFlipping = ref(false);
    const flipType = ref("down");
--- a/src/components/ReFlowChart/src/NodePanel.vue
+++ b/src/components/ReFlowChart/src/NodePanel.vue
@@ -35,9 +35,9 @@ const nodeDragNode = item => {
  <!-- 左侧bpmn元素选择器 -->
  <div class="node-panel">
    <div
-      class="node-item dark:text-bg_color"
      v-for="item in props.nodeList"
      :key="item.text"
+      class="node-item dark:text-bg_color"
      @mousedown="nodeDragNode(item)"
    >
      <div class="node-item-icon" :class="item.class">
--- a/src/components/ReIcon/src/Select.vue
+++ b/src/components/ReIcon/src/Select.vue
@@ -151,8 +151,8 @@ watch(
          </template>

          <el-input
-            class="px-2 pt-2"
            v-model="filterValue"
+            class="px-2 pt-2"
            placeholder="搜索图标"
            clearable
          />
--- a/src/components/ReIcon/src/hooks.ts
+++ b/src/components/ReIcon/src/hooks.ts
@@ -1,5 +1,5 @@
-import { iconType } from "./types";
-import { h, defineComponent, Component } from "vue";
+import type { iconType } from "./types";
+import { h, defineComponent, type Component } from "vue";
 import { IconifyIconOnline, IconifyIconOffline, FontIcon } from "../index";

 /**
--- a/src/components/ReQrcode/src/index.tsx
+++ b/src/components/ReQrcode/src/index.tsx
@@ -4,13 +4,13 @@ import {
  watch,
  nextTick,
  computed,
-  PropType,
+  type PropType,
  defineComponent
 } from "vue";
 import "./index.scss";
 import propTypes from "@/utils/propTypes";
 import { isString, cloneDeep } from "@pureadmin/utils";
-import QRCode, { QRCodeRenderersOptions } from "qrcode";
+import QRCode, { type QRCodeRenderersOptions } from "qrcode";
 import RefreshRight from "@iconify-icons/ep/refresh-right";

 interface QrcodeLogo {
--- a/src/components/ReSeamlessScroll/src/index.vue
+++ b/src/components/ReSeamlessScroll/src/index.vue
@@ -498,16 +498,16 @@ defineExpose({
 <template>
  <div :ref="'wrap' + props.classOption['key']">
    <div
-      :style="leftSwitch"
      v-if="navigation"
+      :style="leftSwitch"
      :class="leftSwitchClass"
      @click="leftSwitchClick"
    >
      <slot name="left-switch" />
    </div>
    <div
-      :style="rightSwitch"
      v-if="navigation"
+      :style="rightSwitch"
      :class="rightSwitchClass"
      @click="rightSwitchClick"
    >
@@ -526,7 +526,7 @@ defineExpose({
      <div :ref="'slotList' + props.classOption['key']" :style="float">
        <slot />
      </div>
-      <div v-html="copyHtml" :style="float" />
+      <div :style="float" v-html="copyHtml" />
    </div>
  </div>
 </template>
--- a/src/components/ReSelector/src/index.tsx
+++ b/src/components/ReSelector/src/index.tsx
@@ -55,7 +55,6 @@ export default defineComponent({
  emits: ["selectedVal"],
  setup(props, { emit }) {
    const instance = getCurrentInstance();
-    // eslint-disable-next-line vue/no-setup-props-destructure
    const currentValue = props.value;

    const rateDisabled = computed(() => {
--- a/src/components/ReSplitPane/index.tsx
+++ b/src/components/ReSplitPane/index.tsx
@@ -1,4 +1,4 @@
-import { defineComponent, ref, unref, computed, PropType } from "vue";
+import { defineComponent, ref, unref, computed, type PropType } from "vue";
 import resizer from "./resizer";
 import "./index.css";

--- a/src/config/index.ts
+++ b/src/config/index.ts
@@ -1,4 +1,4 @@
-import { App } from "vue";
+import type { App } from "vue";
 import axios from "axios";

 let config: object = {};
--- a/src/layout/components/appMain.vue
+++ b/src/layout/components/appMain.vue
@@ -50,6 +50,12 @@ const getSectionStyle = computed(() => {
 });

 const transitionMain = defineComponent({
+  props: {
+    route: {
+      type: undefined,
+      required: true
+    }
+  },
  render() {
    const transitionName =
      transitions.value(this.route)?.name || "fade-transform";
@@ -72,12 +78,6 @@ const transitionMain = defineComponent({
        default: () => [this.$slots.default()]
      }
    );
-  },
-  props: {
-    route: {
-      type: undefined,
-      required: true
-    }
  }
 });
 </script>
@@ -118,8 +118,8 @@ const transitionMain = defineComponent({
                />
              </keep-alive>
              <component
-                v-else
                :is="Component"
+                v-else
                :key="route.fullPath"
                class="main-content"
              />
@@ -140,8 +140,8 @@ const transitionMain = defineComponent({
              />
            </keep-alive>
            <component
-              v-else
              :is="Component"
+              v-else
              :key="route.fullPath"
              class="main-content"
            />
--- a/src/layout/components/navbar.vue
+++ b/src/layout/components/navbar.vue
@@ -62,8 +62,8 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
              @click="translationCh"
            >
              <IconifyIconOffline
-                class="check-zh"
                v-show="locale === 'zh'"
+                class="check-zh"
                :icon="Check"
              />
              简体中文
@@ -73,7 +73,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
              @click="translationEn"
            >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                <IconifyIconOffline :icon="Check" />
              </span>
              English
--- a/src/layout/components/notice/index.vue
+++ b/src/layout/components/notice/index.vue
@@ -23,8 +23,8 @@ notices.value.map(v => (noticesNum.value += v.list.length));
    <template #dropdown>
      <el-dropdown-menu>
        <el-tabs
-          :stretch="true"
          v-model="activeKey"
+          :stretch="true"
          class="dropdown-tabs"
          :style="{ width: notices.length === 0 ? '200px' : '330px' }"
        >
--- a/src/layout/components/notice/noticeList.vue
+++ b/src/layout/components/notice/noticeList.vue
@@ -15,8 +15,8 @@ const props = defineProps({
  <div v-if="props.list.length">
    <NoticeItem
      v-for="(item, index) in props.list"
-      :noticeItem="item"
      :key="index"
+      :noticeItem="item"
    />
  </div>
  <el-empty v-else description="暂无数据" />
--- a/src/layout/components/search/components/SearchModal.vue
+++ b/src/layout/components/search/components/SearchModal.vue
@@ -146,9 +146,9 @@ onKeyStroke("ArrowDown", handleDown);

 <template>
  <el-dialog
+    v-model="show"
    top="5vh"
    class="pure-search-dialog"
-    v-model="show"
    :show-close="false"
    :width="device === 'mobile' ? '80vw' : '40vw'"
    :before-close="handleClose"
@@ -161,8 +161,8 @@ onKeyStroke("ArrowDown", handleDown);
  >
    <el-input
      ref="inputRef"
-      size="large"
      v-model="keyword"
+      size="large"
      clearable
      placeholder="搜索菜单（中文模式下支持拼音搜索）"
      @input="handleSearch"
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@@ -254,8 +254,8 @@ onBeforeMount(() => {
        popper-class="pure-tooltip"
      >
        <li
-          :class="layoutTheme.layout === 'vertical' ? 'is-select' : ''"
          ref="verticalRef"
+          :class="layoutTheme.layout === 'vertical' ? 'is-select' : ''"
          @click="setLayoutModel('vertical')"
        >
          <div />
@@ -272,8 +272,8 @@ onBeforeMount(() => {
        popper-class="pure-tooltip"
      >
        <li
-          :class="layoutTheme.layout === 'horizontal' ? 'is-select' : ''"
          ref="horizontalRef"
+          :class="layoutTheme.layout === 'horizontal' ? 'is-select' : ''"
          @click="setLayoutModel('horizontal')"
        >
          <div />
@@ -290,8 +290,8 @@ onBeforeMount(() => {
        popper-class="pure-tooltip"
      >
        <li
-          :class="layoutTheme.layout === 'mix' ? 'is-select' : ''"
          ref="mixRef"
+          :class="layoutTheme.layout === 'mix' ? 'is-select' : ''"
          @click="setLayoutModel('mix')"
        >
          <div />
@@ -304,8 +304,8 @@ onBeforeMount(() => {
    <ul class="theme-color">
      <li
        v-for="(item, index) in themeColors"
-        :key="index"
        v-show="showThemeColors(item.themeColor)"
+        :key="index"
        :style="getThemeColorStyle(item.color)"
        @click="setLayoutThemeColor(item.themeColor)"
      >
--- a/src/layout/components/sidebar/breadCrumb.vue
+++ b/src/layout/components/sidebar/breadCrumb.vue
@@ -108,9 +108,9 @@ watch(
  <el-breadcrumb class="!leading-[50px] select-none" separator="/">
    <transition-group name="breadcrumb">
      <el-breadcrumb-item
-        class="!inline !items-stretch"
        v-for="item in levelList"
        :key="item.path"
+        class="!inline !items-stretch"
      >
        <a @click.prevent="handleLink(item)">
          {{ transformI18n(item.meta.title) }}
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -48,8 +48,8 @@ nextTick(() => {
      <span>{{ title }}</span>
    </div>
    <el-menu
-      router
      ref="menuRef"
+      router
      mode="horizontal"
      class="horizontal-header-menu"
      :default-active="defaultActive"
@@ -78,7 +78,7 @@ nextTick(() => {
              :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
              @click="translationCh"
            >
-              <span class="check-zh" v-show="locale === 'zh'">
+              <span v-show="locale === 'zh'" class="check-zh">
                <IconifyIconOffline :icon="Check" />
              </span>
              简体中文
@@ -88,7 +88,7 @@ nextTick(() => {
              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
              @click="translationEn"
            >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                <IconifyIconOffline :icon="Check" />
              </span>
              English
--- a/src/layout/components/sidebar/mixNav.vue
+++ b/src/layout/components/sidebar/mixNav.vue
@@ -61,12 +61,12 @@ watch(
 <template>
  <div
    v-if="device !== 'mobile'"
-    class="horizontal-header"
    v-loading="usePermissionStoreHook().wholeMenus.length === 0"
+    class="horizontal-header"
  >
    <el-menu
-      router
      ref="menuRef"
+      router
      mode="horizontal"
      class="horizontal-header-menu"
      :default-active="defaultActive"
@@ -111,7 +111,7 @@ watch(
              :class="['dark:!text-white', getDropdownItemClass(locale, 'zh')]"
              @click="translationCh"
            >
-              <span class="check-zh" v-show="locale === 'zh'">
+              <span v-show="locale === 'zh'" class="check-zh">
                <IconifyIconOffline :icon="Check" />
              </span>
              简体中文
@@ -121,7 +121,7 @@ watch(
              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
              @click="translationEn"
            >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                <IconifyIconOffline :icon="Check" />
              </span>
              English
--- a/src/layout/components/sidebar/sidebarItem.vue
+++ b/src/layout/components/sidebar/sidebarItem.vue
@@ -275,7 +275,6 @@ function resolvePath(routePath) {
        {{ transformI18n(props.item.meta.title) }}
      </span>
      <div
-        :style="getSubMenuDivStyle(props.item)"
        v-if="
          !(
            isCollapse &&
@@ -283,6 +282,7 @@ function resolvePath(routePath) {
            props.item.parentId === null
          )
        "
+        :style="getSubMenuDivStyle(props.item)"
      >
        <el-tooltip
          v-if="layout !== 'horizontal'"
--- a/src/layout/components/tag/index.vue
+++ b/src/layout/components/tag/index.vue
@@ -518,15 +518,15 @@ onBeforeUnmount(() => {
 </script>

 <template>
-  <div ref="containerDom" class="tags-view" v-if="!showTags">
+  <div v-if="!showTags" ref="containerDom" class="tags-view">
    <span v-show="isShowArrow" class="arrow-left">
      <IconifyIconOffline :icon="ArrowLeftSLine" @click="handleScroll(200)" />
    </span>
    <div ref="scrollbarDom" class="scroll-container">
-      <div class="tab select-none" ref="tabDom" :style="getTabStyle">
+      <div ref="tabDom" class="tab select-none" :style="getTabStyle">
        <div
-          :ref="'dynamic' + index"
          v-for="(item, index) in multiTags"
+          :ref="'dynamic' + index"
          :key="index"
          :class="['scroll-item is-closable', linkIsActive(item)]"
          @contextmenu.prevent="openMenu(item, $event)"
@@ -550,8 +550,8 @@ onBeforeUnmount(() => {
            <IconifyIconOffline :icon="CloseBold" />
          </span>
          <div
-            :ref="'schedule' + index"
            v-if="showModel !== 'card'"
+            :ref="'schedule' + index"
            :class="[scheduleIsActive(item)]"
          />
        </div>
--- a/src/layout/frameView.vue
+++ b/src/layout/frameView.vue
@@ -46,11 +46,11 @@ onMounted(() => {

 <template>
  <div
-    class="frame"
    v-loading="loading"
+    class="frame"
    :element-loading-text="t('status.hsLoad')"
  >
-    <iframe :src="frameSrc" class="frame-iframe" ref="frameRef" />
+    <iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
  </div>
 </template>

--- a/src/layout/hooks/useDataThemeChange.ts
+++ b/src/layout/hooks/useDataThemeChange.ts
@@ -1,8 +1,8 @@
 import { ref } from "vue";
 import { getConfig } from "@/config";
 import { useLayout } from "./useLayout";
-import { themeColorsType } from "../types";
 import { useGlobal } from "@pureadmin/utils";
+import type { themeColorsType } from "../types";
 import { useEpThemeStoreHook } from "@/store/modules/epTheme";
 import {
  darken,
--- a/src/layout/hooks/useNav.ts
+++ b/src/layout/hooks/useNav.ts
@@ -2,10 +2,10 @@ import { storeToRefs } from "pinia";
 import { getConfig } from "@/config";
 import { useRouter } from "vue-router";
 import { emitter } from "@/utils/mitt";
-import { routeMetaType } from "../types";
 import userAvatar from "@/assets/user.jpg";
 import { getTopMenu } from "@/router/utils";
 import { useGlobal } from "@pureadmin/utils";
+import type { routeMetaType } from "../types";
 import { transformI18n } from "@/plugins/i18n";
 import { router, remainingPaths } from "@/router";
 import { computed, type CSSProperties } from "vue";
--- a/src/layout/hooks/useTag.ts
+++ b/src/layout/hooks/useTag.ts
@@ -4,10 +4,10 @@ import {
  computed,
  reactive,
  onMounted,
-  CSSProperties,
+  type CSSProperties,
  getCurrentInstance
 } from "vue";
-import { tagsViewsType } from "../types";
+import type { tagsViewsType } from "../types";
 import { useRoute, useRouter } from "vue-router";
 import { transformI18n, $t } from "@/plugins/i18n";
 import { responsiveStorageNameSpace } from "@/config";
--- a/src/layout/theme/index.ts
+++ b/src/layout/theme/index.ts
@@ -2,7 +2,7 @@
 * @description ⚠️：此文件仅供主题插件使用，请不要在此文件中导出别的工具函数（仅在页面加载前运行）
 */

-import { type multipleScopeVarsOptions } from "@pureadmin/theme";
+import type { multipleScopeVarsOptions } from "@pureadmin/theme";

 /** 预设主题色 */
 const themeColors = {
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,9 +4,9 @@ import { setupStore } from "@/store";
 import ElementPlus from "element-plus";
 import { useI18n } from "@/plugins/i18n";
 import { getPlatformConfig } from "./config";
-import { createApp, Directive } from "vue";
 import { MotionPlugin } from "@vueuse/motion";
 import { useEcharts } from "@/plugins/echarts";
+import { createApp, type Directive } from "vue";
 import { injectResponsiveStorage } from "@/utils/responsive";

 import Table from "@pureadmin/table";
--- a/src/plugins/element-plus/index.ts
+++ b/src/plugins/element-plus/index.ts
@@ -1,4 +1,4 @@
-import { App, Component } from "vue";
+import type { App, Component } from "vue";
 import {
  ElTag,
  ElAffix,
--- a/src/plugins/i18n.ts
+++ b/src/plugins/i18n.ts
@@ -1,6 +1,6 @@
 // 多组件库的国际化和本地项目国际化兼容
-import { App, WritableComputedRef } from "vue";
 import { type I18n, createI18n } from "vue-i18n";
+import type { App, WritableComputedRef } from "vue";
 import { responsiveStorageNameSpace } from "@/config";
 import { storageLocal, isObject } from "@pureadmin/utils";

--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -20,10 +20,10 @@ import {
  formatFlatteningRoutes
 } from "./utils";
 import {
-  Router,
+  type Router,
  createRouter,
-  RouteRecordRaw,
-  RouteComponent
+  type RouteRecordRaw,
+  type RouteComponent
 } from "vue-router";
 import {
  type DataInfo,
--- a/src/router/utils.ts
+++ b/src/router/utils.ts
@@ -1,7 +1,7 @@
 import {
-  RouterHistory,
-  RouteRecordRaw,
-  RouteComponent,
+  type RouterHistory,
+  type RouteRecordRaw,
+  type RouteComponent,
  createWebHistory,
  createWebHashHistory
 } from "vue-router";
@@ -17,7 +17,7 @@ import {
  isIncludeAllChildren
 } from "@pureadmin/utils";
 import { getConfig } from "@/config";
-import { menuType } from "@/layout/types";
+import type { menuType } from "@/layout/types";
 import { buildHierarchyTree } from "@/utils/tree";
 import { userKey, type DataInfo } from "@/utils/auth";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,6 +1,6 @@
 import { store } from "@/store";
-import { appType } from "./types";
 import { defineStore } from "pinia";
+import type { appType } from "./types";
 import { getConfig, responsiveStorageNameSpace } from "@/config";
 import { deviceDetection, storageLocal } from "@pureadmin/utils";

--- a/src/store/modules/multiTags.ts
+++ b/src/store/modules/multiTags.ts
@@ -1,8 +1,8 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
 import { routerArrays } from "@/layout/types";
-import { multiType, positionType } from "./types";
 import { responsiveStorageNameSpace } from "@/config";
+import type { multiType, positionType } from "./types";
 import { isEqual, isBoolean, isUrl, storageLocal } from "@pureadmin/utils";

 export const useMultiTagsStore = defineStore({
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
-import { cacheType } from "./types";
+import type { cacheType } from "./types";
 import { constantMenus } from "@/router";
 import { useMultiTagsStoreHook } from "./multiTags";
 import { debounce, getKeyList } from "@pureadmin/utils";
--- a/src/store/modules/settings.ts
+++ b/src/store/modules/settings.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
-import { setType } from "./types";
 import { getConfig } from "@/config";
+import type { setType } from "./types";

 export const useSettingStore = defineStore({
  id: "pure-setting",
--- a/src/store/modules/types.ts
+++ b/src/store/modules/types.ts
@@ -1,4 +1,4 @@
-import { RouteRecordName } from "vue-router";
+import type { RouteRecordName } from "vue-router";

 export type cacheType = {
  mode: string;
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,11 +1,11 @@
 import { defineStore } from "pinia";
 import { store } from "@/store";
-import { userType } from "./types";
+import type { userType } from "./types";
 import { routerArrays } from "@/layout/types";
 import { router, resetRouter } from "@/router";
 import { storageLocal } from "@pureadmin/utils";
 import { getLogin, refreshTokenApi } from "@/api/user";
-import { UserResult, RefreshTokenResult } from "@/api/user";
+import type { UserResult, RefreshTokenResult } from "@/api/user";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
 import { type DataInfo, setToken, removeToken, userKey } from "@/utils/auth";

--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@@ -1,9 +1,9 @@
 import Axios, {
-  AxiosInstance,
-  AxiosRequestConfig,
-  CustomParamsSerializer
+  type AxiosInstance,
+  type AxiosRequestConfig,
+  type CustomParamsSerializer
 } from "axios";
-import {
+import type {
  PureHttpError,
  RequestMethods,
  PureHttpResponse,
--- a/src/utils/http/types.d.ts
+++ b/src/utils/http/types.d.ts
@@ -1,4 +1,4 @@
-import Axios, {
+import type {
  Method,
  AxiosError,
  AxiosResponse,
--- a/src/utils/localforage/index.ts
+++ b/src/utils/localforage/index.ts
@@ -1,5 +1,5 @@
 import forage from "localforage";
-import { LocalForage, ProxyStorage, ExpiresData } from "./types.d";
+import type { LocalForage, ProxyStorage, ExpiresData } from "./types.d";

 class StorageProxy implements ProxyStorage {
  protected storage: LocalForage;
--- a/src/utils/message.ts
+++ b/src/utils/message.ts
@@ -1,4 +1,4 @@
-import { type VNode } from "vue";
+import type { VNode } from "vue";
 import { isFunction } from "@pureadmin/utils";
 import { type MessageHandler, ElMessage } from "element-plus";

--- a/src/utils/propTypes.ts
+++ b/src/utils/propTypes.ts
@@ -2,8 +2,8 @@ import type { CSSProperties, VNodeChild } from "vue";
 import {
  createTypes,
  toValidableType,
-  VueTypesInterface,
-  VueTypeValidableDef
+  type VueTypesInterface,
+  type VueTypeValidableDef
 } from "vue-types";

 export type VueNode = VNodeChild | JSX.Element;
--- a/src/utils/responsive.ts
+++ b/src/utils/responsive.ts
@@ -1,5 +1,5 @@
 // 响应式storage
-import { App } from "vue";
+import type { App } from "vue";
 import Storage from "responsive-storage";
 import { routerArrays } from "@/layout/types";
 import { responsiveStorageNameSpace } from "@/config";
--- a/src/utils/sso.ts
+++ b/src/utils/sso.ts
@@ -40,8 +40,8 @@ import { subBefore, getQueryMap } from "@pureadmin/utils";
    setToken(params);

    // 删除不需要显示在 url 的参数
-    delete params["roles"];
-    delete params["accessToken"];
+    delete params.roles;
+    delete params.accessToken;

    const newUrl = `${location.origin}${location.pathname}${subBefore(
      location.hash,
--- a/src/views/able/cascader.vue
+++ b/src/views/able/cascader.vue
@@ -32,8 +32,8 @@ const handleChange = value => {
          <span class="imp">
            1. 二级联动（不带“全部”选项）
            <el-cascader
-              :options="provinceAndCityData"
              v-model="selectedOptions1"
+              :options="provinceAndCityData"
              @change="handleChange"
            />
          </span>
@@ -61,8 +61,8 @@ const handleChange = value => {
          <span class="imp">
            2. 二级联动（带有“全部”选项）
            <el-cascader
-              :options="provinceAndCityDataPlus"
              v-model="selectedOptions3"
+              :options="provinceAndCityDataPlus"
              @change="handleChange"
            />
          </span>
@@ -90,8 +90,8 @@ const handleChange = value => {
          <span class="imp">
            3. 三级联动（不带“全部”选项）
            <el-cascader
-              :options="regionData"
              v-model="selectedOptions2"
+              :options="regionData"
              @change="handleChange"
            />
          </span>
@@ -121,8 +121,8 @@ const handleChange = value => {
          <span class="imp">
            4. 三级联动（带"全部选项"）
            <el-cascader
-              :options="regionDataPlus"
              v-model="selectedOptions4"
+              :options="regionDataPlus"
              @change="handleChange"
            />
          </span>
--- a/src/views/able/directives.vue
+++ b/src/views/able/directives.vue
@@ -62,13 +62,13 @@ function onReset() {
    <div class="mb-2">
      防抖指令（连续输入，只会执行第一次点击事件，立即执行）
      <el-input
+        v-model="search"
        v-optimize="{
          event: 'input',
          fn: onInput,
          immediate: true,
          timeout: 1000
        }"
-        v-model="search"
        class="!w-[200px]"
        clearable
        @clear="onInput"
@@ -77,8 +77,8 @@ function onReset() {
    <div class="mb-2">
      防抖指令（连续输入，只会执行最后一次事件，延后执行）
      <el-input
-        v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
        v-model="searchTwo"
+        v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
        class="!w-[200px]"
        clearable
      />
@@ -86,13 +86,13 @@ function onReset() {
    <div>
      防抖指令（连续输入，只会执行最后一次事件，延后执行，传参用法）
      <el-input
+        v-model="searchThree"
        v-optimize="{
          event: 'input',
          fn: onInputThree,
          timeout: 400,
          params: { name: '小明', sex: '男' }
        }"
-        v-model="searchThree"
        class="!w-[200px]"
        clearable
      />
@@ -103,8 +103,8 @@ function onReset() {
    <div class="mb-2">
      节流指令（连续输入，每一秒只会执行一次事件）
      <el-input
-        v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
        v-model="searchFour"
+        v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
        class="!w-[200px]"
        clearable
      />
@@ -112,12 +112,12 @@ function onReset() {
    <div>
      节流指令（连续输入，每一秒只会执行一次事件，传参用法）
      <el-input
+        v-model="searchFive"
        v-optimize:throttle="{
          event: 'input',
          fn: onInputFive,
          params: { name: '小明', sex: '男' }
        }"
-        v-model="searchFive"
        class="!w-[200px]"
        clearable
      />
@@ -127,7 +127,7 @@ function onReset() {

    <div class="mb-2">
      文本复制指令（双击输入框内容即可复制）
-      <el-input v-copy="searchSix" v-model="searchSix" class="!w-[200px]" />
+      <el-input v-model="searchSix" v-copy="searchSix" class="!w-[200px]" />
    </div>
    <div>
      文本复制指令（自定义触发事件，单击复制）
--- a/src/views/able/menu-tree.vue
+++ b/src/views/able/menu-tree.vue
@@ -61,8 +61,8 @@ const filterMethod = (query: string, node: treeNode) => {
      </div>
    </template>
    <el-input
-      class="mb-4"
      v-model="query"
+      class="mb-4"
      placeholder="请输入关键字查找"
      clearable
      @input="onQueryChanged"
--- a/src/views/able/pdf.vue
+++ b/src/views/able/pdf.vue
@@ -49,8 +49,8 @@ const onPrint = () => {
      </div>
    </template>
    <div
-      class="h-[calc(100vh-239px)]"
      v-loading="loading"
+      class="h-[calc(100vh-239px)]"
      :element-loading-text="t('status.hsLoad')"
    >
      <div class="flex justify-between items-center h-9">
@@ -59,9 +59,9 @@ const onPrint = () => {
        </div>
        <div v-else>
          <el-pagination
+            v-model:current-page="currentPage"
            background
            layout="prev, slot, next"
-            v-model:current-page="currentPage"
            :page-size="1"
            :total="pageCount"
          >
@@ -98,8 +98,8 @@ const onPrint = () => {
      </div>
      <el-scrollbar>
        <vue-pdf-embed
-          class="h-full container overflow-auto"
          ref="pdfRef"
+          class="h-full container overflow-auto"
          :rotation="rotations[currentRotation]"
          :page="currentPage"
          :source="source"
--- a/src/views/able/print.vue
+++ b/src/views/able/print.vue
@@ -103,12 +103,12 @@ const tableData: User[] = [
    </template>
    <el-row :gutter="24">
      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="24"
        :lg="24"
        :xl="24"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -138,12 +138,12 @@ const tableData: User[] = [
      <el-divider />

      <el-col
+        v-motion
        :xs="11"
        :sm="11"
        :md="11"
        :lg="11"
        :xl="11"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -161,12 +161,12 @@ const tableData: User[] = [
      </el-col>

      <el-col
+        v-motion
        :xs="11"
        :sm="11"
        :md="11"
        :lg="11"
        :xl="11"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
--- a/src/views/able/video-frame/index.vue
+++ b/src/views/able/video-frame/index.vue
@@ -155,9 +155,9 @@ onBeforeUnmount(() => {
      />
    </div>
    <div
+      id="canvas-container"
      v-loading="loading"
      element-loading-text="温馨提示：可左右拖拽图片并单击选取所需的帧图片"
-      id="canvas-container"
      class="w-full h-[200px] overflow-hidden mt-6"
    />
  </el-card>
--- a/src/views/able/virtual-list/horizontal.vue
+++ b/src/views/able/virtual-list/horizontal.vue
@@ -23,9 +23,9 @@ const filteredItems = computed(() => {
    <div class="flex-ac mb-4 shadow-2xl">
      水平模式 horizontal
      <el-input
+        v-model="search"
        class="mr-2 !w-[1/1.5]"
        clearable
-        v-model="search"
        placeholder="Filter..."
        style="width: 300px"
      />
--- a/src/views/able/virtual-list/vertical.vue
+++ b/src/views/able/virtual-list/vertical.vue
@@ -23,9 +23,9 @@ const filteredItems = computed(() => {
    <div class="flex-ac mb-4 shadow-2xl">
      垂直模式 vertical
      <el-input
+        v-model="search"
        class="!w-[350px]"
        clearable
-        v-model="search"
        placeholder="Filter..."
      />
    </div>
--- a/src/views/able/watermark.vue
+++ b/src/views/able/watermark.vue
@@ -42,9 +42,9 @@ onBeforeUnmount(() => {
    </template>
    <span> 请输入要创建水印的值：</span>
    <el-input
+      v-model="value"
      class="mb-4 mr-4"
      style="width: 200px"
-      v-model="value"
      clearable
    />
    <span>请选择要创建水印的颜色：</span>
--- a/src/views/able/wavesurfer/index.vue
+++ b/src/views/able/wavesurfer/index.vue
@@ -105,41 +105,41 @@ onBeforeUnmount(() => {
      element-loading-background="transparent"
    >
      <div ref="wavesurferRef" />
-      <div class="flex justify-between" v-show="totalTime">
+      <div v-show="totalTime" class="flex justify-between">
        <span class="text-[#81888f]">00:00</span>
        <h1 class="text-4xl mt-2">{{ curTime }}</h1>
        <span class="text-[#81888f]">{{ totalTime }}</span>
      </div>
-      <div class="flex mt-2 w-[180px] justify-around m-auto" v-show="totalTime">
+      <div v-show="totalTime" class="flex mt-2 w-[180px] justify-around m-auto">
        <Rewind
-          class="cursor-pointer"
          v-tippy="{
            content: '快退（可长按）',
            placement: 'bottom',
            animation: 'scale'
          }"
          v-longpress:0:100="() => wavesurfer?.skip(-1)"
+          class="cursor-pointer"
        />
        <div
-          class="cursor-pointer"
          v-tippy="{
            content: isPlay ? '暂停' : '播放',
            placement: 'bottom',
            animation: 'scale'
          }"
+          class="cursor-pointer"
          @click="wavesurfer?.playPause()"
        >
          <Play v-if="isPlay" v-motion-pop />
          <Pause v-else v-motion-pop />
        </div>
        <Forward
-          class="cursor-pointer"
          v-tippy="{
            content: '快进（可长按）',
            placement: 'bottom',
            animation: 'scale'
          }"
          v-longpress:0:100="() => wavesurfer?.skip(1)"
+          class="cursor-pointer"
        />
      </div>
    </div>
--- a/src/views/about/index.vue
+++ b/src/views/about/index.vue
@@ -57,11 +57,11 @@ Object.keys(devDependencies).forEach(key => {
      </template>
      <el-descriptions border>
        <el-descriptions-item
+          v-for="(item, index) in schema"
+          :key="index"
          :label="item.label"
          label-align="left"
          align="left"
-          v-for="(item, index) in schema"
-          :key="index"
        >
          <a
            :href="'https://www.npmjs.com/package/' + item.label"
@@ -81,11 +81,11 @@ Object.keys(devDependencies).forEach(key => {
      </template>
      <el-descriptions border>
        <el-descriptions-item
+          v-for="(item, index) in devSchema"
+          :key="index"
          :label="item.label"
          label-align="left"
          align="left"
-          v-for="(item, index) in devSchema"
-          :key="index"
        >
          <a
            :href="'https://www.npmjs.com/package/' + item.label"
--- a/src/views/components/danmaku/index.vue
+++ b/src/views/components/danmaku/index.vue
@@ -120,8 +120,8 @@ function addDanmu() {
    <div class="flex gap-5">
      <vue-danmaku
        ref="danmaku"
-        class="demo"
        v-model:danmus="danmus"
+        class="demo"
        isSuspend
        v-bind="config"
      >
@@ -176,9 +176,9 @@ function addDanmu() {
        </p>
        <p class="flex">
          <el-input
+            v-model="danmuMsg"
            type="text"
            placeholder="输入评论后，回车发送弹幕"
-            v-model="danmuMsg"
            @keyup.enter="addDanmu"
          />
        </p>
--- a/src/views/components/dialog/form.vue
+++ b/src/views/components/dialog/form.vue
@@ -27,15 +27,15 @@ const newFormInline = ref(props.formInline);
  <el-form :model="newFormInline">
    <el-form-item label="姓名">
      <el-input
-        class="!w-[220px]"
        v-model="newFormInline.user"
+        class="!w-[220px]"
        placeholder="请输入姓名"
      />
    </el-form-item>
    <el-form-item label="城市">
      <el-select
-        class="!w-[220px]"
        v-model="newFormInline.region"
+        class="!w-[220px]"
        placeholder="请选择城市"
      >
        <el-option label="上海" value="上海" />
--- a/src/views/components/dialog/formPrimitive.vue
+++ b/src/views/components/dialog/formPrimitive.vue
@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
 </script>

 <template>
-  <el-input class="!w-[220px]" v-model="data" placeholder="请输入内容" />
+  <el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
 </template>
--- a/src/views/components/draggable/index.vue
+++ b/src/views/components/draggable/index.vue
@@ -110,10 +110,10 @@ onMounted(() => {
            <draggable
              v-model="lists"
              item-key="name"
-              @change="change"
              chosen-class="chosen"
              force-fallback="true"
              animation="300"
+              @change="change"
            >
              <template #item="{ element, index }">
                <div class="item-single">{{ element.name }} {{ index }}</div>
@@ -132,9 +132,9 @@ onMounted(() => {
            <!-- 拖拽实现元素位置切换 -->
            <div class="cut-container">
              <div
-                class="item-cut"
                v-for="(item, index) in cutLists"
                :key="index"
+                class="item-cut"
              >
                <p>{{ item.name }}</p>
              </div>
--- a/src/views/components/segmented/index.vue
+++ b/src/views/components/segmented/index.vue
@@ -163,7 +163,7 @@ function onChange({ index, option }) {
        {{ optionsBasis[value].label }}
      </span>
    </p>
-    <Segmented :options="optionsBasis" v-model="value" />
+    <Segmented v-model="value" :options="optionsBasis" />
    <el-divider />
    <p class="mb-2">禁用</p>
    <Segmented :options="optionsDisabled" />
--- a/src/views/components/selector/index.vue
+++ b/src/views/components/selector/index.vue
@@ -28,9 +28,9 @@ const selectedVal = ({ left, right }): void => {
 <template>
  <div>
    <el-card
-      class="box-card"
      v-for="(item, key) in dataLists"
      :key="key"
+      class="box-card"
      shadow="never"
    >
      <template #header>
@@ -41,10 +41,10 @@ const selectedVal = ({ left, right }): void => {
      <Selector
        :HsKey="key"
        :echo="item.echo"
-        @selectedVal="selectedVal"
        :disabled="item.disabled"
+        @selectedVal="selectedVal"
      />
-      <h4 class="mt-3" v-if="!item.disabled">选中范围：{{ selectRange }}</h4>
+      <h4 v-if="!item.disabled" class="mt-3">选中范围：{{ selectRange }}</h4>
    </el-card>
  </div>
 </template>
--- a/src/views/editor/components/multi.vue
+++ b/src/views/editor/components/multi.vue
@@ -55,7 +55,7 @@ onBeforeUnmount(() => {

 <template>
  <el-row :gutter="30" justify="space-around">
-    <re-col :value="11" v-for="(edit, index) in editorList" :key="index">
+    <re-col v-for="(edit, index) in editorList" :key="index" :value="11">
      <div class="wangeditor">
        <Toolbar
          :editor="edit.editorRef"
--- a/src/views/error/403.vue
+++ b/src/views/error/403.vue
@@ -14,8 +14,8 @@ const router = useRouter();
    <noAccess />
    <div class="ml-12">
      <p
-        class="font-medium text-4xl mb-4 dark:text-white"
        v-motion
+        class="font-medium text-4xl mb-4 dark:text-white"
        :initial="{
          opacity: 0,
          y: 100
@@ -31,8 +31,8 @@ const router = useRouter();
        403
      </p>
      <p
-        class="mb-4 text-gray-500"
        v-motion
+        class="mb-4 text-gray-500"
        :initial="{
          opacity: 0,
          y: 100
@@ -48,9 +48,8 @@ const router = useRouter();
        抱歉，你无权访问该页面
      </p>
      <el-button
-        type="primary"
-        @click="router.push('/')"
        v-motion
+        type="primary"
        :initial="{
          opacity: 0,
          y: 100
@@ -62,6 +61,7 @@ const router = useRouter();
            delay: 500
          }
        }"
+        @click="router.push('/')"
      >
        返回首页
      </el-button>
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -14,8 +14,8 @@ const router = useRouter();
    <noExist />
    <div class="ml-12">
      <p
-        class="font-medium text-4xl mb-4 dark:text-white"
        v-motion
+        class="font-medium text-4xl mb-4 dark:text-white"
        :initial="{
          opacity: 0,
          y: 100
@@ -31,8 +31,8 @@ const router = useRouter();
        404
      </p>
      <p
-        class="mb-4 text-gray-500"
        v-motion
+        class="mb-4 text-gray-500"
        :initial="{
          opacity: 0,
          y: 100
@@ -48,9 +48,8 @@ const router = useRouter();
        抱歉，你访问的页面不存在
      </p>
      <el-button
-        type="primary"
-        @click="router.push('/')"
        v-motion
+        type="primary"
        :initial="{
          opacity: 0,
          y: 100
@@ -62,6 +61,7 @@ const router = useRouter();
            delay: 500
          }
        }"
+        @click="router.push('/')"
      >
        返回首页
      </el-button>
--- a/src/views/error/500.vue
+++ b/src/views/error/500.vue
@@ -14,8 +14,8 @@ const router = useRouter();
    <noServer />
    <div class="ml-12">
      <p
-        class="font-medium text-4xl mb-4 dark:text-white"
        v-motion
+        class="font-medium text-4xl mb-4 dark:text-white"
        :initial="{
          opacity: 0,
          y: 100
@@ -31,8 +31,8 @@ const router = useRouter();
        500
      </p>
      <p
-        class="mb-4 text-gray-500"
        v-motion
+        class="mb-4 text-gray-500"
        :initial="{
          opacity: 0,
          y: 100
@@ -48,9 +48,8 @@ const router = useRouter();
        抱歉，服务器出错了
      </p>
      <el-button
-        type="primary"
-        @click="router.push('/')"
        v-motion
+        type="primary"
        :initial="{
          opacity: 0,
          y: 100
@@ -62,6 +61,7 @@ const router = useRouter();
            delay: 500
          }
        }"
+        @click="router.push('/')"
      >
        返回首页
      </el-button>
--- a/src/views/flow-chart/index.vue
+++ b/src/views/flow-chart/index.vue
@@ -84,8 +84,8 @@ onMounted(() => {
    <div class="logic-flow-view">
      <!-- 辅助工具栏 -->
      <Control
-        class="demo-control"
        v-if="lf"
+        class="demo-control"
        :lf="lf"
        :catTurboData="false"
        @catData="catData"
@@ -96,9 +96,9 @@ onMounted(() => {
      <div id="turbo" />
      <!-- 数据查看面板 -->
      <el-dialog
+        v-model="dataVisible"
        class="flow-dialog"
        title="数据"
-        v-model="dataVisible"
        width="50%"
      >
        <el-scrollbar>
--- a/src/views/list/card/index.vue
+++ b/src/views/list/card/index.vue
@@ -102,8 +102,8 @@ const handleManageProduct = product => {
        新建产品
      </el-button>
      <el-input
-        style="width: 300px"
        v-model="searchValue"
+        style="width: 300px"
        placeholder="请输入产品名称"
        clearable
      >
@@ -123,7 +123,6 @@ const handleManageProduct = product => {
      element-loading-svg-view-box="-10, -10, 50, 50"
    >
      <el-empty
-        description="暂无数据"
        v-show="
          productList
            .slice(
@@ -134,6 +133,7 @@ const handleManageProduct = product => {
              v.name.toLowerCase().includes(searchValue.toLowerCase())
            ).length === 0
        "
+        description="暂无数据"
      />
      <template v-if="pagination.total > 0">
        <el-row :gutter="16">
@@ -161,8 +161,8 @@ const handleManageProduct = product => {
          </el-col>
        </el-row>
        <el-pagination
-          class="float-right"
          v-model:currentPage="pagination.current"
+          class="float-right"
          :page-size="pagination.pageSize"
          :total="pagination.total"
          :page-sizes="[12, 24, 36]"
--- a/src/views/login/components/phone.vue
+++ b/src/views/login/components/phone.vue
@@ -48,8 +48,8 @@ function onBack() {
    <Motion>
      <el-form-item prop="phone">
        <el-input
-          clearable
          v-model="ruleForm.phone"
+          clearable
          :placeholder="t('login.phone')"
          :prefix-icon="useRenderIcon(Iphone)"
        />
@@ -60,8 +60,8 @@ function onBack() {
      <el-form-item prop="verifyCode">
        <div class="w-full flex justify-between">
          <el-input
-            clearable
            v-model="ruleForm.verifyCode"
+            clearable
            :placeholder="t('login.smsVerifyCode')"
            :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
          />
--- a/src/views/login/components/regist.vue
+++ b/src/views/login/components/regist.vue
@@ -89,8 +89,8 @@ function onBack() {
        prop="username"
      >
        <el-input
-          clearable
          v-model="ruleForm.username"
+          clearable
          :placeholder="t('login.username')"
          :prefix-icon="useRenderIcon(User)"
        />
@@ -100,8 +100,8 @@ function onBack() {
    <Motion :delay="100">
      <el-form-item prop="phone">
        <el-input
-          clearable
          v-model="ruleForm.phone"
+          clearable
          :placeholder="t('login.phone')"
          :prefix-icon="useRenderIcon(Iphone)"
        />
@@ -112,8 +112,8 @@ function onBack() {
      <el-form-item prop="verifyCode">
        <div class="w-full flex justify-between">
          <el-input
-            clearable
            v-model="ruleForm.verifyCode"
+            clearable
            :placeholder="t('login.smsVerifyCode')"
            :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
          />
@@ -135,9 +135,9 @@ function onBack() {
    <Motion :delay="200">
      <el-form-item prop="password">
        <el-input
+          v-model="ruleForm.password"
          clearable
          show-password
-          v-model="ruleForm.password"
          :placeholder="t('login.password')"
          :prefix-icon="useRenderIcon(Lock)"
        />
@@ -147,9 +147,9 @@ function onBack() {
    <Motion :delay="250">
      <el-form-item :rules="repeatPasswordRule" prop="repeatPassword">
        <el-input
+          v-model="ruleForm.repeatPassword"
          clearable
          show-password
-          v-model="ruleForm.repeatPassword"
          :placeholder="t('login.sure')"
          :prefix-icon="useRenderIcon(Lock)"
        />
--- a/src/views/login/components/update.vue
+++ b/src/views/login/components/update.vue
@@ -72,8 +72,8 @@ function onBack() {
    <Motion>
      <el-form-item prop="phone">
        <el-input
-          clearable
          v-model="ruleForm.phone"
+          clearable
          :placeholder="t('login.phone')"
          :prefix-icon="useRenderIcon(Iphone)"
        />
@@ -84,8 +84,8 @@ function onBack() {
      <el-form-item prop="verifyCode">
        <div class="w-full flex justify-between">
          <el-input
-            clearable
            v-model="ruleForm.verifyCode"
+            clearable
            :placeholder="t('login.smsVerifyCode')"
            :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
          />
@@ -107,9 +107,9 @@ function onBack() {
    <Motion :delay="150">
      <el-form-item prop="password">
        <el-input
+          v-model="ruleForm.password"
          clearable
          show-password
-          v-model="ruleForm.password"
          :placeholder="t('login.password')"
          :prefix-icon="useRenderIcon(Lock)"
        />
@@ -119,9 +119,9 @@ function onBack() {
    <Motion :delay="200">
      <el-form-item :rules="repeatPasswordRule" prop="repeatPassword">
        <el-input
+          v-model="ruleForm.repeatPassword"
          clearable
          show-password
-          v-model="ruleForm.repeatPassword"
          :placeholder="t('login.sure')"
          :prefix-icon="useRenderIcon(Lock)"
        />
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -142,8 +142,8 @@ watch(loginDay, value => {
              @click="translationCh"
            >
              <IconifyIconOffline
-                class="check-zh"
                v-show="locale === 'zh'"
+                class="check-zh"
                :icon="Check"
              />
              简体中文
@@ -153,7 +153,7 @@ watch(loginDay, value => {
              :class="['dark:!text-white', getDropdownItemClass(locale, 'en')]"
              @click="translationEn"
            >
-              <span class="check-en" v-show="locale === 'en'">
+              <span v-show="locale === 'en'" class="check-en">
                <IconifyIconOffline :icon="Check" />
              </span>
              English
@@ -194,8 +194,8 @@ watch(loginDay, value => {
                prop="username"
              >
                <el-input
-                  clearable
                  v-model="ruleForm.username"
+                  clearable
                  :placeholder="t('login.username')"
                  :prefix-icon="useRenderIcon(User)"
                />
@@ -205,9 +205,9 @@ watch(loginDay, value => {
            <Motion :delay="150">
              <el-form-item prop="password">
                <el-input
+                  v-model="ruleForm.password"
                  clearable
                  show-password
-                  v-model="ruleForm.password"
                  :placeholder="t('login.password')"
                  :prefix-icon="useRenderIcon(Lock)"
                />
@@ -217,8 +217,8 @@ watch(loginDay, value => {
            <Motion :delay="200">
              <el-form-item prop="verifyCode">
                <el-input
-                  clearable
                  v-model="ruleForm.verifyCode"
+                  clearable
                  :placeholder="t('login.verifyCode')"
                  :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
                >
--- a/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
+++ b/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -19,7 +19,7 @@ const { query } = useRoute();
    <p style="text-indent: 4em">{{ t("menus.hsmenu1-2-2") }}</p>
    <el-input v-model="input" />

-    <div class="mt-4" v-if="query.text">
+    <div v-if="query.text" class="mt-4">
      此页面携带的参数值为：{{ query.text }}
    </div>
  </div>
--- a/src/views/permission/button/index.vue
+++ b/src/views/permission/button/index.vue
@@ -41,15 +41,15 @@ const elStyle = computed((): CSSProperties => {
      <template #header>
        <div class="card-header">函数方式判断权限</div>
      </template>
-      <el-button type="success" v-if="hasAuth('btn_add')">
+      <el-button v-if="hasAuth('btn_add')" type="success">
        拥有code：'btn_add' 权限可见
      </el-button>
-      <el-button type="primary" v-if="hasAuth(['btn_edit'])">
+      <el-button v-if="hasAuth(['btn_edit'])" type="primary">
        拥有code：['btn_edit'] 权限可见
      </el-button>
      <el-button
-        type="danger"
        v-if="hasAuth(['btn_add', 'btn_edit', 'btn_delete'])"
+        type="danger"
      >
        拥有code：['btn_add', 'btn_edit', 'btn_delete'] 权限可见
      </el-button>
@@ -61,13 +61,13 @@ const elStyle = computed((): CSSProperties => {
          指令方式判断权限（该方式不能动态修改权限）
        </div>
      </template>
-      <el-button type="success" v-auth="'btn_add'">
+      <el-button v-auth="'btn_add'" type="success">
        拥有code：'btn_add' 权限可见
      </el-button>
-      <el-button type="primary" v-auth="['btn_edit']">
+      <el-button v-auth="['btn_edit']" type="primary">
        拥有code：['btn_edit'] 权限可见
      </el-button>
-      <el-button type="danger" v-auth="['btn_add', 'btn_edit', 'btn_delete']">
+      <el-button v-auth="['btn_add', 'btn_edit', 'btn_delete']" type="danger">
        拥有code：['btn_add', 'btn_edit', 'btn_delete'] 权限可见
      </el-button>
    </el-card>
--- a/src/views/pure-table/high.vue
+++ b/src/views/pure-table/high.vue
@@ -49,7 +49,7 @@ function tabClick({ index }) {
              <span>{{ item.title }}</span>
            </el-tooltip>
          </template>
-          <component v-if="selected == index" :is="item.component" />
+          <component :is="item.component" v-if="selected == index" />
        </el-tab-pane>
      </template>
    </el-tabs>
--- a/src/views/pure-table/high/data.ts
+++ b/src/views/pure-table/high/data.ts
@@ -61,15 +61,15 @@ const tableDataImage = clone(tableData, true).map((item, index) =>
 );

 const tableDataSortable = clone(tableData, true).map((item, index) => {
-  delete item["date"];
+  delete item.date;
  Object.assign(item, {
    date: `${dayjs(new Date()).format("YYYY-MM")}-${index + 1}`
  });
 });

 const tableDataDrag = clone(tableData, true).map((item, index) => {
-  delete item["address"];
-  delete item["date"];
+  delete item.address;
+  delete item.date;
  return Object.assign(
    {
      id: index + 1,
@@ -80,7 +80,7 @@ const tableDataDrag = clone(tableData, true).map((item, index) => {
 });

 const tableDataEdit = clone(tableData, true).map((item, index) => {
-  delete item["date"];
+  delete item.date;
  return Object.assign(
    {
      id: index + 1,
--- a/src/views/pure-table/high/excel/index.vue
+++ b/src/views/pure-table/high/excel/index.vue
@@ -8,8 +8,8 @@ const { columns, dataList, exportExcel } = useColumns();
  <div>
    <el-button
      type="primary"
-      @click="exportExcel"
      class="mb-[20px] float-right"
+      @click="exportExcel"
    >
      导出
    </el-button>
--- a/src/views/pure-table/high/prints/index.vue
+++ b/src/views/pure-table/high/prints/index.vue
@@ -9,13 +9,13 @@ const { columns, dataList, print, cellStyle, rowStyle, headerCellStyle } =

 <template>
  <div>
-    <el-button type="primary" @click="print" class="mb-[20px] float-right">
+    <el-button type="primary" class="mb-[20px] float-right" @click="print">
      打印
    </el-button>
    <!-- rowHoverBgColor="transparent" 鼠标经过行时，去掉行的背景色 -->
    <pure-table
-      rowHoverBgColor="transparent"
      ref="printRef"
+      rowHoverBgColor="transparent"
      row-key="id"
      border
      :data="dataList"
--- a/src/views/pure-table/high/table-select/multiple/index.vue
+++ b/src/views/pure-table/high/table-select/multiple/index.vue
@@ -18,9 +18,9 @@ const {

 <template>
  <el-select
-    class="w-[160px]"
    ref="selectRef"
    v-model="selectValue"
+    class="w-[160px]"
    placeholder="请选择"
    clearable
    multiple
--- a/src/views/pure-table/index.vue
+++ b/src/views/pure-table/index.vue
@@ -50,7 +50,7 @@ function tabClick({ index }) {
              <span>{{ item.title }}</span>
            </el-tooltip>
          </template>
-          <component v-if="selected == index" :is="item.component" />
+          <component :is="item.component" v-if="selected == index" />
        </el-tab-pane>
      </template>
    </el-tabs>
--- a/src/views/system/dept/form.vue
+++ b/src/views/system/dept/form.vue
@@ -41,8 +41,8 @@ defineExpose({ getRef });
      <re-col>
        <el-form-item label="上级部门">
          <el-cascader
-            class="w-full"
            v-model="newFormInline.parentId"
+            class="w-full"
            :options="newFormInline.higherDeptOptions"
            :props="{
              value: 'id',
--- a/src/views/system/dept/utils/hook.tsx
+++ b/src/views/system/dept/utils/hook.tsx
@@ -6,7 +6,7 @@ import { getDeptList } from "@/api/system";
 import { usePublicHooks } from "../../hooks";
 import { addDialog } from "@/components/ReDialog";
 import { reactive, ref, onMounted, h } from "vue";
-import { type FormItemProps } from "../utils/types";
+import type { FormItemProps } from "../utils/types";
 import { cloneDeep, isAllEmpty } from "@pureadmin/utils";

 export function useDept() {
--- a/src/views/system/role/utils/hook.tsx
+++ b/src/views/system/role/utils/hook.tsx
@@ -5,8 +5,8 @@ import { getRoleList } from "@/api/system";
 import { ElMessageBox } from "element-plus";
 import { usePublicHooks } from "../../hooks";
 import { addDialog } from "@/components/ReDialog";
-import { type FormItemProps } from "../utils/types";
-import { type PaginationProps } from "@pureadmin/table";
+import type { FormItemProps } from "../utils/types";
+import type { PaginationProps } from "@pureadmin/table";
 import { reactive, ref, onMounted, h, toRaw } from "vue";

 export function useRole() {
--- a/src/views/system/user/form/index.vue
+++ b/src/views/system/user/form/index.vue
@@ -70,10 +70,10 @@ defineExpose({ getRef });
      </re-col>

      <re-col
+        v-if="newFormInline.title === '新增'"
        :value="12"
        :xs="24"
        :sm="24"
-        v-if="newFormInline.title === '新增'"
      >
        <el-form-item label="用户密码" prop="password">
          <el-input
@@ -123,8 +123,8 @@ defineExpose({ getRef });
      <re-col :value="12" :xs="24" :sm="24">
        <el-form-item label="归属部门">
          <el-cascader
-            class="w-full"
            v-model="newFormInline.parentId"
+            class="w-full"
            :options="newFormInline.higherDeptOptions"
            :props="{
              value: 'id',
@@ -144,10 +144,10 @@ defineExpose({ getRef });
        </el-form-item>
      </re-col>
      <re-col
+        v-if="newFormInline.title === '新增'"
        :value="12"
        :xs="24"
        :sm="24"
-        v-if="newFormInline.title === '新增'"
      >
        <el-form-item label="用户状态">
          <el-switch
--- a/src/views/system/user/form/role.vue
+++ b/src/views/system/user/form/role.vue
@@ -25,7 +25,7 @@ const newFormInline = ref(props.formInline);
      </re-col> -->
      <re-col>
        <el-form-item label="用户昵称" prop="nickname">
-          <el-input disabled v-model="newFormInline.nickname" />
+          <el-input v-model="newFormInline.nickname" disabled />
        </el-form-item>
      </re-col>
      <re-col>
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -148,8 +148,8 @@ const {
            </el-popconfirm>
          </div>
          <pure-table
-            row-key="id"
            ref="tableRef"
+            row-key="id"
            adaptive
            align-whole="center"
            table-layout="auto"
--- a/src/views/system/user/tree.vue
+++ b/src/views/system/user/tree.vue
@@ -101,9 +101,9 @@ defineExpose({ onTreeReset });
  >
    <div class="flex items-center h-[34px]">
      <el-input
+        v-model="searchValue"
        class="ml-2"
        size="small"
-        v-model="searchValue"
        placeholder="请输入部门名称"
        clearable
      >
--- a/src/views/system/user/upload.vue
+++ b/src/views/system/user/upload.vue
@@ -33,7 +33,7 @@ function onCropper({ base64, blob, info }) {
            @cropper="onCropper"
            @readied="showPopover = true"
          />
-          <p class="mt-1 text-center" v-show="showPopover">
+          <p v-show="showPopover" class="mt-1 text-center">
            温馨提示：右键上方裁剪区可开启功能菜单
          </p>
        </div>
--- a/src/views/system/user/utils/hook.tsx
+++ b/src/views/system/user/utils/hook.tsx
@@ -8,7 +8,7 @@ import { message } from "@/utils/message";
 import croppingUpload from "../upload.vue";
 import { usePublicHooks } from "../../hooks";
 import { addDialog } from "@/components/ReDialog";
-import { type PaginationProps } from "@pureadmin/table";
+import type { PaginationProps } from "@pureadmin/table";
 import type { FormItemProps, RoleFormItemProps } from "../utils/types";
 import { hideTextAtIndex, getKeyList, isAllEmpty } from "@pureadmin/utils";
 import {
--- a/src/views/tabs/index.vue
+++ b/src/views/tabs/index.vue
@@ -53,9 +53,9 @@ function onCloseTags() {
    <div class="flex flex-wrap items-center">
      <p>query传参模式：</p>
      <el-button
-        class="m-2"
        v-for="index in 6"
        :key="index"
+        class="m-2"
        @click="toDetail({ id: index }, 'query')"
      >
        打开{{ index }}详情页
@@ -74,9 +74,9 @@ function onCloseTags() {
    <div class="flex flex-wrap items-center">
      <p>params传参模式：</p>
      <el-button
-        class="m-2"
        v-for="index in 6"
        :key="index"
+        class="m-2"
        @click="toDetail({ id: index }, 'params')"
      >
        打开{{ index }}详情页
@@ -85,6 +85,7 @@ function onCloseTags() {

    <el-divider />
    <el-tree-select
+      v-model="currentValues"
      class="w-[300px]"
      node-key="uniqueId"
      placeholder="请选择要关闭的标签"
@@ -99,7 +100,6 @@ function onCloseTags() {
        disabled: 'disabled'
      }"
      :data="treeData"
-      v-model="currentValues"
    >
      <template #default="{ data }">
        <span>{{ transformI18n(data.meta.title) }}</span>
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -48,13 +48,13 @@ getReleases().then(({ data }) => {
  <div>
    <el-row :gutter="24">
      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="12"
        :lg="12"
        :xl="12"
        class="mb-[18px]"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -106,13 +106,13 @@ getReleases().then(({ data }) => {
      </el-col>

      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="12"
        :lg="12"
        :xl="12"
        class="mb-[18px]"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -154,13 +154,13 @@ getReleases().then(({ data }) => {
      </el-col>

      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="12"
        :lg="8"
        :xl="8"
        class="mb-[18px]"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -197,13 +197,13 @@ getReleases().then(({ data }) => {
      </el-col>

      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="12"
        :lg="8"
        :xl="8"
        class="mb-[18px]"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -240,13 +240,13 @@ getReleases().then(({ data }) => {
      </el-col>

      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="24"
        :lg="8"
        :xl="8"
        class="mb-[18px]"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100