@tdesign/uniapp 0.7.2 → 0.8.0

package/dist/skeleton/skeleton.vue

@@ -2,7 +2,7 @@
   <view>
     <view
       v-if="isShow"
-      :style="tools._style([customStyle])"
+      :style="'' + tools._style([customStyle])"
       :class="[classPrefix + ' ', tClass]"
     >
       <view
@@ -21,7 +21,7 @@
             v-for="(col, index1) in row"
             :key="index1"
             :class="[col.class + ' ', tClassCol]"
-            :style="tools._style(col.style)"
+            :style="'' + tools._style(col.style)"
           />
         </view>
       </view>
@@ -68,142 +68,144 @@ const ThemeMap = {
   }],
 };
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-col`,
-    `${prefix}-class-row`,
-  ],
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      parsedRowCols: [],
-      isShow: false,
-      tools,
-      timer: null,
-    };
-  },
-  watch: {
-    rowCol: {
-      handler() {
-        this.init();
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-col`,
+      `${prefix}-class-row`,
+    ],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        parsedRowCols: [],
+        isShow: false,
+        tools,
+        timer: null,
+      };
+    },
+    watch: {
+      rowCol: {
+        handler() {
+          this.init();
+        },
+        immediate: true,
       },
-      immediate: true,
+      loading: 'isShowSkeleton',
+      delay: 'isShowSkeleton',
+    },
+    mounted() {
+      this.init();
+      this.isShowSkeleton();
     },
-    loading: 'isShowSkeleton',
-    delay: 'isShowSkeleton',
-  },
-  mounted() {
-    this.init();
-    this.isShowSkeleton();
-  },
-  beforeUnmount() {
-    this.clearTimer();
-  },
-  methods: {
-    init() {
-      const { theme, rowCol } = this;
-      const rowCols = [];
-
-      if (rowCol &&  rowCol.length) {
-        rowCols.push(...rowCol);
-      } else {
-        rowCols.push(...ThemeMap[theme || 'text']);
-      }
-
-      const parsedRowCols = rowCols.map((item) => {
-        if (isInteger(item) && item >= 0) {
-          return new Array(item).fill({
-            class: this.getColItemClass({ type: 'text' }),
-            style: {},
-          });
+    beforeUnmount() {
+      this.clearTimer();
+    },
+    methods: {
+      init() {
+        const { theme, rowCol } = this;
+        const rowCols = [];
+
+        if (rowCol &&  rowCol.length) {
+          rowCols.push(...rowCol);
+        } else {
+          rowCols.push(...ThemeMap[theme || 'text']);
         }
 
-        if (Array.isArray(item)) {
-          return item.map(col => ({
-            ...col,
-            class: this.getColItemClass(col),
-            style: this.getColItemStyle(col),
-          }));
-        }
+        const parsedRowCols = rowCols.map((item) => {
+          if (isInteger(item) && item >= 0) {
+            return new Array(item).fill({
+              class: this.getColItemClass({ type: 'text' }),
+              style: {},
+            });
+          }
 
-        const nItem = item;
-        return [
-          {
-            ...nItem,
-            class: this.getColItemClass(nItem),
-            style: this.getColItemStyle(nItem),
-          },
-        ];
-      });
+          if (Array.isArray(item)) {
+            return item.map(col => ({
+              ...col,
+              class: this.getColItemClass(col),
+              style: this.getColItemStyle(col),
+            }));
+          }
 
-      this.parsedRowCols = parsedRowCols;
-    },
+          const nItem = item;
+          return [
+            {
+              ...nItem,
+              class: this.getColItemClass(nItem),
+              style: this.getColItemStyle(nItem),
+            },
+          ];
+        });
+
+        this.parsedRowCols = parsedRowCols;
+      },
 
-    getColItemClass(obj) {
-      return classNames([
-        `${name}__col`,
-        `${name}--type-${obj.type || 'text'}`,
-        `${name}--animation-${this.animation}`,
-      ]);
-    },
+      getColItemClass(obj) {
+        return classNames([
+          `${name}__col`,
+          `${name}--type-${obj.type || 'text'}`,
+          `${name}--animation-${this.animation}`,
+        ]);
+      },
 
-    getColItemStyle(obj) {
-      const styleName = [
-        'width',
-        'height',
-        'marginRight',
-        'marginLeft',
-        'margin',
-        'size',
-        'background',
-        'backgroundColor',
-        'borderRadius',
-      ];
-      const style = {};
-      styleName.forEach((name) => {
-        if (name in obj) {
-          const px = isNumeric(obj[name]) ? `${obj[name]}px` : obj[name];
-          if (name === 'size') {
-            [style.width, style.height] = [px, px];
-          } else {
-            style[name] = px;
+      getColItemStyle(obj) {
+        const styleName = [
+          'width',
+          'height',
+          'marginRight',
+          'marginLeft',
+          'margin',
+          'size',
+          'background',
+          'backgroundColor',
+          'borderRadius',
+        ];
+        const style = {};
+        styleName.forEach((name) => {
+          if (name in obj) {
+            const px = isNumeric(obj[name]) ? `${obj[name]}px` : obj[name];
+            if (name === 'size') {
+              [style.width, style.height] = [px, px];
+            } else {
+              style[name] = px;
+            }
           }
-        }
-      });
-      return style;
-    },
+        });
+        return style;
+      },
 
-    clearTimer() {
-      if (this.timer) {
-        clearTimeout(this.timer);
-        this.timer = null;
-      }
-    },
+      clearTimer() {
+        if (this.timer) {
+          clearTimeout(this.timer);
+          this.timer = null;
+        }
+      },
 
-    isShowSkeleton() {
-      this.clearTimer();
+      isShowSkeleton() {
+        this.clearTimer();
 
-      const { loading, delay } = this;
+        const { loading, delay } = this;
 
-      if (!loading || delay === 0) {
-        this.isShow = loading;
-        return;
-      }
+        if (!loading || delay === 0) {
+          this.isShow = loading;
+          return;
+        }
 
-      this.timer = setTimeout(() => {
-        this.isShow = this.loading;
-      }, delay);
+        this.timer = setTimeout(() => {
+          this.isShow = this.loading;
+        }, delay);
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./skeleton.css"></style>

package/dist/slider/README.md

@@ -1,7 +1,7 @@
 ---
 title: Slider 滑动选择器
 description: 用于选择横轴上的数值、区间、档位。
-spline: data
+spline: form
 isComponent: true
 ---
 

package/dist/slider/props.ts

@@ -8,8 +8,8 @@ import type { TdSliderProps } from './type';
 export default {
   /** 是否禁用组件 */
   disabled: {
-    type: Boolean,
-    default: undefined,
+    type: [Boolean, null],
+    default: null as TdSliderProps['disabled'],
   },
   /** 滑块当前值文本。<br />值为 true 显示默认文案；值为 false 不显示滑块当前值文本；<br />值为 `${value}%` 则表示组件会根据占位符渲染文案；<br />值类型为函数时，参数 `value` 标识滑块值，参数 `position=start` 表示范围滑块的起始值，参数 `position=end` 表示范围滑块的终点值 */
   label: {