test:1.组件嵌套拖拽

2.schema定义与动态绑定

vite.config.ts

@@ -5,21 +5,25 @@ import vue from '@vitejs/plugin-vue'
 // import vueDevTools from 'vite-plugin-vue-devtools'
 
 import AutoImport from 'unplugin-auto-import/vite'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import { ArcoResolver  } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     AutoImport({
-      resolvers: [ElementPlusResolver({ importStyle: 'sass' })],
+      resolvers: [ArcoResolver()],
       imports: [
         'vue',
         'vue-router',
         '@vueuse/core',
         {
-          from: 'element-plus',
-          imports: ['ElMessage', 'ElMessageBox']
+          'naive-ui': [
+            'useDialog',
+            'useMessage',
+            'useNotification',
+            'useLoadingBar'
+          ]
         }
       ],
       dirs: [
@@ -30,7 +34,11 @@ export default defineConfig({
       ]
     }),
     Components({
-      resolvers: [ElementPlusResolver({ importStyle: 'sass' })]
+      resolvers: [
+        ArcoResolver({
+          sideEffect: true
+        })
+      ]
     }),
     vue(),
     // vueDevTools()