@opentiny/vue-docs 1.0.3 → 1.0.4

package/resources/pc/demo/checkbox/basic-usage.spec.ts

@@ -1,11 +1,11 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('基础用法', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/basic-usage');
-    const preview = page.locator('#preview');
-    const checkbox = preview.locator('.tiny-checkbox');
-    await expect(checkbox).toHaveClass(/is-checked/);
-    await checkbox.click();
-    await expect(checkbox).not.toHaveClass(/is-checked/);
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/basic-usage')
+  const preview = page.locator('#preview')
+  const checkbox = preview.locator('.tiny-checkbox')
+  await expect(checkbox).toHaveClass(/is-checked/)
+  await checkbox.click()
+  await expect(checkbox).not.toHaveClass(/is-checked/)
+})

package/resources/pc/demo/checkbox/button-check-box.spec.ts

@@ -1,12 +1,12 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('按钮形式的复选框未选中时', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/button-chek-box');
-    const preview = page.locator('#preview');
-    const buttonCheck = preview.locator('.tiny-checkbox-button');
-    await buttonCheck.click();
-    await expect(buttonCheck).toHaveClass(/is-checked/);
-    await page.getByRole('button', { name: '获取文本' }).click();
-    await expect(page.getByText(/真文本/)).toBeVisible();
-  })
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/button-chek-box')
+  const preview = page.locator('#preview')
+  const buttonCheck = preview.locator('.tiny-checkbox-button')
+  await buttonCheck.click()
+  await expect(buttonCheck).toHaveClass(/is-checked/)
+  await page.getByRole('button', { name: '获取文本' }).click()
+  await expect(page.getByText(/真文本/)).toBeVisible()
+})

package/resources/pc/demo/checkbox/checkbox-button-multiple.spec.ts

@@ -1,10 +1,10 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('多行按钮', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checkbox-button-multiple');
-    const preview = page.locator('#preview');
-    const checkbox = preview.locator('.tiny-checkbox-group > label');
-    await checkbox.nth(2).click();
-    await expect(checkbox.nth(2)).toHaveClass(/is-checked/);
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checkbox-button-multiple')
+  const preview = page.locator('#preview')
+  const checkbox = preview.locator('.tiny-checkbox-group > label')
+  await checkbox.nth(2).click()
+  await expect(checkbox.nth(2)).toHaveClass(/is-checked/)
+})

package/resources/pc/demo/checkbox/checkbox-button.spec.ts

@@ -1,23 +1,23 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('按钮形式的复选框选中时', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checkbox-button');
-    const preview = page.locator('#preview');
-    const buttonCheck = preview.locator('.tiny-checkbox-button');
-    await expect(buttonCheck).toHaveClass(/is-checked/);
-    await expect(buttonCheck.locator('.tiny-checkbox-button__inner')).toHaveCSS('background-color', 'rgb(64, 158, 255)');
-    await page.getByRole('button', { name: '获取文本' }).click();
-    await expect(page.getByText(/真文本/)).toBeVisible();
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checkbox-button')
+  const preview = page.locator('#preview')
+  const buttonCheck = preview.locator('.tiny-checkbox-button')
+  await expect(buttonCheck).toHaveClass(/is-checked/)
+  await expect(buttonCheck.locator('.tiny-checkbox-button__inner')).toHaveCSS('background-color', 'rgb(64, 158, 255)')
+  await page.getByRole('button', { name: '获取文本' }).click()
+  await expect(page.getByText(/真文本/)).toBeVisible()
 })
 
 test('按钮形式的复选框未选中时', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checkbox-button');
-    const preview = page.locator('#preview');
-    const buttonCheck = preview.locator('.tiny-checkbox-button');
-    await buttonCheck.click();
-    await expect(buttonCheck).not.toHaveClass(/is-checked/);
-    await page.getByRole('button', { name: '获取文本' }).click();
-    await expect(page.getByText(/假文本/)).toBeVisible();
-  })
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checkbox-button')
+  const preview = page.locator('#preview')
+  const buttonCheck = preview.locator('.tiny-checkbox-button')
+  await buttonCheck.click()
+  await expect(buttonCheck).not.toHaveClass(/is-checked/)
+  await page.getByRole('button', { name: '获取文本' }).click()
+  await expect(page.getByText(/假文本/)).toBeVisible()
+})

