@tarojs/components 3.5.7 → 3.6.0-canary.1

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

@@ -0,0 +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  @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      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"]}

package/dist/collection/components/switch/switch.js

@@ -1,13 +1,6 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, State, Event, Watch, Element } from '@stencil/core';
+import { h } from '@stencil/core';
 export class Switch {
   constructor() {
-    this.type = 'switch';
-    this.checked = false;
-    this.color = '#04BE02';
-    this.disabled = false;
-    this.nativeProps = {};
-    this.isWillLoadCalled = false;
     this.switchChange = e => {
       e.stopPropagation();
       const value = e.target.checked;
@@ -16,6 +9,14 @@ export class Switch {
         value
       });
     };
+    this.type = 'switch';
+    this.checked = false;
+    this.color = '#04BE02';
+    this.name = undefined;
+    this.disabled = false;
+    this.nativeProps = {};
+    this.isChecked = undefined;
+    this.isWillLoadCalled = false;
   }
   function(newVal, oldVal) {
     if (!this.isWillLoadCalled)
@@ -44,142 +45,155 @@ export class Switch {
     return (h("input", Object.assign({ type: 'checkbox', class: `weui-${type}`, style: style, checked: isChecked, name: name, disabled: disabled, onChange: this.switchChange }, nativeProps)));
   }
   static get is() { return "taro-switch-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./style/index.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["./style/index.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "'switch'"
-    },
-    "checked": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "checked",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "'#04BE02'"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "'switch'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "checked": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "checked",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "nativeProps": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{}",
-        "resolved": "{}",
-        "references": {}
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "'#04BE02'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
       },
-      "defaultValue": "{}"
-    }
-  }; }
-  static get states() { return {
-    "isChecked": {},
-    "isWillLoadCalled": {}
-  }; }
-  static get events() { return [{
-      "method": "onChange",
-      "name": "change",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "nativeProps": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{}",
+          "resolved": "{}",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{}"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "isChecked": {},
+      "isWillLoadCalled": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onChange",
+        "name": "change",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "checked",
-      "methodName": "function"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "checked",
+        "methodName": "function"
+      }];
+  }
 }
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAMlH,MAAM,OAAO,MAAM;;IAoCjB,iBAAY,GAAG,CAAC,CAAC,EAAE;MACjB,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;MAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;MACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjB,KAAK;OACN,CAAC,CAAA;IACJ,CAAC,CAAA;gBA1Cc,QAAQ;mBACL,KAAK;iBACP,SAAS;;oBAEN,KAAK;uBACF,EAAE;;4BAGI,KAAK;;EAKjC,QAAQ,CAAE,MAAe,EAAE,MAAe;IACxC,IAAI,CAAC,IAAI,CAAC,gBAAgB;MAAE,OAAM;IAClC,IAAI,MAAM,KAAK,MAAM;MAAE,IAAI,CAAC,SAAS,GAAG,MAAM,CAAA;EAChD,CAAC;EAOD,iBAAiB;IACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;IAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAA;EAC/B,CAAC;EAED,gBAAgB;IACd,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;MACtC,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS;MACzB,YAAY,EAAE,IAAI;KACnB,CAAC,CAAA;EACJ,CAAC;EAWD,MAAM;IACJ,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,WAAW,EACZ,GAAG,IAAI,CAAA;IAER,MAAM,KAAK,GAAG,SAAS;MACrB,CAAC,CAAC;QACA,WAAW,EAAE,KAAK,IAAI,QAAQ;QAC9B,eAAe,EAAE,KAAK,IAAI,QAAQ;OACnC;MACD,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO,CACL,2BACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,IAAI,EAAE,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,IACvB,WAAW,EACf,CACH,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, ComponentInterface, Prop, State, Event, EventEmitter, Watch, Element } from '@stencil/core'\n\n@Component({\n  tag: 'taro-switch-core',\n  styleUrl: './style/index.scss'\n})\nexport class Switch implements ComponentInterface {\n  @Prop() type = 'switch'\n  @Prop() checked = false\n  @Prop() color = '#04BE02'\n  @Prop() name: string\n  @Prop() disabled = false\n  @Prop() nativeProps = {}\n\n  @State() isChecked: boolean\n  @State() isWillLoadCalled = false\n\n  @Element() el: HTMLElement\n\n  @Watch('checked')\n  function (newVal: boolean, oldVal: boolean) {\n    if (!this.isWillLoadCalled) return\n    if (newVal !== oldVal) this.isChecked = newVal\n  }\n\n  @Event({\n    eventName: 'change'\n  })\n  onChange: EventEmitter\n\n  componentWillLoad () {\n    this.isWillLoadCalled = true\n    this.isChecked = this.checked\n  }\n\n  componentDidLoad () {\n    Object.defineProperty(this.el, 'value', {\n      get: () => this.isChecked,\n      configurable: true\n    })\n  }\n\n  switchChange = e => {\n    e.stopPropagation()\n    const value = e.target.checked\n    this.isChecked = value\n    this.onChange.emit({\n      value\n    })\n  }\n\n  render () {\n    const {\n      type,\n      color,\n      isChecked,\n      name,\n      disabled,\n      nativeProps\n    } = this\n\n    const style = isChecked\n      ? {\n        borderColor: color || '04BE02',\n        backgroundColor: color || '04BE02'\n      }\n      : {}\n\n    return (\n      <input\n        type='checkbox'\n        class={`weui-${type}`}\n        style={style}\n        checked={isChecked}\n        name={name}\n        disabled={disabled}\n        onChange={this.switchChange}\n        {...nativeProps}\n      />\n    )\n  }\n}\n"]}

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

