feat(Divider): size api support string type (#739)

HaixingOoO · web-flow · commit 1f1372402b22 · 2025-10-20T19:56:27.000+08:00
diff --git a/db/TDesign.db b/db/TDesign.db
diff --git a/packages/products/tdesign-mobile-react/src/divider/divider.en-US.md b/packages/products/tdesign-mobile-react/src/divider/divider.en-US.md
@@ -13,4 +13,4 @@ children | TNode | - | Typescript：`string \| TNode`。[see more ts definition]
 content | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 dashed | Boolean | false | \- | N
 layout | String | horizontal | options: horizontal/vertical | N
-size | Number | - | Spacing size | N
+size | String / Number | - | Spacing size | N
diff --git a/packages/products/tdesign-mobile-react/src/divider/divider.md b/packages/products/tdesign-mobile-react/src/divider/divider.md
@@ -13,4 +13,4 @@ children | TNode | - | 子元素，同 content。TS 类型：`string \| TNode`
 content | TNode | - | 子元素。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-react/blob/develop/src/common.ts) | N
 dashed | Boolean | false | 是否虚线（仅在水平分割线有效） | N
 layout | String | horizontal | 分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
-size | Number | - | 间距大小 | N
+size | String / Number | - | 间距大小 | N
diff --git a/packages/products/tdesign-mobile-react/src/divider/type.ts b/packages/products/tdesign-mobile-react/src/divider/type.ts
@@ -33,5 +33,5 @@ export interface TdDividerProps {
   /**
    * 间距大小
    */
-  size?: number;
+  size?: string | number;
 }