package/resources/pc/demo/checkbox/checkbox-events.spec.ts

@@ -1,13 +1,13 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('事件', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checkbox-events');
-    const preview = page.locator('#preview');
-    const checkbox = preview.locator('.tiny-checkbox-group > label');
-    await checkbox.nth(1).click();
-    await expect(page.getByText('当前选择：["复选框1","复选框2"]')).toBeVisible();
-    await checkbox.nth(0).click();
-    await checkbox.nth(1).click();
-    await expect(page.getByText('当前选择：[]')).toBeVisible();
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checkbox-events')
+  const preview = page.locator('#preview')
+  const checkbox = preview.locator('.tiny-checkbox-group > label')
+  await checkbox.nth(1).click()
+  await expect(page.getByText('当前选择：["复选框1","复选框2"]')).toBeVisible()
+  await checkbox.nth(0).click()
+  await checkbox.nth(1).click()
+  await expect(page.getByText('当前选择：[]')).toBeVisible()
+})

package/resources/pc/demo/checkbox/checkbox-group.spec.ts

@@ -1,11 +1,11 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('复选框组和垂直复选框组', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checkbox-group');
-    const preview = page.locator('#preview');
-    const group = preview.locator('.tiny-checkbox-group');
-    await group.first().getByText('复选框1').first().click();
-    await group.first().getByText('复选框2').first().click();
-    await expect(group.nth(1).locator('label').nth(1)).toHaveClass(/is-checked/);
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checkbox-group')
+  const preview = page.locator('#preview')
+  const group = preview.locator('.tiny-checkbox-group')
+  await group.first().getByText('复选框1').first().click()
+  await group.first().getByText('复选框2').first().click()
+  await expect(group.nth(1).locator('label').nth(1)).toHaveClass(/is-checked/)
+})

package/resources/pc/demo/checkbox/checkbox-slot.spec.ts

@@ -1,10 +1,10 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('插槽', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checkbox-slot');
-    const preview = page.locator('#preview');
-    const checkbox = preview.locator('.tiny-checkbox-group > label');
-    await expect(checkbox.first().locator('.tiny-checkbox__label > span')).toHaveCSS('color', 'rgb(255, 0, 0)');
-    await expect(checkbox.nth(1).locator('.tiny-checkbox__label > span')).toHaveCSS('color', 'rgb(0, 0, 255)');
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checkbox-slot')
+  const preview = page.locator('#preview')
+  const checkbox = preview.locator('.tiny-checkbox-group > label')
+  await expect(checkbox.first().locator('.tiny-checkbox__label > span')).toHaveCSS('color', 'rgb(255, 0, 0)')
+  await expect(checkbox.nth(1).locator('.tiny-checkbox__label > span')).toHaveCSS('color', 'rgb(0, 0, 255)')
+})

package/resources/pc/demo/checkbox/checked.spec.ts

@@ -1,11 +1,11 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('当前是否勾选', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/checked');
-    const preview = page.locator('#preview');
-    const checkbox = preview.locator('.tiny-checkbox-group > label');
-    await expect(checkbox.first()).toHaveClass(/is-checked/);
-    await expect(checkbox.nth(1)).toHaveClass(/is-disabled/);
-    await expect(checkbox.nth(2)).toHaveClass(/is-disabled is-checked/);
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/checked')
+  const preview = page.locator('#preview')
+  const checkbox = preview.locator('.tiny-checkbox-group > label')
+  await expect(checkbox.first()).toHaveClass(/is-checked/)
+  await expect(checkbox.nth(1)).toHaveClass(/is-disabled/)
+  await expect(checkbox.nth(2)).toHaveClass(/is-disabled is-checked/)
+})

package/resources/pc/demo/checkbox/content-overflow.spec.ts

@@ -1,11 +1,11 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('内容超出时的提示信息', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/content-overflow');
-    const preview = page.locator('#preview');
-    const label = preview.locator('.tiny-checkbox__label > div').first();
-    await expect(label).toHaveClass(/content-overflow/);
-    await label.hover();
-    await expect(preview.locator('.tiny-tooltip').filter({ hasText: '备选项1 提示文字 提示文字' })).toBeVisible();
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/content-overflow')
+  const preview = page.locator('#preview')
+  const label = preview.locator('.tiny-checkbox__label > div').first()
+  await expect(label).toHaveClass(/content-overflow/)
+  await label.hover()
+  await expect(preview.locator('.tiny-tooltip').filter({ hasText: '备选项1 提示文字 提示文字' })).toBeVisible()
+})

