feat: scroll component

d2-admin/components/d2/scroll/index.jsx

@@ -23,7 +23,7 @@ export const callbacks = [
 
 export const emits = callbacks.map(name => kebabCase(name.replace(/^on/, '')))
 
-const name = 'scrollbar'
+const name = 'scroll'
 
 export const componentName = makeComponentName(name)
 export const classname = makeComponentClassName(name)

d2-projects/d2-scrollbar/index.js

@@ -1,7 +0,0 @@
-import scrollbar from './src/scrollbar.jsx'
-
-scrollbar.install = app => {
-  app.component(scrollbar.name, scrollbar)
-}
-
-export default scrollbar

src/App.vue

@@ -9,9 +9,9 @@
 
 <script setup>
 import { useMenuMainStore } from 'd2-admin/store/menu-main.js'
-import { menusAside } from '@/menus/index.js'
+import { menus } from '@/menus/index.js'
 
 const menuMainStore = useMenuMainStore()
 
-menuMainStore.setMenus(menusAside)
+menuMainStore.setMenus(menus)
 </script>

src/menus/index.js

@@ -1,6 +1,6 @@
 import { Menu } from 'd2-admin/utils/menu.js'
 
-export const menusAside = [
+export const menus = [
   new Menu('演示')
     .icon('fluent:phone-vertical-scroll-24-filled')
     .add(
@@ -16,21 +16,16 @@ export const menusAside = [
       new Menu('组件')
         .add(
           new Menu('滚动容器')
-            .scope('/dashboard/demo/component')
-            .add(
-            new Menu('基础')
-              .url('/scrollbar')
-              .icon('fluent:phone-vertical-scroll-24-filled')
-          )
+            .scope('/dashboard/demo/component/scroll')
+            .add(new Menu('基础').url('/base').icon('fluent:phone-vertical-scroll-24-filled'))
         )
         .add(
           new Menu('svg 图标')
-            .scope('/dashboard/demo/component')
-            .add(
-            new Menu('基础')
-              .url('/svg')
-          )
+            .scope('/dashboard/demo/component/svg')
+            .add(new Menu('基础').url('/base'))
         )
     )
     .value()
 ]
+
+console.log('menus', menus)

src/router/index.js

@@ -1,6 +1,8 @@
 import { createRouter, createWebHashHistory } from 'vue-router'
 import routes from 'virtual:generated-pages'
 
+console.log('routes', routes)
+
 const router = createRouter({
   history: createWebHashHistory(),
   routes

src/views/dashboard/demo/component/scrollbar/base.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    scrollbar
+    base
   </div>
 </template>