feat(tag): update api

packages/products/tdesign-mobile-react/src/tag/defaultProps.ts

@@ -0,0 +1,24 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import { TdTagProps, TdCheckTagProps } from './type';
+
+export const tagDefaultProps: TdTagProps = {
+  closable: false,
+  disabled: false,
+  icon: undefined,
+  shape: 'square',
+  size: 'medium',
+  theme: 'default',
+  variant: 'dark',
+};
+
+export const checkTagDefaultProps: TdCheckTagProps = {
+  defaultChecked: undefined,
+  closable: false,
+  disabled: false,
+  shape: 'square',
+  size: 'medium',
+  variant: 'dark',
+};

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

@@ -0,0 +1,44 @@
+:: BASE_DOC ::
+
+## API
+
+### Tag Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+className | String | - | className of component | N
+style | Object | - | CSS(Cascading Style Sheets)，Typescript：`React.CSSProperties` | N
+children | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+closable | Boolean | false | \- | N
+content | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+disabled | Boolean | false | \- | N
+icon | TElement | undefined | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+maxWidth | String / Number | - | \- | N
+shape | String | square | options: square/round/mark | N
+size | String | medium | options: small/medium/large/extra-large | N
+theme | String | default | options: default/primary/warning/danger/success | N
+variant | String | dark | options: dark/light/outline/light-outline | N
+onClick | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
+onClose | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
+
+
+### CheckTag Props
+
+name | type | default | description | required
+-- | -- | -- | -- | --
+className | String | - | className of component | N
+style | Object | - | CSS(Cascading Style Sheets)，Typescript：`React.CSSProperties` | N
+checked | Boolean | undefined | \- | N
+defaultChecked | Boolean | undefined | uncontrolled property | N
+children | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+closable | Boolean | false | \- | N
+content | TNode | - | Typescript：`string \| number \| string[] \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+disabled | Boolean | false | \- | N
+icon | TElement | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+shape | String | square | options: square/round/mark | N
+size | String | medium | options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+uncheckedProps | Object | - | used to set unchecked tag props。Typescript：`TdTagProps` | N
+variant | String | dark | options: dark/light/outline/light-outline | N
+onChange | Function |  | Typescript：`(checked: boolean) => void`<br/> | N
+onClick | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
+onClose | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N

packages/products/tdesign-mobile-react/src/tag/tag.md

@@ -0,0 +1,44 @@
+:: BASE_DOC ::
+
+## API
+
+### Tag Props
+
+名称 | 类型 | 默认值 | 描述 | 必传
+-- | -- | -- | -- | --
+className | String | - | 类名 | N
+style | Object | - | 样式，TS 类型：`React.CSSProperties` | N
+children | TNode | - | 组件子元素，同 `content`。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+closable | Boolean | false | 标签是否可关闭 | N
+content | TNode | - | 组件子元素。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+disabled | Boolean | false | 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态 | N
+icon | TElement | undefined | 标签中的图标，可自定义图标呈现。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+maxWidth | String / Number | - | 标签最大宽度，宽度超出后会出现省略号。示例：'50px' / 80 | N
+shape | String | square | 标签类型，有三种：方形、圆角方形、标记型。可选项：square/round/mark | N
+size | String | medium | 标签尺寸。可选项：small/medium/large/extra-large | N
+theme | String | default | 组件风格，用于描述组件不同的应用场景。可选项：default/primary/warning/danger/success | N
+variant | String | dark | 标签风格变体。可选项：dark/light/outline/light-outline | N
+onClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击时触发 | N
+onClose | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>如果关闭按钮存在，点击关闭按钮时触发 | N
+
+
+### CheckTag Props
+
+名称 | 类型 | 默认值 | 描述 | 必传
+-- | -- | -- | -- | --
+className | String | - | 类名 | N
+style | Object | - | 样式，TS 类型：`React.CSSProperties` | N
+checked | Boolean | undefined | 标签选中的状态，默认风格（theme=default）才有选中态 | N
+defaultChecked | Boolean | undefined | 标签选中的状态，默认风格（theme=default）才有选中态。非受控属性 | N
+children | TNode | - | 组件子元素。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+closable | Boolean | false | 标签是否可关闭 | N
+content | TNode | - | 组件子元素；传入数组时：[选中内容，非选中内容]。TS 类型：`string \| number \| string[] \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+disabled | Boolean | false | 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态 | N
+icon | TElement | - | 标签中的图标，可自定义图标呈现。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+shape | String | square | 标签类型，有三种：方形、圆角方形、标记型。可选项：square/round/mark | N
+size | String | medium | 标签尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
+uncheckedProps | Object | - | 透传标签未选态属性。TS 类型：`TdTagProps` | N
+variant | String | dark | 标签风格变体。可选项：dark/light/outline/light-outline | N
+onChange | Function |  | TS 类型：`(checked: boolean) => void`<br/>状态切换时触发 | N
+onClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击标签时触发 | N
+onClose | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>如果关闭按钮存在，点击关闭按钮时触发 | N

