@opentiny/vue-docs 3.28.0 → 3.30.0

package/demos/pc/app/time-select/focus.spec.ts

@@ -4,6 +4,6 @@ test('事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('time-select#focus')
   await page.getByRole('button', { name: '手动获取焦点' }).click()
-  const focus = page.getByRole('textbox', { name: '选择时间' })
+  const focus = page.locator('#focus').locator('.tiny-input__inner')
   await expect(focus).toBeFocused()
 })

package/demos/pc/app/time-select/picker-options.spec.ts

@@ -3,5 +3,6 @@ import { test, expect } from '@playwright/test'
 test('指定时间点', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('time-select#picker-options')
-  expect(await page.getByRole('textbox', { name: '选择时间' }).getAttribute('title')).not.toBeNull()
+  const input = page.locator('#picker-options').locator('.tiny-input__inner')
+  expect(await input.getAttribute('title')).not.toBeNull()
 })

package/demos/pc/app/time-select/range-placeholder.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('time-select#range-placeholder')
-  const timeInput = page.getByRole('textbox', { name: '起始时间' })
+  const timeInput = page.locator('.tiny-input-suffix .tiny-input__inner').first()
   const options = page.locator('.tiny-picker-panel').nth(1).locator('div')
   await timeInput.click()
   // options 的第一条是 options.first()，时间是 08:30；最后一条（最大时间）是 options.nth(43)，时间是 18:30
