From 5c53291b76f48bca6bace31d06f596e5ad0e81e8 Mon Sep 17 00:00:00 2001
From: Gimmy <975402925@qq.com>
Date: Tue, 29 Oct 2024 10:01:11 +0800
Subject: [PATCH] docs: fix error demos after add prefix

---
 .../mobile-first/app/tabs/tabdata-title.vue      |  8 ++++----
 .../mobile-first/app/tabs/tabs-draggable.vue     | 16 ++++++++--------
 .../mobile-first/app/tabs/tabs-events-add.vue    |  6 +++---
 .../mobile-first/app/tabs/tabs-events-close.vue  |  6 +++---
 .../mobile-first/app/tabs/tabs-events-edit.vue   |  4 ++--
 .../demos/mobile-first/app/tabs/tabs-tabs.vue    |  6 +++---
 .../demos/mobile-first/app/tabs/with-add.vue     |  8 ++++----
 examples/sites/demos/mobile/app/tabs/expand.vue  |  4 ++--
 .../sites/demos/pc/app/config-provider/base.vue  |  2 +-
 .../demos/pc/app/fall-menu/custom-menuitem.vue   |  4 ++--
 .../pc/app/fall-menu/custom-slider-icon.vue      |  4 ++--
 .../demos/pc/app/fall-menu/data-resource.vue     |  2 +-
 .../start-index-composition-api.vue              |  2 +-
 .../pc/app/grid/serial-column/start-index.vue    |  2 +-
 .../sites/demos/pc/app/loading/fullscreen.vue    |  2 +-
 examples/sites/demos/pc/app/sticky/events.vue    |  4 ++--
 .../tabs/custom-more-icon-composition-api.vue    |  6 +++---
 .../sites/demos/pc/app/tabs/custom-more-icon.vue |  6 +++---
 .../app/tabs/more-show-all-composition-api.vue   |  6 +++---
 .../sites/demos/pc/app/tabs/more-show-all.vue    |  6 +++---
 .../demos/pc/app/tabs/size-composition-api.vue   | 10 +++++-----
 examples/sites/demos/pc/app/tabs/size.vue        | 10 +++++-----
 .../app/tabs/tabs-draggable-composition-api.vue  | 16 ++++++++--------
 .../sites/demos/pc/app/tabs/tabs-draggable.vue   | 16 ++++++++--------
 .../tabs/tabs-events-close-composition-api.vue   |  6 +++---
 .../demos/pc/app/tabs/tabs-events-close.vue      |  6 +++---
 .../tabs/tabs-events-edit-composition-api.vue    |  4 ++--
 .../sites/demos/pc/app/tabs/tabs-events-edit.vue |  4 ++--
 .../app/tabs/tabs-separator-composition-api.vue  |  6 +++---
 .../sites/demos/pc/app/tabs/tabs-separator.vue   |  6 +++---
 .../pc/app/tabs/with-add-composition-api.vue     |  6 +++---
 examples/sites/demos/pc/app/tabs/with-add.vue    |  6 +++---
 .../demos/pc/app/time-picker/format.spec.ts      |  2 +-
 33 files changed, 101 insertions(+), 101 deletions(-)

