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

package/dist/collection/components/video/video.js

@@ -199,10 +199,10 @@ export class Video {
       // 全屏后，"退出"走的是浏览器事件，在此同步状态
       const timestamp = new Date().getTime();
       if (!e.detail && this.isFullScreen && !document[screenFn.fullscreenElement] && timestamp - this.fullScreenTimestamp > 100) {
-        this.toggleFullScreen(false);
+        this.toggleFullScreen(false, true);
       }
     };
-    this.toggleFullScreen = (isFullScreen = !this.isFullScreen) => {
+    this.toggleFullScreen = (isFullScreen = !this.isFullScreen, fromBrowser = false) => {
       this.isFullScreen = isFullScreen; // this.videoRef?.['webkitDisplayingFullscreen']
       this.controlsRef.toggleVisibility(true);
       this.fullScreenTimestamp = new Date().getTime();
@@ -215,6 +215,10 @@ export class Video {
           this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' });
         }, 0);
       }
+      else if (!fromBrowser) {
+        // Note: 全屏后，"退出全屏"是浏览器按钮是浏览器内部按钮，非html按钮，点击"退出全屏"按钮是浏览器内部实现功能。此时再次调用exitFullscreen反而会报错，因此不再调用
+        document[screenFn.exitFullscreen]();
+      }
     };
     this.toggleMute = (e) => {
       e.stopPropagation();

package/dist/collection/components/view/view.js

@@ -1,5 +1,6 @@
 import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
+import { handleStencilNodes } from '../../utils';
 export class View {
   constructor() {
     this.startTime = 0;
@@ -42,15 +43,7 @@ export class View {
     }
   }
   componentDidRender() {
-    const el = this.el;
-    el.childNodes.forEach(item => {
-      // Note: ['s-cn'] Content Reference Node
-      if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
-        item['s-cn'] = false;
-      // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
-      if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
-        item['s-sr'] = false;
-    });
+    handleStencilNodes(this.el);
   }
   render() {
     const cls = classNames({

package/dist/collection/utils/helper.js

@@ -8,3 +8,14 @@ export function notSupport(name = '', instance = {}) {
     category: 'temporarily',
   });
 }
+export function handleStencilNodes(el) {
+  var _a;
+  (_a = el === null || el === void 0 ? void 0 : el.childNodes) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+    // Note: ['s-cn'] Content Reference Node
+    if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
+      item['s-cn'] = false;
+    // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
+    if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
+      item['s-sr'] = false;
+  });
+}

package/dist/components/helper.js

@@ -9,5 +9,16 @@ function notSupport(name = '', instance = {}) {
     category: 'temporarily',
   });
 }
+function handleStencilNodes(el) {
+  var _a;
+  (_a = el === null || el === void 0 ? void 0 : el.childNodes) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+    // Note: ['s-cn'] Content Reference Node
+    if (item.nodeType === document.COMMENT_NODE && item['s-cn'])
+      item['s-cn'] = false;
+    // Note: ['s-sr'] Is a slot reference node (渲染完成后禁用 slotRelocation 特性, 避免 Stencil 组件相互调用时内置排序与第三方 UI 框架冲突导致组件顺序混乱)
+    if (item.nodeType !== document.COMMENT_NODE && item['s-sr'])
+      item['s-sr'] = false;
+  });
+}
 
-export { notSupport as n };
+export { handleStencilNodes as h, notSupport as n };

package/dist/components/index.d.ts

@@ -54,7 +54,7 @@ export { TaroPickerGroup as TaroPickerGroup } from '../types/components/picker/p
 export { PickerViewColumn as TaroPickerViewColumnCore } from '../types/components/picker-view/picker-view-column';
 export { PickerView as TaroPickerViewCore } from '../types/components/picker-view/picker-view';
 export { Progress as TaroProgressCore } from '../types/components/progress/progress';
-export { PullToRefresh as TaroPullToRefresh } from '../types/components/pull-to-refresh/pull-to-refresh';
+export { PullToRefresh as TaroPullToRefreshCore } from '../types/components/pull-to-refresh/pull-to-refresh';
 export { Radio as TaroRadioCore } from '../types/components/radio/radio';
 export { RadioGroup as TaroRadioGroupCore } from '../types/components/radio/radio-group';
 export { RichText as TaroRichTextCore } from '../types/components/rich-text/rich-text';
@@ -65,6 +65,7 @@ export { ScrollView as TaroScrollViewCore } from '../types/components/scroll-vie
 export { ShareElement as TaroShareElementCore } from '../types/components/share-element/share-element';
 export { Slider as TaroSliderCore } from '../types/components/slider/slider';
 export { Slot as TaroSlotCore } from '../types/components/slot/slot';
