diff --git a/examples/sites/demos/pc/app/base-select/all-text-composition-api.vue b/examples/sites/demos/pc/app/base-select/all-text-composition-api.vue
index 2a6a1abdab..bc99ab39f5 100644
--- a/examples/sites/demos/pc/app/base-select/all-text-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/all-text-composition-api.vue
@@ -11,11 +11,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '黄金糕' },
-  { value: '选项2', label: '双皮奶' },
-  { value: '选项3', label: '蚵仔煎' },
-  { value: '选项4', label: '龙须面' },
-  { value: '选项6', label: '螺蛳粉' }
+  { value: '选项 1', label: '黄金糕' },
+  { value: '选项 2', label: '双皮奶' },
+  { value: '选项 3', label: '蚵仔煎' },
+  { value: '选项 4', label: '龙须面' },
+  { value: '选项 6', label: '螺蛳粉' }
 ])
 
 const value = ref([])
diff --git a/examples/sites/demos/pc/app/base-select/all-text.vue b/examples/sites/demos/pc/app/base-select/all-text.vue
index e82f327fe5..726d47861b 100644
--- a/examples/sites/demos/pc/app/base-select/all-text.vue
+++ b/examples/sites/demos/pc/app/base-select/all-text.vue
@@ -18,11 +18,11 @@ export default {
     return {
       value: [],
       options: [
-        { value: '选项1', label: '黄金糕' },
-        { value: '选项2', label: '双皮奶' },
-        { value: '选项3', label: '蚵仔煎' },
-        { value: '选项4', label: '龙须面' },
-        { value: '选项6', label: '螺蛳粉' }
+        { value: '选项 1', label: '黄金糕' },
+        { value: '选项 2', label: '双皮奶' },
+        { value: '选项 3', label: '蚵仔煎' },
+        { value: '选项 4', label: '龙须面' },
+        { value: '选项 6', label: '螺蛳粉' }
       ]
     }
   }
diff --git a/examples/sites/demos/pc/app/base-select/allow-create-composition-api.vue b/examples/sites/demos/pc/app/base-select/allow-create-composition-api.vue
index eb69906498..3e2a5d25f2 100644
--- a/examples/sites/demos/pc/app/base-select/allow-create-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/allow-create-composition-api.vue
@@ -1,20 +1,20 @@
 <template>
   <div>
-    <div>场景1：allow-create + filterable，点击创建条目</div>
+    <div>场景 1：allow-create + filterable，点击创建条目</div>
     <br />
     <tiny-base-select v-model="value" allow-create filterable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：allow-create + filterable + default-first-option，Enter 键创建条目</div>
+    <div>场景 2：allow-create + filterable + default-first-option，Enter 键创建条目</div>
     <br />
     <tiny-base-select v-model="value" allow-create filterable default-first-option>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：下拉框显示新增按钮</div>
+    <div>场景 3：下拉框显示新增按钮</div>
     <br />
     <tiny-base-select
       v-model="value"
@@ -55,11 +55,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyInput, TinyButton, TinyDialogBox, TinyModal } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 
 const selectDom = ref(null)
