feat: 完善grid-layout

apps/admin/package.json

@@ -29,6 +29,7 @@
     "@vben/constants": "workspace:*",
     "@vben/demo": "workspace:*",
     "@vben/directives": "workspace:*",
+    "@vben/grid-layouts": "workspace:*",
     "@vben/hooks": "workspace:*",
     "@vben/layouts": "workspace:*",
     "@vben/locale": "workspace:*",

apps/admin/src/layout/index.vue

@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import { Layout } from '@vben/layouts'
 
+// import { Layout } from '@vben/grid-layouts'
+
 </script>
 
 <template>

apps/admin/src/pages/demo/editor/monaco-editor.vue

@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import * as monaco from 'monaco-editor'
-import { onMounted } from 'vue'
-let editor = $ref(null)
+import { onMounted, ref } from 'vue'
+let editor = ref(null)
 onMounted(() => {
   initEditor()
 })
 const initEditor = () => {
   // Initialize editor , Make sure dom Has rendered
-  editor = monaco.editor.create(document.getElementById('codeEditBox'), {
+  editor.value = monaco.editor.create(document.getElementById('codeEditBox'), {
     value: 'console.log("Hello, world")',
     language: 'javascript',
   })

apps/grid-admin/src/pages/dashboard/analysis/index.vue → apps/admin/src/pages/test/test.vue

@@ -2,5 +2,5 @@
 
 </script>
 <template>
-  <div class="p-4">analysis</div>
+  <div>业务逻辑测试页面</div>
 </template>

apps/admin/src/router/guard.ts

@@ -7,7 +7,7 @@ import {
   createTabsGuard,
   createParamMenuGuard,
 } from '@vben/router'
-import { setRouteChange } from '@/logics/mitt/routeChange'
+import { setRouteChange } from '@vben/router'
 import { useLockStore } from '@/store/lock'
 
 async function setupRouteGuard() {

apps/admin/src/router/routes/modules/test/test.ts

@@ -7,17 +7,19 @@ const test: RouteRecordItem = {
   redirect: '/test/test',
   meta: {
     orderNo: 1,
-    icon: 'mdi:monitor-dashboard',
+    icon: 'ph:code-bold',
     title: '测试',
+    root: true,
   },
   children: [
     {
       path: 'test',
-      name: 'TTTT',
-      component: () => import('@/pages/dashboard/analysis/index.vue'),
+      name: 'ttest',
+      component: () => import('@/pages/test/test.vue'),
       meta: {
         icon: 'mdi:monitor-dashboard',
         title: 'Test',
+        collapsedShowTitle: true,
       },
     },
   ],