@tdesign/uniapp 0.7.3 → 0.8.1

package/dist/notice-bar/notice-bar.vue

@@ -1,7 +1,7 @@
 <template>
   <view
     v-if="visible"
-    :style="tools._style([customStyle])"
+    :style="'' + tools._style([customStyle])"
     :class="[
       classPrefix + ' ' + classPrefix + '--' + theme,
       tClass
@@ -118,207 +118,211 @@ const THEME_ICON = {
   error: 'error-circle-filled',
 };
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  externalClasses: [
-    `${prefix}-class`,
-    `${prefix}-class-content`,
-    `${prefix}-class-prefix-icon`,
-    `${prefix}-class-operation`,
-    `${prefix}-class-suffix-icon`,
-  ],
+export default {
   components: {
     TIcon,
   },
-  props: {
-    ...props,
-  },
-  emits: [
-    'click',
-    'change',
-  ],
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      loop: -1,
-      __ready: false,
-      animationData: null,
-      tools,
-    };
-  },
-  watch: {
-    marquee: {
-      handler(val) {
-        if (JSON.stringify(val) === '{}' || JSON.stringify(val) === 'true') {
-          this.dataMarquee = {
-            speed: 50,
-            loop: -1,
-            delay: 0,
-          };
-        }
-      },
-      immediate: true,
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
     },
+    externalClasses: [
+      `${prefix}-class`,
+      `${prefix}-class-content`,
+      `${prefix}-class-prefix-icon`,
+      `${prefix}-class-operation`,
+      `${prefix}-class-suffix-icon`,
+    ],
+    props: {
+      ...props,
+    },
+    emits: [
+      'click',
+      'change',
+    ],
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        loop: -1,
+        __ready: false,
+        animationData: null,
+        tools,
+        iSuffixIcon: null,
+        iPrefixIcon: null,
+      };
+    },
+    watch: {
+      marquee: {
+        handler(val) {
+          if (JSON.stringify(val) === '{}' || JSON.stringify(val) === 'true') {
+            this.dataMarquee = {
+              speed: 50,
+              loop: -1,
+              delay: 0,
+            };
+          }
+        },
+        immediate: true,
+      },
 
-    visible: {
-      handler(visible) {
-        if (!this.__ready) return;
-        if (visible) {
-          this.show();
-        } else {
-          this.clearNoticeBarAnimation();
-        }
+      visible: {
+        handler(visible) {
+          if (!this.__ready) return;
+          if (visible) {
+            this.show();
+          } else {
+            this.clearNoticeBarAnimation();
+          }
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    prefixIcon: {
-      handler(prefixIcon) {
-        this.setPrefixIcon(prefixIcon);
+      prefixIcon: {
+        handler(prefixIcon) {
+          this.setPrefixIcon(prefixIcon);
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    suffixIcon: {
-      handler(v) {
-        this.iSuffixIcon = calcIcon(v);
+      suffixIcon: {
+        handler(v) {
+          this.iSuffixIcon = calcIcon(v);
+        },
+        immediate: true,
       },
-      immediate: true,
-    },
 
-    content: {
-      handler() {
-        if (!this.__ready) return;
-        this.clearNoticeBarAnimation();
-        this.initAnimation();
+      content: {
+        handler() {
+          if (!this.__ready) return;
+          this.clearNoticeBarAnimation();
+          this.initAnimation();
+        },
+        immediate: true,
       },
-      immediate: true,
     },
-  },
-  created() {
-    this.resetAnimation = uni.createAnimation({
-      duration: 0,
-      timingFunction: 'linear',
-    });
-  },
-  mounted() {
-    this.show();
-    this.__ready = true;
-  },
-  beforeUnmount() {
-    this.clearNoticeBarAnimation();
-  },
-  methods: {
-    initAnimation() {
+    created() {
+      this.resetAnimation = uni.createAnimation({
+        duration: 0,
+        timingFunction: 'linear',
+      });
+    },
+    mounted() {
+      this.show();
+      this.__ready = true;
+    },
+    beforeUnmount() {
+      this.clearNoticeBarAnimation();
+    },
+    methods: {
+      initAnimation() {
       // 获取外部容器和滚动内容的宽度
-      const warpID = `.${name}__content-wrap`;
-      const nodeID = `.${name}__content`;
-      getAnimationFrame(this, () => {
-        Promise.all([getRect(this, nodeID), getRect(this, warpID)])
-          .then(([nodeRect, wrapRect]) => {
-            const { marquee } = this;
+        const warpID = `.${name}__content-wrap`;
+        const nodeID = `.${name}__content`;
+        getAnimationFrame(this, () => {
+          Promise.all([getRect(this, nodeID), getRect(this, warpID)])
+            .then(([nodeRect, wrapRect]) => {
+              const { marquee } = this;
 
-            if (nodeRect == null || wrapRect == null || !nodeRect.width || !wrapRect.width || marquee === false) {
-              return;
-            }
+              if (nodeRect == null || wrapRect == null || !nodeRect.width || !wrapRect.width || marquee === false) {
+                return;
+              }
 
-            if (marquee || wrapRect.width < nodeRect.width) {
-              const speeding = marquee.speed || 50;
-              const delaying = marquee.delay || 0;
-              const animationDuration = ((wrapRect.width + nodeRect.width) / speeding) * 1000;
-              const firstAnimationDuration = (nodeRect.width / speeding) * 1000;
+              if (marquee || wrapRect.width < nodeRect.width) {
+                const speeding = marquee.speed || 50;
+                const delaying = marquee.delay || 0;
+                const animationDuration = ((wrapRect.width + nodeRect.width) / speeding) * 1000;
+                const firstAnimationDuration = (nodeRect.width / speeding) * 1000;
 
-              this.wrapWidth = Number(wrapRect.width);
-              this.nodeWidth = Number(nodeRect.width);
-              this.animationDuration = animationDuration;
-              this.delay = delaying;
-              this.loop = marquee.loop - 1;
-              this.firstAnimationDuration = firstAnimationDuration;
-              marquee.loop !== 0 && this.startScrollAnimation(true);
-            }
-          })
-          .catch(() => {});
-      });
-    },
+                this.wrapWidth = Number(wrapRect.width);
+                this.nodeWidth = Number(nodeRect.width);
+                this.animationDuration = animationDuration;
+                this.delay = delaying;
+                this.loop = marquee.loop - 1;
+                this.firstAnimationDuration = firstAnimationDuration;
+                marquee.loop !== 0 && this.startScrollAnimation(true);
+              }
+            })
+            .catch(() => {});
+        });
+      },
 
-    startScrollAnimation(isFirstScroll = false) {
-      this.clearNoticeBarAnimation();
+      startScrollAnimation(isFirstScroll = false) {
+        this.clearNoticeBarAnimation();
 
-      const { wrapWidth, nodeWidth, firstAnimationDuration, animationDuration, delay } = this;
-      const delayTime = isFirstScroll ? delay : 0;
-      const durationTime = isFirstScroll ? firstAnimationDuration : animationDuration;
-      // 滚动内容: 初始位置
-      this.animationData = this.resetAnimation
-        .translateX(isFirstScroll ? 0 : wrapWidth)
-        .step()
-        .export(),
+        const { wrapWidth, nodeWidth, firstAnimationDuration, animationDuration, delay } = this;
+        const delayTime = isFirstScroll ? delay : 0;
+        const durationTime = isFirstScroll ? firstAnimationDuration : animationDuration;
+        // 滚动内容: 初始位置
+        this.animationData = this.resetAnimation
+          .translateX(isFirstScroll ? 0 : wrapWidth)
+          .step()
+          .export(),
 
-      setTimeout(() => {
+        setTimeout(() => {
         // 滚动内容: 最终位置
-        this.animationData = uni
-          .createAnimation({ duration: durationTime, timingFunction: 'linear', delay: delayTime })
-          .translateX(-nodeWidth)
-          .step()
-          .export();
-      }, 20);
+          this.animationData = uni
+            .createAnimation({ duration: durationTime, timingFunction: 'linear', delay: delayTime })
+            .translateX(-nodeWidth)
+            .step()
+            .export();
+        }, 20);
 
-      // 滚动一次完成, 开启下一次的滚动
-      this.nextAnimationContext = setTimeout(() => {
-        if (this.loop > 0) {
-          this.loop -= 1;
-          this.startScrollAnimation();
-        } else if (this.loop === 0) {
+        // 滚动一次完成, 开启下一次的滚动
+        this.nextAnimationContext = setTimeout(() => {
+          if (this.loop > 0) {
+            this.loop -= 1;
+            this.startScrollAnimation();
+          } else if (this.loop === 0) {
           // 动画回到初始位置
-          this.animationData = this.resetAnimation.translateX(0).step()
-            .export();
-        } else if (this.loop < 0) {
-          this.startScrollAnimation();
-        }
-      }, durationTime + delayTime);
-    },
+            this.animationData = this.resetAnimation.translateX(0).step()
+              .export();
+          } else if (this.loop < 0) {
+            this.startScrollAnimation();
+          }
+        }, durationTime + delayTime);
+      },
 
-    show() {
-      this.clearNoticeBarAnimation();
-      this.setPrefixIcon(this.prefixIcon);
-      this.initAnimation();
-    },
+      show() {
+        this.clearNoticeBarAnimation();
+        this.setPrefixIcon(this.prefixIcon);
+        this.initAnimation();
+      },
 
-    /** 清除动画 */
-    clearNoticeBarAnimation() {
-      this.nextAnimationContext && clearTimeout(this.nextAnimationContext);
-      this.nextAnimationContext = null;
-    },
+      /** 清除动画 */
+      clearNoticeBarAnimation() {
+        this.nextAnimationContext && clearTimeout(this.nextAnimationContext);
+        this.nextAnimationContext = null;
+      },
 
-    setPrefixIcon(v) {
-      const { theme } = this;
-      this.iPrefixIcon = calcIcon(v, THEME_ICON[theme]);
-    },
+      setPrefixIcon(v) {
+        const { theme } = this;
+        this.iPrefixIcon = calcIcon(v, THEME_ICON[theme]);
+      },
 
-    onChange(e) {
-      const { current, source } = e.detail;
-      this.$emit('change', { current, source });
-    },
+      onChange(e) {
+        const { current, source } = e.detail;
+        this.$emit('change', { current, source });
+      },
 
-    clickPrefixIcon() {
-      this.$emit('click', { trigger: 'prefix-icon' });
-    },
+      clickPrefixIcon() {
+        this.$emit('click', { trigger: 'prefix-icon' });
+      },
 
-    clickContent() {
-      this.$emit('click', { trigger: 'content' });
-    },
+      clickContent() {
+        this.$emit('click', { trigger: 'content' });
+      },
 
-    clickSuffixIcon() {
-      this.$emit('click', { trigger: 'suffix-icon' });
-    },
+      clickSuffixIcon() {
+        this.$emit('click', { trigger: 'suffix-icon' });
+      },
 
-    clickOperation() {
-      this.$emit('click', { trigger: 'operation' });
+      clickOperation() {
+        this.$emit('click', { trigger: 'operation' });
+      },
     },
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./notice-bar.css"></style>

package/dist/notice-bar/props.ts

@@ -53,8 +53,8 @@ export default {
   },
   /** 显示/隐藏 */
   visible: {
-    type: Boolean,
-    default: undefined,
+    type: [Boolean, null],
+    default: null as TdNoticeBarProps['visible'],
   },
   /** 显示/隐藏，非受控属性 */
   defaultVisible: Boolean,

package/dist/notice-bar/type.ts

@@ -46,7 +46,7 @@ export interface TdNoticeBarProps {
    * 显示/隐藏
    * @default false
    */
-  visible?: boolean;
+  visible?: boolean | null;
   /**
    * 显示/隐藏，非受控属性
    * @default false

package/dist/npm/dayjs/esm/locale/ar.js

@@ -0,0 +1,81 @@
+// Arabic [ar]
+import dayjs from '../index';
+var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');
+var symbolMap = {
+  1: '١',
+  2: '٢',
+  3: '٣',
+  4: '٤',
+  5: '٥',
+  6: '٦',
+  7: '٧',
+  8: '٨',
+  9: '٩',
+  0: '٠'
+};
+var numberMap = {
+  '١': '1',
+  '٢': '2',
+  '٣': '3',
+  '٤': '4',
+  '٥': '5',
+  '٦': '6',
+  '٧': '7',
+  '٨': '8',
+  '٩': '9',
+  '٠': '0'
+};
+var fromArabNumeralsRegex = /[١٢٣٤٥٦٧٨٩٠]/g;
+var fromArabComaRegex = /،/g;
+var toArabNumeralsRegex = /\d/g;
+var toArabComaRegex = /,/g;
+var locale = {
+  name: 'ar',
+  weekdays: 'الأحد_الإثنين_الثلاثاء_الأربعاء_الخميس_الجمعة_السبت'.split('_'),
+  weekdaysShort: 'أحد_إثنين_ثلاثاء_أربعاء_خميس_جمعة_سبت'.split('_'),
+  weekdaysMin: 'ح_ن_ث_ر_خ_ج_س'.split('_'),
+  months: months,
+  monthsShort: months,
+  weekStart: 6,
+  meridiem: function meridiem(hour) {
+    return hour > 12 ? 'م' : 'ص';
+  },
+  relativeTime: {
+    future: 'بعد %s',
+    past: 'منذ %s',
+    s: 'ثانية واحدة',
+    m: 'دقيقة واحدة',
+    mm: '%d دقائق',
+    h: 'ساعة واحدة',
+    hh: '%d ساعات',
+    d: 'يوم واحد',
+    dd: '%d أيام',
+    M: 'شهر واحد',
+    MM: '%d أشهر',
+    y: 'عام واحد',
+    yy: '%d أعوام'
+  },
+  preparse: function preparse(string) {
+    return string.replace(fromArabNumeralsRegex, function (match) {
+      return numberMap[match];
+    }).replace(fromArabComaRegex, ',');
+  },
+  postformat: function postformat(string) {
+    return string.replace(toArabNumeralsRegex, function (match) {
+      return symbolMap[match];
+    }).replace(toArabComaRegex, '،');
+  },
+  ordinal: function ordinal(n) {
+    return n;
+  },
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'D/‏M/‏YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY HH:mm',
+    LLLL: 'dddd D MMMM YYYY HH:mm'
+  }
+};
+dayjs.locale(locale, null, true);
+export default locale;

package/dist/npm/dayjs/esm/locale/it.js

@@ -0,0 +1,39 @@
+// Italian [it]
+import dayjs from '../index';
+var locale = {
+  name: 'it',
+  weekdays: 'domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato'.split('_'),
+  weekdaysShort: 'dom_lun_mar_mer_gio_ven_sab'.split('_'),
+  weekdaysMin: 'do_lu_ma_me_gi_ve_sa'.split('_'),
+  months: 'gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre'.split('_'),
+  weekStart: 1,
+  monthsShort: 'gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic'.split('_'),
+  formats: {
+    LT: 'HH:mm',
+    LTS: 'HH:mm:ss',
+    L: 'DD/MM/YYYY',
+    LL: 'D MMMM YYYY',
+    LLL: 'D MMMM YYYY HH:mm',
+    LLLL: 'dddd D MMMM YYYY HH:mm'
+  },
+  relativeTime: {
+    future: 'tra %s',
+    past: '%s fa',
+    s: 'qualche secondo',
+    m: 'un minuto',
+    mm: '%d minuti',
+    h: 'un\'ora',
+    hh: '%d ore',
+    d: 'un giorno',
+    dd: '%d giorni',
+    M: 'un mese',
+    MM: '%d mesi',
+    y: 'un anno',
+    yy: '%d anni'
+  },
+  ordinal: function ordinal(n) {
+    return n + "\xBA";
+  }
+};
+dayjs.locale(locale, null, true);
+export default locale;

package/dist/overlay/README.md

@@ -9,7 +9,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-overlay />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TOverlay from '@tdesign/uniapp/overlay/overlay.vue';

package/dist/overlay/overlay.vue

@@ -3,7 +3,7 @@
     <view
       v-if="realVisible && preventScrollThrough"
       :class="prefix + '-overlay ' + transitionClass"
-      :style="tools._style([
+      :style="'' + tools._style([
         '--td-overlay-transition-duration:' + duration + 'ms',
         'z-index:' + iZIndex, 'top:' + distanceTop + 'px',
         computedStyle,
@@ -21,7 +21,7 @@
     <view
       v-else-if="realVisible"
       :class="prefix + '-overlay ' + transitionClass "
-      :style="tools._style([
+      :style="'' + tools._style([
         'z-index:' + iZIndex,
         'top:' + distanceTop + 'px',
         computedStyle,
@@ -48,56 +48,58 @@ import tools from '../common/utils.wxs';
 const name = `${prefix}-overlay`;
 
 
-export default uniComponent({
-  name,
-  options: {
-    styleIsolation: 'shared',
-  },
-  mixins: [
-    transition(),
-    useCustomNavbar,
-  ],
-  props: {
-    ...props,
-  },
-  emits: [
-    'click',
-    'leaved',
-  ],
-  data() {
-    return {
-      prefix,
-      classPrefix: name,
-      computedStyle: '',
-      iZIndex: 11000,
-      tools,
-    };
-  },
-  watch: {
-    backgroundColor: {
-      handler(v) {
-        this.computedStyle = v ? `background-color: ${v};` : '';
-      },
-      immediate: true,
+export default {
+  ...uniComponent({
+    name,
+    options: {
+      styleIsolation: 'shared',
+    },
+    mixins: [
+      transition(),
+      useCustomNavbar,
+    ],
+    props: {
+      ...props,
+    },
+    emits: [
+      'click',
+      'leaved',
+    ],
+    data() {
+      return {
+        prefix,
+        classPrefix: name,
+        computedStyle: '',
+        iZIndex: 11000,
+        tools,
+      };
     },
-    zIndex: {
-      handler(v) {
-        if (v !== 0) {
-          this.iZIndex = v;
-        }
+    watch: {
+      backgroundColor: {
+        handler(v) {
+          this.computedStyle = v ? `background-color: ${v};` : '';
+        },
+        immediate: true,
       },
-      immediate: true,
+      zIndex: {
+        handler(v) {
+          if (v !== 0) {
+            this.iZIndex = v;
+          }
+        },
+        immediate: true,
 
+      },
     },
-  },
-  methods: {
-    handleClick() {
-      this.$emit('click', {
-        visible: !this.visible,
-      });
+    methods: {
+      handleClick() {
+        this.$emit('click', {
+          visible: !this.visible,
+        });
+      },
+      noop() {},
     },
-    noop() {},
-  },
-});
+  }),
+};
 </script>
 <style scoped src="./overlay.css"></style>

package/dist/picker/README.md

@@ -8,7 +8,9 @@ isComponent: true
 
 ## 引入
 
-可在 `main.ts` 或在需要使用的页面或组件中引入。
+推荐使用 easycom 模式引入组件，配置后无需手动 import 即可直接在模板中使用 `<t-picker />`。详细配置请参考 [快速开始](../getting-started)。
+
+如需手动引入：
 
 ```js
 import TPicker from '@tdesign/uniapp/picker/picker.vue';