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