xdesign-vue-next
Version:
XDesign Component for vue-next
564 lines (563 loc) • 27.1 kB
TypeScript
import { TdAutoCompleteProps } from './type';
import './style';
export * from './type';
export declare type AutoCompleteProps = TdAutoCompleteProps;
export declare const AutoComplete: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
value?: string;
autofocus?: boolean;
disabled?: boolean;
size?: import("..").SizeEnum;
readonly?: boolean;
status?: "error" | "default" | "success" | "warning";
placeholder?: string;
modelValue?: string;
defaultValue?: string;
clearable?: boolean;
filterable?: boolean;
highlightKeyword?: boolean;
readonly filter?: (filterWords: string, option: import("./type").AutoCompleteOption) => boolean | Promise<boolean>;
readonly default?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
key?: string | number | symbol;
style?: unknown;
readonly options?: import("./type").AutoCompleteOption[];
readonly onEnter?: (context: {
e: KeyboardEvent;
value: string;
}) => void;
readonly onCompositionend?: (context: {
e: CompositionEvent;
value: string;
}) => void;
readonly onCompositionstart?: (context: {
e: CompositionEvent;
value: string;
}) => void;
readonly onFocus?: (context: {
e: FocusEvent;
value: string;
}) => void;
readonly onBlur?: (context: {
e: FocusEvent;
value: string;
}) => void;
readonly onChange?: (value: string, context?: {
e?: MouseEvent | CompositionEvent | InputEvent | KeyboardEvent;
}) => void;
readonly onSelect?: (value: string, context: {
e: MouseEvent | KeyboardEvent;
}) => void;
class?: unknown;
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
readonly triggerElement?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly tips?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly onClear?: (context: {
e: MouseEvent;
}) => void;
readonly inputProps?: unknown;
readonly popupProps?: unknown;
readonly panelBottomContent?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly panelTopContent?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly textareaProps?: unknown;
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any>;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
autofocus: BooleanConstructor;
clearable: BooleanConstructor;
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
disabled: BooleanConstructor;
filter: {
type: import("vue").PropType<(filterWords: string, option: import("./type").AutoCompleteOption) => boolean | Promise<boolean>>;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
highlightKeyword: {
type: BooleanConstructor;
default: boolean;
};
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
options: {
type: import("vue").PropType<import("./type").AutoCompleteOption[]>;
};
panelBottomContent: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
panelTopContent: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
placeholder: {
type: StringConstructor;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
readonly: BooleanConstructor;
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
textareaProps: {
type: import("vue").PropType<import("..").TdTextareaProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: StringConstructor;
default: any;
};
modelValue: {
type: StringConstructor;
default: any;
};
defaultValue: {
type: StringConstructor;
default: string;
};
onBlur: import("vue").PropType<(context: {
e: FocusEvent;
value: string;
}) => void>;
onChange: import("vue").PropType<(value: string, context?: {
e?: MouseEvent | CompositionEvent | InputEvent | KeyboardEvent;
}) => void>;
onClear: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onCompositionend: import("vue").PropType<(context: {
e: CompositionEvent;
value: string;
}) => void>;
onCompositionstart: import("vue").PropType<(context: {
e: CompositionEvent;
value: string;
}) => void>;
onEnter: import("vue").PropType<(context: {
e: KeyboardEvent;
value: string;
}) => void>;
onFocus: import("vue").PropType<(context: {
e: FocusEvent;
value: string;
}) => void>;
onSelect: import("vue").PropType<(value: string, context: {
e: MouseEvent | KeyboardEvent;
}) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: string;
autofocus: boolean;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
placeholder: string;
modelValue: string;
defaultValue: string;
clearable: boolean;
filterable: boolean;
highlightKeyword: boolean;
}, {}, string, {}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
autofocus: BooleanConstructor;
clearable: BooleanConstructor;
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
disabled: BooleanConstructor;
filter: {
type: import("vue").PropType<(filterWords: string, option: import("./type").AutoCompleteOption) => boolean | Promise<boolean>>;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
highlightKeyword: {
type: BooleanConstructor;
default: boolean;
};
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
options: {
type: import("vue").PropType<import("./type").AutoCompleteOption[]>;
};
panelBottomContent: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
panelTopContent: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
placeholder: {
type: StringConstructor;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
readonly: BooleanConstructor;
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
textareaProps: {
type: import("vue").PropType<import("..").TdTextareaProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: StringConstructor;
default: any;
};
modelValue: {
type: StringConstructor;
default: any;
};
defaultValue: {
type: StringConstructor;
default: string;
};
onBlur: import("vue").PropType<(context: {
e: FocusEvent;
value: string;
}) => void>;
onChange: import("vue").PropType<(value: string, context?: {
e?: MouseEvent | CompositionEvent | InputEvent | KeyboardEvent;
}) => void>;
onClear: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onCompositionend: import("vue").PropType<(context: {
e: CompositionEvent;
value: string;
}) => void>;
onCompositionstart: import("vue").PropType<(context: {
e: CompositionEvent;
value: string;
}) => void>;
onEnter: import("vue").PropType<(context: {
e: KeyboardEvent;
value: string;
}) => void>;
onFocus: import("vue").PropType<(context: {
e: FocusEvent;
value: string;
}) => void>;
onSelect: import("vue").PropType<(value: string, context: {
e: MouseEvent | KeyboardEvent;
}) => void>;
}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
autofocus: BooleanConstructor;
clearable: BooleanConstructor;
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
disabled: BooleanConstructor;
filter: {
type: import("vue").PropType<(filterWords: string, option: import("./type").AutoCompleteOption) => boolean | Promise<boolean>>;
};
filterable: {
type: BooleanConstructor;
default: boolean;
};
highlightKeyword: {
type: BooleanConstructor;
default: boolean;
};
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
options: {
type: import("vue").PropType<import("./type").AutoCompleteOption[]>;
};
panelBottomContent: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
panelTopContent: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
placeholder: {
type: StringConstructor;
default: any;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
readonly: BooleanConstructor;
size: {
type: import("vue").PropType<import("..").SizeEnum>;
default: import("..").SizeEnum;
validator(val: import("..").SizeEnum): boolean;
};
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
textareaProps: {
type: import("vue").PropType<import("..").TdTextareaProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: StringConstructor;
default: any;
};
modelValue: {
type: StringConstructor;
default: any;
};
defaultValue: {
type: StringConstructor;
default: string;
};
onBlur: import("vue").PropType<(context: {
e: FocusEvent;
value: string;
}) => void>;
onChange: import("vue").PropType<(value: string, context?: {
e?: MouseEvent | CompositionEvent | InputEvent | KeyboardEvent;
}) => void>;
onClear: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onCompositionend: import("vue").PropType<(context: {
e: CompositionEvent;
value: string;
}) => void>;
onCompositionstart: import("vue").PropType<(context: {
e: CompositionEvent;
value: string;
}) => void>;
onEnter: import("vue").PropType<(context: {
e: KeyboardEvent;
value: string;
}) => void>;
onFocus: import("vue").PropType<(context: {
e: FocusEvent;
value: string;
}) => void>;
onSelect: import("vue").PropType<(value: string, context: {
e: MouseEvent | KeyboardEvent;
}) => void>;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: string;
autofocus: boolean;
disabled: boolean;
size: import("..").SizeEnum;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
placeholder: string;
modelValue: string;
defaultValue: string;
clearable: boolean;
filterable: boolean;
highlightKeyword: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export declare const HighlightOption: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
key?: string | number | symbol;
readonly content?: string;
style?: unknown;
class?: unknown;
ref?: import("vue").VNodeRef;
ref_for?: boolean;
ref_key?: string;
onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>) => void)[];
readonly keyword?: string;
};
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any>;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
$emit: (event: string, ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
content: StringConstructor;
keyword: StringConstructor;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<import("vue").ExtractPropTypes<{
content: StringConstructor;
keyword: StringConstructor;
}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
content: StringConstructor;
keyword: StringConstructor;
}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export default AutoComplete;