@opentiny/vue-docs 2.1.10 → 2.2.0

package/demos/pc/app/action-menu/basic-usage.spec.ts

@@ -1,23 +1,32 @@
 import { test, expect } from '@playwright/test'
 
-test('测试基本用法', async ({ page }) => {
+test('基本用法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#basic-usage')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#basic-usage')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
   const dropDownMenu = page.locator('body > .tiny-dropdown-menu.tiny-popper')
-  const childMenu = page.locator('.tiny-dropdown-menu.tiny-dropdown-item--child')
-  const moreItem = menuItem.last().getByRole('button', { name: '更多' })
+  const dropDownMenuItem = dropDownMenu.locator('.tiny-dropdown-item')
+  const childMenu = dropDownMenuItem.locator('.tiny-dropdown-item--child')
+  const moreItem = visibleItem.last()
 
-  await expect(menuItem).toHaveCount(3)
-  await expect(menuItem.last()).toHaveText(/更多/)
-  await expect(moreItem.locator('svg path')).toHaveAttribute('d', 'M2 6h20L12 19z')
+  await expect(visibleItem).toHaveCount(3)
+  // 更多按钮
+  await expect(moreItem).toHaveText(/更多/)
+  // 图标显示
+  await expect(moreItem.locator('svg > path').nth(0)).toHaveAttribute('d', 'M2 6h20L12 19z')
+  // 分割线
   await expect(actionMenu.locator('.tiny-action-menu__item-line')).toHaveCount(2)
+  // 图标旋转
+  await page.waitForTimeout(300)
   await moreItem.hover()
-  await expect(moreItem.locator('svg')).toHaveCSS('transform', 'matrix(-1, 0, 0, -1, 0, 0)')
   await expect(dropDownMenu).toBeVisible()
+  // 箭头是否变成向上
+  await page.waitForTimeout(300)
+  await expect(moreItem.locator('.tiny-dropdown--visible')).toHaveCSS('transform', 'matrix(1, 0, 0, -1, 0, 0)')
+  // 子节点展开
   await dropDownMenu.locator('.tiny-dropdown-item').filter({ hasText: '网络设置' }).hover()
   await expect(childMenu).toBeVisible()
 })

package/demos/pc/app/action-menu/disabled.spec.ts

@@ -1,11 +1,11 @@
 import { test, expect } from '@playwright/test'
 
