npm - @tarojs/components - Versions diffs - 3.6.0-beta.0 → 3.6.0-beta.1 - Mend

@tarojs/components 3.6.0-beta.0 → 3.6.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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.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/esm/taro-swiper-core_2.entry.js CHANGED Viewed

@@ -9882,11 +9882,9 @@ const Swiper = class {
     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();
@@ -10043,7 +10041,7 @@ const Swiper = class {
         slideChangeTransitionStart(_swiper) {
           if (that.circular) {
             if (_swiper.isBeginning || _swiper.isEnd) {
-              _swiper.slideToLoop(this.realIndex, 0); // 更新下标
+              // _swiper.slideToLoop(this.realIndex, 0, false) // 更新下标
               return;
             }
           }