ui调整

components.d.ts

@@ -11,10 +11,8 @@ declare module 'vue' {
     DynamicComponent: typeof import('./src/components/DynamicComponent.vue')['default']
     ElTable: typeof import('./src/components/ElTable.vue')['default']
     MainView: typeof import('./src/components/MainView.vue')['default']
-    NestedDirective: typeof import('./src/components/NestedDirective.vue')['default']
     NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
     PropertyEditor: typeof import('./src/components/PropertyEditor.vue')['default']
     TestComponent: typeof import('./src/components/TestComponent.vue')['default']
-    VueDemo: typeof import('./src/components/VueDemo.vue')['default']
   }
 }

src/components/MainView.vue

@@ -163,7 +163,8 @@ useDraggable(el2, componentsList, {
 .component-list-inner {
   display: flex;
   flex-direction: column;
-  height: 500px;
+  overflow-y: auto;
+  height: 960px; 
 }
 
 .component-item {

src/style.css

@@ -47,11 +47,6 @@ button {
 button:hover {
   border-color: #646cff;
 }
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
 .card {
   padding: 2em;
 }

vite.config.ts

@@ -1,5 +1,4 @@
 import { defineConfig } from 'vite'
-import path from 'path'
 import { fileURLToPath, URL } from 'node:url'
 import vue from '@vitejs/plugin-vue'
 // import vueDevTools from 'vite-plugin-vue-devtools'
@@ -18,14 +17,6 @@ export default defineConfig({
         'vue',
         'vue-router',
         '@vueuse/core',
-        {
-          'naive-ui': [
-            'useDialog',
-            'useMessage',
-            'useNotification',
-            'useLoadingBar'
-          ]
-        }
       ],
       dirs: [
         './src/components/*/index.vue',