t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
340 lines (339 loc) • 12.1 kB
TypeScript
import type { TextType, TextDecorationType } from '..';
import type { RateChangeInterface, RateMouseoverInterface, RateHandleClickInterface } 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, OrdinaryFunctionInterface, HandleEventInterface, ClassListInterface } from '../_interface';
import Rate from "./src/rate";
export declare const FRate: InstallType<DefineComponent<{
readonly modelValue: {
readonly type: NumberConstructor;
readonly default: () => number;
readonly validator: (val: number) => boolean;
};
readonly max: {
readonly type: NumberConstructor;
readonly default: () => number;
readonly validator: (val: number) => boolean;
};
readonly effectColor: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly invalidColor: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly readonly: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly icon: {
readonly type: PropType<VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>>;
readonly default: () => null;
};
readonly size: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly textShow: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly textColor: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly textArr: {
readonly type: PropType<string[]>;
readonly default: () => string[];
};
readonly textSize: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly change: {
readonly type: PropType<RateChangeInterface>;
readonly default: () => null;
};
}, {
prop: {
readonly modelValue?: unknown;
readonly max?: unknown;
readonly effectColor?: unknown;
readonly invalidColor?: unknown;
readonly readonly?: unknown;
readonly icon?: unknown;
readonly size?: unknown;
readonly textShow?: unknown;
readonly textColor?: unknown;
readonly textArr?: unknown;
readonly textSize?: unknown;
readonly change?: unknown;
} & {
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
max: number;
textColor: string;
modelValue: number;
change: RateChangeInterface;
effectColor: string;
invalidColor: string;
readonly: boolean;
textShow: boolean;
textArr: string[];
textSize: string | number;
} & {};
emit: (event: "update:modelValue", val: number) => void;
starValue: Ref<number>;
onMouseover: RateMouseoverInterface;
onMouseout: OrdinaryFunctionInterface;
handleClick: RateHandleClickInterface;
textContent: ComputedRef<string>;
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;
}>>;
FIconStarBVue: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
FText: InstallType<DefineComponent<{
readonly type: {
readonly type: PropType<TextType>;
readonly default: () => TextType;
readonly validator: (val: TextType) => boolean;
};
readonly size: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly color: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly background: {
readonly type: StringConstructor;
readonly default: () => string;
};
readonly block: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly spacing: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly lineHeight: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly indent: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly bold: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly decoration: {
readonly type: PropType<TextDecorationType>;
readonly default: () => string;
};
readonly padding: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly width: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly ellipsis: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
readonly center: {
readonly type: BooleanConstructor;
readonly default: () => boolean;
};
}, {
prop: {
readonly type?: unknown;
readonly size?: unknown;
readonly color?: unknown;
readonly background?: unknown;
readonly block?: unknown;
readonly spacing?: unknown;
readonly lineHeight?: unknown;
readonly indent?: unknown;
readonly bold?: unknown;
readonly decoration?: unknown;
readonly padding?: unknown;
readonly width?: unknown;
readonly ellipsis?: unknown;
readonly center?: unknown;
} & {
bold: boolean;
type: TextType;
center: boolean;
background: string;
color: string;
size: string | number;
width: string | number;
padding: string | number;
block: boolean;
spacing: string | number;
lineHeight: string | number;
indent: string | number;
decoration: TextDecorationType;
ellipsis: boolean;
} & {};
classList: ComputedRef<ClassListInterface>;
styleList: ComputedRef<CSSProperties>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
readonly type?: unknown;
readonly size?: unknown;
readonly color?: unknown;
readonly background?: unknown;
readonly block?: unknown;
readonly spacing?: unknown;
readonly lineHeight?: unknown;
readonly indent?: unknown;
readonly bold?: unknown;
readonly decoration?: unknown;
readonly padding?: unknown;
readonly width?: unknown;
readonly ellipsis?: unknown;
readonly center?: unknown;
} & {
bold: boolean;
type: TextType;
center: boolean;
background: string;
color: string;
size: string | number;
width: string | number;
padding: string | number;
block: boolean;
spacing: string | number;
lineHeight: string | number;
indent: string | number;
decoration: TextDecorationType;
ellipsis: boolean;
} & {}>, {
bold: boolean;
type: TextType;
center: boolean;
background: string;
color: string;
size: string | number;
width: string | number;
padding: string | number;
block: boolean;
spacing: string | number;
lineHeight: string | number;
indent: string | number;
decoration: TextDecorationType;
ellipsis: boolean;
}>>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
readonly 'update:modelValue': (val: number) => number;
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
readonly modelValue?: unknown;
readonly max?: unknown;
readonly effectColor?: unknown;
readonly invalidColor?: unknown;
readonly readonly?: unknown;
readonly icon?: unknown;
readonly size?: unknown;
readonly textShow?: unknown;
readonly textColor?: unknown;
readonly textArr?: unknown;
readonly textSize?: unknown;
readonly change?: unknown;
} & {
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
max: number;
textColor: string;
modelValue: number;
change: RateChangeInterface;
effectColor: string;
invalidColor: string;
readonly: boolean;
textShow: boolean;
textArr: string[];
textSize: string | number;
} & {}> & {
"onUpdate:modelValue"?: ((val: number) => any) | undefined;
}, {
size: string | number;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
max: number;
textColor: string;
modelValue: number;
change: RateChangeInterface;
effectColor: string;
invalidColor: string;
readonly: boolean;
textShow: boolean;
textArr: string[];
textSize: string | number;
}>>;
export declare type RateInstance = InstanceType<typeof Rate>;
export * from './src/interface.d';
export default Rate;