@tarojs/components 3.6.0-canary.9 → 3.6.1-alpha.0

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

@@ -1,19 +1,18 @@
 import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
 import { debounce } from '../../utils';
-function easeOutScroll(from, to, callback) {
+function easeOutScroll(from, to, duration = 500, callback) {
   if (from === to || typeof from !== 'number') {
     return;
   }
   const change = to - from;
-  const dur = 500;
   const sTime = Date.now();
   const isLarger = to >= from;
   function linear(t, b, c, d) {
     return c * t / d + b;
   }
   function step() {
-    from = linear(Date.now() - sTime, from, change, dur);
+    from = linear(Date.now() - sTime, from, change, duration);
     if ((isLarger && from >= to) || (!isLarger && to >= from)) {
       callback(to);
       return;
@@ -25,6 +24,8 @@ function easeOutScroll(from, to, callback) {
 }
 export class ScrollView {
   constructor() {
+    this._scrollLeft = 0;
+    this._scrollTop = 0;
     this.upperAndLower = debounce(() => {
       const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
       const lowerThreshold = Number(this.lowerThreshold);
@@ -51,45 +52,24 @@ export class ScrollView {
     this.mpScrollTop = undefined;
     this.mpScrollLeft = undefined;
     this.mpScrollIntoView = undefined;
-    this.scrollWithAnimation = false;
+    this.animated = false;
   }
   watchScrollLeft(newVal) {
-    const scrollLeft = Number(newVal);
-    if (this.scrollX &&
-      !isNaN(scrollLeft) &&
-      scrollLeft !== this._scrollLeft) {
-      if (this.scrollWithAnimation) {
-        easeOutScroll(this._scrollLeft, scrollLeft, pos => (this.el.scrollLeft = pos));
-      }
-      else {
-        this.el.scrollLeft = scrollLeft;
-      }
-      this._scrollLeft = scrollLeft;
-    }
+    const left = Number(newVal);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      left, animated
+    });
   }
   watchScrollTop(newVal) {
-    const scrollTop = Number(newVal);
-    if (this.scrollY &&
-      !isNaN(scrollTop) &&
-      scrollTop !== this._scrollTop) {
-      if (this.scrollWithAnimation) {
-        easeOutScroll(this._scrollTop, scrollTop, pos => (this.el.scrollTop = pos));
-      }
-      else {
-        this.el.scrollTop = scrollTop;
-      }
-      this._scrollTop = scrollTop;
-    }
+    const top = Number(newVal);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      top, animated
+    });
   }
   watchScrollIntoView(newVal) {
-    var _a;
-    if (typeof newVal === 'string' && newVal) {
-      (_a = document.querySelector(`#${newVal}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center',
-        inline: 'start'
-      });
-    }
+    this.mpScrollIntoViewMethod(newVal);
   }
   handleScroll(e) {
     if (e instanceof CustomEvent)
@@ -106,29 +86,45 @@ export class ScrollView {
       scrollWidth
     });
   }
-  componentDidLoad() {
-    const { scrollY, scrollX, scrollWithAnimation } = this;
-    const scrollTop = Number(this.mpScrollTop);
-    const scrollLeft = Number(this.mpScrollLeft);
-    if (scrollY && !isNaN(scrollTop)) {
-      if (scrollWithAnimation) {
-        easeOutScroll(0, scrollTop, pos => (this.el.scrollTop = pos));
+  async mpScrollToMethod(object) {
+    let { top, left, duration, animated = false } = object;
+    if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {
+      if (animated) {
+        easeOutScroll(this._scrollTop, top, duration, pos => (this.el.scrollTop = pos));
       }
       else {
-        this.el.scrollTop = scrollTop;
+        this.el.scrollTop = top;
       }
-      this._scrollTop = scrollTop;
+      this._scrollTop = top;
     }
-    if (scrollX && !isNaN(scrollLeft)) {
-      if (scrollWithAnimation) {
-        easeOutScroll(0, scrollLeft, pos => (this.el.scrollLeft = pos));
+    if (this.scrollX && typeof left === 'number' && !isNaN(left) && left !== this._scrollLeft) {
+      if (animated) {
+        easeOutScroll(this._scrollLeft, left, duration, pos => (this.el.scrollLeft = pos));
       }
       else {
-        this.el.scrollLeft = scrollLeft;
+        this.el.scrollLeft = left;
       }
-      this._scrollLeft = scrollLeft;
+      this._scrollLeft = left;
+    }
+  }
+  async mpScrollIntoViewMethod(selector) {
+    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'
+      });
     }
   }
+  componentDidLoad() {
+    const top = Number(this.mpScrollTop);
+    const left = Number(this.mpScrollLeft);
+    const { animated } = this;
+    this.mpScrollToMethod({
+      top, left, animated
+    });
+  }
   render() {
     const { scrollX, scrollY } = this;
     const cls = classNames({
@@ -273,7 +269,7 @@ export class ScrollView {
         "attribute": "scroll-into-view",
         "reflect": true
       },
-      "scrollWithAnimation": {
+      "animated": {
         "type": "boolean",
         "mutable": false,
         "complexType": {
@@ -341,6 +337,52 @@ export class ScrollView {
         }
       }];
   }
+  static get methods() {
+    return {
+      "mpScrollToMethod": {
+        "complexType": {
+          "signature": "(object: ScrollViewContext.scrollTo.Option) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ScrollViewContext": {
+              "location": "import",
+              "path": "@tarojs/taro"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "mpScrollIntoViewMethod": {
+        "complexType": {
+          "signature": "(selector: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{

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

@@ -1 +1 @@
-{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../../src/components/scroll-view/scroll-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Element, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nfunction easeOutScroll (from: number, to: number, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n\n  const change = to - from\n  const dur = 500\n  const sTime = Date.now()\n  const isLarger = to >= from\n\n  function linear (t: number, b: number, c: number, d: number): number {\n    return c * t / d + b\n  }\n\n  function step () {\n    from = linear(Date.now() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n\n  step()\n}\n\n@Component({\n  tag: 'taro-scroll-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class ScrollView implements ComponentInterface {\n  private _scrollLeft: number\n  private _scrollTop: number\n\n  @Element() el: HTMLElement\n\n  @Prop() scrollX = false\n  @Prop() scrollY = false\n  @Prop() upperThreshold: number | string = 50\n  @Prop() lowerThreshold: number | string = 50\n  @Prop({ attribute: 'scroll-top', reflect: true }) mpScrollTop: number | string\n  @Prop({ attribute: 'scroll-left', reflect: true }) mpScrollLeft: number | string\n  @Prop({ attribute: 'scroll-into-view', reflect: true }) mpScrollIntoView: string\n  @Prop() scrollWithAnimation = false\n\n  @Event({\n    eventName: 'scroll',\n    bubbles: false\n  })\n  onScroll: EventEmitter\n\n  @Event({\n    eventName: 'scrolltoupper',\n    bubbles: false\n  })\n  onScrollToUpper: EventEmitter\n\n  @Event({\n    eventName: 'scrolltolower',\n    bubbles: false\n  })\n  onScrollToLower: EventEmitter\n\n  @Watch('mpScrollLeft')\n  watchScrollLeft (newVal) {\n    const scrollLeft = Number(newVal)\n    if (\n      this.scrollX &&\n      !isNaN(scrollLeft) &&\n      scrollLeft !== this._scrollLeft\n    ) {\n      if (this.scrollWithAnimation) {\n        easeOutScroll(this._scrollLeft, scrollLeft, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = scrollLeft\n      }\n      this._scrollLeft = scrollLeft\n    }\n  }\n\n  @Watch('mpScrollTop')\n  watchScrollTop (newVal) {\n    const scrollTop = Number(newVal)\n    if (\n      this.scrollY &&\n      !isNaN(scrollTop) &&\n      scrollTop !== this._scrollTop\n    ) {\n      if (this.scrollWithAnimation) {\n        easeOutScroll(this._scrollTop, scrollTop, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = scrollTop\n      }\n      this._scrollTop = scrollTop\n    }\n  }\n\n  @Watch('mpScrollIntoView')\n  watchScrollIntoView (newVal) {\n    if (typeof newVal === 'string' && newVal) {\n      document.querySelector(`#${newVal}`)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'start'\n      })\n    }\n  }\n\n  @Listen('scroll', { capture: true })\n  handleScroll (e: Event) {\n    if (e instanceof CustomEvent) return\n    e.stopPropagation()\n\n    const {\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n    this._scrollLeft = scrollLeft\n    this._scrollTop = scrollTop\n\n    this.upperAndLower()\n\n    this.onScroll.emit({\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    })\n  }\n\n  componentDidLoad () {\n    const {\n      scrollY,\n      scrollX,\n      scrollWithAnimation\n    } = this\n\n    const scrollTop = Number(this.mpScrollTop)\n    const scrollLeft = Number(this.mpScrollLeft)\n\n    if (scrollY && !isNaN(scrollTop)) {\n      if (scrollWithAnimation) {\n        easeOutScroll(0, scrollTop, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = scrollTop\n      }\n      this._scrollTop = scrollTop\n    }\n\n    if (scrollX && !isNaN(scrollLeft)) {\n      if (scrollWithAnimation) {\n        easeOutScroll(0, scrollLeft, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = scrollLeft\n      }\n      this._scrollLeft = scrollLeft\n    }\n  }\n\n  upperAndLower = debounce(() => {\n    const {\n      offsetWidth,\n      offsetHeight,\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n\n    const lowerThreshold = Number(this.lowerThreshold)\n    const upperThreshold = Number(this.upperThreshold)\n\n    if (\n      !isNaN(lowerThreshold) &&\n      ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n      (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      this.onScrollToLower.emit({\n        direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')\n      })\n    }\n\n    if (\n      !isNaN(upperThreshold) &&\n      ((this.scrollY && scrollTop <= upperThreshold) ||\n      (this.scrollX && scrollLeft <= upperThreshold))\n    ) {\n      this.onScrollToUpper.emit({\n        direction: this.scrollX ? 'left' : (this.scrollY ? 'top' : '')\n      })\n    }\n  }, 200)\n\n  render () {\n    const {\n      scrollX,\n      scrollY\n    } = this\n\n    const cls = classNames({\n      'taro-scroll-view__scroll-x': scrollX,\n      'taro-scroll-view__scroll-y': scrollY\n    })\n    return (\n      <Host class={cls}>\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}
+{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../../src/components/scroll-view/scroll-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Element, Method, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nimport type { ScrollViewContext } from '@tarojs/taro'\n\nfunction easeOutScroll (from: number, to: number, duration = 500, callback?) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n\n  const change = to - from\n  const sTime = Date.now()\n  const isLarger = to >= from\n\n  function linear (t: number, b: number, c: number, d: number): number {\n    return c * t / d + b\n  }\n\n  function step () {\n    from = linear(Date.now() - sTime, from, change, duration)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n\n  step()\n}\n\n@Component({\n  tag: 'taro-scroll-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class ScrollView implements ComponentInterface {\n  private _scrollLeft = 0\n  private _scrollTop = 0\n\n  @Element() el: HTMLElement\n\n  @Prop() scrollX = false\n  @Prop() scrollY = false\n  @Prop() upperThreshold: number | string = 50\n  @Prop() lowerThreshold: number | string = 50\n  @Prop({ attribute: 'scroll-top', reflect: true }) mpScrollTop: number | string\n  @Prop({ attribute: 'scroll-left', reflect: true }) mpScrollLeft: number | string\n  @Prop({ attribute: 'scroll-into-view', reflect: true }) mpScrollIntoView: string\n  @Prop({ attribute: 'scroll-with-animation' }) animated = false\n\n  @Event({\n    eventName: 'scroll',\n    bubbles: false\n  })\n  onScroll: EventEmitter\n\n  @Event({\n    eventName: 'scrolltoupper',\n    bubbles: false\n  })\n  onScrollToUpper: EventEmitter\n\n  @Event({\n    eventName: 'scrolltolower',\n    bubbles: false\n  })\n  onScrollToLower: EventEmitter\n\n  @Watch('mpScrollLeft')\n  watchScrollLeft (newVal) {\n    const left = Number(newVal)\n    const { animated } = this\n\n    this.mpScrollToMethod({\n      left, animated\n    })\n  }\n\n  @Watch('mpScrollTop')\n  watchScrollTop (newVal) {\n    const top = Number(newVal)\n    const { animated } = this\n\n    this.mpScrollToMethod({\n      top, animated\n    })\n  }\n\n  @Watch('mpScrollIntoView')\n  watchScrollIntoView (newVal) {\n    this.mpScrollIntoViewMethod(newVal)\n  }\n\n  @Listen('scroll', { capture: true })\n  handleScroll (e: Event) {\n    if (e instanceof CustomEvent) return\n    e.stopPropagation()\n\n    const {\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n    this._scrollLeft = scrollLeft\n    this._scrollTop = scrollTop\n\n    this.upperAndLower()\n\n    this.onScroll.emit({\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    })\n  }\n\n  @Method()\n  async mpScrollToMethod(object: ScrollViewContext.scrollTo.Option) {\n    let { top, left, duration, animated = false } = object\n\n    if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {\n      if (animated) {\n        easeOutScroll(this._scrollTop, top, duration, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = top\n      }\n      this._scrollTop = top\n    }\n\n    if (this.scrollX && typeof left === 'number' && !isNaN(left) && left !== this._scrollLeft) {\n      if (animated) {\n        easeOutScroll(this._scrollLeft, left, duration, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = left\n      }\n      this._scrollLeft = left\n    }\n  }\n\n  @Method()\n  async mpScrollIntoViewMethod(selector: string) {\n    if (typeof selector === 'string' && selector) {\n      document.querySelector(`#${selector}`)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'start'\n      })\n    }\n  }\n\n  componentDidLoad () {\n    const top = Number(this.mpScrollTop)\n    const left = Number(this.mpScrollLeft)\n    const { animated } = this\n\n    this.mpScrollToMethod({\n      top, left, animated\n    })\n  }\n\n  upperAndLower = debounce(() => {\n    const {\n      offsetWidth,\n      offsetHeight,\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n\n    const lowerThreshold = Number(this.lowerThreshold)\n    const upperThreshold = Number(this.upperThreshold)\n\n    if (\n      !isNaN(lowerThreshold) &&\n      ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n      (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      this.onScrollToLower.emit({\n        direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')\n      })\n    }\n\n    if (\n      !isNaN(upperThreshold) &&\n      ((this.scrollY && scrollTop <= upperThreshold) ||\n      (this.scrollX && scrollLeft <= upperThreshold))\n    ) {\n      this.onScrollToUpper.emit({\n        direction: this.scrollX ? 'left' : (this.scrollY ? 'top' : '')\n      })\n    }\n  }, 200)\n\n  render () {\n    const { scrollX, scrollY } = this\n\n    const cls = classNames({\n      'taro-scroll-view__scroll-x': scrollX,\n      'taro-scroll-view__scroll-y': scrollY\n    })\n    return (\n      <Host class={cls}>\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}

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

@@ -1,8 +1,43 @@
-import { h, Host } from '@stencil/core';
+import { Host, h } from '@stencil/core';
+function isEqualTag(a, b) {
+  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
+}
+function parseChildNodes(items, targets) {
+  const list = Array.from(targets.values());
+  for (let i = 0, j = 0; i < list.length; i++, j++) {
+    const target = list[i];
+    let item = items.item(j);
+    while (item && !isEqualTag(item, target)) {
+      item.remove();
+      j++;
+      item = items.item(j);
+    }
+    if (item && !item.isEqualNode(target)) {
+      parseChildNodes(item.childNodes, target.childNodes);
+    }
+    while (i === list.length - 1 && j < items.length) {
+      j++;
+      item = items.item(j);
+      item === null || item === void 0 ? void 0 : item.remove();
+    }
+  }
+}
 export class SwiperItem {
   constructor() {
     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);
+      }
+    }
+  }
   render() {
     return (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));
   }
@@ -28,5 +63,6 @@ export class SwiperItem {
       }
     };
   }
+  static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=swiper-item.js.map

package/dist/collection/components/swiper/swiper-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"swiper-item.js","sourceRoot":"","sources":["../../../src/components/swiper/swiper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAK5E,MAAM,OAAO,UAAU;;;;EAGrB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,MAAM,GAAG,CACnD,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, ComponentInterface, Prop, Host } from '@stencil/core'\n\n@Component({\n  tag: 'taro-swiper-item-core'\n})\nexport class SwiperItem implements ComponentInterface {\n  @Prop() itemId: string\n\n  render () {\n    return (\n      <Host class='swiper-slide' item-id={this.itemId}/>\n    )\n  }\n}\n"]}
+{"version":3,"file":"swiper-item.js","sourceRoot":"","sources":["../../../src/components/swiper/swiper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAErF,SAAS,UAAU,CAAE,CAAU,EAAE,CAAU;EACzC,OAAO,OAAO,CAAC,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAA;AAC/F,CAAC;AAED,SAAS,eAAe,CAAE,KAA4B,EAAE,OAA8B;EACpF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;EACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAY,CAAA;IACjC,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;IACnC,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;MACxC,IAAI,CAAC,MAAM,EAAE,CAAA;MACb,CAAC,EAAE,CAAA;MACH,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;KAChC;IACD,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;MACrC,eAAe,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;KACpD;IACD,OAAO,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE;MAChD,CAAC,EAAE,CAAA;MACH,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;MAC/B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAE,CAAA;KACf;GACF;AACH,CAAC;AAKD,MAAM,OAAO,UAAU;;;;EAKrB,kBAAkB;;IAChB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAA;IAElB,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE;MACnD,MAAM,IAAI,GAAG,KAAK;SACf,IAAI,CAAC,CAAA,MAAA,MAAA,EAAE,CAAC,aAAa,0CAAE,UAAU,0CAAE,MAAM,EAAE,KAAI,EAAE,CAAC;SAClD,MAAM,CAAC,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,uBAAuB,CAAC,CAAA;MAChE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,eAAe,CACb,EAAE,CAAC,UAAU,EACb,MAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,0CAAE,UAAU,CAC/D,CAAA;OACF;KACF;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,MAAM,GAAG,CACnD,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, ComponentInterface, Element, Host, h, Prop } from '@stencil/core'\n\nfunction isEqualTag (a: Element, b: Element) {\n  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName\n}\n\nfunction parseChildNodes (items: NodeListOf<ChildNode>, targets: NodeListOf<ChildNode>) {\n  const list = Array.from(targets.values())\n  for (let i = 0, j = 0; i < list.length; i++, j++) {\n    const target = list[i] as Element\n    let item = items.item(j) as Element\n    while (item && !isEqualTag(item, target)) {\n      item.remove()\n      j++\n      item = items.item(j) as Element\n    }\n    if (item && !item.isEqualNode(target)) {\n      parseChildNodes(item.childNodes, target.childNodes)\n    }\n    while (i === list.length - 1 && j < items.length) {\n      j++\n      item = items.item(j) as Element\n      item?.remove()\n    }\n  }\n}\n\n@Component({\n  tag: 'taro-swiper-item-core'\n})\nexport class SwiperItem implements ComponentInterface {\n  @Element() el: HTMLElement\n\n  @Prop() itemId: string\n\n  componentDidRender () {\n    const el = this.el\n\n    if (el.classList.contains('swiper-slide-duplicate')) {\n      const list = Array\n        .from(el.parentElement?.childNodes?.values() || [])\n        .filter((e: Element) => e.tagName === 'TARO-SWIPER-ITEM-CORE')\n      if (list.length > 0) {\n        parseChildNodes(\n          el.childNodes,\n          list[list.indexOf(el) === 0 ? list.length - 2 : 1]?.childNodes\n        )\n      }\n    }\n  }\n\n  render () {\n    return (\n      <Host class='swiper-slide' item-id={this.itemId}/>\n    )\n  }\n}\n"]}

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

