初始化项目, 添加TDesign等包
This commit is contained in:
3
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/index.d.ts
vendored
Normal file
3
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/index.d.ts
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
export * from './props';
|
||||
export * from './type';
|
||||
export * from './loading';
|
||||
@@ -0,0 +1 @@
|
||||
export*from"./props";export*from"./type";export*from"./loading";
|
||||
77
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/loading.d.ts
vendored
Normal file
77
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/loading.d.ts
vendored
Normal file
@@ -0,0 +1,77 @@
|
||||
import { SuperComponent } from '../common/src/index';
|
||||
import type { TdLoadingProps } from './type';
|
||||
export interface LoadingProps extends TdLoadingProps {
|
||||
}
|
||||
export default class Loading extends SuperComponent {
|
||||
externalClasses: string[];
|
||||
data: {
|
||||
prefix: string;
|
||||
classPrefix: string;
|
||||
show: boolean;
|
||||
};
|
||||
options: {
|
||||
multipleSlots: boolean;
|
||||
};
|
||||
properties: {
|
||||
delay?: {
|
||||
type: NumberConstructor;
|
||||
value?: number;
|
||||
};
|
||||
duration?: {
|
||||
type: NumberConstructor;
|
||||
value?: number;
|
||||
};
|
||||
fullscreen?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
indicator?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
inheritColor?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
layout?: {
|
||||
type: StringConstructor;
|
||||
value?: "horizontal" | "vertical";
|
||||
};
|
||||
loading?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
pause?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
progress?: {
|
||||
type: NumberConstructor;
|
||||
value?: number;
|
||||
};
|
||||
reverse?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
size?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
text?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
theme?: {
|
||||
type: StringConstructor;
|
||||
value?: "circular" | "spinner" | "dots";
|
||||
};
|
||||
};
|
||||
timer: any;
|
||||
observers: {
|
||||
loading(this: any, cur: any): void;
|
||||
};
|
||||
lifetimes: {
|
||||
detached(): void;
|
||||
};
|
||||
refreshPage(): void;
|
||||
}
|
||||
@@ -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}-loading`;let Loading=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-text`,`${prefix}-class-indicator`],this.data={prefix:prefix,classPrefix:name,show:!0},this.options={multipleSlots:!0},this.properties=Object.assign({},props),this.timer=null,this.observers={loading(e){const{delay:t}=this.properties;this.timer&&clearTimeout(this.timer),e&&t?this.timer=setTimeout(()=>{this.setData({show:e}),this.timer=null},t):this.setData({show:e})}},this.lifetimes={detached(){clearTimeout(this.timer)}}}refreshPage(){this.triggerEvent("reload")}};Loading=__decorate([wxComponent()],Loading);export default Loading;
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"styleIsolation":"apply-shared","usingComponents":{}}
|
||||
@@ -0,0 +1 @@
|
||||
<wxs src="../common/utils.wxs" module="_"/><view style="{{_._style([style, customStyle, show ? '' : 'display: none', inheritColor ? 'color: inherit' : ''])}}" class="class {{prefix}}-class {{classPrefix}} {{classPrefix + '--' + layout}} {{fullscreen ? classPrefix + '--fullscreen' : ''}}"><view wx:if="{{indicator}}" class="{{prefix}}-class-indicator {{classPrefix}}__spinner {{classPrefix}}__spinner--{{ theme }} {{reverse ? 'reverse' : ''}}" style="width: {{ _.addUnit(size) }}; height: {{ _.addUnit(size) }}; {{inheritColor ? 'color: inherit;' : ''}} {{indicator ? '' : 'display: none;'}} {{duration ? 'animation-duration: ' + duration / 1000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};" aria-role="{{ariaRole || 'img'}}" aria-label="{{ ariaLabel || text || '加载中' }}"><view wx:if="{{ theme === 'spinner' }}" wx:for="{{12}}" wx:key="index" class="{{classPrefix}}__dot {{classPrefix}}__dot-{{index}}"/><view wx:if="{{ theme === 'circular' }}" class="{{classPrefix}}__circular"/><block wx:if="{{ theme === 'dots' }}"><view class="{{classPrefix}}__dot" style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + 0 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"></view><view class="{{classPrefix}}__dot" style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + duration * 1 / 3000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"></view><view class="{{classPrefix}}__dot" style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + duration * 2 / 3000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"></view></block><slot name="indicator"/></view><view class="{{_.cls(classPrefix + '__text', [layout])}} {{prefix}}-class-text" aria-hidden="{{indicator}}" aria-label="{{ ariaLabel || text }}"><block wx:if="{{text}}">{{text}}</block><slot name="text"/><slot/></view></view>
|
||||
@@ -0,0 +1,47 @@
|
||||
@import '../common/style/index.wxss';.t-loading{display:inline-flex;align-items:center;justify-content:center;font-size:24rpx;}
|
||||
.t-loading--fullscreen{position:fixed;display:flex;align-items:center;vertical-align:middle;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:var(--td-loading-z-index,3500);background-color:var(--td-loading-full-bg-color,rgba(255,255,255,.6));}
|
||||
.t-loading__spinner{position:relative;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;animation:rotate .8s linear infinite;color:var(--td-loading-color,var(--td-brand-color,var(--td-primary-color-7,#0052d9)));}
|
||||
.t-loading__spinner.reverse{animation-name:rotateReverse;}
|
||||
.t-loading__spinner--spinner{animation-timing-function:steps(12);color:var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9)));}
|
||||
.t-loading__spinner--spinner .t-loading__dot{position:absolute;top:0;left:0;width:100%;height:100%;}
|
||||
.t-loading__spinner--spinner .t-loading__dot::before{display:block;width:5rpx;height:25%;margin:0 auto;background-color:var(--td-loading-color,var(--td-brand-color,var(--td-primary-color-7,#0052d9)));border-radius:40%;content:' ';}
|
||||
.t-loading__spinner--circular .t-loading__circular{border-radius:100%;width:100%;height:100%;background:conic-gradient(from 180deg at 50% 50%,rgba(255,255,255,0) 0deg,rgba(255,255,255,0) 60deg,currentColor 330deg,rgba(255,255,255,0) 360deg);mask:radial-gradient(transparent calc(50% - 1rpx),#fff 50%);-webkit-mask:radial-gradient(transparent calc(50% - 1rpx),#fff 50%);}
|
||||
.t-loading__spinner--dots{display:flex;justify-content:space-between;align-items:center;animation:none;}
|
||||
.t-loading__spinner--dots .t-loading__dot{width:20%;height:20%;border-radius:50%;background-color:var(--td-loading-color,var(--td-brand-color,var(--td-primary-color-7,#0052d9)));animation-duration:1.8s;animation-name:dotting;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;}
|
||||
.t-loading__text{color:var(--td-loading-text-color,var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9))));font-size:var(--td-loading-text-font-size,24rpx);line-height:var(--td-loading-text-line-height,40rpx);}
|
||||
.t-loading__text--vertical:not(:first-child):not(:empty){margin-top:12rpx;}
|
||||
.t-loading__text--horizontal:not(:first-child):not(:empty){margin-left:16rpx;}
|
||||
.t-loading--vertical{flex-direction:column;}
|
||||
.t-loading--horizontal{flex-direction:row;vertical-align:top;}
|
||||
@keyframes t-bar{
|
||||
0%{width:0;}
|
||||
50%{width:70%;}
|
||||
100%{width:80%;}}
|
||||
@keyframes t-bar-loaded{
|
||||
0%{height:6rpx;opacity:1;width:90%;}
|
||||
50%{height:6rpx;opacity:1;width:100%;}
|
||||
100%{height:0;opacity:0;width:100%;}}
|
||||
.t-loading__dot-1{transform:rotate(30deg);opacity:0;}
|
||||
.t-loading__dot-2{transform:rotate(60deg);opacity:.08333333;}
|
||||
.t-loading__dot-3{transform:rotate(90deg);opacity:.16666667;}
|
||||
.t-loading__dot-4{transform:rotate(120deg);opacity:.25;}
|
||||
.t-loading__dot-5{transform:rotate(150deg);opacity:.33333333;}
|
||||
.t-loading__dot-6{transform:rotate(180deg);opacity:.41666667;}
|
||||
.t-loading__dot-7{transform:rotate(210deg);opacity:.5;}
|
||||
.t-loading__dot-8{transform:rotate(240deg);opacity:.58333333;}
|
||||
.t-loading__dot-9{transform:rotate(270deg);opacity:.66666667;}
|
||||
.t-loading__dot-10{transform:rotate(300deg);opacity:.75;}
|
||||
.t-loading__dot-11{transform:rotate(330deg);opacity:.83333333;}
|
||||
.t-loading__dot-12{transform:rotate(360deg);opacity:.91666667;}
|
||||
@keyframes rotate{
|
||||
from{transform:rotate(0);}
|
||||
to{transform:rotate(360deg);}}
|
||||
@keyframes rotateReverse{
|
||||
from{transform:rotate(360deg);}
|
||||
to{transform:rotate(0);}}
|
||||
@keyframes dotting{
|
||||
0%{opacity:.15;}
|
||||
1%{opacity:.8;}
|
||||
33%{opacity:.8;}
|
||||
34%{opacity:.15;}
|
||||
100%{opacity:.15;}}
|
||||
3
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/props.d.ts
vendored
Normal file
3
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/props.d.ts
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import { TdLoadingProps } from './type';
|
||||
declare const props: TdLoadingProps;
|
||||
export default props;
|
||||
@@ -0,0 +1 @@
|
||||
const props={delay:{type:Number,value:0},duration:{type:Number,value:800},fullscreen:{type:Boolean,value:!1},indicator:{type:Boolean,value:!0},inheritColor:{type:Boolean,value:!1},layout:{type:String,value:"horizontal"},loading:{type:Boolean,value:!0},pause:{type:Boolean,value:!1},progress:{type:Number},reverse:{type:Boolean},size:{type:String,value:"20px"},text:{type:String},theme:{type:String,value:"circular"}};export default props;
|
||||
54
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/type.d.ts
vendored
Normal file
54
miniprogram/miniprogram_npm/tdesign-miniprogram/loading/type.d.ts
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
export interface TdLoadingProps {
|
||||
delay?: {
|
||||
type: NumberConstructor;
|
||||
value?: number;
|
||||
};
|
||||
duration?: {
|
||||
type: NumberConstructor;
|
||||
value?: number;
|
||||
};
|
||||
fullscreen?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
indicator?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
inheritColor?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
layout?: {
|
||||
type: StringConstructor;
|
||||
value?: 'horizontal' | 'vertical';
|
||||
};
|
||||
loading?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
pause?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
progress?: {
|
||||
type: NumberConstructor;
|
||||
value?: number;
|
||||
};
|
||||
reverse?: {
|
||||
type: BooleanConstructor;
|
||||
value?: boolean;
|
||||
};
|
||||
size?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
text?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
theme?: {
|
||||
type: StringConstructor;
|
||||
value?: 'circular' | 'spinner' | 'dots';
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export{};
|
||||
Reference in New Issue
Block a user