tmp
This commit is contained in:
@@ -3,6 +3,7 @@ export default class Swiper extends SuperComponent {
|
||||
externalClasses: string[];
|
||||
options: {
|
||||
multipleSlots: boolean;
|
||||
pureDataPattern: RegExp;
|
||||
};
|
||||
properties: import("./type").TdSwiperProps;
|
||||
observers: {
|
||||
@@ -13,6 +14,7 @@ export default class Swiper extends SuperComponent {
|
||||
data: {
|
||||
prefix: string;
|
||||
classPrefix: string;
|
||||
_source: string;
|
||||
};
|
||||
lifetimes: {
|
||||
ready(): void;
|
||||
@@ -21,6 +23,7 @@ export default class Swiper extends SuperComponent {
|
||||
updateNav(currentValue: any): void;
|
||||
onTap(e: any): void;
|
||||
onChange(e: any): void;
|
||||
onAnimationFinish(e: WechatMiniprogram.SwiperAnimationFinish): void;
|
||||
onNavBtnChange(e: any): void;
|
||||
doNavBtnChange(dir: any, source: any): void;
|
||||
onImageLoad(e: any): void;
|
||||
|
||||
@@ -1 +1 @@
|
||||
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},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},this.lifetimes={ready(){const{current:t}=this.properties;this.setData({navCurrent:t})}},this.methods={updateNav(t){var e;if(this.data.navigation)return;const i=null===(e=this.getRelationNodes("./swiper-nav"))||void 0===e?void 0:e[0];if(!i)return;const{direction:r,paginationPosition:n,list:s}=this.properties;i.setData({current:t,total:s.length,direction:r,paginationPosition:n})},onTap(t){const{index:e}=t.currentTarget.dataset;this.triggerEvent("click",{index:e})},onChange(t){const{current:e,source:i}=t.detail;this.setData({navCurrent:e}),this.triggerEvent("change",{current:e,source:i})},onNavBtnChange(t){const{dir:e,source:i}=t.detail;this.doNavBtnChange(e,i)},doNavBtnChange(t,e){const{current:i,list:r,loop:n}=this.data,s=r.length;let o="next"===t?i+1:i-1;o=n?"next"===t?(i+1)%s:(i-1+s)%s:o<0||o>=s?i:o,o!==i&&(this.setData({current:o}),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;
|
||||
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;
|
||||
@@ -1 +1 @@
|
||||
<wxs src="./index.wxs" module="_this"/><wxs src="../common/utils.wxs" module="_"/><import src="../common/template/image.wxml"/><view class="class {{prefix}}-class {{classPrefix}}" style="{{_._style([style, customStyle])}}"><swiper class="{{classPrefix}}-host" autoplay="{{autoplay}}" current="{{current}}" interval="{{interval}}" duration="{{duration}}" circular="{{loop}}" vertical="{{direction == 'vertical'}}" easing-function="{{easingFunction}}" previous-margin="{{previousMargin}}" next-margin="{{nextMargin}}" snap-to-edge="{{snapToEdge}}" display-multiple-items="{{displayMultipleItems}}" style="height: {{_.addUnit(height)}}" bindchange="onChange"><swiper-item wx:for="{{list}}" wx:key="index" class="{{_.cls(classPrefix + '__item', [['preview', _this.isPrev(navCurrent, index, list)], ['next', _this.isNext(navCurrent, index, list)]])}}" data-index="{{index}}" bind:tap="onTap" aria-hidden="{{navCurrent !== index}}" aria-role="image" aria-label="{{_.isObject(item) ? item.ariaLabel : ''}}"><template is="image" data="{{tClass: _this.getImageClass(prefix, navCurrent, index, list), style: 'height: ' + _.addUnit(height), src: _.isObject(item) ? item.value : item, mode: 'aspectFill', dataset: index, ...imageProps, bindload: 'onImageLoad' }}"/></swiper-item></swiper><t-swiper-nav wx:if="{{navigation}}" t-class="{{prefix}}-class-nav" type="{{navigation.type || 'dots'}}" current="{{navCurrent || 0}}" total="{{list.length || 0}}" direction="{{direction || 'horizontal'}}" pagination-position="{{paginationPosition || 'bottom'}}" min-show-num="{{navigation.minShowNum || 2}}" show-controls="{{navigation.showControls || false}}" bind:nav-btn-change="onNavBtnChange"/><slot name="navigation"/><slot name="nav"/></view>
|
||||
<wxs src="./index.wxs" module="_this"/><wxs src="../common/utils.wxs" module="_"/><import src="../common/template/image.wxml"/><view class="class {{prefix}}-class {{classPrefix}}" style="{{_._style([style, customStyle])}}"><swiper class="{{classPrefix}}-host" autoplay="{{autoplay}}" current="{{current}}" interval="{{interval}}" duration="{{duration}}" circular="{{loop}}" vertical="{{direction == 'vertical'}}" easing-function="{{easingFunction}}" previous-margin="{{previousMargin}}" next-margin="{{nextMargin}}" snap-to-edge="{{snapToEdge}}" display-multiple-items="{{displayMultipleItems}}" style="height: {{_.addUnit(height)}}" bindchange="onChange" bindanimationfinish="onAnimationFinish"><swiper-item wx:for="{{list}}" wx:key="index" class="{{_.cls(classPrefix + '__item', [['preview', _this.isPrev(navCurrent, index, list)], ['next', _this.isNext(navCurrent, index, list)]])}}" data-index="{{index}}" bind:tap="onTap" aria-hidden="{{navCurrent !== index}}" aria-role="image" aria-label="{{_.isObject(item) ? item.ariaLabel : ''}}"><template is="image" data="{{tClass: _this.getImageClass(prefix, navCurrent, index, list), style: 'height: ' + _.addUnit(height), src: _.isObject(item) ? item.value : item, mode: 'aspectFill', dataset: index, ...imageProps, bindload: 'onImageLoad' }}"/></swiper-item></swiper><t-swiper-nav wx:if="{{navigation}}" t-class="{{prefix}}-class-nav" type="{{navigation.type || 'dots'}}" current="{{navCurrent || 0}}" total="{{list.length || 0}}" direction="{{direction || 'horizontal'}}" pagination-position="{{paginationPosition || 'bottom'}}" min-show-num="{{navigation.minShowNum || 2}}" show-controls="{{navigation.showControls || false}}" bind:nav-btn-change="onNavBtnChange"/><slot name="navigation"/><slot name="nav"/></view>
|
||||
@@ -1 +1,5 @@
|
||||
@import '../common/style/index.wxss';.t-swiper{position:relative}.t-swiper-host{border-radius:var(--td-swiper-radius,var(--td-radius-large,18rpx));overflow:hidden;transform:translateY(0)}.t-swiper__item{display:flex;align-items:center;box-sizing:border-box;padding:var(--td-swiper-item-padding,0)}.t-swiper__image{width:100%;transition:all .3s ease}.t-swiper__image-host{width:100%}
|
||||
@import '../common/style/index.wxss';.t-swiper{position:relative;}
|
||||
.t-swiper-host{border-radius:var(--td-swiper-radius,var(--td-radius-large,18rpx));overflow:hidden;transform:translateY(0);}
|
||||
.t-swiper__item{display:flex;align-items:center;box-sizing:border-box;padding:var(--td-swiper-item-padding,0);}
|
||||
.t-swiper__image{width:100%;transition:all .3s ease;}
|
||||
.t-swiper__image-host{width:100%;}
|
||||
Reference in New Issue
Block a user