ivue-material-plus
Version:
A high quality UI components Library with Vue.js
255 lines (254 loc) • 5.49 kB
TypeScript
declare const _sfc_main: import("vue").DefineComponent<{
/**
* 状态，可选值为normal、active、wrong、success
*
* @type {String}
*/
status: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 隐藏数值或状态图标
*
* @type {Boolean}
*/
hideInfo: {
type: BooleanConstructor;
default: boolean;
};
/**
* 百分比是否置于进度条内
*
* @type {Boolean}
*/
textInside: {
type: BooleanConstructor;
default: boolean;
};
/**
* 已完成的分段百分比
*
* @type {Number}
*/
successPercent: {
type: NumberConstructor;
default: number;
};
/**
* 百分比
*
* @type {Number}
*/
percent: {
type: NumberConstructor;
default: number;
};
/**
* 进度条的线宽，单位 px
*
* @type {Number}
*/
strokeWidth: {
type: NumberConstructor;
default: number;
};
/**
* 是否在垂直方向显示
*
* @type {Boolean}
*/
vertical: {
type: BooleanConstructor;
default: boolean;
};
/**
* 进度条的颜色
*
* @type {String | Array}
*/
strokeColor: {
type: (StringConstructor | ArrayConstructor)[];
};
/**
* 进度条阴影颜色
*
* @type {String}
*/
boxShadowColor: {
type: StringConstructor;
};
/**
* 状态图标
*
* @type {String}
*/
icon: {
type: StringConstructor;
};
/**
* 是否为动画进度条
*
* @type {Boolean}
*/
indeterminate: {
type: BooleanConstructor;
default: boolean;
};
/**
* 控制动画进度条速度
*
* @type {Number}
*/
duration: {
type: NumberConstructor;
default: number;
};
}, {
prefixCls: string;
currentStatus: import("vue").Ref<string>;
wrapClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
outerClasser: import("vue").ComputedRef<string>;
innerClasser: import("vue").ComputedRef<string>;
bgClasser: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
bgStyles: import("vue").ComputedRef<{
height?: string;
width?: string;
boxShadow?: string;
animationDuration?: string;
backgroundColor?: string;
backgroundImage?: string;
}>;
textClasses: import("vue").ComputedRef<string>;
textInnerClasses: import("vue").ComputedRef<string>;
statusIcon: import("vue").ComputedRef<string>;
isStatus: import("vue").ComputedRef<boolean>;
successBgClasses: import("vue").ComputedRef<string>;
successBgStyles: import("vue").ComputedRef<{}>;
handleStatus: (init: boolean) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-status-change"[], "on-status-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* 状态，可选值为normal、active、wrong、success
*
* @type {String}
*/
status: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
/**
* 隐藏数值或状态图标
*
* @type {Boolean}
*/
hideInfo: {
type: BooleanConstructor;
default: boolean;
};
/**
* 百分比是否置于进度条内
*
* @type {Boolean}
*/
textInside: {
type: BooleanConstructor;
default: boolean;
};
/**
* 已完成的分段百分比
*
* @type {Number}
*/
successPercent: {
type: NumberConstructor;
default: number;
};
/**
* 百分比
*
* @type {Number}
*/
percent: {
type: NumberConstructor;
default: number;
};
/**
* 进度条的线宽，单位 px
*
* @type {Number}
*/
strokeWidth: {
type: NumberConstructor;
default: number;
};
/**
* 是否在垂直方向显示
*
* @type {Boolean}
*/
vertical: {
type: BooleanConstructor;
default: boolean;
};
/**
* 进度条的颜色
*
* @type {String | Array}
*/
strokeColor: {
type: (StringConstructor | ArrayConstructor)[];
};
/**
* 进度条阴影颜色
*
* @type {String}
*/
boxShadowColor: {
type: StringConstructor;
};
/**
* 状态图标
*
* @type {String}
*/
icon: {
type: StringConstructor;
};
/**
* 是否为动画进度条
*
* @type {Boolean}
*/
indeterminate: {
type: BooleanConstructor;
default: boolean;
};
/**
* 控制动画进度条速度
*
* @type {Number}
*/
duration: {
type: NumberConstructor;
default: number;
};
}>> & {
"onOn-status-change"?: (...args: any[]) => any;
}, {
status: string;
vertical: boolean;
hideInfo: boolean;
textInside: boolean;
successPercent: number;
percent: number;
strokeWidth: number;
indeterminate: boolean;
duration: number;
}>;
export default _sfc_main;