@element-plus-ui/pro-button
Version:
🏆 Use Element Plus Button like a Pro!
277 lines (276 loc) • 17.4 kB
TypeScript
export * from './typing';
declare const ProButton: import('@element-plus-ui/pro-utils').SFCWithInstall<{
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly circle: {
type: import('vue').PropType<boolean>;
};
readonly text: {
type: import('vue').PropType<boolean>;
};
readonly disabled: {
type: import('vue').PropType<boolean>;
};
readonly type: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "default" | "text" | "info" | "primary" | "danger", unknown>>;
};
readonly nativeType: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>>;
};
readonly loading: {
type: import('vue').PropType<boolean>;
};
readonly plain: {
type: import('vue').PropType<boolean>;
};
readonly link: {
type: import('vue').PropType<boolean>;
};
readonly bg: {
type: import('vue').PropType<boolean>;
};
readonly autofocus: {
type: import('vue').PropType<boolean>;
};
readonly round: {
type: import('vue').PropType<boolean>;
};
readonly dark: {
type: import('vue').PropType<boolean>;
};
readonly tag: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly color: {
type: import('vue').PropType<string>;
};
readonly size: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
};
readonly icon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly loadingIcon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly autoInsertSpace: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
};
tip: {
type: import('vue').PropType<string | import('./typing').TipConfig>;
};
title: {
type: import('vue').PropType<string>;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (...args: any[]) => void;
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
readonly circle: {
type: import('vue').PropType<boolean>;
};
readonly text: {
type: import('vue').PropType<boolean>;
};
readonly disabled: {
type: import('vue').PropType<boolean>;
};
readonly type: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "default" | "text" | "info" | "primary" | "danger", unknown>>;
};
readonly nativeType: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>>;
};
readonly loading: {
type: import('vue').PropType<boolean>;
};
readonly plain: {
type: import('vue').PropType<boolean>;
};
readonly link: {
type: import('vue').PropType<boolean>;
};
readonly bg: {
type: import('vue').PropType<boolean>;
};
readonly autofocus: {
type: import('vue').PropType<boolean>;
};
readonly round: {
type: import('vue').PropType<boolean>;
};
readonly dark: {
type: import('vue').PropType<boolean>;
};
readonly tag: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly color: {
type: import('vue').PropType<string>;
};
readonly size: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
};
readonly icon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly loadingIcon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly autoInsertSpace: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
};
tip: {
type: import('vue').PropType<string | import('./typing').TipConfig>;
};
title: {
type: import('vue').PropType<string>;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly circle: {
type: import('vue').PropType<boolean>;
};
readonly text: {
type: import('vue').PropType<boolean>;
};
readonly disabled: {
type: import('vue').PropType<boolean>;
};
readonly type: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "default" | "text" | "info" | "primary" | "danger", unknown>>;
};
readonly nativeType: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>>;
};
readonly loading: {
type: import('vue').PropType<boolean>;
};
readonly plain: {
type: import('vue').PropType<boolean>;
};
readonly link: {
type: import('vue').PropType<boolean>;
};
readonly bg: {
type: import('vue').PropType<boolean>;
};
readonly autofocus: {
type: import('vue').PropType<boolean>;
};
readonly round: {
type: import('vue').PropType<boolean>;
};
readonly dark: {
type: import('vue').PropType<boolean>;
};
readonly tag: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly color: {
type: import('vue').PropType<string>;
};
readonly size: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
};
readonly icon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly loadingIcon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly autoInsertSpace: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
};
tip: {
type: import('vue').PropType<string | import('./typing').TipConfig>;
};
title: {
type: import('vue').PropType<string>;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
readonly circle: {
type: import('vue').PropType<boolean>;
};
readonly text: {
type: import('vue').PropType<boolean>;
};
readonly disabled: {
type: import('vue').PropType<boolean>;
};
readonly type: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "success" | "warning" | "default" | "text" | "info" | "primary" | "danger", unknown>>;
};
readonly nativeType: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>>;
};
readonly loading: {
type: import('vue').PropType<boolean>;
};
readonly plain: {
type: import('vue').PropType<boolean>;
};
readonly link: {
type: import('vue').PropType<boolean>;
};
readonly bg: {
type: import('vue').PropType<boolean>;
};
readonly autofocus: {
type: import('vue').PropType<boolean>;
};
readonly round: {
type: import('vue').PropType<boolean>;
};
readonly dark: {
type: import('vue').PropType<boolean>;
};
readonly tag: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly color: {
type: import('vue').PropType<string>;
};
readonly size: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
};
readonly icon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly loadingIcon: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
};
readonly autoInsertSpace: {
type: import('vue').PropType<import('element-plus/es/utils').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
};
tip: {
type: import('vue').PropType<string | import('./typing').TipConfig>;
};
title: {
type: import('vue').PropType<string>;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
click: (...args: any[]) => void;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
$slots: {
default?(_: {}): any;
};
})> & Record<string, any>;
export { ProButton };
export default ProButton;