@@ -17,10 +17,6 @@ export const TabbarItem = ({ index, isSelected = false, textColor, iconPath, bad
   function onClick() {
     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)));
+  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)));
 };
+//# sourceMappingURL=tabbar-item.js.map

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

@@ -0,0 +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"]}

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

@@ -1,4 +1,4 @@
-import { Component, Prop, h, Host, State, Event, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import Taro from '@tarojs/taro';
 import { addLeadingSlash, stripBasename, stripSuffix } from '@tarojs/router/dist/utils';
 import classNames from 'classnames';
@@ -16,8 +16,6 @@ export class Tabbar {
     this.homePage = '';
     this.customRoutes = [];
     this.tabbarPos = 'bottom';
-    this.selectedIndex = -1;
-    this.status = STATUS_SHOW;
     this.getOriginUrl = (url) => {
       const customRoute = this.customRoutes.filter(([, customUrl]) => {
         const pathA = splitUrl(customUrl).path;
@@ -180,6 +178,14 @@ export class Tabbar {
       }
       this.list = list;
     };
+    this.conf = undefined;
+    this.list = undefined;
+    this.borderStyle = undefined;
+    this.backgroundColor = undefined;
+    this.color = undefined;
+    this.selectedColor = undefined;
+    this.selectedIndex = -1;
+    this.status = STATUS_SHOW;
     const list = this.conf.list;
     const customRoutes = this.conf.customRoutes;
     if (Object.prototype.toString.call(list) !== '[object Array]' ||
@@ -269,77 +275,87 @@ export class Tabbar {
     return (h(Host, { class: classNames(basicTabBarClassName, `${basicTabBarClassName}-${tabbarPos}`, {
         [hideTabBarClassName]: shouldHideTabBar,
         [hideTabBarWithAnimationClassName]: shouldSlideout
-      }) },
-      h("div", { class: containerCls, style: {
-          backgroundColor: this.backgroundColor || '',
-          height: 'inherit'
-        } }, this.list.map((item, index) => {
-        const isSelected = this.selectedIndex === index;
-        let textColor;
-        let iconPath;
-        if (isSelected) {
-          textColor = this.selectedColor || '';
-          iconPath = item.selectedIconPath;
-        }
-        else {
-          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 }));
-      }))));
+      }) }, h("div", { class: containerCls, style: {
+        backgroundColor: this.backgroundColor || '',
+        height: 'inherit'
+      } }, this.list.map((item, index) => {
+      const isSelected = this.selectedIndex === index;
+      let textColor;
+      let iconPath;
+      if (isSelected) {
+        textColor = this.selectedColor || '';
+        iconPath = item.selectedIconPath;
+      }
+      else {
+        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 }));
+    }))));
   }
   static get is() { return "taro-tabbar"; }
