feat(tree-select): 支持前缀后缀内容 (XiaoMi#2823)

* feat(tree-select): 支持前置后置内容(XiaoMi#2822) * chore(tree-select): 删除测试代码 * chore(tree-select): 生成变更记录文件 --------- Co-authored-by: xiamiao <[email protected]>
yang-x20 · Jun 28, 2024 · 6e140e8 · 6e140e8
1 parent ad7cffa
commit 6e140e8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/.changeset/many-flies-greet.md b/.changeset/many-flies-greet.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/tree-select": minor
+---
+
+feat: 新增支持前置后置内容
diff --git a/.changeset/plenty-monkeys-end.md b/.changeset/plenty-monkeys-end.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+feat(tree-select): 新增支持前置后置内容
diff --git a/packages/ui/tree-select/src/TreeSelect.tsx b/packages/ui/tree-select/src/TreeSelect.tsx
@@ -75,6 +75,8 @@ export const TreeSelect = forwardRef<HTMLDivElement | null, TreeSelectProps>(
       itemHeight,
       height,
       size = 'md',
+      prefix,
+      suffix,
       ...rest
     },
     ref
@@ -250,7 +252,8 @@ export const TreeSelect = forwardRef<HTMLDivElement | null, TreeSelectProps>(
             clearable={clearable}
             placeholder={placeholder}
             displayRender={displayRenderProp}
-            suffix={menuVisible ? <UpOutlined /> : <DownOutlined />}
+            prefix={prefix}
+            suffix={[menuVisible ? <UpOutlined /> : <DownOutlined />, suffix]}
             focused={menuVisible}
             value={value}
             onChange={tryChangeValue}
@@ -400,6 +403,14 @@ export interface TreeSelectProps
    * 设置尺寸
    */
   size?: HiBaseSizeEnum
+  /**
+   * 选择框前置内容
+   */
+  prefix?: React.ReactNode
+  /**
+   * 选择框后置内容
+   */
+  suffix?: React.ReactNode
 }
 
 if (__DEV__) {