diff --git a/examples/sites/demos/pc/app/checkbox/basic-usage.spec.ts b/examples/sites/demos/pc/app/checkbox/basic-usage.spec.ts index 6302451951..f9efcfcd37 100644 --- a/examples/sites/demos/pc/app/checkbox/basic-usage.spec.ts +++ b/examples/sites/demos/pc/app/checkbox/basic-usage.spec.ts @@ -3,8 +3,7 @@ import { test, expect } from '@playwright/test' test('基础用法', async ({ page }) => { page.on('pageerror', (exception) => expect(exception).toBeNull()) await page.goto('checkbox#basic-usage') - const demo = page.locator('#basic-usage') - const checkbox = demo.locator('.tiny-checkbox') + const checkbox = await page.locator('.tiny-checkbox').first() await expect(checkbox).toHaveClass(/is-checked/) await expect(checkbox.locator('.tiny-checkbox__inner svg path').first()).toHaveCSS('fill', 'rgb(20, 118, 255)') await checkbox.click() diff --git a/examples/sites/demos/pc/app/time-line/status.spec.ts b/examples/sites/demos/pc/app/time-line/status.spec.ts index 6874182e13..5df4cf87a1 100644 --- a/examples/sites/demos/pc/app/time-line/status.spec.ts +++ b/examples/sites/demos/pc/app/time-line/status.spec.ts @@ -11,7 +11,7 @@ test.describe('节点状态', () => { // 默认状态 await expect(timelineItems.first()).toHaveClass(/process-wait/) await expect(timelineItems.first().locator('.icon')).toHaveCSS('border-color', 'rgb(219, 219, 219)') - await expect(timelineItems.first().locator('.icon .number')).toHaveCSS('color', 'rgb(128, 128, 128)') + await expect(timelineItems.first().locator('.icon .number')).toHaveCSS('color', 'rgb(25, 25, 25)') // 成功状态 await expect(timelineItems.nth(1)).toBeVisible() diff --git a/packages/theme/src/checkbox/index.less b/packages/theme/src/checkbox/index.less index 0139e6d3bd..fd7530a408 100644 --- a/packages/theme/src/checkbox/index.less +++ b/packages/theme/src/checkbox/index.less @@ -111,6 +111,7 @@ padding-left: 8px; font-size: var(--tv-Checkbox-font-size); font-weight: var(--tv-Checkbox-font-weight); + padding-top: 3px; } &.is-display-only { @@ -149,7 +150,7 @@ } } - &__input { + &__input { .@{checkbox-prefix-cls}__inner { svg { font-size: var(--tv-Checkbox-icon-size); diff --git a/packages/theme/src/dropdown-item/index.less b/packages/theme/src/dropdown-item/index.less index 0ad12fecfc..506f500452 100644 --- a/packages/theme/src/dropdown-item/index.less +++ b/packages/theme/src/dropdown-item/index.less @@ -102,7 +102,7 @@ & > .@{dropdown-item-prefix-cls}__expand, & > .@{dropdown-item-prefix-cls}__content { .@{svg-prefix-cls} { - fill: var(--tv-DropdownItem-icon-color-hover); + fill: transparent; } } diff --git a/packages/theme/src/grid/checkbox.less b/packages/theme/src/grid/checkbox.less index da2e2a5d63..0eaeea6457 100644 --- a/packages/theme/src/grid/checkbox.less +++ b/packages/theme/src/grid/checkbox.less @@ -147,7 +147,7 @@ } &.is__disabled > input:not(:checked) + .tiny-grid-checkbox__icon .icon-check { path:first-child { - fill: var(--tv-Grid-bg-color-disable); + fill: var(--tv-Grid-bg-color-disabled); } &:hover { path:last-child { diff --git a/packages/theme/src/grid/vars.less b/packages/theme/src/grid/vars.less index 02006691bf..c44f1588c3 100644 --- a/packages/theme/src/grid/vars.less +++ b/packages/theme/src/grid/vars.less @@ -43,12 +43,8 @@ --tv-Grid-border-color-active: var(--tv-color-border-active, #191919); // 表格背景颜色 --tv-Grid-bg-color: var(--tv-color-bg-3, #ffffff); - // 表格激活态背景色 - --tv-Grid-bg-color-active: var(--tv-color-bg-active-emphasize-light, #f0f7ff); // 表格悬浮背景色 --tv-Grid-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5); - // 表格禁用背景色 - --tv-Grid-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0); // 表格选中背景色 --tv-Grid-bg-color-selected: var(--tv-color-bg-active-emphasize-light, #f0f7ff); // 表格浅灰色背景颜色（展开行、斑马纹等） diff --git a/packages/theme/src/steps/index.less b/packages/theme/src/steps/index.less index 0c75646061..7bbd24d4ee 100644 --- a/packages/theme/src/steps/index.less +++ b/packages/theme/src/steps/index.less @@ -702,7 +702,6 @@ .title { font-size: var(--tv-Steps-font-size); margin-left: var(--tv-Steps-text-margin-left); - line-height: 1.5; font-weight: 500; overflow: hidden; display: -webkit-box; @@ -1146,7 +1145,6 @@ overflow: hidden; z-index: 15; color: var(--tv-Steps-unselected-icon-color); - background-color: var(--tv-Steps-node-icon-bg-color); cursor: pointer; &[class*=~'icon-'] { @@ -1364,6 +1362,7 @@ display: flex; flex: 1 0 auto; align-items: center; + line-height: 18px; .name { display: -webkit-box; diff --git a/packages/theme/src/svgs/checked-sur.svg b/packages/theme/src/svgs/checked-sur.svg index dd11afcdda..caebc1a530 100644 --- a/packages/theme/src/svgs/checked-sur.svg +++ b/packages/theme/src/svgs/checked-sur.svg @@ -1,18 +1,9 @@ - - Created with Pixso. - - - - - - - + - diff --git a/packages/theme/src/tabs/index.less b/packages/theme/src/tabs/index.less index 0fa93944f9..17ff9200a5 100644 --- a/packages/theme/src/tabs/index.less +++ b/packages/theme/src/tabs/index.less @@ -274,7 +274,7 @@ } .@{tabs-prefix-cls}__icon-close { - border-radius: 50%; + border-radius: 4px; text-align: center; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin: var(--tv-Tabs-icon-close-margin-vertical) var(--tv-Tabs-icon-close-margin-right) var(--tv-Tabs-icon-close-margin-vertical) var(--tv-Tabs-icon-close-margin-left); diff --git a/packages/theme/src/tabs/vars.less b/packages/theme/src/tabs/vars.less index 9ad197031b..a5c42ecc95 100644 --- a/packages/theme/src/tabs/vars.less +++ b/packages/theme/src/tabs/vars.less @@ -115,7 +115,7 @@ // 选中标签项小滑块边框色 --tv-Tabs-item-active-border-color: var(--tv-Tabs-header-font-active-border-color); // 可关闭项关闭按钮悬浮背景色 - --tv-Tabs-icon-close-hover-bg-color: var(--tv-color-bg-header, #f0f0f0); + --tv-Tabs-icon-close-hover-bg-color: var(--tv-color-bg-hover, #f0f0f0); // 可关闭项关闭图标默认背景色 --tv-Tabs-icon-close-default-bg-color: transparent; // 可关闭项未选中项的关闭图标色