初始化项目, 添加TDesign等包

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/count-down.d.ts

@@ -0,0 +1,34 @@
+import { SuperComponent } from '../common/src/index';
+export default class CountDown extends SuperComponent {
+    externalClasses: string[];
+    properties: import("./type").TdCountDownProps;
+    observers: {
+        time(): void;
+    };
+    data: {
+        prefix: string;
+        classPrefix: string;
+        timeDataUnit: {
+            DD: string;
+            HH: string;
+            mm: string;
+            ss: string;
+            SSS: string;
+        };
+        timeData: import("./utils").TimeData;
+        formattedTime: string;
+    };
+    timeoutId: null | number;
+    isInitialTime: boolean;
+    lifetimes: {
+        detached(): void;
+    };
+    methods: {
+        start(): void;
+        pause(): void;
+        reset(): void;
+        getTime(): number;
+        updateTime(remain: number): void;
+        doCount(): void;
+    };
+}

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/count-down.js

@@ -0,0 +1 @@
+import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{isSameSecond,parseFormat,parseTimeData,TimeDataUnit}from"./utils";const{prefix:prefix}=config,name=`${prefix}-count-down`;let CountDown=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-count`,`${prefix}-class-split`],this.properties=props,this.observers={time(){this.reset()}},this.data={prefix:prefix,classPrefix:name,timeDataUnit:TimeDataUnit,timeData:parseTimeData(0),formattedTime:"0"},this.timeoutId=null,this.isInitialTime=!1,this.lifetimes={detached(){this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}},this.methods={start(){this.counting||(this.counting=!0,this.endTime=Date.now()+this.remain,this.doCount())},pause(){this.counting=!1,this.timeoutId&&clearTimeout(this.timeoutId)},reset(){this.pause(),this.remain=this.properties.time,this.updateTime(this.remain),this.properties.autoStart&&this.remain>0&&this.start(),this.isInitialTime=!0},getTime(){return Math.max(this.endTime-Date.now(),0)},updateTime(t){const{format:i}=this.properties;this.remain=t;const e=parseTimeData(t);this.triggerEvent("change",e);const{timeText:s}=parseFormat(t,i),o=i.split(":");this.setData({timeRange:o,timeData:e,formattedTime:s.replace(/:/g," : ")}),0===t&&(this.counting||this.isInitialTime)&&(this.pause(),this.triggerEvent("finish"),this.counting=!1)},doCount(){this.timeoutId=setTimeout(()=>{const t=this.getTime();this.properties.millisecond?this.updateTime(t):isSameSecond(t,this.remain)&&0!==t||this.updateTime(t),0!==t&&this.doCount()},33)}}}};CountDown=__decorate([wxComponent()],CountDown);export default CountDown;

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/count-down.json

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

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxml

@@ -0,0 +1 @@
+<wxs src="../common/utils.wxs" module="_"/><wxs src="./count-down.wxs" module="_this"/><view style="{{_._style([style, customStyle])}}" class="{{classPrefix}} {{classPrefix}}--{{theme}} {{classPrefix}}--{{size}} class {{prefix}}-class" aria-role="option"><slot wx:if="{{content !== 'default'}}" name="content"/><slot wx:if="{{content !== 'default'}}"/><block wx:elif="{{theme == 'default' && !splitWithUnit}}">{{formattedTime}}</block><block wx:else><block wx:for="{{timeRange}}" wx:key="index"><text class="{{classPrefix}}__item {{prefix}}-class-count">{{_this.format(timeData[timeRange[index]])}}</text><text wx:if="{{ splitWithUnit || timeRange.length - 1 !== index}}" class="{{classPrefix}}__split {{classPrefix}}__split--{{splitWithUnit ? 'text' : 'dot'}} {{prefix}}-class-split">{{splitWithUnit ? timeDataUnit[timeRange[index]] : ':'}}</text></block></block></view>

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxs

@@ -0,0 +1,3 @@
+module.exports.format = function (num) {
+  return num < 10 ? '0' + num : num;
+};

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/count-down.wxss

@@ -0,0 +1,27 @@
+@import '../common/style/index.wxss';.t-count-down--small.t-count-down--default{font-size:var(--td-font-size-base,28rpx);}
+.t-count-down--small.t-count-down--round>.t-count-down__item{font-size:var(--td-font-size-s,24rpx);}
+.t-count-down--small.t-count-down--square>.t-count-down__item{font-size:var(--td-font-size-s,24rpx);}
+.t-count-down--small.t-count-down--round>.t-count-down__item,.t-count-down--small.t-count-down--square>.t-count-down__item{width:40rpx;height:40rpx;}
+.t-count-down--small.t-count-down--round>.t-count-down__split--dot,.t-count-down--small.t-count-down--square>.t-count-down__split--dot{margin:0 4rpx;font-size:var(--td-font-size-base,28rpx);font-weight:700;}
+.t-count-down--small.t-count-down--round>.t-count-down__split--text,.t-count-down--small.t-count-down--square>.t-count-down__split--text{margin:0 8rpx;font-size:var(--td-font-size,20rpx);}
+.t-count-down--medium.t-count-down--default{font-size:var(--td-font-size-m,32rpx);}
+.t-count-down--medium.t-count-down--round>.t-count-down__item{font-size:var(--td-font-size-base,28rpx);}
+.t-count-down--medium.t-count-down--square>.t-count-down__item{font-size:var(--td-font-size-base,28rpx);}
+.t-count-down--medium.t-count-down--round>.t-count-down__item,.t-count-down--medium.t-count-down--square>.t-count-down__item{width:48rpx;height:48rpx;}
+.t-count-down--medium.t-count-down--round>.t-count-down__split--dot,.t-count-down--medium.t-count-down--square>.t-count-down__split--dot{margin:0 6rpx;font-size:var(--td-font-size-m,32rpx);font-weight:700;}
+.t-count-down--medium.t-count-down--round>.t-count-down__split--text,.t-count-down--medium.t-count-down--square>.t-count-down__split--text{margin:0 10rpx;font-size:var(--td-font-size-s,24rpx);}
+.t-count-down--large.t-count-down--default{font-size:36rpx;}
+.t-count-down--large.t-count-down--round>.t-count-down__item{font-size:var(--td-font-size-m,32rpx);}
+.t-count-down--large.t-count-down--square>.t-count-down__item{font-size:var(--td-font-size-m,32rpx);}
+.t-count-down--large.t-count-down--round>.t-count-down__item,.t-count-down--large.t-count-down--square>.t-count-down__item{width:56rpx;height:56rpx;}
+.t-count-down--large.t-count-down--round>.t-count-down__split--dot,.t-count-down--large.t-count-down--square>.t-count-down__split--dot{margin:0 12rpx;font-size:36rpx;font-weight:700;}
+.t-count-down--large.t-count-down--round>.t-count-down__split--text,.t-count-down--large.t-count-down--square>.t-count-down__split--text{margin:0 12rpx;font-size:var(--td-font-size-base,28rpx);}
+.t-count-down{font-family:TCloudNumber,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:flex;}
+.t-count-down .t-count-down__item,.t-count-down .t-count-down__split{display:flex;align-items:center;justify-content:center;}
+.t-count-down--round>.t-count-down__split--dot,.t-count-down--square>.t-count-down__split--dot{color:var(--td-error-color,var(--td-error-color-6,#d54941));}
+.t-count-down--round>.t-count-down__split--text,.t-count-down--square>.t-count-down__split--text{color:var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9)));}
+.t-count-down--default{color:var(--td-countdown-default-color,var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9))));}
+.t-count-down--square{color:var(--td-countdown-round-color,var(--td-text-color-anti,var(--td-font-white-1,#fff)));}
+.t-count-down--square>.t-count-down__item{border-radius:var(--td-countdown-square-border-radius,var(--td-radius-small,6rpx));background:var(--td-countdown-bg-color,var(--td-error-color,var(--td-error-color-6,#d54941)));}
+.t-count-down--round{color:var(--td-countdown-round-color,var(--td-text-color-anti,var(--td-font-white-1,#fff)));}
+.t-count-down--round>.t-count-down__item{border-radius:var(--td-countdown-round-border-radius,var(--td-radius-circle,50%));background:var(--td-countdown-bg-color,var(--td-error-color,var(--td-error-color-6,#d54941)));}

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/props.d.ts

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

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/props.js

@@ -0,0 +1 @@
+const props={autoStart:{type:Boolean,value:!0},content:{type:String,value:"default"},format:{type:String,value:"HH:mm:ss"},millisecond:{type:Boolean,value:!1},size:{type:String,value:"medium"},splitWithUnit:{type:Boolean,value:!1},theme:{type:String,value:"default"},time:{type:Number,value:0,required:!0}};export default props;

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/type.d.ts

@@ -0,0 +1,35 @@
+export interface TdCountDownProps {
+    autoStart?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    content?: {
+        type: StringConstructor;
+        value?: string;
+    };
+    format?: {
+        type: StringConstructor;
+        value?: string;
+    };
+    millisecond?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    size?: {
+        type: StringConstructor;
+        value?: 'small' | 'medium' | 'large';
+    };
+    splitWithUnit?: {
+        type: BooleanConstructor;
+        value?: boolean;
+    };
+    theme?: {
+        type: StringConstructor;
+        value?: 'default' | 'round' | 'square';
+    };
+    time: {
+        type: NumberConstructor;
+        value?: number;
+        required?: boolean;
+    };
+}

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/type.js

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

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/utils.d.ts

@@ -0,0 +1,25 @@
+export interface TimeData {
+    DD: number;
+    HH: number;
+    mm: number;
+    ss: number;
+    SSS: number;
+}
+export declare const TimeDataUnit: {
+    DD: string;
+    HH: string;
+    mm: string;
+    ss: string;
+    SSS: string;
+};
+export declare const parseTimeData: (time: number) => TimeData;
+export declare const isSameSecond: (time1: number, time2: number) => boolean;
+export declare type TTimeList = {
+    digit: string;
+    unit: string;
+    match: string;
+}[];
+export declare const parseFormat: (time: number, format: string) => {
+    timeText: string;
+    timeList: TTimeList;
+};

miniprogram/miniprogram_npm/tdesign-miniprogram/count-down/utils.js

@@ -0,0 +1 @@
+export const TimeDataUnit={DD:"天",HH:"时",mm:"分",ss:"秒",SSS:"毫秒"};const SECOND=1e3,MINUTE=6e4,HOUR=36e5,DAY=24*HOUR;export const parseTimeData=function(t){return{DD:Math.floor(t/DAY),HH:Math.floor(t%DAY/HOUR),mm:Math.floor(t%HOUR/6e4),ss:Math.floor(t%6e4/1e3),SSS:Math.floor(t%1e3)}};export const isSameSecond=function(t,e){return Math.floor(t/1e3)===Math.floor(e/1e3)};export const parseFormat=function(t,e){const o={"D+":Math.floor(t/864e5),"H+":Math.floor(t%864e5/36e5),"m+":Math.floor(t%36e5/6e4),"s+":Math.floor(t%6e4/1e3),"S+":Math.floor(t%1e3)},r=[];let n=e;return Object.keys(o).forEach(t=>{new RegExp(`(${t})`).test(n)&&(n=n.replace(RegExp.$1,(e,n,s)=>{const a=`${o[t]}`;let l=a;e.length>1&&(l=(e.replace(new RegExp(e[0],"g"),"0")+a).substr(a.length));const h=s.substr(n+e.length),c=r[r.length-1];if(c){const t=c.unit.indexOf(e);-1!==t&&(c.unit=c.unit.substr(0,t))}return r.push({digit:l,unit:h,match:e}),l}))}),{timeText:n,timeList:r}};