feat: improve basic component

Author: kagol

devui/auto-complete/auto-complete.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop',
+  name: 'd-auto-complete',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop</div>
+      return <div>devui-auto-complete</div>
     }
   }
 })

devui/auto-complete/demo/auto-complete-demo.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop-demo',
+  name: 'd-auto-complete-demo',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop-demo</div>
+      return <div>devui-auto-complete-demo</div>
     }
   }
 })

devui/auto-complete/demo/auto-complete.route.ts

@@ -1,9 +1,9 @@
-import DragDropDemoComponent from './dragdrop-demo'
+import AutoCompleteDemoComponent from './auto-complete-demo'
 import DevUIApiComponent from '../../shared/devui-api/devui-api'
 
 const routes = [
   { path: '',  redirectTo: 'demo' },
-  { path: 'demo', component: DragDropDemoComponent},
+  { path: 'demo', component: AutoCompleteDemoComponent},
   { path: 'api', component: DevUIApiComponent, meta: {
     'zh-cn': '../doc/api-cn.md',
     'en-us': '../doc/api-en.md'

devui/avatar/avatar.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop',
+  name: 'd-avatar',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop</div>
+      return <div>devui-avatar</div>
     }
   }
 })

devui/avatar/demo/avatar-demo.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop-demo',
+  name: 'd-avatar-demo',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop-demo</div>
+      return <div>devui-avatar-demo</div>
     }
   }
 })

devui/avatar/demo/avatar.route.ts

@@ -1,9 +1,9 @@
-import DragDropDemoComponent from './dragdrop-demo'
+import AvatarDemoComponent from './avatar-demo'
 import DevUIApiComponent from '../../shared/devui-api/devui-api'
 
 const routes = [
   { path: '',  redirectTo: 'demo' },
-  { path: 'demo', component: DragDropDemoComponent},
+  { path: 'demo', component: AvatarDemoComponent},
   { path: 'api', component: DevUIApiComponent, meta: {
     'zh-cn': '../doc/api-cn.md',
     'en-us': '../doc/api-en.md'

devui/back-top/back-top.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop',
+  name: 'd-back-top',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop</div>
+      return <div>devui-back-top</div>
     }
   }
 })

devui/back-top/demo/back-top-demo.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop-demo',
+  name: 'd-back-top-demo',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop-demo</div>
+      return <div>devui-back-top-demo</div>
     }
   }
 })

devui/back-top/demo/back-top.route.ts

@@ -1,9 +1,9 @@
-import DragDropDemoComponent from './dragdrop-demo'
+import BackTopDemoComponent from './back-top-demo'
 import DevUIApiComponent from '../../shared/devui-api/devui-api'
 
 const routes = [
   { path: '',  redirectTo: 'demo' },
-  { path: 'demo', component: DragDropDemoComponent},
+  { path: 'demo', component: BackTopDemoComponent},
   { path: 'api', component: DevUIApiComponent, meta: {
     'zh-cn': '../doc/api-cn.md',
     'en-us': '../doc/api-en.md'

devui/badge/badge.tsx

@@ -1,12 +1,12 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'd-dragdrop',
+  name: 'd-badge',
   props: {
   },
   setup(props, ctx) {
     return () => {
-      return <div>devui-dragdrop</div>
+      return <div>devui-badge</div>
     }
   }
 })