xdesign-vue-next
Version:
XDesign Component for vue-next
574 lines (573 loc) • 28.1 kB
TypeScript
import { TdSelectInputProps } from './type';
import './style';
export * from './type';
export declare type SelectInputProps = TdSelectInputProps;
export declare const SelectInput: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
value?: any;
loading?: boolean;
autofocus?: boolean;
disabled?: boolean;
multiple?: boolean;
readonly?: boolean;
status?: "error" | "default" | "success" | "warning";
placeholder?: string;
autoWidth?: boolean;
clearable?: boolean;
inputValue?: string;
minCollapsedNum?: number;
allowInput?: boolean;
borderless?: boolean;
popupVisible?: boolean;
defaultPopupVisible?: boolean;
readonly keys?: unknown;
key?: string | number | symbol;
readonly label?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
style?: unknown;
readonly tag?: string | ((h: typeof import("vue").h, props: {
value: string | number;
}) => import("..").SlotReturnValue);
readonly onEnter?: (value: import("./type").SelectInputValue, context: {
e: KeyboardEvent;
inputValue: string;
tagInputValue?: import("..").TagInputValue;
}) => void;
readonly onPaste?: (context: {
e: ClipboardEvent;
pasteValue: string;
}) => void;
readonly onFocus?: (value: import("./type").SelectInputValue, context: import("./type").SelectInputFocusContext) => void;
readonly onBlur?: (value: import("./type").SelectInputValue, context: import("./type").SelectInputBlurContext) => void;
readonly onMouseenter?: (context: {
e: MouseEvent;
}) => void;
readonly onMouseleave?: (context: {
e: MouseEvent;
}) => 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 suffix?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly suffixIcon?: (h: typeof import("vue").h) => import("..").SlotReturnValue;
readonly tips?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly onClear?: (context: {
e: MouseEvent;
}) => void;
readonly collapsedItems?: (h: typeof import("vue").h, props: {
value: import("./type").SelectInputValue;
collapsedTags: import("./type").SelectInputValue;
count: number;
}) => import("..").SlotReturnValue;
readonly inputProps?: unknown;
readonly defaultInputValue?: string;
readonly tagProps?: unknown;
readonly valueDisplay?: string | ((h: typeof import("vue").h, props: {
value: import("..").TagInputValue;
onClose: (index: number, item?: any) => void;
}) => import("..").SlotReturnValue);
readonly onInputChange?: (value: string, context?: import("./type").SelectInputValueChangeContext) => void;
readonly panel?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue);
readonly popupProps?: unknown;
readonly tagInputProps?: unknown;
readonly onPopupVisibleChange?: (visible: boolean, context: import("..").PopupVisibleChangeContext) => void;
readonly onTagChange?: (value: import("..").TagInputValue, context: import("..").TagInputChangeContext) => void;
};
$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<{
allowInput: BooleanConstructor;
autoWidth: BooleanConstructor;
autofocus: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
collapsedItems: {
type: import("vue").PropType<(h: typeof import("vue").h, props: {
value: import("./type").SelectInputValue;
collapsedTags: import("./type").SelectInputValue;
count: number;
}) => import("..").SlotReturnValue>;
};
disabled: BooleanConstructor;
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
inputValue: {
type: import("vue").PropType<string>;
default: string;
};
defaultInputValue: {
type: import("vue").PropType<string>;
};
keys: {
type: import("vue").PropType<import("./type").SelectInputKeys>;
};
label: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
loading: BooleanConstructor;
minCollapsedNum: {
type: NumberConstructor;
default: number;
};
multiple: BooleanConstructor;
panel: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
placeholder: {
type: StringConstructor;
default: string;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
popupVisible: {
type: BooleanConstructor;
default: any;
};
defaultPopupVisible: BooleanConstructor;
readonly: BooleanConstructor;
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffix: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
suffixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
tag: {
type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
value: string | number;
}) => import("..").SlotReturnValue)>;
};
tagInputProps: {
type: import("vue").PropType<import("..").TdTagInputProps>;
};
tagProps: {
type: import("vue").PropType<import("..").TdTagProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").SelectInputValue>;
default: any;
};
valueDisplay: {
type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
value: import("..").TagInputValue;
onClose: (index: number, item?: any) => void;
}) => import("..").SlotReturnValue)>;
};
onBlur: import("vue").PropType<(value: import("./type").SelectInputValue, context: import("./type").SelectInputBlurContext) => void>;
onClear: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onEnter: import("vue").PropType<(value: import("./type").SelectInputValue, context: {
e: KeyboardEvent;
inputValue: string;
tagInputValue?: import("..").TagInputValue;
}) => void>;
onFocus: import("vue").PropType<(value: import("./type").SelectInputValue, context: import("./type").SelectInputFocusContext) => void>;
onInputChange: import("vue").PropType<(value: string, context?: import("./type").SelectInputValueChangeContext) => void>;
onMouseenter: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onMouseleave: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onPaste: import("vue").PropType<(context: {
e: ClipboardEvent;
pasteValue: string;
}) => void>;
onPopupVisibleChange: import("vue").PropType<(visible: boolean, context: import("..").PopupVisibleChangeContext) => void>;
onTagChange: import("vue").PropType<(value: import("..").TagInputValue, context: import("..").TagInputChangeContext) => void>;
}>>, {
classPrefix: import("vue").ComputedRef<string>;
NAME_CLASS: import("vue").ComputedRef<string>;
innerPopupVisible: import("vue").Ref<boolean>;
commonInputProps: import("vue").ComputedRef<import("./interface").SelectInputCommonProperties>;
tOverlayInnerStyle: import("vue").ComputedRef<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
selectInputRef: import("vue").Ref<any>;
popupRef: import("vue").Ref<any>;
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
onInnerClear: (context: {
e: MouseEvent;
}) => void;
renderTNodeJSX: (name: string, options?: import("../utils/render-tnode").OptionsType) => any;
renderSelectSingle: (popupVisible: boolean) => JSX.Element;
renderSelectMultiple: (p: import("./useMultiple").RenderSelectMultipleParams) => JSX.Element;
onInnerPopupVisibleChange: (visible: boolean, context: import("..").PopupVisibleChangeContext) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: any;
loading: boolean;
autofocus: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
placeholder: string;
autoWidth: boolean;
clearable: boolean;
inputValue: string;
minCollapsedNum: number;
allowInput: boolean;
borderless: boolean;
popupVisible: boolean;
defaultPopupVisible: 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<{
allowInput: BooleanConstructor;
autoWidth: BooleanConstructor;
autofocus: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
collapsedItems: {
type: import("vue").PropType<(h: typeof import("vue").h, props: {
value: import("./type").SelectInputValue;
collapsedTags: import("./type").SelectInputValue;
count: number;
}) => import("..").SlotReturnValue>;
};
disabled: BooleanConstructor;
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
inputValue: {
type: import("vue").PropType<string>;
default: string;
};
defaultInputValue: {
type: import("vue").PropType<string>;
};
keys: {
type: import("vue").PropType<import("./type").SelectInputKeys>;
};
label: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
loading: BooleanConstructor;
minCollapsedNum: {
type: NumberConstructor;
default: number;
};
multiple: BooleanConstructor;
panel: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
placeholder: {
type: StringConstructor;
default: string;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
popupVisible: {
type: BooleanConstructor;
default: any;
};
defaultPopupVisible: BooleanConstructor;
readonly: BooleanConstructor;
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffix: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
suffixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
tag: {
type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
value: string | number;
}) => import("..").SlotReturnValue)>;
};
tagInputProps: {
type: import("vue").PropType<import("..").TdTagInputProps>;
};
tagProps: {
type: import("vue").PropType<import("..").TdTagProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").SelectInputValue>;
default: any;
};
valueDisplay: {
type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
value: import("..").TagInputValue;
onClose: (index: number, item?: any) => void;
}) => import("..").SlotReturnValue)>;
};
onBlur: import("vue").PropType<(value: import("./type").SelectInputValue, context: import("./type").SelectInputBlurContext) => void>;
onClear: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onEnter: import("vue").PropType<(value: import("./type").SelectInputValue, context: {
e: KeyboardEvent;
inputValue: string;
tagInputValue?: import("..").TagInputValue;
}) => void>;
onFocus: import("vue").PropType<(value: import("./type").SelectInputValue, context: import("./type").SelectInputFocusContext) => void>;
onInputChange: import("vue").PropType<(value: string, context?: import("./type").SelectInputValueChangeContext) => void>;
onMouseenter: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onMouseleave: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onPaste: import("vue").PropType<(context: {
e: ClipboardEvent;
pasteValue: string;
}) => void>;
onPopupVisibleChange: import("vue").PropType<(visible: boolean, context: import("..").PopupVisibleChangeContext) => void>;
onTagChange: import("vue").PropType<(value: import("..").TagInputValue, context: import("..").TagInputChangeContext) => void>;
}>> & import("vue").ShallowUnwrapRef<{
classPrefix: import("vue").ComputedRef<string>;
NAME_CLASS: import("vue").ComputedRef<string>;
innerPopupVisible: import("vue").Ref<boolean>;
commonInputProps: import("vue").ComputedRef<import("./interface").SelectInputCommonProperties>;
tOverlayInnerStyle: import("vue").ComputedRef<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
selectInputRef: import("vue").Ref<any>;
popupRef: import("vue").Ref<any>;
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
onInnerClear: (context: {
e: MouseEvent;
}) => void;
renderTNodeJSX: (name: string, options?: import("../utils/render-tnode").OptionsType) => any;
renderSelectSingle: (popupVisible: boolean) => JSX.Element;
renderSelectMultiple: (p: import("./useMultiple").RenderSelectMultipleParams) => JSX.Element;
onInnerPopupVisibleChange: (visible: boolean, context: import("..").PopupVisibleChangeContext) => void;
}> & {} & import("vue").ComponentCustomProperties & {};
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
allowInput: BooleanConstructor;
autoWidth: BooleanConstructor;
autofocus: BooleanConstructor;
borderless: BooleanConstructor;
clearable: BooleanConstructor;
collapsedItems: {
type: import("vue").PropType<(h: typeof import("vue").h, props: {
value: import("./type").SelectInputValue;
collapsedTags: import("./type").SelectInputValue;
count: number;
}) => import("..").SlotReturnValue>;
};
disabled: BooleanConstructor;
inputProps: {
type: import("vue").PropType<import("..").TdInputProps>;
};
inputValue: {
type: import("vue").PropType<string>;
default: string;
};
defaultInputValue: {
type: import("vue").PropType<string>;
};
keys: {
type: import("vue").PropType<import("./type").SelectInputKeys>;
};
label: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
loading: BooleanConstructor;
minCollapsedNum: {
type: NumberConstructor;
default: number;
};
multiple: BooleanConstructor;
panel: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
placeholder: {
type: StringConstructor;
default: string;
};
popupProps: {
type: import("vue").PropType<import("..").TdPopupProps>;
};
popupVisible: {
type: BooleanConstructor;
default: any;
};
defaultPopupVisible: BooleanConstructor;
readonly: BooleanConstructor;
status: {
type: import("vue").PropType<"error" | "default" | "success" | "warning">;
default: "error" | "default" | "success" | "warning";
validator(val: "error" | "default" | "success" | "warning"): boolean;
};
suffix: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
suffixIcon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("..").SlotReturnValue>;
};
tag: {
type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
value: string | number;
}) => import("..").SlotReturnValue)>;
};
tagInputProps: {
type: import("vue").PropType<import("..").TdTagInputProps>;
};
tagProps: {
type: import("vue").PropType<import("..").TdTagProps>;
};
tips: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>;
};
value: {
type: import("vue").PropType<import("./type").SelectInputValue>;
default: any;
};
valueDisplay: {
type: import("vue").PropType<string | ((h: typeof import("vue").h, props: {
value: import("..").TagInputValue;
onClose: (index: number, item?: any) => void;
}) => import("..").SlotReturnValue)>;
};
onBlur: import("vue").PropType<(value: import("./type").SelectInputValue, context: import("./type").SelectInputBlurContext) => void>;
onClear: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onEnter: import("vue").PropType<(value: import("./type").SelectInputValue, context: {
e: KeyboardEvent;
inputValue: string;
tagInputValue?: import("..").TagInputValue;
}) => void>;
onFocus: import("vue").PropType<(value: import("./type").SelectInputValue, context: import("./type").SelectInputFocusContext) => void>;
onInputChange: import("vue").PropType<(value: string, context?: import("./type").SelectInputValueChangeContext) => void>;
onMouseenter: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onMouseleave: import("vue").PropType<(context: {
e: MouseEvent;
}) => void>;
onPaste: import("vue").PropType<(context: {
e: ClipboardEvent;
pasteValue: string;
}) => void>;
onPopupVisibleChange: import("vue").PropType<(visible: boolean, context: import("..").PopupVisibleChangeContext) => void>;
onTagChange: import("vue").PropType<(value: import("..").TagInputValue, context: import("..").TagInputChangeContext) => void>;
}>>, {
classPrefix: import("vue").ComputedRef<string>;
NAME_CLASS: import("vue").ComputedRef<string>;
innerPopupVisible: import("vue").Ref<boolean>;
commonInputProps: import("vue").ComputedRef<import("./interface").SelectInputCommonProperties>;
tOverlayInnerStyle: import("vue").ComputedRef<import("..").Styles | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("..").Styles)>;
selectInputRef: import("vue").Ref<any>;
popupRef: import("vue").Ref<any>;
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
onInnerClear: (context: {
e: MouseEvent;
}) => void;
renderTNodeJSX: (name: string, options?: import("../utils/render-tnode").OptionsType) => any;
renderSelectSingle: (popupVisible: boolean) => JSX.Element;
renderSelectMultiple: (p: import("./useMultiple").RenderSelectMultipleParams) => JSX.Element;
onInnerPopupVisibleChange: (visible: boolean, context: import("..").PopupVisibleChangeContext) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
value: any;
loading: boolean;
autofocus: boolean;
disabled: boolean;
multiple: boolean;
readonly: boolean;
status: "error" | "default" | "success" | "warning";
placeholder: string;
autoWidth: boolean;
clearable: boolean;
inputValue: string;
minCollapsedNum: number;
allowInput: boolean;
borderless: boolean;
popupVisible: boolean;
defaultPopupVisible: boolean;
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
export default SelectInput;