feat(Textarea): support placeholderClass props (#3468)

Author: anlyyao

src/input/README.en-US.md

@@ -19,7 +19,7 @@ clearable | Boolean / Object | false | show clear icon, clicked to clear input v
 confirm-hold | Boolean | false | \- | N
 confirm-type | String | done | options: send/search/next/go/done | N
 cursor | Number | - | required | Y
-cursor-color | String | - | \- | N
+cursor-color | String | #0052d9 | \- | N
 cursor-spacing | Number | 0 | \- | N
 disabled | Boolean | undefined | make input to be disabled | N
 error-message | String | - | `deprecated` | N

src/input/README.md

@@ -152,7 +152,7 @@ validate | `(detail: { error?: 'exceed-maximum' \| 'below-minimum' })` | 字数
 -- | --
 t-class | 根节点样式类
 t-class-clearable | 清空按钮样式类
-t-class-input | 标题样式类
+t-class-input | 输入框样式类
 t-class-label | 标签样式类
 t-class-prefix-icon | 前置图标样式类
 t-class-suffix | 后置样式类

src/input/type.ts

@@ -95,7 +95,7 @@ export interface TdInputProps {
   };
   /**
    * 光标颜色。iOS 下的格式为十六进制颜色值 #000000，安卓下的只支持 default 和 green，Skyline 下无限制
-   * @default ''
+   * @default #0052d9
    */
   cursorColor?: {
     type: StringConstructor;

src/textarea/README.en-US.md

@@ -26,6 +26,7 @@ label | String / Slot | - | [see more ts definition](https://github.com/Tencent/
 maxcharacter | Number | - | \- | N
 maxlength | Number | -1 | \- | N
 placeholder | String | undefined | \- | N
+placeholder-class | String | textarea-placeholder | \- | N
 placeholder-style | String | - | \- | N
 selection-end | Number | -1 | \- | N
 selection-start | Number | -1 | \- | N

src/textarea/README.md

@@ -89,6 +89,7 @@ label | String / Slot | - | 左侧文本。[通用类型定义](https://github.c
 maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度 | N
 maxlength | Number | -1 | 用户最多可以输入的字符个数，值为 -1 的时候不限制最大长度 | N
 placeholder | String | undefined | 占位符 | N
+placeholder-class | String | textarea-placeholder | 指定 placeholder 的样式类，目前仅支持color,font-size和font-weight | N
 placeholder-style | String | - | 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight | N
 selection-end | Number | -1 | 光标结束位置，自动聚集时有效，需与 selection-start 搭配使用 | N
 selection-start | Number | -1 | 光标起始位置，自动聚集时有效，需与 selection-end 搭配使用 | N
@@ -114,7 +115,7 @@ line-change | `(value: TextareaValue)` | 行高发生变化时触发
 t-class | 根节点样式类
 t-class-indicator | 计数器样式类
 t-class-label | 左侧文本样式类
-t-class-textarea | 占位符样式类
+t-class-textarea | 多行文本框样式类
 
 ### CSS Variables
 

src/textarea/__test__/__snapshots__/index.test.js.snap

@@ -36,7 +36,7 @@ exports[`textarea slots : label 1`] = `
         holdKeyboard="{{false}}"
         maxlength="{{-1}}"
         placeholder=""
-        placeholderClass="t-textarea__placeholder"
+        placeholderClass="t-textarea__placeholder textarea-placeholder"
         placeholderStyle=""
         selectionEnd="{{-1}}"
         selectionStart="{{-1}}"

src/textarea/props.ts

@@ -94,6 +94,11 @@ const props: TdTextareaProps = {
     type: String,
     value: undefined,
   },
+  /** 指定 placeholder 的样式类，目前仅支持color,font-size和font-weight */
+  placeholderClass: {
+    type: String,
+    value: 'textarea-placeholder',
+  },
   /** 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight */
   placeholderStyle: {
     type: String,

src/textarea/textarea.wxml

@@ -16,7 +16,7 @@
       maxlength="{{maxlength}}"
       disabled="{{disabled}}"
       placeholder="{{placeholder}}"
-      placeholder-class="{{classPrefix}}__placeholder"
+      placeholder-class="{{classPrefix}}__placeholder {{placeholderClass}}"
       placeholder-style="{{placeholderStyle}}"
       value="{{value}}"
       auto-height="{{!!autosize}}"

src/textarea/type.ts

@@ -145,6 +145,14 @@ export interface TdTextareaProps {
     type: StringConstructor;
     value?: string;
   };
+  /**
+   * 指定 placeholder 的样式类，目前仅支持color,font-size和font-weight
+   * @default textarea-placeholder
+   */
+  placeholderClass?: {
+    type: StringConstructor;
+    value?: string;
+  };
   /**
    * 指定 placeholder 的样式，目前仅支持 color ,font-size和font-weight
    * @default ''