+export { Snapshot as TaroSnapshotCore } from '../types/components/snapshot/snapshot';
 export { StickyHeader as TaroStickyHeaderCore } from '../types/components/sticky-header/sticky-header';
 export { StickySection as TaroStickySectionCore } from '../types/components/sticky-section/sticky-section';
 export { Swiper as TaroSwiperCore } from '../types/components/swiper/swiper';

package/dist/components/index.js

@@ -54,7 +54,7 @@ export { TaroPickerGroup, defineCustomElement as defineCustomElementTaroPickerGr
 export { TaroPickerViewColumnCore, defineCustomElement as defineCustomElementTaroPickerViewColumnCore } from './taro-picker-view-column-core.js';
 export { TaroPickerViewCore, defineCustomElement as defineCustomElementTaroPickerViewCore } from './taro-picker-view-core.js';
 export { TaroProgressCore, defineCustomElement as defineCustomElementTaroProgressCore } from './taro-progress-core.js';
-export { TaroPullToRefresh, defineCustomElement as defineCustomElementTaroPullToRefresh } from './taro-pull-to-refresh.js';
+export { TaroPullToRefreshCore, defineCustomElement as defineCustomElementTaroPullToRefreshCore } from './taro-pull-to-refresh-core.js';
 export { TaroRadioCore, defineCustomElement as defineCustomElementTaroRadioCore } from './taro-radio-core.js';
 export { TaroRadioGroupCore, defineCustomElement as defineCustomElementTaroRadioGroupCore } from './taro-radio-group-core.js';
 export { TaroRichTextCore, defineCustomElement as defineCustomElementTaroRichTextCore } from './taro-rich-text-core.js';
@@ -65,6 +65,7 @@ export { TaroScrollViewCore, defineCustomElement as defineCustomElementTaroScrol
 export { TaroShareElementCore, defineCustomElement as defineCustomElementTaroShareElementCore } from './taro-share-element-core.js';
 export { TaroSliderCore, defineCustomElement as defineCustomElementTaroSliderCore } from './taro-slider-core.js';
 export { TaroSlotCore, defineCustomElement as defineCustomElementTaroSlotCore } from './taro-slot-core.js';
+export { TaroSnapshotCore, defineCustomElement as defineCustomElementTaroSnapshotCore } from './taro-snapshot-core.js';
 export { TaroStickyHeaderCore, defineCustomElement as defineCustomElementTaroStickyHeaderCore } from './taro-sticky-header-core.js';
 export { TaroStickySectionCore, defineCustomElement as defineCustomElementTaroStickySectionCore } from './taro-sticky-section-core.js';
 export { TaroSwiperCore, defineCustomElement as defineCustomElementTaroSwiperCore } from './taro-swiper-core.js';

package/dist/components/taro-canvas-core.js

@@ -20,19 +20,33 @@ const Canvas = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       clearTimeout(this.timer);
     };
     this.canvasId = undefined;
+    this.height = undefined;
+    this.width = undefined;
     this.nativeProps = {};
   }
