feat(Progress): add size props (#606)

anlyyao · github-actions[bot] · web-flow · commit 0d571405c209 · 2025-04-17T17:26:28.000+08:00
Co-authored-by: github-actions[bot] &lt;github-actions[bot]@users.noreply.github.com&gt;
diff --git a/db/TDesign.db b/db/TDesign.db
diff --git a/packages/products/tdesign-miniprogram/src/progress/README.en-US.md b/packages/products/tdesign-miniprogram/src/progress/README.en-US.md
@@ -11,6 +11,7 @@ custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on v
 color | String / Object / Array | '' | Typescript：`string \| Array<string> \| Record<string, string>` | N
 label | String / Boolean / Slot | true | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 percentage | Number | 0 | \- | N
+size | String / Number | 'default' | \- | N
 status | String | - | options: success/error/warning/active。Typescript：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/progress/type.ts) | N
 stroke-width | String / Number | - | \- | N
 theme | String | line | options: line/plump/circle。Typescript：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/progress/type.ts) | N
diff --git a/packages/products/tdesign-miniprogram/src/progress/README.md b/packages/products/tdesign-miniprogram/src/progress/README.md
@@ -11,6 +11,7 @@ custom-style | Object | - | 样式，一般用于开启虚拟化组件节点场
 color | String / Object / Array | '' | 进度条颜色。示例：'#ED7B2F' 或 'orange' 或 `['#f00', '#0ff', '#f0f']` 或 `{ '0%': '#f00', '100%': '#0ff' }` 或  `{ from: '#000', to: '#000' }` 等。TS 类型：`string \| Array<string> \| Record<string, string>` | N
 label | String / Boolean / Slot | true | 进度百分比，可自定义。[通用类型定义](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N
 percentage | Number | 0 | 进度条百分比 | N
+size | String / Number | 'default' | 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24 | N
 status | String | - | 进度条状态。可选项：success/error/warning/active。TS 类型：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/progress/type.ts) | N
 stroke-width | String / Number | - | 进度条线宽，默认单位 `px` | N
 theme | String | line | 进度条风格。值为 line，标签（label）显示在进度条右侧；值为 plump，标签（label）显示在进度条里面；值为 circle，标签（label）显示在进度条正中间。可选项：line/plump/circle。TS 类型：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/progress/type.ts) | N
diff --git a/packages/products/tdesign-miniprogram/src/progress/props.ts b/packages/products/tdesign-miniprogram/src/progress/props.ts
@@ -21,6 +21,11 @@ const props: TdProgressProps = {
     type: Number,
     value: 0,
   },
+  /** 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24 */
+  size: {
+    type: null,
+    value: 'default',
+  },
   /** 进度条状态 */
   status: {
     type: String,
diff --git a/packages/products/tdesign-miniprogram/src/progress/type.ts b/packages/products/tdesign-miniprogram/src/progress/type.ts
@@ -29,6 +29,14 @@ export interface TdProgressProps {
     type: NumberConstructor;
     value?: number;
   };
+  /**
+   * 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24
+   * @default 'default'
+   */
+  size?: {
+    type: null;
+    value?: string | number;
+  };
   /**
    * 进度条状态
    */
diff --git a/packages/products/tdesign-mobile-react/src/progress/defaultProps.ts b/packages/products/tdesign-mobile-react/src/progress/defaultProps.ts
@@ -8,6 +8,7 @@ export const progressDefaultProps: TdProgressProps = {
   color: '',
   label: true,
   percentage: 0,
+  size: 'default',
   theme: 'line',
   trackColor: '',
 };
diff --git a/packages/products/tdesign-mobile-react/src/progress/progress.en-US.md b/packages/products/tdesign-mobile-react/src/progress/progress.en-US.md
@@ -11,6 +11,7 @@ style | Object | - | CSS(Cascading Style Sheets)，Typescript：`React.CSSProper
 color | String / Object / Array | '' | Typescript：`string \| Array<string> \| Record<string, string>` | N
 label | TNode | true | Typescript：`string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 percentage | Number | 0 | \- | N
+size | String / Number | 'default' | \- | N
 status | String | - | options: success/error/warning/active。Typescript：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/progress/type.ts) | N
 strokeWidth | String / Number | - | \- | N
 theme | String | line | options: line/plump/circle。Typescript：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/progress/type.ts) | N