package/resources/pc/demo/checkbox/dynamic-create-checkbox.spec.ts

@@ -1,11 +1,11 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('动态生成复选框组', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/dynamic-create-checkbox');
-    const preview = page.locator('#preview');
-    await preview.getByRole('checkbox', { name: '上海' }).filter({ hasText: '上海' }).click();
-    await expect(page.getByText('当前选择：["北京","广州","上海"]')).toBeVisible();
-    await preview.getByRole('checkbox', { name: '上海' }).filter({ hasText: '上海' }).click();
-    await expect(page.getByText('当前选择：["北京","广州"]')).toBeVisible();
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/dynamic-create-checkbox')
+  const preview = page.locator('#preview')
+  await preview.getByRole('checkbox', { name: '上海' }).filter({ hasText: '上海' }).click()
+  await expect(page.getByText('当前选择：["北京","广州","上海"]')).toBeVisible()
+  await preview.getByRole('checkbox', { name: '上海' }).filter({ hasText: '上海' }).click()
+  await expect(page.getByText('当前选择：["北京","广州"]')).toBeVisible()
+})

package/resources/pc/demo/checkbox/group-options.spec.ts

@@ -1,9 +1,9 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('配置式复选框组', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/group-options');
-    const preview = page.locator('#preview');
-    await preview.getByText('很好').click();
-    await expect(page.locator('.tiny-modal__body').filter({ hasText: 'click' })).toBeVisible();
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/group-options')
+  const preview = page.locator('#preview')
+  await preview.getByText('很好').click()
+  await expect(page.locator('.tiny-modal__body').filter({ hasText: 'click' })).toBeVisible()
+})

package/resources/pc/demo/checkbox/indeterminate.spec.ts

@@ -1,25 +1,25 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('禁用', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/indeterminate');
-    const preview = page.locator('#preview');
-    await preview.locator('.tiny-switch').click();
-    const indeterminate = preview.locator('label').filter({ hasText: '全选' }).locator('span').first();
-    await expect(indeterminate).toHaveClass(/is-disabled/);
-    await expect(page.locator('label').filter({ hasText: '北京' }).locator('span').first()).toHaveClass(/is-disabled/);
-    await expect(page.locator('label').filter({ hasText: '广州' }).locator('span').first()).toHaveClass(/is-disabled/);
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/indeterminate')
+  const preview = page.locator('#preview')
+  await preview.locator('.tiny-switch').click()
+  const indeterminate = preview.locator('label').filter({ hasText: '全选' }).locator('span').first()
+  await expect(indeterminate).toHaveClass(/is-disabled/)
+  await expect(page.locator('label').filter({ hasText: '北京' }).locator('span').first()).toHaveClass(/is-disabled/)
+  await expect(page.locator('label').filter({ hasText: '广州' }).locator('span').first()).toHaveClass(/is-disabled/)
 })
 
 test('全选、半选', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/indeterminate');
-    const preview = page.locator('#preview');
-    const indeterminate = preview.locator('label').filter({ hasText: '全选' }).locator('span').first();
-    await expect(indeterminate).toHaveClass(/is-indeterminate/);
-    await page.locator('label').filter({ hasText: '广州' }).locator('span').nth(1).click();
-    await page.locator('label').filter({ hasText: '深圳' }).locator('span').nth(1).click();
-    await expect(indeterminate).toHaveClass(/is-indeterminate/);
-    await page.locator('label').filter({ hasText: '上海' }).locator('span').nth(1).click();
-    await expect(indeterminate).toHaveClass(/is-checked/);
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/indeterminate')
+  const preview = page.locator('#preview')
+  const indeterminate = preview.locator('label').filter({ hasText: '全选' }).locator('span').first()
+  await expect(indeterminate).toHaveClass(/is-indeterminate/)
+  await page.locator('label').filter({ hasText: '广州' }).locator('span').nth(1).click()
+  await page.locator('label').filter({ hasText: '深圳' }).locator('span').nth(1).click()
+  await expect(indeterminate).toHaveClass(/is-indeterminate/)
+  await page.locator('label').filter({ hasText: '上海' }).locator('span').nth(1).click()
+  await expect(indeterminate).toHaveClass(/is-checked/)
+})

