refactor: 使用@/别名替换/@/别名

src/views/able/barcode.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ReBarcode from "/@/components/ReBarcode";
+import ReBarcode from "@/components/ReBarcode";
 
 defineOptions({
   name: "BarCode"

src/views/able/cascader.vue

@@ -6,7 +6,7 @@ import {
   regionDataPlus,
   regionData,
   CodeToText
-} from "/@/utils/chinaArea";
+} from "@/utils/chinaArea";
 import { ref } from "vue";
 
 defineOptions({

src/views/able/icon-select.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import { IconSelect } from "/@/components/ReIcon";
+import { IconSelect } from "@/components/ReIcon";
 
 defineOptions({
   name: "IconSelect"

src/views/able/line-tree.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { computed } from "vue";
 import { cloneDeep } from "lodash-unified";
-import { transformI18n } from "/@/plugins/i18n";
-import ElTreeLine from "/@/components/ReTreeLine";
+import { transformI18n } from "@/plugins/i18n";
+import ElTreeLine from "@/components/ReTreeLine";
 import { extractPathList, deleteChildren } from "@pureadmin/utils";
-import { usePermissionStoreHook } from "/@/store/modules/permission";
+import { usePermissionStoreHook } from "@/store/modules/permission";
 
 defineOptions({
   name: "LineTree"

src/views/able/menu-tree.vue

@@ -2,10 +2,10 @@
 import { ref, computed } from "vue";
 import { cloneDeep } from "lodash-unified";
 import type { ElTreeV2 } from "element-plus";
-import { transformI18n } from "/@/plugins/i18n";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { transformI18n } from "@/plugins/i18n";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import { extractPathList, deleteChildren } from "@pureadmin/utils";
-import { usePermissionStoreHook } from "/@/store/modules/permission";
+import { usePermissionStoreHook } from "@/store/modules/permission";
 import type { TreeNode } from "element-plus/es/components/tree-v2/src/types";
 
 defineOptions({

src/views/able/print.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Print from "/@/utils/print";
+import Print from "@/utils/print";
 import { reactive, ref } from "vue";
 import { VxeTablePropTypes } from "vxe-table";
 import Line from "../welcome/components/Line.vue";

src/views/able/qrcode.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { ref, unref } from "vue";
 import { ElMessage } from "element-plus";
-import avatars from "/@/assets/avatars.jpg";
-import ReQrcode from "/@/components/ReQrcode";
+import avatars from "@/assets/avatars.jpg";
+import ReQrcode from "@/components/ReQrcode";
 
 defineOptions({
   name: "QrCode"

src/views/able/timeline.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
-import { useRenderFlicker } from "/@/components/ReFlicker";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import { useRenderFlicker } from "@/components/ReFlicker";
 
 defineOptions({
   name: "TimeLine"

src/views/components/count-to/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ReNormalCountTo, ReboundCountTo } from "/@/components/ReCountTo";
+import { ReNormalCountTo, ReboundCountTo } from "@/components/ReCountTo";
 
 defineOptions({
   name: "CountTo"

src/views/components/cropping/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, nextTick } from "vue";
-import Cropper from "/@/components/ReCropper";
+import Cropper from "@/components/ReCropper";
 import img from "./picture.jpeg";
 
 defineOptions({

src/views/components/draggable/index.vue

@@ -2,7 +2,7 @@
 import Sortable from "sortablejs";
 import { ref, onMounted } from "vue";
 import draggable from "vuedraggable/src/vuedraggable";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
   name: "Draggable"

src/views/components/map/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Amap } from "/@/components/ReMap";
+import { Amap } from "@/components/ReMap";
 
 defineOptions({
   name: "Map"

src/views/components/seamless-scroll/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive, unref } from "vue";
 import { templateRef } from "@vueuse/core";
-import SeamlessScroll from "/@/components/ReSeamlessScroll";
+import SeamlessScroll from "@/components/ReSeamlessScroll";
 
 defineOptions({
   name: "SeamlessScroll"

src/views/components/selector/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
-import Selector from "/@/components/ReSelector";
+import Selector from "@/components/ReSelector";
 
 defineOptions({
   name: "Selector"

src/views/components/split-pane/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import splitpane, { ContextProps } from "/@/components/ReSplitPane";
+import splitpane, { ContextProps } from "@/components/ReSplitPane";
 import { reactive } from "vue";
 
 defineOptions({

src/views/components/typeit/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import TypeIt from "/@/components/ReTypeit";
+import TypeIt from "@/components/ReTypeit";
 
 defineOptions({
   name: "Typeit"

src/views/components/video/index.vue

@@ -5,7 +5,7 @@ import volume from "xgplayer/es/controls/volume";
 import { deviceDetection } from "@pureadmin/utils";
 import screenShot from "xgplayer/es/controls/screenShot";
 import playbackRate from "xgplayer/es/controls/playbackRate";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
   name: "Video"

src/views/editor/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import "@wangeditor/editor/dist/css/style.css"; // 引入 css
 import { Editor, Toolbar } from "@wangeditor/editor-for-vue";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import { onBeforeUnmount, ref, shallowRef, onMounted } from "vue";
 
 defineOptions({

src/views/empty/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import back from "/@/assets/svg/back.svg?component";
+import back from "@/assets/svg/back.svg?component";
 
 defineOptions({
   name: "Empty"

src/views/error/403.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import noAccess from "/@/assets/status/403.svg?component";
+import noAccess from "@/assets/status/403.svg?component";
 
 defineOptions({
   name: "403"

src/views/error/404.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import noExist from "/@/assets/status/404.svg?component";
+import noExist from "@/assets/status/404.svg?component";
 
 defineOptions({
   name: "404"

src/views/error/500.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import noServer from "/@/assets/status/500.svg?component";
+import noServer from "@/assets/status/500.svg?component";
 
 defineOptions({
   name: "500"

src/views/flow-chart/index.vue

@@ -5,11 +5,11 @@ import "@logicflow/extension/lib/style/index.css";
 
 import LogicFlow from "@logicflow/core";
 import { ref, unref, onMounted } from "vue";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
-import { BpmnNode } from "/@/components/ReFlowChart/src/config";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import { BpmnNode } from "@/components/ReFlowChart/src/config";
 import { Snapshot, BpmnElement, Menu } from "@logicflow/extension";
-import { Control, NodePanel, DataDialog } from "/@/components/ReFlowChart";
-import { toLogicflowData } from "/@/components/ReFlowChart/src/adpterForTurbo";
+import { Control, NodePanel, DataDialog } from "@/components/ReFlowChart";
+import { toLogicflowData } from "@/components/ReFlowChart/src/adpterForTurbo";
 
 defineOptions({
   name: "FlowChart"

src/views/list/card/components/Card.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { computed, PropType } from "vue";
-import shopIcon from "/@/assets/svg/shop.svg?component";
-import laptopIcon from "/@/assets/svg/laptop.svg?component";
-import serviceIcon from "/@/assets/svg/service.svg?component";
-import calendarIcon from "/@/assets/svg/calendar.svg?component";
-import userAvatarIcon from "/@/assets/svg/user_avatar.svg?component";
+import shopIcon from "@/assets/svg/shop.svg?component";
+import laptopIcon from "@/assets/svg/laptop.svg?component";
+import serviceIcon from "@/assets/svg/service.svg?component";
+import calendarIcon from "@/assets/svg/calendar.svg?component";
+import userAvatarIcon from "@/assets/svg/user_avatar.svg?component";
 
 defineOptions({
   name: "ReCard"

src/views/list/card/index.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import Card from "./components/Card.vue";
-import { getCardList } from "/@/api/list";
+import { getCardList } from "@/api/list";
 import { ref, onMounted, nextTick } from "vue";
 import dialogForm from "./components/DialogForm.vue";
 import { ElMessage, ElMessageBox } from "element-plus";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
   name: "ListCard"

src/views/login/components/phone.vue

@@ -5,10 +5,10 @@ import Motion from "../utils/motion";
 import { phoneRules } from "../utils/rule";
 import { message } from "@pureadmin/components";
 import type { FormInstance } from "element-plus";
-import { $t, transformI18n } from "/@/plugins/i18n";
+import { $t, transformI18n } from "@/plugins/i18n";
 import { useVerifyCode } from "../utils/verifyCode";
-import { useUserStoreHook } from "/@/store/modules/user";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useUserStoreHook } from "@/store/modules/user";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 const { t } = useI18n();
 const loading = ref(false);

src/views/login/components/qrCode.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
 import Motion from "../utils/motion";
-import ReQrcode from "/@/components/ReQrcode";
-import { useUserStoreHook } from "/@/store/modules/user";
+import ReQrcode from "@/components/ReQrcode";
+import { useUserStoreHook } from "@/store/modules/user";
 
 const { t } = useI18n();
 </script>

src/views/login/components/regist.vue

@@ -6,9 +6,9 @@ import { updateRules } from "../utils/rule";
 import { message } from "@pureadmin/components";
 import type { FormInstance } from "element-plus";
 import { useVerifyCode } from "../utils/verifyCode";
-import { $t, transformI18n } from "/@/plugins/i18n";
-import { useUserStoreHook } from "/@/store/modules/user";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { $t, transformI18n } from "@/plugins/i18n";
+import { useUserStoreHook } from "@/store/modules/user";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 const { t } = useI18n();
 const checked = ref(false);

src/views/login/components/update.vue

@@ -6,9 +6,9 @@ import { updateRules } from "../utils/rule";
 import { message } from "@pureadmin/components";
 import type { FormInstance } from "element-plus";
 import { useVerifyCode } from "../utils/verifyCode";
-import { $t, transformI18n } from "/@/plugins/i18n";
-import { useUserStoreHook } from "/@/store/modules/user";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { $t, transformI18n } from "@/plugins/i18n";
+import { useUserStoreHook } from "@/store/modules/user";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 const { t } = useI18n();
 const loading = ref(false);

src/views/login/index.vue

@@ -12,27 +12,27 @@ import Motion from "./utils/motion";
 import { useRouter } from "vue-router";
 import { loginRules } from "./utils/rule";
 import phone from "./components/phone.vue";
-import TypeIt from "/@/components/ReTypeit";
+import TypeIt from "@/components/ReTypeit";
 import qrCode from "./components/qrCode.vue";
 import regist from "./components/regist.vue";
 import update from "./components/update.vue";
-import { initRouter } from "/@/router/utils";
-import { useNav } from "/@/layout/hooks/useNav";
+import { initRouter } from "@/router/utils";
+import { useNav } from "@/layout/hooks/useNav";
 import { message } from "@pureadmin/components";
 import type { FormInstance } from "element-plus";
-import { $t, transformI18n } from "/@/plugins/i18n";
+import { $t, transformI18n } from "@/plugins/i18n";
 import { operates, thirdParty } from "./utils/enums";
-import { useLayout } from "/@/layout/hooks/useLayout";
-import { useUserStoreHook } from "/@/store/modules/user";
+import { useLayout } from "@/layout/hooks/useLayout";
+import { useUserStoreHook } from "@/store/modules/user";
 import { bg, avatar, currentWeek } from "./utils/static";
-import { ReImageVerify } from "/@/components/ReImageVerify";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
-import { useTranslationLang } from "/@/layout/hooks/useTranslationLang";
-import { useDataThemeChange } from "/@/layout/hooks/useDataThemeChange";
+import { ReImageVerify } from "@/components/ReImageVerify";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
+import { useTranslationLang } from "@/layout/hooks/useTranslationLang";
+import { useDataThemeChange } from "@/layout/hooks/useDataThemeChange";
 
-import dayIcon from "/@/assets/svg/day.svg?component";
-import darkIcon from "/@/assets/svg/dark.svg?component";
-import globalization from "/@/assets/svg/globalization.svg?component";
+import dayIcon from "@/assets/svg/day.svg?component";
+import darkIcon from "@/assets/svg/dark.svg?component";
+import globalization from "@/assets/svg/globalization.svg?component";
 
 defineOptions({
   name: "Login"
@@ -296,7 +296,7 @@ watch(imgCode, value => {
 </template>
 
 <style scoped>
-@import url("/@/style/login.css");
+@import url("@/style/login.css");
 </style>
 
 <style lang="scss" scoped>

src/views/login/utils/enums.ts

@@ -1,4 +1,4 @@
-import { $t } from "/@/plugins/i18n";
+import { $t } from "@/plugins/i18n";
 
 const operates = [
   {

src/views/login/utils/rule.ts

@@ -1,8 +1,8 @@
 import { reactive } from "vue";
 import { isPhone } from "@pureadmin/utils";
 import type { FormRules } from "element-plus";
-import { $t, transformI18n } from "/@/plugins/i18n";
-import { useUserStoreHook } from "/@/store/modules/user";
+import { $t, transformI18n } from "@/plugins/i18n";
+import { useUserStoreHook } from "@/store/modules/user";
 
 /** 6位数字验证码正则 */
 export const REGEXP_SIX = /^\d{6}$/;

src/views/login/utils/static.ts

@@ -1,13 +1,13 @@
 import { computed } from "vue";
-import bg from "/@/assets/login/bg.png";
-import avatar from "/@/assets/login/avatar.svg?component";
-import illustration0 from "/@/assets/login/illustration0.svg?component";
-import illustration1 from "/@/assets/login/illustration1.svg?component";
-import illustration2 from "/@/assets/login/illustration2.svg?component";
-import illustration3 from "/@/assets/login/illustration3.svg?component";
-import illustration4 from "/@/assets/login/illustration4.svg?component";
-import illustration5 from "/@/assets/login/illustration5.svg?component";
-import illustration6 from "/@/assets/login/illustration6.svg?component";
+import bg from "@/assets/login/bg.png";
+import avatar from "@/assets/login/avatar.svg?component";
+import illustration0 from "@/assets/login/illustration0.svg?component";
+import illustration1 from "@/assets/login/illustration1.svg?component";
+import illustration2 from "@/assets/login/illustration2.svg?component";
+import illustration3 from "@/assets/login/illustration3.svg?component";
+import illustration4 from "@/assets/login/illustration4.svg?component";
+import illustration5 from "@/assets/login/illustration5.svg?component";
+import illustration6 from "@/assets/login/illustration6.svg?component";
 
 /** Show a different background every day */
 const currentWeek = computed(() => {

src/views/permission/button/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { type CSSProperties, computed } from "vue";
-import { hasAuth, getAuths } from "/@/router/utils";
+import { hasAuth, getAuths } from "@/router/utils";
 
 defineOptions({
   name: "PermissionButton"

src/views/permission/page/index.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { initRouter } from "/@/router/utils";
+import { initRouter } from "@/router/utils";
 import { type CSSProperties, ref, computed } from "vue";
-import { useUserStoreHook } from "/@/store/modules/user";
-import { usePermissionStoreHook } from "/@/store/modules/permission";
+import { useUserStoreHook } from "@/store/modules/user";
+import { usePermissionStoreHook } from "@/store/modules/permission";
 
 defineOptions({
   name: "PermissionPage"

src/views/result/columns.tsx

@@ -1,4 +1,4 @@
-import { IconifyIconOffline } from "/@/components/ReIcon";
+import { IconifyIconOffline } from "@/components/ReIcon";
 
 export function useColumns() {
   const columns = [

src/views/system/dept/index.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { useColumns } from "./columns";
-import { getDeptList } from "/@/api/system";
+import { getDeptList } from "@/api/system";
 import { FormInstance } from "element-plus";
 import { handleTree } from "@pureadmin/utils";
 import { reactive, ref, onMounted } from "vue";
-import { TableProBar } from "/@/components/ReTable";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { TableProBar } from "@/components/ReTable";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
   name: "Dept"

src/views/system/dict/config.vue

@@ -2,7 +2,7 @@
 import { useI18n } from "vue-i18n";
 import { ref, reactive } from "vue";
 import { type Direction } from "element-plus";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import { type VxeTableEvents, type VxeTableInstance } from "vxe-table";
 
 interface Props {

src/views/system/dict/index.vue

@@ -5,7 +5,7 @@ import { useI18n } from "vue-i18n";
 import { cloneDeep } from "lodash-unified";
 import { reactive, ref, unref, nextTick } from "vue";
 import { useCopyToClipboard } from "@pureadmin/utils";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import {
   VXETable,
   type TablePublicMethods,

src/views/system/role/index.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { useColumns } from "./columns";
-import { getRoleList } from "/@/api/system";
+import { getRoleList } from "@/api/system";
 import { reactive, ref, onMounted } from "vue";
 import { type FormInstance } from "element-plus";
-import { TableProBar } from "/@/components/ReTable";
+import { TableProBar } from "@/components/ReTable";
 import { type PaginationProps } from "@pureadmin/table";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
   name: "Role"

src/views/system/user/index.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import tree from "./tree.vue";
 import { useColumns } from "./columns";
-import { getUserList } from "/@/api/system";
+import { getUserList } from "@/api/system";
 import { reactive, ref, onMounted } from "vue";
 import { type FormInstance } from "element-plus";
-import { TableProBar } from "/@/components/ReTable";
+import { TableProBar } from "@/components/ReTable";
 import { type PaginationProps } from "@pureadmin/table";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 
 defineOptions({
   name: "User"

src/views/system/user/tree.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import type { ElTree } from "element-plus";
-import { getDeptList } from "/@/api/system";
+import { getDeptList } from "@/api/system";
 import { handleTree } from "@pureadmin/utils";
-import { useRenderIcon } from "/@/components/ReIcon/src/hooks";
+import { useRenderIcon } from "@/components/ReIcon/src/hooks";
 import { ref, watch, onMounted, getCurrentInstance } from "vue";
 
 interface Tree {

src/views/tabs/hooks.ts

@@ -1,4 +1,4 @@
-import { useMultiTagsStoreHook } from "/@/store/modules/multiTags";
+import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
 import { useRouter, useRoute } from "vue-router";
 import { onBeforeMount } from "vue";
 

src/views/tabs/index.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { ref, computed } from "vue";
 import { cloneDeep } from "lodash-unified";
-import { transformI18n } from "/@/plugins/i18n";
+import { transformI18n } from "@/plugins/i18n";
 import { TreeSelect } from "@pureadmin/components";
-import { useMultiTagsStoreHook } from "/@/store/modules/multiTags";
-import { usePermissionStoreHook } from "/@/store/modules/permission";
+import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
+import { usePermissionStoreHook } from "@/store/modules/permission";
 import {
   deleteChildren,
   getNodeByUniqueId,

src/views/welcome/components/Infinite.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, reactive } from "vue";
 import { templateRef } from "@vueuse/core";
-import SeamlessScroll from "/@/components/ReSeamlessScroll";
+import SeamlessScroll from "@/components/ReSeamlessScroll";
 
 const scroll = templateRef<ElRef | null>("scroll", null);
 

src/views/welcome/components/columns.tsx

@@ -1,4 +1,4 @@
-import { IconifyIconOffline } from "/@/components/ReIcon";
+import { IconifyIconOffline } from "@/components/ReIcon";
 
 export function useColumns() {
   const lists = [

src/views/welcome/index.vue

@@ -3,7 +3,7 @@ import { ref, computed } from "vue";
 import Bar from "./components/Bar.vue";
 import Pie from "./components/Pie.vue";
 import Line from "./components/Line.vue";
-import avatars from "/@/assets/avatars.jpg";
+import avatars from "@/assets/avatars.jpg";
 import Github from "./components/Github.vue";
 import Infinite from "./components/Infinite.vue";