UNPKG

ivue-material-plus

Version:

A high quality UI components Library with Vue.js

774 lines (773 loc) 28 kB
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;