devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
107 lines (105 loc) • 4.33 kB
TypeScript
/*!
* devextreme-vue
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-vue
*/
import * as VueType from "vue";
import TagBox, { IOptions } from "devextreme/ui/tag_box";
declare type AccessibleOptions = Pick<IOptions, "acceptCustomValue" | "accessKey" | "activeStateEnabled" | "applyValueMode" | "buttons" | "dataSource" | "deferRendering" | "disabled" | "displayExpr" | "dropDownButtonTemplate" | "elementAttr" | "fieldTemplate" | "focusStateEnabled" | "grouped" | "groupTemplate" | "height" | "hideSelectedItems" | "hint" | "hoverStateEnabled" | "inputAttr" | "isValid" | "items" | "itemTemplate" | "maxDisplayedTags" | "maxLength" | "minSearchLength" | "multiline" | "name" | "noDataText" | "onChange" | "onClosed" | "onContentReady" | "onCustomItemCreating" | "onDisposing" | "onEnterKey" | "onFocusIn" | "onFocusOut" | "onInitialized" | "onInput" | "onItemClick" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMultiTagPreparing" | "onOpened" | "onOptionChanged" | "onSelectAllValueChanged" | "onSelectionChanged" | "onValueChanged" | "opened" | "openOnFieldClick" | "placeholder" | "readOnly" | "rtlEnabled" | "searchEnabled" | "searchExpr" | "searchMode" | "searchTimeout" | "selectAllMode" | "selectedItems" | "showClearButton" | "showDataBeforeSearch" | "showDropDownButton" | "showMultiTagOnly" | "showSelectionControls" | "stylingMode" | "tabIndex" | "tagTemplate" | "text" | "validationError" | "validationErrors" | "validationMessageMode" | "validationStatus" | "value" | "valueExpr" | "visible" | "width" | "wrapItemText">;
interface DxTagBox extends AccessibleOptions {
readonly instance?: TagBox;
}
declare const DxTagBox: VueType.VueConstructor<{
instance: TagBox;
} & {
acceptCustomValue: boolean;
accessKey: string;
activeStateEnabled: boolean;
applyValueMode: string;
buttons: unknown[];
dataSource: any;
deferRendering: boolean;
disabled: boolean;
displayExpr: TimerHandler;
dropDownButtonTemplate: unknown;
elementAttr: any;
fieldTemplate: unknown;
focusStateEnabled: boolean;
grouped: boolean;
groupTemplate: unknown;
height: string | number | Function;
hideSelectedItems: boolean;
hint: string;
hoverStateEnabled: boolean;
inputAttr: any;
isValid: boolean;
items: unknown[];
itemTemplate: unknown;
maxDisplayedTags: number;
maxLength: string | number;
minSearchLength: number;
multiline: boolean;
name: string;
noDataText: string;
onChange: Function;
onClosed: Function;
onContentReady: Function;
onCustomItemCreating: Function;
onDisposing: Function;
onEnterKey: Function;
onFocusIn: Function;
onFocusOut: Function;
onInitialized: Function;
onInput: Function;
onItemClick: Function;
onKeyDown: Function;
onKeyPress: Function;
onKeyUp: Function;
onMultiTagPreparing: Function;
onOpened: Function;
onOptionChanged: Function;
onSelectAllValueChanged: Function;
onSelectionChanged: Function;
onValueChanged: Function;
opened: boolean;
openOnFieldClick: boolean;
placeholder: string;
readOnly: boolean;
rtlEnabled: boolean;
searchEnabled: boolean;
searchExpr: string | Function | unknown[];
searchMode: string;
searchTimeout: number;
selectAllMode: string;
selectedItems: unknown[];
showClearButton: boolean;
showDataBeforeSearch: boolean;
showDropDownButton: boolean;
showMultiTagOnly: boolean;
showSelectionControls: boolean;
stylingMode: string;
tabIndex: number;
tagTemplate: unknown;
text: string;
validationError: any;
validationErrors: unknown[];
validationMessageMode: string;
validationStatus: string;
value: unknown[];
valueExpr: TimerHandler;
visible: boolean;
width: string | number | Function;
wrapItemText: boolean;
} & VueType.default>;
declare const DxButton: any;
declare const DxItem: any;
declare const DxOptions: any;
export default DxTagBox;
export { DxTagBox, DxButton, DxItem, DxOptions };