Skip to content

Commit c5a67e6

Browse files
gimmyhehegimmyhehe
authored
docs(site): fix demos and test e2e (#2444)
1 parent 0fb2966 commit c5a67e6

26 files changed

+41
-35
lines changed

‎examples/sites/demos/pc/app/color-picker/history-composition-api.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<div>
3-
<ColorPicker v-model="color" :history="history" />
3+
<tiny-color-picker v-model="color" :history="history" />
44
<br />
5-
<Button @click="addHistoryColor">Append history color</Button>
6-
<Button @click="popHistoryColor">Pop history color</Button>
5+
<tiny-button @click="addHistoryColor">Append history color</tiny-button>
6+
<tiny-button @click="popHistoryColor">Pop history color</tiny-button>
77
</div>
88
</template>
99

‎examples/sites/demos/pc/app/color-picker/predefine-composition-api.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<div>
3-
<ColorPicker v-model="color" :predefine="predefine" />
3+
<tiny-color-picker v-model="color" :predefine="predefine" />
44
<br />
5-
<Button @click="addPredefineColor">Append predefine color</Button>
6-
<Button @click="popPredefineColor">Pop predefine color</Button>
5+
<tiny-button @click="addPredefineColor">Append predefine color</tiny-button>
6+
<tiny-button @click="popPredefineColor">Pop predefine color</tiny-button>
77
</div>
88
</template>
99

‎examples/sites/demos/pc/app/color-select-panel/history-composition-api.vue

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,13 @@
44
<tiny-button @click="addHistoryColor">Append history color</tiny-button>
55
<tiny-button @click="popHistoryColor">Pop history color</tiny-button>
66
<div style="position: relative">
7-
<ColorSelectPanel v-model="color" :visible="visible" @confirm="onConfirm" @cancel="onCancel" :history="history" />
7+
<tiny-color-select-panel
8+
v-model="color"
9+
:visible="visible"
10+
@confirm="onConfirm"
11+
@cancel="onCancel"
12+
:history="history"
13+
/>
814
</div>
915
</div>
1016
</template>

‎examples/sites/demos/pc/app/color-select-panel/predefine-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<tiny-button @click="addPredefineColor">Append predefine color</tiny-button>
55
<tiny-button @click="popPredefineColor">Pop predefine color</tiny-button>
66
<div style="position: relative">
7-
<ColorSelectPanel
7+
<tiny-color-select-panel
88
v-model="color"
99
:visible="visible"
1010
@confirm="onConfirm"

‎examples/sites/demos/pc/app/grid/editor/custom-editor-select-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
field="area"
1212
title="区域"
1313
:editor="{
14-
component: Select,
14+
component: TinySelect,
1515
attrs: { options, textField: 'name', valueField: 'id' }
1616
}"
1717
:format-config="{ data: options, label: 'name', value: 'id' }"

‎examples/sites/demos/pc/app/grid/editor/custom-editor-select.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
field="area"
1212
title="区域"
1313
:editor="{
14-
component: Select,
14+
component: TinySelect,
1515
attrs: { options, textField: 'name', valueField: 'id' }
1616
}"
1717
:format-config="{ data: options, label: 'name', value: 'id' }"

