ivue-material-plus
Version:
A high quality UI components Library with Vue.js
315 lines (314 loc) • 6.44 kB
TypeScript
import { PropType } from 'vue';
import type { Status } from './types/button';
declare const _sfc_main: import("vue").DefineComponent<{
/**
* 当前下标
*
* @type {Number, string}
*/
index: {
type: (NumberConstructor | StringConstructor)[];
};
/**
* 在按钮上创建一个锚点。在这种情况下，生成的标签将是 a
*
* @type {String}
*/
href: {
type: StringConstructor;
default: any;
};
/**
* 将类型应用于按钮 - 它不会影响链接
*
* @type {String}
*/
type: {
type: StringConstructor;
default: string;
};
/**
* 禁用该按钮并阻止其操作
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 激活涟漪效果
*
* @type {Boolean}
*/
ripple: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否扁平按钮
*
* @type {Boolean}
*/
flat: {
type: BooleanConstructor;
default: boolean;
};
/**
* 凹陷的按钮依然保持其背景色，但没有框阴影
*
* @type {Boolean}
*/
depressed: {
type: BooleanConstructor;
default: boolean;
};
/**
* 圆形图标
*
* @type {Boolean}
*/
icon: {
type: BooleanConstructor;
default: boolean;
};
/**
* 轮廓按钮从当前色彩应用继承他们的边框颜色。
*
* @type {Boolean}
*/
outline: {
type: BooleanConstructor;
default: boolean;
};
/**
* 当使用中心选项时，纹波将始终来自目标的中心。
*
* @type {Boolean}
*/
center: {
type: BooleanConstructor;
default: boolean;
};
/**
* 圆角
*
* @type {Boolean}
*/
radius: {
type: BooleanConstructor;
default: boolean;
};
/**
* 按钮是否激活状态
*
* @type {Boolean}
*/
isActive: {
type: BooleanConstructor;
default: boolean;
};
/**
* 按钮状态
*
* @type {String}
*/
status: {
type: PropType<Status>;
validator(value: string): boolean;
};
/**
* 显示loading
*
* @type {Boolean}
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* 颜色
*
* @type {String | Array}
*/
color: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
}, {
data: {
rippleActive: boolean;
mobile: boolean;
};
rippleWorks: import("vue").ComputedRef<boolean>;
activeButton: import("vue").ComputedRef<string>;
btnClasses: import("vue").ComputedRef<{
[x: string]: boolean;
}>;
computedRipple: import("vue").ComputedRef<boolean | {
center: boolean;
}>;
setBackgroundColor: (color: string | any[], data?: {
style?: any;
class?: any;
}) => {
style?: any;
class?: any;
};
setTextColor: (color: string | string[], data?: any) => {
style?: any;
class?: any;
};
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* 当前下标
*
* @type {Number, string}
*/
index: {
type: (NumberConstructor | StringConstructor)[];
};
/**
* 在按钮上创建一个锚点。在这种情况下，生成的标签将是 a
*
* @type {String}
*/
href: {
type: StringConstructor;
default: any;
};
/**
* 将类型应用于按钮 - 它不会影响链接
*
* @type {String}
*/
type: {
type: StringConstructor;
default: string;
};
/**
* 禁用该按钮并阻止其操作
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 激活涟漪效果
*
* @type {Boolean}
*/
ripple: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否扁平按钮
*
* @type {Boolean}
*/
flat: {
type: BooleanConstructor;
default: boolean;
};
/**
* 凹陷的按钮依然保持其背景色，但没有框阴影
*
* @type {Boolean}
*/
depressed: {
type: BooleanConstructor;
default: boolean;
};
/**
* 圆形图标
*
* @type {Boolean}
*/
icon: {
type: BooleanConstructor;
default: boolean;
};
/**
* 轮廓按钮从当前色彩应用继承他们的边框颜色。
*
* @type {Boolean}
*/
outline: {
type: BooleanConstructor;
default: boolean;
};
/**
* 当使用中心选项时，纹波将始终来自目标的中心。
*
* @type {Boolean}
*/
center: {
type: BooleanConstructor;
default: boolean;
};
/**
* 圆角
*
* @type {Boolean}
*/
radius: {
type: BooleanConstructor;
default: boolean;
};
/**
* 按钮是否激活状态
*
* @type {Boolean}
*/
isActive: {
type: BooleanConstructor;
default: boolean;
};
/**
* 按钮状态
*
* @type {String}
*/
status: {
type: PropType<Status>;
validator(value: string): boolean;
};
/**
* 显示loading
*
* @type {Boolean}
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* 颜色
*
* @type {String | Array}
*/
color: {
type: (StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
}, {
flat: boolean;
type: string;
disabled: boolean;
ripple: boolean;
href: string;
depressed: boolean;
icon: boolean;
outline: boolean;
center: boolean;
radius: boolean;
isActive: boolean;
loading: boolean;
color: string | unknown[];
}>;
export default _sfc_main;