packages/products/tdesign-mobile-react/src/tag/type.ts

@@ -0,0 +1,129 @@
+/* eslint-disable */
+
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import { TNode, TElement, SizeEnum } from '../common';
+import { MouseEvent } from 'react';
+
+export interface TdTagProps {
+  /**
+   * 组件子元素，同 `content`
+   */
+  children?: TNode;
+  /**
+   * 标签是否可关闭
+   * @default false
+   */
+  closable?: boolean;
+  /**
+   * 组件子元素
+   */
+  content?: TNode;
+  /**
+   * 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * 标签中的图标，可自定义图标呈现
+   */
+  icon?: TElement;
+  /**
+   * 标签最大宽度，宽度超出后会出现省略号。示例：'50px' / 80
+   */
+  maxWidth?: string | number;
+  /**
+   * 标签类型，有三种：方形、圆角方形、标记型
+   * @default square
+   */
+  shape?: 'square' | 'round' | 'mark';
+  /**
+   * 标签尺寸
+   * @default medium
+   */
+  size?: 'small' | 'medium' | 'large' | 'extra-large';
+  /**
+   * 组件风格，用于描述组件不同的应用场景
+   * @default default
+   */
+  theme?: 'default' | 'primary' | 'warning' | 'danger' | 'success';
+  /**
+   * 标签风格变体
+   * @default dark
+   */
+  variant?: 'dark' | 'light' | 'outline' | 'light-outline';
+  /**
+   * 点击时触发
+   */
+  onClick?: (context: { e: MouseEvent<HTMLSpanElement> }) => void;
+  /**
+   * 如果关闭按钮存在，点击关闭按钮时触发
+   */
+  onClose?: (context: { e: MouseEvent<SVGSVGElement> }) => void;
+}
+
+export interface TdCheckTagProps {
+  /**
+   * 标签选中的状态，默认风格（theme=default）才有选中态
+   */
+  checked?: boolean;
+  /**
+   * 标签选中的状态，默认风格（theme=default）才有选中态，非受控属性
+   */
+  defaultChecked?: boolean;
+  /**
+   * 组件子元素
+   */
+  children?: TNode;
+  /**
+   * 标签是否可关闭
+   * @default false
+   */
+  closable?: boolean;
+  /**
+   * 组件子元素；传入数组时：[选中内容，非选中内容]
+   */
+  content?: [] | TNode;
+  /**
+   * 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * 标签中的图标，可自定义图标呈现
+   */
+  icon?: TElement;
+  /**
+   * 标签类型，有三种：方形、圆角方形、标记型
+   * @default square
+   */
+  shape?: 'square' | 'round' | 'mark';
+  /**
+   * 标签尺寸
+   * @default medium
+   */
+  size?: SizeEnum;
+  /**
+   * 透传标签未选态属性
+   */
+  uncheckedProps?: TdTagProps;
+  /**
+   * 标签风格变体
+   * @default dark
+   */
+  variant?: 'dark' | 'light' | 'outline' | 'light-outline';
+  /**
+   * 状态切换时触发
+   */
+  onChange?: (checked: boolean) => void;
+  /**
+   * 点击标签时触发
+   */
+  onClick?: (context: { e: MouseEvent<HTMLSpanElement> }) => void;
+  /**
+   * 如果关闭按钮存在，点击关闭按钮时触发
+   */
+  onClose?: (context: { e: MouseEvent<HTMLSpanElement> }) => void;
+}

packages/products/tdesign-mobile-vue/src/tag/check-tag-props.ts

@@ -18,7 +18,10 @@ export default {
     default: undefined,
   },
   /** 标签选中的状态，默认风格（theme=default）才有选中态，非受控属性 */
-  defaultChecked: Boolean,
+  defaultChecked: {
+    type: Boolean,
+    default: undefined,
+  },
   /** 标签是否可关闭 */
   closable: Boolean,
   /** 组件子元素；传入数组时：[选中内容，非选中内容] */

packages/products/tdesign-mobile-vue/src/tag/tag.en-US.md

