t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
125 lines (124 loc) • 4.78 kB
TypeScript
import type { DefineComponent, PropType, VNode, RendererNode, RendererElement, Component, ComputedOptions, MethodOptions, ComputedRef, CSSProperties, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
import type { InstallType, HandleEventInterface } from '../_interface';
import ToolbarItem from "./src/toolbar-item";
export declare const FToolbarItem: InstallType<DefineComponent<{
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 iconSize: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly dataKey: {
readonly type: PropType<string | number>;
readonly default: () => string;
};
readonly click: {
readonly type: PropType<HandleEventInterface>;
readonly default: () => null;
};
}, {
prop: {
readonly color?: unknown;
readonly icon?: unknown;
readonly iconSize?: unknown;
readonly dataKey?: unknown;
readonly click?: unknown;
} & {
color: string;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
iconSize: string | number;
dataKey: string | number;
} & {};
handleClick: 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 color?: unknown;
readonly icon?: unknown;
readonly iconSize?: unknown;
readonly dataKey?: unknown;
readonly click?: unknown;
} & {
color: string;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
iconSize: string | number;
dataKey: string | number;
} & {}>, {
color: string;
icon: VNode<RendererNode, RendererElement, {
[key: string]: any;
}> | Component<any, any, any, ComputedOptions, MethodOptions>;
click: HandleEventInterface;
iconSize: string | number;
dataKey: string | number;
}>>;
export declare type ToolbarItemInstance = InstanceType<typeof ToolbarItem>;
export * from './src/interface.d';
export default ToolbarItem;