diff --git a/packages/products/tdesign-mobile-react/src/progress/progress.md b/packages/products/tdesign-mobile-react/src/progress/progress.md
@@ -11,6 +11,7 @@ style | Object | - | 样式，TS 类型：`React.CSSProperties` | N
 color | String / Object / Array | '' | 进度条颜色。示例：'#ED7B2F' 或 'orange' 或 `['#f00', '#0ff', '#f0f']` 或 `{ '0%': '#f00', '100%': '#0ff' }` 或  `{ from: '#000', to: '#000' }` 等。TS 类型：`string \| Array<string> \| Record<string, string>` | N
 label | TNode | true | 进度百分比，可自定义。TS 类型：`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 percentage | Number | 0 | 进度条百分比 | N
+size | String / Number | 'default' | 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24 | N
 status | String | - | 进度条状态。可选项：success/error/warning/active。TS 类型：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/progress/type.ts) | N
 strokeWidth | String / Number | - | 进度条线宽。宽度数值不能超过 size 的一半，否则不能输出环形进度 | N
 theme | String | line | 进度条风格。值为 line，标签（label）显示在进度条右侧；值为 plump，标签（label）显示在进度条里面；值为 circle，标签（label）显示在进度条正中间。可选项：line/plump/circle。TS 类型：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-react/tree/develop/src/progress/type.ts) | N
diff --git a/packages/products/tdesign-mobile-react/src/progress/type.ts b/packages/products/tdesign-mobile-react/src/progress/type.ts
@@ -22,6 +22,11 @@ export interface TdProgressProps {
    * @default 0
    */
   percentage?: number;
+  /**
+   * 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24
+   * @default 'default'
+   */
+  size?: string | number;
   /**
    * 进度条状态
    */
diff --git a/packages/products/tdesign-mobile-vue/src/progress/progress.en-US.md b/packages/products/tdesign-mobile-vue/src/progress/progress.en-US.md
@@ -9,6 +9,7 @@ name | type | default | description | required
 color | String / Object / Array | '' | Typescript：`string \| Array<string> \| Record<string, string>` | N
 label | String / Boolean / Slot / Function | true | Typescript：`string \| boolean \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 percentage | Number | 0 | \- | N
+size | String / Number | 'default' | \- | N
 status | String | - | options: success/error/warning/active。Typescript：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/progress/type.ts) | N
 strokeWidth | String / Number | - | \- | N
 theme | String | line | options: line/plump/circle。Typescript：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/progress/type.ts) | N
diff --git a/packages/products/tdesign-mobile-vue/src/progress/progress.md b/packages/products/tdesign-mobile-vue/src/progress/progress.md
@@ -9,6 +9,7 @@
 color | String / Object / Array | '' | 进度条颜色。示例：'#ED7B2F' 或 'orange' 或 `['#f00', '#0ff', '#f0f']` 或 `{ '0%': '#f00', '100%': '#0ff' }` 或  `{ from: '#000', to: '#000' }` 等。TS 类型：`string \| Array<string> \| Record<string, string>` | N
 label | String / Boolean / Slot / Function | true | 进度百分比，可自定义。TS 类型：`string \| boolean \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 percentage | Number | 0 | 进度条百分比 | N
+size | String / Number | 'default' | 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24 | N
 status | String | - | 进度条状态。可选项：success/error/warning/active。TS 类型：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/progress/type.ts) | N
 strokeWidth | String / Number | - | 进度条线宽。宽度数值不能超过 size 的一半，否则不能输出环形进度 | N
 theme | String | line | 进度条风格。值为 line，标签（label）显示在进度条右侧；值为 plump，标签（label）显示在进度条里面；值为 circle，标签（label）显示在进度条正中间。可选项：line/plump/circle。TS 类型：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[详细类型定义](https://github.com/Tencent/tdesign-mobile-vue/tree/develop/src/progress/type.ts) | N
diff --git a/packages/products/tdesign-mobile-vue/src/progress/props.ts b/packages/products/tdesign-mobile-vue/src/progress/props.ts
@@ -23,6 +23,11 @@ export default {
     type: Number,
     default: 0,
   },
+  /** 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24 */
+  size: {
+    type: [String, Number] as PropType<TdProgressProps['size']>,
+    default: 'default',
+  },
   /** 进度条状态 */
   status: {
     type: String as PropType<TdProgressProps['status']>,
diff --git a/packages/products/tdesign-mobile-vue/src/progress/type.ts b/packages/products/tdesign-mobile-vue/src/progress/type.ts
@@ -22,6 +22,11 @@ export interface TdProgressProps {
    * @default 0
    */
   percentage?: number;
+  /**
+   * 进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24
+   * @default 'default'
+   */
+  size?: string | number;
   /**
    * 进度条状态
    */
diff --git a/packages/scripts/api.json b/packages/scripts/api.json
@@ -92004,6 +92004,49 @@
         "Number"
       ]
     },
+    {
+      "id": 1744881020,
+      "platform_framework": [
+        "8",
+        "16",
+        "64"
+      ],
+      "component": "Progress",
+      "field_category": 1,
+      "field_name": "size",
+      "field_type": [
+        "1",
+        "2"
+      ],
+      "field_default_value": "'default'",
+      "field_enum": "",
+      "field_desc_zh": "进度条尺寸，仅对环形进度条有效。可选值：default/micro。default 值为 112； micro 值为 24",
+      "field_desc_en": null,
+      "field_required": 0,
+      "event_input": "",
+      "create_time": "2025-04-17 09:10:20",
+      "update_time": "2025-04-17 09:10:20",
+      "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": [
+        "Vue(Mobile)",
+        "React(Mobile)",
+        "Miniprogram"
+      ],
+      "field_type_text": [
+        "String",
+        "Number"
+      ]
+    },
     {
       "id": 924,
       "platform_framework": [
