devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
179 lines (177 loc) • 6.99 kB
JavaScript
/**
* DevExtreme (cjs/ui/editor/ui.data_expression.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/
*/
"use strict";
exports.default = void 0;
var _variable_wrapper = _interopRequireDefault(require("../../core/utils/variable_wrapper"));
var _data = require("../../core/utils/data");
var _common = require("../../core/utils/common");
var _type = require("../../core/utils/type");
var _extend = require("../../core/utils/extend");
var _data_helper = _interopRequireDefault(require("../../data_helper"));
var _data_source = require("../../data/data_source/data_source");
var _array_store = _interopRequireDefault(require("../../data/array_store"));
var _deferred = require("../../core/utils/deferred");
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
default: obj
}
}
const DataExpressionMixin = (0, _extend.extend)({}, _data_helper.default, {
_dataExpressionDefaultOptions: function() {
return {
items: [],
dataSource: null,
itemTemplate: "item",
value: null,
valueExpr: "this",
displayExpr: void 0
}
},
_initDataExpressions: function() {
this._compileValueGetter();
this._compileDisplayGetter();
this._initDynamicTemplates();
this._initDataSource();
this._itemsToDataSource()
},
_itemsToDataSource: function() {
if (!this.option("dataSource")) {
this._dataSource = new _data_source.DataSource({
store: new _array_store.default(this.option("items")),
pageSize: 0
});
this._initDataController()
}
},
_compileDisplayGetter: function() {
this._displayGetter = (0, _data.compileGetter)(this._displayGetterExpr())
},
_displayGetterExpr: function() {
return this.option("displayExpr")
},
_compileValueGetter: function() {
this._valueGetter = (0, _data.compileGetter)(this._valueGetterExpr())
},
_valueGetterExpr: function() {
return this.option("valueExpr") || "this"
},
_loadValue: function(value) {
const deferred = new _deferred.Deferred;
value = this._unwrappedValue(value);
if (!(0, _type.isDefined)(value)) {
return deferred.reject().promise()
}
this._loadSingle(this._valueGetterExpr(), value).done(function(item) {
this._isValueEquals(this._valueGetter(item), value) ? deferred.resolve(item) : deferred.reject()
}.bind(this)).fail((function() {
deferred.reject()
}));
this._loadValueDeferred = deferred;
return deferred.promise()
},
_rejectValueLoading: function() {
var _this$_loadValueDefer;
null === (_this$_loadValueDefer = this._loadValueDeferred) || void 0 === _this$_loadValueDefer ? void 0 : _this$_loadValueDefer.reject({
shouldSkipCallback: true
})
},
_getCurrentValue: function() {
return this.option("value")
},
_unwrappedValue: function(value) {
var _value;
value = null !== (_value = value) && void 0 !== _value ? _value : this._getCurrentValue();
if (value && this._dataSource && "this" === this._valueGetterExpr()) {
value = this._getItemKey(value)
}
return _variable_wrapper.default.unwrap(value)
},
_getItemKey: function(value) {
const key = this._dataSource.key();
if (Array.isArray(key)) {
const result = {};
for (let i = 0, n = key.length; i < n; i++) {
result[key[i]] = value[key[i]]
}
return result
}
if (key && "object" === typeof value) {
value = value[key]
}
return value
},
_isValueEquals: function(value1, value2) {
const dataSourceKey = this._dataSource && this._dataSource.key();
let result = this._compareValues(value1, value2);
if (!result && dataSourceKey && (0, _type.isDefined)(value1) && (0, _type.isDefined)(value2)) {
if (Array.isArray(dataSourceKey)) {
result = this._compareByCompositeKey(value1, value2, dataSourceKey)
} else {
result = this._compareByKey(value1, value2, dataSourceKey)
}
}
return result
},
_compareByCompositeKey: function(value1, value2, key) {
const isObject = _type.isObject;
if (!isObject(value1) || !isObject(value2)) {
return false
}
for (let i = 0, n = key.length; i < n; i++) {
if (value1[key[i]] !== value2[key[i]]) {
return false
}
}
return true
},
_compareByKey: function(value1, value2, key) {
const unwrapObservable = _variable_wrapper.default.unwrap;
const valueKey1 = (0, _common.ensureDefined)(unwrapObservable(value1[key]), value1);
const valueKey2 = (0, _common.ensureDefined)(unwrapObservable(value2[key]), value2);
return this._compareValues(valueKey1, valueKey2)
},
_compareValues: function(value1, value2) {
return (0, _data.toComparable)(value1, true) === (0, _data.toComparable)(value2, true)
},
_initDynamicTemplates: _common.noop,
_setCollectionWidgetItemTemplate: function() {
this._initDynamicTemplates();
this._setCollectionWidgetOption("itemTemplate", this.option("itemTemplate"))
},
_getCollectionKeyExpr: function() {
const valueExpr = this.option("valueExpr");
const isValueExprField = (0, _type.isString)(valueExpr) && "this" !== valueExpr || (0, _type.isFunction)(valueExpr);
return isValueExprField ? valueExpr : null
},
_dataExpressionOptionChanged: function(args) {
switch (args.name) {
case "items":
this._itemsToDataSource();
this._setCollectionWidgetOption("items");
break;
case "dataSource":
this._initDataSource();
break;
case "itemTemplate":
this._setCollectionWidgetItemTemplate();
break;
case "valueExpr":
this._compileValueGetter();
break;
case "displayExpr":
this._compileDisplayGetter();
this._initDynamicTemplates();
this._setCollectionWidgetOption("displayExpr")
}
}
});
var _default = DataExpressionMixin;
exports.default = _default;
module.exports = exports.default;
module.exports.default = exports.default;