diff --git a/examples/sites/demos/pc/app/base-select/allow-create.spec.ts b/examples/sites/demos/pc/app/base-select/allow-create.spec.ts
index a1289ba5e7..27cd1854a2 100644
--- a/examples/sites/demos/pc/app/base-select/allow-create.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/allow-create.spec.ts
@@ -11,17 +11,17 @@ test('点击选中', async ({ page }) => {
   const input = select.locator('.tiny-input__inner')
 
   await input.click()
-  await input.fill('测试allow-create')
+  await input.fill('测试 allow-create')
   const KeyboardEvent = await page.evaluateHandle(() => new KeyboardEvent('keyup'))
   await input.dispatchEvent('keyup', { KeyboardEvent })
 
-  await expect(input).toHaveValue('测试allow-create')
-  await dropdown.getByRole('listitem').filter({ hasText: '测试allow-create' }).click()
-  await expect(input).toHaveValue('测试allow-create')
+  await expect(input).toHaveValue('测试 allow-create')
+  await dropdown.getByRole('listitem').filter({ hasText: '测试 allow-create' }).click()
+  await expect(input).toHaveValue('测试 allow-create')
 
   await input.click()
   await expect(input).toHaveValue('')
-  await expect(dropdown.getByRole('listitem').filter({ hasText: '测试allow-create' })).toHaveClass(/selected/)
+  await expect(dropdown.getByRole('listitem').filter({ hasText: '测试 allow-create' })).toHaveClass(/selected/)
 })
 
 test('enter 选中', async ({ page }) => {
diff --git a/examples/sites/demos/pc/app/base-select/allow-create.vue b/examples/sites/demos/pc/app/base-select/allow-create.vue
index 178b657e36..c6e6b6d73a 100644
--- a/examples/sites/demos/pc/app/base-select/allow-create.vue
+++ b/examples/sites/demos/pc/app/base-select/allow-create.vue
@@ -1,20 +1,20 @@
 <template>
   <div>
-    <div>场景1：allow-create + filterable，点击创建条目</div>
+    <div>场景 1：allow-create + filterable，点击创建条目</div>
     <br />
     <tiny-base-select v-model="value" allow-create filterable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：allow-create + filterable + default-first-option，Enter 键创建条目</div>
+    <div>场景 2：allow-create + filterable + default-first-option，Enter 键创建条目</div>
     <br />
     <tiny-base-select v-model="value" allow-create filterable default-first-option>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：下拉框显示新增按钮</div>
+    <div>场景 3：下拉框显示新增按钮</div>
     <br />
     <tiny-base-select
       v-model="value"
@@ -64,11 +64,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: '',
       boxVisibility: false,
diff --git a/examples/sites/demos/pc/app/base-select/automatic-dropdown-composition-api.vue b/examples/sites/demos/pc/app/base-select/automatic-dropdown-composition-api.vue
index 6814e49a6e..45333aaff4 100644
--- a/examples/sites/demos/pc/app/base-select/automatic-dropdown-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/automatic-dropdown-composition-api.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-    <p>场景1：默认不可搜索时，获取焦点不下拉</p>
+    <p>场景 1：默认不可搜索时，获取焦点不下拉</p>
     <tiny-button @click="handleFocus1"> 点击获取焦点 </tiny-button>
     <tiny-base-select v-model="value" ref="selectOnlyFocusRef">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：设置不可搜索时，获取焦点并自动下拉</p>
+    <p>场景 2：设置不可搜索时，获取焦点并自动下拉</p>
     <tiny-button @click="handleFocus2"> 点击获取焦点 </tiny-button>
     <tiny-base-select v-model="value" ref="selectAutoDropRef" automatic-dropdown>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -18,11 +18,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyButton } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 const selectOnlyFocusRef = ref()
diff --git a/examples/sites/demos/pc/app/base-select/automatic-dropdown.vue b/examples/sites/demos/pc/app/base-select/automatic-dropdown.vue
index ef697e8dd5..d092dd58dc 100644
--- a/examples/sites/demos/pc/app/base-select/automatic-dropdown.vue
+++ b/examples/sites/demos/pc/app/base-select/automatic-dropdown.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
-    <p>场景1：默认不可搜索时，获取焦点不下拉</p>
+    <p>场景 1：默认不可搜索时，获取焦点不下拉</p>
     <tiny-button @click="handleFocus1"> 点击获取焦点 </tiny-button>
     <tiny-base-select v-model="value" ref="selectOnlyFocusRef">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：设置不可搜索时，获取焦点并自动下拉</p>
+    <p>场景 2：设置不可搜索时，获取焦点并自动下拉</p>
     <tiny-button @click="handleFocus2"> 点击获取焦点 </tiny-button>
     <tiny-base-select v-model="value" ref="selectAutoDropRef" automatic-dropdown>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -25,11 +25,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/base-select/basic-usage-composition-api.vue
index 40d5064514..7ba6142902 100644
--- a/examples/sites/demos/pc/app/base-select/basic-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/basic-usage-composition-api.vue
@@ -2,7 +2,7 @@
   <div>
     <div>选中的值为： {{ value }}</div>
     <br />
-    <div>场景1：标签式</div>
+    <div>场景 1：标签式</div>
     <br />
     <tiny-base-select v-model="value">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :icon="item.icon">
@@ -10,7 +10,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：配置式</div>
+    <div>场景 2：配置式</div>
     <br />
     <tiny-base-select v-model="value" :options="options"> </tiny-base-select>
   </div>
@@ -22,11 +22,11 @@ import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 import { iconFile } from '@opentiny/vue-icon'
 
 const options = ref([
-  { value: '选项1', label: '北京', icon: iconFile() },
-  { value: '选项2', label: '上海', icon: iconFile() },
-  { value: '选项3', label: '天津', icon: iconFile() },
-  { value: '选项4', label: '重庆', icon: iconFile() },
-  { value: '选项5', label: '深圳', icon: iconFile() }
+  { value: '选项 1', label: '北京', icon: iconFile() },
+  { value: '选项 2', label: '上海', icon: iconFile() },
+  { value: '选项 3', label: '天津', icon: iconFile() },
+  { value: '选项 4', label: '重庆', icon: iconFile() },
+  { value: '选项 5', label: '深圳', icon: iconFile() }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/basic-usage.vue b/examples/sites/demos/pc/app/base-select/basic-usage.vue
index c633b72ae2..5d67575951 100644
--- a/examples/sites/demos/pc/app/base-select/basic-usage.vue
+++ b/examples/sites/demos/pc/app/base-select/basic-usage.vue
@@ -2,7 +2,7 @@
   <div>
     <div>选中的值为： {{ value }}</div>
     <br />
-    <div>场景1：标签式</div>
+    <div>场景 1：标签式</div>
     <br />
     <tiny-base-select v-model="value">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :icon="item.icon">
@@ -10,7 +10,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：配置式</div>
+    <div>场景 2：配置式</div>
     <br />
     <tiny-base-select v-model="value" :options="options"> </tiny-base-select>
   </div>
@@ -28,11 +28,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京', icon: iconFile() },
-        { value: '选项2', label: '上海', icon: iconFile() },
-        { value: '选项3', label: '天津', icon: iconFile() },
-        { value: '选项4', label: '重庆', icon: iconFile() },
-        { value: '选项5', label: '深圳', icon: iconFile() }
+        { value: '选项 1', label: '北京', icon: iconFile() },
+        { value: '选项 2', label: '上海', icon: iconFile() },
+        { value: '选项 3', label: '天津', icon: iconFile() },
+        { value: '选项 4', label: '重庆', icon: iconFile() },
+        { value: '选项 5', label: '深圳', icon: iconFile() }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/binding-obj-composition-api.vue b/examples/sites/demos/pc/app/base-select/binding-obj-composition-api.vue
index fb5c7d48a2..a2a7f81995 100644
--- a/examples/sites/demos/pc/app/base-select/binding-obj-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/binding-obj-composition-api.vue
@@ -14,13 +14,13 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { obj: { val: '选项1', id: 1 }, text: '北京' },
-  { obj: { val: '选项2', id: 2 }, text: '上海' },
-  { obj: { val: '选项3', id: 3 }, text: '天津' },
-  { obj: { val: '选项4', id: 4 }, text: '重庆' },
-  { obj: { val: '选项5', id: 5 }, text: '深圳' }
+  { obj: { val: '选项 1', id: 1 }, text: '北京' },
+  { obj: { val: '选项 2', id: 2 }, text: '上海' },
+  { obj: { val: '选项 3', id: 3 }, text: '天津' },
+  { obj: { val: '选项 4', id: 4 }, text: '重庆' },
+  { obj: { val: '选项 5', id: 5 }, text: '深圳' }
 ])
-const value = ref({ val: '选项3', id: 3 })
+const value = ref({ val: '选项 3', id: 3 })
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/binding-obj.spec.ts b/examples/sites/demos/pc/app/base-select/binding-obj.spec.ts
index 34ad2f1187..be36beef00 100644
--- a/examples/sites/demos/pc/app/base-select/binding-obj.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/binding-obj.spec.ts
@@ -12,10 +12,10 @@ test('binding-obj', async ({ page }) => {
   await input.click()
   await dropdown.getByRole('listitem').filter({ hasText: '重庆' }).click()
   await expect(input).toHaveValue('重庆')
-  await expect(valueLocator).toHaveText('{ "val": "选项4", "id": 4 }')
+  await expect(valueLocator).toHaveText('{ "val": "选项 4", "id": 4 }')
 
   await input.click()
   await dropdown.getByRole('listitem').filter({ hasText: '天津' }).click()
   await expect(input).toHaveValue('天津')
-  await expect(valueLocator).toHaveText('{ "val": "选项3", "id": 3 }')
+  await expect(valueLocator).toHaveText('{ "val": "选项 3", "id": 3 }')
 })
diff --git a/examples/sites/demos/pc/app/base-select/binding-obj.vue b/examples/sites/demos/pc/app/base-select/binding-obj.vue
index 0af2638aba..b4d62a15db 100644
--- a/examples/sites/demos/pc/app/base-select/binding-obj.vue
+++ b/examples/sites/demos/pc/app/base-select/binding-obj.vue
@@ -20,13 +20,13 @@ export default {
   data() {
     return {
       options: [
-        { obj: { val: '选项1', id: 1 }, text: '北京' },
-        { obj: { val: '选项2', id: 2 }, text: '上海' },
-        { obj: { val: '选项3', id: 3 }, text: '天津' },
-        { obj: { val: '选项4', id: 4 }, text: '重庆' },
-        { obj: { val: '选项5', id: 5 }, text: '深圳' }
+        { obj: { val: '选项 1', id: 1 }, text: '北京' },
+        { obj: { val: '选项 2', id: 2 }, text: '上海' },
+        { obj: { val: '选项 3', id: 3 }, text: '天津' },
+        { obj: { val: '选项 4', id: 4 }, text: '重庆' },
+        { obj: { val: '选项 5', id: 5 }, text: '深圳' }
       ],
-      value: { val: '选项3', id: 3 }
+      value: { val: '选项 3', id: 3 }
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/cache-usage-composition-api.vue b/examples/sites/demos/pc/app/base-select/cache-usage-composition-api.vue
index 8a53288ee1..8ea9ea360a 100644
--- a/examples/sites/demos/pc/app/base-select/cache-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/cache-usage-composition-api.vue
@@ -22,13 +22,13 @@ const cacheOp = ref({
 })
 const cacheValue = ref('')
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
-const value = ref('选项3')
+const value = ref('选项 3')
 const cacheChange = () => {
   cacheValue.value = window.localStorage.getItem(`tiny_memorize_${cacheOp.value.key}`)
 }
diff --git a/examples/sites/demos/pc/app/base-select/cache-usage.spec.ts b/examples/sites/demos/pc/app/base-select/cache-usage.spec.ts
index 5b32cb0055..f1e8c79db6 100644
--- a/examples/sites/demos/pc/app/base-select/cache-usage.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/cache-usage.spec.ts
@@ -11,9 +11,9 @@ test('cache-op', async ({ page }) => {
 
   await input.click()
   await dropdown.getByRole('listitem').filter({ hasText: '北京' }).click()
-  await expect(cacheValue).toContainText(['选项1'])
+  await expect(cacheValue).toContainText(['选项 1'])
 
   await input.click()
   await dropdown.getByRole('listitem').filter({ hasText: '上海' }).click()
-  await expect(cacheValue).toContainText(['选项2'])
+  await expect(cacheValue).toContainText(['选项 2'])
 })
diff --git a/examples/sites/demos/pc/app/base-select/cache-usage.vue b/examples/sites/demos/pc/app/base-select/cache-usage.vue
index 6b479795f0..eb6ec9a3eb 100644
--- a/examples/sites/demos/pc/app/base-select/cache-usage.vue
+++ b/examples/sites/demos/pc/app/base-select/cache-usage.vue
@@ -27,13 +27,13 @@ export default {
       },
       cacheValue: '',
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
-      value: '选项3'
+      value: '选项 3'
     }
   },
   methods: {
diff --git a/examples/sites/demos/pc/app/base-select/clear-no-match-value-composition-api.vue b/examples/sites/demos/pc/app/base-select/clear-no-match-value-composition-api.vue
index 997215ed6a..26e5847388 100644
--- a/examples/sites/demos/pc/app/base-select/clear-no-match-value-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/clear-no-match-value-composition-api.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <p>
-      场景1：单选，val 找不到匹配值，val为： ,<span class="val">{{ val }}</span>
+      场景 1：单选，val 找不到匹配值，val 为： ,<span class="val">{{ val }}</span>
     </p>
     <tiny-base-select v-model="val" :clear-no-match-value="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
 
     <p>
-      场景2：多选，multiVal 找不到匹配值，multiVal 为：<span class="multi-val">{{ multiVal }}</span>
+      场景 2：多选，multiVal 找不到匹配值，multiVal 为：<span class="multi-val">{{ multiVal }}</span>
     </p>
     <tiny-base-select v-model="multiVal" :clear-no-match-value="true" multiple>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -21,15 +21,15 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 
 const val = ref('11')
-const multiVal = ref(['选项2', '11'])
+const multiVal = ref(['选项 2', '11'])
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/clear-no-match-value.spec.ts b/examples/sites/demos/pc/app/base-select/clear-no-match-value.spec.ts
index 1f8ab8884c..4a30e64575 100644
--- a/examples/sites/demos/pc/app/base-select/clear-no-match-value.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/clear-no-match-value.spec.ts
@@ -20,5 +20,5 @@ test('多选找不到匹配值', async ({ page }) => {
   // 验证是否清空不匹配的值
   await expect(tag).toHaveCount(1)
   await expect(tag).toHaveText('上海')
-  await expect(wrap.locator('.multi-val')).toHaveText('[ "选项2" ]')
+  await expect(wrap.locator('.multi-val')).toHaveText('[ "选项 2" ]')
 })
diff --git a/examples/sites/demos/pc/app/base-select/clear-no-match-value.vue b/examples/sites/demos/pc/app/base-select/clear-no-match-value.vue
index 64779c9c86..4f99159365 100644
--- a/examples/sites/demos/pc/app/base-select/clear-no-match-value.vue
+++ b/examples/sites/demos/pc/app/base-select/clear-no-match-value.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <p>
-      场景1：单选，val 找不到匹配值，val为： ,<span class="val">{{ val }}</span>
+      场景 1：单选，val 找不到匹配值，val 为： ,<span class="val">{{ val }}</span>
     </p>
     <tiny-base-select v-model="val" :clear-no-match-value="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
 
     <p>
-      场景2：多选，multiVal 找不到匹配值，multiVal 为：<span class="multi-val">{{ multiVal }}</span>
+      场景 2：多选，multiVal 找不到匹配值，multiVal 为：<span class="multi-val">{{ multiVal }}</span>
     </p>
     <tiny-base-select v-model="multiVal" :clear-no-match-value="true" multiple>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -27,14 +27,14 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       val: '11',
-      multiVal: ['选项2', '11']
+      multiVal: ['选项 2', '11']
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/clearable-composition-api.vue b/examples/sites/demos/pc/app/base-select/clearable-composition-api.vue
index 7e2b0a1bdd..621d153249 100644
--- a/examples/sites/demos/pc/app/base-select/clearable-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/clearable-composition-api.vue
@@ -9,13 +9,13 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
-const value = ref('选项3')
+const value = ref('选项 3')
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/clearable.vue b/examples/sites/demos/pc/app/base-select/clearable.vue
index e9125f0d93..acc11f9e84 100644
--- a/examples/sites/demos/pc/app/base-select/clearable.vue
+++ b/examples/sites/demos/pc/app/base-select/clearable.vue
@@ -15,13 +15,13 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
-      value: '选项3'
+      value: '选项 3'
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/collapse-tags-composition-api.vue b/examples/sites/demos/pc/app/base-select/collapse-tags-composition-api.vue
index 8d4676e85e..69287aa3ee 100644
--- a/examples/sites/demos/pc/app/base-select/collapse-tags-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/collapse-tags-composition-api.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <br />
-    <div>场景1： collapse-tags折叠</div>
+    <div>场景 1：collapse-tags 折叠</div>
     <br />
     <tiny-base-select v-model="value1" :show-proportion="true" multiple collapse-tags>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2： hover-expand 折叠</div>
+    <div>场景 2：hover-expand 折叠</div>
     <br />
     <tiny-base-select v-model="value2" multiple hover-expand>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -16,7 +16,7 @@
     <br />
     <br />
     <br />
-    <div>场景3： click-expand 折叠</div>
+    <div>场景 3：click-expand 折叠</div>
     <br />
     <tiny-base-select v-model="value3" :max-visible-rows="2" multiple click-expand>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -29,17 +29,17 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆超长超长超长超长超长超长超长超长超长' },
-  { value: '选项5', label: '深圳' },
-  { value: '选项6', label: '广州' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆超长超长超长超长超长超长超长超长超长' },
+  { value: '选项 5', label: '深圳' },
+  { value: '选项 6', label: '广州' }
 ])
 
-const value1 = ref(['选项1', '选项2'])
-const value2 = ref(['选项1', '选项2', '选项3', '选项4'])
-const value3 = ref(['选项1', '选项2', '选项3', '选项4', '选项5'])
+const value1 = ref(['选项 1', '选项 2'])
+const value2 = ref(['选项 1', '选项 2', '选项 3', '选项 4'])
+const value3 = ref(['选项 1', '选项 2', '选项 3', '选项 4', '选项 5'])
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/collapse-tags.spec.ts b/examples/sites/demos/pc/app/base-select/collapse-tags.spec.ts
index 67c6b23ee0..72012e8774 100644
--- a/examples/sites/demos/pc/app/base-select/collapse-tags.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/collapse-tags.spec.ts
@@ -24,7 +24,7 @@ test('collapse-tags', async ({ page }) => {
   await expect(tag.filter({ hasText: '+ 1' })).toBeHidden()
   await expect(tag).toHaveCount(1)
 
-  // 再选中2个
+  // 再选中 2 个
   await option.filter({ hasText: '天津' }).click()
   await option.filter({ hasText: '深圳' }).click()
   await expect(tag.filter({ hasText: '+ 2' })).toBeVisible()
diff --git a/examples/sites/demos/pc/app/base-select/collapse-tags.vue b/examples/sites/demos/pc/app/base-select/collapse-tags.vue
index 033ca60d5c..8e9e7edef2 100644
--- a/examples/sites/demos/pc/app/base-select/collapse-tags.vue
+++ b/examples/sites/demos/pc/app/base-select/collapse-tags.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <br />
-    <div>场景1： collapse-tags折叠</div>
+    <div>场景 1：collapse-tags 折叠</div>
     <br />
     <tiny-base-select v-model="value1" :show-proportion="true" multiple collapse-tags>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2： hover-expand 折叠</div>
+    <div>场景 2：hover-expand 折叠</div>
     <br />
     <tiny-base-select v-model="value2" multiple hover-expand>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -16,7 +16,7 @@
     <br />
     <br />
     <br />
-    <div>场景3： click-expand 折叠</div>
+    <div>场景 3：click-expand 折叠</div>
     <br />
     <tiny-base-select v-model="value3" :max-visible-rows="2" multiple click-expand>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -35,15 +35,15 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆超长超长超长超长超长超长超长超长超长' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆超长超长超长超长超长超长超长超长超长' },
+        { value: '选项 5', label: '深圳' }
       ],
-      value1: ['选项1', '选项2'],
-      value2: ['选项1', '选项2', '选项3', '选项4'],
-      value3: ['选项1', '选项2', '选项3', '选项4', '选项5']
+      value1: ['选项 1', '选项 2'],
+      value2: ['选项 1', '选项 2', '选项 3', '选项 4'],
+      value3: ['选项 1', '选项 2', '选项 3', '选项 4', '选项 5']
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/copy-multi-composition-api.vue b/examples/sites/demos/pc/app/base-select/copy-multi-composition-api.vue
index f9b44f7372..8c547c9a63 100644
--- a/examples/sites/demos/pc/app/base-select/copy-multi-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/copy-multi-composition-api.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <p>场景1：多选复制单个标签</p>
+    <p>场景 1：多选复制单个标签</p>
     <tiny-base-select ref="selectTagSelectable" v-model="value1" multiple tag-selectable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：多选一键复制所有标签</p>
+    <p>场景 2：多选一键复制所有标签</p>
     <tiny-base-select ref="selectCopyable" v-model="value2" multiple copyable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景3：多选设置复制文本分隔符</p>
+    <p>场景 3：多选设置复制文本分隔符</p>
     <tiny-base-select ref="selectCopyable" v-model="value2" multiple copyable text-split="/">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
@@ -22,14 +22,14 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyInput } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
-const value1 = ref(['选项1'])
-const value2 = ref(['选项1', '选项2'])
+const value1 = ref(['选项 1'])
+const value2 = ref(['选项 1', '选项 2'])
 const copyValue = ref('')
 </script>
 
diff --git a/examples/sites/demos/pc/app/base-select/copy-multi.spec.ts b/examples/sites/demos/pc/app/base-select/copy-multi.spec.ts
index 0352180965..47f54f96f6 100644
--- a/examples/sites/demos/pc/app/base-select/copy-multi.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/copy-multi.spec.ts
@@ -45,7 +45,7 @@ test('多选一键复制所有标签', async ({ page }) => {
   // TODO: 因为执行测试用例时，官网抖动导致定位不通过
   // await copyIcon.click()
   // await copyValueInput.press('Control+V')
-  // await expect(copyValueInput).toHaveValue('北京,上海')
+  // await expect(copyValueInput).toHaveValue('北京，上海')
 })
 
 test('多选设置复制文本分隔符', async ({ page }) => {
diff --git a/examples/sites/demos/pc/app/base-select/copy-multi.vue b/examples/sites/demos/pc/app/base-select/copy-multi.vue
index 1934aabe2d..44448bf5a5 100644
--- a/examples/sites/demos/pc/app/base-select/copy-multi.vue
+++ b/examples/sites/demos/pc/app/base-select/copy-multi.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <p>场景1：多选复制单个标签</p>
+    <p>场景 1：多选复制单个标签</p>
     <tiny-base-select ref="selectTagSelectable" v-model="value1" multiple tag-selectable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：多选一键复制所有标签</p>
+    <p>场景 2：多选一键复制所有标签</p>
     <tiny-base-select ref="selectCopyable" v-model="value2" multiple copyable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景3：多选设置复制文本分隔符</p>
+    <p>场景 3：多选设置复制文本分隔符</p>
     <tiny-base-select ref="selectCopyable" v-model="value2" multiple copyable text-split="/">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
@@ -29,14 +29,14 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
-      value1: ['选项1'],
-      value2: ['选项1', '选项2'],
+      value1: ['选项 1'],
+      value2: ['选项 1', '选项 2'],
       copyValue: ''
     }
   }
diff --git a/examples/sites/demos/pc/app/base-select/copy-single-composition-api.vue b/examples/sites/demos/pc/app/base-select/copy-single-composition-api.vue
index ba399646ea..53c466fb50 100644
--- a/examples/sites/demos/pc/app/base-select/copy-single-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/copy-single-composition-api.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <p>场景1：单选无需配置可复制</p>
+    <p>场景 1：单选无需配置可复制</p>
     <tiny-base-select v-model="value1" :options="options1"> </tiny-base-select>
-    <p>场景2：单选可搜索配置 allow-copy 可复制</p>
+    <p>场景 2：单选可搜索配置 allow-copy 可复制</p>
     <tiny-base-select
       ref="selectRef"
       v-model="value1"
@@ -13,7 +13,7 @@
     >
     </tiny-base-select>
 
-    <p>场景3：单选远程搜索配置 allow-copy 可复制</p>
+    <p>场景 3：单选远程搜索配置 allow-copy 可复制</p>
     <tiny-base-select
       v-model="value2"
       filterable
@@ -36,14 +36,14 @@ import { ref, onMounted } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyInput } from '@opentiny/vue'
 
 const options1 = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const options2 = ref([])
