From a6313c81032e0a76ee1b44669915eaf4a94d8389 Mon Sep 17 00:00:00 2001 From: anlyyao Date: Tue, 16 Jan 2024 16:54:52 +0800 Subject: [PATCH] feat(ColorPicker): update --- db/TDesign.db | Bin 860160 -> 860160 bytes .../src/color-picker/README.en-US.md | 6 +-- .../src/color-picker/README.md | 6 +-- packages/scripts/api.json | 45 ++++++++++++++---- 4 files changed, 41 insertions(+), 16 deletions(-) diff --git a/db/TDesign.db b/db/TDesign.db index 7ee719a69ce377dc82f3a390d0c1e214bb31d6d5..85d42dc1c84444759ed0b1d09f18569ea73b69b9 100644 GIT binary patch delta 325 zcmZoTVA62FWP&tf?nD`9#@xn))&$1Z1g6#m=GFw3tqH6bOc>eQ4NX~rm<@>8w;P&r zG*1PJZ9T;S#GF9PwSDU;ZhupjSY|nf=?N1U)wk;NOk`r>zcF2onI~ks7&A{TH>1b) zDSSLGj9i?|EKI4(9E!Miw?E?Nnf{2MSBY7WkzqQ!0IvemM8?U63N9+m0n@FeSs0ZW zbvbx>8_gLwTI`LD85kHiIe0mE88|@N9i{`_l&{jvi>9*K5#jK``-erk7rKwg5 zd8N5YsYTYcj~gZ$85o)98W`#tnkg7qSQ%Sb85&>_YId4#1$K-i&@s)N3>;0V+e3tS S6Bws2H(^!Ut|r2JiyHt15>pZY delta 175 zcmZoTVA62FWP&tf#zYxs#*D^<)&$1Z1g6#m=GFw3tqH6bOc>qU4NX~rm<@>8w;P&r zG*1PJZ9T;S#GF9PwSDU;Zhupj7-l(!=?N1U)wk;NOk|oa!^{)5U5uHhmYXqX`xHJN z7slxY_u0AHAMx`{f5gwL#4Nz%IGtU9SAo%Sv*80tCgB#L=~mJ#jLM9X9K5{EoD3W- XtlO6e@g^`%4>w^g+O8(Tdy5+YL3T5! diff --git a/packages/products/tdesign-miniprogram/src/color-picker/README.en-US.md b/packages/products/tdesign-miniprogram/src/color-picker/README.en-US.md index f373b7f86..c1da8194e 100644 --- a/packages/products/tdesign-miniprogram/src/color-picker/README.en-US.md +++ b/packages/products/tdesign-miniprogram/src/color-picker/README.en-US.md @@ -1,14 +1,12 @@ :: BASE_DOC :: ## API - ### ColorPicker Props name | type | default | description | required -- | -- | -- | -- | -- enable-alpha | Boolean | false | \- | N format | String | RGB | options: RGB/RGBA/HSL/HSLA/HSB/HSV/HSVA/HEX/CMYK/CSS | N -show-primary-color-preview | Boolean | true | \- | N swatch-colors | Array | - | swatch colors。Typescript：`Array \| null` | N type | String | base | options: base/multiple。Typescript：`TypeEnum ` `type TypeEnum = 'base' \| 'multiple'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts) | N value | String | - | color value | N @@ -18,5 +16,5 @@ default-value | String | undefined | color value。uncontrolled property | N name | params | description -- | -- | -- -change | `(value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger })` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`type ColorPickerChangeTrigger = 'palette-saturation-brightness' \| 'palette-saturation' \| 'palette-brightness' \| 'palette-hue-bar' \| 'palette-alpha-bar' \| 'preset' `
-palette-bar-change | `(detail: { color: ColorObject })` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; saturation: number; value: number; isGradient: boolean; linearGradient?: string; }`
+change | `(value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger })` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`type ColorPickerChangeTrigger = 'palette-hue-bar' \| 'palette-alpha-bar' \| 'preset' `
+palette-bar-change | `(detail: { color: ColorObject })` | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; value: number;}`
diff --git a/packages/products/tdesign-miniprogram/src/color-picker/README.md b/packages/products/tdesign-miniprogram/src/color-picker/README.md index c59ac10df..63f75ee01 100644 --- a/packages/products/tdesign-miniprogram/src/color-picker/README.md +++ b/packages/products/tdesign-miniprogram/src/color-picker/README.md @@ -1,14 +1,12 @@ :: BASE_DOC :: ## API - ### ColorPicker Props 名称 | 类型 | 默认值 | 说明 | 必传 -- | -- | -- | -- | -- enable-alpha | Boolean | false | 是否开启透明通道 | N format | String | RGB | 格式化色值。`enableAlpha` 为真时，`RGBA/HSLA/HSVA` 等值有效。可选项：RGB/RGBA/HSL/HSLA/HSB/HSV/HSVA/HEX/CMYK/CSS | N -show-primary-color-preview | Boolean | true | 是否展示颜色选择条右侧的颜色预览区域 | N swatch-colors | Array | - | 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色。TS 类型：`Array \| null` | N type | String | base | 颜色选择器类型。（base 表示仅展示系统预设内容; multiple 表示展示色板和系统预设内容。。可选项：base/multiple。TS 类型：`TypeEnum ` `type TypeEnum = 'base' \| 'multiple'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts) | N value | String | - | 色值 | N @@ -18,5 +16,5 @@ default-value | String | undefined | 色值。非受控属性 | N 名称 | 参数 | 描述 -- | -- | -- -change | `(value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger })` | 选中的色值发生变化时触发，第一个参数 `value` 表示新色值，`context.color` 表示当前调色板控制器的色值，`context.trigger` 表示触发颜色变化的来源。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`type ColorPickerChangeTrigger = 'palette-saturation-brightness' \| 'palette-saturation' \| 'palette-brightness' \| 'palette-hue-bar' \| 'palette-alpha-bar' \| 'preset' `
-palette-bar-change | `(detail: { color: ColorObject })` | 调色板控制器的值变化时触发，`context.color` 指调色板控制器的值。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; saturation: number; value: number; isGradient: boolean; linearGradient?: string; }`
+change | `(value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger })` | 选中的色值发生变化时触发，第一个参数 `value` 表示新色值，`context.color` 表示当前调色板控制器的色值，`context.trigger` 表示触发颜色变化的来源。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`type ColorPickerChangeTrigger = 'palette-hue-bar' \| 'palette-alpha-bar' \| 'preset' `
+palette-bar-change | `(detail: { color: ColorObject })` | 调色板控制器的值变化时触发，`context.color` 指调色板控制器的值。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts)。
`interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; value: number;}`
diff --git a/packages/scripts/api.json b/packages/scripts/api.json index dca9087f5..f151819f4 100644 --- a/packages/scripts/api.json +++ b/packages/scripts/api.json @@ -25744,8 +25744,7 @@ "platform_framework": [ "1", "2", - "4", - "64" + "4" ], "component": "ColorPicker", "field_category": 1, @@ -25775,8 +25774,7 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)", - "Miniprogram" + "Angular(PC)" ], "field_type_text": [ "Boolean" @@ -25991,7 +25989,7 @@ "field_desc_zh": "选中的色值发生变化时触发，第一个参数 `value` 表示新色值，`context.color` 表示当前调色板控制器的色值，`context.trigger` 表示触发颜色变化的来源", "field_desc_en": null, "field_required": 0, - "event_input": "(value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger })【type ColorPickerChangeTrigger = 'palette-saturation-brightness' | 'palette-saturation' | 'palette-brightness' | 'palette-hue-bar' | 'palette-alpha-bar' | 'preset' 】", + "event_input": "(value: string, context: { color: ColorObject; trigger: ColorPickerChangeTrigger })【type ColorPickerChangeTrigger = 'palette-hue-bar' | 'palette-alpha-bar' | 'preset' 】", "create_time": "2024-01-15 05:00:04", "update_time": "2024-01-15 05:00:04", "event_output": null, @@ -26015,8 +26013,7 @@ "platform_framework": [ "1", "2", - "4", - "64" + "4" ], "component": "ColorPicker", "field_category": 2, @@ -26044,7 +26041,39 @@ "platform_framework_text": [ "Vue(PC)", "React(PC)", - "Angular(PC)", + "Angular(PC)" + ], + "field_type_text": [] + }, + { + "id": 1705394290, + "platform_framework": [ + "64" + ], + "component": "ColorPicker", + "field_category": 2, + "field_name": "paletteBarChange", + "field_type": [], + "field_default_value": "", + "field_enum": "", + "field_desc_zh": "调色板控制器的值变化时触发，`context.color` 指调色板控制器的值", + "field_desc_en": null, + "field_required": 0, + "event_input": "(context: { color: ColorObject })【interface ColorObject { alpha: number; css: string; hex: string; hex8: string; hsl: string; hsla: string; hsv: string; hsva: string; rgb: string; rgba: string; value: number;}】", + "create_time": "2024-01-16 08:38:10", + "update_time": "2024-01-16 08:38:10", + "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": "Events", + "platform_framework_text": [ "Miniprogram" ], "field_type_text": []