@@ -31,8 +31,8 @@ close | `(context: { e: MouseEvent })` | \-
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-checked | Boolean | - | `v-model` and `v-model:checked` is supported | N
-defaultChecked | Boolean | - | uncontrolled property | N
+checked | Boolean | undefined | `v-model` and `v-model:checked` is supported | N
+defaultChecked | Boolean | undefined | uncontrolled property | N
 closable | Boolean | false | \- | N
 content | String / Number / Array / Slot / Function | - | Typescript：`string \| number \| string[] \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 default | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N

packages/products/tdesign-mobile-vue/src/tag/tag.md

@@ -31,8 +31,8 @@ close | `(context: { e: MouseEvent })` | 如果关闭按钮存在，点击关闭
 
 名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
-checked | Boolean | - | 标签选中的状态，默认风格（theme=default）才有选中态。支持语法糖 `v-model` 或 `v-model:checked` | N
-defaultChecked | Boolean | - | 标签选中的状态，默认风格（theme=default）才有选中态。非受控属性 | N
+checked | Boolean | undefined | 标签选中的状态，默认风格（theme=default）才有选中态。支持语法糖 `v-model` 或 `v-model:checked` | N
+defaultChecked | Boolean | undefined | 标签选中的状态，默认风格（theme=default）才有选中态。非受控属性 | N
 closable | Boolean | false | 标签是否可关闭 | N
 content | String / Number / Array / Slot / Function | - | 组件子元素；传入数组时：[选中内容，非选中内容]。TS 类型：`string \| number \| string[] \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 default | String / Slot / Function | - | 组件子元素，默认插槽。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N

packages/products/tdesign-react/src/tag/tag.en-US.md

@@ -38,7 +38,7 @@ disabled | Boolean | false | \- | N
 size | String | medium | options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
 uncheckedProps | Object | - | used to set unchecked tag props。Typescript：`TdTagProps` | N
 value | String / Number | - | tag unique key | N
-onChange | Function |  | Typescript：`(checked: boolean, context: CheckTagChangeContext) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
+onChange | Function |  | Typescript：`(checked: boolean, context: CheckTagChangeContext)  => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
 onClick | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
 
 

packages/products/tdesign-react/src/tag/tag.md

@@ -38,7 +38,7 @@ disabled | Boolean | false | 标签禁用态，失效标签不能触发事件。
 size | String | medium | 标签尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/common.ts) | N
 uncheckedProps | Object | - | 透传标签未选态属性。TS 类型：`TdTagProps` | N
 value | String / Number | - | 标签唯一标识，一般用于标签组场景，单个可选择标签无需设置 | N
-onChange | Function |  | TS 类型：`(checked: boolean, context: CheckTagChangeContext) => void`<br/>状态切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
+onChange | Function |  | TS 类型：`(checked: boolean, context: CheckTagChangeContext)  => void`<br/>状态切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-react/blob/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
 onClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击标签时触发 | N
 
 

packages/products/tdesign-vue-next/src/tag/tag.en-US.md

@@ -41,14 +41,14 @@ disabled | Boolean | false | \- | N
 size | String | medium | options: small/medium/large。Typescript：`SizeEnum`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 uncheckedProps | Object | - | used to set unchecked tag props。Typescript：`TdTagProps` | N
 value | String / Number | - | tag unique key | N
-onChange | Function |  | Typescript：`(checked: boolean, context: CheckTagChangeContext) => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
+onChange | Function |  | Typescript：`(checked: boolean, context: CheckTagChangeContext)  => void`<br/>[see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
 onClick | Function |  | Typescript：`(context: { e: MouseEvent }) => void`<br/> | N
 
 ### CheckTag Events
 
 name | params | description
 -- | -- | --
-change | `(checked: boolean, context: CheckTagChangeContext)` | [see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/>
+change | `(checked: boolean, context: CheckTagChangeContext) ` | [see more ts definition](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/>
 click | `(context: { e: MouseEvent })` | \-
 
 

packages/products/tdesign-vue-next/src/tag/tag.md

@@ -41,14 +41,14 @@ disabled | Boolean | false | 标签禁用态，失效标签不能触发事件。
 size | String | medium | 标签尺寸。可选项：small/medium/large。TS 类型：`SizeEnum`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/src/common.ts) | N
 uncheckedProps | Object | - | 透传标签未选态属性。TS 类型：`TdTagProps` | N
 value | String / Number | - | 标签唯一标识，一般用于标签组场景，单个可选择标签无需设置 | N
-onChange | Function |  | TS 类型：`(checked: boolean, context: CheckTagChangeContext) => void`<br/>状态切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
+onChange | Function |  | TS 类型：`(checked: boolean, context: CheckTagChangeContext)  => void`<br/>状态切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/> | N
 onClick | Function |  | TS 类型：`(context: { e: MouseEvent }) => void`<br/>点击标签时触发 | N
 
 ### CheckTag Events
 
 名称 | 参数 | 描述
 -- | -- | --
-change | `(checked: boolean, context: CheckTagChangeContext)` | 状态切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/>
+change | `(checked: boolean, context: CheckTagChangeContext) ` | 状态切换时触发。[详细类型定义](https://github.com/Tencent/tdesign-vue-next/tree/develop/src/tag/type.ts)。<br/>`interface CheckTagChangeContext { e: MouseEvent \| KeyboardEvent; value: string \| number }`<br/>
 click | `(context: { e: MouseEvent })` | 点击标签时触发