初始化项目, 添加TDesign等包
This commit is contained in:
19
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-status/props.d.ts
vendored
Normal file
19
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-status/props.d.ts
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
declare const _default: {
|
||||
status: {
|
||||
type: StringConstructor;
|
||||
value: "loading" | "active" | "expired" | "scanned";
|
||||
};
|
||||
locale: {
|
||||
type: ObjectConstructor;
|
||||
value: {
|
||||
expiredText?: string;
|
||||
refreshText?: string;
|
||||
scannedText?: string;
|
||||
};
|
||||
};
|
||||
statusRender: {
|
||||
type: BooleanConstructor;
|
||||
value: boolean;
|
||||
};
|
||||
};
|
||||
export default _default;
|
||||
@@ -0,0 +1 @@
|
||||
export default{status:{type:String,value:""},locale:{type:Object,value:{expiredText:"二维码过期",refreshText:"点击刷新",scannedText:"已扫描"}},statusRender:{type:Boolean,value:!1}};
|
||||
@@ -0,0 +1,35 @@
|
||||
import { SuperComponent } from '../../../common/src/index';
|
||||
export default class QRCode extends SuperComponent {
|
||||
options: {
|
||||
multipleSlots: boolean;
|
||||
};
|
||||
properties: {
|
||||
statusRender: {
|
||||
type: BooleanConstructor;
|
||||
value: boolean;
|
||||
};
|
||||
status: {
|
||||
type: StringConstructor;
|
||||
value: "loading" | "active" | "expired" | "scanned";
|
||||
};
|
||||
locale: {
|
||||
type: ObjectConstructor;
|
||||
value: {
|
||||
expiredText?: string;
|
||||
refreshText?: string;
|
||||
scannedText?: string;
|
||||
};
|
||||
};
|
||||
};
|
||||
data: {
|
||||
prefix: string;
|
||||
classPrefix: string;
|
||||
isSkyline: boolean;
|
||||
};
|
||||
lifetimes: {
|
||||
attached(): void;
|
||||
};
|
||||
methods: {
|
||||
handleRefresh(): void;
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
import{__decorate}from"tslib";import props from"./props";import config from"../../../common/config";import{SuperComponent,wxComponent}from"../../../common/src/index";const{prefix:prefix}=config,name=`${prefix}-qrcode`;let QRCode=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.properties=Object.assign(Object.assign({},props),{statusRender:{type:Boolean,value:!1}}),this.data={prefix:prefix,classPrefix:name,isSkyline:!1},this.lifetimes={attached(){this.setData({isSkyline:"skyline"===this.renderer})}},this.methods={handleRefresh(){this.triggerEvent("refresh")}}}};QRCode=__decorate([wxComponent()],QRCode);export default QRCode;
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"t-loading":"../../../loading/loading","t-icon":"../../../icon/icon"}}
|
||||
@@ -0,0 +1 @@
|
||||
<block wx:if="{{statusRender}}"><slot name="statusRender"/></block><block wx:else><view wx:if="{{status === 'expired'}}" class="{{prefix}}-expired"><view class="{{prefix}}-expired__text">{{locale.expiredText}}<view class="{{prefix}}-expired__button" bindtap="handleRefresh"><t-icon name="refresh" size="36rpx"/>{{locale.refreshText}}</view></view></view><view wx:elif="{{status === 'loading'}}" class="{{prefix}}-loading-container"><t-loading size="64rpx" theme="{{isSkyline ? 'spinner' : 'circular'}}"/></view><view wx:elif="{{status === 'scanned'}}" class="{{prefix}}-scanned"><t-icon name="check-circle-filled" class="{{prefix}}-scanned__icon" size="44rpx"/>{{locale.scannedText}}</view></block>
|
||||
@@ -0,0 +1,5 @@
|
||||
@import '../../../common/style/index.wxss';.t-expired__text{color:var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9)));font-weight:600;}
|
||||
.t-expired__button{display:flex;color:var(--td-brand-color,var(--td-primary-color-7,#0052d9));box-shadow:none;cursor:pointer;column-gap:8px;align-items:center;height:32px;transition:all .2s cubic-bezier(.215,.61,.355,1);}
|
||||
.t-expired__button:hover{color:var(--td-brand-color-hover);}
|
||||
.t-scanned{display:flex;column-gap:8px;align-items:center;}
|
||||
.t-scanned__icon{color:var(--td-success-color);}
|
||||
9
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-status/type.d.ts
vendored
Normal file
9
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-status/type.d.ts
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
export interface QRCodeStatusProps {
|
||||
status?: 'active' | 'expired' | 'loading' | 'scanned';
|
||||
locale?: {
|
||||
expiredText?: string;
|
||||
refreshText?: string;
|
||||
scannedText?: string;
|
||||
};
|
||||
statusRender?: boolean;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export{};
|
||||
Reference in New Issue
Block a user