From 94403ca4179ed542c08f39042d781524e915c2e0 Mon Sep 17 00:00:00 2001 From: Malusnow <1721487579@qq.com> Date: Wed, 1 Jul 2026 14:19:51 +0800 Subject: [PATCH] feat(ColorPicker): add isInput prop --- db/TDesign.db | Bin 1146880 -> 1146880 bytes .../color-picker/color-picker.en-US.md | 1 + .../components/color-picker/color-picker.md | 1 + .../components/color-picker/defaultProps.ts | 1 + .../packages/components/color-picker/type.ts | 5 +++ packages/scripts/api.json | 37 ++++++++++++++++++ 6 files changed, 45 insertions(+) diff --git a/db/TDesign.db b/db/TDesign.db index ecbacc6eb8c6d29840ff526e7e9b50264efbd419..fa66ca96ae50a6c730c3ff18aff674fa0803d20a 100644 GIT binary patch delta 408 zcmZo@aBFCAn;^|NZ=#Gd2(>5W>X7vt#->CjqtX8=M5fIoY>l z+z#O2zcxLgpMSyhbv^=oY*{Yrr3G!<5BUgeKjb6mq|C#@bBBT7f^Q%19iBVe6&(a8 za%?vcV7F$mYOGmgE6u{F%qh(%%G)T}XwSiGY|OyGz{$bO!OOq_GKk4JKPSH^ATv2T zwJ5XLGq0eugr%gYbo#>}4&nNz4SQbfoBXtO>9d7x@AvcoxleZNQb*HhtTZ z-L21N?0dds*ULq7UUY5(qNj7Ghi9agWTX};l;kU40Py#b0{{R3 delta 158 zcmV;P0Ac@tfJT6TMvxl;osk?v0iA(hg3;1BGA&g~54B(rq(1~e0=NK|9)b@nw=_TyR05aGLJ%moutE@52?xGt z+fWD()|X(951^N>Ob`wRXxcf{56p+cOc1xiOc6pO3Ih$?01r40z75>BAwUt42)8g0 M2R#M1+ \| boolean \| null` | N defaultRecentColors | Array | [] | used color recently。uncontrolled property。Typescript：`Array \| boolean \| null` | N diff --git a/packages/products/tdesign-react/packages/components/color-picker/color-picker.md b/packages/products/tdesign-react/packages/components/color-picker/color-picker.md index b4626cdcf..d7528d6cd 100644 --- a/packages/products/tdesign-react/packages/components/color-picker/color-picker.md +++ b/packages/products/tdesign-react/packages/components/color-picker/color-picker.md @@ -16,6 +16,7 @@ enableAlpha | Boolean | false | 是否开启透明通道 | N enableMultipleGradient | Boolean | true | 是否允许开启通过点击渐变轴增加渐变梯度，默认开启，关闭时只会存在起始和结束两个颜色 | N format | String | RGB | 格式化色值。`enableAlpha` 为真时，`HEX8/RGBA/HSLA/HSVA` 有效。可选项：HEX/HEX8/RGB/RGBA/HSL/HSLA/HSV/HSVA/CMYK/CSS | N inputProps | Object | - | 透传 Input 输入框组件全部属性。TS 类型：`InputProps`，[Input API Documents](./input?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/color-picker/type.ts) | N +isInput | Boolean | true | 是否显示颜色值输入框，值为 false 时仅显示颜色色块 | N popupProps | Object | - | 透传 Popup 组件全部属性，如 `placement` `overlayStyle` `overlayClassName` `trigger`等。TS 类型：`PopupProps`，[Popup API Documents](./popup?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/color-picker/type.ts) | N recentColors | Array | [] | 最近使用的颜色。值为 [] 表示以组件内部的“最近使用颜色”为准，值长度大于 0 则以该值为准显示“最近使用颜色”。值为 false 或 null 则完全不显示“最近使用颜色”。TS 类型：`Array \| boolean \| null` | N defaultRecentColors | Array | [] | 最近使用的颜色。值为 [] 表示以组件内部的“最近使用颜色”为准，值长度大于 0 则以该值为准显示“最近使用颜色”。值为 false 或 null 则完全不显示“最近使用颜色”。非受控属性。TS 类型：`Array \| boolean \| null` | N diff --git a/packages/products/tdesign-react/packages/components/color-picker/defaultProps.ts b/packages/products/tdesign-react/packages/components/color-picker/defaultProps.ts index 11fada1dc..ced188a63 100644 --- a/packages/products/tdesign-react/packages/components/color-picker/defaultProps.ts +++ b/packages/products/tdesign-react/packages/components/color-picker/defaultProps.ts @@ -13,6 +13,7 @@ export const colorPickerDefaultProps: TdColorPickerProps = { enableAlpha: false, enableMultipleGradient: true, format: 'RGB', + isInput: true, defaultRecentColors: [], showPrimaryColorPreview: true, size: 'medium', diff --git a/packages/products/tdesign-react/packages/components/color-picker/type.ts b/packages/products/tdesign-react/packages/components/color-picker/type.ts index 7ef348491..603507ffc 100644 --- a/packages/products/tdesign-react/packages/components/color-picker/type.ts +++ b/packages/products/tdesign-react/packages/components/color-picker/type.ts @@ -49,6 +49,11 @@ export interface TdColorPickerProps { * 透传 Input 输入框组件全部属性 */ inputProps?: InputProps; + /** + * 是否显示颜色值输入框，值为 false 时仅显示颜色色块 + * @default true + */ + isInput?: boolean; /** * 透传 Popup 组件全部属性，如 `placement` `overlayStyle` `overlayClassName` `trigger`等 */ diff --git a/packages/scripts/api.json b/packages/scripts/api.json index 747ddc611..31e37ca34 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -37797,6 +37797,43 @@ "Object" ] }, + { + "id": 1782886171, + "platform_framework": [ + "2" + ], + "component": "ColorPicker", + "field_category": 1, + "field_name": "isInput", + "field_type": [ + "4" + ], + "field_default_value": "true", + "field_enum": "", + "field_desc_zh": "是否显示颜色值输入框，值为 false 时仅显示颜色色块", + "field_desc_en": "Whether to display the color value input. When false, only the color swatch is displayed.", + "field_required": 0, + "event_input": "", + "create_time": "2026-07-01 06:09:31", + "update_time": "2026-07-01 06:09:31", + "event_output": null, + "custom_field_type": null, + "syntactic_sugar": null, + "readonly": 1, + "html_attribute": 0, + "trigger_elements": "", + "deprecated": 0, + "version": "", + "test_description": null, + "support_default_value": 0, + "field_category_text": "Props", + "platform_framework_text": [ + "React(PC)" + ], + "field_type_text": [ + "Boolean" + ] + }, { "id": 2122, "platform_framework": [