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/components/PropertyEditor.vue

@@ -27,6 +27,10 @@
           </div>
           <a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
             <a-collapse-item header="基本配置" key="1">
+              <div style="display: flex;justify-content: space-between;vertical-align: middle;">
+                <span>内容</span>
+                <a-input style="width: 150px;" />
+              </div>
             </a-collapse-item>
           </a-collapse>
           <a-collapse :expand-icon-position="`right`" :default-active-key="['1', 2]">
@@ -58,7 +62,18 @@ import { defineProps, computed, ref } from 'vue';
 const props = defineProps({
   scheme: Object
 });
-
 const selectedOption = ref('property')
 const scheme = computed(() => props.scheme || '');
-</script>
+</script>
+
+<style scoped>
+:deep(.arco-collapse-item-content)  {
+  background-color: #ffffff;
+}
+:deep(.arco-input-wrapper)  {
+  z-index: 1;
+  background-color: var(--color-bg-2);
+  border-color: rgb(var(--gray-4));
+  box-shadow: 0 0 0 0 var(--color-primary-light-2);
+}
+</style>

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',