diff --git a/.github/workflows/test-e2e-pr.yml b/.github/workflows/test-e2e-pr.yml index 9807cdf3d..b0154c758 100644 --- a/.github/workflows/test-e2e-pr.yml +++ b/.github/workflows/test-e2e-pr.yml @@ -106,7 +106,8 @@ jobs: 'transfer-panel': 'transfer', 'col': 'layout', 'row': 'layout', - 'svgs': 'icon' + 'svgs': 'icon', + 'textarea': 'input' }; // 从文件路径中提取组件名称 diff --git a/packages/theme/src/base/vars.less b/packages/theme/src/base/vars.less index 3a652e9dc..4339ba352 100644 --- a/packages/theme/src/base/vars.less +++ b/packages/theme/src/base/vars.less @@ -379,7 +379,7 @@ --tv-color-bg-active-emphasize-light: var(--tv-base-color-brand-1); // #f0f7ff 表格选中背景色 --tv-color-bg-active-dark: var(--tv-base-color-common-3); // #f5f5f5 深色背景悬浮色 - // -- 暗色新增 -- + // -- 暗色新增 -- --tv-color-bg-2: var(--tv-base-color-common-1); // #fff下拉面板/tip的normal背景色 --tv-color-bg-3: var(--tv-base-color-common-1); // #fff 顶部导航背景色/顶部导航下拉背景色/折叠面板背景色/modal,dialogbox背景色/容器二级背景色:左侧导航/折叠面板/表格下展背景 --tv-color-bg-4: var(--tv-base-color-common-7); // #c2c2c2 时间线实心圆点 @@ -396,7 +396,7 @@ --tv-color-bg-inverse-tint-1: var(--tv-base-color-common-1); // #fff 图片工具栏背景色 --tv-color-bg-disabled-control: var(--tv-base-color-common-7); // #c2c2c2 滑块高亮部分禁用色 --tv-color-bg-inverse-disabled: var(--tv-base-color-common-1); // #fff 复选框禁用/开个按钮禁用/滑块按钮禁用(此3类场景图标白色部分反色成#999) - --tv-color-bg-dark-1:var(--tv-base-color-common-11); // #191919 tip的dark背景色 + --tv-color-bg-dark-1: var(--tv-base-color-common-11); // #191919 tip的dark背景色 /** 2.7 边框色/分割线颜色 **/ diff --git a/packages/theme/src/textarea/index.less b/packages/theme/src/textarea/index.less index 44d9da7f5..edfc60acc 100644 --- a/packages/theme/src/textarea/index.less +++ b/packages/theme/src/textarea/index.less @@ -65,9 +65,8 @@ line-height: 1.5; bottom: 1px; right: var(--tv-Textarea-count-right); - width: calc(100% - 17px); - border-bottom-left-radius: var(--tv-Textarea-count-border-radius); padding-right: var(--tv-Textarea-count-padding-right); + background-color: var(--tv-Textarea-count-bg-color); &-text-length { color: var(--tv-Textarea-count-text-length-color); diff --git a/packages/theme/src/textarea/vars.less b/packages/theme/src/textarea/vars.less index 020ecd5e8..64b1b457e 100644 --- a/packages/theme/src/textarea/vars.less +++ b/packages/theme/src/textarea/vars.less @@ -43,6 +43,8 @@ --tv-Textarea-exceed-text-color: var(--tv-color-error-text, #f23030); // 计数器的颜色 --tv-Textarea-count-color: var(--tv-color-text-weaken, #808080); + // 计数器背景颜色 + --tv-Textarea-count-bg-color: var(--tv-color-bg-2, #ffffff); // 文本框垂直方向内边距 --tv-Textarea-padding-y: var(--tv-space-md, 8px); // 文本框水平方向内边距 @@ -52,7 +54,7 @@ // 文本框底部内边距 --tv-Textarea-padding-bottom: var(--tv-space-xl, 16px); // 计数器右侧距离 - --tv-Textarea-count-right: var(--tv-space-xl, 16px); + --tv-Textarea-count-right: calc(var(--tv-space-xl, 16px) + 2px); // 文本域active时显示的边框颜色 --tv-Textarea-active-border-color: var(--tv-color-border-active, #191919); // 计数器圆角