-const value1 = ref('选项1')
+const value1 = ref('选项 1')
 const value2 = ref('Alabama')
 const inputVal = ref('')
 const selectRef = ref(null)
diff --git a/examples/sites/demos/pc/app/base-select/copy-single.vue b/examples/sites/demos/pc/app/base-select/copy-single.vue
index d85d80aa18..4fad8a6221 100644
--- a/examples/sites/demos/pc/app/base-select/copy-single.vue
+++ b/examples/sites/demos/pc/app/base-select/copy-single.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <p>场景1：单选无需配置可复制</p>
+    <p>场景 1：单选无需配置可复制</p>
     <tiny-base-select v-model="value1" :options="options1"> </tiny-base-select>
-    <p>场景2：单选可搜索配置 allow-copy 可复制</p>
+    <p>场景 2：单选可搜索配置 allow-copy 可复制</p>
     <tiny-base-select
       ref="selectRef"
       v-model="value1"
@@ -13,7 +13,7 @@
     >
     </tiny-base-select>
 
-    <p>场景3：单选远程搜索配置 allow-copy 可复制</p>
+    <p>场景 3：单选远程搜索配置 allow-copy 可复制</p>
     <tiny-base-select
       v-model="value2"
       filterable
@@ -43,14 +43,14 @@ export default {
   data() {
     return {
       options1: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       options2: [],
-      value1: '选项1',
+      value1: '选项 1',
       value2: 'Alabama',
       inputVal: '',
       loading: false,
diff --git a/examples/sites/demos/pc/app/base-select/disabled-composition-api.vue b/examples/sites/demos/pc/app/base-select/disabled-composition-api.vue
index 4c2b672605..692088f9de 100644
--- a/examples/sites/demos/pc/app/base-select/disabled-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/disabled-composition-api.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <br />
-    <div>场景1： 下拉禁用</div>
+    <div>场景 1：下拉禁用</div>
     <br />
     <tiny-base-select v-model="value1" disabled autocomplete>
       <tiny-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：多选 + 下拉某项禁用</div>
+    <div>场景 2：多选 + 下拉某项禁用</div>
     <br />
     <tiny-base-select v-model="value2" multiple>
       <tiny-option
@@ -22,7 +22,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：单选 + 下拉某项禁用</div>
+    <div>场景 3：单选 + 下拉某项禁用</div>
     <br />
     <tiny-base-select v-model="value3">
       <tiny-option
@@ -36,7 +36,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景4：多选 + 禁用项默认选中</div>
+    <div>场景 4：多选 + 禁用项默认选中</div>
     <br />
     <tiny-base-select v-model="value4" multiple>
       <tiny-option
@@ -50,7 +50,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景5：多选 hover-expand 模式下禁用</div>
+    <div>场景 5：多选 hover-expand 模式下禁用</div>
     <br />
     <tiny-base-select
       v-model="value5"
@@ -71,26 +71,26 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options1 = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆重庆超长超长超长超长超长超长超长超长超长' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆重庆超长超长超长超长超长超长超长超长超长' },
+  { value: '选项 5', label: '深圳' }
 ])
 
 const options2 = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海', disabled: true },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆', disabled: true },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海', disabled: true },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆', disabled: true },
+  { value: '选项 5', label: '深圳' }
 ])
 
 const value1 = ref('')
-const value2 = ref(['选项2'])
+const value2 = ref(['选项 2'])
 const value3 = ref('')
-const value4 = ref(['选项2', '选项3'])
-const value5 = ref(['选项1', '选项2', '选项3', '选项4', '选项5'])
+const value4 = ref(['选项 2', '选项 3'])
+const value5 = ref(['选项 1', '选项 2', '选项 3', '选项 4', '选项 5'])
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/disabled.spec.ts b/examples/sites/demos/pc/app/base-select/disabled.spec.ts
index 6d69b5fb24..975d18d661 100644
--- a/examples/sites/demos/pc/app/base-select/disabled.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/disabled.spec.ts
@@ -62,7 +62,7 @@ test('多选，禁用项默认选中', async ({ page }) => {
   const tag = select.locator('.tiny-tag')
   const option = dropdown.locator('.tiny-option')
 
-  // 默认值显示tag数
+  // 默认值显示 tag 数
   await expect(tag).toHaveCount(2)
   // 非禁用项显示关闭图标
   await expect(tag.filter({ hasText: '天津' }).locator('svg')).toHaveCount(1)
diff --git a/examples/sites/demos/pc/app/base-select/disabled.vue b/examples/sites/demos/pc/app/base-select/disabled.vue
index 236f81e8dd..9f29651583 100644
--- a/examples/sites/demos/pc/app/base-select/disabled.vue
+++ b/examples/sites/demos/pc/app/base-select/disabled.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
     <br />
-    <div>场景1： 下拉禁用</div>
+    <div>场景 1：下拉禁用</div>
     <br />
     <tiny-base-select v-model="value1" disabled autocomplete>
       <tiny-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：多选 + 下拉某项禁用</div>
+    <div>场景 2：多选 + 下拉某项禁用</div>
     <br />
     <tiny-base-select v-model="value2" multiple>
       <tiny-option
@@ -22,7 +22,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：单选 + 下拉某项禁用</div>
+    <div>场景 3：单选 + 下拉某项禁用</div>
     <br />
     <tiny-base-select v-model="value3">
       <tiny-option
@@ -36,7 +36,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景4：多选 + 禁用项默认选中</div>
+    <div>场景 4：多选 + 禁用项默认选中</div>
     <br />
     <tiny-base-select v-model="value4" multiple>
       <tiny-option
@@ -50,7 +50,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景5：多选 hover-expand 模式下禁用</div>
+    <div>场景 5：多选 hover-expand 模式下禁用</div>
     <br />
     <tiny-base-select
       v-model="value5"
@@ -77,24 +77,24 @@ export default {
   data() {
     return {
       options1: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆重庆超长超长超长超长超长超长超长超长超长' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆重庆超长超长超长超长超长超长超长超长超长' },
+        { value: '选项 5', label: '深圳' }
       ],
       options2: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海', disabled: true },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆', disabled: true },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海', disabled: true },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆', disabled: true },
+        { value: '选项 5', label: '深圳' }
       ],
       value1: '',
-      value2: ['选项2'],
+      value2: ['选项 2'],
       value3: '',
-      value4: ['选项2', '选项3'],
-      value5: ['选项1', '选项2', '选项3', '选项4', '选项5']
+      value4: ['选项 2', '选项 3'],
+      value5: ['选项 1', '选项 2', '选项 3', '选项 4', '选项 5']
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/events-composition-api.vue b/examples/sites/demos/pc/app/base-select/events-composition-api.vue
index f9e6221a71..4edb6112ed 100644
--- a/examples/sites/demos/pc/app/base-select/events-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/events-composition-api.vue
@@ -36,11 +36,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyModal } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value1 = ref('')
 const value2 = ref([])
diff --git a/examples/sites/demos/pc/app/base-select/events.vue b/examples/sites/demos/pc/app/base-select/events.vue
index 9cad6a3660..98477dc5c8 100644
--- a/examples/sites/demos/pc/app/base-select/events.vue
+++ b/examples/sites/demos/pc/app/base-select/events.vue
@@ -45,11 +45,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value1: '',
       value2: []
diff --git a/examples/sites/demos/pc/app/base-select/filter-method-composition-api.vue b/examples/sites/demos/pc/app/base-select/filter-method-composition-api.vue
index 0af648d55b..c7db137995 100644
--- a/examples/sites/demos/pc/app/base-select/filter-method-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/filter-method-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：组件默认过滤</p>
+    <p>场景 1：组件默认过滤</p>
     <tiny-base-select v-model="value1" ref="selectRef" filterable no-match-text="No Match">
       <tiny-option
         v-for="item in options"
@@ -11,7 +11,7 @@
       >
       </tiny-option>
     </tiny-base-select>
-    <p>场景2：自定义过滤</p>
+    <p>场景 2：自定义过滤</p>
     <tiny-base-select
       v-model="value2"
       ref="customFilterRef"
@@ -37,11 +37,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value1 = ref('')
 const value2 = ref('')
