@opensig/opendesign
Version:
<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制,使用 TypeScript</b></p>
73 lines (72 loc) • 1.92 kB
TypeScript
import { ExtractPropTypes, PropType } from 'vue';
export declare const ProgressVariantTypes: readonly ["line", "circle"];
export type ProgressVariantT = (typeof ProgressVariantTypes)[number];
export declare const ProgressSizeTypes: readonly ["medium", "small"];
export type ProgressSizeT = (typeof ProgressSizeTypes)[number];
export declare const ProgressColorTypes: readonly ["primary", "success", "warning", "danger"];
export type ProgressColorT = (typeof ProgressColorTypes)[number];
export declare const progressProps: {
/**
* 进度条类型 ProgressVariantT
*/
variant: {
type: PropType<ProgressVariantT>;
default: string;
};
/**
* 进度条百分比
*/
percentage: {
type: NumberConstructor;
default: number;
validator: (val: number) => boolean;
};
/**
* 进度条线宽
*/
strokeWidth: {
type: NumberConstructor;
};
/**
* 进度条尺寸类型 ProgressSizeT
*/
size: {
type: PropType<ProgressSizeT>;
default: string;
};
/**
* 进度条颜色类型 ProgressColorT
*/
color: {
type: PropType<ProgressColorT>;
default: string;
};
/**
* 进度条轨道宽度,当为环形进度条时,仅支持Number
*/
trackWidth: {
type: (NumberConstructor | StringConstructor)[];
};
/**
* 格式化文字
*/
format: {
type: PropType<(percentage: number) => string>;
default: (percentage: number) => string;
};
/**
* 是否展示文字
*/
showLabel: {
type: BooleanConstructor;
default: boolean;
};
/**
* 线形进度条,文字是否在进度条内部
*/
labelInside: {
type: BooleanConstructor;
default: boolean;
};
};
export type ProgressPropsT = ExtractPropTypes<typeof progressProps>;