From 7388dc4bf028d18d62744596e7ad2cec193b8e08 Mon Sep 17 00:00:00 2001
From: danranVm <danranvm@gmail.com>
Date: Mon, 5 Jun 2023 09:24:42 +0800
Subject: [PATCH] fix(comp:select): the placeholder in overlay can't setting
 (#1571)

---
 packages/components/select/src/Select.tsx  | 1 +
 packages/components/select/src/types.ts    | 1 +
 packages/components/table/style/index.less | 3 ++-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/select/src/Select.tsx b/packages/components/select/src/Select.tsx
index 64501e64d..466e1d207 100644
--- a/packages/components/select/src/Select.tsx
+++ b/packages/components/select/src/Select.tsx
@@ -193,6 +193,7 @@ export default defineComponent({
               clearable
               clearIcon={clearIcon}
               clearVisible={!!value}
+              placeholder={props.searchPlaceholder}
               size="sm"
               suffix="search"
               value={value}
diff --git a/packages/components/select/src/types.ts b/packages/components/select/src/types.ts
index 92a8df67a..6487cf385 100644
--- a/packages/components/select/src/types.ts
+++ b/packages/components/select/src/types.ts
@@ -80,6 +80,7 @@ export const selectProps = {
   readonly: { type: Boolean, default: false },
   searchable: { type: [Boolean, String] as PropType<boolean | 'overlay'>, default: false },
   searchFn: { type: [Boolean, Function] as PropType<boolean | SelectSearchFn>, default: true },
+  searchPlaceholder: { type: String, default: undefined },
   size: { type: String as PropType<FormSize>, default: undefined },
   status: String as PropType<ValidateStatus>,
   suffix: { type: String, default: undefined },
diff --git a/packages/components/table/style/index.less b/packages/components/table/style/index.less
index 355f45e1f..172285c8f 100644
--- a/packages/components/table/style/index.less
+++ b/packages/components/table/style/index.less
@@ -192,7 +192,8 @@
   // --------- Selectable ---------
   &-selectable-trigger {
     margin-left: @spacing-xs;
-    color: @table-head-icon-color;
+    color: @table-head-color;
+    font-size: var(--ix-font-size-lg);
     cursor: pointer;
   }