style: -

src/App.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="ts">
   import { ElConfigProvider } from 'element-plus';
-  import { deffElementLocale } from '@/hooks/useI18n';
+  import { deffElementLocale } from '@/hooks/web/useI18n';
 
   const { tolocale } = deffElementLocale();
 

src/components/Application/AppLocale.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-  import { useI18n, localesList } from '@/hooks/useI18n';
+  import { useI18n, localesList } from '@/hooks/web/useI18n';
   import SvgIcon from '@/components/SvgIcon/index.vue';
 
   const i18n = useI18n();

src/components/Application/AppTheme.vue

@@ -11,7 +11,7 @@
   import SvgIcon from '../SvgIcon/index.vue';
   import { toggleTheme } from '@zougt/vite-plugin-theme-preprocessor/dist/browser-utils';
   import { useAppStore } from '@/store/modules/app';
-  import { getAppCollapseMenu } from '@/hooks/appWindow';
+  import { getAppCollapseMenu } from '@/hooks/userAppWindow';
 
   // const toggleTheme = (scopeName = 'theme-default') => {
   // 	document.documentElement.className = scopeName

src/hooks/web/useMessage.tsx

@@ -1,5 +1,5 @@
 import { ElMessageBox, ElMessageBoxOptions } from 'element-plus';
-import { useI18n } from '@/hooks/useI18n';
+import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
 

src/layouts/components/Breadcrumb/index.vue

@@ -31,9 +31,9 @@
   import SvgIcon from '@/components/SvgIcon/index.vue';
   import type { RouteLocationMatched } from 'vue-router';
   import { ref, watch } from 'vue';
-  import { getAppCollapseMenu } from '@/hooks/appWindow';
+  import { getAppCollapseMenu } from '@/hooks/userAppWindow';
   import { useRoute, useRouter } from 'vue-router';
-  import { useI18n } from '@/hooks/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   import { useAppStore } from '@/store/modules/app';
 
   const { t } = useI18n();

src/layouts/components/Navbart/index.vue

@@ -41,7 +41,7 @@
 
   import SvgIcon from '@/components/SvgIcon/index.vue';
   import { ref } from '@vue/reactivity';
-  import { getAppCollapseMenu } from '@/hooks/appWindow';
+  import { getAppCollapseMenu } from '@/hooks/userAppWindow';
 
   const drawer = ref(false);
 

src/layouts/components/Seting/index.vue

@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-  import { getAppCollapseMenu } from '@/hooks/appWindow';
+  import { getAppCollapseMenu } from '@/hooks/userAppWindow';
   import { watch, ref } from 'vue';
   import { useAppStore } from '@/store/modules/app';
 

src/layouts/components/Sidebar/Item.vue

@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
   import SvgIcon from '@/components/SvgIcon/index.vue';
-  import { useI18n } from '@/hooks/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
   defineProps({
     icon: {
       type: String,

src/layouts/components/Sidebar/index.vue

@@ -25,7 +25,7 @@
   import { useRoute } from 'vue-router';
   import SidebarItem from './SidebarItem.vue';
   import routeModuleList from '@/router/modules';
-  import { getAppCollapseMenu } from '@/hooks/appWindow';
+  import { getAppCollapseMenu } from '@/hooks/userAppWindow';
 
   defineProps({
     mode: {

src/layouts/index.vue

@@ -25,7 +25,7 @@
   import NavBart from './components/Navbart/index.vue';
   import Sidebar from './components/Sidebar/index.vue';
   import Breadcrumb from './components/Breadcrumb/index.vue';
-  import { getAppCollapseMenu } from '@/hooks/appWindow';
+  import { getAppCollapseMenu } from '@/hooks/userAppWindow';
 
   const { appConfigMode } = getAppCollapseMenu();
 </script>

src/router/modules/otherRoute/otherRoute.ts

@@ -2,7 +2,7 @@
 // import Layout from '@/layouts/index.vue'
 // import AppMain from '@/layouts/components/AppMain/index.vue'
 import { AppRouteRecordRaw } from '#/route';
-import { t } from '@/hooks/useI18n';
+import { t } from '@/hooks/web/useI18n';
 
 const Layout = () => import('@/layouts/index.vue');
 const AppMain = () => import('@/layouts/components/AppMain/index.vue');
@@ -18,12 +18,28 @@ const safeManagerRoutes: Array<AppRouteRecordRaw> = [
     children: [
       {
         path: 'welcome',
-        name: 'welcome',
+        name: 'RtWelcome',
         component: () => import('@/views/index/index.vue'),
         meta: { title: t('route.pathName.index') },
       },
     ],
   },
+  {
+    path: '/components',
+    component: Layout,
+    redirect: '/components/drag',
+    name: 'components',
+    alwaysShow: true,
+    meta: { title: '组件', icon: 'iEL-home-filled' },
+    children: [
+      {
+        path: 'drag',
+        name: 'RtDrag',
+        component: () => import('@/views/components/drag/index.vue'),
+        meta: { title: '拖拽组件' },
+      },
+    ],
+  },
   {
     path: '/useradmin',
     component: Layout,

src/views/components/drag/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div ref="chartRef" class="chartRef"></div>
+</template>
+<script lang="ts">
+  export default {
+    name: 'RtDrag',
+  };
+</script>
+<script lang="ts" setup></script>
+
+<style scoped lang="scss">
+  .chartRef {
+    width: 100%;
+    height: 380px;
+  }
+</style>

src/views/index/index.vue

@@ -51,6 +51,12 @@
   </div>
 </template>
 
+<script lang="ts">
+  export default {
+    name: 'RtWelcome',
+  };
+</script>
+
 <script setup lang="ts">
   import SeamlessScroll from '@/components/SeamlessScroll/index.vue';
   import WeDetails from './components/WeDetails.vue';

src/views/login/index.vue

@@ -61,7 +61,7 @@
   import { addClass, removeClass } from '@/utils/operate';
   import { deffHttp } from '@/utils/axios';
 
-  import { useI18n } from '@/hooks/useI18n';
+  import { useI18n } from '@/hooks/web/useI18n';
 
   const { t } = useI18n();