@tdesign/uniapp 0.7.3 → 0.8.0

package/dist/radio-group/radio-group.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     :class="classPrefix + ' ' + tClass"
     aria-role="radiogroup"
   >
@@ -29,7 +29,7 @@
       :name="item.name || ''"
       :borderless="borderless"
       :relation-key="relationKey"
-      @change="handleRadioChange($event, { index, value: item.value, allowUncheck: item.allowUncheck || allowUncheck })"
+      @change="(e) => handleRadioChange(e, { index, value: item.value, allowUncheck: item.allowUncheck || allowUncheck })"
     />
   </view>
 </template>
@@ -46,160 +46,162 @@ import { ParentMixin, RELATION_MAP } from '../common/relation';
 const name = `${prefix}-radio-group`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  controlledProps: [
-    {
-      key: 'value',
-      event: 'change',
-    },
-  ],
-  externalClasses: [
-    `${prefix}-class`,
-  ],
-  inject: {
-    [RELATION_MAP.FormKey]: {
-      default: null,
-    },
-  },
-  mixins: [ParentMixin(RELATION_MAP.Radio)],
+export default {
   components: {
     TRadio,
   },
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      radioOptions: [],
-      tools,
-
-      dataValue: coalesce(this.value, this.defaultValue),
-    };
-  },
-  watch: {
-    value: {
-      handler(v) {
-        this.dataValue = v;
-      },
-      immediate: true,
-      deep: true,
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
-    dataValue: {
-      handler(v) {
-        this.getChildren()?.forEach((item) => {
-          item.dataChecked = v === item.value;
-        });
+    controlledProps: [
+      {
+        key: 'value',
+        event: 'change',
       },
-      immediate: true,
-      deep: true,
-    },
-    options: {
-      handler() {
-        this.initWithOptions();
+    ],
+    externalClasses: [
+      `${prefix}-class`,
+    ],
+    inject: {
+      [RELATION_MAP.FormKey]: {
+        default: null,
       },
-      immediate: true,
-      deep: true,
     },
-    disabled: {
-      handler(v) {
-        if (this.options?.length) {
+    mixins: [ParentMixin(RELATION_MAP.Radio)],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        radioOptions: [],
+        tools,
+
+        dataValue: coalesce(this.value, this.defaultValue),
+      };
+    },
+    watch: {
+      value: {
+        handler(v) {
+          this.dataValue = v;
+        },
+        immediate: true,
+        deep: true,
+      },
+      dataValue: {
+        handler(v) {
+          this.getChildren()?.forEach((item) => {
+            item.dataChecked = v === item.value;
+          });
+        },
+        immediate: true,
+        deep: true,
+      },
+      options: {
+        handler() {
           this.initWithOptions();
-          return;
-        }
+        },
+        immediate: true,
+        deep: true,
+      },
+      disabled: {
+        handler(v) {
+          if (this.options?.length) {
+            this.initWithOptions();
+            return;
+          }
+          this.getChildren()?.forEach((item) => {
+            item.setDisabled(v);
+          });
+        },
+        immediate: true,
+      },
+    },
+    mounted() {
+      setTimeout(() => {
         this.getChildren()?.forEach((item) => {
-          item.setDisabled(v);
+          item.dataChecked = this.dataValue === item.value;
+          item.setDisabled(this.disabled);
         });
-      },
-      immediate: true,
+      }, 33);
     },
-  },
-  mounted() {
-    setTimeout(() => {
-      this.getChildren()?.forEach((item) => {
-        item.dataChecked = this.dataValue === item.value;
-        item.setDisabled(this.disabled);
-      });
-    }, 33);
-  },
-  methods: {
-    innerAfterLinked(target) {
-      const { value, disabled, readonly } = this;
-      target.dataChecked = value === target.value;
+    methods: {
+      innerAfterLinked(target) {
+        const { value, disabled, readonly } = this;
+        target.dataChecked = value === target.value;
 
-      target.setDisabled(disabled);
-      target.setReadonly(readonly);
-    },
-    getChildren() {
-      let items = this.children;
+        target.setDisabled(disabled);
+        target.setReadonly(readonly);
+      },
+      getChildren() {
+        let items = this.children;
 
-      if (!items?.length) {
-        items = this.$refs[`.${prefix}-radio-option`];
-      }
+        if (!items?.length) {
+          items = this.$refs[`.${prefix}-radio-option`];
+        }
 
-      return items;
-    },
+        return items;
+      },
 
-    updateValue(value) {
-      this._trigger('change', { value });
+      updateValue(value) {
+        this._trigger('change', { value });
 
-      this.onChange(value);
-    },
+        this.onChange(value);
+      },
 
-    handleRadioChange(tools, { value, index, allowUncheck, checked }) {
-      this._trigger('change', checked === false && allowUncheck ? { value: null, index } : { value, index });
-    },
+      handleRadioChange(tools, { value, index, allowUncheck, checked }) {
+        this._trigger('change', checked === false && allowUncheck ? { value: null, index } : { value, index });
+      },
 
-    onChange(value) {
-      if (this[RELATION_MAP.FormKey]
+      onChange(value) {
+        if (this[RELATION_MAP.FormKey]
         && this[RELATION_MAP.FormKey].onValueChange) {
-        this[RELATION_MAP.FormKey].onValueChange(value);
-      }
-    },
+          this[RELATION_MAP.FormKey].onValueChange(value);
+        }
+      },
 
-    // 支持自定义options
-    initWithOptions() {
-      const { options, value, keys, disabled, readonly } = this;
-      // 数字数组｜字符串数组｜对像数组
-      if (!options?.length || !Array.isArray(options)) {
-        this.radioOptions = [];
-        return;
-      }
-      const optionsValue = [];
-      try {
-        options.forEach((element) => {
-          const typeName = typeof element;
-          if (typeName === 'number' || typeName === 'string') {
-            optionsValue.push({
-              label: `${element}`,
-              value: element,
-              checked: value === element,
-              disabled,
-              readonly,
-            });
-          } else if (typeName === 'object') {
-            optionsValue.push({
-              ...element,
-              label: element[coalesce(keys?.label, 'label')],
-              value: element[coalesce(keys?.value, 'value')],
-              checked: value === element[coalesce(keys?.value, 'value')],
-              disabled: element.disabled || disabled,
-              readonly: element.readonly || readonly,
-            });
-          }
-        });
-        this.radioOptions = optionsValue;
-      } catch (error) {
+      // 支持自定义options
+      initWithOptions() {
+        const { options, value, keys, disabled, readonly } = this;
+        // 数字数组｜字符串数组｜对像数组
+        if (!options?.length || !Array.isArray(options)) {
+          this.radioOptions = [];
+          return;
+        }
+        const optionsValue = [];
+        try {
+          options.forEach((element) => {
+            const typeName = typeof element;
+            if (typeName === 'number' || typeName === 'string') {
+              optionsValue.push({
+                label: `${element}`,
+                value: element,
+                checked: value === element,
+                disabled,
+                readonly,
+              });
+            } else if (typeName === 'object') {
+              optionsValue.push({
+                ...element,
+                label: element[coalesce(keys?.label, 'label')],
+                value: element[coalesce(keys?.value, 'value')],
+                checked: value === element[coalesce(keys?.value, 'value')],
+                disabled: element.disabled || disabled,
+                readonly: element.readonly || readonly,
+              });
+            }
+          });
+          this.radioOptions = optionsValue;
+        } catch (error) {
 
-      }
+        }
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped>
 </style>

package/dist/radio-group/type.ts

@@ -21,7 +21,7 @@ export interface TdRadioGroupProps<T = RadioValue> {
   /**
    * 是否禁用全部子单选框
    */
-  disabled?: boolean;
+  disabled?: boolean | null;
   /**
    * 自定义选中图标和非选中图标。示例：[选中态图标，非选中态图标]。使用 String 时，值为 circle 表示填充型图标、值为 line 表示描边型图标、值为 dot 表示圆点图标；仅在使用 options 时生效
    * @default 'circle'
@@ -48,7 +48,7 @@ export interface TdRadioGroupProps<T = RadioValue> {
   /**
    * 只读状态
    */
-  readonly?: boolean;
+  readonly?: boolean | null;
   /**
    * -1 时代表独立，不再寻找 parent，用于头条小程序
    * @default ''
@@ -73,7 +73,7 @@ export type RadioOption = string | number | RadioOptionObj;
 export interface RadioOptionObj {
   label?: string;
   value?: string | number;
-  readonly?: boolean;
-  disabled?: boolean;
+  readonly?: boolean | null;
+  disabled?: boolean | null;
   allowUncheck?: boolean;
 }

package/dist/rate/computed.js

@@ -1,7 +1,7 @@
 export default {
-  getText(texts, val, defaultTexts) {
+  getText(texts, val, globalConfig) {
     if (!texts.length) {
-      texts = defaultTexts;
+      texts = globalConfig.texts || [];
     }
     const curVal = Math.floor(val - 1);
     return texts[curVal] || '未评分';

package/dist/rate/props.ts

@@ -20,8 +20,8 @@ export default {
   },
   /** 是否禁用评分 */
   disabled: {
-    type: Boolean,
-    default: undefined,
+    type: [Boolean, null],
+    default: null as TdRateProps['disabled'],
   },
   /** 评分图标的间距 */
   gap: {
@@ -34,8 +34,8 @@ export default {
   },
   /** 定义图标前缀 */
   iconPrefix: {
-    type: String,
-    default: undefined,
+    type: [String, null],
+    default: null as TdRateProps['iconPrefix'],
   },
   /** 选择评分弹框的位置，值为空字符表示不显示评分弹框 */
   placement: {