@tarojs/components 3.8.0-canary.0 → 4.0.0-beta.0

package/dist/cjs/taro-picker-core_2.cjs.entry.js

@@ -413,40 +413,41 @@ const Picker = class {
     }
     else if (mode === 'date') {
       const value = this.value;
-      const _value = verifyDate(value) || new Date(new Date().setHours(0, 0, 0, 0)); // 没传值或值的合法性错误默认今天时间
+      let _value = verifyDate(value) || new Date(new Date().setHours(0, 0, 0, 0)); // 没传值或值的合法性错误默认今天时间
       const _start = verifyDate(start) || new Date('1970/01/01');
       const _end = verifyDate(end) || new Date('2999/01/01');
       // 时间区间有效性
-      if (_value >= _start && _value <= _end) {
-        const currentYear = _value.getFullYear();
-        const currentMonth = _value.getMonth() + 1;
-        const currentDay = _value.getDate();
-        const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear());
-        const monthRange = getMonthRange(_start, _end, currentYear);
-        const dayRange = getDayRange(_start, _end, currentYear, currentMonth);
-        this.index = [
-          yearRange.indexOf(currentYear),
-          monthRange.indexOf(currentMonth),
-          dayRange.indexOf(currentDay)
-        ];
-        if (!this.pickerDate ||
-          this.pickerDate._value.getTime() !== _value.getTime() ||
-          this.pickerDate._start.getTime() !== _start.getTime() ||
-          this.pickerDate._end.getTime() !== _end.getTime()) {
-          this.pickerDate = {
-            _value,
-            _start,
-            _end,
-            _updateValue: [
-              currentYear,
-              currentMonth,
-              currentDay
-            ]
-          };
-        }
+      if (!(_start <= _end)) {
+        throw new Error(`Picker start time must be less than end time.`);
+      }
+      if (!(_value >= _start && _value <= _end)) {
+        _value = _start;
       }
-      else {
-        throw new Error('Date Interval Error');
+      const currentYear = _value.getFullYear();
+      const currentMonth = _value.getMonth() + 1;
+      const currentDay = _value.getDate();
+      const yearRange = getYearRange(_start.getFullYear(), _end.getFullYear());
+      const monthRange = getMonthRange(_start, _end, currentYear);
+      const dayRange = getDayRange(_start, _end, currentYear, currentMonth);
+      this.index = [
+        yearRange.indexOf(currentYear),
+        monthRange.indexOf(currentMonth),
+        dayRange.indexOf(currentDay)
+      ];
+      if (!this.pickerDate ||
+        this.pickerDate._value.getTime() !== _value.getTime() ||
+        this.pickerDate._start.getTime() !== _start.getTime() ||
+        this.pickerDate._end.getTime() !== _end.getTime()) {
+        this.pickerDate = {
+          _value,
+          _start,
+          _end,
+          _updateValue: [
+            currentYear,
+            currentMonth,
+            currentDay
+          ]
+        };
       }
     }
     else {

package/dist/cjs/taro-picker-view-column-core_2.cjs.entry.js

@@ -53,46 +53,37 @@ const PickerViewColumn = class {
     this.initialPosition = '0';
     this.paddingVertical = 0;
     this.isInit = false;
-    this.isMove = false;
   }
-  onScroll(_event) {
-    if (!this.isMove) {
-      this.isMove = true;
-      this.onSelectStart.emit();
-    }
-    this.handleSelected();
-  }
-  onMouseEnd() {
-    if (!this.isMove)
-      return;
-    this.isMove = false;
-    this.handleSelected();
+  onTouchStart() {
+    this.onSelectStart.emit();
   }
   onTouchEnd() {
-    this.isMove = false;
     this.handleSelected();
   }
+  componentDidLoad() {
+    this.handleChange();
+  }
   componentDidUpdate() {
-    if (!this.isInit) {
-      this.isInit = true;
-      const childList = this.el.childNodes;
-      let idx = 0;
-      let sum = 0;
-      for (const index in childList) {
-        const item = childList[index];
-        if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
-          break;
-        }
-        sum += item.offsetHeight;
-        idx++;
-      }
-      this.el.scrollTo({ top: sum });
-      if (idx >= childList.length) {
-        this.onChange.emit({
-          curIndex: this.col,
-          selectedIndex: idx - 1
-        });
+    this.handleChange();
+  }
+  handleChange() {
+    const childList = this.el.childNodes;
+    let idx = 0;
+    let sum = 0;
+    for (const index in childList) {
+      const item = childList[index];
+      if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
+        break;
       }
+      sum += item.offsetHeight;
+      idx++;
+    }
+    this.el.scrollTo({ top: sum });
+    if (idx >= childList.length) {
+      this.onChange.emit({
+        curIndex: this.col,
+        selectedIndex: idx - 1
+      });
     }
   }
   render() {
@@ -117,6 +108,9 @@ const PickerView = class {
     this.maskStyle = undefined;
     this.maskClass = undefined;
   }
+  onPropsChange() {
+    this.handleValueChange();
+  }
   onSelect(e) {
     e.stopPropagation();
     if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
@@ -139,13 +133,16 @@ const PickerView = class {
     this.onPickEnd.emit();
   }
   componentDidLoad() {
+    this.handleValueChange();
+  }
+  handleValueChange() {
     const childList = this.el.querySelectorAll('taro-picker-view-column-core');
     childList.forEach((element, index) => {
       var _a;
       element.setAttribute('col', `${index}`);
-      let selectIndex = '0';
+      let selectIndex = 0;
       if (!!this.value && this.value.length > index) {
-        selectIndex = `${this.value[index]}`;
+        selectIndex = this.value[index];
       }
       const pickerHeight = this.el.getBoundingClientRect().height;
       const indicatorHeight = ((_a = this.indicator) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
@@ -174,6 +171,9 @@ const PickerView = class {
     return (index.h(index.Host, { class: "taro-picker-view-container" }, index.h("slot", null), index.h("div", { class: "taro-picker-view-mask-container" }, index.h("div", { class: maskTopCls, style: maskTopStyle }), index.h("div", { class: indicatorCls, style: indicatorStyle, ref: indicator => (this.indicator = indicator) }), index.h("div", { class: maskBtmCls, style: maskBottomStyle }))));
   }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["onPropsChange"]
+  }; }
 };
 PickerView.style = indexCss;
 

package/dist/cjs/{taro-pull-to-refresh.cjs.entry.js → taro-pull-to-refresh-core.cjs.entry.js}

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 const Taro__default = /*#__PURE__*/_interopDefaultLegacy(Taro);
 
-const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{min-height:100vh}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
+const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0;transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{min-height:100%}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:0.2}100%{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{display:inline-block;margin:3px;border-radius:100%;width:6px;height:6px;background-color:grey;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-0.1s !important;animation-delay:-0.1s !important}.rmc-pull-to-refresh-indicator>div:nth-child(1){-webkit-animation-delay:-0.2s !important;animation-delay:-0.2s !important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-0.3s !important;animation-delay:-0.3s !important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
 
 function setTransform(nodeStyle, value) {
   nodeStyle.transform = value;
@@ -229,17 +229,19 @@ const PullToRefresh = class {
       }
     });
     Taro__default['default'].eventCenter.on('__taroStopPullDownRefresh', ({ successHandler, errorHandler }) => {
-      try {
-        this.triggerPullDownRefresh(false);
-        successHandler({
-          errMsg: 'stopPullDownRefresh: ok'
-        });
-      }
-      catch (e) {
-        errorHandler({
-          errMsg: 'stopPullDownRefresh: fail'
-        });
-      }
+      setTimeout(() => {
+        try {
+          this.triggerPullDownRefresh(false);
+          successHandler({
+            errMsg: 'stopPullDownRefresh: ok'
+          });
+        }
+        catch (e) {
+          errorHandler({
+            errMsg: 'stopPullDownRefresh: fail'
+          });
+        }
+      }, 0);
     });
   }
   render() {
@@ -263,4 +265,4 @@ const PullToRefresh = class {
 };
 PullToRefresh.style = indexCss;
 
-exports.taro_pull_to_refresh = PullToRefresh;
+exports.taro_pull_to_refresh_core = PullToRefresh;

package/dist/cjs/taro-root-portal-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const RootPortal = class {

package/dist/cjs/taro-rtc-room-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const RtcRoom = class {

package/dist/cjs/taro-rtc-room-item-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const RtcRoomItem = class {

package/dist/cjs/taro-scroll-view-core.cjs.entry.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e751dfe3.js');
 const index$2 = require('./index-f6805218.js');
 const index$1 = require('./index-dfd8638f.js');
+const helper = require('./helper-ad6306f6.js');
+require('@tarojs/taro');
 
 const indexCss = "taro-scroll-view-core{display:block;width:100%;-webkit-overflow-scrolling:auto}taro-scroll-view-core::-webkit-scrollbar{display:none}.taro-scroll-view__scroll-x{overflow-x:scroll;overflow-y:hidden}.taro-scroll-view__scroll-y{overflow-x:hidden;overflow-y:scroll}";
 
@@ -84,9 +86,11 @@ const ScrollView = class {
     this.mpScrollIntoViewMethod(newVal);
   }
   handleScroll(e) {
+    var _a;
     if (e instanceof CustomEvent)
       return;
     e.stopPropagation();
+    (_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
     const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
     this._scrollLeft = scrollLeft;
     this._scrollTop = scrollTop;
@@ -98,6 +102,11 @@ const ScrollView = class {
       scrollWidth
     });
   }
+  handleTouchMove(e) {
+    if (e instanceof CustomEvent)
+      return;
+    e.stopPropagation();
+  }
   async mpScrollToMethod(object) {
     let { top, left, duration, animated = false } = object;
     if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {
@@ -137,6 +146,9 @@ const ScrollView = class {
       top, left, animated
     });
   }
+  componentDidRender() {
+    helper.handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = index$2.classnames({

package/dist/cjs/taro-share-element-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const ShareElement = class {

package/dist/cjs/taro-slot-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const Slot = class {

package/dist/cjs/taro-snapshot-core.cjs.entry.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e751dfe3.js');
+const helper = require('./helper-ad6306f6.js');
+require('@tarojs/taro');
+
+const Snapshot = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    helper.notSupport('Snapshot', this);
+  }
+  render() {
+    return index.h(index.Host, null);
+  }
+};
+
+exports.taro_snapshot_core = Snapshot;

package/dist/cjs/taro-sticky-header-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const StickyHeader = class {

package/dist/cjs/taro-sticky-section-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
-const helper = require('./helper-db78e01a.js');
+const helper = require('./helper-ad6306f6.js');
 require('@tarojs/taro');
 
 const StickySection = class {