diff --git a/packages/products/tdesign-mobile-vue/src/divider/divider.en-US.md b/packages/products/tdesign-mobile-vue/src/divider/divider.en-US.md
@@ -11,4 +11,4 @@ content | String / Slot / Function | - | Typescript：`string \| TNode`。[see m
 dashed | Boolean | false | \- | 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
 layout | String | horizontal | options: horizontal/vertical | N
-size | Number | - | Spacing size | N
+size | String / Number | - | Spacing size | N
diff --git a/packages/products/tdesign-mobile-vue/src/divider/divider.md b/packages/products/tdesign-mobile-vue/src/divider/divider.md
@@ -11,4 +11,4 @@ content | String / Slot / Function | - | 子元素。TS 类型：`string \| TNod
 dashed | Boolean | false | 是否虚线（仅在水平分割线有效） | N
 default | String / Slot / Function | - | 子元素，同 content。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 layout | String | horizontal | 分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
-size | Number | - | 间距大小 | N
+size | String / Number | - | 间距大小 | N
diff --git a/packages/products/tdesign-mobile-vue/src/divider/props.ts b/packages/products/tdesign-mobile-vue/src/divider/props.ts
@@ -38,6 +38,6 @@ export default {
   },
   /** 间距大小 */
   size: {
-    type: Number,
+    type: [String, Number] as PropType<TdDividerProps['size']>,
   },
 };
diff --git a/packages/products/tdesign-mobile-vue/src/divider/type.ts b/packages/products/tdesign-mobile-vue/src/divider/type.ts
@@ -33,5 +33,5 @@ export interface TdDividerProps {
   /**
    * 间距大小
    */
-  size?: number;
+  size?: string | number;
 }
diff --git a/packages/products/tdesign-react/packages/components/divider/divider.en-US.md b/packages/products/tdesign-react/packages/components/divider/divider.en-US.md
@@ -13,4 +13,4 @@ children | TNode | - | Typescript：`string \| TNode`。[see more ts definition]
 content | TNode | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
 dashed | Boolean | false | \- | N
 layout | String | horizontal | options: horizontal/vertical | N
-size | Number | - | Spacing size | N
+size | String / Number | - | Spacing size | N
diff --git a/packages/products/tdesign-react/packages/components/divider/divider.md b/packages/products/tdesign-react/packages/components/divider/divider.md
@@ -13,4 +13,4 @@ children | TNode | - | 子元素，同 content。TS 类型：`string \| TNode`
 content | TNode | - | 子元素。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-react/blob/develop/packages/components/common.ts) | N
 dashed | Boolean | false | 是否虚线（仅在水平分割线有效） | N
 layout | String | horizontal | 分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
-size | Number | - | 间距大小 | N
+size | String / Number | - | 间距大小 | N
diff --git a/packages/products/tdesign-react/packages/components/divider/type.ts b/packages/products/tdesign-react/packages/components/divider/type.ts
@@ -33,5 +33,5 @@ export interface TdDividerProps {
   /**
    * 间距大小
    */
-  size?: number;
+  size?: string | number;
 }
diff --git a/packages/products/tdesign-vue-next/packages/components/divider/divider.en-US.md b/packages/products/tdesign-vue-next/packages/components/divider/divider.en-US.md
@@ -1,13 +1,15 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Divider Props
 
 name | type | default | description | required
 -- | -- | -- | -- | --
-align | String | center | options：left/right/center | N
+align | String | center | options: left/right/center | N
 content | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
 dashed | Boolean | false | \- | N
 default | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
-layout | String | horizontal | options：horizontal/vertical | N
-theme | String | - | `deprecated`。options：horizontal/vertical | N
+layout | String | horizontal | options: horizontal/vertical | N
+size | String / Number | - | Spacing size | N
+theme | String | - | `deprecated`。options: horizontal/vertical | N
diff --git a/packages/products/tdesign-vue-next/packages/components/divider/divider.md b/packages/products/tdesign-vue-next/packages/components/divider/divider.md
@@ -1,13 +1,15 @@
 :: BASE_DOC ::
 
 ## API
+
 ### Divider Props
 
-名称 | 类型 | 默认值 | 说明 | 必传
+名称 | 类型 | 默认值 | 描述 | 必传
 -- | -- | -- | -- | --
 align | String | center | 文本位置（仅在水平分割线有效）。可选项：left/right/center | N
 content | String / Slot / Function | - | 子元素。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
 dashed | Boolean | false | 是否虚线（仅在水平分割线有效） | N
 default | String / Slot / Function | - | 子元素，同 content。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue-next/blob/develop/packages/components/common.ts) | N
 layout | String | horizontal | 分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
+size | String / Number | - | 间距大小 | N
 theme | String | - | 已废弃。请更为使用 `layout`。分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
diff --git a/packages/products/tdesign-vue-next/packages/components/divider/props.ts b/packages/products/tdesign-vue-next/packages/components/divider/props.ts
@@ -36,12 +36,8 @@ export default {
       return ['horizontal', 'vertical'].includes(val);
     },
   },
-  /** 已废弃。请更为使用 `layout`。分隔线类型有两种：水平和垂直 */
-  theme: {
-    type: String as PropType<TdDividerProps['theme']>,
-    validator(val: TdDividerProps['theme']): boolean {
-      if (!val) return true;
-      return ['horizontal', 'vertical'].includes(val);
-    },
+  /** 间距大小 */
+  size: {
+    type: [String, Number] as PropType<TdDividerProps['size']>,
   },
 };
diff --git a/packages/products/tdesign-vue-next/packages/components/divider/type.ts b/packages/products/tdesign-vue-next/packages/components/divider/type.ts
@@ -31,8 +31,7 @@ export interface TdDividerProps {
    */
   layout?: 'horizontal' | 'vertical';
   /**
-   * 请更为使用 `layout`。分隔线类型有两种：水平和垂直
-   * @deprecated
+   * 间距大小
    */
-  theme?: 'horizontal' | 'vertical';
+  size?: string | number;
 }
diff --git a/packages/products/tdesign-vue/src/divider/divider.en-US.md b/packages/products/tdesign-vue/src/divider/divider.en-US.md
@@ -11,5 +11,5 @@ content | String / Slot / Function | - | Typescript：`string \| TNode`。[see m
 dashed | Boolean | false | \- | N
 default | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 layout | String | horizontal | options: horizontal/vertical | N
-size | Number | - | Spacing size | N
+size | String / Number | - | Spacing size | N
 theme | String | - | `deprecated`。options: horizontal/vertical | N
diff --git a/packages/products/tdesign-vue/src/divider/divider.md b/packages/products/tdesign-vue/src/divider/divider.md
@@ -11,5 +11,5 @@ content | String / Slot / Function | - | 子元素。TS 类型：`string \| TNod
 dashed | Boolean | false | 是否虚线（仅在水平分割线有效） | N
 default | String / Slot / Function | - | 子元素，同 content。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 layout | String | horizontal | 分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
-size | Number | - | 间距大小 | N
+size | String / Number | - | 间距大小 | N
 theme | String | - | 已废弃。请更为使用 `layout`。分隔线类型有两种：水平和垂直。可选项：horizontal/vertical | N
diff --git a/packages/products/tdesign-vue/src/divider/props.ts b/packages/products/tdesign-vue/src/divider/props.ts
@@ -38,6 +38,6 @@ export default {
   },
   /** 间距大小 */
   size: {
-    type: Number,
+    type: [String, Number] as PropType<TdDividerProps['size']>,
   },
 };
diff --git a/packages/products/tdesign-vue/src/divider/type.ts b/packages/products/tdesign-vue/src/divider/type.ts
@@ -33,5 +33,5 @@ export interface TdDividerProps {
   /**
    * 间距大小
    */
-  size?: number;
+  size?: string | number;
 }
diff --git a/packages/scripts/api.json b/packages/scripts/api.json
@@ -46053,6 +46053,7 @@
       "field_category": 1,
       "field_name": "size",
       "field_type": [
+        "1",
         "2"
       ],
       "field_default_value": "",
@@ -46081,6 +46082,7 @@
         "React(Mobile)"
       ],
       "field_type_text": [
+        "String",
         "Number"
       ]
     },

Original file line number	Diff line number	Diff line change
`@@ -33,5 +33,5 @@ export interface TdDividerProps {`
`33`	`33`	`/**`
`34`	`34`	`* 间距大小`
`35`	`35`	`*/`
`36`		`- size?: number;`
	`36`	`+ size?: string \| number;`
`37`	`37`	`}`