fastlion-amis
Version:
一种MIS页面生成工具
881 lines (880 loc) • 44.7 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormItemStore = void 0;
var tslib_1 = require("tslib");
var mobx_state_tree_1 = require("mobx-state-tree");
var form_1 = require("./form");
var validations_1 = require("../utils/validations");
var combo_1 = require("./combo");
var tpl_1 = require("../utils/tpl");
var api_1 = require("../utils/api");
var findIndex_1 = (0, tslib_1.__importDefault)(require("lodash/findIndex"));
var helper_1 = require("../utils/helper");
var helper_2 = require("../utils/helper");
var Select_1 = require("../components/Select");
var find_1 = (0, tslib_1.__importDefault)(require("lodash/find"));
var SimpleMap_1 = require("../utils/SimpleMap");
var node_1 = require("./node");
var manager_1 = require("./manager");
var isPlainObject_1 = (0, tslib_1.__importDefault)(require("lodash/isPlainObject"));
var lodash_1 = require("lodash");
var sub_1 = require("../utils/sub");
var ErrorDetail = mobx_state_tree_1.types.model('ErrorDetail', {
msg: '',
tag: '',
rule: ''
});
//select缓存
var SelectCache = {};
//并发请求时，一个一个来
var SelectWaitingCache = {};
//注册监听，在页面更新时清空缓存
sub_1.EventSub.on(sub_1.EventEnum.ClearSelectCache, function (instance) {
if (!instance)
return;
delete SelectCache[instance];
});
exports.FormItemStore = node_1.StoreNode.named('FormItemStore')
.props({
isFocused: false,
type: '',
unique: false,
loading: false,
required: false,
tmpValue: mobx_state_tree_1.types.frozen(),
emitedValue: mobx_state_tree_1.types.frozen(),
rules: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), {}),
messages: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), {}),
errorData: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.array(ErrorDetail), []),
name: mobx_state_tree_1.types.string,
itemId: '',
unsetValueOnInvisible: false,
itemsRef: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.array(mobx_state_tree_1.types.string), []),
validated: false,
validating: false,
multiple: false,
delimiter: ',',
valueField: 'value',
labelField: 'label',
joinValues: true,
extractValue: false,
options: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
expressionsInOptions: false,
selectFirst: false,
autoFill: mobx_state_tree_1.types.frozen(),
clearValueOnHidden: false,
validateApi: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), ''),
selectedOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
filteredOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
dialogSchema: mobx_state_tree_1.types.frozen(),
dialogOpen: false,
dialogData: mobx_state_tree_1.types.frozen(),
resetValue: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), ''),
validateOnChange: false,
labelName: ''
})
.views(function (self) {
function getForm() {
var form = self.parentStore;
return (form === null || form === void 0 ? void 0 : form.storeType) === form_1.FormStore.name ? form : undefined;
}
function getValue() {
var _a;
return (_a = getForm()) === null || _a === void 0 ? void 0 : _a.getValueByName(self.name);
}
function getLastOptionValue() {
if (self.selectedOptions.length) {
return self.selectedOptions[self.selectedOptions.length - 1].value;
}
return '';
}
function getErrors() {
return self.errorData.map(function (item) { return item.msg; });
}
return {
get subFormItems() {
return self.itemsRef.map(function (item) { return (0, manager_1.getStoreById)(item); });
},
get form() {
return getForm();
},
get value() {
return getValue();
},
get prinstine() {
var _a;
return (_a = getForm()) === null || _a === void 0 ? void 0 : _a.getPristineValueByName(self.name);
},
get errors() {
return getErrors();
},
get valid() {
var errors = getErrors();
return !!(!errors || !errors.length);
},
get errClassNames() {
return self.errorData
.map(function (item) { return item.rule; })
.filter(function (item, index, arr) { return item && arr.indexOf(item) === index; })
.map(function (item) { return "has-error--" + item; })
.join(' ');
},
get lastSelectValue() {
return getLastOptionValue();
},
getSelectedOptions: function (value, nodeValueArray) {
if (value === void 0) { value = self.tmpValue; }
if (typeof value === 'undefined') {
return [];
}
var valueArray = nodeValueArray
? nodeValueArray
: Array.isArray(value)
? value
: typeof value === 'string'
? value.split(self.delimiter || ',')
: [value];
var selected = valueArray.map(function (item) {
return item && item.hasOwnProperty(self.valueField || 'value')
? item[self.valueField || 'value']
: item;
});
var selectedOptions = [];
selected.forEach(function (item, index) {
var _a, _b;
var matched = (0, helper_1.findTree)(self.filteredOptions, (0, Select_1.optionValueCompare)(item, self.valueField || 'value'));
if (matched) {
selectedOptions.push(matched);
}
else {
var unMatched = (valueArray && valueArray[index]) || item;
if (unMatched &&
(typeof unMatched === 'string' || typeof unMatched === 'number')) {
unMatched = (_a = {},
_a[self.valueField || 'value'] = item,
_a[self.labelField || 'label'] = item,
_a.__unmatched = true,
_a);
}
else if (unMatched && self.extractValue) {
unMatched = (_b = {},
_b[self.valueField || 'value'] = item,
_b[self.labelField || 'label'] = 'UnKnown',
_b.__unmatched = true,
_b);
}
unMatched && selectedOptions.push(unMatched);
}
});
return selectedOptions;
}
};
})
.actions(function (self) {
var loadAutoUpdateCancel = null;
var form = self.form;
var dialogCallbacks = new SimpleMap_1.SimpleMap();
function config(_a) {
var required = _a.required, unique = _a.unique, value = _a.value, rules = _a.rules, messages = _a.messages, delimiter = _a.delimiter, multiple = _a.multiple, valueField = _a.valueField, labelField = _a.labelField, joinValues = _a.joinValues, extractValue = _a.extractValue, type = _a.type, id = _a.id, selectFirst = _a.selectFirst, autoFill = _a.autoFill, clearValueOnHidden = _a.clearValueOnHidden, validateApi = _a.validateApi, maxLength = _a.maxLength, minLength = _a.minLength, validateOnChange = _a.validateOnChange, labelName = _a.labelName;
if (typeof rules === 'string') {
rules = (0, validations_1.str2rules)(rules);
}
typeof type !== 'undefined' && (self.type = type);
typeof labelName !== 'undefined' && (self.labelName = labelName);
typeof id !== 'undefined' && (self.itemId = id);
typeof messages !== 'undefined' && (self.messages = messages);
typeof required !== 'undefined' && (self.required = !!required);
typeof unique !== 'undefined' && (self.unique = !!unique);
typeof multiple !== 'undefined' && (self.multiple = !!multiple);
typeof selectFirst !== 'undefined' && (self.selectFirst = !!selectFirst);
typeof autoFill !== 'undefined' && (self.autoFill = autoFill);
typeof joinValues !== 'undefined' && (self.joinValues = !!joinValues);
typeof extractValue !== 'undefined' &&
(self.extractValue = !!extractValue);
typeof delimiter !== 'undefined' &&
(self.delimiter = delimiter || ',');
typeof valueField !== 'undefined' &&
(self.valueField = valueField || 'value');
typeof labelField !== 'undefined' &&
(self.labelField = labelField || 'label');
typeof clearValueOnHidden !== 'undefined' &&
(self.clearValueOnHidden = !!clearValueOnHidden);
typeof validateApi !== 'undefined' && (self.validateApi = validateApi);
typeof validateOnChange !== 'undefined' &&
(self.validateOnChange = !!validateOnChange);
rules = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, rules), { isRequired: self.required });
// todo 这个弄个配置由渲染器自己来决定
// 暂时先这样
if (~['input-text', 'textarea'].indexOf(self.type)) {
if (typeof minLength === 'number') {
rules.minLength = minLength;
}
if (typeof maxLength === 'number') {
rules.maxLength = maxLength;
}
}
if ((0, helper_1.isObjectShallowModified)(rules, self.rules)) {
self.rules = rules;
clearError('builtin');
self.validated = false;
}
}
function focus() {
self.isFocused = true;
}
function blur() {
self.isFocused = false;
}
var validateCancel = null;
var validate = (0, mobx_state_tree_1.flow)(function validate(data, hook) {
var json, combo, group;
var _a, _b;
return (0, tslib_1.__generator)(this, function (_c) {
switch (_c.label) {
case 0:
if (self.validating && !(0, api_1.isEffectiveApi)(self.validateApi, data)) {
return [2 /*return*/, self.valid];
}
self.validating = true;
clearError();
if (!hook) return [3 /*break*/, 2];
return [4 /*yield*/, hook()];
case 1:
_c.sent();
_c.label = 2;
case 2:
addError((0, validations_1.validate)(self.tmpValue, data, self.rules, self.messages, self.__, self.labelName));
if (!(!self.errors.length && (0, api_1.isEffectiveApi)(self.validateApi, data))) return [3 /*break*/, 4];
if (validateCancel) {
validateCancel();
validateCancel = null;
}
return [4 /*yield*/, (0, mobx_state_tree_1.getEnv)(self).fetcher(self.validateApi, data, {
cancelExecutor: function (executor) {
return (validateCancel = executor);
}
})];
case 3:
json = _c.sent();
validateCancel = null;
if (!json.ok && json.status === 422 && json.errors) {
addError(String(json.errors || json.msg || "\u8868\u5355\u9879\u300C" + self.name + "\u300D\u6821\u9A8C\u5931\u8D25"));
}
_c.label = 4;
case 4:
self.validated = true;
if (self.unique && ((_b = (_a = self.form) === null || _a === void 0 ? void 0 : _a.parentStore) === null || _b === void 0 ? void 0 : _b.storeType) === 'ComboStore') {
combo = self.form.parentStore;
group = combo.uniques.get(self.name);
if (group.items.some(function (item) {
return item !== self &&
self.tmpValue !== undefined &&
item.value === self.tmpValue;
})) {
addError(self.__('Form.unique'));
}
}
self.validating = false;
return [2 /*return*/, self.valid];
}
});
});
function setError(msg, tag) {
if (tag === void 0) { tag = 'builtin'; }
clearError();
addError(msg, tag);
}
function addError(msg, tag) {
if (tag === void 0) { tag = 'builtin'; }
var msgs = Array.isArray(msg) ? msg : [msg];
msgs.forEach(function (item) {
return self.errorData.push({
msg: typeof item === 'string' ? item : item.msg,
rule: typeof item !== 'string' ? item.rule : undefined,
tag: tag
});
});
}
function clearError(tag) {
if (tag) {
var filtered = self.errorData.filter(function (item) { return item.tag !== tag; });
self.errorData.replace(filtered);
}
else {
self.errorData.clear();
}
}
function getFirstAvaibleOption(options) {
if (!Array.isArray(options)) {
return;
}
for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
var option = options_1[_i];
if (Array.isArray(option.children)) {
var childFirst = getFirstAvaibleOption(option.children);
if (childFirst !== undefined) {
return childFirst;
}
}
else if (option[self.valueField || 'value'] && !option.disabled) {
return option;
}
}
}
function setOptions(options, onChange, data) {
if (!Array.isArray(options)) {
return;
}
options = (0, helper_1.filterTree)(options, function (item) { return item; });
var originOptions = self.options.concat();
self.options = options;
syncOptions(originOptions, data);
var selectedOptions;
if (onChange &&
self.selectFirst &&
self.filteredOptions.length &&
(selectedOptions = self.getSelectedOptions(self.value)) &&
!selectedOptions.filter(function (item) { return !item.__unmatched; }).length) {
var fistOption = getFirstAvaibleOption(self.filteredOptions);
if (!fistOption) {
return;
}
var list = [fistOption].map(function (item) {
if (self.extractValue || self.joinValues) {
return item[self.valueField || 'value'];
}
return item;
});
var value = self.joinValues && self.multiple
? list.join(self.delimiter)
: self.multiple
? list
: list[0];
onChange(value, false);
}
}
var loadCancel = null;
var fetchOptions = (0, mobx_state_tree_1.flow)(function getInitData(api, data, config, setErrorFlag, dataAreaName) {
var result, fetchUrl_1, getFetchResult, e_1, env;
var _this = this;
var _a;
return (0, tslib_1.__generator)(this, function (_b) {
switch (_b.label) {
case 0:
_b.trys.push([0, 2, , 3]);
if (loadCancel) {
loadCancel();
loadCancel = null;
self.loading = false;
}
result = null;
fetchUrl_1 = (0, tpl_1.filter)(((_a = api) === null || _a === void 0 ? void 0 : _a.url) || '', data);
getFetchResult = function () { return new Promise(function (res) { return (0, tslib_1.__awaiter)(_this, void 0, void 0, function () {
var needCache, cacheData, json;
var _a;
var _b, _c, _d, _e, _f, _g;
return (0, tslib_1.__generator)(this, function (_h) {
switch (_h.label) {
case 0:
needCache = dataAreaName !== 'filterParam' && self.type !== 'input-tree';
if (!(needCache && dataAreaName && ((_b = SelectCache[dataAreaName]) === null || _b === void 0 ? void 0 : _b[fetchUrl_1]))) return [3 /*break*/, 1];
cacheData = SelectCache[dataAreaName][fetchUrl_1];
(_c = config === null || config === void 0 ? void 0 : config.onSuccess) === null || _c === void 0 ? void 0 : _c.call(config, cacheData); // Jay
res(cacheData);
return [3 /*break*/, 4];
case 1:
if (!!SelectWaitingCache[fetchUrl_1]) return [3 /*break*/, 3];
// 查询器里面不缓存
if (dataAreaName && needCache)
SelectWaitingCache[fetchUrl_1] = [];
if (!(config === null || config === void 0 ? void 0 : config.silent)) {
self.loading = true;
}
return [4 /*yield*/, (0, mobx_state_tree_1.getEnv)(self).fetcher(api, data, (0, tslib_1.__assign)({ autoAppend: false, cancelExecutor: function (executor) { return (loadCancel = executor); } }, config))];
case 2:
json = _h.sent();
if (!json.ok) {
(_d = config === null || config === void 0 ? void 0 : config.onFailed) === null || _d === void 0 ? void 0 : _d.call(config, json); // Jay
setErrorFlag !== false &&
setError(self.__('Form.loadOptionsFailed', {
reason: (_e = json.msg) !== null && _e !== void 0 ? _e : (config && config.errorMessage)
}));
(0, mobx_state_tree_1.getEnv)(self).notify('error', self.errors.join('') || api + "\uFF1A" + json.msg, json.msgTimeout !== undefined
? {
closeButton: true,
timeout: json.msgTimeout
}
: undefined);
res(null);
}
else {
if (dataAreaName) {
// 记录缓存结果
SelectCache[dataAreaName] = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (SelectCache[dataAreaName] || {})), (_a = {}, _a[fetchUrl_1] = json, _a));
// 缓存1s后删除
setTimeout(function () {
if (SelectCache[dataAreaName])
delete SelectCache[dataAreaName][fetchUrl_1];
}, 1000);
}
if (SelectWaitingCache === null || SelectWaitingCache === void 0 ? void 0 : SelectWaitingCache[fetchUrl_1]) {
(_f = SelectWaitingCache === null || SelectWaitingCache === void 0 ? void 0 : SelectWaitingCache[fetchUrl_1]) === null || _f === void 0 ? void 0 : _f.map(function (fn) {
fn === null || fn === void 0 ? void 0 : fn();
});
delete SelectWaitingCache[fetchUrl_1];
}
(_g = config === null || config === void 0 ? void 0 : config.onSuccess) === null || _g === void 0 ? void 0 : _g.call(config, json); // Jay
res(json);
}
return [3 /*break*/, 4];
case 3:
SelectWaitingCache[fetchUrl_1].push(function () {
var _a;
if (dataAreaName) {
var cacheData = SelectCache[dataAreaName][fetchUrl_1];
(_a = config === null || config === void 0 ? void 0 : config.onSuccess) === null || _a === void 0 ? void 0 : _a.call(config, cacheData); // Jay
res(cacheData);
}
});
_h.label = 4;
case 4: return [2 /*return*/];
}
});
}); }); };
return [4 /*yield*/, getFetchResult()];
case 1:
//@ts-ignore 不懂为什么类型写了还是报错 ignore掉
result = _b.sent();
loadCancel = null;
self.loading = false;
return [2 /*return*/, result];
case 2:
e_1 = _b.sent();
env = (0, mobx_state_tree_1.getEnv)(self);
if (!(0, mobx_state_tree_1.isAlive)(self) || self.disposed) {
return [2 /*return*/];
}
self.loading = false;
if (env.isCancel(e_1)) {
return [2 /*return*/];
}
console.error(e_1.stack);
env.notify('error', e_1.message);
return [2 /*return*/];
case 3: return [2 /*return*/];
}
});
});
var loadOptions = (0, mobx_state_tree_1.flow)(function getInitData(api, data, config, clearValue, onChange, setErrorFlag, dataAreaName) {
var json, options;
var _a, _b, _c;
return (0, tslib_1.__generator)(this, function (_d) {
switch (_d.label) {
case 0: return [4 /*yield*/, fetchOptions(api, data, config, setErrorFlag, dataAreaName)];
case 1:
json = _d.sent();
if (!json) {
return [2 /*return*/];
}
clearError();
self.validated = false; // 拉完数据应该需要再校验一下
options = ((_a = json.data) === null || _a === void 0 ? void 0 : _a.options) ||
((_b = json.data) === null || _b === void 0 ? void 0 : _b.items) ||
((_c = json.data) === null || _c === void 0 ? void 0 : _c.rows) ||
json.data ||
[];
options = (0, Select_1.normalizeOptions)(options, undefined, self.valueField);
if ((config === null || config === void 0 ? void 0 : config.extendsOptions) && self.selectedOptions.length > 0) {
self.selectedOptions.forEach(function (item) {
var exited = (0, helper_1.findTree)(options, (0, Select_1.optionValueCompare)(item, self.valueField || 'value'));
if (!exited) {
options.push(item);
}
});
}
setOptions(options, onChange, data);
if (json.data && !(0, lodash_1.isNil)(json.data.value)) {
onChange && onChange(json.data.value, false, true);
}
else if (clearValue && !self.selectFirst) {
self.selectedOptions.some(function (item) { return item.__unmatched; }) &&
onChange &&
onChange('', false, true);
}
return [2 /*return*/, json];
}
});
});
var loadAutoUpdateData = (0, mobx_state_tree_1.flow)(function getAutoUpdateData(api, data, silent) {
var json, result;
var _a, _b;
if (silent === void 0) { silent = true; }
return (0, tslib_1.__generator)(this, function (_c) {
switch (_c.label) {
case 0:
if (loadAutoUpdateCancel) {
loadAutoUpdateCancel();
loadAutoUpdateCancel = null;
}
return [4 /*yield*/, (0, mobx_state_tree_1.getEnv)(self).fetcher(api, data, {
cancelExecutor: function (executor) {
return (loadAutoUpdateCancel = executor);
}
})];
case 1:
json = _c.sent();
loadAutoUpdateCancel = null;
if (!json) {
return [2 /*return*/];
}
result = ((_a = json.data) === null || _a === void 0 ? void 0 : _a.items) || ((_b = json.data) === null || _b === void 0 ? void 0 : _b.rows);
// 只处理仅有一个结果的数据
if ((result === null || result === void 0 ? void 0 : result.length) === 1) {
return [2 /*return*/, result[0]];
}
else if ((0, isPlainObject_1.default)(json.data)) {
return [2 /*return*/, json.data];
}
if (json.status !== 0) {
!silent && (0, mobx_state_tree_1.getEnv)(self).notify('info', json.msg);
}
return [2 /*return*/];
}
});
});
var tryDeferLoadLeftOptions = (0, mobx_state_tree_1.flow)(function (option, api, data, config) {
var leftOptions, indexes, json, options, children_1;
var _a;
return (0, tslib_1.__generator)(this, function (_b) {
switch (_b.label) {
case 0:
if (self.options.length != 1 ||
!Array.isArray(self.options[0].leftOptions)) {
return [2 /*return*/];
}
leftOptions = self.options[0].leftOptions;
indexes = (0, helper_1.findTreeIndex)(leftOptions, function (item) { return item === option; });
if (!indexes) {
return [2 /*return*/];
}
setOptions([
(0, tslib_1.__assign)((0, tslib_1.__assign)({}, self.options[0]), { leftOptions: (0, helper_1.spliceTree)(leftOptions, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { loading: true })) })
], undefined, data);
return [4 /*yield*/, fetchOptions(api, data, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, config), { silent: true }), false)];
case 1:
json = _b.sent();
if (!json) {
setOptions([
(0, tslib_1.__assign)((0, tslib_1.__assign)({}, self.options[0]), { leftOptions: (0, helper_1.spliceTree)(leftOptions, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { loading: false, error: true })) })
], undefined, data);
return [2 /*return*/];
}
options = ((_a = json.data) === null || _a === void 0 ? void 0 : _a.options) ||
json.data.items ||
json.data.rows ||
json.data ||
[];
setOptions([
(0, tslib_1.__assign)((0, tslib_1.__assign)({}, self.options[0]), { leftOptions: (0, helper_1.spliceTree)(leftOptions, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { loading: false, loaded: true, children: options })) })
], undefined, data);
// 插入新的子节点，用于之后BaseSelection.resolveSelected查找
if (Array.isArray(self.options[0].children)) {
children_1 = self.options[0].children.concat();
(0, helper_2.flattenTree)(self.options[0].leftOptions).forEach(function (item) {
if (!(0, helper_1.findTree)(self.options[0].children, function (node) { return node.ref === item.value; })) {
children_1.push({ ref: item.value, defer: true });
}
});
setOptions([(0, tslib_1.__assign)((0, tslib_1.__assign)({}, self.options[0]), { children: children_1 })], undefined, data);
}
return [2 /*return*/, json];
}
});
});
var deferLoadOptions = (0, mobx_state_tree_1.flow)(function (option, api, data, config) {
var indexes, json, options;
var _a;
return (0, tslib_1.__generator)(this, function (_b) {
switch (_b.label) {
case 0:
indexes = (0, helper_1.findTreeIndex)(self.options, function (item) { return item === option; });
if (!!indexes) return [3 /*break*/, 2];
return [4 /*yield*/, tryDeferLoadLeftOptions(option, api, data, config)];
case 1: return [2 /*return*/, _b.sent()];
case 2:
setOptions((0, helper_1.spliceTree)(self.options, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { loading: true })), undefined, data);
return [4 /*yield*/, fetchOptions(api, data, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, config), { silent: true }), false)];
case 3:
json = _b.sent();
if (!json) {
setOptions((0, helper_1.spliceTree)(self.options, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { loading: false, error: true })), undefined, data);
return [2 /*return*/];
}
options = ((_a = json.data) === null || _a === void 0 ? void 0 : _a.options) ||
json.data.items ||
json.data.rows ||
json.data ||
[];
setOptions((0, helper_1.spliceTree)(self.options, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { loading: false, loaded: true, children: options })), undefined, data);
return [2 /*return*/, json];
}
});
});
/**
* 根据当前节点路径展开树形组件父节点
*/
var expandTreeOptions = (0, mobx_state_tree_1.flow)(function getInitData(nodePathArr, api, data, config) {
var traversedNode, _i, nodePathArr_1, nodePath, _loop_1, level;
var _a;
return (0, tslib_1.__generator)(this, function (_b) {
switch (_b.label) {
case 0:
traversedNode = new Map();
_i = 0, nodePathArr_1 = nodePathArr;
_b.label = 1;
case 1:
if (!(_i < nodePathArr_1.length)) return [3 /*break*/, 6];
nodePath = nodePathArr_1[_i];
// 根节点已经展开了，不需要加载
if (nodePath.length <= 1) {
return [3 /*break*/, 5];
}
_loop_1 = function (level) {
var tree, nodeValue, node, indexes, json, childrenOptions;
return (0, tslib_1.__generator)(this, function (_c) {
switch (_c.label) {
case 0:
tree = self.options.concat();
nodeValue = nodePath[level];
if (traversedNode.has(nodeValue)) {
return [2 /*return*/, "continue"];
}
node = (0, helper_1.findTree)(tree, function (item, key, treeLevel) {
return (treeLevel === level + 1 &&
(0, Select_1.optionValueCompare)(nodeValue, self.valueField || 'value')(item));
});
// 只处理懒加载节点
if (!node || !node.defer) {
return [2 /*return*/, "continue"];
}
indexes = (0, helper_1.findTreeIndex)(tree, function (item) { return item === node; });
setOptions((0, helper_1.spliceTree)(tree, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, node), { loading: true })), undefined, node);
return [4 /*yield*/, fetchOptions(api, node, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, config), { silent: true }), false)];
case 1:
json = _c.sent();
if (!json) {
setOptions((0, helper_1.spliceTree)(tree, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, node), { loading: false, error: true })), undefined, node);
}
traversedNode.set(nodeValue, true);
childrenOptions = ((_a = json.data) === null || _a === void 0 ? void 0 : _a.options) ||
json.data.items ||
json.data.rows ||
json.data ||
[];
setOptions((0, helper_1.spliceTree)(tree, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, node), { loading: false, loaded: true, children: childrenOptions })), undefined, node);
return [2 /*return*/];
}
});
};
level = 0;
_b.label = 2;
case 2:
if (!(level < nodePath.length - 1)) return [3 /*break*/, 5];
return [5 /*yield**/, _loop_1(level)];
case 3:
_b.sent();
_b.label = 4;
case 4:
level++;
return [3 /*break*/, 2];
case 5:
_i++;
return [3 /*break*/, 1];
case 6: return [2 /*return*/];
}
});
});
// @issue 强依赖form，需要改造暂且放过。
function syncOptions(originOptions, data) {
var _a;
if (!self.options.length && typeof self.value === 'undefined') {
self.selectedOptions = [];
self.filteredOptions = [];
return;
}
var value = self.tmpValue;
var selected = Array.isArray(value)
? value.map(function (item) {
return item && item.hasOwnProperty(self.valueField || 'value')
? item[self.valueField || 'value']
: item;
})
: typeof value === 'string'
? value.split(self.delimiter || ',')
: value === void 0
? []
: [
value && value.hasOwnProperty(self.valueField || 'value')
? value[self.valueField || 'value']
: value
];
if (value && value.hasOwnProperty(self.labelField || 'label')) {
selected[0] = (_a = {},
_a[self.labelField || 'label'] = value[self.labelField || 'label'],
_a[self.valueField || 'value'] = value[self.valueField || 'value'],
_a);
}
var expressionsInOptions = false;
var filteredOptions = self.options
.filter(function (item) {
if (!expressionsInOptions &&
(item.visibleOn || item.hiddenOn || item.disabledOn)) {
expressionsInOptions = true;
}
return item.visibleOn
? (0, tpl_1.evalExpression)(item.visibleOn, data) !== false
: item.hiddenOn
? (0, tpl_1.evalExpression)(item.hiddenOn, data) !== true
: (item === null || item === void 0 ? void 0 : item.visible) !== false || item.hidden !== true;
})
.map(function (item, index) {
var disabled = (0, tpl_1.evalExpression)(item.disabledOn, data);
var newItem = item.disabledOn
? self.filteredOptions.length > index &&
self.filteredOptions[index].disabled === disabled
? self.filteredOptions[index]
: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, item), { disabled: disabled })
: item;
return newItem;
});
self.expressionsInOptions = expressionsInOptions;
var flattened = (0, helper_2.flattenTree)(filteredOptions);
var selectedOptions = [];
selected.forEach(function (item, index) {
var _a, _b;
var idx = (0, findIndex_1.default)(flattened, (0, Select_1.optionValueCompare)(item, self.valueField || 'value'));
if (~idx) {
selectedOptions.push(flattened[idx]);
}
else {
var unMatched = (value && value[index]) || item;
if (unMatched &&
(typeof unMatched === 'string' || typeof unMatched === 'number')) {
unMatched = (_a = {},
_a[self.valueField || 'value'] = item,
_a[self.labelField || 'label'] = item,
_a.__unmatched = true,
_a);
var orgin = originOptions &&
(0, find_1.default)(originOptions, (0, Select_1.optionValueCompare)(item, self.valueField || 'value'));
if (orgin) {
unMatched[self.labelField || 'label'] =
orgin[self.labelField || 'label'];
}
}
else if (unMatched && self.extractValue) {
unMatched = (_b = {},
_b[self.valueField || 'value'] = item,
_b[self.labelField || 'label'] = 'UnKnown',
_b.__unmatched = true,
_b);
}
unMatched && selectedOptions.push(unMatched);
}
});
var form = self.form;
var parentStore = form === null || form === void 0 ? void 0 : form.parentStore;
if ((parentStore === null || parentStore === void 0 ? void 0 : parentStore.storeType) === combo_1.ComboStore.name) {
var combo = parentStore;
var group = combo.uniques.get(self.name);
var options_2 = [];
group &&
group.items.forEach(function (item) {
if (self !== item) {
options_2.push.apply(options_2, item.selectedOptions.map(function (item) { return item && item.value; }));
}
});
if (filteredOptions.length) {
filteredOptions = filteredOptions.filter(function (option) { return !~options_2.indexOf(option.value); });
}
}
(0, helper_1.isArrayChildrenModified)(self.selectedOptions, selectedOptions) &&
(self.selectedOptions = selectedOptions);
(0, helper_1.isArrayChildrenModified)(self.filteredOptions, filteredOptions) &&
(self.filteredOptions = filteredOptions);
}
function setLoading(value) {
self.loading = value;
}
var subStore;
function getSubStore() {
return subStore;
}
function setSubStore(store) {
subStore = store;
}
function reset(keepErrors) {
if (keepErrors === void 0) { keepErrors = false; }
self.validated = false;
if (subStore && subStore.storeType === 'ComboStore') {
var combo = subStore;
combo.forms.forEach(function (form) { return form.reset(); });
}
!keepErrors && clearError();
}
function openDialog(schema, data, callback) {
self.dialogSchema = schema;
self.dialogData = data;
self.dialogOpen = true;
callback && dialogCallbacks.set(self.dialogData, callback);
}
function closeDialog(result) {
var callback = dialogCallbacks.get(self.dialogData);
self.dialogOpen = false;
if (callback) {
dialogCallbacks.delete(self.dialogData);
setTimeout(function () { return callback(result); }, 200);
}
}
function changeTmpValue(value) {
self.tmpValue = value;
}
function changeEmitedValue(value) {
self.emitedValue = value;
}
function addSubFormItem(item) {
self.itemsRef.push(item.id);
}
function removeSubFormItem(item) {
var idx = self.itemsRef.findIndex(function (a) { return a === item.id; });
if (~idx) {
self.itemsRef.splice(idx, 1);
}
}
return {
focus: focus,
blur: blur,
config: config,
validate: validate,
setError: setError,
addError: addError,
clearError: clearError,
setOptions: setOptions,
loadOptions: loadOptions,
deferLoadOptions: deferLoadOptions,
expandTreeOptions: expandTreeOptions,
syncOptions: syncOptions,
setLoading: setLoading,
setSubStore: setSubStore,
getSubStore: getSubStore,
reset: reset,
openDialog: openDialog,
closeDialog: closeDialog,
changeTmpValue: changeTmpValue,
changeEmitedValue: changeEmitedValue,
addSubFormItem: addSubFormItem,
removeSubFormItem: removeSubFormItem,
loadAutoUpdateData: loadAutoUpdateData
};
});
//# sourceMappingURL=./store/formItem.js.map