-test('禁用状态', async ({ page }) => {
+test('禁用', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#disabled')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
+  const wrap = page.locator('#disabled')
+  const actionMenu = wrap.locator('.tiny-action-menu')
   const disabledItem = actionMenu.locator('.tiny-dropdown-item.tiny-dropdown-menu__item').filter({ hasText: '开机' })
 
   await expect(disabledItem).toHaveClass(/is-disabled/)

package/demos/pc/app/action-menu/events.spec.ts

@@ -2,52 +2,28 @@ import { test, expect } from '@playwright/test'
 
 test('菜单项点击事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('http://localhost:7130/pc/action-menu/events')
+  await page.goto('action-menu#events')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#events')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
   const notify = page.locator('.tiny-notify')
   const dropDownMenu = page.locator('body > .tiny-dropdown-menu.tiny-popper')
+  const dropDownMenuItem = dropDownMenu.locator('.tiny-dropdown-item')
 
-  await menuItem.filter({ hasText: '开机' }).click()
+  await visibleItem.nth(1).click()
   await expect(notify.filter({ hasText: '{"label":"开机"}' })).toBeVisible()
-  await menuItem.filter({ hasText: '更多' }).hover()
   await page.waitForTimeout(200)
-  await dropDownMenu.locator('.tiny-dropdown-item').filter({ hasText: '关机' }).click()
-  await expect(notify.filter({ hasText: '{"label":"关机"}' })).toBeVisible()
-})
-
-test('更多按钮点击事件', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('http://localhost:7130/pc/action-menu/events')
-
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
-  const notify = page.locator('.tiny-notify')
-
-  await menuItem.filter({ hasText: '开机' }).click()
-  await expect(notify).not.toBeVisible()
-  await menuItem.filter({ hasText: '更多' }).click()
-  await expect(notify.filter({ hasText: '触发 moreClick 事件' })).toBeVisible()
-})
-
-
-test('下拉面板显示事件', async ({ page }) => {
-  page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('http://localhost:7130/pc/action-menu/events')
-
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
-  const dropDownMenu = page.locator('body > .tiny-dropdown-menu.tiny-popper')
-  const notify = page.locator('.tiny-notify')
-
-  await menuItem.last().hover()
+  await visibleItem.filter({ hasText: '更多' }).click()
   await expect(dropDownMenu).toBeVisible()
+  // more-click 更多按钮点击事件
+  await expect(notify.filter({ hasText: '触发 moreClick 事件' })).toBeVisible()
+  // visible-change 下拉面板显示隐藏事件
   await expect(notify.filter({ hasText: '触发 visible-change 事件,下拉状态为 true' })).toBeVisible()
-  await menuItem.first().click()
-  await expect(dropDownMenu).not.toBeVisible()
+  // item-click 菜单项点击事件
+  await dropDownMenuItem.filter({ hasText: '关机' }).click()
+  await expect(notify.filter({ hasText: '{"label":"关机"}' })).toBeVisible()
+  // visible-change 下拉面板显示隐藏事件
   await expect(notify.filter({ hasText: '触发 visible-change 事件,下拉状态为 false' })).toBeVisible()
+  await expect(dropDownMenu).not.toBeVisible()
 })

package/demos/pc/app/action-menu/max-show-num.spec.ts

@@ -4,14 +4,16 @@ test('显示个数', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#max-show-num')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#max-show-num')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
   const dropDownMenu = page.locator('body > .tiny-dropdown-menu.tiny-popper')
-  const moreItem = menuItem.last().getByRole('button', { name: '更多' })
+  const dropDownMenuItem = dropDownMenu.locator('.tiny-dropdown-item')
+  const moreItem = visibleItem.last()
 
-  await expect(menuItem).toHaveCount(2)
+  await expect(visibleItem).toHaveCount(2)
+  await page.waitForTimeout(300)
   await moreItem.hover()
   await expect(dropDownMenu).toBeVisible()
-  await expect(page.locator('body > .tiny-dropdown-menu.tiny-popper >li.tiny-dropdown-item')).toHaveCount(4)
+  await expect(dropDownMenuItem).toHaveCount(6)
 })

package/demos/pc/app/action-menu/more-text.spec.ts

@@ -1,12 +1,12 @@
 import { test, expect } from '@playwright/test'
 
