@opentiny/vue-docs 2.2.22 → 3.16.0

package/demos/pc/app/select/copy-multi.vue

@@ -29,11 +29,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: ['选项1'],
       value2: ['选项1', '选项2'],

package/demos/pc/app/select/copy-single-composition-api.vue

@@ -29,11 +29,11 @@ import { ref, onMounted } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Input as 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')

package/demos/pc/app/select/copy-single.spec.ts

@@ -21,7 +21,7 @@ test('单选无需配置可复制', async ({ page }) => {
   await valueInput.focus()
   await page.keyboard.press('Control+V')
   await page.waitForTimeout(200)
-  await expect(valueInput).toHaveValue('黄金糕')
+  await expect(valueInput).toHaveValue('北京')
 })
 
 test('单选可搜索配置 allow-copy 可复制', async ({ page }) => {
@@ -33,7 +33,7 @@ test('单选可搜索配置 allow-copy 可复制', async ({ page }) => {
   const input = select.locator('.tiny-input__inner')
   const valueInput = wrap.locator('.custom .tiny-input__inner')
 
-  await expect(input).toHaveValue('黄金糕')
+  await expect(input).toHaveValue('北京')
   await page.waitForTimeout(200)
   const inputBox = await input.boundingBox()
 
@@ -48,7 +48,7 @@ test('单选可搜索配置 allow-copy 可复制', async ({ page }) => {
   await valueInput.click()
   await page.keyboard.press('Control+V')
   await page.waitForTimeout(200)
-  await expect(valueInput).toHaveValue('黄金糕')
+  await expect(valueInput).toHaveValue('北京')
 })
 
 test('单选远程搜索配置 allow-copy 可复制', async ({ page }) => {

package/demos/pc/app/select/copy-single.vue

@@ -36,11 +36,11 @@ 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',

package/demos/pc/app/select/disabled-composition-api.vue

@@ -71,19 +71,19 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as 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('')

package/demos/pc/app/select/disabled.spec.ts

@@ -21,14 +21,14 @@ test('多选某项禁用', async ({ page }) => {
 
   await expect(tag).toHaveCount(1)
   await select.click()
-  await expect(option.filter({ hasText: '双皮奶' })).toHaveClass(/is-disabled/)
+  await expect(option.filter({ hasText: '上海' })).toHaveClass(/is-disabled/)
 
-  await option.filter({ hasText: '双皮奶' }).click()
+  await option.filter({ hasText: '上海' }).click()
   await expect(tag).toHaveCount(1)
 
-  await option.filter({ hasText: '黄金糕' }).click()
+  await option.filter({ hasText: '北京' }).click()
   await expect(tag).toHaveCount(2)
-  await expect(tag.filter({ hasText: '黄金糕' })).toHaveCount(1)
+  await expect(tag.filter({ hasText: '北京' })).toHaveCount(1)
 })
 
 test('单选某项禁用', async ({ page }) => {
@@ -42,15 +42,15 @@ test('单选某项禁用', async ({ page }) => {
 
   await select.click()
   await expect(option.filter({ hasText: '全部' })).toHaveCount(0)
-  await expect(option.filter({ hasText: '双皮奶' })).toHaveClass(/is-disabled/)
+  await expect(option.filter({ hasText: '上海' })).toHaveClass(/is-disabled/)
 
-  await option.filter({ hasText: '双皮奶' }).click()
+  await option.filter({ hasText: '上海' }).click()
   await expect(dropdown).toBeVisible()
   await expect(input).toHaveValue('')
 
-  await option.filter({ hasText: '黄金糕' }).click()
+  await option.filter({ hasText: '北京' }).click()
   await expect(dropdown).toBeHidden()
-  await expect(input).toHaveValue('黄金糕')
+  await expect(input).toHaveValue('北京')
 })
 
 test('多选，禁用项默认选中', async ({ page }) => {
@@ -65,24 +65,24 @@ test('多选，禁用项默认选中', async ({ page }) => {
   // 默认值显示tag数
   await expect(tag).toHaveCount(2)
   // 禁用项默认选中不显示关闭图标
-  await expect(tag.filter({ hasText: '双皮奶' }).locator('svg')).toHaveCount(0)
+  await expect(tag.filter({ hasText: '上海' }).locator('svg')).toHaveCount(0)
   // 非禁用项显示关闭图标
-  await expect(tag.filter({ hasText: '蚵仔煎' }).locator('svg')).toHaveCount(1)
+  await expect(tag.filter({ hasText: '天津' }).locator('svg')).toHaveCount(1)
 
   // 下拉禁用和默认选中的效果
   await select.click()
   await expect(option.filter({ hasText: '全部' })).toHaveCount(1)
-  await expect(option.filter({ hasText: '双皮奶' })).toHaveClass(/is-disabled/)
-  await expect(option.filter({ hasText: '双皮奶' })).toHaveClass(/selected/)
-  await expect(option.filter({ hasText: '蚵仔煎' })).toHaveClass(/selected/)
+  await expect(option.filter({ hasText: '上海' })).toHaveClass(/is-disabled/)
+  await expect(option.filter({ hasText: '上海' })).toHaveClass(/selected/)
+  await expect(option.filter({ hasText: '天津' })).toHaveClass(/selected/)
 
   // 点击禁用项不取消选中
-  await option.filter({ hasText: '双皮奶' }).click()
+  await option.filter({ hasText: '上海' }).click()
   await expect(dropdown).toBeVisible()
   await expect(tag).toHaveCount(2)
 
   // 选中其他项
-  await option.filter({ hasText: '黄金糕' }).click()
+  await option.filter({ hasText: '北京' }).click()
   await expect(dropdown).toBeVisible()
   await expect(tag).toHaveCount(3)
 })

package/demos/pc/app/select/disabled.vue

@@ -77,18 +77,18 @@ 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'],

package/demos/pc/app/select/events-composition-api.vue

@@ -36,11 +36,11 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Modal } 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([])

package/demos/pc/app/select/events.spec.ts

@@ -16,7 +16,7 @@ test('单选事件', async ({ page }) => {
   await expect(model.filter({ hasText: '触发 visible-change 事件' })).toHaveCount(1)
 
   await option.first().click()
-  await expect(input).toHaveValue('黄金糕')
+  await expect(input).toHaveValue('北京')
   await expect(model.filter({ hasText: '触发 change 事件' })).toHaveCount(1)
   await expect(model.filter({ hasText: '触发 visible-change 事件' })).toHaveCount(2)
 

package/demos/pc/app/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: []

package/demos/pc/app/select/filter-method-composition-api.vue

@@ -37,11 +37,11 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as 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('')

package/demos/pc/app/select/filter-method.spec.ts

@@ -25,23 +25,23 @@ test('默认搜索', async ({ page }) => {
   })
 
   // 1.2 过滤到内容
-  await input.fill('双皮奶')
-  await expect(input).toHaveValue('双皮奶')
+  await input.fill('上海')
+  await expect(input).toHaveValue('上海')
   await input.press('Enter')
 
   await page.waitForTimeout(200)
 
   allListItems.forEach(async (item) => {
-    const isVisibleItem = (await item.innerText()) === '双皮奶'
+    const isVisibleItem = (await item.innerText()) === '上海'
     if (isVisibleItem) {
       await expect(item).toHaveCSS('display', 'flex')
     } else {
       await expect(item).toHaveCSS('display', 'none')
     }
   })
-  await expect(option.filter({ hasText: '双皮奶' })).toBeVisible()
-  await option.filter({ hasText: '双皮奶' }).click()
-  await expect(input).toHaveValue('双皮奶')
+  await expect(option.filter({ hasText: '上海' })).toBeVisible()
+  await option.filter({ hasText: '上海' }).click()
+  await expect(input).toHaveValue('上海')
 })
 
 test('自定义过滤', async ({ page }) => {
@@ -69,21 +69,21 @@ test('自定义过滤', async ({ page }) => {
   })
 
   // 1.2 过滤到内容
-  await input.fill('双皮奶')
-  await expect(input).toHaveValue('双皮奶')
+  await input.fill('上海')
+  await expect(input).toHaveValue('上海')
   await input.press('Enter')
 
   await page.waitForTimeout(200)
 
   allListItems.forEach(async (item) => {
-    const isVisibleItem = (await item.innerText()) === '双皮奶'
+    const isVisibleItem = (await item.innerText()) === '上海'
     if (isVisibleItem) {
       await expect(item).toHaveCSS('display', 'flex')
     } else {
       await expect(item).toHaveCSS('display', 'none')
     }
   })
-  await expect(option.filter({ hasText: '双皮奶' })).toBeVisible()
-  await option.filter({ hasText: '双皮奶' }).click()
-  await expect(input).toHaveValue('双皮奶')
+  await expect(option.filter({ hasText: '上海' })).toBeVisible()
+  await option.filter({ hasText: '上海' }).click()
+  await expect(input).toHaveValue('上海')
 })

package/demos/pc/app/select/filter-method.vue

@@ -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: ''

package/demos/pc/app/select/filter-mode-composition-api.vue

@@ -2,7 +2,7 @@
   <div>
     <div>场景1：过滤器模式(默认)</div>
     <br />
-    <tiny-select v-model="value" label="食物品类" shape="filter" :drop-style="{ width: '200px', 'min-width': '200px' }">
+    <tiny-select v-model="value" label="地区名称" shape="filter" :drop-style="{ width: '200px', 'min-width': '200px' }">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-select>
     <br />
@@ -12,7 +12,7 @@
     <br />
     <tiny-select
       v-model="value"
-      label="食物品类"
+      label="地区名称"
       shape="filter"
       :drop-style="{ width: '200px', 'min-width': '200px' }"
       blank
@@ -27,26 +27,11 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as 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>

package/demos/pc/app/select/filter-mode.vue

@@ -2,7 +2,7 @@
   <div>
     <div>场景1：过滤器模式(默认)</div>
     <br />
-    <tiny-select v-model="value" label="食物品类" shape="filter" :drop-style="{ width: '200px', 'min-width': '200px' }">
+    <tiny-select v-model="value" label="地区名称" shape="filter" :drop-style="{ width: '200px', 'min-width': '200px' }">
       <tiny-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </tiny-option>
     </tiny-select>
     <br />
@@ -12,7 +12,7 @@
     <br />
     <tiny-select
       v-model="value"
-      label="食物品类"
+      label="地区名称"
       shape="filter"
       :drop-style="{ width: '200px', 'min-width': '200px' }"
       blank
@@ -33,26 +33,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: ''
     }

package/demos/pc/app/select/hide-drop-composition-api.vue

@@ -9,11 +9,11 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as 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>

package/demos/pc/app/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: ''
     }

package/demos/pc/app/select/input-box-type-composition-api.vue

@@ -21,11 +21,11 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as 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('')

package/demos/pc/app/select/input-box-type.spec.ts

@@ -19,7 +19,7 @@ test('下划线默认', async ({ page }) => {
   await select.click()
   await option.first().click()
   await expect(dropdown).toBeHidden()
-  await expect(input).toHaveValue('黄金糕')
+  await expect(input).toHaveValue('北京')
 })
 
 test('下划线禁用', async ({ page }) => {

package/demos/pc/app/select/input-box-type.vue

@@ -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: '',

package/demos/pc/app/select/is-drop-inherit-width-composition-api.vue

@@ -18,12 +18,12 @@ import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 const options = ref([
   {
     value: '选项1',
-    label: '黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕'
+    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>

package/demos/pc/app/select/is-drop-inherit-width.vue

@@ -24,12 +24,12 @@ export default {
       options: [
         {
           value: '选项1',
-          label: '黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕黄金糕'
+          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: ''
     }

package/demos/pc/app/select/manual-focus-blur-composition-api.vue

@@ -40,11 +40,11 @@ import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Button as 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('')

package/demos/pc/app/select/manual-focus-blur.vue

@@ -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: ''
     }

package/demos/pc/app/select/map-field-composition-api.vue

@@ -37,13 +37,13 @@ const gridOp = ref({
 })
 
 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>