‎examples/sites/demos/pc/app/grid/editor/mutil-render-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
field="area"
1212
title="区域"
1313
:editor="{
14-
component: Select,
14+
component: TinySelect,
1515
attrs: {
1616
multiple: true,
1717
options,

‎examples/sites/demos/pc/app/grid/editor/mutil-render.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
field="area"
1212
title="区域"
1313
:editor="{
14-
component: Select,
14+
component: TinySelect,
1515
attrs: {
1616
multiple: true,
1717
options,

‎examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<tiny-grid-column
99
field="id"
1010
title="名称（Popeditor）"
11-
:editor="{ component: Popeditor, attrs: getPopEditorOp }"
11+
:editor="{ component: TinyPopeditor, attrs: getPopEditorOp }"
1212
:format-config="{
1313
type: 'enum',
1414
async: true,

‎examples/sites/demos/pc/app/grid/editor/popeditor-in-grid-remote-search.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<tiny-grid-column
99
field="id"
1010
title="名称（Popeditor）"
11-
:editor="{ component: Popeditor, attrs: getPopEditorOp }"
11+
:editor="{ component: TinyPopeditor, attrs: getPopEditorOp }"
1212
:format-config="{
1313
type: 'enum',
1414
async: true,

‎examples/sites/demos/pc/app/grid/large-data/grid-large-tree-data-composition-api.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,17 +43,17 @@
4343
<tiny-grid-column
4444
field="planDevEndTime"
4545
title="计划开发结束时间"
46-
:editor="{ component: DatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
46+
:editor="{ component: TinyDatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
4747
></tiny-grid-column>
4848
<tiny-grid-column
4949
field="planTestEndTime"
5050
title="计划测试结束时间"
51-
:editor="{ component: DatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
51+
:editor="{ component: TinyDatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
5252
></tiny-grid-column>
5353
<tiny-grid-column
5454
field="customerExpect"
5555
title="用户期望交付时间"
56-
:editor="{ component: DatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
56+
:editor="{ component: TinyDatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
5757
></tiny-grid-column>
5858
<tiny-grid-column field="requireSource" title="需求来源">
5959
<template #header="{ column }">{{ column.title }}</template>

‎examples/sites/demos/pc/app/grid/large-data/grid-large-tree-data.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,17 +43,17 @@
4343
<tiny-grid-column
4444
field="planDevEndTime"
4545
title="计划开发结束时间"
46-
:editor="{ component: DatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
46+
:editor="{ component: TinyDatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
4747
></tiny-grid-column>
4848
<tiny-grid-column
4949
field="planTestEndTime"
5050
title="计划测试结束时间"
51-
:editor="{ component: DatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
51+
:editor="{ component: TinyDatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
5252
></tiny-grid-column>
5353
<tiny-grid-column
5454
field="customerExpect"
5555
title="用户期望交付时间"
56-
:editor="{ component: DatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
56+
:editor="{ component: TinyDatePicker, attrs: { format: 'yyyy-MM-dd', valueFormat: 'yyyy-MM-dd' } }"
5757
></tiny-grid-column>
5858
<tiny-grid-column field="requireSource" title="需求来源">
5959
<template #header="{ column }">{{ column.title }}</template>

‎examples/sites/demos/pc/app/grid/renderer/async-colunm-render-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
value: 'value'
1919
}"
2020
:editor="{
21-
component: Select,
21+
component: TinySelect,
2222
attrs: { textField: 'text', clearable: true }
2323
}"
2424
></tiny-grid-column>

‎examples/sites/demos/pc/app/grid/renderer/async-colunm-render.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
value: 'value'
1919
}"
2020
:editor="{
21-
component: Select,
21+
component: TinySelect,
2222
attrs: { textField: 'text', clearable: true }
2323
}"
2424
></tiny-grid-column>

‎examples/sites/demos/pc/app/grid/renderer/custom-renderer-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
field="boole"
88
title="Vue 渲染器"
99
align="center"
10-
:renderer="{ component: Switch }"
10+
:renderer="{ component: TinySwitch }"
1111
></tiny-grid-column>
1212
<tiny-grid-column field="area" title="区域"></tiny-grid-column>
1313
<tiny-grid-column field="createdDate" title="创建时间"></tiny-grid-column>

‎examples/sites/demos/pc/app/grid/renderer/custom-renderer.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
field="boole"
88
title="Vue 渲染器"
99
align="center"
10-
:renderer="{ component: Switch }"
10+
:renderer="{ component: TinySwitch }"
1111
></tiny-grid-column>
1212
<tiny-grid-column field="area" title="区域"></tiny-grid-column>
1313
<tiny-grid-column field="createdDate" title="创建时间"></tiny-grid-column>

‎examples/sites/demos/pc/app/grid/validation/valid-config-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
show-overflow="tooltip"
1616
>
1717
<tiny-grid-column type="index" width="60"></tiny-grid-column>
18-
<tiny-grid-column field="name" title="名称" :editor="{ component: Input }"></tiny-grid-column>
18+
<tiny-grid-column field="name" title="名称" :editor="{ component: TinyInput }"></tiny-grid-column>
1919
<tiny-grid-column field="area" title="区域" :editor="{ component: 'input' }"></tiny-grid-column>
2020
<tiny-grid-column field="address" title="地址" :editor="{ component: 'input' }"></tiny-grid-column>
2121
<tiny-grid-column field="introduction" title="公司简介" :editor="{ component: 'input' }"></tiny-grid-column>

‎examples/sites/demos/pc/app/grid/validation/valid-config.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
show-overflow="tooltip"
1616
>
1717
<tiny-grid-column type="index" width="60"></tiny-grid-column>
18-
<tiny-grid-column field="name" title="名称" :editor="{ component: Input }"></tiny-grid-column>
18+
<tiny-grid-column field="name" title="名称" :editor="{ component: TinyInput }"></tiny-grid-column>
1919
<tiny-grid-column field="area" title="区域" :editor="{ component: 'input' }"></tiny-grid-column>
2020
<tiny-grid-column field="address" title="地址" :editor="{ component: 'input' }"></tiny-grid-column>
2121
<tiny-grid-column field="introduction" title="公司简介" :editor="{ component: 'input' }"></tiny-grid-column>

