devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
164 lines (163 loc) • 6.27 kB
JavaScript
/**
* DevExtreme (esm/renovation/component_wrapper/editors/editor.js)
* Version: 23.2.6
* Build date: Wed May 01 2024
*
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
import {
isDefined
} from "../../../core/utils/type";
import Component from "../common/component";
import ValidationEngine from "../../../ui/validation_engine";
import {
extend
} from "../../../core/utils/extend";
import $ from "../../../core/renderer";
import {
data
} from "../../../core/element_data";
import Callbacks from "../../../core/utils/callbacks";
import OldEditor from "../../../ui/editor/editor";
import {
querySelectorInSameDocument
} from "../../utils/dom";
var INVALID_MESSAGE_AUTO = "dx-invalid-message-auto";
var VALIDATION_TARGET = "dx-validation-target";
export default class Editor extends Component {
getProps() {
var props = super.getProps();
props.onFocusIn = () => {
var isValidationMessageShownOnFocus = "auto" === this.option("validationMessageMode");
if (isValidationMessageShownOnFocus) {
var $validationMessageWrapper = $(querySelectorInSameDocument(this.element(), ".dx-invalid-message.dx-overlay-wrapper"));
null === $validationMessageWrapper || void 0 === $validationMessageWrapper ? void 0 : $validationMessageWrapper.removeClass(INVALID_MESSAGE_AUTO);
if (this.showValidationMessageTimeout) {
clearTimeout(this.showValidationMessageTimeout)
}
this.showValidationMessageTimeout = setTimeout(() => {
null === $validationMessageWrapper || void 0 === $validationMessageWrapper ? void 0 : $validationMessageWrapper.addClass(INVALID_MESSAGE_AUTO)
}, 150)
}
};
props.saveValueChangeEvent = e => {
this._valueChangeEventInstance = e
};
return props
}
_createElement(element) {
super._createElement(element);
this.showValidationMessageTimeout = void 0;
this.validationRequest = Callbacks();
data(this.$element()[0], VALIDATION_TARGET, this)
}
_render() {
var _this$option;
null === (_this$option = this.option("_onMarkupRendered")) || void 0 === _this$option ? void 0 : _this$option()
}
_init() {
super._init();
this._initialValue = this.option("value")
}
_initializeComponent() {
super._initializeComponent();
this._valueChangeAction = this._createActionByOption("onValueChanged", {
excludeValidators: ["disabled", "readOnly"]
})
}
_initOptions(options) {
super._initOptions(options);
this.option(ValidationEngine.initValidationOptions(options))
}
_getDefaultOptions() {
return extend(super._getDefaultOptions(), {
validationMessageOffset: {
h: 0,
v: 0
},
validationTooltipOptions: {}
})
}
_bindInnerWidgetOptions(innerWidget, optionsContainer) {
var innerWidgetOptions = extend({}, innerWidget.option());
var syncOptions = () => this._silent(optionsContainer, innerWidgetOptions);
syncOptions();
innerWidget.on("optionChanged", syncOptions)
}
_raiseValidation(value, previousValue) {
var areValuesEmpty = !isDefined(value) && !isDefined(previousValue);
if (value !== previousValue && !areValuesEmpty) {
this.validationRequest.fire({
value: value,
editor: this
})
}
}
_raiseValueChangeAction(value, previousValue) {
var _this$_valueChangeAct;
null === (_this$_valueChangeAct = this._valueChangeAction) || void 0 === _this$_valueChangeAct ? void 0 : _this$_valueChangeAct.call(this, {
element: this.$element(),
previousValue: previousValue,
value: value,
event: this._valueChangeEventInstance
});
this._valueChangeEventInstance = void 0
}
_optionChanged(option) {
var {
name: name,
previousValue: previousValue,
value: value
} = option;
if (name && void 0 !== this._getActionConfigs()[name]) {
this._addAction(name)
}
switch (name) {
case "value":
this._raiseValidation(value, previousValue);
this.option("isDirty", this._initialValue !== value);
this._raiseValueChangeAction(value, previousValue);
break;
case "onValueChanged":
this._valueChangeAction = this._createActionByOption("onValueChanged", {
excludeValidators: ["disabled", "readOnly"]
});
break;
case "isValid":
case "validationError":
case "validationErrors":
case "validationStatus":
this.option(ValidationEngine.synchronizeValidationOptions(option, this.option()))
}
super._optionChanged(option)
}
clear() {
var {
value: value
} = this._getDefaultOptions();
this.option({
value: value
})
}
reset() {
var value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : void 0;
if (arguments.length) {
this._initialValue = value
}
this.option("value", this._initialValue);
this.option("isDirty", false);
this.option("isValid", true)
}
_dispose() {
super._dispose();
data(this.element(), VALIDATION_TARGET, null);
if (this.showValidationMessageTimeout) {
clearTimeout(this.showValidationMessageTimeout)
}
}
}
var prevIsEditor = OldEditor.isEditor;
var newIsEditor = instance => prevIsEditor(instance) || instance instanceof Editor;
Editor.isEditor = newIsEditor;
OldEditor.isEditor = newIsEditor;