-  static get originalStyleUrls() { return {
-    "$": ["./style/index.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["./style/index.css"]
-  }; }
-  static get properties() { return {
-    "conf": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Conf",
-        "resolved": "Conf",
-        "references": {
-          "Conf": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "conf": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Conf",
+          "resolved": "Conf",
+          "references": {
+            "Conf": {
+              "location": "local"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
       }
-    }
-  }; }
-  static get states() { return {
-    "list": {},
-    "borderStyle": {},
-    "backgroundColor": {},
-    "color": {},
-    "selectedColor": {},
-    "selectedIndex": {},
-    "status": {}
-  }; }
-  static get events() { return [{
-      "method": "onLongPress",
-      "name": "longpress",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "list": {},
+      "borderStyle": {},
+      "backgroundColor": {},
+      "color": {},
+      "selectedColor": {},
+      "selectedIndex": {},
+      "status": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onLongPress",
+        "name": "longpress",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "tabbar"; }
 }
+//# sourceMappingURL=tabbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabbar.js","sourceRoot":"","sources":["../../../src/components/tabbar/tabbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, ComponentInterface, Host, State, Event, EventEmitter, Element } from '@stencil/core'\nimport Taro from '@tarojs/taro'\nimport { addLeadingSlash, stripBasename, stripSuffix } from '@tarojs/router/dist/utils'\nimport { IH5RouterConfig } from '@tarojs/taro/types/compile'\nimport classNames from 'classnames'\nimport resolvePathname from 'resolve-pathname'\n\nimport { splitUrl } from '../../utils'\nimport { TabbarItem } from './tabbar-item'\n\nconst STATUS_SHOW = 0\nconst STATUS_HIDE = 1\nconst STATUS_SLIDEOUT = 2\n\nconst basicTabBarClassName = 'taro-tabbar__tabbar'\nconst hideTabBarClassName = 'taro-tabbar__tabbar-hide'\nconst hideTabBarWithAnimationClassName = 'taro-tabbar__tabbar-slideout'\n\ninterface RouterHandler {\n  index: string\n  text: string\n  url: string\n  successHandler: Function\n  errorHandler: Function\n  animation?: boolean\n}\n\nexport interface Conf {\n  color: string\n  selectedColor: string\n  backgroundColor: string\n  borderStyle?: 'black' | 'white'\n  list: TabbarList[]\n  position?: 'bottom' | 'top'\n  custom: boolean\n  customRoutes: Record<string, string | string[]>\n  mode: IH5RouterConfig['mode']\n  basename: string\n  homePage: string\n  currentPagename: string\n}\n\ninterface TabbarList {\n  pagePath: string\n  text: string\n  iconPath?: string\n  selectedIconPath?: string\n  badgeText?: string\n  showRedDot?: boolean\n}\n\n@Component({\n  tag: 'taro-tabbar',\n  styleUrl: './style/index.scss'\n})\nexport class Tabbar implements ComponentInterface {\n  private homePage = ''\n\n  private customRoutes: Array<string[]> = []\n\n  private tabbarPos: 'top' | 'bottom' = 'bottom'\n\n  @Prop() conf: Conf\n\n  @State() list: TabbarList[]\n\n  @State() borderStyle: Conf['borderStyle']\n\n  @State() backgroundColor: Conf['backgroundColor']\n\n  @State() color: Conf['color']\n\n  @State() selectedColor: Conf['selectedColor']\n\n  @State() selectedIndex = -1\n\n  @State() status: 0 | 1 | 2 = STATUS_SHOW\n\n  @Event({\n    eventName: 'longpress'\n  }) onLongPress: EventEmitter\n\n  @Element() tabbar: HTMLDivElement\n\n  constructor () {\n    const list = this.conf.list\n    const customRoutes = this.conf.customRoutes\n    if (\n      Object.prototype.toString.call(list) !== '[object Array]' ||\n      list.length < 2 ||\n      list.length > 5\n    ) {\n      throw new Error('tabBar 配置错误')\n    }\n\n    this.homePage = addLeadingSlash(this.conf.homePage)\n    for (let key in customRoutes) {\n      const path = customRoutes[key]\n      key = addLeadingSlash(key)\n      if (typeof path === 'string') {\n        this.customRoutes.push([key, addLeadingSlash(path)])\n      } else if (path?.length > 0) {\n        this.customRoutes.push(...path.map(p => [key, addLeadingSlash(p)]))\n      }\n    }\n\n    list.forEach(item => {\n      if (item.pagePath.indexOf('/') !== 0) {\n        item.pagePath = '/' + item.pagePath\n      }\n    })\n\n    this.list = list\n    this.borderStyle = this.conf.borderStyle\n    this.backgroundColor = this.conf.backgroundColor\n    this.color = this.conf.color\n    this.selectedColor = this.conf.selectedColor\n  }\n\n  getCurrentUrl () {\n    const routerMode = this.conf.mode\n    const routerBasename = this.conf.basename || '/'\n    let url\n    if (routerMode === 'hash') {\n      const href = window.location.href\n      const hashIndex = href.indexOf('#')\n      url = hashIndex === -1\n        ? ''\n        : href.substring(hashIndex + 1)\n    } else {\n      url = location.pathname\n    }\n    const processedUrl = addLeadingSlash(stripBasename(url, routerBasename))\n    return decodeURI(processedUrl === '/' ? this.homePage : processedUrl)\n  }\n\n  getOriginUrl = (url: string) => {\n    const customRoute = this.customRoutes.filter(([, customUrl]) => {\n      const pathA = splitUrl(customUrl).path\n      const pathB = splitUrl(url).path\n      return pathA === pathB\n    })\n    return stripSuffix(customRoute.length ? customRoute[0][0] : url, '.html')\n  }\n\n  getSelectedIndex = (url: string) => {\n    let foundIndex = -1\n    this.list.forEach(({ pagePath }, idx) => {\n      const pathA = splitUrl(url).path\n      const pathB = splitUrl(pagePath).path\n      if (pathA === pathB) {\n        foundIndex = idx\n      }\n    })\n    return foundIndex\n  }\n\n  switchTab = (index: number) => {\n    this.selectedIndex = index\n    Taro.switchTab({\n      url: this.list[index].pagePath\n    })\n  }\n\n  switchTabHandler = ({ url, successHandler, errorHandler }: RouterHandler) => {\n    const currentUrl = this.getOriginUrl(this.getCurrentUrl() || this.homePage)\n    const nextTab = resolvePathname(url, currentUrl)\n    const foundIndex = this.getSelectedIndex(nextTab)\n\n    if (foundIndex > -1) {\n      this.switchTab(foundIndex)\n      successHandler({\n        errMsg: 'switchTab:ok'\n      })\n    } else {\n      errorHandler({\n        errMsg: `switchTab:fail page \"${nextTab}\" is not found`\n      })\n    }\n  }\n\n  routerChangeHandler = (options?) => {\n    const to = options?.toLocation?.path\n    let currentPage\n\n    if (typeof to === 'string') {\n      const routerBasename = this.conf.basename || '/'\n      currentPage = stripBasename(addLeadingSlash(to || this.homePage), routerBasename) || '/'\n    } else {\n      currentPage = this.getCurrentUrl()\n    }\n\n    this.selectedIndex = this.getSelectedIndex(this.getOriginUrl(currentPage))\n  }\n\n  setTabBarBadgeHandler = ({ index, text, successHandler, errorHandler }: RouterHandler) => {\n    const list = [...this.list]\n    if (index in list) {\n      list[index].showRedDot = false\n      list[index].badgeText = text\n      successHandler({\n        errMsg: 'setTabBarBadge:ok'\n      })\n    } else {\n      errorHandler({\n        errMsg: 'setTabBarBadge:fail tabbar item not found'\n      })\n    }\n\n    this.list = list\n  }\n\n  removeTabBarBadgeHandler = ({ index, successHandler, errorHandler }: RouterHandler) => {\n    const list = [...this.list]\n    if (index in list) {\n      list[index].badgeText = null\n      list[index].badgeText = null\n      successHandler({\n        errMsg: 'removeTabBarBadge:ok'\n      })\n    } else {\n      errorHandler({\n        errMsg: 'removeTabBarBadge:fail tabbar item not found'\n      })\n    }\n\n    this.list = list\n  }\n\n  showTabBarRedDotHandler = ({ index, successHandler, errorHandler }: RouterHandler) => {\n    const list = [...this.list]\n    if (index in list) {\n      list[index].badgeText = null\n      list[index].showRedDot = true\n      successHandler({\n        errMsg: 'showTabBarRedDot:ok'\n      })\n    } else {\n      errorHandler({\n        errMsg: 'showTabBarRedDot:fail tabbar item not found'\n      })\n    }\n\n    this.list = list\n  }\n\n  hideTabBarRedDotHandler = ({ index, successHandler, errorHandler }: RouterHandler) => {\n    const list = [...this.list]\n    if (index in list) {\n      list[index].showRedDot = false\n      successHandler({\n        errMsg: 'hideTabBarRedDot:ok'\n      })\n    } else {\n      errorHandler({\n        errMsg: 'hideTabBarRedDot:fail tabbar item not found'\n      })\n    }\n\n    this.list = list\n  }\n\n  showTabBarHandler = ({ successHandler }) => {\n    this.status = STATUS_SHOW\n    successHandler({\n      errMsg: 'showTabBar:ok'\n    })\n  }\n\n  hideTabBarHandler = ({ animation, successHandler }) => {\n    this.status = animation ? STATUS_SLIDEOUT : STATUS_HIDE\n    successHandler({\n      errMsg: 'hideTabBar:ok'\n    })\n  }\n\n  setTabBarStyleHandler = ({ color, selectedColor, backgroundColor, borderStyle, successHandler }) => {\n    if (backgroundColor) this.backgroundColor = backgroundColor\n    if (borderStyle) this.borderStyle = borderStyle\n    if (color) this.color = color\n    if (selectedColor) this.selectedColor = selectedColor\n    successHandler({\n      errMsg: 'setTabBarStyle:ok'\n    })\n  }\n\n  setTabBarItemHandler = ({ index, iconPath, selectedIconPath, text, successHandler, errorHandler }) => {\n    const list = [...this.list]\n    if (index in list) {\n      if (iconPath) list[index].iconPath = iconPath\n      if (selectedIconPath) list[index].selectedIconPath = selectedIconPath\n      if (text) list[index].text = text\n      successHandler({\n        errMsg: 'setTabBarItem:ok'\n      })\n    } else {\n      errorHandler({\n        errMsg: 'setTabBarItem:fail tabbar item not found'\n      })\n    }\n\n    this.list = list\n  }\n\n  bindEvent () {\n    Taro.eventCenter.on('__taroRouterChange', this.routerChangeHandler)\n    Taro.eventCenter.on('__taroSwitchTab', this.switchTabHandler)\n    Taro.eventCenter.on('__taroSetTabBarBadge', this.setTabBarBadgeHandler)\n    Taro.eventCenter.on('__taroRemoveTabBarBadge', this.removeTabBarBadgeHandler)\n    Taro.eventCenter.on('__taroShowTabBarRedDotHandler', this.showTabBarRedDotHandler)\n    Taro.eventCenter.on('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler)\n    Taro.eventCenter.on('__taroShowTabBar', this.showTabBarHandler)\n    Taro.eventCenter.on('__taroHideTabBar', this.hideTabBarHandler)\n    Taro.eventCenter.on('__taroSetTabBarStyle', this.setTabBarStyleHandler)\n    Taro.eventCenter.on('__taroSetTabBarItem', this.setTabBarItemHandler)\n  }\n\n  removeEvent () {\n    Taro.eventCenter.off('__taroRouterChange', this.routerChangeHandler)\n    Taro.eventCenter.off('__taroSwitchTab', this.switchTabHandler)\n    Taro.eventCenter.off('__taroSetTabBarBadge', this.setTabBarBadgeHandler)\n    Taro.eventCenter.off('__taroRemoveTabBarBadge', this.removeTabBarBadgeHandler)\n    Taro.eventCenter.off('__taroShowTabBarRedDotHandler', this.showTabBarRedDotHandler)\n    Taro.eventCenter.off('__taroHideTabBarRedDotHandler', this.hideTabBarRedDotHandler)\n    Taro.eventCenter.off('__taroShowTabBar', this.showTabBarHandler)\n    Taro.eventCenter.off('__taroHideTabBar', this.hideTabBarHandler)\n    Taro.eventCenter.off('__taroSetTabBarStyle', this.setTabBarStyleHandler)\n    Taro.eventCenter.off('__taroSetTabBarItem', this.setTabBarItemHandler)\n  }\n\n  componentDidLoad () {\n    this.tabbarPos = this.tabbar.nextElementSibling ? 'top' : 'bottom'\n    this.bindEvent()\n    this.routerChangeHandler()\n  }\n\n  disconnectedCallback () {\n    this.removeEvent()\n  }\n\n  render () {\n    const { tabbarPos = 'bottom' } = this\n    const status = this.status\n    const containerCls = classNames('weui-tabbar', {\n      [`taro-tabbar__border-${this.borderStyle || 'black'}`]: true\n    })\n    const shouldHideTabBar = this.selectedIndex === -1 || status === STATUS_HIDE\n    const shouldSlideout = status === STATUS_SLIDEOUT\n\n    return (\n      <Host\n        class={classNames(\n          basicTabBarClassName,\n          `${basicTabBarClassName}-${tabbarPos}`, {\n            [hideTabBarClassName]: shouldHideTabBar,\n            [hideTabBarWithAnimationClassName]: shouldSlideout\n          })} >\n        <div\n          class={containerCls}\n          style={{\n            backgroundColor: this.backgroundColor || '',\n            height: 'inherit'\n          }}\n        >\n          {this.list.map((item, index) => {\n            const isSelected = this.selectedIndex === index\n            let textColor\n            let iconPath\n            if (isSelected) {\n              textColor = this.selectedColor || ''\n              iconPath = item.selectedIconPath\n            } else {\n              textColor = this.color || ''\n              iconPath = item.iconPath\n            }\n            return (\n              <TabbarItem\n                index={index}\n                onSelect={this.switchTab.bind(this)}\n                isSelected={isSelected}\n                textColor={textColor}\n                iconPath={iconPath}\n                text={item.text}\n                badgeText={item.badgeText}\n                showRedDot={item.showRedDot}\n              />\n            )\n          })}\n        </div>\n      </Host>\n    )\n  }\n}\n"]}