‎examples/sites/demos/pc/app/grid/validation/validation-scroll-to-col-composition-api.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<tiny-grid-toolbar :buttons="toolbarButtons" @button-click="toolbarButtonClickEvent"></tiny-grid-toolbar>
1212
</template>
1313
<tiny-grid-column type="index" width="160"></tiny-grid-column>
14-
<tiny-grid-column field="name" title="名称" width="460" :editor="{ component: Input }"></tiny-grid-column>
14+
<tiny-grid-column field="name" title="名称" width="460" :editor="{ component: TinyInput }"></tiny-grid-column>
1515
<tiny-grid-column field="area" title="区域" width="460" :editor="{ component: 'input' }"></tiny-grid-column>
1616
<tiny-grid-column field="address" title="地址" width="460" :editor="{ component: 'input' }"></tiny-grid-column>
1717
<tiny-grid-column

‎examples/sites/demos/pc/app/grid/validation/validation-scroll-to-col.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<tiny-grid-toolbar :buttons="toolbarButtons" @button-click="toolbarButtonClickEvent"></tiny-grid-toolbar>
1212
</template>
1313
<tiny-grid-column type="index" width="160"></tiny-grid-column>
14-
<tiny-grid-column field="name" title="名称" width="460" :editor="{ component: Input }"></tiny-grid-column>
14+
<tiny-grid-column field="name" title="名称" width="460" :editor="{ component: TinyInput }"></tiny-grid-column>
1515
<tiny-grid-column field="area" title="区域" width="460" :editor="{ component: 'input' }"></tiny-grid-column>
1616
<tiny-grid-column field="address" title="地址" width="460" :editor="{ component: 'input' }"></tiny-grid-column>
1717
<tiny-grid-column

‎examples/sites/demos/pc/app/select/nest-grid-remote.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ test.describe('下拉表格远程搜索', () => {
2828
const row2 = page.getByRole('row', { name: '省份2 城市2 区域2' })
2929
await expect(row2).not.toBeVisible()
3030
await row1.getByRole('cell').first().click()
31-
await expect(row1).toHaveClass(/tiny-grid-body__row row__selected/)
31+
await expect(row1).toHaveClass(/tiny-grid-body__row row__radio/)
3232
await expect(input).toHaveValue('省1-市1')
3333

3434
const row3 = page.getByRole('row', { name: '省份10 城市10 区域10' })

‎examples/sites/demos/pc/app/select/nest-grid-remote.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ export default {
119119
methods: {
120120
remoteMethod(value) {
121121
const filterData = this.filter(value)
122-
122+
console.log(filterData, value)
123123
return new Promise((resolve) => {
124124
setTimeout(() => {
125125
resolve(filterData)

‎examples/sites/demos/pc/app/select/nest-grid.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ test('嵌套表格（单选）', async ({ page }) => {
2121
await row.nth(1).getByRole('cell').first().click()
2222
await expect(input).toHaveValue('深圳1')
2323
await input.click()
24-
await expect(row.filter({ hasText: '深圳1' })).toHaveClass(/tiny-grid-body__row row__selected/)
24+
await expect(row.filter({ hasText: '深圳1' })).toHaveClass(/tiny-grid-body__row row__radio/)
2525
})
2626

2727
test('嵌套表格（多选）', async ({ page }) => {

‎examples/sites/demos/pc/app/select/nest-radio-grid-much-data.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ test('下拉表格大数据', async ({ page }) => {
2323

2424
await input.click()
2525
await page.waitForTimeout(200)
26-
await expect(row.nth(1)).toHaveClass(/tiny-grid-body__row row__selected/)
26+
await expect(row.nth(1)).toHaveClass(/tiny-grid-body__row row__radio/)
2727
await expect(row).toHaveCount(6)
2828
await expect(page.getByRole('row', { name: '华南区12 广东省 广州市' })).toBeHidden()
2929
await row.nth(5).scrollIntoViewIfNeeded()

‎examples/sites/demos/pc/app/select/size.spec.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,5 +57,5 @@ test('mini 尺寸', async ({ page }) => {
5757
await expect(input).toHaveClass(/tiny-input-mini/)
5858
await expect(tag.nth(0)).toHaveClass(/tiny-tag--mini tiny-tag--light/)
5959
// TODO: 此处继承input 尺寸的话，应该是24
60-
expect(height).toBeCloseTo(27, 1)
60+
expect(height).toBeCloseTo(24, 1)
6161
})

‎examples/sites/demos/pc/app/slider/max-min.spec.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,11 @@ test('最大值最小值', async ({ page }) => {
1313
await page.mouse.down()
1414
await page.mouse.move(sliderWidth * -0.3 + x, y)
1515
const sliderTip = slider.locator('div').nth(2)
16-
await expect(sliderTip).toHaveText('0')
16+
await expect(sliderTip).toHaveText('30')
1717
await page.waitForTimeout(1000)
1818
await page.mouse.move(sliderWidth * 0.81 + x, y)
1919
const sliderTip1 = slider.locator('div').nth(2)
20-
await expect(sliderTip1).toHaveText('100')
20+
await expect(sliderTip1).toHaveText('62')
2121
await page.waitForTimeout(1000)
2222
await page.mouse.up()
2323
})

0 commit comments

Comments
 (0)