| | |
| | | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { |
| | | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; |
| | | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); |
| | | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; |
| | | return c > 3 && r && Object.defineProperty(target, key, r), r; |
| | | }; |
| | | import { SuperComponent, wxComponent } from '../common/src/index'; |
| | | import config from '../common/config'; |
| | | import props from './props'; |
| | | const { prefix } = config; |
| | | const name = `${prefix}-swiper`; |
| | | let Swiper = class Swiper extends SuperComponent { |
| | | constructor() { |
| | | super(...arguments); |
| | | this.externalClasses = [ |
| | | `${prefix}-class`, |
| | | `${prefix}-class-nav`, |
| | | `${prefix}-class-image`, |
| | | `${prefix}-class-prev-image`, |
| | | `${prefix}-class-next-image`, |
| | | ]; |
| | | this.options = { |
| | | multipleSlots: true, |
| | | }; |
| | | this.properties = props; |
| | | this.observers = { |
| | | navCurrent(v) { |
| | | this.updateNav(v); |
| | | }, |
| | | }; |
| | | this.$nav = null; |
| | | this.relations = { |
| | | '../swiper-nav/swiper-nav': { |
| | | type: 'child', |
| | | }, |
| | | }; |
| | | this.data = { |
| | | prefix, |
| | | classPrefix: name, |
| | | }; |
| | | this.lifetimes = { |
| | | ready() { |
| | | const { current } = this.properties; |
| | | this.setData({ navCurrent: current }); |
| | | }, |
| | | }; |
| | | this.methods = { |
| | | updateNav(currentValue) { |
| | | var _a; |
| | | if (this.data.navigation) |
| | | return; |
| | | const $nav = (_a = this.getRelationNodes('./swiper-nav')) === null || _a === void 0 ? void 0 : _a[0]; |
| | | if (!$nav) |
| | | return; |
| | | const { direction, paginationPosition, list } = this.properties; |
| | | $nav.setData({ |
| | | current: currentValue, |
| | | total: list.length, |
| | | direction, |
| | | paginationPosition, |
| | | }); |
| | | }, |
| | | onTap(e) { |
| | | const { index } = e.currentTarget.dataset; |
| | | this.triggerEvent('click', { index }); |
| | | }, |
| | | onChange(e) { |
| | | const { current, source } = e.detail; |
| | | this.setData({ |
| | | navCurrent: current, |
| | | }); |
| | | this.triggerEvent('change', { current, source }); |
| | | }, |
| | | onNavBtnChange(e) { |
| | | const { dir, source } = e.detail; |
| | | this.doNavBtnChange(dir, source); |
| | | }, |
| | | doNavBtnChange(dir, source) { |
| | | const { current, list, loop } = this.data; |
| | | const count = list.length; |
| | | let nextPos = dir === 'next' ? current + 1 : current - 1; |
| | | if (loop) { |
| | | nextPos = dir === 'next' ? (current + 1) % count : (current - 1 + count) % count; |
| | | } |
| | | else { |
| | | nextPos = nextPos < 0 || nextPos >= count ? current : nextPos; |
| | | } |
| | | if (nextPos === current) |
| | | return; |
| | | this.setData({ |
| | | current: nextPos, |
| | | }); |
| | | this.triggerEvent('change', { current: nextPos, source }); |
| | | }, |
| | | onImageLoad(e) { |
| | | this.triggerEvent('image-load', { index: e.target.dataset.custom }); |
| | | }, |
| | | }; |
| | | } |
| | | }; |
| | | Swiper = __decorate([ |
| | | wxComponent() |
| | | ], Swiper); |
| | | export default Swiper; |
| | | import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";const{prefix:prefix}=config,name=`${prefix}-swiper`;let Swiper=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-nav`,`${prefix}-class-image`,`${prefix}-class-prev-image`,`${prefix}-class-next-image`],this.options={multipleSlots:!0,pureDataPattern:/^_/},this.properties=props,this.observers={navCurrent(t){this.updateNav(t)}},this.$nav=null,this.relations={"../swiper-nav/swiper-nav":{type:"child"}},this.data={prefix:prefix,classPrefix:name,_source:""},this.lifetimes={ready(){const{current:t}=this.properties;this.setData({navCurrent:t})}},this.methods={updateNav(t){var e;if(this.data.navigation)return;const r=null===(e=this.getRelationNodes("./swiper-nav"))||void 0===e?void 0:e[0];if(!r)return;const{direction:i,paginationPosition:n,list:s}=this.properties;r.setData({current:t,total:s.length,direction:i,paginationPosition:n})},onTap(t){const{index:e}=t.currentTarget.dataset;this.triggerEvent("click",{index:e})},onChange(t){const{current:e,source:r}=t.detail;r&&(this.setData({navCurrent:e,_source:r}),this.triggerEvent("change",{current:e,source:r}))},onAnimationFinish(t){const{current:e,source:r}=t.detail;this.triggerEvent("animationfinish",{current:e,source:r||this.data._source})},onNavBtnChange(t){const{dir:e,source:r}=t.detail;this.doNavBtnChange(e,r)},doNavBtnChange(t,e){const{current:r,list:i,loop:n}=this.data,s=i.length;let o="next"===t?r+1:r-1;o=n?"next"===t?(r+1)%s:(r-1+s)%s:o<0||o>=s?r:o,o!==r&&(this.setData({current:o,_source:e}),this.triggerEvent("change",{current:o,source:e}))},onImageLoad(t){this.triggerEvent("image-load",{index:t.target.dataset.custom})}}}};Swiper=__decorate([wxComponent()],Swiper);export default Swiper; |