refactor(color-picker): update types and remove undeveloped props (#615)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: RylanBot

db/TDesign.db

@@ -12,10 +12,10 @@ auto-close | Boolean | true | \- | N
 enable-alpha | Boolean | false | \- | N
 fixed | Boolean | false | `1.8.5` | N
 footer | Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
-format | String | RGB | options: RGB/RGBA/HSL/HSLA/HSB/HSV/HSVA/HEX/CMYK/CSS | N
+format | String | RGB | When `enableAlpha` is true, `HEX8/RGBA/HSLA/HSVA` are valid。options: HEX/HEX8/RGB/RGBA/HSL/HSLA/HSV/HSVA/CMYK/CSS | N
 header | Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 popup-props | Object | {} | Typescript：`PopupProps`，[Popup API Documents](./popup?tab=api)。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts) | N
-swatch-colors | Array | - | swatch colors。Typescript：`Array<string> \| null` | N
+swatch-colors | Array | undefined | swatch colors。Typescript：`Array<string> \| null \| undefined` | 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
 use-popup | Boolean | false | \- | N
 value | String | - | color value | N

packages/products/tdesign-miniprogram/src/color-picker/README.en-US.md

@@ -12,10 +12,10 @@ auto-close | Boolean | true | 自动关闭。在点击遮罩层时自动关闭
 enable-alpha | Boolean | false | 是否开启透明通道 | N
 fixed | Boolean | false | `1.8.5`。如果 color-picker 是在一个 `position:fixed` 的区域，需要显式指定属性 fixed 为 true | N
 footer | Slot | - | 底部插槽，仅在 `usePopup` 为 `true` 时有效。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
-format | String | RGB | 格式化色值。`enableAlpha` 为真时，`RGBA/HSLA/HSVA` 等值有效。可选项：RGB/RGBA/HSL/HSLA/HSB/HSV/HSVA/HEX/CMYK/CSS | N
+format | String | RGB | 格式化色值。`enableAlpha` 为真时，`HEX8/RGBA/HSLA/HSVA` 有效。可选项：HEX/HEX8/RGB/RGBA/HSL/HSLA/HSV/HSVA/CMYK/CSS | N
 header | Slot | - | 顶部插槽，仅在 `usePopup` 为 `true` 时有效。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 popup-props | Object | {} | 透传 Popup 组件全部属性。TS 类型：`PopupProps`，[Popup API Documents](./popup?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/color-picker/type.ts) | N
-swatch-colors | Array | - | 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色。TS 类型：`Array<string> \| null` | N
+swatch-colors | Array | undefined | 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色。TS 类型：`Array<string> \| null \| undefined` | 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
 use-popup | Boolean | false | 是否使用弹出层包裹颜色选择器 | N
 value | String | - | 色值 | N

packages/products/tdesign-miniprogram/src/color-picker/README.md

@@ -21,7 +21,7 @@ const props: TdColorPickerProps = {
     type: Boolean,
     value: false,
   },
