@tarojs/components 3.5.0-canary.1 → 3.5.0-theta.0

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5bd7cbab.js';
+import { r as registerInstance, h } from './index-26d8b479.js';
 
 let Label = class {
   constructor(hostRef) {

package/dist/esm/taro-live-player-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let LivePlayer = class {
   constructor(hostRef) {

package/dist/esm/taro-live-pusher-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let LivePusher = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let Map = class {
   constructor(hostRef) {

package/dist/esm/taro-match-media-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let MatchMedia = class {
   constructor(hostRef) {

package/dist/esm/taro-movable-area-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let MovableArea = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let MovableView = class {
   constructor(hostRef) {

package/dist/esm/taro-navigation-bar-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let NavigationBar = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-26d8b479.js';
 import Taro from '@tarojs/taro';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-1d8e8acd.js';
 
-const navigatorCss = ".navigator-hover{background:#efefef}";
+const indexCss = ".navigator-hover{background:#efefef}";
 
 let Navigator = class {
   constructor(hostRef) {
@@ -64,6 +64,6 @@ let Navigator = class {
       }) }));
   }
 };
-Navigator.style = navigatorCss;
+Navigator.style = indexCss;
 
 export { Navigator as taro_navigator_core };

package/dist/esm/taro-official-account-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let OfficialAccount = class {
   constructor(hostRef) {

package/dist/esm/taro-open-data-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let OpenData = class {
   constructor(hostRef) {

package/dist/esm/taro-page-container-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let PageContainer = class {
   constructor(hostRef) {

package/dist/esm/taro-page-meta-core.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let PageMeta = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.js';
 
 function getTimeRange(begin, end) {
   const range = [];

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

@@ -1,15 +1,91 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-26d8b479.js';
+import { d as debounce } from './index-cad8203e.js';
+
+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}";
 
 let PickerViewColumn = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.onChange = createEvent(this, "onselect", 7);
+    this.onSelectStart = createEvent(this, "onselectstart", 7);
+    this.onSelectEnd = createEvent(this, "onselectend", 7);
+    // 初始化的选中位置
+    this.initialPosition = '0';
+    // 滑动距离上下留白区域-通过父视图和 indicator 计算而来
+    this.paddingVertical = 0;
+    this.isInit = false;
+    this.isMove = false;
+    // 滚动结束自动回到合适的位置
+    this.handleSelected = debounce(() => {
+      const childList = this.el.childNodes;
+      let sum = 0;
+      let selectedIndex = '0';
+      for (const index in childList) {
+        const item = childList[index];
+        const itemHeight = item.offsetHeight;
+        if (sum + itemHeight / 2.0 > this.el.scrollTop) {
+          selectedIndex = index;
+          break;
+        }
+        sum += itemHeight;
+      }
+      this.el.scrollTo({
+        top: sum,
+        behavior: 'smooth'
+      });
+      this.onChange.emit({
+        curIndex: this.col,
+        selectedIndex: selectedIndex
+      });
+      this.onSelectEnd.emit();
+    }, 500);
+  }
+  onScroll(_event) {
+    if (!this.isMove) {
+      this.isMove = true;
+      this.onSelectStart.emit();
+    }
+    this.handleSelected();
+  }
+  onMouseEnd() {
+    if (!this.isMove)
+      return;
+    this.isMove = false;
+    this.handleSelected();
+  }
+  onTouchEnd() {
+    this.isMove = false;
+    this.handleSelected();
   }
-  componentDidLoad() {
-    console.error('H5 暂不支持 PickerViewColumn 组件！');
+  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
+        });
+      }
+    }
   }
   render() {
-    return (h(Host, null));
+    const { paddingVertical = 0 } = this;
+    return (h(Host, { class: "taro-picker-view-column-container", style: { 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` } }));
   }
+  get el() { return getElement(this); }
 };
+PickerViewColumn.style = columnCss;
 
 export { PickerViewColumn as taro_picker_view_column_core };

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

@@ -1,15 +1,84 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.js';
+
+function convertStyle(style) {
+  if (style) {
+    const regex = /([\w-]*)\s*:\s*([^;]*)/g;
+    const properties = {};
+    let match;
+    while ((match = regex.exec(style)))
+      properties[`${match[1]}`] = match[2].trim();
+    return properties;
+  }
+}
+
+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))}";
 
 let PickerView = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.onChange = createEvent(this, "change", 7);
+    this.onPickStart = createEvent(this, "pickstart", 7);
+    this.onPickEnd = createEvent(this, "pickend", 7);
+  }
+  onSelect(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    let _curIndex = +e.detail.curIndex;
+    let _selectedIndex = +e.detail.selectedIndex;
+    this.value[_curIndex] = _selectedIndex;
+    this.onChange.emit({ value: this.value });
+  }
+  onSelectStart(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    this.onPickStart.emit();
+  }
+  onPickerColEnd(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    this.onPickEnd.emit();
   }
   componentDidLoad() {
-    console.error('H5 暂不支持 PickerView 组件！');
+    const childList = this.el.querySelectorAll('taro-picker-view-column-core');
+    childList.forEach((element, index) => {
+      var _a;
+      element.setAttribute('col', `${index}`);
+      let selectIndex = '0';
+      if (!!this.value && this.value.length > 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;
+      const paddingVertical = (pickerHeight - indicatorHeight) / 2.0;
+      element.setAttribute('initial-position', `${selectIndex}`);
+      element.setAttribute('padding-vertical', `${paddingVertical}`);
+    });
+  }
+  // 过滤非 PickerViewColumn 组件
+  componentDidRender() {
+    this.el.childNodes.forEach(item => {
+      const childEle = item;
+      if ('TARO-PICKER-VIEW-COLUMN-CORE' !== childEle.tagName &&
+        childEle.className !== 'taro-picker-view-mask-container') {
+        this.el.removeChild(item);
+      }
+    });
   }
   render() {
-    return (h(Host, null));
+    const indicatorCls = classnames('taro-picker-view-mask-indicator', this.indicatorClass);
+    const maskTopCls = classnames('taro-picker-view-mask-top', this.maskClass);
+    const maskBtmCls = classnames('taro-picker-view-mask-bottom', this.maskClass);
+    const indicatorStyle = convertStyle(this.indicatorStyle);
+    const maskTopStyle = convertStyle(this.maskStyle);
+    const maskBottomStyle = convertStyle(this.maskStyle);
+    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); }
 };
+PickerView.style = indexCss;
 
 export { PickerView as taro_picker_view_core };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let Index = class {
   constructor(hostRef) {

package/dist/esm/taro-pull-to-refresh.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
 import Taro from '@tarojs/taro';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-1d8e8acd.js';
 
-const indexCss = ".rmc-pull-to-refresh-content{-webkit-transform-origin:left top 0px;transform-origin:left top 0px}.rmc-pull-to-refresh-content-wrapper{overflow:hidden}.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{text-align:center;height:30px;line-height:10px}.rmc-pull-to-refresh-indicator>div{background-color:grey;width:6px;height:6px;border-radius:100%;margin:3px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear;animation:rmc-pull-to-refresh-indicator 0.5s 0s infinite linear}.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{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}";
 
 function setTransform(nodeStyle, value) {
   nodeStyle.transform = value;
@@ -60,6 +60,11 @@ let PullToRefresh = class {
     };
     this.init = () => {
       const ele = this.scrollContainer;
+      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);
+      this.el.removeChild = child === null || child === void 0 ? void 0 : child.removeChild.bind(child);
       this._to = {
         touchstart: this.onTouchStart.bind(this, ele),
         touchmove: this.onTouchMove.bind(this, ele),
@@ -164,7 +169,7 @@ let PullToRefresh = class {
       this.setContentStyle(0);
     };
     this.setContentStyle = (ty) => {
-      // todos: Why sometimes do not have `this.contentRef` ?
+      // TODO: Why sometimes do not have `this.contentRef` ?
       if (this.contentRef) {
         // translate3d 不清理 会影响内部元素 定位
         if (ty) {
@@ -177,7 +182,12 @@ let PullToRefresh = class {
     };
   }
   get scrollContainer() {
-    return document.querySelector('.taro-tabbar__panel') || document.body;
+    return this.el.parentElement ||
+      document.querySelector('.taro_page_stationed') ||
+      document.querySelector('.taro_page') ||
+      document.querySelector('.taro_router') ||
+      document.querySelector('.taro-tabbar__panel') ||
+      document.body;
   }
   statusChange() {
     if (this.currSt === 'release') {

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-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
 
 let Radio = class {
   constructor(hostRef) {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let RichText = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.renderNode = (node) => {
       if ('type' in node && node.type === 'text') {
-        // unsupport Html Entries
+        // nonsupport Html Entries
         const content = (node.text || '').replace(/ /g, '\u00A0');
         return content;
       }

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

@@ -1,5 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.js';
+import { d as debounce } from './index-cad8203e.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}";
 
@@ -25,15 +26,6 @@ function easeOutScroll(from, to, callback) {
   }
   step();
 }
-function debounce(fn, delay) {
-  let timer;
-  return function (...arrs) {
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn(...arrs);
-    }, delay);
-  };
-}
 let ScrollView = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -51,7 +43,7 @@ let ScrollView = class {
       const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
       this._scrollLeft = scrollLeft;
       this._scrollTop = scrollTop;
-      this.uperAndLower();
+      this.upperAndLower();
       this.onScroll.emit({
         scrollLeft,
         scrollTop,
@@ -59,7 +51,7 @@ let ScrollView = class {
         scrollWidth
       });
     };
-    this.uperAndLower = debounce(() => {
+    this.upperAndLower = debounce(() => {
       const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
       const lowerThreshold = Number(this.lowerThreshold);
       const upperThreshold = Number(this.upperThreshold);

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let ShareElement = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
 
 let Slider = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
 
 let Slot = class {
   constructor(hostRef) {

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

@@ -1,5 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5bd7cbab.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.js';
+import { d as debounce } from './index-cad8203e.js';
 
 /**
  * SSR Window 3.0.0
@@ -10049,7 +10050,7 @@ let Swiper = class {
     (_f = (_e = this.observerLast) === null || _e === void 0 ? void 0 : _e.disconnect) === null || _f === void 0 ? void 0 : _f.call(_e);
   }
   handleInit() {
-    const { autoplay, current, interval, duration, circular, vertical, displayMultipleItems } = this;
+    const { autoplay, circular, current, displayMultipleItems, duration, interval, vertical } = this;
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     const that = this;
     const options = {
@@ -10067,7 +10068,7 @@ let Swiper = class {
         },
         // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionEnd 事件代替
         slideChangeTransitionEnd(_swiper) {
-          if (circular) {
+          if (that.circular) {
             if (_swiper.isBeginning || _swiper.isEnd) {
               _swiper.slideToLoop(this.realIndex, 0); // 更新下标
               return;
@@ -10089,7 +10090,12 @@ let Swiper = class {
           const className = target && typeof target.className === 'string' ? target.className : '';
           if (className.includes('taro_page') && target.style.display !== 'none') {
             if (that.autoplay && target.contains(_swiper.$el[0])) {
-              _swiper.slideTo(that.current);
+              if (that.circular) {
+                _swiper.slideToLoop(this.realIndex, 0); // 更新下标
+              }
+              else {
+                _swiper.slideTo(this.realIndex);
+              }
             }
           }
         }
@@ -10143,15 +10149,6 @@ let Swiper = class {
     "circular": ["watchCircular"]
   }; }
 };
-function debounce(fn, delay) {
-  let timer;
-  return function (...arrs) {
-    clearTimeout(timer);
-    timer = setTimeout(function () {
-      fn(...arrs);
-    }, delay);
-  };
-}
 Swiper.style = indexCss;
 
 let SwiperItem = class {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5bd7cbab.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-26d8b479.js';
 
 const indexCss = "taro-switch-core{display:inline-block;width:52px;height:32px}taro-switch-core .weui-switch{display:block;width:100%;height:100%}";
 

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

@@ -1,6 +1,28 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-5bd7cbab.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-26d8b479.js';
 import Taro from '@tarojs/taro';
-import { c as classnames } from './index-3c78bcaf.js';
+import { c as classnames } from './index-1d8e8acd.js';
+
+const splitUrl = _url => {
+  let url = _url || '';
+  let pos;
+  const res = {
+    path: null,
+    query: null,
+    fragment: null
+  };
+  pos = url.indexOf('#');
+  if (pos > -1) {
+    res.fragment = url.substring(pos + 1);
+    url = url.substring(0, pos);
+  }
+  pos = url.indexOf('?');
+  if (pos > -1) {
+    res.query = url.substring(pos + 1);
+    url = url.substring(0, pos);
+  }
+  res.path = url;
+  return res;
+};
 
 function isAbsolute(pathname) {
   return pathname.charAt(0) === '/';
@@ -76,28 +98,6 @@ function resolvePathname(to, from) {
   return result;
 }
 
-const splitUrl = _url => {
-  let url = _url || '';
-  let pos;
-  const res = {
-    path: null,
-    query: null,
-    fragment: null
-  };
-  pos = url.indexOf('#');
-  if (pos > -1) {
-    res.fragment = url.substring(pos + 1);
-    url = url.substring(0, pos);
-  }
-  pos = url.indexOf('?');
-  if (pos > -1) {
-    res.query = url.substring(pos + 1);
-    url = url.substring(0, pos);
-  }
-  res.path = url;
-  return res;
-};
-
 const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, text, onSelect }) => {
   const className = classnames('weui-tabbar__item', {
     'weui-bar__item_on': isSelected
@@ -123,13 +123,14 @@ 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;height:100%;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.taro-tabbar__panel{-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:auto}.taro-tabbar__tabbar{position:relative;height:50px;width:100%;-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}.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%}#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 removeLeadingSlash = str => str.replace(/^\.?\//, '')
 // const removeTrailingSearch = str => str.replace(/\?[\s\S]*$/, '')
-const addLeadingSlash = str => str[0] === '/' ? str : `/${str}`;
-const hasBasename = (path, prefix) => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
-const stripBasename = (path, prefix) => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
+const addLeadingSlash = (str = '') => str[0] === '/' ? str : `/${str}`;
+const hasBasename = (path = '', prefix = '') => new RegExp('^' + prefix + '(\\/|\\?|#|$)', 'i').test(path);
+const stripBasename = (path = '', prefix = '') => hasBasename(path, prefix) ? path.substr(prefix.length) : path;
+const stripSuffix = (path = '', suffix = '') => path.includes(suffix) ? path.substring(0, path.length - suffix.length) : path;
 const STATUS_SHOW = 0;
 const STATUS_HIDE = 1;
 const STATUS_SLIDEOUT = 2;
@@ -151,7 +152,7 @@ let Tabbar = class {
         const pathB = splitUrl(url).path;
         return pathA === pathB;
       });
-      return customRoute.length ? customRoute[0][0] : url;
+      return stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html');
     };
     this.getSelectedIndex = (url) => {
       let foundIndex = -1;
@@ -187,14 +188,12 @@ let Tabbar = class {
       }
     };
     this.routerChangeHandler = (options) => {
-      let toLocation;
+      var _a;
+      const to = (_a = options === null || options === void 0 ? void 0 : options.toLocation) === null || _a === void 0 ? void 0 : _a.path;
       let currentPage;
-      if (options) {
-        toLocation = options.toLocation;
-      }
-      if (toLocation && toLocation.path) {
-        const tmpPath = addLeadingSlash(toLocation.path);
-        currentPage = stripBasename(tmpPath === '/' ? this.homePage : tmpPath, this.conf.basename || '/');
+      if (typeof to === 'string') {
+        const routerBasename = this.conf.basename || '/';
+        currentPage = stripBasename(addLeadingSlash(to || this.homePage), routerBasename) || '/';
       }
       else {
         currentPage = this.getCurrentUrl();
@@ -353,7 +352,7 @@ let Tabbar = class {
       url = location.pathname;
     }
     const processedUrl = addLeadingSlash(stripBasename(url, routerBasename));
-    return processedUrl === '/' ? this.homePage : processedUrl;
+    return decodeURI(processedUrl === '/' ? this.homePage : processedUrl);
   }
   bindEvent() {
     Taro.eventCenter.on('__taroRouterChange', this.routerChangeHandler);
@@ -399,7 +398,8 @@ let Tabbar = class {
         [hideTabBarClassName]: shouldHideTabBar,
         [hideTabBarWithAnimationClassName]: shouldSlideout
       }) }, h("div", { class: containerCls, style: {
-        backgroundColor: this.backgroundColor || ''
+        backgroundColor: this.backgroundColor || '',
+        height: 'inherit'
       } }, this.list.map((item, index) => {
       const isSelected = this.selectedIndex === index;
       let textColor;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-5bd7cbab.js';
-import { c as classnames } from './index-3c78bcaf.js';
+import { r as registerInstance, h, H as Host } from './index-26d8b479.js';
+import { c as classnames } from './index-1d8e8acd.js';
 
-const indexCss = "taro-text-core{display:inline;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:pre-wrap}.taro-text__selectable{-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}";
+const indexCss = "taro-text-core{display:inline;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:pre-wrap}.taro-text__selectable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}";
 
 let Text = class {
   constructor(hostRef) {