diff --git a/examples/sites/demos/pc/app/base-select/filter-method.vue b/examples/sites/demos/pc/app/base-select/filter-method.vue
index ad59c67b58..a44f7637e8 100644
--- a/examples/sites/demos/pc/app/base-select/filter-method.vue
+++ b/examples/sites/demos/pc/app/base-select/filter-method.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：组件默认过滤</p>
+    <p>场景 1：组件默认过滤</p>
     <tiny-base-select v-model="value1" ref="selectRef" filterable no-match-text="No Match">
       <tiny-option
         v-for="item in options"
@@ -11,7 +11,7 @@
       >
       </tiny-option>
     </tiny-base-select>
-    <p>场景2：自定义过滤</p>
+    <p>场景 2：自定义过滤</p>
     <tiny-base-select
       v-model="value2"
       ref="customFilterRef"
@@ -43,11 +43,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value1: '',
       value2: ''
diff --git a/examples/sites/demos/pc/app/base-select/filter-mode-composition-api.vue b/examples/sites/demos/pc/app/base-select/filter-mode-composition-api.vue
index 0fad1dd333..aabf7dd433 100644
--- a/examples/sites/demos/pc/app/base-select/filter-mode-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/filter-mode-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>场景1：过滤器模式(默认)</div>
+    <div>场景 1：过滤器模式 (默认)</div>
     <br />
     <tiny-base-select
       v-model="value"
@@ -13,7 +13,7 @@
     <br />
     <br />
     <br />
-    <div>场景2：过滤器模式(透明)</div>
+    <div>场景 2：过滤器模式 (透明)</div>
     <br />
     <tiny-base-select
       v-model="value"
@@ -32,11 +32,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/filter-mode.vue b/examples/sites/demos/pc/app/base-select/filter-mode.vue
index 1dc10546e1..9b70259b63 100644
--- a/examples/sites/demos/pc/app/base-select/filter-mode.vue
+++ b/examples/sites/demos/pc/app/base-select/filter-mode.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>场景1：过滤器模式(默认)</div>
+    <div>场景 1：过滤器模式 (默认)</div>
     <br />
     <tiny-base-select
       v-model="value"
@@ -13,7 +13,7 @@
     <br />
     <br />
     <br />
-    <div>场景2：过滤器模式(透明)</div>
+    <div>场景 2：过滤器模式 (透明)</div>
     <br />
     <tiny-base-select
       v-model="value"
@@ -38,11 +38,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/hide-drop-composition-api.vue b/examples/sites/demos/pc/app/base-select/hide-drop-composition-api.vue
index c81a22382b..016f62e150 100644
--- a/examples/sites/demos/pc/app/base-select/hide-drop-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/hide-drop-composition-api.vue
@@ -9,11 +9,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/hide-drop.vue b/examples/sites/demos/pc/app/base-select/hide-drop.vue
index bc274ce80c..821788cac9 100644
--- a/examples/sites/demos/pc/app/base-select/hide-drop.vue
+++ b/examples/sites/demos/pc/app/base-select/hide-drop.vue
@@ -15,11 +15,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/input-box-type-composition-api.vue b/examples/sites/demos/pc/app/base-select/input-box-type-composition-api.vue
index 1e1eadf783..7c448f6010 100644
--- a/examples/sites/demos/pc/app/base-select/input-box-type-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/input-box-type-composition-api.vue
@@ -1,15 +1,15 @@
 <template>
   <div>
     <p>设置为下划线类型：</p>
-    <p class="font-style">场景1：下划线默认</p>
+    <p class="font-style">场景 1：下划线默认</p>
     <tiny-base-select v-model="value1" input-box-type="underline" clearable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p class="font-style">场景2：下划线禁用</p>
+    <p class="font-style">场景 2：下划线禁用</p>
     <tiny-base-select v-model="value2" input-box-type="underline" disabled>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p class="font-style">场景3：下划线多选</p>
+    <p class="font-style">场景 3：下划线多选</p>
     <tiny-base-select v-model="value3" input-box-type="underline" multiple>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
@@ -21,11 +21,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value1 = ref('')
 const value2 = ref('')
diff --git a/examples/sites/demos/pc/app/base-select/input-box-type.vue b/examples/sites/demos/pc/app/base-select/input-box-type.vue
index 394e5b2467..c088605cb3 100644
--- a/examples/sites/demos/pc/app/base-select/input-box-type.vue
+++ b/examples/sites/demos/pc/app/base-select/input-box-type.vue
@@ -1,15 +1,15 @@
 <template>
   <div>
     <p>设置为下划线类型</p>
-    <p>场景1：下划线默认</p>
+    <p>场景 1：下划线默认</p>
     <tiny-base-select v-model="value1" input-box-type="underline" clearable>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：下划线禁用</p>
+    <p>场景 2：下划线禁用</p>
     <tiny-base-select v-model="value2" input-box-type="underline" disabled>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景3：下划线多选</p>
+    <p>场景 3：下划线多选</p>
     <tiny-base-select v-model="value3" input-box-type="underline" multiple>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
@@ -27,11 +27,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value1: '',
       value2: '',
diff --git a/examples/sites/demos/pc/app/base-select/is-drop-inherit-width-composition-api.vue b/examples/sites/demos/pc/app/base-select/is-drop-inherit-width-composition-api.vue
index 9aed76a2c9..040efa34aa 100644
--- a/examples/sites/demos/pc/app/base-select/is-drop-inherit-width-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/is-drop-inherit-width-composition-api.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <p>场景1：默认下拉弹框宽度由内容撑开：</p>
+    <p>场景 1：默认下拉弹框宽度由内容撑开：</p>
     <tiny-base-select v-model="value">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：下拉弹框宽度与输入框一致：</p>
+    <p>场景 2：下拉弹框宽度与输入框一致：</p>
     <tiny-base-select v-model="value" is-drop-inherit-width>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
@@ -17,13 +17,13 @@ import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
   {
-    value: '选项1',
+    value: '选项 1',
     label: '北京北京北京北京北京北京北京北京北京北京北京北京北京北京北京北京北京'
   },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/is-drop-inherit-width.vue b/examples/sites/demos/pc/app/base-select/is-drop-inherit-width.vue
index fbfb93e1cc..1c1bc2c98b 100644
--- a/examples/sites/demos/pc/app/base-select/is-drop-inherit-width.vue
+++ b/examples/sites/demos/pc/app/base-select/is-drop-inherit-width.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
-    <p>场景1：默认下拉弹框宽度由内容撑开：</p>
+    <p>场景 1：默认下拉弹框宽度由内容撑开：</p>
     <tiny-base-select v-model="value">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：下拉弹框宽度与输入框一致：</p>
