devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
283 lines (281 loc) • 8.42 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_button_1 = require("devextreme/ui/drop_down_button");
var component_1 = require("./core/component");
var configuration_component_1 = require("./core/configuration-component");
var DxDropDownButton = Vue.extend({
extends: component_1.DxComponent,
props: {
accessKey: String,
activeStateEnabled: Boolean,
dataSource: [Array, Object, String],
deferRendering: Boolean,
disabled: Boolean,
displayExpr: [Function, String],
dropDownContentTemplate: {},
dropDownOptions: Object,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Function, Number, String],
hint: String,
hoverStateEnabled: Boolean,
icon: String,
items: Array,
itemTemplate: {},
keyExpr: String,
noDataText: String,
onButtonClick: [Function, String],
onContentReady: Function,
onDisposing: Function,
onInitialized: Function,
onItemClick: [Function, String],
onOptionChanged: Function,
onSelectionChanged: [Function, String],
opened: Boolean,
rtlEnabled: Boolean,
selectedItem: [Number, Object, String],
selectedItemKey: [Number, String],
showArrowIcon: Boolean,
splitButton: Boolean,
stylingMode: String,
tabIndex: Number,
text: String,
useSelectMode: Boolean,
visible: Boolean,
width: [Function, Number, String],
wrapItemText: Boolean
},
computed: {
instance: function () {
return this.$_instance;
}
},
beforeCreate: function () {
this.$_WidgetClass = drop_down_button_1.default;
this.$_expectedChildren = {
dropDownOptions: { isCollectionItem: false, optionName: "dropDownOptions" },
item: { isCollectionItem: true, optionName: "items" }
};
}
});
exports.DxDropDownButton = DxDropDownButton;
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 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: {
badge: String,
disabled: Boolean,
html: String,
icon: String,
showChevron: Boolean,
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 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 = DxDropDownButton;