@tarojs/components 3.7.0-alpha.19 → 3.7.0-alpha.20

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 {

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

@@ -9868,8 +9868,8 @@ const Swiper = class {
       var _a, _b, _c;
       ((_a = this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) && this.observerFirst.disconnect();
       ((_b = this.observerLast) === null || _b === void 0 ? void 0 : _b.disconnect) && this.observerLast.disconnect();
-      this.observerFirst = new MutationObserver(this.handleSwiperLoop);
-      this.observerLast = new MutationObserver(this.handleSwiperLoop);
+      this.observerFirst = new MutationObserver(this.handleSwiperLoopDebounce);
+      this.observerLast = new MutationObserver(this.handleSwiperLoopDebounce);
       const wrapper = (_c = this.swiper.$wrapperEl) === null || _c === void 0 ? void 0 : _c[0];
       const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)');
       if (list.length >= 1) {
@@ -9883,22 +9883,23 @@ const Swiper = class {
         });
       }
     };
-    this.handleSwiperLoop = index$2.debounce(() => {
-      var _a;
+    this.handleSwiperLoop = () => {
+      var _a, _b, _c, _d;
       if (!this.swiper || !this.circular)
         return;
       const swiper = this.swiper; // Note: loop 相关的方法 swiper 未声明
       const duplicates = ((_a = this.swiperWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.swiper-slide-duplicate')) || [];
       if (duplicates.length < 2) {
         // Note: 循环模式下，但是前后垫片未注入
-        swiper.loopDestroy();
-        swiper.loopCreate();
+        (_b = swiper.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(swiper);
+        (_c = swiper.loopCreate) === null || _c === void 0 ? void 0 : _c.call(swiper);
       }
       else {
-        swiper.loopFix();
+        (_d = swiper.loopFix) === null || _d === void 0 ? void 0 : _d.call(swiper);
       }
-    }, 50);
-    this.handleSwiperSize = index$2.debounce(() => {
+    };
+    this.handleSwiperLoopDebounce = index$2.debounce(this.handleSwiperLoop, 50);
+    this.handleSwiperSizeDebounce = index$2.debounce(() => {
       if (this.swiper && !this.circular) {
         this.swiper.updateSlides();
       }
@@ -9989,9 +9990,9 @@ const Swiper = class {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
-    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
-    this.el.addEventListener('MutationObserver', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSizeDebounce);
   }
   watchCircular() {
     if (this.swiper) {
@@ -10033,9 +10034,9 @@ const Swiper = class {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
-    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
-    this.el.removeEventListener('MutationObserver', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('MutationObserver', this.handleSwiperSizeDebounce);
     (_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     (_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);

package/dist/cjs/taro-tab-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 TabItem = class {

package/dist/cjs/taro-tabbar.cjs.entry.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e751dfe3.js');
 const Taro = require('@tarojs/taro');
+const utils = require('@tarojs/router/dist/utils');
 const index = require('./index-f6805218.js');
 const index$2 = require('./index-dfd8638f.js');
 
@@ -33,19 +34,6 @@ const splitUrl = _url => {
   return res;
 };
 
-// export const removeLeadingSlash = (str = '') => str.replace(/^\.?\//, '')
-// export const removeTrailingSearch = (str = '') => str.replace(/\?[\s\S]*$/, '')
-const addLeadingSlash = (url = '') => (url.charAt(0) === '/' ? url : '/' + url);
-const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path) || path === prefix;
-const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substring(prefix.length) : path;
-const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
-const getCurrentPage = (routerMode = 'hash', basename = '/') => {
-    const pagePath = routerMode === 'hash'
-        ? location.hash.slice(1).split('?')[0]
-        : location.pathname;
-    return addLeadingSlash(stripBasename(pagePath, basename));
-};
-
 function isAbsolute(pathname) {
   return pathname.charAt(0) === '/';
 }
@@ -149,7 +137,7 @@ const TabbarItem = ({ index: index$3, isSelected = false, textColor, iconPath, b
     index$1.h("p", { class: 'weui-tabbar__label', style: { color: textColor } }, text)));
 };
 
-const indexCss = "html,body{height:100%}#app{height:100%}.taro-tabbar__border-white::before{border-top-color:#fff !important}.taro-tabbar__container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:column;flex-direction:column;height:100%}.taro-tabbar__panel{overflow:auto;position:relative;-ms-flex:1;flex:1;-webkit-overflow-scrolling:auto}.taro-tabbar__tabbar{position:relative;width:100%;height:50px;-webkit-transition:bottom 0.2s, top 0.2s;transition:bottom 0.2s, top 0.2s}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{top:-52px;-ms-flex:0 0;flex:0 0}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}";
+const indexCss = "html,body{height:100%}:root{--taro-tabbar-height:50px}#app{height:100%}.taro-tabbar__border-white::before{border-top-color:#fff !important}.taro-tabbar__container{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:column;flex-direction:column;height:100%}.taro-tabbar__panel{overflow:auto;position:relative;-ms-flex:1;flex:1;-webkit-overflow-scrolling:auto}.taro-tabbar__tabbar{position:relative;width:100%;height:var(--taro-tabbar-height);-webkit-transition:bottom 0.2s, top 0.2s;transition:bottom 0.2s, top 0.2s}.taro-tabbar__tabbar-top{top:0}.taro-tabbar__tabbar-bottom{bottom:0;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.taro-tabbar__tabbar-hide{display:none}.taro-tabbar__tabbar-slideout{top:-52px;-ms-flex:0 0;flex:0 0}.taro-tabbar__panel+.taro-tabbar__tabbar-slideout{top:auto;bottom:-52px}";
 
 const STATUS_SHOW = 0;
 const STATUS_HIDE = 1;
@@ -170,7 +158,7 @@ const Tabbar = class {
         const pathB = splitUrl(url).path;
         return pathA === pathB;
       });
-      return stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
+      return utils.stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
     };
     this.getSelectedIndex = (url) => {
       let foundIndex = -1;
@@ -211,7 +199,7 @@ const Tabbar = class {
       let currentPage;
       if (typeof to === 'string') {
         const routerBasename = this.conf.basename || '/';
-        currentPage = stripBasename(addLeadingSlash(to || this.homePage), routerBasename) || '/';
+        currentPage = utils.stripBasename(utils.addLeadingSlash(to || this.homePage), routerBasename) || '/';
       }
       else {
         currentPage = this.getCurrentUrl();
@@ -344,15 +332,15 @@ const Tabbar = class {
       list.length > 5) {
       throw new Error('tabBar 配置错误');
     }
-    this.homePage = addLeadingSlash(this.conf.homePage);
+    this.homePage = utils.addLeadingSlash(this.conf.homePage);
     for (let key in customRoutes) {
       const path = customRoutes[key];
-      key = addLeadingSlash(key);
+      key = utils.addLeadingSlash(key);
       if (typeof path === 'string') {
-        this.customRoutes.push([key, addLeadingSlash(path)]);
+        this.customRoutes.push([key, utils.addLeadingSlash(path)]);
       }
       else if ((path === null || path === void 0 ? void 0 : path.length) > 0) {
-        this.customRoutes.push(...path.map(p => [key, addLeadingSlash(p)]));
+        this.customRoutes.push(...path.map(p => [key, utils.addLeadingSlash(p)]));
       }
     }
     list.forEach(item => {
@@ -367,7 +355,7 @@ const Tabbar = class {
     this.selectedColor = this.conf.selectedColor;
   }
   getCurrentUrl() {
-    const routePath = getCurrentPage(this.conf.mode, this.conf.basename);
+    const routePath = utils.getCurrentPage(this.conf.mode, this.conf.basename);
     return decodeURI(routePath === '/' ? this.homePage : routePath);
   }
   bindEvent() {

package/dist/cjs/taro-tabs-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 Tabs = class {

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

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e751dfe3.js');
 const index$1 = require('./index-f6805218.js');
+const helper = require('./helper-ad6306f6.js');
+require('@tarojs/taro');
 
 const indexCss = "body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-view-core{display:block}";
 
@@ -51,15 +53,7 @@ const View = class {
     }
   }
   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;
-    });
+    helper.handleStencilNodes(this.el);
   }
   render() {
     const cls = index$1.classnames({

package/dist/cjs/taro-voip-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 VoipRoom = class {

package/dist/collection/collection-manifest.json

@@ -66,6 +66,7 @@
     "./components/slider/slider.js",
     "./components/slot/native-slot.js",
     "./components/slot/slot.js",
+    "./components/snapshot/snapshot.js",
     "./components/sticky-header/sticky-header.js",
     "./components/sticky-section/sticky-section.js",
     "./components/swiper/swiper-item.js",

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

@@ -1,6 +1,6 @@
 import { Host, h } from '@stencil/core';
 import classNames from 'classnames';
-import { debounce } from '../../utils';
+import { debounce, handleStencilNodes } from '../../utils';
 function easeOutScroll(from, to, duration = 500, callback) {
   if (from === to || typeof from !== 'number') {
     return;
@@ -87,6 +87,11 @@ export class ScrollView {
       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) {
@@ -126,6 +131,9 @@ export class ScrollView {
       top, left, animated
     });
   }
+  componentDidRender() {
+    handleStencilNodes(this.el);
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = classNames({
@@ -419,7 +427,13 @@ export class ScrollView {
         "name": "scroll",
         "method": "handleScroll",
         "target": undefined,
-        "capture": true,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchmove",
+        "method": "handleTouchMove",
+        "target": undefined,
+        "capture": false,
         "passive": true
       }];
   }

package/dist/collection/components/snapshot/snapshot.js

@@ -0,0 +1,11 @@
+import { h, Host } from '@stencil/core';
+import { notSupport } from '../../utils';
+export class Snapshot {
+  componentDidLoad() {
+    notSupport('Snapshot', this);
+  }
+  render() {
+    return h(Host, null);
+  }
+  static get is() { return "taro-snapshot-core"; }
+}

package/dist/collection/components/swiper/swiper.js

@@ -10,8 +10,8 @@ export class Swiper {
       var _a, _b, _c;
       ((_a = this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) && this.observerFirst.disconnect();
       ((_b = this.observerLast) === null || _b === void 0 ? void 0 : _b.disconnect) && this.observerLast.disconnect();
-      this.observerFirst = new MutationObserver(this.handleSwiperLoop);
-      this.observerLast = new MutationObserver(this.handleSwiperLoop);
+      this.observerFirst = new MutationObserver(this.handleSwiperLoopDebounce);
+      this.observerLast = new MutationObserver(this.handleSwiperLoopDebounce);
       const wrapper = (_c = this.swiper.$wrapperEl) === null || _c === void 0 ? void 0 : _c[0];
       const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)');
       if (list.length >= 1) {
@@ -25,22 +25,23 @@ export class Swiper {
         });
       }
     };
-    this.handleSwiperLoop = debounce(() => {
-      var _a;
+    this.handleSwiperLoop = () => {
+      var _a, _b, _c, _d;
       if (!this.swiper || !this.circular)
         return;
       const swiper = this.swiper; // Note: loop 相关的方法 swiper 未声明
       const duplicates = ((_a = this.swiperWrapper) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.swiper-slide-duplicate')) || [];
       if (duplicates.length < 2) {
         // Note: 循环模式下，但是前后垫片未注入
-        swiper.loopDestroy();
-        swiper.loopCreate();
+        (_b = swiper.loopDestroy) === null || _b === void 0 ? void 0 : _b.call(swiper);
+        (_c = swiper.loopCreate) === null || _c === void 0 ? void 0 : _c.call(swiper);
       }
       else {
-        swiper.loopFix();
+        (_d = swiper.loopFix) === null || _d === void 0 ? void 0 : _d.call(swiper);
       }
-    }, 50);
-    this.handleSwiperSize = debounce(() => {
+    };
+    this.handleSwiperLoopDebounce = debounce(this.handleSwiperLoop, 50);
+    this.handleSwiperSizeDebounce = debounce(() => {
       if (this.swiper && !this.circular) {
         this.swiper.updateSlides();
       }
@@ -131,9 +132,9 @@ export class Swiper {
     this.el.removeChild = (oldChild) => {
       return newVal.removeChild(oldChild);
     };
-    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize);
-    this.el.addEventListener('MutationObserver', this.handleSwiperSize);
+    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSizeDebounce);
   }
   watchCircular() {
     if (this.swiper) {
@@ -175,9 +176,9 @@ export class Swiper {
   }
   disconnectedCallback() {
     var _a, _b, _c, _d, _e, _f;
-    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize);
-    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize);
-    this.el.removeEventListener('MutationObserver', this.handleSwiperSize);
+    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.removeEventListener('MutationObserver', this.handleSwiperSizeDebounce);
     (_b = (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
     (_d = (_c = this.observerFirst) === null || _c === void 0 ? void 0 : _c.disconnect) === null || _d === void 0 ? void 0 : _d.call(_c);
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);

package/dist/collection/components/tabbar/style/index.css

@@ -3,6 +3,10 @@ body {
   height: 100%;
 }
 
+:root {
+  --taro-tabbar-height: 50px;
+}
+
 #app {
   height: 100%;
 }
@@ -25,7 +29,7 @@ body {
 .taro-tabbar__tabbar {
   position: relative;
   width: 100%;
-  height: 50px;
+  height: var(--taro-tabbar-height);
   transition: bottom 0.2s, top 0.2s;
 }
 .taro-tabbar__tabbar-top {

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

@@ -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

@@ -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-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}";
 
@@ -95,6 +96,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 +140,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 +170,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-snapshot-core.d.ts

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

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 };