fix:用例修复以及图标修改

Author: discreted66

examples/sites/demos/pc/app/checkbox/basic-usage.spec.ts

@@ -3,10 +3,10 @@ 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 demo = page.locator('pc-demo').filter({ hasText: /^复选框$/ }).nth(1)
+  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 expect(checkbox.locator('.tiny-checkbox__inner svg path').first()).toHaveCSS('fill', 'rgb(255, 255, 255)')
   await checkbox.click()
   await expect(checkbox).not.toHaveClass(/is-checked/)
 })

examples/sites/demos/pc/app/checkbox/vertical-checkbox.spec.ts

@@ -19,7 +19,7 @@ test('垂直布局', async ({ page }) => {
   await checkedLabelSZ.click()
   await expect(checkedLabelSZ).toHaveClass(/is-checked/)
   const parentWrapper = page.getByLabel('checkbox-group').first()
-  await expect(parentWrapper).toHaveCSS('display', 'inline-block')
+  await expect(parentWrapper).toHaveCSS('display', 'flex')
   await expect(checkedLabelBJ).toHaveCSS('display', 'block')
   await expect(checkedLabelSH).toHaveCSS('display', 'block')
   await expect(checkedLabelGZ).toHaveCSS('display', 'block')

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()

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);

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;
         }
       }
 

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;

packages/theme/src/svgs/checked-sur.svg

@@ -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);

packages/theme/src/tabs/index.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;
   // 可关闭项未选中项的关闭图标色