package/resources/pc/demo/checkbox/min-max.spec.ts

@@ -1,16 +1,16 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('可选数量限制', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/min-max');
-    const preview = page.locator('#preview');
-    const labels = preview.locator('.tiny-checkbox-group > label');
-    const disabledLabels = labels.locator('.is-disabled');
-    const checkedLabels = labels.locator('.is-checked');
-    await expect(disabledLabels).toHaveCount(2);
-    await expect(labels.locator('.is-checked.is-disabled')).toHaveCount(0);
-    await page.locator('label').filter({ hasText: '北京' }).locator('span').nth(1).click();
-    await expect(disabledLabels).toHaveCount(1);
-    await expect(checkedLabels).toHaveCount(1);
-    await expect(labels.locator('.is-checked.is-disabled')).toHaveCount(1);
-});
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/min-max')
+  const preview = page.locator('#preview')
+  const labels = preview.locator('.tiny-checkbox-group > label')
+  const disabledLabels = labels.locator('.is-disabled')
+  const checkedLabels = labels.locator('.is-checked')
+  await expect(disabledLabels).toHaveCount(2)
+  await expect(labels.locator('.is-checked.is-disabled')).toHaveCount(0)
+  await page.locator('label').filter({ hasText: '北京' }).locator('span').nth(1).click()
+  await expect(disabledLabels).toHaveCount(1)
+  await expect(checkedLabels).toHaveCount(1)
+  await expect(labels.locator('.is-checked.is-disabled')).toHaveCount(1)
+})

package/resources/pc/demo/checkbox/text.spec.ts

@@ -1,10 +1,10 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('文本', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/text');
-    const preview = page.locator('#preview');
-    await preview.locator('span').nth(2).click();
-    await preview.getByRole('button', { name: '获取文本' }).click();
-    await expect(page.locator('.tiny-modal').filter({ hasText: 'change 事件，当前选中的值为:真文本' })).toBeVisible();
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/text')
+  const preview = page.locator('#preview')
+  await preview.locator('span').nth(2).click()
+  await preview.getByRole('button', { name: '获取文本' }).click()
+  await expect(page.locator('.tiny-modal').filter({ hasText: 'change 事件，当前选中的值为:真文本' })).toBeVisible()
+})

package/resources/pc/demo/checkbox/vertical-checkbox.spec.ts

@@ -1,25 +1,25 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('垂直布局', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/vertical-checkbox');
-    const preview = page.locator('#preview');
-    const checkedLabelBJ = preview.getByRole('checkbox', { name: '北京' }).filter({ hasText: '北京' })
-    await checkedLabelBJ.click();
-    await expect(checkedLabelBJ).toHaveClass(/is-checked/);
-    const checkedLabelSH = preview.getByRole('checkbox', { name: '上海' }).filter({ hasText: '上海' })
-    await checkedLabelSH.click();
-    await expect(checkedLabelSH).not.toHaveClass(/is-checked/);
-    const checkedLabelGZ = preview.getByRole('checkbox', { name: '广州' }).filter({ hasText: '广州' })
-    await checkedLabelGZ.click();
-    await expect(checkedLabelGZ).toHaveClass(/is-checked/);
-    const checkedLabelSZ = preview.getByRole('checkbox', { name: '深圳' }).filter({ hasText: '深圳' })
-    await checkedLabelSZ.click();
-    await expect(checkedLabelSZ).toHaveClass(/is-checked/);
-    const parentWrapper = preview.locator('div.tiny-checkbox-group.is-vertical');
-    await expect(parentWrapper).toHaveCSS('display', 'inline-block');
-    await expect(checkedLabelBJ).toHaveCSS('display', 'block');
-    await expect(checkedLabelSH).toHaveCSS('display', 'block');
-    await expect(checkedLabelGZ).toHaveCSS('display', 'block');
-    await expect(checkedLabelSZ).toHaveCSS('display', 'block');
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/vertical-checkbox')
+  const preview = page.locator('#preview')
+  const checkedLabelBJ = preview.getByRole('checkbox', { name: '北京' }).filter({ hasText: '北京' })
+  await checkedLabelBJ.click()
+  await expect(checkedLabelBJ).toHaveClass(/is-checked/)
+  const checkedLabelSH = preview.getByRole('checkbox', { name: '上海' }).filter({ hasText: '上海' })
+  await checkedLabelSH.click()
+  await expect(checkedLabelSH).not.toHaveClass(/is-checked/)
+  const checkedLabelGZ = preview.getByRole('checkbox', { name: '广州' }).filter({ hasText: '广州' })
+  await checkedLabelGZ.click()
+  await expect(checkedLabelGZ).toHaveClass(/is-checked/)
+  const checkedLabelSZ = preview.getByRole('checkbox', { name: '深圳' }).filter({ hasText: '深圳' })
+  await checkedLabelSZ.click()
+  await expect(checkedLabelSZ).toHaveClass(/is-checked/)
+  const parentWrapper = preview.locator('div.tiny-checkbox-group.is-vertical')
+  await expect(parentWrapper).toHaveCSS('display', 'inline-block')
+  await expect(checkedLabelBJ).toHaveCSS('display', 'block')
+  await expect(checkedLabelSH).toHaveCSS('display', 'block')
+  await expect(checkedLabelGZ).toHaveCSS('display', 'block')
+  await expect(checkedLabelSZ).toHaveCSS('display', 'block')
+})

