@tdesign/uniapp 0.7.2 → 0.8.0

package/dist/popup/popup.vue

@@ -2,8 +2,8 @@
   <view>
     <view
       v-if="realVisible"
-      :style="tools._style([popup.getPopupStyles({ zIndex, distanceTop, placement, duration }), customStyle])"
-      :class="tools.cls(classPrefix, [placement]) + ' ' + transitionClass + ' ' + tClass"
+      :style="'' + tools._style([popup.getPopupStyles({ zIndex: zIndex, distanceTop: distanceTop, placement: placement, duration: duration }), customStyle])"
+      :class="'' + tools.cls(classPrefix, [placement]) + ' ' + transitionClass + ' ' + tClass"
       @transitionend="onTransitionEnd"
     >
       <view
@@ -62,7 +62,7 @@
       :background-color="(overlayProps && overlayProps.backgroundColor) || ''"
       :prevent-scroll-through="preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false)"
       :custom-style="(overlayProps && overlayProps.style) || ''"
-      @click="handleOverlayClick($event, { tagId: 'popup-overlay' })"
+      @click="(e) => handleOverlayClick(e, { tagId: 'popup-overlay' })"
     />
   </view>
 </template>
@@ -82,58 +82,59 @@ delete props.visible;
 const name = `${prefix}-popup`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-content`,
-  ],
-  mixins: [transitionMixins, useCustomNavbar],
+export default {
   components: {
     TOverlay,
     TIcon,
   },
-  props: {
-    ...props,
-  },
-  emits: [
-    'visible-change',
-    'leaved',
-    'update:visible',
-  ],
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      popup,
-      tools,
-    };
-  },
-  computed: {
-    innerPreventScrollThrough() {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-content`,
+    ],
+    mixins: [transitionMixins, useCustomNavbar],
+    props: {
+      ...props,
+    },
+    emits: [
+      'visible-change',
+      'leaved',
+      'update:visible',
+    ],
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        popup,
+        tools,
+      };
+    },
+    computed: { innerPreventScrollThrough() {
       const { preventScrollThrough, overlayProps } = this;
       return preventScrollThrough || (overlayProps ? !!overlayProps.preventScrollThrough : false);
     },
-  },
-  methods: {
-    noop() {},
-    handleOverlayClick() {
-      const { closeOnOverlayClick } = this;
-      if (closeOnOverlayClick) {
-        this.$emit('visible-change', { visible: false, trigger: 'overlay' });
-        this.$emit('update:visible', false);
-      }
     },
+    methods: {
+      noop() {},
+      handleOverlayClick() {
+        const { closeOnOverlayClick } = this;
+        if (closeOnOverlayClick) {
+          this.$emit('visible-change', { visible: false, trigger: 'overlay' });
+          this.$emit('update:visible', false);
+        }
+      },
 
-    handleClose() {
-      this.$emit('visible-change', { visible: false, trigger: 'close-btn' });
-      this.$emit('update:visible', false);
+      handleClose() {
+        this.$emit('visible-change', { visible: false, trigger: 'close-btn' });
+        this.$emit('update:visible', false);
+      },
     },
-  },
-});
+  }),
+};
 
 </script>
 <style scoped src="./popup.css"></style>

package/dist/progress/README.md

@@ -1,7 +1,7 @@
 ---
 title: Progress 进度条
 description: 用于展示任务当前的进度。
-spline: message
+spline: data
 isComponent: true
 ---
 

package/dist/progress/progress.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     :class="classPrefix"
   >
     <view
@@ -110,17 +110,15 @@
         :aria-valuenow="computedProgress"
         :aria-label="ariaLabel || (isIOS ? getIOSAriaLabel(status) : getAndroidAriaLabel(status))"
         aria-live="polite"
