@tdesign/uniapp 0.7.2 → 0.8.0

package/dist/steps/steps.vue

@@ -1,7 +1,7 @@
 <template>
   <view
-    :style="tools._style([customStyle])"
-    :class="tools.cls(classPrefix, [layout, ['readonly', readonly], sequence]) + ' ' + tClass"
+    :style="'' + tools._style([customStyle])"
+    :class="'' + tools.cls(classPrefix, [layout, ['readonly', readonly], sequence]) + ' ' + tClass"
   >
     <slot />
   </view>
@@ -17,98 +17,100 @@ import { ParentMixin, RELATION_MAP } from '../common/relation';
 const name = `${prefix}-steps`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  controlledProps: [
-    {
-      key: 'current',
-      event: 'change',
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
-  ],
-  externalClasses: [
-    `${prefix}-class`,
-  ],
-  mixins: [ParentMixin(RELATION_MAP.StepItem)],
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      tools,
-
-      dataCurrent: this.current,
-    };
-  },
-  watch: {
-    current: {
-      handler(v) {
-        this.dataCurrent = v;
+    controlledProps: [
+      {
+        key: 'current',
+        event: 'change',
       },
-      immediate: true,
+    ],
+    externalClasses: [
+      `${prefix}-class`,
+    ],
+    mixins: [ParentMixin(RELATION_MAP.StepItem)],
+    props: {
+      ...props,
     },
-    dataCurrent: {
-      handler() {
-        this.updateChildren();
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        tools,
+
+        dataCurrent: this.current,
+      };
+    },
+    watch: {
+      current: {
+        handler(v) {
+          this.dataCurrent = v;
+        },
+        immediate: true,
+      },
+      dataCurrent: {
+        handler() {
+          this.updateChildren();
+        },
+        immediate: true,
       },
-      immediate: true,
+      theme: 'updateChildren',
+      sequence: 'updateChildren',
     },
-    theme: 'updateChildren',
-    sequence: 'updateChildren',
-  },
-  mounted() {
+    mounted() {
 
-  },
-  methods: {
-    innerAfterLinked(child) {
-      this.updateChildren();
+    },
+    methods: {
+      innerAfterLinked(child) {
+        this.updateChildren();
 
-      const { readonly } = this;
+        const { readonly } = this;
 
-      child.readonly = readonly;
-    },
-    innerAfterUnlinked() {
-      this.updateLastChid();
-    },
-    updateChildren() {
-      const items = this.children;
-      const {
-        dataCurrent, currentStatus, theme, layout, sequence,
-      } = this;
+        child.readonly = readonly;
+      },
+      innerAfterUnlinked() {
+        this.updateLastChid();
+      },
+      updateChildren() {
+        const items = this.children;
+        const {
+          dataCurrent, currentStatus, theme, layout, sequence,
+        } = this;
 
-      items?.forEach((item, index) => {
-        item.updateStatus({
-          index,
-          items,
+        items?.forEach((item, index) => {
+          item.updateStatus({
+            index,
+            items,
 
-          current: dataCurrent,
-          currentStatus,
-          theme,
-          layout,
-          sequence,
+            current: dataCurrent,
+            currentStatus,
+            theme,
+            layout,
+            sequence,
+          });
         });
-      });
-    },
-    updateLastChid() {
-      const items = this.children;
+      },
+      updateLastChid() {
+        const items = this.children;
 
-      items.forEach((child, index) => child.isLastChild = index === items.length - 1);
-    },
-    handleClick(index) {
-      if (!this.readonly) {
-        const preIndex = this.dataCurrent;
-        this._trigger('change', {
-          previous: preIndex,
-          current: index,
-        });
-      }
+        items.forEach((child, index) => child.isLastChild = index === items.length - 1);
+      },
+      handleClick(index) {
+        if (!this.readonly) {
+          const preIndex = this.dataCurrent;
+          this._trigger('change', {
+            previous: preIndex,
+            current: index,
+          });
+        }
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./steps.css"></style>
 <style scoped>

package/dist/steps/type.ts

@@ -26,7 +26,7 @@ export interface TdStepsProps {
   /**
    * 只读状态
    */
-  readonly?: boolean;
+  readonly?: boolean | null;
   /**
    * 步骤条顺序
    * @default positive

package/dist/sticky/sticky.vue

@@ -1,11 +1,11 @@
 <template>
   <view
     :class="classPrefix + ' ' + tClass"
-    :style="tools._style(['z-index:' + zIndex, containerStyle, customStyle])"
+    :style="'' + tools._style(['z-index:' + zIndex, containerStyle, customStyle])"
   >
     <view
       :class="classPrefix + '__content ' + tClassContent"
-      :style="tools._style(['z-index:' + zIndex, contentStyle])"
+      :style="'' + tools._style(['z-index:' + zIndex, contentStyle])"
     >
       <slot />
     </view>
@@ -24,119 +24,121 @@ const name = `${prefix}-sticky`;
 const ContainerClass = `.${name}`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-content`,
-  ],
-  mixins: [pageScrollMixin()],
-  props: {
-    ...props,
-  },
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      containerStyle: '',
-      contentStyle: '',
-      tools,
-    };
-  },
-  watch: {
-    offsetTop: 'onScroll',
-    disabled: 'onScroll',
-    container: 'onScroll',
-  },
-  mounted() {
-    this.onScroll();
-  },
-  methods: {
-    onScroll(event) {
-      const { scrollTop } = event || {};
-      const { container, offsetTop, disabled } = this;
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-content`,
+    ],
+    mixins: [pageScrollMixin()],
+    props: {
+      ...props,
+    },
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        containerStyle: '',
+        contentStyle: '',
+        tools,
+      };
+    },
+    watch: {
+      offsetTop: 'onScroll',
+      disabled: 'onScroll',
+      container: 'onScroll',
+    },
+    mounted() {
+      this.onScroll();
+    },
+    methods: {
+      onScroll(event) {
+        const { scrollTop } = event || {};
+        const { container, offsetTop, disabled } = this;
 
-      if (disabled) {
-        this.setDataAfterDiff({
-          isFixed: false,
-          transform: 0,
-        });
-        return;
-      }
+        if (disabled) {
+          this.setDataAfterDiff({
+            isFixed: false,
+            transform: 0,
+          });
+          return;
+        }
+
+        this.scrollTop = scrollTop || this.scrollTop;
 
-      this.scrollTop = scrollTop || this.scrollTop;
+        if (typeof container === 'function') {
+          Promise.all([getRect(this, ContainerClass), this.getContainerRect()]).then(([root, container]) => {
+            if (!root || !container) return;
+            if (offsetTop + root.height > container.height + container.top) {
+              this.setDataAfterDiff({
+                isFixed: false,
+                transform: container.height - root.height,
+              });
+            } else if (offsetTop >= root.top) {
+              this.setDataAfterDiff({
+                isFixed: true,
+                height: root.height,
+                transform: 0,
+              });
+            } else {
+              this.setDataAfterDiff({ isFixed: false, transform: 0 });
+            }
+          });
 
-      if (typeof container === 'function') {
-        Promise.all([getRect(this, ContainerClass), this.getContainerRect()]).then(([root, container]) => {
-          if (!root || !container) return;
-          if (offsetTop + root.height > container.height + container.top) {
-            this.setDataAfterDiff({
-              isFixed: false,
-              transform: container.height - root.height,
-            });
-          } else if (offsetTop >= root.top) {
-            this.setDataAfterDiff({
-              isFixed: true,
-              height: root.height,
-              transform: 0,
-            });
+          return;
+        }
+
+        getRect(this, ContainerClass).then((root) => {
+          if (!root) return;
+          if (offsetTop >= root.top) {
+            this.setDataAfterDiff({ isFixed: true, height: root.height });
+            this.transform = 0;
           } else {
-            this.setDataAfterDiff({ isFixed: false, transform: 0 });
+            this.setDataAfterDiff({ isFixed: false });
           }
         });
+      },
 
-        return;
-      }
+      setDataAfterDiff(data) {
+        const { offsetTop } = this;
+        const { containerStyle: prevContainerStyle, contentStyle: prevContentStyle } = this;
+        const { isFixed, height, transform } = data;
+        nextTick().then(() => {
+          let containerStyle = '';
+          let contentStyle = '';
 
-      getRect(this, ContainerClass).then((root) => {
-        if (!root) return;
-        if (offsetTop >= root.top) {
-          this.setDataAfterDiff({ isFixed: true, height: root.height });
-          this.transform = 0;
-        } else {
-          this.setDataAfterDiff({ isFixed: false });
-        }
-      });
-    },
-
-    setDataAfterDiff(data) {
-      const { offsetTop } = this;
-      const { containerStyle: prevContainerStyle, contentStyle: prevContentStyle } = this;
-      const { isFixed, height, transform } = data;
-      nextTick().then(() => {
-        let containerStyle = '';
-        let contentStyle = '';
-
-        if (isFixed) {
-          containerStyle += `height:${height}px;`;
-          contentStyle += `position:fixed;top:${offsetTop}px;left:0;right:0;`;
-        }
-        if (transform) {
-          const translate = `translate3d(0, ${transform}px, 0)`;
-          contentStyle += `-webkit-transform:${translate};transform:${translate};`;
-        }
+          if (isFixed) {
+            containerStyle += `height:${height}px;`;
+            contentStyle += `position:fixed;top:${offsetTop}px;left:0;right:0;`;
+          }
+          if (transform) {
+            const translate = `translate3d(0, ${transform}px, 0)`;
+            contentStyle += `-webkit-transform:${translate};transform:${translate};`;
+          }
 
-        if (prevContainerStyle !== containerStyle || prevContentStyle !== contentStyle) {
-          this.containerStyle = containerStyle;
-          this.contentStyle = contentStyle;
-        }
+          if (prevContainerStyle !== containerStyle || prevContentStyle !== contentStyle) {
+            this.containerStyle = containerStyle;
+            this.contentStyle = contentStyle;
+          }
 
-        this.$emit('scroll', {
-          scrollTop: this.scrollTop,
-          isFixed,
+          this.$emit('scroll', {
+            scrollTop: this.scrollTop,
+            isFixed,
+          });
         });
-      });
-    },
+      },
 
-    getContainerRect() {
-      const nodesRef = this.container();
-      return new Promise(resolve => nodesRef.boundingClientRect(resolve).exec());
+      getContainerRect() {
+        const nodesRef = this.container();
+        return new Promise(resolve => nodesRef.boundingClientRect(resolve).exec());
+      },
     },
-  },
-});
+  }),
+};
 
 </script>
 <style scoped src="./sticky.css"></style>

package/dist/swipe-cell/swipe-cell.vue

@@ -1,16 +1,16 @@
 <template>
   <view
     :class="tClass + ' ' + classPrefix"
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     data-key="cell"
     :opened="state.opened"
     :left-width="state.leftWidth"
     :right-width="state.rightWidth"
     @click="onTap"
-    @touchstart="parseEventDynamicCode($event, disabled || 'startDrag')"
-    @touchmove="parseEventDynamicCode($event, skipMove ? '' : disabled || 'onDrag')"
-    @touchend="parseEventDynamicCode($event, skipMove ? '' : disabled || 'endDrag')"
-    @touchcancel="parseEventDynamicCode($event, disabled || 'endDrag')"
+    @touchstart="(e) => parseEventDynamicCode(e, disabled || 'startDrag')"
+    @touchmove="(e) => parseEventDynamicCode(e, skipMove ? '' : disabled || 'onDrag')"
+    @touchend="(e) => parseEventDynamicCode(e, skipMove ? '' : disabled || 'endDrag')"
+    @touchcancel="(e) => parseEventDynamicCode(e, disabled || 'endDrag')"
   >
     <view
       id="wrapper"
@@ -140,103 +140,105 @@ const makeMethods = () => [
 }, {});
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-  ],
+export default {
   components: {
     TIcon,
   },
-  props: {
-    ...props,
-  },
-  emits: ['click', 'dragend', 'dragstart'],
-  data() {
-    return {
-      prefix,
-      wrapperStyle: '',
-      closed: true,
-      classPrefix: name,
-      skipMove: false,
-      tools,
-
-      state: {
-        leftWidth: 0,
-        rightWidth: 0,
-        offset: 0,
-        startOffset: 0,
-        opened: this.opened,
-      },
-    };
-  },
-  watch: {
-    left: 'setSwipeWidth',
-    right: 'setSwipeWidth',
-    'state.leftWidth': 'initLeftWidth',
-    'state.rightWidth': 'initRightWidth',
-    'state.opened': 'onOpenedChange',
-    opened: {
-      handler(v) {
-        this.state.opened = v;
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    externalClasses: [
+      `${prefix}-class`,
+    ],
+    props: {
+      ...props,
+    },
+    emits: ['click', 'dragend', 'dragstart'],
+    data() {
+      return {
+        prefix,
+        wrapperStyle: '',
+        closed: true,
+        classPrefix: name,
+        skipMove: false,
+        tools,
+
+        state: {
+          leftWidth: 0,
+          rightWidth: 0,
+          offset: 0,
+          startOffset: 0,
+          opened: this.opened,
+        },
+      };
+    },
+    watch: {
+      left: 'setSwipeWidth',
+      right: 'setSwipeWidth',
+      'state.leftWidth': 'initLeftWidth',
+      'state.rightWidth': 'initRightWidth',
+      'state.opened': 'onOpenedChange',
+      opened: {
+        handler(v) {
+          this.state.opened = v;
+        },
+        immediate: true,
       },
-      immediate: true,
     },
-  },
-  mounted() {
-    ARRAY.push(this);
-    this.setSwipeWidth();
-  },
-  beforeUnmount() {
-    ARRAY = ARRAY.filter(e => e !== this);
-  },
-  methods: {
-    ...makeMethods(),
-    parseEventDynamicCode,
-    setSwipeWidth() {
-      Promise.all([getRect(this, `${ContainerClass}__left`), getRect(this, `${ContainerClass}__right`)]).then(([leftRect, rightRect]) => {
-        if (leftRect.width === 0 && rightRect.width === 0 && !this._hasObserved) {
-          this._hasObserved = true;
-          getObserver(this, `.${name}`).then(() => {
-            this.setSwipeWidth();
-          });
-        }
-        this.state.leftWidth = leftRect.width;
-        this.state.rightWidth = rightRect.width;
-      });
+    mounted() {
+      ARRAY.push(this);
+      this.setSwipeWidth();
     },
-
-    onSkipMove() {
-      this.skipMove = true;
+    beforeUnmount() {
+      ARRAY = ARRAY.filter(e => e !== this);
     },
+    methods: {
+      ...makeMethods(),
+      parseEventDynamicCode,
+      setSwipeWidth() {
+        Promise.all([getRect(this, `${ContainerClass}__left`), getRect(this, `${ContainerClass}__right`)]).then(([leftRect, rightRect]) => {
+          if (leftRect.width === 0 && rightRect.width === 0 && !this._hasObserved) {
+            this._hasObserved = true;
+            getObserver(this, `.${name}`).then(() => {
+              this.setSwipeWidth();
+            });
+          }
+          this.state.leftWidth = leftRect.width;
+          this.state.rightWidth = rightRect.width;
+        });
+      },
 
-    catchMove() {
-      this.skipMove = false;
-    },
+      onSkipMove() {
+        this.skipMove = true;
+      },
 
-    open() {
-      this.state.opened = true;
-    },
+      catchMove() {
+        this.skipMove = false;
+      },
 
-    close() {
-      this.state.opened = false;
-    },
+      open() {
+        this.state.opened = true;
+      },
 
-    closeOther() {
-      ARRAY.filter(item => item !== this).forEach(item => item.close());
-    },
+      close() {
+        this.state.opened = false;
+      },
 
-    onTap() {
-      this.close();
-    },
+      closeOther() {
+        ARRAY.filter(item => item !== this).forEach(item => item.close());
+      },
+
+      onTap() {
+        this.close();
+      },
 
-    onActionTap(action, source) {
-      this.$emit('click', action, source);
+      onActionTap(action, source) {
+        this.$emit('click', action, source);
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./swipe-cell.css"></style>

package/dist/swiper/README.md

@@ -1,7 +1,7 @@
 ---
 title: Swiper 轮播图
 description: 用于循环轮播一组图片或内容，也可以滑动进行切换，轮播动效时间可以设置。
-spline: message
+spline: data
 isComponent: true
 ---