@@ -13,7 +13,7 @@ test('固定时间范围', async ({ page }) => {
   options.nth(10).click()
   await expect(page.locator('.tiny-input-suffix .tiny-input__inner').first()).toHaveValue('10:00')
 
-  const timeEnd = page.getByRole('textbox', { name: '结束时间' })
+  const timeEnd = page.locator('.tiny-input-suffix .tiny-input__inner').last()
   const endOptions = page.locator('.tiny-picker-panel').nth(1).locator('div')
   await timeEnd.click()
   await expect(endOptions.first()).toContainText('08:30')

package/demos/pc/app/time-select/size-medium.spec.ts

@@ -3,9 +3,9 @@ import { test, expect } from '@playwright/test'
 test('medium 尺寸', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('time-select#size-medium')
-  const mediumBox = page.getByRole('textbox', { name: '尺寸：medium' })
-  const smallBox = page.getByRole('textbox', { name: '尺寸：small' })
-  const miniBox = page.getByRole('textbox', { name: '尺寸：mini' })
+  const mediumBox = page.locator('#size-medium').locator('.tiny-input__inner').nth(0)
+  const smallBox = page.locator('#size-medium').locator('.tiny-input__inner').nth(1)
+  const miniBox = page.locator('#size-medium').locator('.tiny-input__inner').nth(2)
   await expect(mediumBox).toHaveCSS('height', '40px')
   await expect(smallBox).toHaveCSS('height', '28px')
   await expect(miniBox).toHaveCSS('height', '24px')

package/demos/pc/app/tooltip/delay.spec.js

@@ -4,31 +4,29 @@ test('测试延迟显示隐藏', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('tooltip#delay')
 
-  const button1 = page.getByRole('button', { name: '延迟 2s 出现' })
+  await page.getByRole('button', { name: '延迟 2s 出现' }).hover()
   const tip1 = page.getByRole('tooltip', { name: '延迟 2000ms 出现' })
-  const button2 = page.getByRole('button', { name: '延迟 2s 关闭' })
-  const tip2 = page.getByRole('tooltip', { name: '延迟 2000ms 关闭' })
-  const button3 = page.getByRole('button', { name: '2s 后自动隐藏' })
-  const tip3 = page.getByRole('tooltip', { name: '2000ms 后自动隐藏' })
 
   // 延迟出现
-  await button1.hover()
   await page.waitForTimeout(100)
   await expect(tip1).toBeHidden()
-  await button1.hover() // button1 上方
   await page.waitForTimeout(2010)
   await expect(tip1).toBeVisible()
 
+  await page.getByRole('button', { name: '延迟 2s 关闭' }).hover()
+  const tip2 = page.getByRole('tooltip', { name: '延迟 2000ms 关闭' })
+
   // 延迟关闭
-  await button2.hover() // button2 上方
   await page.waitForTimeout(10)
   await expect(tip2).toBeVisible()
   await page.mouse.move(0, 0)
   await page.waitForTimeout(2010)
   await expect(tip2).toBeHidden()
 
+  await page.getByRole('button', { name: '2s 后自动隐藏' }).hover()
+  const tip3 = page.getByRole('tooltip', { name: '2000ms 后自动隐藏' })
+
   // 自动隐藏
-  await button3.hover() // button3 上方
   await page.waitForTimeout(10)
   await expect(tip3).toBeVisible()
   await page.waitForTimeout(2010)

package/demos/pc/app/tooltip/offset.spec.js

@@ -7,8 +7,6 @@ test('测试偏移量', async ({ page }) => {
   const tip = page.getByRole('tooltip', { name: '出现位置的偏移量' })
   const arrow = tip.locator('.popper__arrow')
 
-  await expect(tip).toBeVisible()
-
   // 计算 3 个位置
   const middle = await arrow.boundingBox()
 

package/demos/pc/app/tooltip/popper-options.spec.js

@@ -4,7 +4,8 @@ test('测试自定义 popper', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('tooltip#popper-options')
 
-  const button = page.getByRole('button', { name: '鼠标悬浮到这里' })
+  const demo = page.locator('#popper-options')
+  const button = demo.getByRole('button', { name: '鼠标悬浮到这里' })
   const tooltip = page.getByRole('tooltip', { name: '提示内容', includeHidden: true })
 
   await button.hover()

package/demos/pc/app/user-head/color-composition-api.vue

@@ -13,8 +13,9 @@
 
 <script setup>
 import { TinyUserHead } from '@opentiny/vue'
+import { ref } from 'vue'
 
-const labelText = 'Ai'
+const labelText = ref('Ai')
 </script>
 
 <style lang="less" scoped>

package/demos/pc/menus.js

@@ -62,9 +62,9 @@ const docMenusChildren = [
     }
   },
   {
-    'title': '智能化',
-    'titleEn': 'mcp',
-    'key': 'mcp'
+    'title': 'Skills 使用指南',
+    'titleEn': 'Skills Guide',
+    'key': 'skills'
   },
   { 'title': '表单校验配置', 'titleEn': 'formValid', 'key': 'form-valid' },
   { 'title': '常见问题', 'titleEn': 'faq', 'key': 'faq' },
@@ -171,15 +171,16 @@ export const cmpMenus = [
       { 'nameCn': '文件上传', 'name': 'FileUpload', 'key': 'file-upload' },
       { 'nameCn': '富文本', 'name': 'FluentEditor', 'key': 'fluent-editor' },
       { 'nameCn': '表单', 'name': 'Form', 'key': 'form' },
-
       { 'nameCn': '输入框', 'name': 'Input', 'key': 'input' },
       { 'nameCn': ' IP地址输入框', 'name': 'IpAddress', 'key': 'ip-address' },
       { 'nameCn': '数字输入框', 'name': 'Numeric', 'key': 'numeric' },
+      { 'nameCn': '标签输入框', 'name': 'TagInput', 'key': 'tag-input', 'meta': { 'experimental': '3.29.0' } },
       { 'nameCn': '弹出编辑', 'name': 'PopEditor', 'key': 'popeditor' },
       { 'nameCn': '弹出上传', 'name': 'PopUpload', 'key': 'pop-upload' },
       { 'nameCn': '单选框', 'name': 'Radio', 'key': 'radio' },
       { 'nameCn': '评分', 'name': 'Rate', 'key': 'rate' },
       { 'nameCn': '搜索', 'name': 'Search', 'key': 'search' },
+      { 'nameCn': '综合搜索', 'name': 'SearchBox', 'key': 'search-box' },
       { 'nameCn': '选择器', 'name': 'Select', 'key': 'select' },
       { 'nameCn': '滑块', 'name': 'Slider', 'key': 'slider' },
       { 'nameCn': '开关', 'name': 'Switch', 'key': 'switch' },
@@ -310,6 +311,7 @@ export const cmpMenus = [
       },
       { 'nameCn': '加载', 'name': 'Loading', 'key': 'loading' },
       { 'nameCn': '模态框', 'name': 'Modal', 'key': 'modal' },
+      { 'nameCn': '消息提示', 'name': 'Message', 'key': 'message' },
       { 'nameCn': '通知', 'name': 'Notify', 'key': 'notify' },
       { 'nameCn': '气泡确认框', 'name': 'PopConfirm', 'key': 'popconfirm' },
       { 'nameCn': '进度条', 'name': 'Progress', 'key': 'progress' },