-        :class="tools.cls(classPrefix + '__canvas--circle', [[size, true]])"
-        :style="
-          getCircleStyle(size, heightBar) +
-            '; background-image: conic-gradient(from var(--td-progress-circle-from), ' +
-            (colorCircle || STATUS_COLOR[status] || 'var(--td-progress-inner-bg-color)') +
-            ' ' +
-            computedProgress +
-            '%, ' +
-            (bgColorBar || 'var(--td-progress-track-bg-color)') +
-            ' 0%);'
-        "
+        :class="'' + tools.cls(classPrefix + '__canvas--circle', [[size, true]])"
+        :style="getCircleStyle(size, heightBar) +
+          '; background-image: conic-gradient(from var(--td-progress-circle-from), ' +
+          (colorCircle || STATUS_COLOR[status] || 'var(--td-progress-inner-bg-color)') +
+          ' ' +
+          computedProgress +
+          '%, ' +
+          (bgColorBar || 'var(--td-progress-track-bg-color)') +
+          ' 0%);'"
       >
         <view :class="classPrefix + '__canvas--inner ' + tClassBar">
           <view
@@ -174,84 +172,86 @@ import {
 
 const name = `${prefix}-progress`;
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-bar`,
-    `${prefix}-class-label`,
-  ],
+export default {
   components: {
     TIcon,
   },
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      colorBar: '',
-      heightBar: '',
-      computedStatus: '',
-      computedProgress: 0,
-      isIOS: isIOSValidator(),
-      STATUS,
-      STATUS_TEXT,
-      PRO_THEME,
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-bar`,
+      `${prefix}-class-label`,
+    ],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        colorBar: '',
+        heightBar: '',
+        computedStatus: '',
+        computedProgress: 0,
+        isIOS: isIOSValidator(),
+        STATUS,
+        STATUS_TEXT,
+        PRO_THEME,
 
-      STATUS_COLOR,
-      LINE_STATUS_ICON,
-      CIRCLE_STATUS_ICON,
+        STATUS_COLOR,
+        LINE_STATUS_ICON,
+        CIRCLE_STATUS_ICON,
 
-      getCircleStyle,
-      getIOSAriaLabel,
-      getAndroidAriaLabel,
-      tools,
-    };
-  },
-  watch: {
-    percentage: {
-      handler(percentage) {
-        percentage = Math.max(0, Math.min(percentage, 100));
+        getCircleStyle,
+        getIOSAriaLabel,
+        getAndroidAriaLabel,
+        tools,
+      };
+    },
+    watch: {
+      percentage: {
+        handler(percentage) {
+          percentage = Math.max(0, Math.min(percentage, 100));
 
-        this.computedStatus = percentage === 100 ? 'success' : '';
-        this.computedProgress = percentage;
+          this.computedStatus = percentage === 100 ? 'success' : '';
+          this.computedProgress = percentage;
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    color: {
-      handler(color) {
-        this.colorBar = getBackgroundColor(color);
-        this.colorCircle = typeof color === 'object' ? '' : color; // 环形不支持渐变，单独处理
+      color: {
+        handler(color) {
+          this.colorBar = getBackgroundColor(color);
+          this.colorCircle = typeof color === 'object' ? '' : color; // 环形不支持渐变，单独处理
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    strokeWidth: {
-      handler(strokeWidth) {
-        if (!strokeWidth) {
-          return '';
-        }
-        this.heightBar = unitConvert(strokeWidth);
+      strokeWidth: {
+        handler(strokeWidth) {
+          if (!strokeWidth) {
+            return '';
+          }
+          this.heightBar = unitConvert(strokeWidth);
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    trackColor: {
-      handler(trackColor) {
-        this.bgColorBar = trackColor;
+      trackColor: {
+        handler(trackColor) {
+          this.bgColorBar = trackColor;
+        },
+        immediate: true,
       },
-      immediate: true,
     },
-  },
-  methods: {
+    methods: {
 
-  },
-});
+    },
+  }),
+};
 </script>
 <style scoped src="./progress.css"></style>

package/dist/pull-down-refresh/props.ts

@@ -69,8 +69,8 @@ export default {
   usingCustomNavbar: Boolean,
   /** 组件状态，值为 `true` 表示下拉状态，值为 `false` 表示收起状态 */
   value: {
-    type: Boolean,
-    default: undefined,
+    type: [Boolean, null],
+    default: null as TdPullDownRefreshProps['value'],
   },
   /** 组件状态，值为 `true` 表示下拉状态，值为 `false` 表示收起状态，非受控属性 */
   defaultValue: Boolean,