fix(textarea): Update the background color and related styles of the counter (#3387)

* fix(textarea): 更新计数器背景颜色和相关样式

* fix(theme): 修正vars.less中的背景颜色变量和格式问题

.github/workflows/test-e2e-pr.yml

@@ -106,7 +106,8 @@ jobs:
               'transfer-panel': 'transfer',
               'col': 'layout',
               'row': 'layout',
-              'svgs': 'icon'
+              'svgs': 'icon',
+              'textarea': 'input'
             };
 
             // 从文件路径中提取组件名称

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 边框色/分割线颜色 **/
 

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

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);
   // 计数器圆角