From 03623f4989b6bfbf53588058c632eb2f2e830bfd Mon Sep 17 00:00:00 2001
From: derrick <18720984185@163.com>
Date: Sat, 18 Jan 2025 16:10:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20Search=E6=96=B0=E5=A2=9Ecus?=
 =?UTF-8?q?tomInputClass=EF=BC=8CplaceholderClass=E7=AD=89=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=20(#845)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Closes: #299
---
 docs/component/search.md                           |  3 +++
 .../wot-design-uni/components/wd-search/types.ts   | 14 ++++++++++++--
 .../components/wd-search/wd-search.vue             |  5 +++--
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/docs/component/search.md b/docs/component/search.md
index 7e553e32..c54067fb 100644
--- a/docs/component/search.md
+++ b/docs/component/search.md
@@ -155,6 +155,8 @@ function changeSearchType({ item, index }) {
 | ~~use-suffix-slot~~ | ~~是否使用输入框右侧插槽~~**（已废弃，将在下一个 minor 版本被移除，直接使用插槽即可）** | boolean         | -      | false  | -        |
 | focus               | 是否自动聚焦                                                                              | boolean         | -      | false  | 0.1.63   |
 | focusWhenClear      | 是否在点击清除按钮时聚焦输入框                                                            | boolean         | -      | false  | 0.1.63   |
+| placeholderStyle    | 原生属性，指定 placeholder 的样式，目前仅支持color,font-size和font-weight | string | - | - | $LOWEST_VERSION$ |
+| placeholderClass    | 原生属性，指定 placeholder 的样式类 | string | - | - | $LOWEST_VERSION$ |
 
 ## Events
 
@@ -179,3 +181,4 @@ function changeSearchType({ item, index }) {
 | 类名         | 说明       | 最低版本 |
 | ------------ | ---------- | -------- |
 | custom-class | 根节点样式 | -        |
+| custom-input-class | input 外部自定义样式 | $LOWEST_VERSION$ |
diff --git a/src/uni_modules/wot-design-uni/components/wd-search/types.ts b/src/uni_modules/wot-design-uni/components/wd-search/types.ts
index c4206e99..dc9a0cd2 100644
--- a/src/uni_modules/wot-design-uni/components/wd-search/types.ts
+++ b/src/uni_modules/wot-design-uni/components/wd-search/types.ts
@@ -11,7 +11,7 @@ import { baseProps, makeBooleanProp, makeNumberProp, makeNumericProp, makeString
 
 export const searchProps = {
   ...baseProps,
-
+  customInputClass: makeStringProp(''),
   /**
    * 输入框内容，双向绑定
    * 类型: string
@@ -88,5 +88,15 @@ export const searchProps = {
    * 默认值: false
    * 最低版本: 0.1.63
    */
-  focusWhenClear: makeBooleanProp(false)
+  focusWhenClear: makeBooleanProp(false),
+
+  /**
+   * 原生属性，指定 placeholder 的样式，目前仅支持color,font-size和font-weight
+   */
+  placeholderStyle: String,
+
+  /**
+   * 原生属性，指定 placeholder 的样式类
+   */
+  placeholderClass: makeStringProp('')
 }
diff --git a/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue b/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue
index 1e313d17..e1325d68 100644
--- a/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue
+++ b/src/uni_modules/wot-design-uni/components/wd-search/wd-search.vue
@@ -11,10 +11,11 @@
         <input
           v-if="showInput || str || placeholderLeft"
           :placeholder="placeholder || translate('search')"
-          placeholder-class="wd-search__placeholder-txt"
+          :placeholder-class="`wd-search__placeholder-txt', ${placeholderClass}`"
+          :placeholder-style="placeholderStyle"
           confirm-type="search"
           v-model="str"
-          class="wd-search__input"
+          :class="['wd-search__input', customInputClass]"
           @focus="searchFocus"
           @input="inputValue"
           @blur="searchBlur"