@@ -28,11 +28,9 @@ export class Swiper {
     this.handleSwiperLoop = debounce(() => {
       if (this.swiper && this.circular) {
         // @ts-ignore
-        this.swiper.loopDestroy();
-        // @ts-ignore
-        this.swiper.loopCreate();
+        this.swiper.loopFix();
       }
-    }, 500);
+    }, 50);
     this.handleSwiperSize = debounce(() => {
       if (this.swiper && !this.circular) {
         this.swiper.updateSlides();
@@ -133,6 +131,12 @@ export class Swiper {
       this.handleInit();
     }
   }
+  watchDisplayMultipleItems() {
+    if (this.swiper) {
+      this.swiper.destroy();
+      this.handleInit();
+    }
+  }
   componentWillLoad() {
     this.isWillLoadCalled = true;
   }
@@ -189,7 +193,7 @@ export class Swiper {
         slideChangeTransitionStart(_swiper) {
           if (that.circular) {
             if (_swiper.isBeginning || _swiper.isEnd) {
-              _swiper.slideToLoop(this.realIndex, 0); // 更新下标
+              // _swiper.slideToLoop(this.realIndex, 0, false) // 更新下标
               return;
             }
           }
@@ -588,6 +592,9 @@ export class Swiper {
       }, {
         "propName": "circular",
         "methodName": "watchCircular"
+      }, {
+        "propName": "displayMultipleItems",
+        "methodName": "watchDisplayMultipleItems"
       }];
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"swiper.js","sourceRoot":"","sources":["../../../src/components/swiper/swiper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Host, Element, State } from '@stencil/core'\nimport classNames from 'classnames'\nimport type ISwiper from 'swiper'\nimport SwiperJS from 'swiper/swiper-bundle.esm.js'\n\nimport { debounce } from '../../utils'\n\nlet INSTANCE_ID = 0\n\n@Component({\n  tag: 'taro-swiper-core',\n  styleUrls: [\n    './style/index.scss'\n  ]\n})\nexport class Swiper implements ComponentInterface {\n  private _id = INSTANCE_ID++\n\n  @Element() el: HTMLElement\n  @State() swiperWrapper: HTMLElement | null\n  @State() private swiper: ISwiper\n  @State() isWillLoadCalled = false\n  /**\n   * 是否显示面板指示点\n   */\n  @Prop() indicatorDots = false\n\n  /**\n   * 指示点颜色\n   */\n  @Prop() indicatorColor = 'rgba(0, 0, 0, .3)'\n\n  /**\n   * 当前选中的指示点颜色\n   */\n  @Prop() indicatorActiveColor = '#000000'\n\n  /**\n   * 是否自动切换\n   */\n  @Prop() autoplay = false\n\n  /**\n   * 当前所在滑块的 index\n   */\n  @Prop() current = 0\n\n  /**\n   * 自动切换时间间隔\n   */\n  @Prop() interval = 5000\n\n  /**\n   * 滑动动画时长\n   */\n  @Prop() duration = 500\n\n  /**\n   * 是否采用衔接滑动\n   */\n  @Prop() circular = false\n\n  /**\n   * 滑动方向是否为纵向\n   */\n  @Prop() vertical = false\n\n  /**\n   * 前边距，可用于露出前一项的一小部分，接受 px 值\n   */\n  @Prop() previousMargin = '0px'\n\n  /**\n   * 后边距，可用于露出后一项的一小部分，接受 px 值\n   */\n  @Prop() nextMargin = '0px'\n\n  /**\n   * 同时显示的滑块数量\n   */\n  @Prop() displayMultipleItems = 1\n\n  /**\n   * 给 previewImage API 使用，全屏显示 swiper\n   */\n  @Prop() full = false\n\n  /**\n   * 给 previewImage API 使用，缩放支持\n   */\n  @Prop() zoom = false\n\n  @Event({\n    eventName: 'change'\n  }) onChange: EventEmitter\n\n  @Event({\n    eventName: 'animationfinish'\n  }) onAnimationFinish: EventEmitter\n\n  @Watch('current')\n  watchCurrent (newVal) {\n    if (!this.isWillLoadCalled) return\n\n    const n = parseInt(newVal, 10)\n    if (isNaN(n)) return\n\n    if (this.circular) {\n      if (!this.swiper.isBeginning && !this.swiper.isEnd) {\n        this.swiper.slideToLoop(n) // 更新下标\n      }\n    } else {\n      this.swiper.slideTo(n) // 更新下标\n    }\n  }\n\n  @Watch('autoplay')\n  watchAutoplay (newVal) {\n    if (!this.isWillLoadCalled || !this.swiper) return\n\n    const swiperAutoplay = this.swiper.autoplay\n    if (swiperAutoplay) {\n      if (swiperAutoplay.running === newVal) return\n  \n      if (newVal) {\n        if (this.swiper.params && typeof this.swiper.params.autoplay === 'object') {\n          if (this.swiper.params.autoplay.disableOnInteraction === true) {\n            this.swiper.params.autoplay.disableOnInteraction = false\n          }\n          this.swiper.params.autoplay.delay = this.interval\n        }\n        swiperAutoplay.start()\n      } else {\n        swiperAutoplay.stop()\n      }\n    }\n  }\n\n  @Watch('duration')\n  watchDuration (newVal) {\n    if (!this.isWillLoadCalled) return\n    this.swiper.params.speed = newVal\n  }\n\n  @Watch('interval')\n  watchInterval (newVal) {\n    if (!this.isWillLoadCalled) return\n\n    if (typeof this.swiper.params.autoplay === 'object') {\n      this.swiper.params.autoplay.delay = newVal\n    }\n  }\n\n  @Watch('swiperWrapper')\n  watchSwiperWrapper (newVal?: HTMLElement) {\n    if (!this.isWillLoadCalled) return\n    if (!newVal) return\n    this.el.appendChild = <T extends Node>(newChild: T): T => {\n      return newVal.appendChild(newChild)\n    }\n    this.el.insertBefore = <T extends Node>(newChild: T, refChild: Node | null): T => {\n      return newVal.insertBefore(newChild, refChild)\n    }\n    this.el.replaceChild = <T extends Node>(newChild: Node, oldChild: T): T => {\n      return newVal.replaceChild(newChild, oldChild)\n    }\n    this.el.removeChild = <T extends Node>(oldChild: T): T => {\n      return newVal.removeChild(oldChild)\n    }\n    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize)\n    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize)\n  }\n\n  @Watch(\"circular\")\n  watchCircular () {\n    if (this.swiper) {\n      this.swiper.destroy()\n      this.handleInit()\n    }\n  }\n\n  @State() observer: MutationObserver\n  @State() observerFirst: MutationObserver\n  @State() observerLast: MutationObserver\n\n  componentWillLoad () {\n    this.isWillLoadCalled = true\n  }\n\n  componentDidLoad () {\n    this.handleInit()\n    if (!this.swiper || !this.circular) return\n\n    const wrapper = this.swiper.$wrapperEl?.[0]\n    this.observer = new MutationObserver(this.handleSwiperLoopListen)\n\n    this.observer.observe(wrapper, {\n      childList: true\n    })\n  }\n\n  componentWillUpdate () {\n    if (!this.swiper) return\n    if (this.autoplay && !this.swiper.autoplay?.running) {\n      this.swiper.autoplay?.start()\n    }\n    this.swiper.update() // 更新子元素\n  }\n\n  componentDidRender () {\n    this.handleSwiperLoop()\n  }\n\n  disconnectedCallback () {\n    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize)\n    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize)\n    this.observer?.disconnect?.()\n    this.observerFirst?.disconnect?.()\n    this.observerLast?.disconnect?.()\n  }\n\n  handleSwiperLoopListen = () => {\n    this.observerFirst?.disconnect && this.observerFirst.disconnect()\n    this.observerLast?.disconnect && this.observerLast.disconnect()\n    this.observerFirst = new MutationObserver(this.handleSwiperLoop)\n    this.observerLast = new MutationObserver(this.handleSwiperLoop)\n    const wrapper = this.swiper.$wrapperEl?.[0]\n    const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)')\n    if (list.length >= 1) {\n      this.observerFirst.observe(list[0], {\n        characterData: true\n      })\n    } else if (list.length >= 2) {\n      this.observerLast.observe(list[list.length - 1], {\n        characterData: true\n      })\n    }\n  }\n\n  handleSwiperLoop = debounce(() => {\n    if (this.swiper && this.circular) {\n      // @ts-ignore\n      this.swiper.loopDestroy()\n      // @ts-ignore\n      this.swiper.loopCreate()\n    }\n  }, 500)\n\n  handleSwiperSize = debounce(() => {\n    if (this.swiper && !this.circular) {\n      this.swiper.updateSlides()\n    }\n  }, 50)\n\n  handleInit () {\n    const {\n      autoplay,\n      circular,\n      current,\n      displayMultipleItems,\n      duration,\n      interval,\n      vertical\n    } = this\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this\n\n    const options: any = {\n      pagination: { el: `.taro-swiper-${this._id} > .swiper-container > .swiper-pagination` },\n      direction: vertical ? 'vertical' : 'horizontal',\n      loop: circular,\n      slidesPerView: displayMultipleItems,\n      initialSlide: current,\n      speed: duration,\n      observer: true,\n      observeParents: true,\n      zoom: this.zoom,\n      on: {\n        slideTo () {\n          that.current = this.realIndex\n        },\n         // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionStart 事件代替\n         slideChangeTransitionStart (_swiper: ISwiper) {\n          if (that.circular) {\n            if (_swiper.isBeginning || _swiper.isEnd) {\n              _swiper.slideToLoop(this.realIndex, 0) // 更新下标\n              return\n            }\n          }\n          that.onChange.emit({\n            current: this.realIndex,\n            source: ''\n          })\n        },\n        transitionEnd () {\n          that.onAnimationFinish.emit({\n            current: this.realIndex,\n            source: ''\n          })\n        },\n        observerUpdate (_swiper: ISwiper, e) {\n          const target = e.target\n          const className = target && typeof target.className === 'string' ? target.className : ''\n          if (className.includes('taro_page') && target.style.display !== 'none') {\n            if (that.autoplay && target.contains(_swiper.$el[0])) {\n              if (that.circular) {\n                _swiper.slideToLoop(this.realIndex, 0) // 更新下标\n              } else {\n                _swiper.slideTo(this.realIndex)\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // 自动播放\n    if (autoplay) {\n      options.autoplay = {\n        delay: interval,\n        disableOnInteraction: false\n      }\n    }\n\n    this.swiper = new SwiperJS(`.taro-swiper-${this._id} > .swiper-container`, options)\n    this.swiperWrapper = this.el.querySelector(`.taro-swiper-${this._id} > .swiper-container > .swiper-wrapper`)\n  }\n\n  render () {\n    const {\n      vertical,\n      indicatorDots,\n      indicatorColor,\n      indicatorActiveColor\n    } = this\n\n    const hostStyle: Record<string, string> = { overflow: 'hidden' }\n    const style: Record<string, string> = { overflow: 'visible' }\n    if (this.full) {\n      hostStyle.height = '100%'\n      style.height = '100%'\n    }\n\n    const [, previousMargin] = /^(\\d+)px/.exec(this.previousMargin) || []\n    const [, nextMargin] = /^(\\d+)px/.exec(this.nextMargin) || []\n    const pM = parseInt(previousMargin) || 0\n    const nM = parseInt(nextMargin) || 0\n    if (vertical) {\n      style.marginTop = `${pM}px`\n      style.marginBottom = `${nM}px`\n    } else {\n      style.marginRight = `${nM}px`\n      style.marginLeft = `${pM}px`\n    }\n\n    return (\n      <Host class={`taro-swiper-${this._id}`} style={hostStyle}>\n        <div class='swiper-container' style={style}>\n          <style type='text/css'>\n            {`\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${indicatorColor} }\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${indicatorActiveColor} }\n            `}\n          </style>\n          <div class='swiper-wrapper'>\n            <slot />\n          </div>\n          <div class={classNames('swiper-pagination',\n            {\n              'swiper-pagination-hidden': !indicatorDots,\n              'swiper-pagination-bullets': indicatorDots\n            }\n          )} />\n        </div>\n      </Host>\n    )\n  }\n}\n"]}
+{"version":3,"file":"swiper.js","sourceRoot":"","sources":["../../../src/components/swiper/swiper.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Host, Element, State } from '@stencil/core'\nimport classNames from 'classnames'\nimport type ISwiper from 'swiper'\nimport SwiperJS from 'swiper/swiper-bundle.esm.js'\n\nimport { debounce } from '../../utils'\n\nlet INSTANCE_ID = 0\n\n@Component({\n  tag: 'taro-swiper-core',\n  styleUrls: [\n    './style/index.scss'\n  ]\n})\nexport class Swiper implements ComponentInterface {\n  private _id = INSTANCE_ID++\n\n  @Element() el: HTMLElement\n  @State() swiperWrapper: HTMLElement | null\n  @State() private swiper: ISwiper\n  @State() isWillLoadCalled = false\n  /**\n   * 是否显示面板指示点\n   */\n  @Prop() indicatorDots = false\n\n  /**\n   * 指示点颜色\n   */\n  @Prop() indicatorColor = 'rgba(0, 0, 0, .3)'\n\n  /**\n   * 当前选中的指示点颜色\n   */\n  @Prop() indicatorActiveColor = '#000000'\n\n  /**\n   * 是否自动切换\n   */\n  @Prop() autoplay = false\n\n  /**\n   * 当前所在滑块的 index\n   */\n  @Prop() current = 0\n\n  /**\n   * 自动切换时间间隔\n   */\n  @Prop() interval = 5000\n\n  /**\n   * 滑动动画时长\n   */\n  @Prop() duration = 500\n\n  /**\n   * 是否采用衔接滑动\n   */\n  @Prop() circular = false\n\n  /**\n   * 滑动方向是否为纵向\n   */\n  @Prop() vertical = false\n\n  /**\n   * 前边距，可用于露出前一项的一小部分，接受 px 值\n   */\n  @Prop() previousMargin = '0px'\n\n  /**\n   * 后边距，可用于露出后一项的一小部分，接受 px 值\n   */\n  @Prop() nextMargin = '0px'\n\n  /**\n   * 同时显示的滑块数量\n   */\n  @Prop() displayMultipleItems = 1\n\n  /**\n   * 给 previewImage API 使用，全屏显示 swiper\n   */\n  @Prop() full = false\n\n  /**\n   * 给 previewImage API 使用，缩放支持\n   */\n  @Prop() zoom = false\n\n  @Event({\n    eventName: 'change'\n  }) onChange: EventEmitter\n\n  @Event({\n    eventName: 'animationfinish'\n  }) onAnimationFinish: EventEmitter\n\n  @Watch('current')\n  watchCurrent (newVal) {\n    if (!this.isWillLoadCalled) return\n\n    const n = parseInt(newVal, 10)\n    if (isNaN(n)) return\n\n    if (this.circular) {\n      if (!this.swiper.isBeginning && !this.swiper.isEnd) {\n        this.swiper.slideToLoop(n) // 更新下标\n      }\n    } else {\n      this.swiper.slideTo(n) // 更新下标\n    }\n  }\n\n  @Watch('autoplay')\n  watchAutoplay (newVal) {\n    if (!this.isWillLoadCalled || !this.swiper) return\n\n    const swiperAutoplay = this.swiper.autoplay\n    if (swiperAutoplay) {\n      if (swiperAutoplay.running === newVal) return\n\n      if (newVal) {\n        if (this.swiper.params && typeof this.swiper.params.autoplay === 'object') {\n          if (this.swiper.params.autoplay.disableOnInteraction === true) {\n            this.swiper.params.autoplay.disableOnInteraction = false\n          }\n          this.swiper.params.autoplay.delay = this.interval\n        }\n        swiperAutoplay.start()\n      } else {\n        swiperAutoplay.stop()\n      }\n    }\n  }\n\n  @Watch('duration')\n  watchDuration (newVal) {\n    if (!this.isWillLoadCalled) return\n    this.swiper.params.speed = newVal\n  }\n\n  @Watch('interval')\n  watchInterval (newVal) {\n    if (!this.isWillLoadCalled) return\n\n    if (typeof this.swiper.params.autoplay === 'object') {\n      this.swiper.params.autoplay.delay = newVal\n    }\n  }\n\n  @Watch('swiperWrapper')\n  watchSwiperWrapper (newVal?: HTMLElement) {\n    if (!this.isWillLoadCalled) return\n    if (!newVal) return\n    this.el.appendChild = <T extends Node>(newChild: T): T => {\n      return newVal.appendChild(newChild)\n    }\n    this.el.insertBefore = <T extends Node>(newChild: T, refChild: Node | null): T => {\n      return newVal.insertBefore(newChild, refChild)\n    }\n    this.el.replaceChild = <T extends Node>(newChild: Node, oldChild: T): T => {\n      return newVal.replaceChild(newChild, oldChild)\n    }\n    this.el.removeChild = <T extends Node>(oldChild: T): T => {\n      return newVal.removeChild(oldChild)\n    }\n    this.el.addEventListener('DOMNodeInserted', this.handleSwiperSize)\n    this.el.addEventListener('DOMNodeRemoved', this.handleSwiperSize)\n  }\n\n  @Watch(\"circular\")\n  watchCircular () {\n    if (this.swiper) {\n      this.swiper.destroy()\n      this.handleInit()\n    }\n  }\n\n  @Watch(\"displayMultipleItems\")\n  watchDisplayMultipleItems () {\n    if (this.swiper) {\n      this.swiper.destroy()\n      this.handleInit()\n    }\n  }\n\n  @State() observer: MutationObserver\n  @State() observerFirst: MutationObserver\n  @State() observerLast: MutationObserver\n\n  componentWillLoad () {\n    this.isWillLoadCalled = true\n  }\n\n  componentDidLoad () {\n    this.handleInit()\n    if (!this.swiper || !this.circular) return\n\n    const wrapper = this.swiper.$wrapperEl?.[0]\n    this.observer = new MutationObserver(this.handleSwiperLoopListen)\n\n    this.observer.observe(wrapper, {\n      childList: true\n    })\n  }\n\n  componentWillUpdate () {\n    if (!this.swiper) return\n    if (this.autoplay && !this.swiper.autoplay?.running) {\n      this.swiper.autoplay?.start()\n    }\n    this.swiper.update() // 更新子元素\n  }\n\n  componentDidRender () {\n    this.handleSwiperLoop()\n  }\n\n  disconnectedCallback () {\n    this.el.removeEventListener('DOMNodeInserted', this.handleSwiperSize)\n    this.el.removeEventListener('DOMNodeRemoved', this.handleSwiperSize)\n    this.observer?.disconnect?.()\n    this.observerFirst?.disconnect?.()\n    this.observerLast?.disconnect?.()\n  }\n\n  handleSwiperLoopListen = () => {\n    this.observerFirst?.disconnect && this.observerFirst.disconnect()\n    this.observerLast?.disconnect && this.observerLast.disconnect()\n    this.observerFirst = new MutationObserver(this.handleSwiperLoop)\n    this.observerLast = new MutationObserver(this.handleSwiperLoop)\n    const wrapper = this.swiper.$wrapperEl?.[0]\n    const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)')\n    if (list.length >= 1) {\n      this.observerFirst.observe(list[0], {\n        characterData: true\n      })\n    } else if (list.length >= 2) {\n      this.observerLast.observe(list[list.length - 1], {\n        characterData: true\n      })\n    }\n  }\n\n  handleSwiperLoop = debounce(() => {\n    if (this.swiper && this.circular) {\n      // @ts-ignore\n      this.swiper.loopFix()\n    }\n  }, 50)\n\n  handleSwiperSize = debounce(() => {\n    if (this.swiper && !this.circular) {\n      this.swiper.updateSlides()\n    }\n  }, 50)\n\n  handleInit () {\n    const {\n      autoplay,\n      circular,\n      current,\n      displayMultipleItems,\n      duration,\n      interval,\n      vertical\n    } = this\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this\n\n    const options: any = {\n      pagination: { el: `.taro-swiper-${this._id} > .swiper-container > .swiper-pagination` },\n      direction: vertical ? 'vertical' : 'horizontal',\n      loop: circular,\n      slidesPerView: displayMultipleItems,\n      initialSlide: current,\n      speed: duration,\n      observer: true,\n      observeParents: true,\n      zoom: this.zoom,\n      on: {\n        slideTo () {\n          that.current = this.realIndex\n        },\n         // slideChange 事件在 swiper.slideTo 改写 current 时不触发，因此用 slideChangeTransitionStart 事件代替\n         slideChangeTransitionStart (_swiper: ISwiper) {\n          if (that.circular) {\n            if (_swiper.isBeginning || _swiper.isEnd) {\n              // _swiper.slideToLoop(this.realIndex, 0, false) // 更新下标\n              return\n            }\n          }\n          that.onChange.emit({\n            current: this.realIndex,\n            source: ''\n          })\n        },\n        transitionEnd () {\n          that.onAnimationFinish.emit({\n            current: this.realIndex,\n            source: ''\n          })\n        },\n        observerUpdate (_swiper: ISwiper, e) {\n          const target = e.target\n          const className = target && typeof target.className === 'string' ? target.className : ''\n          if (className.includes('taro_page') && target.style.display !== 'none') {\n            if (that.autoplay && target.contains(_swiper.$el[0])) {\n              if (that.circular) {\n                _swiper.slideToLoop(this.realIndex, 0) // 更新下标\n              } else {\n                _swiper.slideTo(this.realIndex)\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // 自动播放\n    if (autoplay) {\n      options.autoplay = {\n        delay: interval,\n        disableOnInteraction: false\n      }\n    }\n\n    this.swiper = new SwiperJS(`.taro-swiper-${this._id} > .swiper-container`, options)\n    this.swiperWrapper = this.el.querySelector(`.taro-swiper-${this._id} > .swiper-container > .swiper-wrapper`)\n  }\n\n  render () {\n    const {\n      vertical,\n      indicatorDots,\n      indicatorColor,\n      indicatorActiveColor\n    } = this\n\n    const hostStyle: Record<string, string> = { overflow: 'hidden' }\n    const style: Record<string, string> = { overflow: 'visible' }\n    if (this.full) {\n      hostStyle.height = '100%'\n      style.height = '100%'\n    }\n\n    const [, previousMargin] = /^(\\d+)px/.exec(this.previousMargin) || []\n    const [, nextMargin] = /^(\\d+)px/.exec(this.nextMargin) || []\n    const pM = parseInt(previousMargin) || 0\n    const nM = parseInt(nextMargin) || 0\n    if (vertical) {\n      style.marginTop = `${pM}px`\n      style.marginBottom = `${nM}px`\n    } else {\n      style.marginRight = `${nM}px`\n      style.marginLeft = `${pM}px`\n    }\n\n    return (\n      <Host class={`taro-swiper-${this._id}`} style={hostStyle}>\n        <div class='swiper-container' style={style}>\n          <style type='text/css'>\n            {`\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${indicatorColor} }\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${indicatorActiveColor} }\n            `}\n          </style>\n          <div class='swiper-wrapper'>\n            <slot />\n          </div>\n          <div class={classNames('swiper-pagination',\n            {\n              'swiper-pagination-hidden': !indicatorDots,\n              'swiper-pagination-bullets': indicatorDots\n            }\n          )} />\n        </div>\n      </Host>\n    )\n  }\n}\n"]}

package/dist/collection/components/tabbar/tabbar-item.js

@@ -1,6 +1,8 @@
 import classNames from 'classnames';
 import { h } from '@stencil/core';
-export const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, text, onSelect }) => {
+import Taro from '@tarojs/taro';
+import { isVisible } from '../../utils';
+export const TabbarItem = ({ index, isSelected = false, textColor, iconPath, badgeText, showRedDot = false, pagePath, text, onSelect }) => {
   const className = classNames('weui-tabbar__item', {
     'weui-bar__item_on': isSelected
   });
@@ -15,6 +17,10 @@ export const TabbarItem = ({ index, isSelected = false, textColor, iconPath, bad
     right: '-6px'
   };
   function onClick() {
+    const page = Taro.getCurrentPages().shift();
+    if (typeof (page === null || page === void 0 ? void 0 : page.onTabItemTap) === 'function' && isVisible(this)) {
+      page.onTabItemTap({ index, pagePath, text });
+    }
     onSelect(index);
   }
   return (h("a", { key: index, href: 'javascript:;', class: className, onClick: onClick }, h("span", { style: { display: 'inline-block', position: 'relative' } }, h("img", { src: iconPath, alt: '', class: 'weui-tabbar__icon' }), !!badgeText && (h("span", { class: 'weui-badge taro-tabbar-badge', style: badgeStyle }, badgeText)), showRedDot && (h("span", { class: 'weui-badge weui-badge_dot', style: dotStyle }))), h("p", { class: 'weui-tabbar__label', style: { color: textColor } }, text)));

package/dist/collection/components/tabbar/tabbar-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbar-item.js","sourceRoot":"","sources":["../../../src/components/tabbar/tabbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAA;AAatD,MAAM,CAAC,MAAM,UAAU,GAAyC,CAAC,EAC/D,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;EACH,MAAM,SAAS,GAAG,UAAU,CAAC,mBAAmB,EAAE;IAChD,mBAAmB,EAAE,UAAU;GAChC,CAAC,CAAA;EACF,MAAM,UAAU,GAAG;IACjB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,OAAO;GACf,CAAA;EACD,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,MAAM;GACd,CAAA;EAED,SAAS,OAAO;IACd,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjB,CAAC;EAED,OAAO,CACL,SAAG,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;IACnE,YAAM,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE;MAC5D,WAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,mBAAmB,GAAG;MACtD,CAAC,CAAC,SAAS,IAAI,CACd,YACE,KAAK,EAAC,8BAA8B,EACpC,KAAK,EAAE,UAAU,IAChB,SAAS,CACL,CACR;MACA,UAAU,IAAI,CACb,YACE,KAAK,EAAC,2BAA2B,EACjC,KAAK,EAAE,QAAQ,GACf,CACH,CACI;IACP,SAAG,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IACtD,IAAI,CACH,CACF,CACL,CAAA;AACH,CAAC,CAAA","sourcesContent":["import classNames from 'classnames'\nimport { FunctionalComponent, h } from '@stencil/core'\n\ntype TabbarItemProps = {\n  index: number\n  isSelected?: boolean\n  textColor?: string\n  badgeText?: string\n  iconPath: string\n  showRedDot?: boolean\n  text?: string\n  onSelect: (index: number) => void\n}\n\nexport const TabbarItem: FunctionalComponent<TabbarItemProps> = ({\n  index,\n  isSelected = false,\n  textColor,\n  iconPath,\n  badgeText,\n  showRedDot = false,\n  text,\n  onSelect\n}) => {\n  const className = classNames('weui-tabbar__item', {\n    'weui-bar__item_on': isSelected\n  })\n  const badgeStyle = {\n    position: 'absolute',\n    top: '-2px',\n    right: '-13px'\n  }\n  const dotStyle = {\n    position: 'absolute',\n    top: '0',\n    right: '-6px'\n  }\n\n  function onClick () {\n    onSelect(index)\n  }\n\n  return (\n    <a key={index} href='javascript:;' class={className} onClick={onClick}>\n      <span style={{ display: 'inline-block', position: 'relative' }}>\n        <img src={iconPath} alt='' class='weui-tabbar__icon' />\n        {!!badgeText && (\n          <span\n            class='weui-badge taro-tabbar-badge'\n            style={badgeStyle}>\n            {badgeText}\n          </span>\n        )}\n        {showRedDot && (\n          <span\n            class='weui-badge weui-badge_dot'\n            style={dotStyle}\n          />\n        )}\n      </span>\n      <p class='weui-tabbar__label' style={{ color: textColor }}>\n        {text}\n      </p>\n    </a>\n  )\n}\n"]}
+{"version":3,"file":"tabbar-item.js","sourceRoot":"","sources":["../../../src/components/tabbar/tabbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAuB,CAAC,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,IAAI,MAAM,cAAc,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAcvC,MAAM,CAAC,MAAM,UAAU,GAAyC,CAAC,EAC/D,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;EACH,MAAM,SAAS,GAAG,UAAU,CAAC,mBAAmB,EAAE;IAChD,mBAAmB,EAAE,UAAU;GAChC,CAAC,CAAA;EACF,MAAM,UAAU,GAAG;IACjB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,OAAO;GACf,CAAA;EACD,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,MAAM;GACd,CAAA;EAED,SAAS,OAAO;IACd,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,CAAA;IAC3C,IAAI,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAA,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,CAAC,EAAE;MAC/D,IAAI,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;KAC7C;IACD,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjB,CAAC;EAED,OAAO,CACL,SAAG,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;IACnE,YAAM,KAAK,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE;MAC5D,WAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,mBAAmB,GAAG;MACtD,CAAC,CAAC,SAAS,IAAI,CACd,YACE,KAAK,EAAC,8BAA8B,EACpC,KAAK,EAAE,UAAU,IAChB,SAAS,CACL,CACR;MACA,UAAU,IAAI,CACb,YACE,KAAK,EAAC,2BAA2B,EACjC,KAAK,EAAE,QAAQ,GACf,CACH,CACI;IACP,SAAG,KAAK,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IACtD,IAAI,CACH,CACF,CACL,CAAA;AACH,CAAC,CAAA","sourcesContent":["import classNames from 'classnames'\nimport { FunctionalComponent, h } from '@stencil/core'\nimport Taro from '@tarojs/taro'\n\nimport { isVisible } from '../../utils'\n\ntype TabbarItemProps = {\n  index: number\n  isSelected?: boolean\n  textColor?: string\n  badgeText?: string\n  iconPath: string\n  showRedDot?: boolean\n  pagePath?: string\n  text?: string\n  onSelect: (index: number) => void\n}\n\nexport const TabbarItem: FunctionalComponent<TabbarItemProps> = ({\n  index,\n  isSelected = false,\n  textColor,\n  iconPath,\n  badgeText,\n  showRedDot = false,\n  pagePath,\n  text,\n  onSelect\n}) => {\n  const className = classNames('weui-tabbar__item', {\n    'weui-bar__item_on': isSelected\n  })\n  const badgeStyle = {\n    position: 'absolute',\n    top: '-2px',\n    right: '-13px'\n  }\n  const dotStyle = {\n    position: 'absolute',\n    top: '0',\n    right: '-6px'\n  }\n\n  function onClick () {\n    const page = Taro.getCurrentPages().shift()\n    if (typeof page?.onTabItemTap === 'function' && isVisible(this)) {\n      page.onTabItemTap({ index, pagePath, text })\n    }\n    onSelect(index)\n  }\n\n  return (\n    <a key={index} href='javascript:;' class={className} onClick={onClick}>\n      <span style={{ display: 'inline-block', position: 'relative' }}>\n        <img src={iconPath} alt='' class='weui-tabbar__icon' />\n        {!!badgeText && (\n          <span\n            class='weui-badge taro-tabbar-badge'\n            style={badgeStyle}>\n            {badgeText}\n          </span>\n        )}\n        {showRedDot && (\n          <span\n            class='weui-badge weui-badge_dot'\n            style={dotStyle}\n          />\n        )}\n      </span>\n      <p class='weui-tabbar__label' style={{ color: textColor }}>\n        {text}\n      </p>\n    </a>\n  )\n}\n"]}

package/dist/collection/components/tabbar/tabbar.js

@@ -1,6 +1,6 @@
 import { h, Host } from '@stencil/core';
 import Taro from '@tarojs/taro';
-import { addLeadingSlash, stripBasename, stripSuffix } from '@tarojs/router/dist/utils';
+import { addLeadingSlash, getCurrentPage, stripBasename, stripSuffix } from '@tarojs/router/dist/utils';
 import classNames from 'classnames';
 import resolvePathname from 'resolve-pathname';
 import { splitUrl } from '../../utils';
@@ -216,21 +216,8 @@ export class Tabbar {
     this.selectedColor = this.conf.selectedColor;
   }
   getCurrentUrl() {
-    const routerMode = this.conf.mode;
-    const routerBasename = this.conf.basename || '/';
-    let url;
-    if (routerMode === 'hash') {
-      const href = window.location.href;
-      const hashIndex = href.indexOf('#');
-      url = hashIndex === -1
-        ? ''
-        : href.substring(hashIndex + 1);
-    }
-    else {
-      url = location.pathname;
-    }
-    const processedUrl = addLeadingSlash(stripBasename(url, routerBasename));
-    return decodeURI(processedUrl === '/' ? this.homePage : processedUrl);
+    const routePath = getCurrentPage(this.conf.mode, this.conf.basename);
+    return decodeURI(routePath === '/' ? this.homePage : routePath);
   }
   bindEvent() {
     Taro.eventCenter.on('__taroRouterChange', this.routerChangeHandler);
@@ -290,7 +277,7 @@ export class Tabbar {
         textColor = this.color || '';
         iconPath = item.iconPath;
       }
-      return (h(TabbarItem, { index: index, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));
+      return (h(TabbarItem, { index: index, onSelect: this.switchTab.bind(this), isSelected: isSelected, textColor: textColor, iconPath: iconPath, pagePath: item.pagePath, text: item.text, badgeText: item.badgeText, showRedDot: item.showRedDot }));
     }))));
   }
   static get is() { return "taro-tabbar"; }