+  componentDidRender() {
+    const [canvas] = this.el.children;
+    if (!this.height || !this.width) {
+      let style = window.getComputedStyle(canvas);
+      this.height || (this.height = style.height);
+      this.width || (this.width = style.width);
+    }
+    canvas.height = parseInt(this.height);
+    canvas.width = parseInt(this.width);
+  }
   render() {
     const { canvasId, nativeProps } = this;
     return (h("canvas", Object.assign({ "canvas-id": canvasId, style: {
         width: '100%',
         height: '100%'
-      }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, nativeProps)));
+      }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchCancel: this.onTouchEnd, onTouchEnd: this.onTouchEnd }, nativeProps)));
   }
   get el() { return this; }
   static get style() { return indexCss; }
 }, [0, "taro-canvas-core", {
-    "canvasId": [1, "canvas-id"],
+    "canvasId": [1, "id"],
+    "height": [1537],
+    "width": [1537],
     "nativeProps": [16]
   }]);
 function defineCustomElement$1() {

package/dist/components/taro-image-core.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 
-const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{display:inline-block;overflow:hidden;position:relative;width:auto;height:auto;font-size:0}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%}.taro-img__mode-aspectfill{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{width:100%}.taro-img__mode-bottom{position:absolute;bottom:0;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{position:absolute;right:0;height:100%}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;right:0;bottom:0}";
+const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{display:inline-block;overflow:hidden;position:relative;width:320px;height:240px;font-size:0}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%}.taro-img__mode-aspectfill{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{width:100%}.taro-img__mode-bottom{position:absolute;bottom:0;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{position:absolute;right:0;height:100%}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;right:0;bottom:0}";
 
 import('./intersection-observer.js');
 const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

package/dist/components/taro-picker-core.js

@@ -407,40 +407,41 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     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/components/taro-picker-view-column-core.js

@@ -38,46 +38,37 @@ const PickerViewColumn = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     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() {
@@ -90,9 +81,8 @@ const PickerViewColumn = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "col": [1],
     "initialPosition": [1, "initial-position"],
     "paddingVertical": [2, "padding-vertical"],
-    "isInit": [32],
-    "isMove": [32]
-  }, [[1, "scroll", "onScroll"], [1, "mouseup", "onMouseEnd"], [1, "mouseout", "onMouseEnd"], [1, "mouseleave", "onMouseEnd"], [1, "touchend", "onTouchEnd"]]]);
+    "isInit": [32]
+  }, [[1, "touchstart", "onTouchStart"], [1, "touchend", "onTouchEnd"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/taro-picker-view-core.js

@@ -27,6 +27,9 @@ const PickerView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.maskStyle = undefined;
     this.maskClass = undefined;
   }
+  onPropsChange() {
+    this.handleValueChange();
+  }
   onSelect(e) {
     e.stopPropagation();
     if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
@@ -49,13 +52,16 @@ const PickerView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
@@ -84,6 +90,9 @@ const PickerView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 this; }
+  static get watchers() { return {
+    "value": ["onPropsChange"]
+  }; }
   static get style() { return indexCss; }
 }, [4, "taro-picker-view-core", {
     "indicatorStyle": [1, "indicator-style"],

package/dist/components/taro-pull-to-refresh-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroPullToRefreshCore extends Components.TaroPullToRefreshCore, HTMLElement {}
+export const TaroPullToRefreshCore: {
+  prototype: TaroPullToRefreshCore;
+  new (): TaroPullToRefreshCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import Taro from '@tarojs/taro';
 import { c as classnames } from './index2.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: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;
@@ -222,17 +222,19 @@ const PullToRefresh = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
     });
     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() {
@@ -254,7 +256,7 @@ const PullToRefresh = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "currSt": ["statusChange"]
   }; }
   static get style() { return indexCss; }
-}, [4, "taro-pull-to-refresh", {
+}, [4, "taro-pull-to-refresh-core", {
     "prefixCls": [1, "prefix-cls"],
     "distanceToRefresh": [2, "distance-to-refresh"],
     "damping": [2],
@@ -266,9 +268,9 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["taro-pull-to-refresh"];
+  const components = ["taro-pull-to-refresh-core"];
   components.forEach(tagName => { switch (tagName) {
-    case "taro-pull-to-refresh":
+    case "taro-pull-to-refresh-core":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, PullToRefresh);
       }
@@ -276,7 +278,7 @@ function defineCustomElement$1() {
   } });
 }
 
-const TaroPullToRefresh = PullToRefresh;
+const TaroPullToRefreshCore = PullToRefresh;
 const defineCustomElement = defineCustomElement$1;
 
-export { TaroPullToRefresh, defineCustomElement };
+export { TaroPullToRefreshCore, defineCustomElement };

package/dist/components/taro-scroll-view-core.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
 import { d as debounce } from './index3.js';
+import { h as handleStencilNodes } from './helper.js';
 
 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}";
 
@@ -81,9 +82,11 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
@@ -95,6 +98,11 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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) {
@@ -134,6 +142,9 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       top, left, animated
     });
   }
+  componentDidRender() {
+    handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = classnames({
@@ -161,7 +172,7 @@ const ScrollView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "animated": [4, "scroll-with-animation"],
     "mpScrollToMethod": [64],
     "mpScrollIntoViewMethod": [64]
-  }, [[3, "scroll", "handleScroll"]]]);
+  }, [[1, "scroll", "handleScroll"], [1, "touchmove", "handleTouchMove"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/{taro-pull-to-refresh.d.ts → taro-snapshot-core.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface TaroPullToRefresh extends Components.TaroPullToRefresh, HTMLElement {}
-export const TaroPullToRefresh: {
-  prototype: TaroPullToRefresh;
-  new (): TaroPullToRefresh;
+interface TaroSnapshotCore extends Components.TaroSnapshotCore, HTMLElement {}
+export const TaroSnapshotCore: {
+  prototype: TaroSnapshotCore;
+  new (): TaroSnapshotCore;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/taro-snapshot-core.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Snapshot = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Snapshot', this);
+  }
+  render() {
+    return h(Host, null);
+  }
+}, [0, "taro-snapshot-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-snapshot-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-snapshot-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Snapshot);
+      }
+      break;
+  } });
+}
+
+const TaroSnapshotCore = Snapshot;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroSnapshotCore, defineCustomElement };