package/resources/pc/demo/checkbox/with-border.spec.ts

@@ -1,26 +1,26 @@
-import { test, expect } from '@playwright/test';
+import { test, expect } from '@playwright/test'
 
 test('尺寸', async ({ page }) => {
-    page.on('pageerror', (exception) => expect(exception).toBeNull());
-    await page.goto('http://localhost:7130/pc/checkbox/with-border');
-    const checkedLabelGZ = page.getByRole('checkbox', { name: '广州' }).filter({ hasText: '广州' });
-    // 点击第1个选项
-    await checkedLabelGZ.first().click();
-    await expect(checkedLabelGZ.first()).toHaveClass(/is-checked/);
-    let box = await checkedLabelGZ.first().boundingBox();
-    // 判断高度是否符合
-    await expect(box?.height).toBeCloseTo(42);
-    await checkedLabelGZ.nth(1).click();
-    await expect(checkedLabelGZ.nth(1)).toHaveClass(/is-checked/);
-    box = await checkedLabelGZ.nth(1).boundingBox();
-    await expect(box?.height).toBeCloseTo(36);
-    await checkedLabelGZ.nth(2).click();
-    await expect(checkedLabelGZ.nth(2)).toHaveClass(/is-checked/);
-    box = await checkedLabelGZ.nth(2).boundingBox();
-    await expect(box?.height).toBeCloseTo(30);
-    await checkedLabelGZ.nth(3).click();
-    await expect(checkedLabelGZ.nth(3)).toHaveClass(/is-checked/);
-    box = await checkedLabelGZ.nth(3).boundingBox();
-    await expect(Math.floor(box?.height || 24)).toBeCloseTo(24);
-    await expect(checkedLabelGZ.nth(4)).toHaveClass(/is-disabled/);
-})
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('http://localhost:7130/pc/checkbox/with-border')
+  const checkedLabelGZ = page.getByRole('checkbox', { name: '广州' }).filter({ hasText: '广州' })
+  // 点击第1个选项
+  await checkedLabelGZ.first().click()
+  await expect(checkedLabelGZ.first()).toHaveClass(/is-checked/)
+  let box = await checkedLabelGZ.first().boundingBox()
+  // 判断高度是否符合
+  await expect(box?.height).toBeCloseTo(42)
+  await checkedLabelGZ.nth(1).click()
+  await expect(checkedLabelGZ.nth(1)).toHaveClass(/is-checked/)
+  box = await checkedLabelGZ.nth(1).boundingBox()
+  await expect(box?.height).toBeCloseTo(36)
+  await checkedLabelGZ.nth(2).click()
+  await expect(checkedLabelGZ.nth(2)).toHaveClass(/is-checked/)
+  box = await checkedLabelGZ.nth(2).boundingBox()
+  await expect(box?.height).toBeCloseTo(30)
+  await checkedLabelGZ.nth(3).click()
+  await expect(checkedLabelGZ.nth(3)).toHaveClass(/is-checked/)
+  box = await checkedLabelGZ.nth(3).boundingBox()
+  await expect(Math.floor(box?.height || 24)).toBeCloseTo(24)
+  await expect(checkedLabelGZ.nth(4)).toHaveClass(/is-disabled/)
+})

