devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
352 lines (350 loc) • 10.4 kB
JavaScript
/*!
* 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
*/
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var VueType = require("vue");
var Vue = VueType.default || VueType;
var drop_down_box_1 = require("devextreme/ui/drop_down_box");
var component_1 = require("./core/component");
var configuration_component_1 = require("./core/configuration-component");
var DxDropDownBox = Vue.extend({
extends: component_1.DxComponent,
props: {
acceptCustomValue: Boolean,
accessKey: String,
activeStateEnabled: Boolean,
buttons: Array,
contentTemplate: {},
dataSource: [Array, Object, String],
deferRendering: Boolean,
disabled: Boolean,
displayExpr: [Function, String],
displayValueFormatter: Function,
dropDownButtonTemplate: {},
dropDownOptions: Object,
elementAttr: Object,
fieldTemplate: {},
focusStateEnabled: Boolean,
height: [Function, Number, String],
hint: String,
hoverStateEnabled: Boolean,
inputAttr: Object,
isValid: Boolean,
items: Array,
maxLength: [Number, String],
name: String,
onChange: Function,
onClosed: Function,
onCopy: Function,
onCut: Function,
onDisposing: Function,
onEnterKey: Function,
onFocusIn: Function,
onFocusOut: Function,
onInitialized: Function,
onInput: Function,
onKeyDown: Function,
onKeyPress: Function,
onKeyUp: Function,
onOpened: Function,
onOptionChanged: Function,
onPaste: Function,
onValueChanged: Function,
opened: Boolean,
openOnFieldClick: Boolean,
placeholder: String,
readOnly: Boolean,
rtlEnabled: Boolean,
showClearButton: Boolean,
showDropDownButton: Boolean,
stylingMode: String,
tabIndex: Number,
text: String,
validationError: Object,
validationErrors: Array,
validationMessageMode: String,
validationStatus: String,
value: {},
valueChangeEvent: String,
valueExpr: [Function, String],
visible: Boolean,
width: [Function, Number, String]
},
model: { prop: "value", event: "update:value" },
computed: {
instance: function () {
return this.$_instance;
}
},
beforeCreate: function () {
this.$_hasTranscludedContent = true;
this.$_WidgetClass = drop_down_box_1.default;
this.$_expectedChildren = {
button: { isCollectionItem: true, optionName: "buttons" },
dropDownOptions: { isCollectionItem: false, optionName: "dropDownOptions" },
item: { isCollectionItem: true, optionName: "items" }
};
}
});
exports.DxDropDownBox = DxDropDownBox;
var DxAnimation = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
hide: Object,
show: Object
}
});
exports.DxAnimation = DxAnimation;
DxAnimation.$_optionName = "animation";
DxAnimation.$_expectedChildren = {
hide: { isCollectionItem: false, optionName: "hide" },
show: { isCollectionItem: false, optionName: "show" }
};
var DxAt = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
x: String,
y: String
}
});
exports.DxAt = DxAt;
DxAt.$_optionName = "at";
var DxBoundaryOffset = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
x: Number,
y: Number
}
});
exports.DxBoundaryOffset = DxBoundaryOffset;
DxBoundaryOffset.$_optionName = "boundaryOffset";
var DxButton = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
location: String,
name: String,
options: Object
}
});
exports.DxButton = DxButton;
DxButton.$_optionName = "buttons";
DxButton.$_isCollectionItem = true;
DxButton.$_expectedChildren = {
options: { isCollectionItem: false, optionName: "options" }
};
var DxCollision = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
x: String,
y: String
}
});
exports.DxCollision = DxCollision;
DxCollision.$_optionName = "collision";
var DxDropDownOptions = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
accessKey: String,
activeStateEnabled: Boolean,
animation: Object,
bindingOptions: Object,
closeOnOutsideClick: [Boolean, Function],
container: {},
contentTemplate: {},
deferRendering: Boolean,
disabled: Boolean,
dragEnabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
fullScreen: Boolean,
height: [Function, Number, String],
hint: String,
hoverStateEnabled: Boolean,
maxHeight: [Function, Number, String],
maxWidth: [Function, Number, String],
minHeight: [Function, Number, String],
minWidth: [Function, Number, String],
onContentReady: Function,
onDisposing: Function,
onFocusIn: Function,
onFocusOut: Function,
onHidden: Function,
onHiding: Function,
onInitialized: Function,
onOptionChanged: Function,
onResize: Function,
onResizeEnd: Function,
onResizeStart: Function,
onShowing: Function,
onShown: Function,
onTitleRendered: Function,
position: [Function, Object, String],
resizeEnabled: Boolean,
rtlEnabled: Boolean,
shading: Boolean,
shadingColor: String,
showCloseButton: Boolean,
showTitle: Boolean,
tabIndex: Number,
title: String,
titleTemplate: {},
toolbarItems: Array,
visible: Boolean,
width: [Function, Number, String]
}
});
exports.DxDropDownOptions = DxDropDownOptions;
DxDropDownOptions.$_optionName = "dropDownOptions";
DxDropDownOptions.$_expectedChildren = {
animation: { isCollectionItem: false, optionName: "animation" },
position: { isCollectionItem: false, optionName: "position" },
toolbarItem: { isCollectionItem: true, optionName: "toolbarItems" }
};
var DxHide = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
complete: Function,
delay: Number,
direction: String,
duration: Number,
easing: String,
from: [Number, Object, String],
staggerDelay: Number,
start: Function,
to: [Number, Object, String],
type: String
}
});
exports.DxHide = DxHide;
DxHide.$_optionName = "hide";
var DxItem = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
disabled: Boolean,
html: String,
template: {},
text: String,
visible: Boolean
}
});
exports.DxItem = DxItem;
DxItem.$_optionName = "items";
DxItem.$_isCollectionItem = true;
var DxMy = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
x: String,
y: String
}
});
exports.DxMy = DxMy;
DxMy.$_optionName = "my";
var DxOffset = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
x: Number,
y: Number
}
});
exports.DxOffset = DxOffset;
DxOffset.$_optionName = "offset";
var DxOptions = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
accessKey: String,
activeStateEnabled: Boolean,
bindingOptions: Object,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Function, Number, String],
hint: String,
hoverStateEnabled: Boolean,
icon: String,
onClick: Function,
onContentReady: Function,
onDisposing: Function,
onFocusIn: Function,
onFocusOut: Function,
onInitialized: Function,
onOptionChanged: Function,
rtlEnabled: Boolean,
stylingMode: String,
tabIndex: Number,
template: {},
text: String,
type: String,
useSubmitBehavior: Boolean,
validationGroup: String,
visible: Boolean,
width: [Function, Number, String]
}
});
exports.DxOptions = DxOptions;
DxOptions.$_optionName = "options";
var DxPosition = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
at: [Object, String],
boundary: {},
boundaryOffset: [Object, String],
collision: [Object, String],
my: [Object, String],
of: {},
offset: [Object, String]
}
});
exports.DxPosition = DxPosition;
DxPosition.$_optionName = "position";
DxPosition.$_expectedChildren = {
at: { isCollectionItem: false, optionName: "at" },
boundaryOffset: { isCollectionItem: false, optionName: "boundaryOffset" },
collision: { isCollectionItem: false, optionName: "collision" },
my: { isCollectionItem: false, optionName: "my" },
offset: { isCollectionItem: false, optionName: "offset" }
};
var DxShow = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
complete: Function,
delay: Number,
direction: String,
duration: Number,
easing: String,
from: [Number, Object, String],
staggerDelay: Number,
start: Function,
to: [Number, Object, String],
type: String
}
});
exports.DxShow = DxShow;
DxShow.$_optionName = "show";
var DxToolbarItem = Vue.extend({
extends: configuration_component_1.DxConfiguration,
props: {
disabled: Boolean,
html: String,
location: String,
options: Object,
template: {},
text: String,
toolbar: String,
visible: Boolean,
widget: String
}
});
exports.DxToolbarItem = DxToolbarItem;
DxToolbarItem.$_optionName = "toolbarItems";
DxToolbarItem.$_isCollectionItem = true;
exports.default = DxDropDownBox;