@tarojs/components 3.6.0-canary.10 → 3.6.0-canary.12

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();
@@ -189,7 +187,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;
             }
           }

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  @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/components/helper.js

@@ -0,0 +1,15 @@
+import Taro from '@tarojs/taro';
+
+function notSupport(name = '', instance = {}) {
+  console.error(`H5 暂不支持 ${name} 组件！`);
+  Taro.eventCenter.trigger('__taroNotSupport', {
+    name,
+    instance,
+    type: 'component',
+    category: 'temporarily',
+  });
+}
+
+export { notSupport as n };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/helper.js.map

@@ -0,0 +1 @@
+{"file":"helper.js","mappings":";;SAEgB,UAAU,CAAE,IAAI,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE;EAClD,OAAO,CAAC,KAAK,CAAC,WAAW,IAAI,MAAM,CAAC,CAAA;EAEpC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,kBAAkB,EAAE;IAC3C,IAAI;IACJ,QAAQ;IACR,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,aAAa;GACxB,CAAC,CAAA;AACJ;;;;","names":[],"sources":["./src/utils/helper.ts"],"sourcesContent":["import Taro from '@tarojs/taro'\n\nexport function notSupport (name = '', instance = {}) {\n  console.error(`H5 暂不支持 ${name} 组件！`)\n\n  Taro.eventCenter.trigger('__taroNotSupport', {\n    name,\n    instance,\n    type: 'component',\n    category: 'temporarily',\n  })\n}\n"],"version":3}