fix: Number 类型支持分数形式的默认值配置 (#742)

* fix(getDefaultValue): 支持分数形式的默认值配置

* docs: 文档更新

* feat(getDefaultValue): 支持分数形式的默认值配置

* fix(getDefaultValue): 统一默认值变量名，增强代码可读性

* fix(getDefaultValue): 修复分数类型默认值处理逻辑

* chore: 更新react 文档

* Update packages/scripts/types/vue-props.js

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: liweijie <[email protected]>
Co-authored-by: Copilot <[email protected]>

Author: 3 people

packages/products/tdesign-react/packages/components/swiper/defaultProps.ts

@@ -7,7 +7,7 @@ import { TdSwiperProps } from './type';
 export const swiperDefaultProps: TdSwiperProps = {
   animation: 'slide',
   autoplay: true,
-  cardScale: '210/332',
+  cardScale: 210 / 332,
   defaultCurrent: 0,
   direction: 'horizontal',
   duration: 300,

packages/products/tdesign-vue-next/packages/components/swiper/props.ts

@@ -25,6 +25,7 @@ export default {
   /** 卡片模式下非当前展示轮播图的缩放比例 */
   cardScale: {
     type: Number,
+    default: 210/332,
   },
   /** 当前轮播在哪一项（下标） */
   current: {

packages/products/tdesign-vue/src/swiper/props.ts

@@ -25,6 +25,7 @@ export default {
   /** 卡片模式下非当前展示轮播图的缩放比例 */
   cardScale: {
     type: Number,
+    default: 210/332,
   },
   /** 当前轮播在哪一项（下标） */
   current: {

packages/scripts/types/react-default-props.js

@@ -38,7 +38,19 @@ function getDefaultValue(api) {
   if (defaultValue === '') return;
   if (defaultValue === '\'\'') return defaultValue;
   // 输出 Number 类型的默认值
-  if (api.field_type_text.includes('Number') && !isNaN(defaultValue)) return Number(defaultValue);
+  if (api.field_type_text.includes('Number')) {
+    if (defaultValue) {
+      // 支持诸如 210/332 的分数形式默认值配置原样返回
+      const frac = defaultValue.match(
+        /^\s*([+-]?\d+(?:\.\d+)?)\s*\/\s*([+-]?\d+(?:\.\d+)?)\s*$/
+      );
+      if (frac) {
+        return defaultValue;
+      } else if (!isNaN(defaultValue)) {
+        return Number(defaultValue);
+      }
+    }
+  }
   // 处理字符串类型
   if (typeof defaultValue === 'string') {
     try {

packages/scripts/types/vue-props.js

@@ -49,8 +49,8 @@ function getType(cmp, api, name) {
 
 function getDefaultValue(cmp, api, name, isUncontrolApi, useDefault) {
   const type = api.field_type_text.join();
-  const value = api.field_default_value;
-  let dl = value;
+  const defaultValue = api.field_default_value;
+  let dl = defaultValue;
   // 如果 API 显示指明 undefined，则一定返回 default: undefined
   if (dl === 'undefined') return dl;
   if (defaultValueIsUndefined(api)) {
@@ -65,17 +65,30 @@ function getDefaultValue(cmp, api, name, isUncontrolApi, useDefault) {
           const type = `: ${getPropType(cmp, name)}`;
           dl = `()${type} => ${dl}`;
         } else {
-          dl = value;
+          dl = defaultValue;
         }
       } catch (e) {
-        dl = value;
+        dl = defaultValue;
       }
     }
     if (type === 'Number') {
-      dl = value ? Number(value) : value;
+      if (defaultValue) {
+        // 支持诸如 210/332 的分数形式默认值配置原样返回
+        const frac = defaultValue.match(
+          /^\s*([+-]?\d+(?:\.\d+)?)\s*\/\s*([+-]?\d+(?:\.\d+)?)\s*$/
+        );
+        if (frac) {
+          dl = defaultValue;
+        } else {
+          // 其它数字类型，按数值处理
+          dl = Number(defaultValue);
+        }
+      } else {
+        dl = defaultValue;
+      }
     } else if (type === 'String') {
       // 为字符串添加单引号
-      dl = `'${value}'`;
+      dl = `'${defaultValue}'`;
       // 值不为 '' 时，避免连续两个单引号出现
       dl.length !== 2 && (dl = dl.replace(/''/g, '\''));
     }