devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
264 lines (262 loc) • 8.35 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.6
* Build date: Mon Oct 13 2025
*
* Copyright (c) 2012 - 2025 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";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DxOptions = exports.DxFormat = exports.DxButton = exports.DxNumberBox = void 0;
const vue_1 = require("vue");
const index_1 = require("./core/index");
const number_box_1 = __importDefault(require("devextreme/ui/number_box"));
const index_2 = require("./core/index");
const componentConfig = {
props: {
accessKey: String,
activeStateEnabled: Boolean,
buttons: Array,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
format: [Object, String, Function],
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
inputAttr: {},
invalidValueMessage: String,
isDirty: Boolean,
isValid: Boolean,
label: String,
labelMode: String,
max: Number,
min: Number,
mode: String,
name: String,
onChange: Function,
onContentReady: Function,
onCopy: Function,
onCut: Function,
onDisposing: Function,
onEnterKey: Function,
onFocusIn: Function,
onFocusOut: Function,
onInitialized: Function,
onInput: Function,
onKeyDown: Function,
onKeyUp: Function,
onOptionChanged: Function,
onPaste: Function,
onValueChanged: Function,
placeholder: String,
readOnly: Boolean,
rtlEnabled: Boolean,
showClearButton: Boolean,
showSpinButtons: Boolean,
step: Number,
stylingMode: String,
tabIndex: Number,
text: String,
useLargeSpinButtons: Boolean,
validationError: {},
validationErrors: Array,
validationMessageMode: String,
validationMessagePosition: String,
validationStatus: String,
value: Number,
valueChangeEvent: String,
visible: Boolean,
width: [Number, String]
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:buttons": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:format": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:inputAttr": null,
"update:invalidValueMessage": null,
"update:isDirty": null,
"update:isValid": null,
"update:label": null,
"update:labelMode": null,
"update:max": null,
"update:min": null,
"update:mode": null,
"update:name": null,
"update:onChange": null,
"update:onContentReady": null,
"update:onCopy": null,
"update:onCut": null,
"update:onDisposing": null,
"update:onEnterKey": null,
"update:onFocusIn": null,
"update:onFocusOut": null,
"update:onInitialized": null,
"update:onInput": null,
"update:onKeyDown": null,
"update:onKeyUp": null,
"update:onOptionChanged": null,
"update:onPaste": null,
"update:onValueChanged": null,
"update:placeholder": null,
"update:readOnly": null,
"update:rtlEnabled": null,
"update:showClearButton": null,
"update:showSpinButtons": null,
"update:step": null,
"update:stylingMode": null,
"update:tabIndex": null,
"update:text": null,
"update:useLargeSpinButtons": null,
"update:validationError": null,
"update:validationErrors": null,
"update:validationMessageMode": null,
"update:validationMessagePosition": null,
"update:validationStatus": null,
"update:value": null,
"update:valueChangeEvent": null,
"update:visible": null,
"update:width": null,
},
model: { prop: "value", event: "update:value" },
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = number_box_1.default;
this.$_hasAsyncTemplate = true;
this.$_expectedChildren = {
button: { isCollectionItem: true, optionName: "buttons" },
format: { isCollectionItem: false, optionName: "format" }
};
}
};
(0, index_1.prepareComponentConfig)(componentConfig);
const DxNumberBox = (0, vue_1.defineComponent)(componentConfig);
exports.DxNumberBox = DxNumberBox;
const DxButtonConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:location": null,
"update:name": null,
"update:options": null,
},
props: {
location: String,
name: String,
options: Object
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxButtonConfig);
const DxButton = (0, vue_1.defineComponent)(DxButtonConfig);
exports.DxButton = DxButton;
DxButton.$_optionName = "buttons";
DxButton.$_isCollectionItem = true;
DxButton.$_expectedChildren = {
options: { isCollectionItem: false, optionName: "options" }
};
const DxFormatConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:currency": null,
"update:formatter": null,
"update:parser": null,
"update:precision": null,
"update:type": null,
"update:useCurrencyAccountingStyle": null,
},
props: {
currency: String,
formatter: Function,
parser: Function,
precision: Number,
type: String,
useCurrencyAccountingStyle: Boolean
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxFormatConfig);
const DxFormat = (0, vue_1.defineComponent)(DxFormatConfig);
exports.DxFormat = DxFormat;
DxFormat.$_optionName = "format";
const DxOptionsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:accessKey": null,
"update:activeStateEnabled": null,
"update:disabled": null,
"update:elementAttr": null,
"update:focusStateEnabled": null,
"update:height": null,
"update:hint": null,
"update:hoverStateEnabled": null,
"update:icon": null,
"update:onClick": null,
"update:onContentReady": null,
"update:onDisposing": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:rtlEnabled": null,
"update:stylingMode": null,
"update:tabIndex": null,
"update:template": null,
"update:text": null,
"update:type": null,
"update:useSubmitBehavior": null,
"update:validationGroup": null,
"update:visible": null,
"update:width": null,
},
props: {
accessKey: String,
activeStateEnabled: Boolean,
disabled: Boolean,
elementAttr: Object,
focusStateEnabled: Boolean,
height: [Number, String],
hint: String,
hoverStateEnabled: Boolean,
icon: String,
onClick: Function,
onContentReady: Function,
onDisposing: Function,
onInitialized: Function,
onOptionChanged: Function,
rtlEnabled: Boolean,
stylingMode: String,
tabIndex: Number,
template: {},
text: String,
type: String,
useSubmitBehavior: Boolean,
validationGroup: String,
visible: Boolean,
width: [Number, String]
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxOptionsConfig);
const DxOptions = (0, vue_1.defineComponent)(DxOptionsConfig);
exports.DxOptions = DxOptions;
DxOptions.$_optionName = "options";
exports.default = DxNumberBox;