t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
377 lines (376 loc) • 14 kB
TypeScript
import type { AlertType, AlertOverflowType, AlertCloseEndInterface } from './src/interface.d';
import type { DefineComponent, PropType, VNode, RendererNode, RendererElement, Component, ComputedOptions, MethodOptions, Ref, ComputedRef, CSSProperties, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, EmitsOptions } from 'vue';
import type { InstallType, ClassListInterface, HandleEventInterface } from '../_interface';
import Alert from "./src/alert";
export declare const FAlert: InstallType<DefineComponent<{
readonly type: {
readonly type: PropType<AlertType>;
readonly default: () => AlertType;
readonly validator: (val: AlertType) => boolean;
};
readonly fontSize: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly titleSize: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly bold: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly center: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly close: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly simple: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly title: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly round: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly background: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly color: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly titleColor: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly fixed: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly overflow: {
readonly type: PropType<AlertOverflowType>;
readonly default: () => AlertOverflowType;
readonly validator: (val: AlertOverflowType) => boolean;
};
readonly closeIcon: {
readonly type: PropType<VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>>;
readonly default: () => null;
};
readonly beforeIcon: {
readonly type: PropType<VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>>;
readonly default: () => null;
};
readonly closeEnd: {
readonly type: PropType<AlertCloseEndInterface>;
readonly default: () => null;
};
}, {
prop: {
readonly type?: unknown;
readonly fontSize?: unknown;
readonly titleSize?: unknown;
readonly bold?: unknown;
readonly center?: unknown;
readonly close?: unknown;
readonly simple?: unknown;
readonly title?: unknown;
readonly round?: unknown;
readonly background?: unknown;
readonly color?: unknown;
readonly titleColor?: unknown;
readonly fixed?: unknown;
readonly overflow?: unknown;
readonly closeIcon?: unknown;
readonly beforeIcon?: unknown;
readonly closeEnd?: unknown;
} & {
bold: boolean;
fixed: boolean;
type: AlertType;
fontSize: string | number;
titleSize: string | number;
center: boolean;
close: boolean;
simple: boolean;
title: string;
round: boolean;
background: string;
color: string;
titleColor: string;
overflow: AlertOverflowType;
closeIcon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
beforeIcon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
closeEnd: AlertCloseEndInterface;
} & {};
isShow: Ref<boolean>;
classList: ComputedRef<ClassListInterface>;
contentClassList: ComputedRef<ClassListInterface>;
styleList: ComputedRef<CSSProperties>;
handleClose: HandleEventInterface;
FCloseBtn: InstallType<DefineComponent<{
readonly size: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly round: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly disabled: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly color: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly icon: {
readonly type: PropType<VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>>;
readonly default: () => null;
};
readonly click: {
readonly type: PropType<HandleEventInterface>;
readonly default: () => null;
};
}, {
prop: {
readonly size?: unknown;
readonly round?: unknown;
readonly disabled?: unknown;
readonly color?: unknown;
readonly icon?: unknown;
readonly click?: unknown;
} & {
round: boolean;
color: string;
size: string | number;
disabled: boolean;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
} & {};
handleClick: HandleEventInterface;
classList: ComputedRef<ClassListInterface>;
FSvgIcon: InstallType<DefineComponent<{
readonly icon: {
readonly type: PropType<VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>>;
readonly default: () => null;
};
readonly color: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly size: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly click: {
readonly type: PropType<HandleEventInterface>;
readonly default: () => null;
};
}, {
prop: {
readonly icon?: unknown;
readonly color?: unknown;
readonly size?: unknown;
readonly click?: unknown;
} & {
color: string;
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
} & {};
handleClick: HandleEventInterface;
styleList: ComputedRef<CSSProperties>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
readonly icon?: unknown;
readonly color?: unknown;
readonly size?: unknown;
readonly click?: unknown;
} & {
color: string;
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
} & {}>, {
color: string;
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
}>>;
FIconCrossVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
readonly size?: unknown;
readonly round?: unknown;
readonly disabled?: unknown;
readonly color?: unknown;
readonly icon?: unknown;
readonly click?: unknown;
} & {
round: boolean;
color: string;
size: string | number;
disabled: boolean;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
} & {}>, {
round: boolean;
color: string;
size: string | number;
disabled: boolean;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
}>>;
FSvgIcon: InstallType<DefineComponent<{
readonly icon: {
readonly type: PropType<VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>>;
readonly default: () => null;
};
readonly color: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly size: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly click: {
readonly type: PropType<HandleEventInterface>;
readonly default: () => null;
};
}, {
prop: {
readonly icon?: unknown;
readonly color?: unknown;
readonly size?: unknown;
readonly click?: unknown;
} & {
color: string;
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
} & {};
handleClick: HandleEventInterface;
styleList: ComputedRef<CSSProperties>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
readonly icon?: unknown;
readonly color?: unknown;
readonly size?: unknown;
readonly click?: unknown;
} & {
color: string;
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
} & {}>, {
color: string;
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
}>>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
readonly type?: unknown;
readonly fontSize?: unknown;
readonly titleSize?: unknown;
readonly bold?: unknown;
readonly center?: unknown;
readonly close?: unknown;
readonly simple?: unknown;
readonly title?: unknown;
readonly round?: unknown;
readonly background?: unknown;
readonly color?: unknown;
readonly titleColor?: unknown;
readonly fixed?: unknown;
readonly overflow?: unknown;
readonly closeIcon?: unknown;
readonly beforeIcon?: unknown;
readonly closeEnd?: unknown;
} & {
bold: boolean;
fixed: boolean;
type: AlertType;
fontSize: string | number;
titleSize: string | number;
center: boolean;
close: boolean;
simple: boolean;
title: string;
round: boolean;
background: string;
color: string;
titleColor: string;
overflow: AlertOverflowType;
closeIcon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
beforeIcon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
closeEnd: AlertCloseEndInterface;
} & {}>, {
bold: boolean;
fixed: boolean;
type: AlertType;
fontSize: string | number;
titleSize: string | number;
center: boolean;
close: boolean;
simple: boolean;
title: string;
round: boolean;
background: string;
color: string;
titleColor: string;
overflow: AlertOverflowType;
closeIcon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
beforeIcon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
closeEnd: AlertCloseEndInterface;
}>>;
export declare type AlertInstance = InstanceType<typeof Alert>;
export * from './src/interface.d';
export default Alert;