feat(switch): add switch & fix bug

fix #82

packages/element-plus/index.ts

@@ -6,7 +6,7 @@ import ElCard from '@element-plus/card'
 import ElTag from '@element-plus/tag'
 import ElLayout from '@element-plus/layout'
 import ElDivider from '@element-plus/divider'
-import ElTimeLine from '@element-plus/time-line'
+import ElTimeline from '@element-plus/timeline'
 import ElProgress from '@element-plus/progress'
 import ElBreadcrumb from '@element-plus/breadcrumb'
 import ElIcon from '@element-plus/icon'
@@ -22,7 +22,7 @@ export {
   ElCard,
   ElDivider,
   ElTag,
-  ElTimeLine,
+  ElTimeline,
   ElProgress,
   ElBreadcrumb,
   ElIcon,
@@ -39,7 +39,7 @@ export default function install(app: App): void {
   ElTag(app)
   ElLayout(app)
   ElDivider(app)
-  ElTimeLine(app)
+  ElTimeline(app)
   ElProgress(app)
   ElBreadcrumb(app)
   ElIcon(app)

packages/element-plus/package.json

@@ -19,6 +19,8 @@
     "@element-plus/button": "^0.0.0",
     "@element-plus/breadcrumb": "^0.0.0",
     "@element-plus/card": "^0.0.0",
+    "@element-plus/tag": "^0.0.0",
+    "@element-plus/timeline": "^0.0.0",
     "@element-plus/divider": "^0.0.0",
     "@element-plus/icon": "^0.0.0",
     "@element-plus/layout": "^0.0.0",

packages/switch/doc/basic.vue

@@ -6,11 +6,11 @@
     </div>
     <div>
       use :value
-      <el-switch :value="true" />
+      <el-switch :value="value" @change="value = $event" />
     </div>
     <div>
       use :model-value
-      <el-switch :model-value="true" />
+      <el-switch :model-value="modelValue" @update:modelValue="modelValue = $event" />
     </div>
   </div>
 </template>
@@ -21,6 +21,8 @@ export default defineComponent({
   data() {
     return {
       v: true,
+      value: true,
+      modelValue: true,
     }
   },
 })

packages/time-line/index.ts

@@ -1,7 +0,0 @@
-import { App } from 'vue'
-import TimeLine from './src/index.vue'
-import TimeLineItem from './src/item.vue'
-export default (app: App): void => {
-  app.component(TimeLine.name, TimeLine)
-  app.component(TimeLineItem.name, TimeLineItem)
-}

packages/timeline/doc/basic.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="block">
-    <el-time-line>
-      <el-time-line-item
+    <el-timeline>
+      <el-timeline-item
         v-for="(activity, index) in activities"
         :key="index"
         :timestamp="activity.timestamp"
@@ -11,8 +11,8 @@
         :icon="activity.icon"
       >
         {{ activity.content }}
-      </el-time-line-item>
-    </el-time-line>
+      </el-timeline-item>
+    </el-timeline>
   </div>
 </template>
 

packages/timeline/doc/index.stories.ts

@@ -1,6 +1,6 @@
 export { default as BasicUsage } from './basic.vue'
 
 export default {
-  title: 'TimeLine',
+  title: 'Timeline',
 }
 

packages/timeline/index.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue'
+import Timeline from './src/index.vue'
+import TimelineItem from './src/item.vue'
+export default (app: App): void => {
+  app.component(Timeline.name, Timeline)
+  app.component(TimelineItem.name, TimelineItem)
+}

packages/timeline/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@element-plus/time-line",
+  "name": "@element-plus/timeline",
   "version": "0.0.0",
   "main": "dist/index.js",
   "license": "MIT",

packages/timeline/src/index.vue

@@ -2,7 +2,7 @@
 import { h, provide, defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'ElTimeLine',
+  name: 'ElTimeline',
   setup(props, ctx) {
     provide('timeline', ctx)
 

packages/timeline/src/item.vue

@@ -59,7 +59,7 @@ interface ITimeLineItemProps {
 }
 
 export default defineComponent({
-  name: 'ElTimeLineItem',
+  name: 'ElTimelineItem',
   props: {
     timestamp: {
       type: String,