UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

147 lines (145 loc) 6.74 kB
/** * DevExtreme (cjs/integration/knockout/validation.js) * Version: 21.1.4 * Build date: Mon Jun 21 2021 * * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ "use strict"; var _iterator = require("../../core/utils/iterator"); var _extend = require("../../core/utils/extend"); var _class = _interopRequireDefault(require("../../core/class")); var _events_strategy = require("../../core/events_strategy"); var _validation_engine = _interopRequireDefault(require("../../ui/validation_engine")); var _deferred = require("../../core/utils/deferred"); var _guid = _interopRequireDefault(require("../../core/guid")); var _knockout = _interopRequireDefault(require("knockout")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj } } if (_knockout.default) { var VALIDATION_STATUS_VALID = "valid"; var VALIDATION_STATUS_PENDING = "pending"; var koDxValidator = _class.default.inherit({ ctor: function(target, _ref) { var _this = this; var name = _ref.name, validationRules = _ref.validationRules; this.target = target; this.name = name; this.isValid = _knockout.default.observable(true); this.validationError = _knockout.default.observable(); this.validationErrors = _knockout.default.observable(); this.validationStatus = _knockout.default.observable(VALIDATION_STATUS_VALID); this._eventsStrategy = new _events_strategy.EventsStrategy(this); this.validationRules = (0, _iterator.map)(validationRules, (function(rule, index) { return (0, _extend.extend)({}, rule, { validator: _this, index: index }) })); this._validationInfo = { result: null, deferred: null } }, _updateValidationResult: function(result) { if (!this._validationInfo.result || this._validationInfo.result.id !== result.id) { var complete = this._validationInfo.deferred && this._validationInfo.result.complete; this._validationInfo.result = (0, _extend.extend)({}, result, { complete: complete }) } else { for (var prop in result) { if ("id" !== prop && "complete" !== prop) { this._validationInfo.result[prop] = result[prop] } } } }, validate: function() { var _this2 = this; var currentResult = this._validationInfo && this._validationInfo.result; var value = this.target(); if (currentResult && currentResult.status === VALIDATION_STATUS_PENDING && currentResult.value === value) { return (0, _extend.extend)({}, currentResult) } var result = _validation_engine.default.validate(value, this.validationRules, this.name); result.id = (new _guid.default).toString(); this._applyValidationResult(result); result.complete && result.complete.then((function(res) { if (res.id === _this2._validationInfo.result.id) { _this2._applyValidationResult(res) } })); return (0, _extend.extend)({}, this._validationInfo.result) }, reset: function() { this.target(null); var result = { id: null, isValid: true, brokenRule: null, pendingRules: null, status: VALIDATION_STATUS_VALID, complete: null }; this._applyValidationResult(result); return result }, _applyValidationResult: function(result) { result.validator = this; this._updateValidationResult(result); this.target.dxValidator.isValid(this._validationInfo.result.isValid); this.target.dxValidator.validationError(this._validationInfo.result.brokenRule); this.target.dxValidator.validationErrors(this._validationInfo.result.brokenRules); this.target.dxValidator.validationStatus(this._validationInfo.result.status); if (result.status === VALIDATION_STATUS_PENDING) { if (!this._validationInfo.deferred) { this._validationInfo.deferred = new _deferred.Deferred; this._validationInfo.result.complete = this._validationInfo.deferred.promise() } this._eventsStrategy.fireEvent("validating", [this._validationInfo.result]); return } if (result.status !== VALIDATION_STATUS_PENDING) { this._eventsStrategy.fireEvent("validated", [result]); if (this._validationInfo.deferred) { this._validationInfo.deferred.resolve(result); this._validationInfo.deferred = null } } }, on: function(eventName, eventHandler) { this._eventsStrategy.on(eventName, eventHandler); return this }, off: function(eventName, eventHandler) { this._eventsStrategy.off(eventName, eventHandler); return this } }); _knockout.default.extenders.dxValidator = function(target, option) { target.dxValidator = new koDxValidator(target, option); target.subscribe(target.dxValidator.validate.bind(target.dxValidator)); return target }; _validation_engine.default.registerModelForValidation = function(model) { (0, _iterator.each)(model, (function(name, member) { if (_knockout.default.isObservable(member) && member.dxValidator) { _validation_engine.default.registerValidatorInGroup(model, member.dxValidator) } })) }; _validation_engine.default.unregisterModelForValidation = function(model) { (0, _iterator.each)(model, (function(name, member) { if (_knockout.default.isObservable(member) && member.dxValidator) { _validation_engine.default.removeRegisteredValidator(model, member.dxValidator) } })) }; _validation_engine.default.validateModel = _validation_engine.default.validateGroup }