-test('下拉按钮显示文本', async ({ page }) => {
+test('下拉按钮文本', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#more-text')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#more-text')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
 
-  await expect(menuItem.last().locator('.tiny-dropdown__title')).toHaveText('自定义下拉文本')
+  await expect(visibleItem.last().locator('.tiny-dropdown__title')).toHaveText('自定义下拉文本')
 })

package/demos/pc/app/action-menu/popper-class.spec.ts

@@ -1,14 +1,16 @@
 import { test, expect } from '@playwright/test'
 
-test('自定义下拉面板样式', async ({ page }) => {
+test('弹框样式', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#popper-class')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#popper-class')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
   const dropDownMenu = page.locator('body > .tiny-dropdown-menu.tiny-popper')
 
-  await menuItem.last().hover()
+  await page.waitForTimeout(300)
+  await visibleItem.last().hover()
   await expect(dropDownMenu).toHaveClass(/custom-action-menu/)
+  await expect(dropDownMenu).toHaveCSS('background-color', 'rgb(250, 235, 215)')
 })

package/demos/pc/app/action-menu/slot-item.spec.ts

@@ -4,11 +4,11 @@ test('菜单项插槽', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#slot-item')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#slot-item')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
   const customIconReg = /^M6\.5 11C5\.7.+2\.2-2\.3c0-\.5\.4-\.9\.9-\.9z$/
 
-  await expect(menuItem.first().locator('svg > path').first()).toHaveAttribute('d', customIconReg)
-  await expect(menuItem.nth(1).locator('svg > path').first()).toHaveAttribute('d', customIconReg)
+  await expect(visibleItem.first().locator('svg > path').first()).toHaveAttribute('d', customIconReg)
+  await expect(visibleItem.nth(1).locator('svg > path').first()).toHaveAttribute('d', customIconReg)
 })

package/demos/pc/app/action-menu/spacing.spec.ts

@@ -4,8 +4,8 @@ test('菜单项间距', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#spacing')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
+  const wrap = page.locator('#spacing')
+  const actionMenu = wrap.locator('.tiny-action-menu')
   const getDivider = (parent) => parent.locator('.tiny-action-menu__item-line').first()
   const tenPXSpacing = actionMenu.first()
   const twentyPXSpacing = actionMenu.nth(1)

package/demos/pc/app/action-menu/text-field.spec.ts

@@ -1,13 +1,13 @@
 import { test, expect } from '@playwright/test'
 
-test('自定义显示文本text-field', async ({ page }) => {
+test('映射字段', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('action-menu#text-field')
 
-  const preview = page.locator('#preview')
-  const actionMenu = preview.locator('.tiny-action-menu')
-  const menuItem = actionMenu.locator('.tiny-action-menu__item')
+  const wrap = page.locator('#text-field')
+  const actionMenu = wrap.locator('.tiny-action-menu')
+  const visibleItem = actionMenu.locator('.tiny-action-menu__item')
 
-  await expect(menuItem.first()).toHaveText('远程登陆')
-  await expect(menuItem.nth(1)).toHaveText('开机')
+  await expect(visibleItem.first()).toHaveText('远程登陆')
+  await expect(visibleItem.nth(1)).toHaveText('开机')
 })

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

@@ -6,8 +6,9 @@ export default {
       'demoId': 'basic-usage',
       'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
       'desc': {
-        'zh-CN': '',
-        'en-US': ''
+        'zh-CN': '使用 <code>options</code> 属性配置菜单内容，<code>label</code> 定义节点的显示文本。',
+        'en-US':
+          'Use <code>options</code> attributes to configure menu content, and <code>label</code> to define the display text for nodes.'
       },
       'codeFiles': ['basic-usage.vue']
     },
@@ -16,7 +17,7 @@ export default {
       'name': { 'zh-CN': '禁用', 'en-US': 'Disabled' },
       'desc': {
         'zh-CN': '<p>通过 <code>disabled</code> 字段设置当前下拉选项是否为禁用状态。</p>',
-        'en-US': '<p>Set whether the current drop-down option is disabled through the<code>disabled</code>field.</p>'
+        'en-US': '<p>Set whether the current drop-down option is disabled through the <code>disabled</code> field.</p>'
       },
       'codeFiles': ['disabled.vue']
     },
@@ -26,7 +27,7 @@ export default {
       'desc': {
         'zh-CN': '<p>通过 <code>text-field</code> 属性设置菜单项文本的键值，默认为 label。</p>',
         'en-US':
-          '<p>Set the key value of the menu item text through the<code>text-field</code>attribute, which defaults to label.</p>'
+          '<p>Set the key value of the menu item text through the <code>text-field</code> attribute, which defaults to label.</p>'
       },
       'codeFiles': ['text-field.vue']
     },
@@ -56,7 +57,7 @@ export default {
       'desc': {
         'zh-CN': '<p>通过 <code>popper-class</code> 属性设置下拉面板的类名，自定义样式。</p>',
         'en-US':
-          '<p>Set the class name of the drop-down panel and customize the style through the<code>popper class</code>attribute.</p>'
+          '<p>Set the class name of the drop-down panel and customize the style through the <code>popper-class</code> attribute.</p>'
       },
       'codeFiles': ['popper-class.vue']
     },
@@ -66,7 +67,7 @@ export default {
       'desc': {
         'zh-CN': '<p>通过 <code>max-show-num</code> 属性设置显示最多显示菜单按钮的个数，默认为 2。</p>',
         'en-US':
-          '<p>By setting the<code>max show num</code>attribute, the maximum number of displayed menu buttons is set to 2 by default.</p>'
+          '<p>By setting the <code>max-show-num</code> attribute, the maximum number of displayed menu buttons is set to 2 by default.</p>'
       },
       'codeFiles': ['max-show-num.vue']
     },
@@ -192,7 +193,7 @@ export default {
         },
         {
           'name': 'spacing',
-          'type': '[string,number]',
+          'type': 'string | number',
           'defaultValue': '5px',
           'desc': {
             'zh-CN': '菜单按钮之间的间距',
@@ -278,10 +279,10 @@ interface IItemData {
 interface IItemClickParams {
   itemData: IItemData     // 菜单项配置
   vm: {                   // 菜单项实例
-    "selected": boolean
-    "textField: string
-    "tipPosition: string
-    "$el": HTMLElement
+    selected: boolean
+    textField: string
+    tipPosition: string
+    $el: HTMLElement
   }       
 }
 `

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

@@ -1,11 +1,24 @@
 import { test, expect } from '@playwright/test'
 
-test('Alert 基本用法', async ({ page }) => {
+test('基本用法', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
-  await page.goto('alert#base')
+  await page.goto('alert#basic-usage')
+
+  const demo = page.locator('#basic-usage')
+  const alertBox = demo.locator('.tiny-alert')
+
+  // 颜色边框正确
+  await expect(alertBox.first()).toHaveCSS('background-color', 'rgb(235, 246, 255)')
+  await expect(alertBox.first()).toHaveCSS('border-bottom-color', 'rgb(190, 204, 250)')
+  await expect(alertBox.nth(1)).toHaveCSS('background-color', 'rgb(255, 238, 237)')
+  await expect(alertBox.nth(1)).toHaveCSS('border-bottom-color', 'rgb(255, 188, 186)')
+  await expect(alertBox.nth(2)).toHaveCSS('background-color', 'rgb(237, 255, 249)')
+  await expect(alertBox.nth(2)).toHaveCSS('border-bottom-color', 'rgb(172, 242, 220)')
+  await expect(alertBox.nth(3)).toHaveCSS('background-color', 'rgb(255, 243, 232)')
+  await expect(alertBox.nth(3)).toHaveCSS('border-bottom-color', 'rgb(255, 208, 166)')
 
   // 警告可见
-  const alertSuccess = page.locator('.tiny-alert--success')
+  const alertSuccess = demo.locator('.tiny-alert--success')
   await expect(alertSuccess).toBeVisible()
 
   // 状态图标存在

package/demos/pc/app/alert/center.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test'
 
-test('测试 Alert 提示内容是否居中', async ({ page }) => {
+test('文字居中', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('alert#center')
 

package/demos/pc/app/alert/custom-close.spec.ts

@@ -1,13 +1,14 @@
 import { test, expect } from '@playwright/test'
 
-test('自定义关闭图标，控制警告的再次显示或隐藏', async ({ page }) => {
+test('关闭按钮', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('alert#custom-close')
 
-  const alertSuccess = page.locator('.tiny-alert--success')
-  const defaultClose = alertSuccess.locator('.tiny-alert__close')
-  const customClose = alertSuccess.locator('.icon')
-  const btn = page.getByRole('button', { name: '显示或隐藏警告' })
+  const demo = page.locator('#custom-close')
+  const customAlert = demo.locator('.tiny-alert').first()
+  const defaultClose = customAlert.locator('.tiny-alert__close')
+  const customClose = customAlert.locator('.icon')
+  const switchBtn = demo.locator('.tiny-switch')
 
   // 自定义关闭图标
   await expect(defaultClose).not.toBeVisible()
@@ -15,40 +16,40 @@ test('自定义关闭图标，控制警告的再次显示或隐藏', async ({ pa
 
   // 点击自定义关闭按钮，警告消失
   await customClose.click()
-  await expect(alertSuccess).toBeHidden()
-  await btn.click()
+  await expect(customAlert).toBeHidden()
+  await switchBtn.click()
 
   // 点击按钮控制警告消失或隐藏
-  await expect(alertSuccess).toBeVisible()
-  await btn.click()
-  await expect(alertSuccess).toBeHidden()
-  await btn.click()
-  await expect(alertSuccess).toBeVisible()
+  await expect(customAlert).toBeVisible()
+  await switchBtn.click()
+  await expect(customAlert).toBeHidden()
+  await switchBtn.click()
+  await expect(customAlert).toBeVisible()
 })
 
-test('关闭按钮事件', async ({ page }) => {
+test('自定义关闭按钮文本', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('alert#custom-close')
 
-  const alertWarning = page.locator('.tiny-alert')
-  const close = alertWarning.locator('.tiny-alert__close')
+  const alertError = page.locator('.tiny-alert').nth(1)
+  const closeText = alertError.locator('.tiny-alert__close')
 
-  // 点击关闭后警告消失，自定义事件modalBox提示出现
-  await close.click()
-  await expect(alertWarning).toBeHidden()
-  await expect(page.locator('.tiny-modal__box')).toBeVisible()
+  // 自定义按钮文字
+  await expect(closeText).not.toBeVisible()
+  await expect(alertError.locator('.is-custom').getByText('关闭')).toBeVisible()
 })
 
-test('自定义关闭按钮文本', async ({ page }) => {
+test('关闭按钮事件', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('alert#custom-close')
 
-  const alertError = page.locator('.tiny-alert')
-  const closeText = alertError.locator('.tiny-alert__close')
+  const alertWarning = page.locator('.tiny-alert--warning')
+  const close = alertWarning.locator('.tiny-alert__close')
 
-  // 自定义按钮文字
-  await expect(alertError.locator('.tiny-alert__close')).not.toBeVisible()
-  await expect(closeText).toBeVisible()
+  // 点击关闭后警告消失，自定义事件modalBox提示出现
+  await close.click()
+  await expect(alertWarning).not.toBeVisible()
+  await expect(page.locator('.tiny-modal__box').getByText('关闭了')).toBeVisible()
 })
 
 test('不可关闭警告', async ({ page }) => {

package/demos/pc/app/alert/icon.spec.ts

@@ -5,9 +5,10 @@ test('测试 Alert 自定义图标', async ({ page }) => {
   await page.goto('alert#icon')
 
   // 自定义图标和默认图标不同
-  const iconCustomAlert = page.locator('.tiny-alert--success').nth(0)
-  const alert = page.locator('.tiny-alert--success').nth(1)
+  const iconCustomAlert = page.locator('.tiny-alert').nth(0)
 
-  await expect(iconCustomAlert.locator('.tiny-alert__icon path')).toHaveCount(2)
-  await expect(alert.locator('.tiny-alert__icon path')).toHaveCount(3)
+  await expect(iconCustomAlert.locator('.tiny-alert__icon:nth-child(1) path')).toHaveAttribute(
+    'd',
+    /M13 3v1h-2V3h2zm-1.+1h2v-2h-2c-1\.4 0-2\.8-\.5-4-1\.3z/
+  )
 })

package/demos/pc/app/alert/show-icon.spec.ts

@@ -4,6 +4,6 @@ test('测试 Alert 不显示图标', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('alert#show-icon')
 
-  const noIconAlert = page.locator('.tiny-alert')
-  await expect(noIconAlert.locator('.tiny-alert__icon')).toHaveCount(0)
+  const noIconAlert = page.locator('.tiny-alert').nth(1)
+  await expect(noIconAlert.locator('.tiny-alert__icon')).toHaveCount(1)
 })

package/demos/pc/app/alert/size.spec.ts

@@ -1,10 +1,10 @@
 import { test, expect } from '@playwright/test'
 
-test('测试 Alert 大尺寸', async ({ page }) => {
+test('尺寸', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   await page.goto('alert#size')
 
   const largeAlert = page.locator('.tiny-alert').nth(1)
   await expect(largeAlert).toHaveClass(/tiny-alert--large/)
-  await expect(largeAlert).not.toHaveCSS('height', 'var(--ti-alert-normal-height)')
+  await expect(largeAlert).toHaveCSS('height', '68px')
 })

package/demos/pc/app/alert/title.spec.ts

@@ -8,4 +8,5 @@ test('测试 Alert 自定义标题', async ({ page }) => {
   const alert = page.locator('.tiny-alert--large').first()
   const title = alert.locator('.tiny-alert__title')
   await expect(title).toHaveCount(1)
+  await expect(title).toHaveText('通过属性设置自定义 title')
 })

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

@@ -157,7 +157,7 @@ export default {
     {
       'name': 'autocomplete',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'clearable',
           'type': 'boolean',

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

@@ -102,7 +102,7 @@ export default {
       ]
     },
     {
-      'name': 'breadcrumbItem',
+      'name': 'breadcrumb-item',
       'type': 'component',
       'props': [
         {

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

@@ -122,10 +122,9 @@ export default {
     {
       'name': 'carousel',
       'type': 'component',
-      'properties': [],
       'events': [],
       'slots': [],
-      'carousel-attrs': [
+      'props': [
         {
           'name': 'arrow',
           'type': 'string',
@@ -197,7 +196,7 @@ export default {
           'demoId': 'close-loop'
         }
       ],
-      'carousel-slots': [
+      'slots': [
         {
           'name': 'default',
           'type': '',
@@ -206,7 +205,7 @@ export default {
           'demoId': 'manual-play'
         }
       ],
-      'carousel-methods': [
+      'methods': [
         {
           'name': 'next',
           'type': '',
@@ -229,7 +228,7 @@ export default {
           'demoId': 'manual-play'
         }
       ],
-      'carousel-events': [
+      'events': [
         {
           'name': 'change',
           'type': '',
@@ -237,8 +236,12 @@ export default {
           'desc': { 'zh-CN': '幻灯片切换时触发', 'en-US': '' },
           'demoId': 'carousel-events'
         }
-      ],
-      'carouselItem-attrs': [
+      ]
+    },
+    {
+      'name': 'carousel-item',
+      'type': 'component',
+      'props': [
         {
           'name': 'title',
           'type': 'string',
@@ -254,7 +257,7 @@ export default {
           'demoId': 'show-title'
         }
       ],
-      'carouselItem-slots': [
+      'slots': [
         {
           'name': 'default',
           'type': '',

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

@@ -215,7 +215,7 @@ export default {
     {
       'name': 'cascader',
       'type': 'component',
-      'properties': [
+      'props': [
         {
           'name': 'modelValue / v-model',
           'type': 'ICascaderPanelNodePropValue',
@@ -245,8 +245,8 @@ export default {
           'typeAnchorName': 'ICascaderPanelConfig',
           'defaultValue': '',
           'desc': {
-            'zh-CN': '配置选项，具体见 Cascader Props 表',
-            'en-US': 'Configuration options. For details, see the Cascader Props table.'
+            'zh-CN': '配置选项，具体见 ICascaderPanelConfig 表',
+            'en-US': 'Configuration options. For details, see the ICascaderPanelConfig table.'
           },
           'demoId': 'props-children'
         },
@@ -474,8 +474,12 @@ export default {
           },
           'demoId': 'events'
         }
-      ],
-      'casprops: ICascaderPanelConfig': [
+      ]
+    },
+    {
+      'name': 'ICascaderPanelConfig',
+      'type': 'interface',
+      'props': [
         {
           'name': 'expandTrigger',
           'type': `'click' | 'hover'`,
@@ -534,7 +538,7 @@ export default {
           'defaultValue': '',
           'desc': {
             'zh-CN':
-              '加载动态数据的方法，仅在 lazy 为 true 时有效;参数说明： node为当前点击的节点，resolve为数据加载完成的回调(必须调用)',
+              '加载动态数据的方法，仅在 lazy 为 true 时有效;参数说明： node 为当前点击的节点，resolve 为数据加载完成的回调(必须调用)',
             'en-US':
               'Method for loading dynamic data. This parameter is valid only when lazy is set to true. Parameter description: node indicates the currently clicked node. resolve indicates the callback after data loading is complete (mandatory).'
           },
@@ -588,7 +592,7 @@ export default {
             'zh-CN': '指定选项的叶子节点的标志位为选项对象的某个属性值',
             'en-US': 'The flag bit of the leaf node of the specified option is an attribute value of the option object.'
           },
-          'demoId': 'check-strictly'
+          'demoId': 'props-children'
         }
       ]
     }