ivue-material-plus
Version:
A high quality UI components Library with Vue.js
774 lines (773 loc) • 28 kB
TypeScript
import { nextTick } from 'vue';
import { Options, Result } from './types/cascader';
declare const _sfc_main: import("vue").DefineComponent<{
/**
* 可选项的数据源
*
* @type {Array}
*/
options: {
type: ArrayConstructor;
default: () => any[];
};
/**
* 当前已选项的数据
*
* @type {Array}
*/
modelValue: {
type: ArrayConstructor;
};
/**
* input name
*
* @type {String}
*/
name: {
type: StringConstructor;
};
/**
* id
*
* @type {String}
*/
id: {
type: StringConstructor;
};
/**
* 是否支持搜索
*
* @type {Boolean}
*/
filterable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否禁用选择组件
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 选择后展示的函数,用于自定义显示格式
*
* @type {Function}
*/
renderFormat: {
type: FunctionConstructor;
default: (label: string[] | number[]) => string;
};
/**
* 输入框占位符
*
* @type {String}
*/
placeholder: {
type: StringConstructor;
default: string;
};
/**
* 下拉图标
*
* @type {Boolean}
*/
arrowDownIcon: {
type: StringConstructor;
default: string;
};
/**
* 下拉图标Class
*
* @type {Boolean}
*/
arrowDownIconClass: {
type: StringConstructor;
default: string;
};
/**
* 清除按钮图标
*
* @type {Boolean}
*/
clearableIcon: {
type: StringConstructor;
default: string;
};
/**
* 清除按钮图标Class
*
* @type {Boolean}
*/
clearableIconClass: {
type: StringConstructor;
default: string;
};
/**
* 开启 transfer 时,给浮层添加额外的 class 名称
*
* @type {String}
*/
transferClassName: {
type: StringConstructor;
};
/**
* 是否将弹层放置于 body 内、
* 带有 fixed 的 Table 列内使用时,
* 建议添加此属性,它将不受父级样式影响,
* 从而达到更好的效果
*
* @type {Boolean}
*/
transfer: {
type: BooleanConstructor;
default(): any;
};
/**
* 当此项为 true 时,点选每级菜单选项值都会发生变化
*
* @type {Boolean}
*/
changeOnSelect: {
type: BooleanConstructor;
default: boolean;
};
/**
* 菜单展开方式,可选值为 click 或 hover
*
* @type {String}
*/
trigger: {
validator(value: string): boolean;
default: string;
};
/**
* 动态获取数据,数据源需标识 loading
*
* @type {Function}
*/
loadData: {
type: FunctionConstructor;
default: () => void;
};
/**
* 清除按钮
*
* @type {Boolean}
*/
clearable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 当搜索列表为空时显示的内容
*
* @type {String}
*/
notFoundText: {
type: StringConstructor;
default: string;
};
}, {
prefixCls: string;
input: import("vue").Ref<any>;
reference: import("vue").Ref<HTMLDivElement>;
dropdown: import("vue").Ref<any>;
menu: import("vue").Ref<{
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
options: unknown[];
changeOnSelect: boolean;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
options: {
type: ArrayConstructor;
default: () => any[];
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
changeOnSelect: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: StringConstructor;
};
}>> & {
"onOn-sublist"?: (...args: any[]) => any;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "options" | "changeOnSelect">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$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: "on-sublist", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
options: {
type: ArrayConstructor;
default: () => any[];
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
changeOnSelect: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: StringConstructor;
};
}>> & {
"onOn-sublist"?: (...args: any[]) => any;
}, {
prefixCls: string;
menu: import("vue").Ref<any>;
data: {
tmpItem: {
label?: string;
value?: string;
};
sublist: ({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
childrenIcon: string;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
item: {
type: ObjectConstructor;
};
tmpItem: {
type: ObjectConstructor;
};
childrenIcon: {
type: StringConstructor;
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "childrenIcon">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$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: "click" | "mouseenter", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
item: {
type: ObjectConstructor;
};
tmpItem: {
type: ObjectConstructor;
};
childrenIcon: {
type: StringConstructor;
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
}, {
prefixCls: string; /**
* 选择后展示的函数,用于自定义显示格式
*
* @type {Function}
*/
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
showArrow: import("vue").ComputedRef<number | boolean>;
showLoading: import("vue").ComputedRef<boolean>;
handleClickItem: () => void;
handleHoverItem: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseenter")[], string, {
childrenIcon: 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 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<{
item: {
type: ObjectConstructor;
};
tmpItem: {
type: ObjectConstructor;
};
childrenIcon: {
type: StringConstructor;
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
} & import("vue").ShallowUnwrapRef<{
prefixCls: string; /**
* 选择后展示的函数,用于自定义显示格式
*
* @type {Function}
*/
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
showArrow: import("vue").ComputedRef<number | boolean>;
showLoading: import("vue").ComputedRef<boolean>;
handleClickItem: () => void;
handleHoverItem: () => void;
}> & {} & import("vue").ComponentCustomProperties & {})[];
result: {
label?: string;
value?: string;
}[];
};
handleClickItem: (item: Options) => void;
handleHoverItem: (item: Options) => void;
handleFindSelected: (params: {
value: string[];
}) => boolean;
handleClear: () => void;
updateResult: (item: Result[]) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-sublist"[], string, {
disabled: boolean;
options: unknown[];
changeOnSelect: 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 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<{
options: {
type: ArrayConstructor;
default: () => any[];
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
changeOnSelect: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: StringConstructor;
};
}>> & {
"onOn-sublist"?: (...args: any[]) => any;
} & import("vue").ShallowUnwrapRef<{
prefixCls: string;
menu: import("vue").Ref<any>;
data: {
tmpItem: {
label?: string;
value?: string;
};
sublist: ({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
childrenIcon: string;
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
item: {
type: ObjectConstructor;
};
tmpItem: {
type: ObjectConstructor;
};
childrenIcon: {
type: StringConstructor;
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "childrenIcon">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$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: "click" | "mouseenter", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
item: {
type: ObjectConstructor;
};
tmpItem: {
type: ObjectConstructor;
};
childrenIcon: {
type: StringConstructor;
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
}, {
prefixCls: string; /**
* 选择后展示的函数,用于自定义显示格式
*
* @type {Function}
*/
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
showArrow: import("vue").ComputedRef<number | boolean>;
showLoading: import("vue").ComputedRef<boolean>;
handleClickItem: () => void;
handleHoverItem: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseenter")[], string, {
childrenIcon: 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 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<{
item: {
type: ObjectConstructor;
};
tmpItem: {
type: ObjectConstructor;
};
childrenIcon: {
type: StringConstructor;
default: string;
};
}>> & {
onClick?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
} & import("vue").ShallowUnwrapRef<{
prefixCls: string; /**
* 选择后展示的函数,用于自定义显示格式
*
* @type {Function}
*/
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
showArrow: import("vue").ComputedRef<number | boolean>;
showLoading: import("vue").ComputedRef<boolean>;
handleClickItem: () => void;
handleHoverItem: () => void;
}> & {} & import("vue").ComponentCustomProperties & {})[];
result: {
label?: string;
value?: string;
}[];
};
handleClickItem: (item: Options) => void;
handleHoverItem: (item: Options) => void;
handleFindSelected: (params: {
value: string[];
}) => boolean;
handleClear: () => void;
updateResult: (item: Result[]) => void;
}> & {} & import("vue").ComponentCustomProperties & {}>;
data: {
visibleMenu: boolean;
currentValue: string[];
selected: {
label?: string;
value?: string;
}[];
queryData: string;
validDataStr: string;
isLoadedChildren: boolean;
tmpSelected: {
label?: string;
value?: string;
}[];
updatingValue: boolean;
isValueNull: boolean;
filterableSelect: boolean;
};
classes: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
inputClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
displayRender: import("vue").ComputedRef<any>;
displayInputRender: import("vue").ComputedRef<any>;
inputPlaceholder: import("vue").ComputedRef<string>;
dropdownClasses: import("vue").ComputedRef<{
[x: string]: string | boolean;
}>;
dropdownStyles: import("vue").ComputedRef<{
display: string;
}>;
showCloseIcon: import("vue").ComputedRef<boolean>;
querySelections: import("vue").ComputedRef<any[]>;
handleClickOutside: () => void;
handleChangeInput: (value: string) => void;
handleInputFocus: () => void;
handleToggleOpen: () => boolean;
handleClearSelect: () => boolean;
handleSelectItem: (item: Options) => boolean;
updateResult: (result: Result[]) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("on-change" | "update:modelValue" | "on-visible-change")[], "on-change" | "update:modelValue" | "on-visible-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* 可选项的数据源
*
* @type {Array}
*/
options: {
type: ArrayConstructor;
default: () => any[];
};
/**
* 当前已选项的数据
*
* @type {Array}
*/
modelValue: {
type: ArrayConstructor;
};
/**
* input name
*
* @type {String}
*/
name: {
type: StringConstructor;
};
/**
* id
*
* @type {String}
*/
id: {
type: StringConstructor;
};
/**
* 是否支持搜索
*
* @type {Boolean}
*/
filterable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否禁用选择组件
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 选择后展示的函数,用于自定义显示格式
*
* @type {Function}
*/
renderFormat: {
type: FunctionConstructor;
default: (label: string[] | number[]) => string;
};
/**
* 输入框占位符
*
* @type {String}
*/
placeholder: {
type: StringConstructor;
default: string;
};
/**
* 下拉图标
*
* @type {Boolean}
*/
arrowDownIcon: {
type: StringConstructor;
default: string;
};
/**
* 下拉图标Class
*
* @type {Boolean}
*/
arrowDownIconClass: {
type: StringConstructor;
default: string;
};
/**
* 清除按钮图标
*
* @type {Boolean}
*/
clearableIcon: {
type: StringConstructor;
default: string;
};
/**
* 清除按钮图标Class
*
* @type {Boolean}
*/
clearableIconClass: {
type: StringConstructor;
default: string;
};
/**
* 开启 transfer 时,给浮层添加额外的 class 名称
*
* @type {String}
*/
transferClassName: {
type: StringConstructor;
};
/**
* 是否将弹层放置于 body 内、
* 带有 fixed 的 Table 列内使用时,
* 建议添加此属性,它将不受父级样式影响,
* 从而达到更好的效果
*
* @type {Boolean}
*/
transfer: {
type: BooleanConstructor;
default(): any;
};
/**
* 当此项为 true 时,点选每级菜单选项值都会发生变化
*
* @type {Boolean}
*/
changeOnSelect: {
type: BooleanConstructor;
default: boolean;
};
/**
* 菜单展开方式,可选值为 click 或 hover
*
* @type {String}
*/
trigger: {
validator(value: string): boolean;
default: string;
};
/**
* 动态获取数据,数据源需标识 loading
*
* @type {Function}
*/
loadData: {
type: FunctionConstructor;
default: () => void;
};
/**
* 清除按钮
*
* @type {Boolean}
*/
clearable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 当搜索列表为空时显示的内容
*
* @type {String}
*/
notFoundText: {
type: StringConstructor;
default: string;
};
}>> & {
"onOn-change"?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
"onOn-visible-change"?: (...args: any[]) => any;
}, {
placeholder: string;
disabled: boolean;
clearable: boolean;
trigger: string;
filterable: boolean;
arrowDownIcon: string;
transfer: boolean;
options: unknown[];
changeOnSelect: boolean;
renderFormat: Function;
arrowDownIconClass: string;
clearableIcon: string;
clearableIconClass: string;
loadData: Function;
notFoundText: string;
}>;
export default _sfc_main;