package/resources/pc/demo/col/base.vue

@@ -53,13 +53,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-.col {
-  line-height: 30px;
-  text-align: center;
-  color: #fff;
-  background: #1f9ed8;
-  border-radius: 15px;
-}
-</style>

package/resources/pc/demo/col/col-move.vue

@@ -1,39 +1,32 @@
 <template>
   <div class="content">
-    <tiny-layout>
-      <tiny-col :span="2">
-        <div class="col">move 0</div>
-      </tiny-col>
-      <tiny-col :span="2" :move="1">
-        <div class="col">move 1</div>
-      </tiny-col>
-      <tiny-col :span="2" :move="4">
-        <div class="col">向右移动4格</div>
-      </tiny-col>
-      <tiny-col :span="2" :move="-6">
-        <div class="col">向左移动6格</div>
-      </tiny-col>
+    <tiny-layout class="tiny-layout-col-move">
+      <tiny-row>
+        <tiny-col :span="2">
+          <div class="col">move 0</div>
+        </tiny-col>
+        <tiny-col :span="2" :move="1">
+          <div class="col">move 1</div>
+        </tiny-col>
+        <tiny-col :span="2" :move="4">
+          <div class="col">向右移动4格</div>
+        </tiny-col>
+        <tiny-col :span="2" :move="-6">
+          <div class="col">向左移动6格</div>
+        </tiny-col>
+      </tiny-row>
     </tiny-layout>
   </div>
 </template>
 
 <script lang="jsx">
-import { Layout, Col } from '@opentiny/vue'
+import { Layout, Row, Col } from '@opentiny/vue'
 
 export default {
   components: {
     TinyLayout: Layout,
+    TinyRow: Row,
     TinyCol: Col
   }
 }
 </script>
-
-<style scoped>
-.col {
-  line-height: 30px;
-  text-align: center;
-  color: #fff;
-  background: #1f9ed8;
-  border-radius: 15px;
-}
-</style>

package/resources/pc/demo/col/order.vue

@@ -55,14 +55,6 @@ export default {
 </script>
 
 <style scoped>
-.col {
-  line-height: 30px;
-  text-align: center;
-  color: #fff;
-  background: #1f9ed8;
-  border-radius: 15px;
-}
-
 .button {
   margin: 10px 0px;
 }

package/resources/pc/demo/col/tag.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="content">
-      <tiny-layout>
+      <tiny-layout class="tiny-layout-tag">
         <tiny-row>
           <tiny-col :span="3">
             <div class="col">div element</div>
@@ -29,13 +29,3 @@ export default {
   }
 }
 </script>
-
-<style scoped>
-.col {
-  line-height: 30px;
-  text-align: center;
-  color: #fff;
-  background: #1f9ed8;
-  border-radius: 15px;
-}
-</style>

package/resources/pc/demo/collapse/custom-collapse-title.vue

@@ -11,7 +11,7 @@
       <template #title>
         <div class="title">
           <div>反馈 Feedback</div>
-          <div>
+          <div @click.stop>
             <a href="">查看监控数据</a>
             <a href="">卸载</a>
           </div>
@@ -24,7 +24,7 @@
       <template #title>
         <div class="title">
           <div>效率 Efficiency</div>
-          <div>
+          <div @click.stop>
             <a href="">查看监控数据</a>
             <a href="">卸载</a>
           </div>
@@ -41,15 +41,15 @@
   </tiny-collapse>
 </template>
 
-<script lang="jsx">
+<script>
 import { Collapse, CollapseItem } from '@opentiny/vue'
-import { IconClockWork } from '@opentiny/vue-icon'
+import { iconClockWork } from '@opentiny/vue-icon'
 
 export default {
   components: {
     TinyCollapse: Collapse,
     TinyCollapseItem: CollapseItem,
-    IconClockWork: IconClockWork()
+    IconClockWork: iconClockWork()
   },
   data() {
     return {