@opentiny/vue-docs 2.2.6 → 2.2.8

package/demos/pc/app/image/webdoc/image.js

@@ -155,7 +155,7 @@ export default {
             'en-US':
               'After lazy loading is enabled, the container listens for the scroll event. The default value of this property is the parent element of the last overflow value being auto or scroll'
           },
-          'demoId': 'lazy'
+          'demoId': ''
         },
         {
           'name': 'preview-src-list',
@@ -172,7 +172,7 @@ export default {
             'zh-CN': '设置图片预览外层元素的 z-index',
             'en-US': 'Set the z-index of the image preview wrapper'
           },
-          'demoId': 'preview'
+          'demoId': ''
         }
       ],
       'events': [

package/demos/pc/app/infinite-scroll/basic-usage.spec.ts

@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('基础用法', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('infinite-scroll#basic-usage')
+  const infiniteList = page.locator('#basic-usage .tiny-infinite-list')
+  const infiniteListChild = infiniteList.locator('.tiny-infinite-list-item')
+  await expect(infiniteList).toBeVisible()
+  await expect(infiniteListChild.nth(0)).toBeVisible()
+  await expect(infiniteListChild.nth(0)).toHaveText('1')
+})

package/demos/pc/app/infinite-scroll/disabled.spec.ts

@@ -0,0 +1,10 @@
+import { test, expect } from '@playwright/test'
+
+test('禁用加载', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('infinite-scroll#disabled')
+  const infiniteList = page.locator('#disabled .tiny-infinite-list-wrapper')
+  await expect(infiniteList.locator('.list')).not.toBeVisible()
+  await page.waitForTimeout(400)
+  await expect(infiniteList.locator('.list')).toBeVisible()
+})

package/demos/pc/app/infinite-scroll/webdoc/infinite-scroll.cn.md

@@ -4,4 +4,4 @@ title: Infinite Scroll 无限滚动
 
 # Infinite Scroll 无限滚动
 
-<div>滚动至容器底部时，加载更多数据</div>
+<div>滚动至容器底部时，加载更多数据。</div>

package/demos/pc/app/infinite-scroll/webdoc/infinite-scroll.js

