42 lines
1.7 KiB
TypeScript
42 lines
1.7 KiB
TypeScript
|
/* eslint-disable */
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
|
|||
|
|
* */
|
|||
|
|
|
|||
|
|
import type { TdSkeletonProps } from './type';
|
|||
|
|
export default {
|
|||
|
|
/** 动画效果，有「渐变加载动画」和「闪烁加载动画」两种。值为 'none' 则表示没有动画 */
|
|||
|
|
animation: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'none' as TdSkeletonProps['animation'],
|
|||
|
|
validator(val: TdSkeletonProps['animation']): boolean {
|
|||
|
|
if (!val) return true;
|
|||
|
|
return ['gradient', 'flashed', 'none'].includes(val);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
/** 延迟显示加载效果的时间，用于防止请求速度过快引起的加载闪烁，单位：毫秒 */
|
|||
|
|
delay: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 0,
|
|||
|
|
},
|
|||
|
|
/** 是否为加载状态，如果是则显示骨架图，如果不是则显示加载完成的内容 */
|
|||
|
|
loading: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: true,
|
|||
|
|
},
|
|||
|
|
/** 高级设置，用于自定义行列数量、宽度高度、间距等。【示例一】，`[1, 1, 2]` 表示输出三行骨架图，第一行一列，第二行一列，第三行两列。【示例二】，`[1, 1, { width: '100px' }]` 表示自定义第三行的宽度为 `100px`。【示例三】，`[1, 2, [{ width, height }, { width, height, marginLeft }]]` 表示第三行有两列，且自定义宽度、高度、尺寸（圆形或方形使用）、间距、内容等 */
|
|||
|
|
rowCol: {
|
|||
|
|
type: Array,
|
|||
|
|
},
|
|||
|
|
/** 骨架图风格，有基础、头像组合等两大类 */
|
|||
|
|
theme: {
|
|||
|
|
type: String,
|
|||
|
|
default: 'text' as TdSkeletonProps['theme'],
|
|||
|
|
validator(val: TdSkeletonProps['theme']): boolean {
|
|||
|
|
if (!val) return true;
|
|||
|
|
return ['avatar', 'image', 'text', 'paragraph'].includes(val);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|