初始化项目, 添加TDesign等包

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/index.wxs

@@ -0,0 +1,25 @@
+function isPrev(current, index, list) {
+  return (current - 1 + list.length) % list.length === index;
+}
+
+function isNext(current, index, list) {
+  return (current + 1 + list.length) % list.length === index;
+}
+
+function getImageClass(prefix, current, index, list) {
+  var arr = [prefix + '-swiper__image-host', prefix + '-swiper__image', prefix + '-class-image'];
+
+  if (isPrev(current, index, list)) {
+    arr.push(prefix + '-class-prev-image');
+  }
+
+  if (isNext(current, index, list)) {
+    arr.push(prefix + '-class-next-image');
+  }
+
+  return arr.join(' ');
+}
+
+module.exports.isPrev = isPrev;
+module.exports.isNext = isNext;
+module.exports.getImageClass = getImageClass;

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/props.d.ts

@@ -0,0 +1,3 @@
+import { TdSwiperProps } from './type';
+declare const props: TdSwiperProps;
+export default props;

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/props.js

@@ -0,0 +1 @@
+const props={autoplay:{type:Boolean,value:!0},current:{type:Number,value:0},direction:{type:String,value:"horizontal"},displayMultipleItems:{type:Number,value:1},duration:{type:Number,value:300},easingFunction:{type:String,value:"default"},height:{type:null,value:192},imageProps:{type:Object},interval:{type:Number,value:5e3},list:{type:Array},loop:{type:Boolean,value:!0},navigation:{type:null,value:!0},nextMargin:{type:null,value:0},paginationPosition:{type:String,value:"bottom"},previousMargin:{type:null,value:0},snapToEdge:{type:Boolean,value:!1}};export default props;

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/swiper.d.ts

@@ -0,0 +1,31 @@
+import { SuperComponent, RelationsOptions } from '../common/src/index';
+export default class Swiper extends SuperComponent {
+    externalClasses: string[];
+    options: {
+        multipleSlots: boolean;
+        pureDataPattern: RegExp;
+    };
+    properties: import("./type").TdSwiperProps;
+    observers: {
+        navCurrent(v: any): void;
+    };
+    $nav: any;
+    relations: RelationsOptions;
+    data: {
+        prefix: string;
+        classPrefix: string;
+        _source: string;
+    };
+    lifetimes: {
+        ready(): void;
+    };
+    methods: {
+        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;
+    };
+}

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/swiper.js

@@ -0,0 +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,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;

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/swiper.json

@@ -0,0 +1 @@
+{"component":true,"styleIsolation":"apply-shared","usingComponents":{"t-swiper-nav":"../swiper-nav/swiper-nav","t-image":"../image/image"}}

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxml

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

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/swiper.wxss

@@ -0,0 +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%;}

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/type.d.ts

@@ -0,0 +1,71 @@
+import { SwiperNavProps } from '../swiper-nav/index';
+export interface TdSwiperProps {
+    autoplay?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    current?: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    direction?: {
+        type: StringConstructor;
+        value?: 'horizontal' | 'vertical';
+    };
+    displayMultipleItems?: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    duration?: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    easingFunction?: {
+        type: StringConstructor;
+        value?: 'default' | 'linear' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic';
+    };
+    height?: {
+        type: null;
+        value?: string | number;
+    };
+    imageProps?: {
+        type: ObjectConstructor;
+        value?: object;
+    };
+    interval?: {
+        type: NumberConstructor;
+        value?: number;
+    };
+    list?: {
+        type: ArrayConstructor;
+        value?: string[] | SwiperList[];
+    };
+    loop?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    navigation?: {
+        type: null;
+        value?: SwiperNavProps | boolean;
+    };
+    nextMargin?: {
+        type: null;
+        value?: string | number;
+    };
+    paginationPosition?: {
+        type: StringConstructor;
+        value?: 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right';
+    };
+    previousMargin?: {
+        type: null;
+        value?: string | number;
+    };
+    snapToEdge?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+}
+export interface SwiperList {
+    value: string;
+    ariaLabel: string;
+}

miniprogram/miniprogram_npm/tdesign-miniprogram/swiper/type.js

@@ -0,0 +1 @@
+export{};