+    <p>场景 2：下拉弹框宽度与输入框一致：</p>
     <tiny-base-select v-model="value" is-drop-inherit-width>
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
@@ -23,13 +23,13 @@ export default {
     return {
       options: [
         {
-          value: '选项1',
+          value: '选项 1',
           label: '北京北京北京北京北京北京北京北京北京北京北京北京北京北京北京北京北京'
         },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/manual-focus-blur-composition-api.vue b/examples/sites/demos/pc/app/base-select/manual-focus-blur-composition-api.vue
index 7eda550be0..d1852d306e 100644
--- a/examples/sites/demos/pc/app/base-select/manual-focus-blur-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/manual-focus-blur-composition-api.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="demo1">
-      <div>场景1：默认 focus() 后仅聚焦，不下拉</div>
+      <div>场景 1：默认 focus() 后仅聚焦，不下拉</div>
       <br />
       <tiny-button @click="handleFocus1"> 点击获取焦点 </tiny-button>
       <tiny-button @click="handleBlur1"> 点击失去焦点 </tiny-button>
@@ -12,7 +12,7 @@
     </div>
     <br />
     <div class="demo2">
-      <div>场景2：配置 filterable，focus() 后聚焦并自动下拉</div>
+      <div>场景 2：配置 filterable，focus() 后聚焦并自动下拉</div>
       <br />
       <tiny-button @click="handleFocus2"> 点击获取焦点 </tiny-button>
       <tiny-button @click="handleBlur2"> 点击失去焦点 </tiny-button>
@@ -23,7 +23,7 @@
     </div>
     <br />
     <div class="demo3">
-      <div>场景2：配置 automaticDropdown，focus() 后聚焦并自动下拉</div>
+      <div>场景 2：配置 automaticDropdown，focus() 后聚焦并自动下拉</div>
       <br />
       <tiny-button @click="handleFocus3"> 点击获取焦点 </tiny-button>
       <tiny-button @click="handleBlur3"> 点击失去焦点 </tiny-button>
@@ -40,11 +40,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyButton } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 
 const value = ref('')
diff --git a/examples/sites/demos/pc/app/base-select/manual-focus-blur.spec.ts b/examples/sites/demos/pc/app/base-select/manual-focus-blur.spec.ts
index 1da8d29442..3bc9bc20ce 100644
--- a/examples/sites/demos/pc/app/base-select/manual-focus-blur.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/manual-focus-blur.spec.ts
@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('可搜索+手动聚焦失焦', async ({ page }) => {
+test('可搜索 + 手动聚焦失焦', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('base-select#manual-focus-blur')
   const wrap = page.locator('#manual-focus-blur')
diff --git a/examples/sites/demos/pc/app/base-select/manual-focus-blur.vue b/examples/sites/demos/pc/app/base-select/manual-focus-blur.vue
index f749754929..1a8039321c 100644
--- a/examples/sites/demos/pc/app/base-select/manual-focus-blur.vue
+++ b/examples/sites/demos/pc/app/base-select/manual-focus-blur.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="demo1">
-      <div>场景1：默认 focus() 后仅聚焦，不下拉</div>
+      <div>场景 1：默认 focus() 后仅聚焦，不下拉</div>
       <br />
       <tiny-button @click="handleFocus1"> 点击获取焦点 </tiny-button>
       <tiny-button @click="handleBlur1"> 点击失去焦点 </tiny-button>
@@ -12,7 +12,7 @@
     </div>
     <br />
     <div class="demo2">
-      <div>场景2：配置 filterable，focus() 后聚焦并自动下拉</div>
+      <div>场景 2：配置 filterable，focus() 后聚焦并自动下拉</div>
       <br />
       <tiny-button @click="handleFocus2"> 点击获取焦点 </tiny-button>
       <tiny-button @click="handleBlur2"> 点击失去焦点 </tiny-button>
@@ -23,7 +23,7 @@
     </div>
     <br />
     <div class="demo3">
-      <div>场景2：配置 automaticDropdown，focus() 后聚焦并自动下拉</div>
+      <div>场景 2：配置 automaticDropdown，focus() 后聚焦并自动下拉</div>
       <br />
       <tiny-button @click="handleFocus3"> 点击获取焦点 </tiny-button>
       <tiny-button @click="handleBlur3"> 点击失去焦点 </tiny-button>
@@ -47,11 +47,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/map-field-composition-api.vue b/examples/sites/demos/pc/app/base-select/map-field-composition-api.vue
index 1c10c9d57d..f9345a4807 100644
--- a/examples/sites/demos/pc/app/base-select/map-field-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/map-field-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：配置式配置映射字段</p>
+    <p>场景 1：配置式配置映射字段</p>
     <tiny-select v-model="value1" multiple :options="options" value-field="val" text-field="text"> </tiny-select>
   </div>
 </template>
@@ -9,16 +9,16 @@
 import { ref } from 'vue'
 import { TinySelect } from '@opentiny/vue'
 
-const value1 = ref(['选项1', '选项2'])
+const value1 = ref(['选项 1', '选项 2'])
 
 const options = ref([
-  { val: '选项1', text: '北京' },
-  { val: '选项2', text: '上海' },
-  { val: '选项3', text: '天津' },
-  { val: '选项4', text: '重庆' },
-  { val: '选项5', text: '深圳' },
-  { val: '选项6', text: '南京' },
-  { val: '选项7', text: '成都' }
+  { val: '选项 1', text: '北京' },
+  { val: '选项 2', text: '上海' },
+  { val: '选项 3', text: '天津' },
+  { val: '选项 4', text: '重庆' },
+  { val: '选项 5', text: '深圳' },
+  { val: '选项 6', text: '南京' },
+  { val: '选项 7', text: '成都' }
 ])
 </script>
 
diff --git a/examples/sites/demos/pc/app/base-select/map-field.vue b/examples/sites/demos/pc/app/base-select/map-field.vue
index 9b539da512..abc296bfd6 100644
--- a/examples/sites/demos/pc/app/base-select/map-field.vue
+++ b/examples/sites/demos/pc/app/base-select/map-field.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <p>场景1：配置式配置映射字段</p>
+    <p>场景 1：配置式配置映射字段</p>
     <tiny-select v-model="value1" multiple :options="options" value-field="val" text-field="text"> </tiny-select>
-    <p>场景2：嵌套表格配置映射字段</p>
+    <p>场景 2：嵌套表格配置映射字段</p>
     <tiny-select
       v-model="value2"
       multiple
@@ -23,7 +23,7 @@ export default {
   },
   data() {
     return {
-      value1: ['选项1', '选项2'],
+      value1: ['选项 1', '选项 2'],
       value2: ['001', '002'],
       gridOp: {
         data: [
@@ -41,13 +41,13 @@ export default {
         ]
       },
       options: [
-        { val: '选项1', text: '北京' },
-        { val: '选项2', text: '上海' },
-        { val: '选项3', text: '天津' },
-        { val: '选项4', text: '重庆' },
-        { val: '选项5', text: '深圳' },
-        { val: '选项6', text: '南京' },
-        { val: '选项7', text: '成都' }
+        { val: '选项 1', text: '北京' },
+        { val: '选项 2', text: '上海' },
+        { val: '选项 3', text: '天津' },
+        { val: '选项 4', text: '重庆' },
+        { val: '选项 5', text: '深圳' },
+        { val: '选项 6', text: '南京' },
+        { val: '选项 7', text: '成都' }
       ]
     }
   }
diff --git a/examples/sites/demos/pc/app/base-select/memoize-usage-composition-api.vue b/examples/sites/demos/pc/app/base-select/memoize-usage-composition-api.vue
index f7b7f9cfa2..da6632f632 100644
--- a/examples/sites/demos/pc/app/base-select/memoize-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/memoize-usage-composition-api.vue
@@ -24,14 +24,14 @@ import Memorize from '@opentiny/vue-renderless/common/deps/memorize'
 const MemorizeInstance = new Memorize({ key: 'test456' })
 
 const options = MemorizeInstance.assemble([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 
-const value = ref('选项3')
+const value = ref('选项 3')
 const cacheValue = ref([])
 
 const clickItem = (value) => {
diff --git a/examples/sites/demos/pc/app/base-select/memoize-usage.spec.ts b/examples/sites/demos/pc/app/base-select/memoize-usage.spec.ts
index 7e18cdabfa..7c4d8f0817 100644
--- a/examples/sites/demos/pc/app/base-select/memoize-usage.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/memoize-usage.spec.ts
@@ -11,9 +11,9 @@ test('手动缓存', async ({ page }) => {
 
   await select.click()
   await option.filter({ hasText: '北京' }).click()
-  await expect(cacheValue).toContainText(['选项1'])
+  await expect(cacheValue).toContainText(['选项 1'])
 
   await select.click()
   await option.filter({ hasText: '上海' }).click()
-  await expect(cacheValue).toContainText(['选项2'])
+  await expect(cacheValue).toContainText(['选项 2'])
 })
diff --git a/examples/sites/demos/pc/app/base-select/memoize-usage.vue b/examples/sites/demos/pc/app/base-select/memoize-usage.vue
index 29a411758f..109a7fd252 100644
--- a/examples/sites/demos/pc/app/base-select/memoize-usage.vue
+++ b/examples/sites/demos/pc/app/base-select/memoize-usage.vue
@@ -23,11 +23,11 @@ import Memorize from '@opentiny/vue-renderless/common/deps/memorize'
 const MemorizeInstance = new Memorize({ key: 'test456' })
 
 const options = MemorizeInstance.assemble([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 
 export default {
@@ -38,7 +38,7 @@ export default {
   data() {
     return {
       options,
-      value: '选项3',
+      value: '选项 3',
       cacheValue: []
     }
   },
diff --git a/examples/sites/demos/pc/app/base-select/multiple-composition-api.vue b/examples/sites/demos/pc/app/base-select/multiple-composition-api.vue
index 592e408cac..4f568bf46f 100644
--- a/examples/sites/demos/pc/app/base-select/multiple-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/multiple-composition-api.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <br />
-    <div>场景1：多选</div>
+    <div>场景 1：多选</div>
     <br />
     <tiny-base-select v-model="value1" multiple>
       <tiny-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -9,7 +9,7 @@
     <br />
     <br />
     <br />
-    <div>场景2：必选</div>
+    <div>场景 2：必选</div>
     <br />
     <tiny-base-select v-model="value2" multiple>
       <tiny-option
@@ -24,13 +24,13 @@
     <br />
     <br />
     <br />
-    <div>场景3：配置式必选</div>
+    <div>场景 3：配置式必选</div>
     <br />
     <tiny-base-select v-model="value3" multiple :options="options2"> </tiny-base-select>
     <br />
     <br />
     <br />
-    <div>场景4：多选个数限制</div>
+    <div>场景 4：多选个数限制</div>
     <br />
     <tiny-base-select v-model="value4" multiple :multiple-limit="2" show-limit-text>
       <tiny-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -38,7 +38,7 @@
     <br />
     <br />
     <br />
-    <div>场景5：自定义图标 + 自定义样式</div>
+    <div>场景 5：自定义图标 + 自定义样式</div>
     <br />
     <tiny-base-select
       v-model="value4"
@@ -58,27 +58,27 @@ import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 import { iconPopup } from '@opentiny/vue-icon'
 
 const options1 = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' },
-  { value: '选项6', label: '南京' },
-  { value: '选项7', label: '成都' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' },
+  { value: '选项 6', label: '南京' },
+  { value: '选项 7', label: '成都' }
 ])
 
 const options2 = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳', required: true },
-  { value: '选项6', label: '南京' },
-  { value: '选项7', label: '成都' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳', required: true },
+  { value: '选项 6', label: '南京' },
+  { value: '选项 7', label: '成都' }
 ])
 
-const value1 = ref(['选项1', '选项2'])
-const value2 = ref(['选项1', '选项2'])
+const value1 = ref(['选项 1', '选项 2'])
+const value2 = ref(['选项 1', '选项 2'])
 const value3 = ref([])
 const value4 = ref([])
 const tinyIconPopup = iconPopup()
diff --git a/examples/sites/demos/pc/app/base-select/multiple-mix-composition-api.vue b/examples/sites/demos/pc/app/base-select/multiple-mix-composition-api.vue
index cad65b4f84..207a8a85c8 100644
--- a/examples/sites/demos/pc/app/base-select/multiple-mix-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/multiple-mix-composition-api.vue
@@ -88,31 +88,31 @@ import { TinyBaseSelect, TinyOption, TinyForm, TinyFormItem, TinyButton } from '
 
 const options = ref([
   {
-    value: '选项1',
+    value: '选项 1',
     label: '北京'
   },
   {
-    value: '选项2',
+    value: '选项 2',
     label: '上海'
   },
   {
-    value: '选项3',
+    value: '选项 3',
     label: '天津'
   },
   {
-    value: '选项4',
+    value: '选项 4',
     label: '重庆'
   },
   {
-    value: '选项5',
+    value: '选项 5',
     label: '深圳'
   },
   {
-    value: '选项6',
+    value: '选项 6',
     label: '杭州'
   },
   {
-    value: '选项7',
+    value: '选项 7',
     label: '宇宙无敌老面小馒头'
   }
 ])
@@ -122,7 +122,7 @@ const top = ref(false)
 const inline = ref(false)
 const size = ref('')
 const formData = reactive({
-  select1: ['选项1', '选项2', '选项3', '选项4', '选项5', '选项6', '选项7']
+  select1: ['选项 1', '选项 2', '选项 3', '选项 4', '选项 5', '选项 6', '选项 7']
 })
 </script>
 
diff --git a/examples/sites/demos/pc/app/base-select/multiple-mix.vue b/examples/sites/demos/pc/app/base-select/multiple-mix.vue
index 3fc91060ab..9a298319ac 100644
--- a/examples/sites/demos/pc/app/base-select/multiple-mix.vue
+++ b/examples/sites/demos/pc/app/base-select/multiple-mix.vue
@@ -101,36 +101,36 @@ export default {
       size: '',
       options: [
         {
-          value: '选项1',
+          value: '选项 1',
           label: '北京'
         },
         {
-          value: '选项2',
+          value: '选项 2',
           label: '上海'
         },
         {
-          value: '选项3',
+          value: '选项 3',
           label: '天津'
         },
         {
-          value: '选项4',
+          value: '选项 4',
           label: '重庆'
         },
         {
-          value: '选项5',
+          value: '选项 5',
           label: '深圳'
         },
         {
-          value: '选项6',
+          value: '选项 6',
           label: '杭州'
         },
         {
-          value: '选项7',
+          value: '选项 7',
           label: '宇宙无敌老面小馒头'
         }
       ],
       formData: {
-        select1: ['选项1', '选项2', '选项3', '选项4', '选项5', '选项6', '选项7']
+        select1: ['选项 1', '选项 2', '选项 3', '选项 4', '选项 5', '选项 6', '选项 7']
       }
     }
   }
diff --git a/examples/sites/demos/pc/app/base-select/multiple.vue b/examples/sites/demos/pc/app/base-select/multiple.vue
index f93ac68234..6da5edd5ce 100644
--- a/examples/sites/demos/pc/app/base-select/multiple.vue
+++ b/examples/sites/demos/pc/app/base-select/multiple.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <br />
-    <div>场景1：多选</div>
+    <div>场景 1：多选</div>
     <br />
     <tiny-base-select v-model="value1" multiple searchable>
       <tiny-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -9,7 +9,7 @@
     <br />
     <br />
     <br />
-    <div>场景2：必选</div>
+    <div>场景 2：必选</div>
     <br />
     <tiny-base-select v-model="value2" multiple>
       <tiny-option
@@ -24,13 +24,13 @@
     <br />
     <br />
     <br />
-    <div>场景3：配置式必选</div>
+    <div>场景 3：配置式必选</div>
     <br />
     <tiny-base-select v-model="value3" multiple :options="options2"> </tiny-base-select>
     <br />
     <br />
     <br />
-    <div>场景4：多选个数限制</div>
+    <div>场景 4：多选个数限制</div>
     <br />
     <tiny-base-select v-model="value4" multiple :multiple-limit="2" show-limit-text>
       <tiny-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -38,7 +38,7 @@
     <br />
     <br />
     <br />
-    <div>场景5：自定义图标 + 自定义样式</div>
+    <div>场景 5：自定义图标 + 自定义样式</div>
     <br />
     <tiny-base-select
       v-model="value4"
@@ -64,26 +64,26 @@ export default {
   data() {
     return {
       options1: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' },
-        { value: '选项6', label: '南京' },
-        { value: '选项7', label: '成都' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' },
+        { value: '选项 6', label: '南京' },
+        { value: '选项 7', label: '成都' }
       ],
       options2: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳', required: true },
-        { value: '选项6', label: '南京' },
-        { value: '选项7', label: '成都' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳', required: true },
+        { value: '选项 6', label: '南京' },
+        { value: '选项 7', label: '成都' }
       ],
-      value1: ['选项1', '选项2'],
-      value2: ['选项1', '选项2'],
-      value3: ['选项1', '选项2'],
+      value1: ['选项 1', '选项 2'],
+      value2: ['选项 1', '选项 2'],
+      value3: ['选项 1', '选项 2'],
       value4: [],
       iconPopup: iconPopup()
     }
diff --git a/examples/sites/demos/pc/app/base-select/native-properties-composition-api.vue b/examples/sites/demos/pc/app/base-select/native-properties-composition-api.vue
index 159a56d492..77988a2fa3 100644
--- a/examples/sites/demos/pc/app/base-select/native-properties-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/native-properties-composition-api.vue
@@ -9,11 +9,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/native-properties.vue b/examples/sites/demos/pc/app/base-select/native-properties.vue
index 33ca9e92dd..1c859d1ecf 100644
--- a/examples/sites/demos/pc/app/base-select/native-properties.vue
+++ b/examples/sites/demos/pc/app/base-select/native-properties.vue
@@ -15,11 +15,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/no-data-text-composition-api.vue b/examples/sites/demos/pc/app/base-select/no-data-text-composition-api.vue
index c403b7b2df..173142f943 100644
--- a/examples/sites/demos/pc/app/base-select/no-data-text-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/no-data-text-composition-api.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <p>场景1：默认</p>
+    <p>场景 1：默认</p>
     <tiny-base-select v-model="value">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：自定义空数据文本</p>
+    <p>场景 2：自定义空数据文本</p>
     <tiny-base-select v-model="value" no-data-text="暂无数据">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景3：显示空数据图片</p>
+    <p>场景 3：显示空数据图片</p>
     <tiny-base-select v-model="value" no-data-text="None" :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
diff --git a/examples/sites/demos/pc/app/base-select/no-data-text.vue b/examples/sites/demos/pc/app/base-select/no-data-text.vue
index 9aa093ba4e..d9a0fcd15d 100644
--- a/examples/sites/demos/pc/app/base-select/no-data-text.vue
+++ b/examples/sites/demos/pc/app/base-select/no-data-text.vue
@@ -1,14 +1,14 @@
 <template>
   <div>
-    <p>场景1：默认</p>
+    <p>场景 1：默认</p>
     <tiny-base-select v-model="value">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景2：自定义空数据文本</p>
+    <p>场景 2：自定义空数据文本</p>
     <tiny-base-select v-model="value" no-data-text="暂无数据">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
-    <p>场景3：显示空数据图片</p>
+    <p>场景 3：显示空数据图片</p>
     <tiny-base-select v-model="value" no-data-text="None" :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
diff --git a/examples/sites/demos/pc/app/base-select/optimization.spec.ts b/examples/sites/demos/pc/app/base-select/optimization.spec.ts
index 6b3418c500..3c2d53961f 100644
--- a/examples/sites/demos/pc/app/base-select/optimization.spec.ts
+++ b/examples/sites/demos/pc/app/base-select/optimization.spec.ts
@@ -12,10 +12,10 @@ test('单选虚拟滚动', async ({ page }) => {
 
   await select.click()
   await expect((await option.all()).length).toBeLessThan(20) // 新虚拟滚动，预加载行数不一样了
-  await expect(option.filter({ hasText: '北京17' })).toBeHidden()
+  await expect(option.filter({ hasText: '北京 17' })).toBeHidden()
   await option.nth(9).scrollIntoViewIfNeeded()
   await page.waitForTimeout(1000)
-  await expect(option.filter({ hasText: '北京17' })).toBeVisible() // 现在预加载的行比较多，所以17行已经可以看到了
+  await expect(option.filter({ hasText: '北京 17' })).toBeVisible() // 现在预加载的行比较多，所以 17 行已经可以看到了
 })
 
 test('多选虚拟滚动', async ({ page }) => {
@@ -29,18 +29,18 @@ test('多选虚拟滚动', async ({ page }) => {
 
   await select.click()
   await expect((await option.all()).length).toBeLessThan(20) // 新虚拟滚动，预加载行数不一样了
-  await expect(option.filter({ hasText: '北京17' })).toBeHidden()
-  await expect(option.filter({ hasText: '北京16' })).toBeHidden()
+  await expect(option.filter({ hasText: '北京 17' })).toBeHidden()
+  await expect(option.filter({ hasText: '北京 16' })).toBeHidden()
   await page.waitForTimeout(500)
   await option.nth(9).scrollIntoViewIfNeeded()
   await page.waitForTimeout(1000)
   await option.nth(9).scrollIntoViewIfNeeded()
-  await expect(option.filter({ hasText: '北京16' })).toBeVisible()
-  await expect(option.filter({ hasText: '北京17' })).toBeVisible()
-  await option.filter({ hasText: '北京17' }).click()
-  await expect(tag.first()).toHaveText('北京17')
+  await expect(option.filter({ hasText: '北京 16' })).toBeVisible()
+  await expect(option.filter({ hasText: '北京 17' })).toBeVisible()
+  await option.filter({ hasText: '北京 17' }).click()
+  await expect(tag.first()).toHaveText('北京 17')
   await expect((await tag.all()).length).toEqual(1)
-  await option.filter({ hasText: '北京16' }).click()
+  await option.filter({ hasText: '北京 16' }).click()
   await expect((await tag.all()).length).toEqual(2)
   await expect(tag.nth(1)).toHaveText('+ 1')
 })
diff --git a/examples/sites/demos/pc/app/base-select/option-group-composition-api.vue b/examples/sites/demos/pc/app/base-select/option-group-composition-api.vue
index f20f793ef1..add9b0104d 100644
--- a/examples/sites/demos/pc/app/base-select/option-group-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/option-group-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>场景1：分组 + 多选 + 面板可搜索</div>
+    <div>场景 1：分组 + 多选 + 面板可搜索</div>
     <br />
     <tiny-base-select v-model="value2" multiple filterable :searchable="true">
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
@@ -14,7 +14,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：单选分组</div>
+    <div>场景 2：单选分组</div>
     <br />
     <tiny-base-select v-model="value1" filterable>
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
@@ -28,7 +28,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：分组 + 多选</div>
+    <div>场景 3：分组 + 多选</div>
     <br />
     <tiny-base-select v-model="value2" multiple>
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
@@ -42,7 +42,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景4：分组 + 多选 + 可搜索</div>
+    <div>场景 4：分组 + 多选 + 可搜索</div>
     <br />
     <tiny-base-select v-model="value2" filterable multiple>
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
diff --git a/examples/sites/demos/pc/app/base-select/option-group.vue b/examples/sites/demos/pc/app/base-select/option-group.vue
index 4adfa95ec7..1340e0cf71 100644
--- a/examples/sites/demos/pc/app/base-select/option-group.vue
+++ b/examples/sites/demos/pc/app/base-select/option-group.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>场景1：分组 + 多选 + 面板可搜索</div>
+    <div>场景 1：分组 + 多选 + 面板可搜索</div>
     <br />
     <tiny-base-select v-model="value2" multiple filterable :searchable="true">
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
@@ -14,7 +14,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：单选分组</div>
+    <div>场景 2：单选分组</div>
     <br />
     <tiny-base-select v-model="value1" filterable>
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
@@ -28,7 +28,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：分组 + 多选</div>
+    <div>场景 3：分组 + 多选</div>
     <br />
     <tiny-base-select v-model="value2" multiple>
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
@@ -42,7 +42,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景4：分组 + 多选 + 可搜索</div>
+    <div>场景 4：分组 + 多选 + 可搜索</div>
     <br />
     <tiny-base-select v-model="value2" filterable multiple>
       <tiny-option-group v-for="group in options3" :key="group.label" :label="group.label" :disabled="!!group.disabled">
diff --git a/examples/sites/demos/pc/app/base-select/popup-style-position-composition-api.vue b/examples/sites/demos/pc/app/base-select/popup-style-position-composition-api.vue
index 22a4ac5393..a2d1c2f5bf 100644
--- a/examples/sites/demos/pc/app/base-select/popup-style-position-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/popup-style-position-composition-api.vue
@@ -9,11 +9,11 @@ import { reactive, ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = reactive([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/popup-style-position.vue b/examples/sites/demos/pc/app/base-select/popup-style-position.vue
index 3ab7905f0a..d971a45659 100644
--- a/examples/sites/demos/pc/app/base-select/popup-style-position.vue
+++ b/examples/sites/demos/pc/app/base-select/popup-style-position.vue
@@ -15,11 +15,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/remote-method-composition-api.vue b/examples/sites/demos/pc/app/base-select/remote-method-composition-api.vue
index 2bb3a82082..a2a10af0c8 100644
--- a/examples/sites/demos/pc/app/base-select/remote-method-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/remote-method-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>场景1：远程搜索单选</div>
+    <div>场景 1：远程搜索单选</div>
     <br />
     <tiny-base-select
       v-model="value1"
@@ -14,7 +14,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：远程搜索多选 + 保留搜索关键字</div>
+    <div>场景 2：远程搜索多选 + 保留搜索关键字</div>
     <br />
     <tiny-base-select
       v-model="value2"
@@ -31,7 +31,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：获焦时触发远程搜索</div>
+    <div>场景 3：获焦时触发远程搜索</div>
     <br />
     <tiny-base-select
       v-model="value3"
@@ -46,7 +46,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景4：失焦清空查询数据，显示下拉图标</div>
+    <div>场景 4：失焦清空查询数据，显示下拉图标</div>
     <br />
     <tiny-base-select
       v-model="value4"
@@ -61,7 +61,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景5：聚焦时触发搜索，失焦清空查询数据，显示下拉图标</div>
+    <div>场景 5：聚焦时触发搜索，失焦清空查询数据，显示下拉图标</div>
     <br />
     <tiny-base-select
       v-model="value5"
@@ -79,7 +79,7 @@
 
     <br />
     <br />
-    <div>场景6：远程搜索配置 trim 属性去除绑定值空格</div>
+    <div>场景 6：远程搜索配置 trim 属性去除绑定值空格</div>
     <br />
     <tiny-button @click="trim = !trim">trim 为：{{ trim }}</tiny-button>
     <tiny-button @click="changeVal">改变成有空格的值</tiny-button>
diff --git a/examples/sites/demos/pc/app/base-select/remote-method.vue b/examples/sites/demos/pc/app/base-select/remote-method.vue
index aebb6eb990..4352701a3c 100644
--- a/examples/sites/demos/pc/app/base-select/remote-method.vue
+++ b/examples/sites/demos/pc/app/base-select/remote-method.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div>场景1：远程搜索(单选)</div>
+    <div>场景 1：远程搜索 (单选)</div>
     <br />
     <tiny-base-select
       v-model="value1"
@@ -14,7 +14,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：远程搜索多选 + 保留搜索关键字</div>
+    <div>场景 2：远程搜索多选 + 保留搜索关键字</div>
     <br />
     <tiny-base-select
       v-model="value2"
@@ -31,7 +31,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：获焦时触发远程搜索</div>
+    <div>场景 3：获焦时触发远程搜索</div>
     <br />
     <tiny-base-select
       v-model="value3"
@@ -46,7 +46,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景4：失焦清空查询数据，显示下拉图标</div>
+    <div>场景 4：失焦清空查询数据，显示下拉图标</div>
     <br />
     <tiny-base-select
       v-model="value4"
@@ -61,7 +61,7 @@
     </tiny-base-select>
     <br />
     <br />
-    <div>场景5：聚焦时触发搜索，失焦清空查询数据，显示下拉图标</div>
+    <div>场景 5：聚焦时触发搜索，失焦清空查询数据，显示下拉图标</div>
     <br />
     <tiny-base-select
       v-model="value5"
@@ -79,7 +79,7 @@
 
     <br />
     <br />
-    <div>场景6：远程搜索配置 trim 属性去除绑定值空格</div>
+    <div>场景 6：远程搜索配置 trim 属性去除绑定值空格</div>
     <br />
     <tiny-button @click="trim = !trim">trim 为：{{ trim }}</tiny-button>
     <tiny-button @click="changeVal">改变成有空格的值</tiny-button>
diff --git a/examples/sites/demos/pc/app/base-select/searchable-composition-api.vue b/examples/sites/demos/pc/app/base-select/searchable-composition-api.vue
index e8a757e7d6..c99ab724ce 100644
--- a/examples/sites/demos/pc/app/base-select/searchable-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/searchable-composition-api.vue
@@ -1,20 +1,20 @@
 <template>
   <div>
-    <div>场景1：单选</div>
+    <div>场景 1：单选</div>
     <br />
     <tiny-base-select v-model="value" :searchable="true" :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：多选</div>
+    <div>场景 2：多选</div>
     <br />
     <tiny-base-select v-model="multivalue" :searchable="true" multiple :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：多选 + 保留搜索关键字</div>
+    <div>场景 3：多选 + 保留搜索关键字</div>
     <br />
     <tiny-base-select v-model="multivalue" :searchable="true" reserve-keyword multiple :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -27,13 +27,13 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' },
-  { value: '选项6', label: '南京' },
-  { value: '选项7', label: '成都' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' },
+  { value: '选项 6', label: '南京' },
+  { value: '选项 7', label: '成都' }
 ])
 const value = ref('')
 const multivalue = ref([])
diff --git a/examples/sites/demos/pc/app/base-select/searchable.vue b/examples/sites/demos/pc/app/base-select/searchable.vue
index 784bbf9ef3..9deff0dbe0 100644
--- a/examples/sites/demos/pc/app/base-select/searchable.vue
+++ b/examples/sites/demos/pc/app/base-select/searchable.vue
@@ -1,20 +1,20 @@
 <template>
   <div>
-    <div>场景1：单选</div>
+    <div>场景 1：单选</div>
     <br />
     <tiny-base-select v-model="value" :searchable="true" :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景2：多选</div>
+    <div>场景 2：多选</div>
     <br />
     <tiny-base-select v-model="multivalue" :searchable="true" multiple :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-base-select>
     <br />
     <br />
-    <div>场景3：多选 + 保留搜索关键字</div>
+    <div>场景 3：多选 + 保留搜索关键字</div>
     <br />
     <tiny-base-select v-model="multivalue" :searchable="true" reserve-keyword multiple :show-empty-image="true">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
@@ -33,13 +33,13 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' },
-        { value: '选项6', label: '南京' },
-        { value: '选项7', label: '成都' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' },
+        { value: '选项 6', label: '南京' },
+        { value: '选项 7', label: '成都' }
       ],
       value: '',
       multivalue: []
diff --git a/examples/sites/demos/pc/app/base-select/show-alloption-composition-api.vue b/examples/sites/demos/pc/app/base-select/show-alloption-composition-api.vue
index 8275d7f6ab..8ba8a972bf 100644
--- a/examples/sites/demos/pc/app/base-select/show-alloption-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/show-alloption-composition-api.vue
@@ -9,11 +9,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/show-alloption.vue b/examples/sites/demos/pc/app/base-select/show-alloption.vue
index 3cd8fc8e1a..30af619f2f 100644
--- a/examples/sites/demos/pc/app/base-select/show-alloption.vue
+++ b/examples/sites/demos/pc/app/base-select/show-alloption.vue
@@ -15,11 +15,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/show-tip-composition-api.vue b/examples/sites/demos/pc/app/base-select/show-tip-composition-api.vue
index 7149c4dc40..48bd27557c 100644
--- a/examples/sites/demos/pc/app/base-select/show-tip-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/show-tip-composition-api.vue
@@ -9,11 +9,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/show-tip.vue b/examples/sites/demos/pc/app/base-select/show-tip.vue
index 72e5f92ff0..83d765cd2c 100644
--- a/examples/sites/demos/pc/app/base-select/show-tip.vue
+++ b/examples/sites/demos/pc/app/base-select/show-tip.vue
@@ -15,11 +15,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/size-composition-api.vue b/examples/sites/demos/pc/app/base-select/size-composition-api.vue
index a49f52738a..15c44b7a41 100644
--- a/examples/sites/demos/pc/app/base-select/size-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/size-composition-api.vue
@@ -16,16 +16,16 @@ import { ref } from 'vue'
 import { TinyBaseSelect } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
-const value1 = ref(['选项1', '选项2'])
-const value2 = ref(['选项1', '选项2'])
-const value3 = ref(['选项1', '选项2'])
-const value4 = ref(['选项1', '选项2'])
+const value1 = ref(['选项 1', '选项 2'])
+const value2 = ref(['选项 1', '选项 2'])
+const value3 = ref(['选项 1', '选项 2'])
+const value4 = ref(['选项 1', '选项 2'])
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/size.vue b/examples/sites/demos/pc/app/base-select/size.vue
index 97be668c16..b8454ae9cd 100644
--- a/examples/sites/demos/pc/app/base-select/size.vue
+++ b/examples/sites/demos/pc/app/base-select/size.vue
@@ -21,16 +21,16 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
-      value1: ['选项1', '选项2'],
-      value2: ['选项1', '选项2'],
-      value3: ['选项1', '选项2'],
-      value4: ['选项1', '选项2']
+      value1: ['选项 1', '选项 2'],
+      value2: ['选项 1', '选项 2'],
+      value3: ['选项 1', '选项 2'],
+      value4: ['选项 1', '选项 2']
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/slot-default-composition-api.vue b/examples/sites/demos/pc/app/base-select/slot-default-composition-api.vue
index 47d375e9af..fc3fc0a4fa 100644
--- a/examples/sites/demos/pc/app/base-select/slot-default-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-default-composition-api.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：带标签和提示信息</p>
+    <p>场景 1：带标签和提示信息</p>
     <br />
     <tiny-base-select v-model="value1" popper-class="slot-default">
       <template v-for="item in options1">
@@ -18,7 +18,7 @@
     </tiny-base-select>
     <br /><br />
 
-    <p>场景2：选项双行</p>
+    <p>场景 2：选项双行</p>
     <br />
     <tiny-base-select v-model="value2" popper-class="double-row">
       <tiny-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
@@ -38,23 +38,23 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyTag, TinyTooltip } from '@opentiny/vue'
 
 const options1 = ref([
-  { value: '选项1', label: '北京', tag: 'New', tip: '自定义提示' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京', tag: 'New', tip: '自定义提示' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 
 const options2 = ref([
-  { value: '选项1', label: '子网1 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-  { value: '选项2', label: '子网2 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-  { value: '选项3', label: '子网3 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-  { value: '选项4', label: '子网4 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-  { value: '选项5', label: '子网5 （192.168.0.1/24）', desc: '可用 IP 数 250' }
+  { value: '选项 1', label: '子网 1（192.168.0.1/24）', desc: '可用 IP 数 250' },
+  { value: '选项 2', label: '子网 2（192.168.0.1/24）', desc: '可用 IP 数 250' },
+  { value: '选项 3', label: '子网 3（192.168.0.1/24）', desc: '可用 IP 数 250' },
+  { value: '选项 4', label: '子网 4（192.168.0.1/24）', desc: '可用 IP 数 250' },
+  { value: '选项 5', label: '子网 5（192.168.0.1/24）', desc: '可用 IP 数 250' }
 ])
 
-const value1 = ref('选项1')
-const value2 = ref('选项1')
+const value1 = ref('选项 1')
+const value2 = ref('选项 1')
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/slot-default.vue b/examples/sites/demos/pc/app/base-select/slot-default.vue
index 0610a49359..49826061d6 100644
--- a/examples/sites/demos/pc/app/base-select/slot-default.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-default.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p>场景1：带标签和提示信息</p>
+    <p>场景 1：带标签和提示信息</p>
     <br />
     <tiny-base-select v-model="value1" popper-class="slot-default">
       <template v-for="item in options1">
@@ -18,7 +18,7 @@
     </tiny-base-select>
     <br /><br />
 
-    <p>场景2：选项双行</p>
+    <p>场景 2：选项双行</p>
     <br />
     <tiny-base-select v-model="value2" popper-class="double-row">
       <tiny-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
@@ -46,21 +46,21 @@ export default {
   data() {
     return {
       options1: [
-        { value: '选项1', label: '北京', tag: 'New', tip: '自定义提示' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京', tag: 'New', tip: '自定义提示' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       options2: [
-        { value: '选项1', label: '子网1 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-        { value: '选项2', label: '子网2 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-        { value: '选项3', label: '子网3 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-        { value: '选项4', label: '子网4 （192.168.0.1/24）', desc: '可用 IP 数 250' },
-        { value: '选项5', label: '子网5 （192.168.0.1/24）', desc: '可用 IP 数 250' }
+        { value: '选项 1', label: '子网 1（192.168.0.1/24）', desc: '可用 IP 数 250' },
+        { value: '选项 2', label: '子网 2（192.168.0.1/24）', desc: '可用 IP 数 250' },
+        { value: '选项 3', label: '子网 3（192.168.0.1/24）', desc: '可用 IP 数 250' },
+        { value: '选项 4', label: '子网 4（192.168.0.1/24）', desc: '可用 IP 数 250' },
+        { value: '选项 5', label: '子网 5（192.168.0.1/24）', desc: '可用 IP 数 250' }
       ],
-      value1: '选项1',
-      value2: '选项1'
+      value1: '选项 1',
+      value2: '选项 1'
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/slot-footer-composition-api.vue b/examples/sites/demos/pc/app/base-select/slot-footer-composition-api.vue
index b59b6ab227..030de78bc3 100644
--- a/examples/sites/demos/pc/app/base-select/slot-footer-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-footer-composition-api.vue
@@ -14,11 +14,11 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption, TinyButton } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/slot-footer.vue b/examples/sites/demos/pc/app/base-select/slot-footer.vue
index 7e437b885e..6e8f422196 100644
--- a/examples/sites/demos/pc/app/base-select/slot-footer.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-footer.vue
@@ -21,11 +21,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/slot-label-composition-api.vue b/examples/sites/demos/pc/app/base-select/slot-label-composition-api.vue
index 3dc8f9ef04..a0a8b27b9f 100644
--- a/examples/sites/demos/pc/app/base-select/slot-label-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-label-composition-api.vue
@@ -25,34 +25,34 @@ import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
   {
-    value: '选项1',
+    value: '选项 1',
     label: '北京超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长',
     src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/user-head.png`
   },
   {
-    value: '选项2',
+    value: '选项 2',
     label: '上海',
     src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/1.jpg`
   },
   {
-    value: '选项3',
+    value: '选项 3',
     label: '天津',
     src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/2.jpg`
   },
   {
-    value: '选项4',
+    value: '选项 4',
     label: '重庆',
     src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/3.jpg`
   },
   {
-    value: '选项5',
+    value: '选项 5',
     label: '深圳',
     src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/4.jpg`
   }
 ])
 
-const value1 = ref(['选项1', '选项2'])
-const value2 = ref(['选项3'])
+const value1 = ref(['选项 1', '选项 2'])
+const value2 = ref(['选项 3'])
 
 const imgSrc = (value) => {
   const option = options.value.find((option) => option.value === value)
diff --git a/examples/sites/demos/pc/app/base-select/slot-label.vue b/examples/sites/demos/pc/app/base-select/slot-label.vue
index f1bbd37f16..cb21fe9e5a 100644
--- a/examples/sites/demos/pc/app/base-select/slot-label.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-label.vue
@@ -30,33 +30,33 @@ export default {
     return {
       options: [
         {
-          value: '选项1',
+          value: '选项 1',
           label: '北京超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长超长',
           src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/user-head.png`
         },
         {
-          value: '选项2',
+          value: '选项 2',
           label: '上海',
           src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/1.jpg`
         },
         {
-          value: '选项3',
+          value: '选项 3',
           label: '天津',
           src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/2.jpg`
         },
         {
-          value: '选项4',
+          value: '选项 4',
           label: '重庆',
           src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/3.jpg`
         },
         {
-          value: '选项5',
+          value: '选项 5',
           label: '深圳',
           src: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/4.jpg`
         }
       ],
-      value1: ['选项1', '选项2'],
-      value2: ['选项3']
+      value1: ['选项 1', '选项 2'],
+      value2: ['选项 3']
     }
   },
   methods: {
diff --git a/examples/sites/demos/pc/app/base-select/slot-panel-composition-api.vue b/examples/sites/demos/pc/app/base-select/slot-panel-composition-api.vue
index c4a7e351a6..b4c871084b 100644
--- a/examples/sites/demos/pc/app/base-select/slot-panel-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-panel-composition-api.vue
@@ -1,5 +1,5 @@
 <template>
-  <p>场景1：下拉树单选</p>
+  <p>场景 1：下拉树单选</p>
   <tiny-base-select v-model="value">
     <template #panel="{ methods: { updateSelectedData, hidePanel } }">
       <tiny-tree
@@ -24,7 +24,7 @@
       ></tiny-tree>
     </template>
   </tiny-base-select>
-  <p>场景2：下拉树多选</p>
+  <p>场景 2：下拉树多选</p>
   <tiny-base-select v-model="value2" multiple>
     <template #panel="{ methods: { updateSelectedData } }">
       <tiny-tree
@@ -50,7 +50,7 @@
       ></tiny-tree>
     </template>
   </tiny-base-select>
-  <p>场景3：下拉树可搜索</p>
+  <p>场景 3：下拉树可搜索</p>
   <tiny-base-select v-model="value3" filterable clearable :filter-method="filterMethod">
     <template #panel="{ methods: { updateSelectedData, hidePanel } }">
       <tiny-tree
diff --git a/examples/sites/demos/pc/app/base-select/slot-panel.vue b/examples/sites/demos/pc/app/base-select/slot-panel.vue
index d903e60049..39cbbd397b 100644
--- a/examples/sites/demos/pc/app/base-select/slot-panel.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-panel.vue
@@ -1,5 +1,5 @@
 <template>
-  <p>场景1：下拉树单选</p>
+  <p>场景 1：下拉树单选</p>
   <tiny-base-select v-model="value">
     <template #panel="{ methods: { updateSelectedData, hidePanel } }">
       <tiny-tree
@@ -24,7 +24,7 @@
       ></tiny-tree>
     </template>
   </tiny-base-select>
-  <p>场景2：下拉树多选</p>
+  <p>场景 2：下拉树多选</p>
   <tiny-base-select v-model="value2" multiple>
     <template #panel="{ methods: { updateSelectedData } }">
       <tiny-tree
@@ -50,7 +50,7 @@
       ></tiny-tree>
     </template>
   </tiny-base-select>
-  <p>场景3：下拉树可搜索</p>
+  <p>场景 3：下拉树可搜索</p>
   <tiny-base-select v-model="value3" filterable clearable :filter-method="filterMethod">
     <template #panel="{ methods: { updateSelectedData, hidePanel } }">
       <tiny-tree
diff --git a/examples/sites/demos/pc/app/base-select/slot-prefix-composition-api.vue b/examples/sites/demos/pc/app/base-select/slot-prefix-composition-api.vue
index 3a3c2d2b90..007a4b3646 100644
--- a/examples/sites/demos/pc/app/base-select/slot-prefix-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-prefix-composition-api.vue
@@ -13,11 +13,11 @@ import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 import { iconLocation } from '@opentiny/vue-icon'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 
diff --git a/examples/sites/demos/pc/app/base-select/slot-prefix.vue b/examples/sites/demos/pc/app/base-select/slot-prefix.vue
index 31972b7a6e..b0bbb29791 100644
--- a/examples/sites/demos/pc/app/base-select/slot-prefix.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-prefix.vue
@@ -20,11 +20,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/slot-reference-composition-api.vue b/examples/sites/demos/pc/app/base-select/slot-reference-composition-api.vue
index 0cbe0a67f5..63200083c3 100644
--- a/examples/sites/demos/pc/app/base-select/slot-reference-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-reference-composition-api.vue
@@ -15,11 +15,11 @@ import { iconSetting } from '@opentiny/vue-icon'
 const TinyIconSetting = iconSetting()
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' }
 ])
 const value = ref('')
 </script>
diff --git a/examples/sites/demos/pc/app/base-select/slot-reference.vue b/examples/sites/demos/pc/app/base-select/slot-reference.vue
index ae5322b1af..11af866e3c 100644
--- a/examples/sites/demos/pc/app/base-select/slot-reference.vue
+++ b/examples/sites/demos/pc/app/base-select/slot-reference.vue
@@ -20,11 +20,11 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' }
       ],
       value: ''
     }
diff --git a/examples/sites/demos/pc/app/base-select/tag-type-composition-api.vue b/examples/sites/demos/pc/app/base-select/tag-type-composition-api.vue
index 6a7c8b7677..e4d549f5aa 100644
--- a/examples/sites/demos/pc/app/base-select/tag-type-composition-api.vue
+++ b/examples/sites/demos/pc/app/base-select/tag-type-composition-api.vue
@@ -9,15 +9,15 @@ import { ref } from 'vue'
 import { TinyBaseSelect, TinyOption } from '@opentiny/vue'
 
 const options = ref([
-  { value: '选项1', label: '北京' },
-  { value: '选项2', label: '上海' },
-  { value: '选项3', label: '天津' },
-  { value: '选项4', label: '重庆' },
-  { value: '选项5', label: '深圳' },
-  { value: '选项6', label: '南京' },
-  { value: '选项7', label: '成都' }
+  { value: '选项 1', label: '北京' },
+  { value: '选项 2', label: '上海' },
+  { value: '选项 3', label: '天津' },
+  { value: '选项 4', label: '重庆' },
+  { value: '选项 5', label: '深圳' },
+  { value: '选项 6', label: '南京' },
+  { value: '选项 7', label: '成都' }
 ])
-const value = ref(['选项1', '选项2'])
+const value = ref(['选项 1', '选项 2'])
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/base-select/tag-type.vue b/examples/sites/demos/pc/app/base-select/tag-type.vue
index cc602be310..fa73287e69 100644
--- a/examples/sites/demos/pc/app/base-select/tag-type.vue
+++ b/examples/sites/demos/pc/app/base-select/tag-type.vue
@@ -15,15 +15,15 @@ export default {
   data() {
     return {
       options: [
-        { value: '选项1', label: '北京' },
-        { value: '选项2', label: '上海' },
-        { value: '选项3', label: '天津' },
-        { value: '选项4', label: '重庆' },
-        { value: '选项5', label: '深圳' },
-        { value: '选项6', label: '南京' },
-        { value: '选项7', label: '成都' }
+        { value: '选项 1', label: '北京' },
+        { value: '选项 2', label: '上海' },
+        { value: '选项 3', label: '天津' },
+        { value: '选项 4', label: '重庆' },
+        { value: '选项 5', label: '深圳' },
+        { value: '选项 6', label: '南京' },
+        { value: '选项 7', label: '成都' }
       ],
-      value: ['选项1', '选项2']
+      value: ['选项 1', '选项 2']
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/base-select/webdoc/base-select.js b/examples/sites/demos/pc/app/base-select/webdoc/base-select.js
index 24be0a5647..cbdb5ae16f 100644
--- a/examples/sites/demos/pc/app/base-select/webdoc/base-select.js
+++ b/examples/sites/demos/pc/app/base-select/webdoc/base-select.js
@@ -48,7 +48,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>collapse-tags</code> 属性设置选中多个选项时，多个标签缩略展示。设置 <code>show-proportion</code> 可展示当前选中条数和总条数占比，默认值为 <code>false</code> 。设置 <code>hover-expand</code> 为 <code>true</code> ，默认折叠标签, <code>hover</code> 时展示所有标签。标签内容超长时超出省略，<code>hover</code> 标签时展示 <code>tooltip</code> 。</p>\n',
+          '<p>通过 <code>collapse-tags</code> 属性设置选中多个选项时，多个标签缩略展示。设置 <code>show-proportion</code> 可展示当前选中条数和总条数占比，默认值为 <code>false</code> 。设置 <code>hover-expand</code> 为 <code>true</code> ，默认折叠标签，<code>hover</code> 时展示所有标签。标签内容超长时超出省略，<code>hover</code> 标签时展示 <code>tooltip</code> 。</p>\n',
         'en-US':
           '<p>When multiple options are selected through the <code>collapse-tags</code> attribute settings, multiple tags are displayed in a thumbnail. Set <code>show-proportion</code> to display the current number of selected items and the proportion of total items, with a default value of <code>false</code> . By setting <code>hover-expand</code> to <code>true</code> , the tags are collapsed by default, and all tags are displayed when hovering. If the content of the tag is too long, it should be omitted. When hovering the tag, a <code>tooltip</code> should be displayed</p>'
       },
@@ -76,7 +76,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>tag-type</code> 属性设置标签类型，同 Tag 组件的 type 属性。可选值：success / info / warning / danger 。</p>\n',
+          '<p>通过 <code>tag-type</code> 属性设置标签类型，同 Tag 组件的 type 属性。可选值：success / info / warning / danger。</p>\n',
         'en-US':
           '<p>Set the label type through the <code>tag-type</code> attribute, which is the same as the type attribute of the Tag component. Optional values: success/info/warning/danger.</p>\n'
       },
@@ -89,7 +89,7 @@ export default {
         'en-US': 'Size'
       },
       desc: {
-        'zh-CN': '<p>通过 <code>size</code> 属性设置输入框尺寸，可选值：medium / small / mini 。</p>',
+        'zh-CN': '<p>通过 <code>size</code> 属性设置输入框尺寸，可选值：medium / small / mini。</p>',
         'en-US':
           '<p>Set the input box size through the <code>size</code> attribute, with optional values of medium / small / mini.</p>'
       },
@@ -223,7 +223,7 @@ export default {
         'en-US': 'Hide Select All'
       },
       desc: {
-        'zh-CN': '<p>通过 <code>show-alloption</code> 属性设置多选时不展示 <code>全选</code> 选项，默认展示 。</p>\n',
+        'zh-CN': '<p>通过 <code>show-alloption</code> 属性设置多选时不展示 <code>全选</code> 选项，默认展示。</p>\n',
         'en-US':
           '<p>By setting the <code>show-allocation</code> attribute, do not display the <code>select all</code> option when multiple selections are made, and display by default.</p>\n'
       },
@@ -399,7 +399,7 @@ export default {
       },
       desc: {
         'zh-CN':
-          '<p>通过 <code>shape</code> 属性设置为 <code>filter</code> 切换至过滤器模式。 过滤器模式下可传入 label 显示标题，tip 显示提示信息，clearable 是否显示清除按钮，placeholder 显示占位符。</p>\n<p>通过 <code>blank</code> 属性将过滤器背景设置为透明。</p>',
+          '<p>通过 <code>shape</code> 属性设置为 <code>filter</code> 切换至过滤器模式。过滤器模式下可传入 label 显示标题，tip 显示提示信息，clearable 是否显示清除按钮，placeholder 显示占位符。</p>\n<p>通过 <code>blank</code> 属性将过滤器背景设置为透明。</p>',
         'en-US':
           '<p>Set the <code>shape</code> attribute to <code>filter</code> to switch to filter mode. In filter mode, you can transfer the label display title, tip display prompt information, clearable whether to display the clear button, and placeholder display placeholder.</p>\n<p>Set the filter background to transparent with the <code>blank</code> attribute.</p>'
       },
@@ -539,7 +539,7 @@ export default {
         'zh-CN':
           '<div class="tip custom-block"><p class="custom-block-title">事件说明</p>\n<p>change：监听 v-model 的值发生变化。</p>\n<p>clear：监听单选时，点击清空按钮。</p>\n<p>blur：监听 input 失去焦点。</p>\n<p>focus：监听 input 获得焦点。</p>\n<p>visible-change：监听下拉框可见状态的变化。</p>\n<p>remove-tag：监听多选移除选中的标签。</p>\n<p>dropdown-click：监听下拉图标的点击事件。</p>\n</div>\n',
         'en-US':
-          '<div class="tip custom-block"><p class="custom-block-title"> Event Description</p>\n<p>change：Listen for changes in the value of the v-model.</p><p>clear：When listening to radio selection, click the clear button.</p>\n<p>blur：Listening to input losing focus.</p>\n<p>focus：Listening for input to gain focus.</p>\n<p>visible-change: Listen for changes in the visible status of the dropdown box</p>\n<p>remove-tag：Listen for multiple selections to remove selected tags.</p>\n<p>dropdown-click：Listens to the click event of the drop-down icon.</p>\n</div>\n'
+          '<div class="tip custom-block"><p class="custom-block-title"> Event Description</p>\n<p>change: Listen for changes in the value of the v-model.</p><p>clear: When listening to radio selection, click the clear button.</p>\n<p>blur: Listening to input losing focus.</p>\n<p>focus: Listening for input to gain focus.</p>\n<p>visible-change: Listen for changes in the visible status of the dropdown box</p>\n<p>remove-tag: Listen for multiple selections to remove selected tags.</p>\n<p>dropdown-click: Listens to the click event of the drop-down icon.</p>\n</div>\n'
       },
       codeFiles: ['events.vue']
     }