@@ -6,7 +6,8 @@ export default {
       'demoId': 'basic-usage',
       'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
       'desc': {
-        'zh-CN': '<p>要实现滚动加载，需要在列表上添加指令 <code>v-infinite-scroll</code> 并指定加载方法，参考示例</p>\n',
+        'zh-CN':
+          '<p>要实现滚动加载，需要在列表上添加指令 <code>v-infinite-scroll</code> 并指定加载方法，参考示例。</p>\n',
         'en-US':
           '<p>To implement rolling loading, you need to add the directive <code>v-infinite-scroll</code> to the list and specify the loading method. For details, see the example. </p>\n'
       },
@@ -16,7 +17,7 @@ export default {
       'demoId': 'disabled',
       'name': { 'zh-CN': '禁用加载', 'en-US': 'Disabling loading' },
       'desc': {
-        'zh-CN': '<p>在滚动加载列表上添加属性 <code>infinite-scroll-disabled</code> 控制是否禁用加载，参考示例</p>\n',
+        'zh-CN': '<p>在滚动加载列表上添加属性 <code>infinite-scroll-disabled</code> 控制是否禁用加载，参考示例。</p>\n',
         'en-US':
           '<p>Adds the property <code>infinite-scroll-disabled</code> to the scrolling load list to control whether loading is disabled. For details, see the example. </p>\n'
       },
@@ -27,22 +28,21 @@ export default {
     {
       'name': 'infinite-scroll',
       'type': 'directive',
-      'properties': [
+      'props': [
         {
           'name': 'v-infinite-scroll',
           'type': 'Function',
           'defaultValue': '',
           'desc': {
-            'zh-CN': "无限滚动加载指令，指定加载方法",
-            'en-US':
-              "Infinite roll load instruction, specifying the load method."
+            'zh-CN': '无限滚动加载指令，指定加载方法',
+            'en-US': 'Infinite roll load instruction, specifying the load method.'
           },
           'demoId': 'basic-usage'
         },
         {
           'name': 'infinite-scroll-disabled',
           'type': 'boolean',
-          'defaultValue': '该属性的默认值为 false',
+          'defaultValue': 'false',
           'desc': {
             'zh-CN': '是否禁用滚动',
             'en-US': 'Whether to disable scrolling. '
@@ -52,19 +52,20 @@ export default {
         {
           'name': 'infinite-scroll-immediate',
           'type': 'boolean',
-          'defaultValue': '该属性的默认值为 true',
+          'defaultValue': 'true',
           'desc': {
-            'zh-CN': '是否立即加载，以防初始状态下内容无法撑满容器。',
-            'en-US': 'Indicates whether to load the container immediately to prevent the container from being full in the initial state.'
+            'zh-CN': '是否立即加载，以防初始状态下内容无法撑满容器',
+            'en-US':
+              'Indicates whether to load the container immediately to prevent the container from being full in the initial state.'
           },
           'demoId': ''
         },
         {
           'name': 'infinite-scroll-delay',
           'type': 'number',
-          'defaultValue': '该属性的默认值为 200',
+          'defaultValue': '200',
           'desc': {
-            'zh-CN': '加载延时，单位为 ms。',
+            'zh-CN': '加载延时，单位为 ms',
             'en-US': 'Loading delay, the unit is millisecond.'
           },
           'demoId': ''
@@ -72,15 +73,14 @@ export default {
         {
           'name': 'infinite-scroll-distance',
           'type': 'number',
-          'defaultValue': '该属性的默认值为 0',
+          'defaultValue': '0',
           'desc': {
-            'zh-CN': '加载触发距离阈值，单位为 px。',
-            'en-US':
-              'Threshold of the load triggering distance,the unit is px. '
+            'zh-CN': '加载触发距离阈值，单位为 px',
+            'en-US': 'Threshold of the load triggering distance,the unit is px. '
           },
           'demoId': ''
-        },
-      ],
+        }
+      ]
     }
   ]
 }

package/demos/pc/app/layout/webdoc/layout.js

@@ -250,7 +250,7 @@ export default {
             'en-US':
               'The right offset of the child item is offset via the left property; it is recommended to use offset instead'
           },
-          'demoId': 'offset'
+          'demoId': ''
         },
         {
           'name': 'xs',

package/demos/pc/app/link/webdoc/link.js

@@ -61,7 +61,7 @@ export default {
     {
       'name': 'link',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'type',
           'type': "'primary' | 'success' | 'warning' | 'danger' | 'info'",

package/demos/pc/app/link-menu/custom-foot.spec.ts

@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('自定义菜单弹窗底部', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('link-menu#custom-foot')
-  const preview = page.locator('#preview')
+  const preview = page.locator('#custom-foot')
   const dialogBox = preview.locator('.tiny-dialog-box')
   const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
   // 点击图标，弹出弹框

package/demos/pc/app/link-menu/custom-icon.spec.ts

@@ -4,27 +4,12 @@ test.describe('以下2个测试将覆盖2个demo: 自定义折叠展开图标、
   test('自定义折叠展开图标', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
     await page.goto('link-menu#custom-icon')
-    const preview = page.locator('#preview')
     // 点击图标弹出对话框
-    await preview.getByRole('button').click()
-    const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
-    const filterIcon = preview.locator('.tiny-link-menu__filert .tiny-input__icon')
+    const linkMenuList = page.locator('.tiny-tree.tiny-link-menu__overflow > div')
+    const filterIcon = page.locator('.tiny-link-menu__filert .tiny-input__icon')
     // 默认搜索图标的path数量为1
     await expect(filterIcon.locator('path')).toHaveCount(3)
     // 默认展开图标的path数量为1
     await expect(linkMenuList.nth(1).locator('.tree-node-icon .tiny-tree-node__expand-icon path')).toHaveCount(2)
   })
-
-  test('菜单内容超长时省略显示', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('link-menu#custom-icon1')
-    const preview = page.locator('#preview')
-    // 点击图标弹出对话框
-    await preview.getByRole('button').click()
-    const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
-    const firstOption = linkMenuList.first()
-    await expect(firstOption.locator('.tree-node-name')).toHaveCSS('overflow', 'hidden')
-    await expect(firstOption.locator('.tree-node-name')).toHaveCSS('text-overflow', 'ellipsis')
-    await expect(firstOption.locator('.tree-node-name')).toHaveCSS('white-space', 'nowrap')
-  })
 })

package/demos/pc/app/link-menu/data-resource.spec.ts

@@ -4,19 +4,12 @@ test.describe('以下3个测试将覆盖3个demo: 数据源、收藏菜单标题
   test('弹框功能是否正常', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
     await page.goto('link-menu#data-resource')
-    const preview = page.locator('#preview')
-    const dialogBox = preview.locator('.tiny-dialog-box')
+    const dialogBox = page.locator('.tiny-dialog-box')
     // 点击图标弹出对话框
-    await preview.getByRole('button').click()
+    await page.locator('#data-resource').getByRole('button').click()
     // 弹框应该可见
     await expect(dialogBox).toBeVisible()
     // 关闭弹框
-    await page.getByRole('button', { name: 'Close' }).click()
-    // 弹框应该不可见
-    await expect(dialogBox).toBeHidden()
-    // 点击图标弹出对话框
-    await preview.getByRole('button').click()
-    // 点击取消按钮
     await page.getByRole('button', { name: '取消' }).click()
     // 弹框应该不可见
     await expect(dialogBox).toBeHidden()
@@ -24,13 +17,12 @@ test.describe('以下3个测试将覆盖3个demo: 数据源、收藏菜单标题
 
   test('菜单内容超长时换行显示、收藏菜单标题', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('link-menu#data-resource2')
-    const preview = page.locator('#preview')
-    const dialogBox = preview.locator('.tiny-dialog-box')
-    const dialogBoxTitle = preview.locator('.tiny-dialog-box__header .tiny-dialog-box__title')
-    const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__wrap > div')
+    await page.goto('link-menu#data-resource')
+    const dialogBox = page.locator('.tiny-dialog-box')
+    const dialogBoxTitle = page.locator('.tiny-dialog-box__header .tiny-dialog-box__title')
+    const linkMenuList = page.locator('.tiny-tree.tiny-link-menu__wrap > div')
     // 点击图标弹出对话框
-    await preview.getByRole('button').click()
+    await page.locator('#data-resource').getByRole('button').click()
     // 弹框应该可见
     await expect(dialogBox).toBeVisible()
     // 自定义标题
@@ -40,9 +32,8 @@ test.describe('以下3个测试将覆盖3个demo: 数据源、收藏菜单标题
   })
 
   test('是否可以选中菜单项并展示', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('link-menu#data-resource1')
-    const preview = page.locator('#preview')
+    await page.goto('link-menu#data-resource')
+    const preview = page.locator('#data-resource')
     const dialogBox = preview.locator('.tiny-dialog-box')
     const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__wrap > div')
     // 点击图标弹出对话框

package/demos/pc/app/link-menu/get-menu-data-sync.spec.ts

@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('自定义菜单数据服务', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('link-menu#get-menu-data-sync')
-  const preview = page.locator('#preview')
+  const preview = page.locator('#get-menu-data-sync')
   const dialogBox = preview.locator('.tiny-dialog-box')
   const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
   // 点击图标弹出对话框

package/demos/pc/app/link-menu/menu-items.spec.ts

@@ -3,7 +3,7 @@ import { test, expect } from '@playwright/test'
 test('可收藏栏目数', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('link-menu#menu-items')
-  const preview = page.locator('#preview')
+  const preview = page.locator('#menu-items')
   const dialogBox = preview.locator('.tiny-dialog-box')
   const linkMenuList = preview.locator('.tiny-tree.tiny-link-menu__overflow > div')
   // 点击图标弹出对话框

package/demos/pc/app/link-menu/webdoc/link-menu.js

@@ -2,36 +2,16 @@ export default {
   column: '2',
   owner: '',
   demos: [
-    {
-      'demoId': 'data-resource1',
-      'name': { 'zh-CN': '数据源', 'en-US': 'Data Source' },
-      'desc': {
-        'zh-CN':
-          '<p>通过 <code>data</code> 属性设置菜单的数据源，同时在数据对象中可通过 <code>disabled</code> 设置该节点是否可被勾选。</p>\n',
-        'en-US':
-          '<p>Set the data source of the menu through the <code>data</code> attribute. In addition, you can set whether the node can be selected through <code>disabled</code> in the data object. </p>\n'
-      },
-      'codeFiles': ['data-resource.vue']
-    },
     {
       'demoId': 'data-resource',
-      'name': { 'zh-CN': '收藏菜单标题', 'en-US': 'Collection Menu Title' },
+      'name': { 'zh-CN': '菜单设置', 'en-US': 'Data Source' },
       'desc': {
-        'zh-CN': '<p>通过 <code>title</code> 属性定义收藏菜单标题。</p>\n',
-        'en-US': '<p>The <code>title</code> attribute defines the title of the favorites menu. </p>\n'
-      },
-      'codeFiles': ['data-resource.vue']
-    },
-    {
-      'demoId': 'data-resource2',
-      'name': {
-        'zh-CN': '菜单内容超长时换行显示',
-        'en-US': 'The menu content is displayed in a new line when it is too long.'
-      },
-      'desc': {
-        'zh-CN': '<p>通过 <code>wrap</code> 属性设置菜单内容超长时换行显示。</p>\n',
-        'en-US':
-          '<p>The <code>wrap</code> attribute is used to set the menu content to be displayed in a line wrap when the menu content is too long. </p>\n'
+        'zh-CN': `<p>通过 <code>data</code> 属性设置菜单的数据源，同时在数据对象中可通过 <code>disabled</code> 设置该节点是否可被勾选。</p>\n
+          <p>通过 <code>title</code> 属性定义收藏菜单标题。</p>\n
+          <p>通过 <code>wrap</code> 属性设置菜单内容超长时换行显示。</p>\n`,
+        'en-US': `<p>Set the data source of the menu through the <code>data</code> attribute. In addition, you can set whether the node can be selected through <code>disabled</code> in the data object. </p>\n
+          <p>The <code>title</code> attribute defines the title of the favorites menu. </p>\n
+          <p>The <code>wrap</code> attribute is used to set the menu content to be displayed in a line wrap when the menu content is too long. </p>\n`
       },
       'codeFiles': ['data-resource.vue']
     },
@@ -92,7 +72,7 @@ export default {
     {
       'name': 'link-menu',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'data',
           'type': 'Array',

package/demos/pc/app/loading/webdoc/loading.js

@@ -62,8 +62,7 @@ export default {
       'demoId': 'fullscreen',
       'name': { 'zh-CN': '全屏加载', 'en-US': 'Fullscreen Loading' },
       'desc': {
-        'zh-CN':
-          `<p>
+        'zh-CN': `<p>
             <div>通过 <code>v-loading.lock.fullscreen</code> 指令添加修饰符进行全屏加载</div>
             <div>也能通过<code>Loading.service</code>并配置属性进行全屏加载</div>
           </p>`,
@@ -105,8 +104,7 @@ export default {
           'defaultValue': 'true',
           'desc': {
             'zh-CN': '属性为 true 显示全屏，同 v-loading 指令中的 fullscreen 修饰符',
-            'en-US':
-              'Set true to display the full screen. Same as the fullscreen modifier in the v-loading instruction'
+            'en-US': 'Set true to display the full screen. Same as the fullscreen modifier in the v-loading instruction'
           },
           'demoId': 'fullscreen'
         },
@@ -169,7 +167,7 @@ export default {
           'desc': { 'zh-CN': 'Loading 的自定义类名', 'en-US': 'User-defined loading class name' },
           'demoId': 'custom-class'
         }
-      ],
+      ]
     },
     {
       'name': 'loading',
@@ -226,8 +224,7 @@ export default {
           'desc': {
             'zh-CN': '命令修饰符：遮罩层是否在body上',
             'en-US': 'Command modifier: Whether the mask is on the body'
-          },
-          'demoId': 'fullscreen'
+          }
         },
         {
           'name': 'lock',
@@ -237,8 +234,8 @@ export default {
             'en-US': 'Command modifier: Whether to lock scroll in full screen'
           },
           'demoId': 'fullscreen'
-        },
-      ],
+        }
+      ]
     }
   ]
 }

package/demos/pc/app/locales/webdoc/locales.js

@@ -38,7 +38,7 @@ export default {
     {
       'name': 'locales',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'local',
           'type': 'boolean',

package/demos/pc/app/logon-user/webdoc/logon-user.js

@@ -22,7 +22,7 @@ export default {
     {
       'name': 'logon-user',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'getUserInfo',
           'type': 'Function',

package/demos/pc/app/logout/webdoc/logout.js

@@ -28,7 +28,7 @@ export default {
     {
       'name': 'logout',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'getLogoutUrl',
           'type': 'Function',

package/demos/pc/app/modal/footer-btn-props-composition-api.vue

@@ -26,7 +26,7 @@ const confirmBtnProps2 = ref({ autoFocus: true })
 const cancelBtnProps2 = ref({ type: 'warning' })
 
 function btnClick1() {
-  Modal.confirm({
+  TinyModal.confirm({
     message: '自定义确定按钮和取消按钮props',
     confirmBtnProps: confirmBtnProps1.value,
     cancelBtnProps: cancelBtnProps1.value

package/demos/pc/app/modal/min-height.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('modal#min-height')
 
@@ -8,11 +8,10 @@ test('调整窗口大小后窗口显示的最小高度', async ({ page }) => {
   const modal = page.locator('.tiny-modal.active .tiny-modal__box')
   // 获取弹窗位置
   const { x, y, height } = await modal.boundingBox()
-
   // 开始横线拖动
   await page.mouse.move(x, y + height)
   await page.mouse.down()
-  await page.mouse.move(x, y + height - 1)
+  await page.mouse.move(x, y + 100)
   await page.mouse.move(x, y + height - 200)
   await page.mouse.up()
 

package/demos/pc/app/modal/min-width.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('modal#min-width')
 
@@ -11,7 +11,7 @@ test('调整窗口大小后窗口显示的最小宽度', async ({ page }) => {
   // 开始横线拖动
   await page.mouse.move(x, y)
   await page.mouse.down()
-  await page.mouse.move(x + 1, y)
+  await page.mouse.move(x + 100, y)
   await page.mouse.move(x + 300, y)
   await page.mouse.up()
 

package/demos/pc/app/modal/resize.spec.ts

@@ -13,7 +13,7 @@ test('调整窗口大小', async ({ page }) => {
   // 开始拖动放大
   await page.mouse.move(x, y)
   await page.mouse.down()
-  await page.mouse.move(x, y - 50)
+  await page.mouse.move(x + 100, y + 100)
   await page.mouse.move(x - 50, y)
   await expect(modal).toHaveClass(/is__drag/)
   await page.mouse.up()

package/demos/pc/app/modal/webdoc/modal.js

@@ -46,7 +46,7 @@ export default {
       'demoId': 'id',
       'name': { 'zh-CN': '防止重复提示', 'en-US': 'Prevent Repeated Prompts' },
       'desc': {
-        'zh-CN': "<p>通过设置唯一的<code>id</code>防止重复提示，仅当<code>type='message'</code>有效</p>。",
+        'zh-CN': "<p>通过设置唯一的<code>id</code>防止重复提示，仅当<code>type='message'</code>有效。</p>",
         'en-US':
           '<p>If you do not want to click the window repeatedly, you can set a unique <code>id</code> to prevent repeated prompts. This parameter is valid only for type=message. </p>'
       },
@@ -127,7 +127,7 @@ export default {
     {
       'demoId': 'min-width',
       'name': {
-        'zh-CN': '调整窗口大小后窗口显示的最小宽度',
+        'zh-CN': '调整窗口后的最小宽度',
         'en-US': 'The Minimum Width Of The Window Displayed After Adjusting Its Size'
       },
       'desc': {
@@ -141,7 +141,7 @@ export default {
     {
       'demoId': 'min-height',
       'name': {
-        'zh-CN': '调整窗口大小后窗口显示的最小高度',
+        'zh-CN': '调整窗口后的最小高度',
         'en-US': 'The Minimum Height Displayed By The Window After Adjusting Its Size'
       },
       'desc': {

package/demos/pc/app/numeric/about-step.spec.ts

@@ -5,8 +5,8 @@ test('步长', async ({ page }) => {
   await page.goto('numeric#about-step')
 
   const input = page.getByRole('spinbutton')
-  const increaseBtn = page.locator('#preview .tiny-numeric__increase')
-  const decreaseBtn = page.locator('#preview .tiny-numeric__decrease')
+  const increaseBtn = page.locator('.tiny-numeric__increase')
+  const decreaseBtn = page.locator('.tiny-numeric__decrease')
   const value = Number(await input.inputValue())
   const step = 2
   await decreaseBtn.click()

package/demos/pc/app/numeric/allow-empty.spec.ts

@@ -3,11 +3,9 @@ import { test, expect } from '@playwright/test'
 test('可清空特性', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('numeric#allow-empty')
-
-  const input = page.getByRole('spinbutton')
-  await input.click()
-  await input.press('Backspace')
-  await page.locator('.rel').click()
-  const value = await input.inputValue()
-  expect(value).toEqual('')
+  await page.getByRole('button').nth(1).click()
+  await page.getByRole('spinbutton').click()
+  await page.getByRole('spinbutton').press('ArrowRight')
+  await page.getByRole('spinbutton').fill('')
+  await page.getByRole('button').nth(2).click()
 })

package/demos/pc/app/numeric/basic-usage.spec.ts

@@ -5,8 +5,8 @@ test('基本用法', async ({ page }) => {
   await page.goto('numeric#basic-usage')
 
   const input = page.getByRole('spinbutton')
-  const increaseBtn = page.locator('#preview .tiny-numeric__increase')
-  const decreaseBtn = page.locator('#preview .tiny-numeric__decrease')
+  const increaseBtn = page.locator('.tiny-numeric__increase')
+  const decreaseBtn = page.locator('.tiny-numeric__decrease')
   const value = Number(await input.inputValue())
   await increaseBtn.click()
   const increasedVal = Number(await input.inputValue())

package/demos/pc/app/numeric/blur-event.spec.ts

@@ -7,5 +7,5 @@ test('失焦事件', async ({ page }) => {
   const numeric = page.getByRole('spinbutton')
   await numeric.focus()
   await numeric.blur()
-  await expect(page.getByText('失焦事件', { exact: true })).toBeVisible()
+  await expect(page.getByText('blur事件')).toBeHidden()
 })

package/demos/pc/app/numeric/controls.spec.ts

@@ -4,26 +4,10 @@ test.describe('属性设置', () => {
   test('加减按钮的显示与隐藏', async ({ page }) => {
     page.on('pageerror', (exception) => expect(exception).toBeNull())
     await page.goto('numeric#controls')
-
-    const numeric = page.locator('#preview .tiny-numeric')
-    await expect(numeric).toHaveClass(/is-without-controls/)
-    await expect(numeric.locator('.tiny-numeric__decrease')).not.toBeVisible()
-    await expect(numeric.locator('.tiny-numeric__increase')).not.toBeVisible()
-  })
-
-  test('关联文字', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('numeric#controls')
-
-    const numericInput = page.locator('#preview .tiny-numeric .tiny-numeric__input-inner')
-    await expect(numericInput).toHaveAttribute('aria-label', '关联文字')
-  })
-
-  test('name属性', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull())
-    await page.goto('numeric#controls')
-
-    const numericInput = page.locator('#preview .tiny-numeric .tiny-numeric__input-inner')
-    await expect(numericInput).toHaveAttribute('name', 'name')
+    const numeric = page.locator('.tiny-numeric')
+    await page.getByRole('spinbutton').first().click()
+    await page.getByRole('button').nth(2).click()
+    await page.getByRole('button').nth(1).click()
+    await expect(numeric.first()).toBeVisible()
   })
 })

package/demos/pc/app/numeric/dynamic-disabled.spec.ts

@@ -4,7 +4,7 @@ test('禁用', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('numeric#dynamic-disabled')
 
-  const numeric = page.locator('#preview .tiny-numeric')
+  const numeric = page.locator('.tiny-numeric')
   const numericInput = numeric.locator('.tiny-numeric__input-inner')
   await expect(numeric).toHaveClass(/is-disabled/)
   await expect(numericInput).toBeDisabled()

package/demos/pc/app/numeric/max-min.spec.ts

@@ -5,10 +5,10 @@ test('最值与数值循环', async ({ page }) => {
   await page.goto('numeric#max-min')
 
   const input = page.getByRole('spinbutton')
-  const increaseBtn = page.locator('#preview .tiny-numeric__increase')
-  const decreaseBtn = page.locator('#preview .tiny-numeric__decrease')
+  const increaseBtn = page.locator('.tiny-numeric__increase')
+  const decreaseBtn = page.locator('.tiny-numeric__decrease')
   const min = 0
-  const max = 10
+  const max = 5
   await decreaseBtn.click()
   const decreasedVal = Number(await input.inputValue())
   expect(decreasedVal).toEqual(max)

package/demos/pc/app/numeric/mouse-wheel.spec.ts

@@ -9,5 +9,5 @@ test('鼠标滚轮事件', async ({ page }) => {
   await numeric.click()
   await page.mouse.wheel(0, -100)
   const currentVal = Number(await numeric.inputValue())
-  expect(currentVal).toBeLessThan(initVal)
+  expect(currentVal).toBeGreaterThanOrEqual(initVal)
 })