ivue-material-plus
Version:
A high quality UI components Library with Vue.js
362 lines (361 loc) • 7.4 kB
TypeScript
declare const _sfc_main: import("vue").DefineComponent<{
/**
* 是否禁用
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否开启多选
*
* @type {Boolean}
*/
multiple: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否开启多选后的图表
*
* @type {Boolean}
*/
multipleIcon: {
type: StringConstructor;
default: string;
};
/**
* 最终渲染的数据
*
* @type {Array}
*/
values: {
type: ArrayConstructor;
default: () => any[];
};
/**
* 在 Select 内显示图标
*
* @type {String}
*/
prefix: {
type: StringConstructor;
};
/**
* 开启过滤筛选
*
* @type {Boolean}
*/
filterable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 多选时最多显示多少个 tag
*
* @type {Number}
*/
maxTagCount: {
type: NumberConstructor;
};
/**
* 隐藏 tag 时显示的内容，参数是剩余项数量
*
* @type {Function}
*/
maxTagPlaceholder: {
type: FunctionConstructor;
};
/**
* 输入提示
*
* @type {String}
*/
placeholder: {
type: StringConstructor;
default: string;
};
/**
* 下拉图标
*
* @type {Boolean}
*/
arrowDownIcon: {
type: StringConstructor;
};
/**
* 是否可以清楚选择
*
* @type {Boolean}
*/
clearable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否有搜索方法
*
* @type {Boolean}
*/
isSearchMethod: {
type: BooleanConstructor;
default: boolean;
};
/**
* 重置选择图标
*
* @type {Boolean}
*/
resetSelectIcon: {
type: StringConstructor;
default: string;
};
/**
* 外部过滤输入
*
* @type {String}
*/
filterQueryProp: {
type: StringConstructor;
default: string;
};
/**
* 外部dom元素
*
* @type {Object}
*/
selectionDom: {
type: ObjectConstructor;
};
/**
* 是否允许用户创建新条目，需开启 filterable
*
* @type {Boolean}
*/
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
/**
* 显示创建的选项
*
* @type {Boolean}
*/
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
/**
* id
*
* @type {String}
*/
id: {
type: StringConstructor;
};
}, {
prefixCls: string;
wrapper: import("vue").Ref<HTMLElement>;
input: import("vue").Ref<HTMLInputElement>;
data: {
inputLength: number;
filterQuery: string;
isInputChange: boolean;
};
wrapperClasses: import("vue").ComputedRef<{
[x: string]: string | boolean | import("vue").Slot;
}>;
selectedMultiple: import("vue").ComputedRef<import("./types/option").OptionData[]>;
defaultDisplayClasses: import("vue").ComputedRef<(string | {
[x: string]: string | boolean | import("vue").Slot;
})[]>;
defaultDisplayValue: import("vue").ComputedRef<string>;
resetSelect: import("vue").ComputedRef<boolean>;
showPlaceholder: import("vue").ComputedRef<boolean>;
inputStyles: import("vue").ComputedRef<{
width?: string;
}>;
inputClasses: import("vue").ComputedRef<(string | {
'ivue-select-input-filter-placeholder': boolean;
})[]>;
handleClear: () => void;
handleRemoveSelectItem: (value: any) => boolean;
handleInputFocus: () => void;
handleInputBlur: () => void;
handleResetInputState: (event?: any) => void;
handleInputDelete: (event: Event) => void;
handleInputEnter: (event: Event) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
/**
* 是否禁用
*
* @type {Boolean}
*/
disabled: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否开启多选
*
* @type {Boolean}
*/
multiple: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否开启多选后的图表
*
* @type {Boolean}
*/
multipleIcon: {
type: StringConstructor;
default: string;
};
/**
* 最终渲染的数据
*
* @type {Array}
*/
values: {
type: ArrayConstructor;
default: () => any[];
};
/**
* 在 Select 内显示图标
*
* @type {String}
*/
prefix: {
type: StringConstructor;
};
/**
* 开启过滤筛选
*
* @type {Boolean}
*/
filterable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 多选时最多显示多少个 tag
*
* @type {Number}
*/
maxTagCount: {
type: NumberConstructor;
};
/**
* 隐藏 tag 时显示的内容，参数是剩余项数量
*
* @type {Function}
*/
maxTagPlaceholder: {
type: FunctionConstructor;
};
/**
* 输入提示
*
* @type {String}
*/
placeholder: {
type: StringConstructor;
default: string;
};
/**
* 下拉图标
*
* @type {Boolean}
*/
arrowDownIcon: {
type: StringConstructor;
};
/**
* 是否可以清楚选择
*
* @type {Boolean}
*/
clearable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否有搜索方法
*
* @type {Boolean}
*/
isSearchMethod: {
type: BooleanConstructor;
default: boolean;
};
/**
* 重置选择图标
*
* @type {Boolean}
*/
resetSelectIcon: {
type: StringConstructor;
default: string;
};
/**
* 外部过滤输入
*
* @type {String}
*/
filterQueryProp: {
type: StringConstructor;
default: string;
};
/**
* 外部dom元素
*
* @type {Object}
*/
selectionDom: {
type: ObjectConstructor;
};
/**
* 是否允许用户创建新条目，需开启 filterable
*
* @type {Boolean}
*/
allowCreate: {
type: BooleanConstructor;
default: boolean;
};
/**
* 显示创建的选项
*
* @type {Boolean}
*/
showCreateItem: {
type: BooleanConstructor;
default: boolean;
};
/**
* id
*
* @type {String}
*/
id: {
type: StringConstructor;
};
}>>, {
values: unknown[];
placeholder: string;
disabled: boolean;
clearable: boolean;
multiple: boolean;
multipleIcon: string;
filterable: boolean;
isSearchMethod: boolean;
resetSelectIcon: string;
filterQueryProp: string;
allowCreate: boolean;
showCreateItem: boolean;
}>;
export default _sfc_main;