@tarojs/components 3.8.0-canary.0 → 4.0.0-alpha.2

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-980f930f.js';
-import { d as debounce } from './index-d1b03e47.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-ab3c86da.js';
+import { d as debounce } from './index-a00a7418.js';
 import { c as classnames } from './index-c3e4004b.js';
 
 function convertStyle(style) {
@@ -13,7 +13,7 @@ function convertStyle(style) {
   }
 }
 
-const columnCss = ".taro-picker-view-column-container{display:-ms-flexbox;display:flex;overflow:scroll;overflow-x:hidden;position:relative;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;text-align:center}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";
+const columnCss = ".taro-picker-view-column-container{text-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;position:relative;overflow:hidden scroll}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";
 
 const PickerViewColumn = class {
   constructor(hostRef) {
@@ -49,46 +49,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() {
@@ -99,7 +90,7 @@ const PickerViewColumn = class {
 };
 PickerViewColumn.style = columnCss;
 
-const indexCss = ".taro-picker-view-container{display:-ms-flexbox;display:flex;position:relative}.taro-picker-view-mask-container{display:-ms-flexbox;display:flex;position:absolute;left:0;right:0;top:0;bottom:0;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.taro-picker-view-mask-indicator{display:-ms-flexbox;display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:50px}.taro-picker-view-mask-top{-ms-flex:1;flex:1;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}.taro-picker-view-mask-bottom{-ms-flex:1;flex:1;background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));background:linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6))}";
+const indexCss = ".taro-picker-view-container{display:-ms-flexbox;display:flex;position:relative}.taro-picker-view-mask-container{pointer-events:none;-ms-flex-direction:column;flex-direction:column;display:-ms-flexbox;display:flex;position:absolute;inset:0}.taro-picker-view-mask-indicator{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:50px;display:-ms-flexbox;display:flex}.taro-picker-view-mask-top{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,.95)),to(rgba(255,255,255,.6)));background-image:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.6));-ms-flex:1;flex:1}.taro-picker-view-mask-bottom{background:-webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.95)));background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.95));-ms-flex:1;flex:1}";
 
 const PickerView = class {
   constructor(hostRef) {
@@ -113,6 +104,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')
@@ -135,13 +129,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;
@@ -170,6 +167,9 @@ const PickerView = class {
     return (h(Host, { class: "taro-picker-view-container" }, h("slot", null), h("div", { class: "taro-picker-view-mask-container" }, h("div", { class: maskTopCls, style: maskTopStyle }), h("div", { class: indicatorCls, style: indicatorStyle, ref: indicator => (this.indicator = indicator) }), h("div", { class: maskBtmCls, style: maskBottomStyle }))));
   }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["onPropsChange"]
+  }; }
 };
 PickerView.style = indexCss;
 

package/dist/esm/taro-progress-core.entry.js

@@ -1,4 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+
+const indexCss = ".weui-progress{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.weui-progress__bar{background-color:#ebebeb;-ms-flex:1;flex:1;height:3px}.weui-progress__inner-bar{background-color:#09bb07;width:0;height:100%}.weui-progress__opr{margin-left:15px;font-size:0;display:block}";
 
 const Progress = class {
   constructor(hostRef) {
@@ -30,5 +32,6 @@ const Progress = class {
     return (h(Host, { class: 'weui-progress' }, h("div", { class: 'weui-progress__bar', style: pgHeight }, h("div", { class: 'weui-progress__inner-bar', style: pgWidth })), showInfo && (h("div", { class: 'weui-progress__opr', style: { 'font-size': `${fontSize}px` } }, h("span", null, pgPercent, "%")))));
   }
 };
+Progress.style = indexCss;
 
 export { Progress as taro_progress_core };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-980f930f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab3c86da.js';
 import Taro from '@tarojs/taro';
 import { c as classnames } from './index-c3e4004b.js';
 
-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:0 0;transform-origin:0 0}.rmc-pull-to-refresh-content-wrapper{min-height:100%}.rmc-pull-to-refresh-transition{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}@-webkit-keyframes rmc-pull-to-refresh-indicator{50%{opacity:.2}to{opacity:1}}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:.2}to{opacity:1}}.rmc-pull-to-refresh-indicator{text-align:center;height:30px;line-height:10px}.rmc-pull-to-refresh-indicator>div{background-color:gray;border-radius:100%;width:6px;height:6px;margin:3px;-webkit-animation:.5s linear infinite both rmc-pull-to-refresh-indicator;animation:.5s linear infinite both rmc-pull-to-refresh-indicator;display:inline-block}.rmc-pull-to-refresh-indicator>div:nth-child(0){-webkit-animation-delay:-.1s!important;animation-delay:-.1s!important}.rmc-pull-to-refresh-indicator>div:first-child{-webkit-animation-delay:-.2s!important;animation-delay:-.2s!important}.rmc-pull-to-refresh-indicator>div:nth-child(2){-webkit-animation-delay:-.3s!important;animation-delay:-.3s!important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}";
 
 function setTransform(nodeStyle, value) {
   nodeStyle.transform = value;
@@ -70,6 +70,9 @@ const PullToRefresh = class {
       });
     };
     this.destroy = () => {
+      // fix 频繁切换页面，可能会导致 this._to 为空造成报错
+      if (!this._to)
+        return;
       const ele = this.scrollContainer;
       Object.keys(this._to).forEach(key => {
         ele.removeEventListener(key, this._to[key]);
@@ -221,17 +224,19 @@ const PullToRefresh = class {
       }
     });
     Taro.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() {
@@ -255,4 +260,4 @@ const PullToRefresh = class {
 };
 PullToRefresh.style = indexCss;
 
-export { PullToRefresh as taro_pull_to_refresh };
+export { PullToRefresh as taro_pull_to_refresh_core };

package/dist/esm/taro-radio-core_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-980f930f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab3c86da.js';
 
 const Radio = class {
   constructor(hostRef) {

package/dist/esm/taro-rich-text-core.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
 
-const indexCss = "taro-rich-text-core{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}taro-rich-text-core[selectable=true],taro-rich-text-core[user-select=true]{display:block;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}taro-rich-text-core[space]{white-space:pre-wrap}taro-rich-text-core[space=ensp]{word-spacing:0.5em}taro-rich-text-core[space=nbsp]{word-spacing:1em}";
+const indexCss = "taro-rich-text-core{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}taro-rich-text-core[selectable=true],taro-rich-text-core[user-select=true]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:block}taro-rich-text-core[space]{white-space:pre-wrap}taro-rich-text-core[space=ensp]{word-spacing:.5em}taro-rich-text-core[space=nbsp]{word-spacing:1em}";
 
 const RichText = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const RootPortal = class {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const RtcRoom = class {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const RtcRoomItem = class {

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

@@ -1,8 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-980f930f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab3c86da.js';
 import { c as classnames } from './index-c3e4004b.js';
-import { d as debounce } from './index-d1b03e47.js';
+import { d as debounce } from './index-a00a7418.js';
+import { h as handleStencilNodes } from './helper-8a85bb65.js';
+import '@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}";
+const indexCss = "taro-scroll-view-core{-webkit-overflow-scrolling:auto;width:100%;display:block}taro-scroll-view-core::-webkit-scrollbar{display:none}.taro-scroll-view__scroll-x{overflow:scroll hidden}.taro-scroll-view__scroll-y{overflow:hidden scroll}";
 
 function easeOutScroll(from, to, duration = 500, callback) {
   if (from === to || typeof from !== 'number') {
@@ -80,9 +82,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;
@@ -94,6 +98,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) {
@@ -133,6 +142,9 @@ const ScrollView = class {
       top, left, animated
     });
   }
+  componentDidRender() {
+    handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = classnames({

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const ShareElement = class {

package/dist/esm/taro-slider-core.entry.js

@@ -1,4 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-980f930f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab3c86da.js';
+
+const indexCss = ".weui-slider{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:15px 18px}.weui-slider__inner{background-color:#e9e9e9;height:2px;position:relative}.weui-slider__track{background-color:#1aad19;width:0;height:2px}.weui-slider__handler{background-color:#fff;border-radius:50%;width:28px;height:28px;margin-top:-14px;margin-left:-14px;position:absolute;top:50%;left:0;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}.weui-slider-box{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.weui-slider-box .weui-slider{-ms-flex:1;flex:1}.weui-slider-box__value{color:#888;text-align:center;min-width:24px;margin-left:.5em;font-size:14px}";
 
 const Slider = class {
   constructor(hostRef) {
@@ -154,5 +156,6 @@ const Slider = class {
     "value": ["function"]
   }; }
 };
+Slider.style = indexCss;
 
 export { Slider as taro_slider_core };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const Slot = class {

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

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
+import '@tarojs/taro';
+
+const Snapshot = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    notSupport('Snapshot', this);
+  }
+  render() {
+    return h(Host, null);
+  }
+};
+
+export { Snapshot as taro_snapshot_core };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const StickyHeader = class {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-980f930f.js';
-import { n as notSupport } from './helper-3d0ecf0f.js';
+import { r as registerInstance, h, H as Host } from './index-ab3c86da.js';
+import { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const StickySection = class {