-  /** 格式化色值。`enableAlpha` 为真时，`RGBA/HSLA/HSVA` 等值有效 */
+  /** 格式化色值。`enableAlpha` 为真时，`HEX8/RGBA/HSLA/HSVA` 有效 */
   format: {
     type: String,
     value: 'RGB',
@@ -34,6 +34,7 @@ const props: TdColorPickerProps = {
   /** 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色 */
   swatchColors: {
     type: Array,
+    value: undefined,
   },
   /** 颜色选择器类型。（base 表示仅展示系统预设内容; multiple 表示展示色板和系统预设内容 */
   type: {

packages/products/tdesign-miniprogram/src/color-picker/props.ts

@@ -32,12 +32,12 @@ export interface TdColorPickerProps {
     value?: boolean;
   };
   /**
-   * 格式化色值。`enableAlpha` 为真时，`RGBA/HSLA/HSVA` 等值有效
+   * 格式化色值。`enableAlpha` 为真时，`HEX8/RGBA/HSLA/HSVA` 有效
    * @default RGB
    */
   format?: {
     type: StringConstructor;
-    value?: 'RGB' | 'RGBA' | 'HSL' | 'HSLA' | 'HSB' | 'HSV' | 'HSVA' | 'HEX' | 'CMYK' | 'CSS';
+    value?: 'HEX' | 'HEX8' | 'RGB' | 'RGBA' | 'HSL' | 'HSLA' | 'HSV' | 'HSVA' | 'CMYK' | 'CSS';
   };
   /**
    * 透传 Popup 组件全部属性
@@ -52,7 +52,7 @@ export interface TdColorPickerProps {
    */
   swatchColors?: {
     type: ArrayConstructor;
-    value?: Array<string> | null;
+    value?: Array<string> | null | undefined;
   };
   /**
    * 颜色选择器类型。（base 表示仅展示系统预设内容; multiple 表示展示色板和系统预设内容

packages/products/tdesign-miniprogram/src/color-picker/type.ts

@@ -12,7 +12,7 @@ clearable | Boolean | false | \- | N
 enableAlpha | Boolean | false | \- | N
 fixed | Boolean | false | \- | N
 format | String | RGB | When `enableAlpha` is true, `HEX8/RGBA/HSLA/HSVA` are valid。options: HEX/HEX8/RGB/RGBA/HSL/HSLA/HSV/HSVA/CMYK/CSS | N
-swatchColors | Array | - | swatch colors。Typescript：`Array<string> \| null` | N
+swatchColors | Array | undefined | swatch colors。Typescript：`Array<string> \| null \| undefined` | N
 type | String | base | options: base/multiple。Typescript：`TypeEnum ` `type TypeEnum = 'base' \| 'multiple'`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/color-picker/type.ts) | N
 value | String | - | color value | N
 defaultValue | String | - | color value。uncontrolled property | N

packages/products/tdesign-mobile-react/src/color-picker/color-picker.en-US.md

@@ -12,7 +12,7 @@ clearable | Boolean | false | 是否可清空 | N
 enableAlpha | Boolean | false | 是否开启透明通道 | N
 fixed | Boolean | false | 如果 color-picker 是在一个 `position:fixed` 的区域，需要显式指定属性 fixed 为 true | N
 format | String | RGB | 格式化色值。`enableAlpha` 为真时，`HEX8/RGBA/HSLA/HSVA` 有效。可选项：HEX/HEX8/RGB/RGBA/HSL/HSLA/HSV/HSVA/CMYK/CSS | N
-swatchColors | Array | - | 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色。TS 类型：`Array<string> \| null` | N
+swatchColors | Array | undefined | 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色。TS 类型：`Array<string> \| null \| undefined` | N
 type | String | base | 颜色选择器类型。（base 表示仅展示系统预设内容; multiple 表示展示色板和系统预设内容。可选项：base/multiple。TS 类型：`TypeEnum ` `type TypeEnum = 'base' \| 'multiple'`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/color-picker/type.ts) | N
 value | String | - | 色值 | N
 defaultValue | String | - | 色值。非受控属性 | N

packages/products/tdesign-mobile-react/src/color-picker/color-picker.md

@@ -9,5 +9,6 @@ export const colorPickerDefaultProps: TdColorPickerProps = {
   enableAlpha: false,
   fixed: false,
   format: 'RGB',
+  swatchColors: undefined,
   type: 'base',
 };

packages/products/tdesign-mobile-react/src/color-picker/defaultProps.ts

@@ -28,7 +28,7 @@ export interface TdColorPickerProps {
   /**
    * 系统预设的颜色样例，值为 `null` 或 `[]` 则不显示系统色，值为 `undefined` 会显示组件内置的系统默认色
    */
-  swatchColors?: Array<string> | null;
+  swatchColors?: Array<string> | null | undefined;
   /**
    * 颜色选择器类型。（base 表示仅展示系统预设内容; multiple 表示展示色板和系统预设内容
    * @default base

packages/products/tdesign-mobile-react/src/color-picker/type.ts

@@ -10,7 +10,7 @@ clearable | Boolean | false | \- | N
 enableAlpha | Boolean | false | \- | N
 fixed | Boolean | false | \- | N
 format | String | RGB | When `enableAlpha` is true, `HEX8/RGBA/HSLA/HSVA` are valid。options: HEX/HEX8/RGB/RGBA/HSL/HSLA/HSV/HSVA/CMYK/CSS | N
-swatchColors | Array | - | swatch colors。Typescript：`Array<string> \| null` | N
+swatchColors | Array | undefined | swatch colors。Typescript：`Array<string> \| null \| undefined` | N
 type | String | base | options: base/multiple。Typescript：`TypeEnum ` `type TypeEnum = 'base' \| 'multiple'`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/color-picker/type.ts) | N
 value | String | - | color value。`v-model` and `v-model:value` is supported | N
 defaultValue | String | - | color value。uncontrolled property | N