升级package, 以及更新声明文件
This commit is contained in:
8
miniprogram/miniprogram_npm/tdesign-miniprogram/chat-loading/chat-loading.d.ts
vendored
Normal file
8
miniprogram/miniprogram_npm/tdesign-miniprogram/chat-loading/chat-loading.d.ts
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
import { SuperComponent, ComponentsOptionsType } from '../../../components/common/src/index';
|
||||
export default class ChatLoading extends SuperComponent {
|
||||
options: ComponentsOptionsType;
|
||||
properties: import("./type").TdChatLoadingProps;
|
||||
data: {
|
||||
classPrefix: string;
|
||||
};
|
||||
}
|
||||
@@ -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}-chat-loading`;let ChatLoading=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.properties=props,this.data={classPrefix:name}}};ChatLoading=__decorate([wxComponent()],ChatLoading);export default ChatLoading;
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"styleIsolation":"apply-shared","usingComponents":{"t-skeleton":"../skeleton/skeleton","t-loading":"../loading/loading"}}
|
||||
@@ -0,0 +1 @@
|
||||
<wxs src="../common/utils.wxs" module="_"/><view class="class {{[classPrefix]}}" style="{{_._style([style, customStyle])}}"><view wx:if="{{animation !== 'skeleton'}}" class="{{classPrefix}}__icon {{ animation === 'dots' ? '' : classPrefix + '__icon--with-padding' }}"><block wx:if="{{animation === 'moving'}}"><view class="{{classPrefix}}__moving"><view class="{{classPrefix}}__moving--top"/><view class="{{classPrefix}}__moving--left"/><view class="{{classPrefix}}__moving--right"/></view></block><block wx:if="{{animation === 'gradient'}}"><view class="{{classPrefix}}__gradient"/></block><view wx:if="{{animation === 'dots'}}" class="{{classPrefix}}__dots"><t-loading theme="dots" size="60rpx"/></view></view><block wx:if="{{animation === 'skeleton'}}"><view class="{{classPrefix}}__skeleton"><t-skeleton rowCol="{{[1, 1, 1, {width: '80%'}]}}" theme="paragraph" animation="gradient" loading/></view></block><view wx:if="{{text}}" class="{{classPrefix}}__text">{{text}}</view></view>
|
||||
@@ -0,0 +1,36 @@
|
||||
@import '../common/style/index.wxss';.t-chat-loading{display:flex;align-items:center;}
|
||||
.t-chat-loading::after,.t-chat-loading::before{box-sizing:border-box;}
|
||||
.t-chat-loading__icon--with-padding{padding:6rpx;box-sizing:border-box;}
|
||||
.t-chat-loading__icon .t-chat-loading__skeleton{width:100%;}
|
||||
.t-chat-loading__text{color:var(--td-text-color-placeholder,var(--td-font-gray-3,rgba(0,0,0,.4)));font-size:var(--td-font-size-base,28rpx);}
|
||||
.t-chat-loading__text:not(:empty){margin-left:var(--td-spacer,16rpx);}
|
||||
.t-chat-loading__moving{position:relative;width:28rpx;height:28rpx;}
|
||||
.t-chat-loading__moving--left,.t-chat-loading__moving--right,.t-chat-loading__moving--top{position:absolute;width:14rpx;height:14rpx;border-radius:50%;background-color:var(--td-brand-color,var(--td-primary-color-7,#0052d9));}
|
||||
.t-chat-loading__moving--top{top:-6rpx;left:7rpx;animation:dot-moving-top .6s ease-in-out alternate infinite;}
|
||||
.t-chat-loading__moving--left{bottom:-6rpx;left:-6rpx;animation:dot-moving-left .6s ease-in-out alternate infinite;}
|
||||
.t-chat-loading__moving--right{bottom:-6rpx;right:-6rpx;animation:dot-moving-right .6s ease-in-out alternate infinite;}
|
||||
.t-chat-loading__gradient{width:28rpx;height:28rpx;background-color:transparent;border-radius:50%;border:3rpx solid var(--td-brand-color,var(--td-primary-color-7,#0052d9));animation:border-gradient-color .6s ease-in-out alternate infinite;box-sizing:border-box;padding:0 6rpx;}
|
||||
.t-chat-loading__dots{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
|
||||
.t-chat-loading__skeleton{width:100%;}
|
||||
@keyframes dot-moving-top{
|
||||
0%{transform:scale(1);top:-6rpx;}
|
||||
to{transform:scale(2);top:7rpx;}}
|
||||
@keyframes dot-moving-left{
|
||||
0%{transform:scale(1);bottom:-6rpx;left:-6rpx;}
|
||||
to{transform:scale(2);bottom:7rpx;left:7rpx;}}
|
||||
@keyframes dot-moving-right{
|
||||
0%{transform:scale(1);bottom:-6rpx;right:-6rpx;}
|
||||
to{transform:scale(2);bottom:7rpx;right:7rpx;}}
|
||||
@keyframes border-gradient-color{
|
||||
0%{border-color:var(--td-brand-color,var(--td-primary-color-7,#0052d9));border-width:1.5px;}
|
||||
50%{border-color:var(--td-brand-color-active,var(--td-primary-color-8,#003cab));border-width:3px;}
|
||||
100%{border-color:var(--td-primary-color-6,#366ef4);border-width:4px;}}
|
||||
@keyframes a_tick{
|
||||
0%{width:0;}
|
||||
100%{width:14rpx;}}
|
||||
@keyframes a_tick-1{
|
||||
0%{transform:rotate(45deg) scale(0,1);}
|
||||
100%{transform:rotate(45deg) scale(1,1);}}
|
||||
@keyframes a_tick-2{
|
||||
0%{transform:rotate(-45deg) scale(0,1);}
|
||||
100%{transform:rotate(-45deg) scale(1,1);}}
|
||||
3
miniprogram/miniprogram_npm/tdesign-miniprogram/chat-loading/props.d.ts
vendored
Normal file
3
miniprogram/miniprogram_npm/tdesign-miniprogram/chat-loading/props.d.ts
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import { TdChatLoadingProps } from './type';
|
||||
declare const props: TdChatLoadingProps;
|
||||
export default props;
|
||||
@@ -0,0 +1 @@
|
||||
const props={animation:{type:String,value:"moving"},text:{type:String,value:""}};export default props;
|
||||
10
miniprogram/miniprogram_npm/tdesign-miniprogram/chat-loading/type.d.ts
vendored
Normal file
10
miniprogram/miniprogram_npm/tdesign-miniprogram/chat-loading/type.d.ts
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
export interface TdChatLoadingProps {
|
||||
animation?: {
|
||||
type: StringConstructor;
|
||||
value?: 'skeleton' | 'moving' | 'gradient' | 'dot';
|
||||
};
|
||||
text?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export{};
|
||||
Reference in New Issue
Block a user