diff --git a/examples/sites/demos/mobile-first/app/tabs/tabdata-title.vue b/examples/sites/demos/mobile-first/app/tabs/tabdata-title.vue
index 6fedcea37c..b01ff85662 100644
--- a/examples/sites/demos/mobile-first/app/tabs/tabdata-title.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/tabdata-title.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" v-if="showTab" tab-style="card" :with-close="true" @close="close">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -18,12 +18,12 @@ export default {
     return {
       activeName: '',
       showTab: false,
-      TinyTabs: []
+      tabs: []
     }
   },
   mounted() {
     setTimeout(() => {
-      this.TinyTabs = [
+      this.tabs = [
         {
           title: '表单组件',
           name: 'first',
@@ -57,7 +57,7 @@ export default {
   },
   methods: {
     close(name) {
-      this.TinyTabs = this.TinyTabs.filter((tab) => {
+      this.tabs = this.tabs.filter((tab) => {
         return tab.name !== name
       })
     }
diff --git a/examples/sites/demos/mobile-first/app/tabs/tabs-draggable.vue b/examples/sites/demos/mobile-first/app/tabs/tabs-draggable.vue
index 79a6b97696..e4c15a351c 100644
--- a/examples/sites/demos/mobile-first/app/tabs/tabs-draggable.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/tabs-draggable.vue
@@ -12,7 +12,7 @@
     @tab-drag-over="handleOver"
     @tab-drag-end="handleEnd"
   >
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -34,7 +34,7 @@ export default {
       dropConfig: {
         plugin: Sortable
       },
-      TinyTabs: [
+      tabs: [
         {
           title: 'Tab 1',
           name: '1',
@@ -62,15 +62,15 @@ export default {
     },
     handleEnd(event) {
       const { oldDraggableIndex, newDraggableIndex } = event
-      const tab = this.TinyTabs.splice(oldDraggableIndex, 1)[0]
-      this.TinyTabs.splice(newDraggableIndex, 0, tab)
+      const tab = this.tabs.splice(oldDraggableIndex, 1)[0]
+      this.tabs.splice(newDraggableIndex, 0, tab)
 
-      console.log(this.TinyTabs)
+      console.log(this.tabs)
     },
     handleAdd() {
-      this.TinyTabs.push({
-        title: 'Tab ' + String(this.TinyTabs.length + 1),
-        name: String(this.TinyTabs.length + 1),
+      this.tabs.push({
+        title: 'Tab ' + String(this.tabs.length + 1),
+        name: String(this.tabs.length + 1),
         content: '动态增加tabitem'
       })
     }
diff --git a/examples/sites/demos/mobile-first/app/tabs/tabs-events-add.vue b/examples/sites/demos/mobile-first/app/tabs/tabs-events-add.vue
index 39efdc681f..e6d6547c34 100644
--- a/examples/sites/demos/mobile-first/app/tabs/tabs-events-add.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/tabs-events-add.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" :with-add="true" @add="add" tab-style="card">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -16,7 +16,7 @@ export default {
   },
   data() {
     return {
-      TinyTabs: [
+      tabs: [
         {
           title: '表单组件',
           name: 'first',
@@ -49,7 +49,7 @@ export default {
         message: '动态增加 tabitem'
       })
 
-      this.TinyTabs.push({
+      this.tabs.push({
         title: 'Tab ++',
         name: ++this.tabIndex + '',
         content: '动态增加 tabitem'
diff --git a/examples/sites/demos/mobile-first/app/tabs/tabs-events-close.vue b/examples/sites/demos/mobile-first/app/tabs/tabs-events-close.vue
index 87ce5eb595..c467221288 100644
--- a/examples/sites/demos/mobile-first/app/tabs/tabs-events-close.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/tabs-events-close.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" tab-style="card" :with-close="true" :before-close="beforeClose" @close="close">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -17,7 +17,7 @@ export default {
   data() {
     return {
       activeName: 'first',
-      TinyTabs: [
+      tabs: [
         {
           title: '表单组件',
           name: 'first',
@@ -57,7 +57,7 @@ export default {
         message: '关闭 ' + name + ' 页签'
       })
 
-      this.TinyTabs = this.TinyTabs.filter((tab) => {
+      this.tabs = this.tabs.filter((tab) => {
         return tab.name !== name
       })
     }
diff --git a/examples/sites/demos/mobile-first/app/tabs/tabs-events-edit.vue b/examples/sites/demos/mobile-first/app/tabs/tabs-events-edit.vue
index ca03e2b34b..6e3b65c453 100644
--- a/examples/sites/demos/mobile-first/app/tabs/tabs-events-edit.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/tabs-events-edit.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" tab-style="card" editable @edit="edit">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -17,7 +17,7 @@ export default {
   data() {
     return {
       activeName: 'first',
-      TinyTabs: [
+      tabs: [
         {
           title: '表单组件',
           name: 'first',
diff --git a/examples/sites/demos/mobile-first/app/tabs/tabs-tabs.vue b/examples/sites/demos/mobile-first/app/tabs/tabs-tabs.vue
index 2ceda522bc..c4b3808646 100644
--- a/examples/sites/demos/mobile-first/app/tabs/tabs-tabs.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/tabs-tabs.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" v-if="showTab" tab-style="card" :with-close="true" @close="close">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
       <tiny-tabs v-model="activeName1" v-if="item.name === 'f1'">
         <tiny-tab-item title="s1子标签页" name="s1">
@@ -32,7 +32,7 @@ export default {
       activeName: 'f1',
       activeName2: 'ss1',
       showTab: true,
-      TinyTabs: [
+      tabs: [
         {
           title: '表单组件',
           name: 'f1',
@@ -53,7 +53,7 @@ export default {
   },
   methods: {
     close(name) {
-      this.TinyTabs = this.TinyTabs.filter((tab) => {
+      this.tabs = this.tabs.filter((tab) => {
         return tab.name !== name
       })
     }
diff --git a/examples/sites/demos/mobile-first/app/tabs/with-add.vue b/examples/sites/demos/mobile-first/app/tabs/with-add.vue
index 399c2bcf2b..25e094671f 100644
--- a/examples/sites/demos/mobile-first/app/tabs/with-add.vue
+++ b/examples/sites/demos/mobile-first/app/tabs/with-add.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs tab-style="card" :editable="false" :with-add="true" @add="handleadd" style="width: 500px" show-more-tabs>
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -16,7 +16,7 @@ export default {
   },
   data() {
     return {
-      TinyTabs: [
+      tabs: [
         {
           title: 'Tab 1',
           name: '1',
@@ -35,10 +35,10 @@ export default {
   methods: {
     handleadd() {
       // 如果tabItem数量小于指定值就可以新增
-      if (this.TinyTabs.length < this.maxCount) {
+      if (this.tabs.length < this.maxCount) {
         const name = `${++this.tabIndex}`
         const title = `Tab ++ ${name}`
-        this.TinyTabs.push({ title, name, content: '动态增加tabitem - ' + name })
+        this.tabs.push({ title, name, content: '动态增加tabitem - ' + name })
       } else {
         TinyModal.message('tabitem数量已到最大值')
       }
diff --git a/examples/sites/demos/mobile/app/tabs/expand.vue b/examples/sites/demos/mobile/app/tabs/expand.vue
index dce254ee96..306fe9dfa7 100644
--- a/examples/sites/demos/mobile/app/tabs/expand.vue
+++ b/examples/sites/demos/mobile/app/tabs/expand.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="demo-tabs">
     <tiny-tabs v-model="activeName" show-expand-tabs expand-tabs-title="请选择" expand-tabs-mode="columns">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
   </div>
 </template>
@@ -16,7 +16,7 @@ export default {
   },
   data() {
     return {
-      TinyTabs: [
+      tabs: [
         {
           title: '标签 1',
           name: '1',
diff --git a/examples/sites/demos/pc/app/config-provider/base.vue b/examples/sites/demos/pc/app/config-provider/base.vue
index a4c1a3e436..685870eca1 100644
--- a/examples/sites/demos/pc/app/config-provider/base.vue
+++ b/examples/sites/demos/pc/app/config-provider/base.vue
@@ -21,7 +21,7 @@ export default {
         name: 'smb', // 设计规范名称
         version: '1.0.0', // 设计规范版本号
         components: {
-          TinyAlert: {
+          Alert: {
             icons: {
               warning: iconWarningTriangle()
             },
diff --git a/examples/sites/demos/pc/app/fall-menu/custom-menuitem.vue b/examples/sites/demos/pc/app/fall-menu/custom-menuitem.vue
index be2efeecbb..66216525d7 100644
--- a/examples/sites/demos/pc/app/fall-menu/custom-menuitem.vue
+++ b/examples/sites/demos/pc/app/fall-menu/custom-menuitem.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="left-panel">
-    <fall-menu :data="dataset">
+    <tiny-fall-menu :data="dataset">
       <template #level1="data">
         <a>{{ `${data.slotScope.title} level1 ` }}</a>
       </template>
@@ -10,7 +10,7 @@
       <template #level3="data">
         <a v-for="(level3, index) in data.slotScope" :href="level3.url" :key="index">{{ `${level3.title} level3 ` }}</a>
       </template>
-    </fall-menu>
+    </tiny-fall-menu>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/fall-menu/custom-slider-icon.vue b/examples/sites/demos/pc/app/fall-menu/custom-slider-icon.vue
index 6cfd1947c1..dc360d2b80 100644
--- a/examples/sites/demos/pc/app/fall-menu/custom-slider-icon.vue
+++ b/examples/sites/demos/pc/app/fall-menu/custom-slider-icon.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="left-panel">
-    <fall-menu :data="dataset">
+    <tiny-fall-menu :data="dataset">
       <template #left>
         <icon-left class="tiny-svg-size" />
       </template>
       <template #right>
         <icon-right class="tiny-svg-size" />
       </template>
-    </fall-menu>
+    </tiny-fall-menu>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/fall-menu/data-resource.vue b/examples/sites/demos/pc/app/fall-menu/data-resource.vue
index 89ce84a287..f6d269f593 100644
--- a/examples/sites/demos/pc/app/fall-menu/data-resource.vue
+++ b/examples/sites/demos/pc/app/fall-menu/data-resource.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="left-panel">
-    <fall-menu :data="dataset"></fall-menu>
+    <tiny-fall-menu :data="dataset"></tiny-fall-menu>
   </div>
 </template>
 
diff --git a/examples/sites/demos/pc/app/grid/serial-column/start-index-composition-api.vue b/examples/sites/demos/pc/app/grid/serial-column/start-index-composition-api.vue
index 83892feb5e..855ec0f9b9 100644
--- a/examples/sites/demos/pc/app/grid/serial-column/start-index-composition-api.vue
+++ b/examples/sites/demos/pc/app/grid/serial-column/start-index-composition-api.vue
@@ -5,7 +5,7 @@
       seq-serial
       :start-index="200"
       :pager="{
-        component: Pager,
+        component: TinyPager,
         attrs: {
           currentPage: 1,
           pageSize: 5,
diff --git a/examples/sites/demos/pc/app/grid/serial-column/start-index.vue b/examples/sites/demos/pc/app/grid/serial-column/start-index.vue
index e1560d76d8..b3d520fcb4 100644
--- a/examples/sites/demos/pc/app/grid/serial-column/start-index.vue
+++ b/examples/sites/demos/pc/app/grid/serial-column/start-index.vue
@@ -5,7 +5,7 @@
       seq-serial
       :start-index="200"
       :pager="{
-        component: Pager,
+        component: TinyPager,
         attrs: {
           currentPage: 1,
           pageSize: 5,
diff --git a/examples/sites/demos/pc/app/loading/fullscreen.vue b/examples/sites/demos/pc/app/loading/fullscreen.vue
index 7c8b8dd874..cd2aed0ab7 100644
--- a/examples/sites/demos/pc/app/loading/fullscreen.vue
+++ b/examples/sites/demos/pc/app/loading/fullscreen.vue
@@ -15,7 +15,7 @@ export default {
     TinyButton
   },
   directives: {
-    TinyLoading: TinyLoading.directive
+    Loading: TinyLoading.directive
   },
   data() {
     return {
diff --git a/examples/sites/demos/pc/app/sticky/events.vue b/examples/sites/demos/pc/app/sticky/events.vue
index 91028a6ba0..08f5713b0c 100644
--- a/examples/sites/demos/pc/app/sticky/events.vue
+++ b/examples/sites/demos/pc/app/sticky/events.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script>
-import { TinySticky, TinyButton } from '@opentiny/vue'
+import { TinySticky, TinyButton, TinyModal } from '@opentiny/vue'
 
 export default {
   components: {
@@ -16,7 +16,7 @@ export default {
   },
   methods: {
     change(isFixed) {
-      Modal.message({
+      TinyModal.message({
         message: `触发 change 事件，当前isFixed为：${isFixed}`,
         status: 'info'
       })
diff --git a/examples/sites/demos/pc/app/tabs/custom-more-icon-composition-api.vue b/examples/sites/demos/pc/app/tabs/custom-more-icon-composition-api.vue
index 0d3c7f1c5a..50328db236 100644
--- a/examples/sites/demos/pc/app/tabs/custom-more-icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/custom-more-icon-composition-api.vue
@@ -3,7 +3,7 @@
     <template #moreIcon>
       <tiny-icon-popup />
     </template>
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -14,13 +14,13 @@ import { reactive } from 'vue'
 import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 import { iconPopup } from '@opentiny/vue-icon'
 
-const Tabs = reactive([])
+const tabs = reactive([])
 const TinyIconPopup = iconPopup()
 
 // 创建tabs
 for (let i = 1; i < 9; i++) {
   const title = `Tab ${i}`
-  Tabs.push({
+  tabs.push({
     title,
     name: i + '',
     content: `${title} content `
diff --git a/examples/sites/demos/pc/app/tabs/custom-more-icon.vue b/examples/sites/demos/pc/app/tabs/custom-more-icon.vue
index 447e084278..74302d23ed 100644
--- a/examples/sites/demos/pc/app/tabs/custom-more-icon.vue
+++ b/examples/sites/demos/pc/app/tabs/custom-more-icon.vue
@@ -3,7 +3,7 @@
     <template #moreIcon>
       <tiny-icon-popup />
     </template>
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -21,14 +21,14 @@ export default {
   },
   data() {
     return {
-      TinyTabs: []
+      tabs: []
     }
   },
   created() {
     // 创建tabs
     for (let i = 1; i < 9; i++) {
       const title = `Tab ${i}`
-      this.TinyTabs.push({
+      this.tabs.push({
         title,
         name: i + '',
         content: `${title} content `
diff --git a/examples/sites/demos/pc/app/tabs/more-show-all-composition-api.vue b/examples/sites/demos/pc/app/tabs/more-show-all-composition-api.vue
index bc2438d283..732d247d46 100644
--- a/examples/sites/demos/pc/app/tabs/more-show-all-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/more-show-all-composition-api.vue
@@ -3,7 +3,7 @@
     <template #moreIcon>
       <tiny-icon-popup />
     </template>
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -14,13 +14,13 @@ import { reactive } from 'vue'
 import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 import { iconPopup } from '@opentiny/vue-icon'
 
-const Tabs = reactive([])
+const tabs = reactive([])
 const TinyIconPopup = iconPopup()
 
 // 创建tabs
 for (let i = 1; i < 101; i++) {
   const title = `Tab ${i}`
-  Tabs.push({
+  tabs.push({
     title,
     name: i + '',
     content: `${title} content `
diff --git a/examples/sites/demos/pc/app/tabs/more-show-all.vue b/examples/sites/demos/pc/app/tabs/more-show-all.vue
index aad725de0f..a16422a7f8 100644
--- a/examples/sites/demos/pc/app/tabs/more-show-all.vue
+++ b/examples/sites/demos/pc/app/tabs/more-show-all.vue
@@ -3,7 +3,7 @@
     <template #moreIcon>
       <tiny-icon-popup />
     </template>
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -21,14 +21,14 @@ export default {
   },
   data() {
     return {
-      TinyTabs: []
+      tabs: []
     }
   },
   created() {
     // 创建tabs
     for (let i = 1; i < 101; i++) {
       const title = `Tab ${i}`
-      this.TinyTabs.push({
+      this.tabs.push({
         title,
         name: i + '',
         content: `${title} content `
diff --git a/examples/sites/demos/pc/app/tabs/size-composition-api.vue b/examples/sites/demos/pc/app/tabs/size-composition-api.vue
index 296ba69e0c..85b73f49f4 100644
--- a/examples/sites/demos/pc/app/tabs/size-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/size-composition-api.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
     <tiny-tabs v-model="activeName" size="small">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
     <tiny-tabs v-model="activeName" separator size="small">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
     <tiny-tabs v-model="activeName" tab-style="button-card" size="small">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
   </div>
 </template>
@@ -17,12 +17,12 @@ import { ref, reactive } from 'vue'
 import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 
 const activeName = ref('1')
-const Tabs = reactive([])
+const tabs = reactive([])
 
 // 创建tabs
 for (let i = 1; i < 5; i++) {
   const title = `Tab ${i}`
-  Tabs.push({
+  tabs.push({
     title,
     name: i + '',
     content: `${title} content `
diff --git a/examples/sites/demos/pc/app/tabs/size.vue b/examples/sites/demos/pc/app/tabs/size.vue
index f8efcb391f..9b193c34e6 100644
--- a/examples/sites/demos/pc/app/tabs/size.vue
+++ b/examples/sites/demos/pc/app/tabs/size.vue
@@ -1,13 +1,13 @@
 <template>
   <div>
     <tiny-tabs v-model="activeName" size="small">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
     <tiny-tabs v-model="activeName" separator size="small">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
     <tiny-tabs v-model="activeName" tab-style="button-card" size="small">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name"> </tiny-tab-item>
     </tiny-tabs>
   </div>
 </template>
@@ -23,14 +23,14 @@ export default {
   data() {
     return {
       activeName: '1',
-      TinyTabs: []
+      tabs: []
     }
   },
   created() {
     // 创建tabs
     for (let i = 1; i < 5; i++) {
       const title = `Tab ${i}`
-      this.TinyTabs.push({
+      this.tabs.push({
         title,
         name: i + '',
         content: `${title} content `
diff --git a/examples/sites/demos/pc/app/tabs/tabs-draggable-composition-api.vue b/examples/sites/demos/pc/app/tabs/tabs-draggable-composition-api.vue
index 79f884ca92..06a081db87 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-draggable-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-draggable-composition-api.vue
@@ -10,7 +10,7 @@
     @tab-drag-over="handleOver"
     @tab-drag-end="handleEnd"
   >
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -25,7 +25,7 @@ const tabName = ref('2')
 const dropConfig = ref({
   plugin: Sortable
 })
-const Tabs = ref([
+const tabs = ref([
   {
     title: 'Tab 1',
     name: '1',
@@ -53,16 +53,16 @@ function handleOver(event) {
 
 function handleEnd(event) {
   const { oldDraggableIndex, newDraggableIndex } = event
-  const tab = Tabs.value.splice(oldDraggableIndex, 1)[0]
-  Tabs.value.splice(newDraggableIndex, 0, tab)
+  const tab = tabs.value.splice(oldDraggableIndex, 1)[0]
+  tabs.value.splice(newDraggableIndex, 0, tab)
 
-  console.log(Tabs.value)
+  console.log(tabs.value)
 }
 
 function handleAdd() {
-  Tabs.value.push({
-    title: 'Tab ' + String(Tabs.value.length + 1),
-    name: String(Tabs.value.length + 1),
+  tabs.value.push({
+    title: 'Tab ' + String(tabs.value.length + 1),
+    name: String(tabs.value.length + 1),
     content: '动态增加tabitem'
   })
 }
diff --git a/examples/sites/demos/pc/app/tabs/tabs-draggable.vue b/examples/sites/demos/pc/app/tabs/tabs-draggable.vue
index a497c87c09..68c23ec042 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-draggable.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-draggable.vue
@@ -10,7 +10,7 @@
     @tab-drag-over="handleOver"
     @tab-drag-end="handleEnd"
   >
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -31,7 +31,7 @@ export default {
       dropConfig: {
         plugin: Sortable
       },
-      TinyTabs: [
+      tabs: [
         {
           title: 'Tab 1',
           name: '1',
@@ -59,15 +59,15 @@ export default {
     },
     handleEnd(event) {
       const { oldDraggableIndex, newDraggableIndex } = event
-      const tab = this.TinyTabs.splice(oldDraggableIndex, 1)[0]
-      this.TinyTabs.splice(newDraggableIndex, 0, tab)
+      const tab = this.tabs.splice(oldDraggableIndex, 1)[0]
+      this.tabs.splice(newDraggableIndex, 0, tab)
 
-      console.log(this.TinyTabs)
+      console.log(this.tabs)
     },
     handleAdd() {
-      this.TinyTabs.push({
-        title: 'Tab ' + String(this.TinyTabs.length + 1),
-        name: String(this.TinyTabs.length + 1),
+      this.tabs.push({
+        title: 'Tab ' + String(this.tabs.length + 1),
+        name: String(this.tabs.length + 1),
         content: '动态增加tabitem'
       })
     }
diff --git a/examples/sites/demos/pc/app/tabs/tabs-events-close-composition-api.vue b/examples/sites/demos/pc/app/tabs/tabs-events-close-composition-api.vue
index f598daee8e..5f5de8bfe5 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-events-close-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-events-close-composition-api.vue
@@ -2,7 +2,7 @@
   <tiny-tabs v-model="activeName" tab-style="card" :with-close="true" :before-close="beforeClose" @close="close">
     <tiny-tab-item
       :key="item.name"
-      v-for="item in Tabs"
+      v-for="item in tabs"
       :title="item.title"
       :name="item.name"
       :with-close="item.withClose"
@@ -17,7 +17,7 @@ import { ref, getCurrentInstance } from 'vue'
 import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 
 const activeName = ref('first')
-const Tabs = ref([
+const tabs = ref([
   {
     title: '表单组件',
     name: 'first',
@@ -58,7 +58,7 @@ function close(name) {
     message: '关闭 ' + name + ' 页签'
   })
 
-  Tabs.value = Tabs.value.filter((tab) => {
+  tabs.value = tabs.value.filter((tab) => {
     return tab.name !== name
   })
 }
diff --git a/examples/sites/demos/pc/app/tabs/tabs-events-close.vue b/examples/sites/demos/pc/app/tabs/tabs-events-close.vue
index 629b13c791..08c4f7d474 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-events-close.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-events-close.vue
@@ -2,7 +2,7 @@
   <tiny-tabs v-model="activeName" tab-style="card" :with-close="true" :before-close="beforeClose" @close="close">
     <tiny-tab-item
       :key="item.name"
-      v-for="item in Tabs"
+      v-for="item in tabs"
       :title="item.title"
       :name="item.name"
       :with-close="item.withClose"
@@ -23,7 +23,7 @@ export default {
   data() {
     return {
       activeName: 'first',
-      TinyTabs: [
+      tabs: [
         {
           title: '表单组件',
           name: 'first',
@@ -64,7 +64,7 @@ export default {
         message: '关闭 ' + name + ' 页签'
       })
 
-      this.TinyTabs = this.TinyTabs.filter((tab) => {
+      this.tabs = this.tabs.filter((tab) => {
         return tab.name !== name
       })
     }
diff --git a/examples/sites/demos/pc/app/tabs/tabs-events-edit-composition-api.vue b/examples/sites/demos/pc/app/tabs/tabs-events-edit-composition-api.vue
index b8389fe406..3dc7c891c4 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-events-edit-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-events-edit-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" tab-style="card" editable @edit="edit">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -11,7 +11,7 @@ import { ref, getCurrentInstance } from 'vue'
 import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 
 const activeName = ref('first')
-const Tabs = ref([
+const tabs = ref([
   {
     title: '表单组件',
     name: 'first',
diff --git a/examples/sites/demos/pc/app/tabs/tabs-events-edit.vue b/examples/sites/demos/pc/app/tabs/tabs-events-edit.vue
index 249f2a2ff3..33b396ea89 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-events-edit.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-events-edit.vue
@@ -1,6 +1,6 @@
 <template>
   <tiny-tabs v-model="activeName" tab-style="card" editable @edit="edit">
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -17,7 +17,7 @@ export default {
   data() {
     return {
       activeName: 'first',
-      TinyTabs: [
+      tabs: [
         {
           title: '表单组件',
           name: 'first',
diff --git a/examples/sites/demos/pc/app/tabs/tabs-separator-composition-api.vue b/examples/sites/demos/pc/app/tabs/tabs-separator-composition-api.vue
index b50a55f6ff..ae9e4660ee 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-separator-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-separator-composition-api.vue
@@ -25,7 +25,7 @@
     </tiny-tabs>
     <br /><br /><br /><br />
     <tiny-tabs separator :editable="false" :with-add="true" @add="handleadd" style="width: 500px">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
         {{ item.content }}
       </tiny-tab-item>
     </tiny-tabs>
@@ -39,7 +39,7 @@ import { TinyTabs, TinyTabItem } from '@opentiny/vue'
 const activeName1 = ref('first')
 const activeName2 = ref('second')
 const tabIndex = ref(2)
-const Tabs = reactive([
+const tabs = reactive([
   {
     title: 'Tab 1',
     name: '1',
@@ -53,7 +53,7 @@ const Tabs = reactive([
 ])
 
 const handleadd = () => {
-  Tabs.push({
+  tabs.push({
     title: 'Tab ++',
     name: ++tabIndex.value + '',
     content: '动态增加tabitem'
diff --git a/examples/sites/demos/pc/app/tabs/tabs-separator.vue b/examples/sites/demos/pc/app/tabs/tabs-separator.vue
index e1511a4583..5eb6799e1e 100644
--- a/examples/sites/demos/pc/app/tabs/tabs-separator.vue
+++ b/examples/sites/demos/pc/app/tabs/tabs-separator.vue
@@ -25,7 +25,7 @@
     </tiny-tabs>
     <br /><br /><br /><br />
     <tiny-tabs separator :editable="false" :with-add="true" @add="handleadd" style="width: 500px">
-      <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+      <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
         {{ item.content }}
       </tiny-tab-item>
     </tiny-tabs>
@@ -44,7 +44,7 @@ export default {
     return {
       activeName1: 'first',
       activeName2: 'second',
-      TinyTabs: [
+      tabs: [
         {
           title: 'Tab 1',
           name: '1',
@@ -61,7 +61,7 @@ export default {
   },
   methods: {
     handleadd() {
-      this.TinyTabs.push({
+      this.tabs.push({
         title: 'Tab ++',
         name: ++this.tabIndex + '',
         content: '动态增加tabitem'
diff --git a/examples/sites/demos/pc/app/tabs/with-add-composition-api.vue b/examples/sites/demos/pc/app/tabs/with-add-composition-api.vue
index 0a023bd817..7b9f84dd0a 100644
--- a/examples/sites/demos/pc/app/tabs/with-add-composition-api.vue
+++ b/examples/sites/demos/pc/app/tabs/with-add-composition-api.vue
@@ -7,7 +7,7 @@
     show-more-tabs
     popper-class="custom-class"
   >
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -17,7 +17,7 @@
 import { ref } from 'vue'
 import { TinyTabs, TinyTabItem, TinyModal } from '@opentiny/vue'
 
-const Tabs = ref([
+const tabs = ref([
   {
     title: 'Tab 1',
     name: '1',
@@ -37,7 +37,7 @@ function handleAdd() {
     status: 'success'
   })
 
-  Tabs.value.push({
+  tabs.value.push({
     title: 'Tab ++',
     name: ++tabIndex.value + '',
     content: '动态增加tabitem'
diff --git a/examples/sites/demos/pc/app/tabs/with-add.vue b/examples/sites/demos/pc/app/tabs/with-add.vue
index 167be1ae3d..ba1f3a2618 100644
--- a/examples/sites/demos/pc/app/tabs/with-add.vue
+++ b/examples/sites/demos/pc/app/tabs/with-add.vue
@@ -7,7 +7,7 @@
     show-more-tabs
     popper-class="custom-class"
   >
-    <tiny-tab-item :key="item.name" v-for="item in Tabs" :title="item.title" :name="item.name">
+    <tiny-tab-item :key="item.name" v-for="item in tabs" :title="item.title" :name="item.name">
       {{ item.content }}
     </tiny-tab-item>
   </tiny-tabs>
@@ -23,7 +23,7 @@ export default {
   },
   data() {
     return {
-      TinyTabs: [
+      tabs: [
         {
           title: 'Tab 1',
           name: '1',
@@ -45,7 +45,7 @@ export default {
         status: 'success'
       })
 
-      this.TinyTabs.push({
+      this.tabs.push({
         title: 'Tab ++',
         name: ++this.tabIndex + '',
         content: '动态增加tabitem'
diff --git a/examples/sites/demos/pc/app/time-picker/format.spec.ts b/examples/sites/demos/pc/app/time-picker/format.spec.ts
index 5babeec549..0a4c4c9bde 100644
--- a/examples/sites/demos/pc/app/time-picker/format.spec.ts
+++ b/examples/sites/demos/pc/app/time-picker/format.spec.ts
@@ -12,7 +12,7 @@ test('时间格式化', async ({ page }) => {
 
   await page.getByRole('textbox', { name: '19:40:00 pm' }).click()
   await page.waitForTimeout(100)
-  await page.getByRole('listitem').filter({ hasText: '08 pm' }).locator('span').click()
+  await page.getByRole('listitem').filter({ hasText: '08 pm' }).first().locator('span').click()
   await page.getByRole('button', { name: '确定' }).click()
   await page.waitForTimeout(100)
   await expect(page.getByRole('textbox', { name: '20:40:00 pm' })).toBeVisible()