@tarojs/components 3.7.0-canary.1 → 3.7.0-canary.2

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

@@ -409,40 +409,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/esm/taro-picker-view-column-core_2.entry.js

@@ -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() {
@@ -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-pull-to-refresh.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 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{overflow:hidden;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;
@@ -54,7 +54,7 @@ const PullToRefresh = class {
     };
     this.init = () => {
       const ele = this.scrollContainer;
-      const child = this.el.querySelector('rmc-pull-to-refresh-content');
+      const child = this.el.querySelector('.rmc-pull-to-refresh-content');
       this.el.appendChild = child === null || child === void 0 ? void 0 : child.appendChild.bind(child);
       this.el.insertBefore = child === null || child === void 0 ? void 0 : child.insertBefore.bind(child);
       this.el.replaceChild = child === null || child === void 0 ? void 0 : child.replaceChild.bind(child);

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 { 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 { 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 { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const RtcRoomItem = class {

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

@@ -1,6 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-980f930f.js';
 import { c as classnames } from './index-c3e4004b.js';
 import { d as debounce } from './index-d1b03e47.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}";
 
@@ -59,6 +61,7 @@ const ScrollView = class {
     this.mpScrollTop = undefined;
     this.mpScrollLeft = undefined;
     this.mpScrollIntoView = undefined;
+    this.mpScrollIntoViewAlignment = undefined;
     this.animated = false;
   }
   watchScrollLeft(newVal) {
@@ -79,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;
@@ -93,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) {
@@ -118,9 +128,9 @@ const ScrollView = class {
     var _a;
     if (typeof selector === 'string' && selector) {
       (_a = document.querySelector(`#${selector}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-        inline: 'start'
+        behavior: this.animated ? 'smooth' : 'auto',
+        block: this.scrollY ? (this.mpScrollIntoViewAlignment || 'center') : 'center',
+        inline: this.scrollX ? (this.mpScrollIntoViewAlignment || 'start') : 'start'
       });
     }
   }
@@ -132,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 { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const ShareElement = class {

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 { 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-980f930f.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 { 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 { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const StickySection = class {

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

@@ -9864,8 +9864,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) {
@@ -9879,22 +9879,23 @@ const Swiper = class {
         });
       }
     };
-    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();
       }
@@ -9902,6 +9903,7 @@ const Swiper = class {
     this.swiperWrapper = undefined;
     this.swiper = undefined;
     this.isWillLoadCalled = false;
+    this.source = '';
     this.indicatorDots = false;
     this.indicatorColor = 'rgba(0, 0, 0, .3)';
     this.indicatorActiveColor = '#000000';
@@ -9985,8 +9987,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('DOMNodeInserted', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSizeDebounce);
+    this.el.addEventListener('MutationObserver', this.handleSwiperSizeDebounce);
   }
   watchCircular() {
     if (this.swiper) {
@@ -10028,8 +10031,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('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);
@@ -10067,10 +10071,19 @@ const Swiper = class {
           }
           that.onChange.emit({
             current: this.realIndex,
-            source: ''
+            source: that.source
           });
         },
+        touchEnd: () => {
+          that.source = 'touch';
+        },
+        autoplay() {
+          that.source = 'autoplay';
+        },
         transitionEnd() {
+          setTimeout(() => {
+            that.source = '';
+          });
           that.onAnimationFinish.emit({
             current: this.realIndex,
             source: ''
@@ -10143,35 +10156,41 @@ const Swiper = class {
 };
 Swiper.style = indexCss;
 
-function isEqualTag(a, b) {
-  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
-}
-function parseChildNodes(items, targets, needClean = false) {
-  const list = Array.from(targets.values());
-  for (let i = 0, j = 0; i < list.length; i++) {
-    const target = list[i];
-    if (!target)
-      return;
-    let item = items.item(j);
-    while (item) {
-      if (!isEqualTag(item, target) || needClean) {
-        item.remove();
-        j++;
-        item = items.item(j);
-        continue;
-      }
-      if (target.childNodes.length > 0) {
-        const cleanAll = ['taro-image-core'].includes(target.tagName.toLocaleLowerCase());
-        parseChildNodes(item.childNodes, target.childNodes, cleanAll);
+const nativeCloneNode = Node.prototype.cloneNode;
+function cloneNode(node, deep) {
+  const clonedNode = nativeCloneNode.call(node, false);
+  const srcChildNodes = childNodes(node);
+  if (deep) {
+    for (let i = 0; i < srcChildNodes.length; i++) {
+      const srcNode = srcChildNodes[i];
+      let srcDeep = deep;
+      if (srcNode.nodeType !== 2 && srcNode.nodeType !== 8) {
+        // Note: 没有引用节点（s-cr[reference comment]）的情况下，不复制子节点避免冗余（例如：Image 组件）
+        if (!srcNode['s-cr']) {
+          srcDeep = false;
+        }
+        const childClone = cloneNode(srcNode, srcDeep);
+        clonedNode.appendChild(childClone);
       }
-      break;
     }
-    while (i === list.length - 1 && j < items.length) {
-      j++;
-      item = items.item(j);
-      item === null || item === void 0 ? void 0 : item.remove();
+  }
+  return clonedNode;
+}
+function childNodes(node) {
+  const childNodes = node.childNodes;
+  // check if element is stencil element without shadow dom
+  // and then detect elements that were slotted into the element
+  if (node['s-sc']) {
+    const result = [];
+    for (let i = 0; i < childNodes.length; i++) {
+      const slot = childNodes[i]['s-nr'];
+      if (slot) {
+        result.push(slot);
+      }
     }
+    return result;
   }
+  return Array.from(childNodes);
 }
 const SwiperItem = class {
   constructor(hostRef) {
@@ -10179,16 +10198,9 @@ const SwiperItem = class {
     this.itemId = undefined;
   }
   componentDidRender() {
-    var _a, _b, _c;
-    const el = this.el;
-    if (el.classList.contains('swiper-slide-duplicate')) {
-      const list = Array
-        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
-        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
-      if (list.length > 0) {
-        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
-      }
-    }
+    this.el.cloneNode = (deep = false) => {
+      return cloneNode.call(null, this.el, deep);
+    };
   }
   render() {
     return (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));

package/dist/esm/taro-tab-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 { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const TabItem = class {

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

@@ -1,5 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-980f930f.js';
 import Taro from '@tarojs/taro';
+import { stripSuffix, stripBasename, addLeadingSlash, getCurrentPage } from '@tarojs/router/dist/utils';
 import { c as classnames } from './index-c3e4004b.js';
 import { i as isVisible } from './index-d1b03e47.js';
 
@@ -25,19 +26,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) === '/';
 }
@@ -141,7 +129,7 @@ const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText,
     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;

package/dist/esm/taro-tabs-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 { n as notSupport } from './helper-8a85bb65.js';
 import '@tarojs/taro';
 
 const Tabs = class {