fastlion-amis
Version:
一种MIS页面生成工具
821 lines (820 loc) • 47.8 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.highlight = exports.OptionsControl = exports.registerOptionsControl = exports.detectProps = void 0;
var tslib_1 = require("tslib");
var api_1 = require("../../utils/api");
var mobx_state_tree_1 = require("mobx-state-tree");
var helper_1 = require("../../utils/helper");
var mobx_1 = require("mobx");
var Item_1 = require("./Item");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var tpl_builtin_1 = require("../../utils/tpl-builtin");
var Select_1 = require("../../components/Select");
var tpl_1 = require("../../utils/tpl");
var findIndex_1 = (0, tslib_1.__importDefault)(require("lodash/findIndex"));
var isPlainObject_1 = (0, tslib_1.__importDefault)(require("lodash/isPlainObject"));
var merge_1 = (0, tslib_1.__importDefault)(require("lodash/merge"));
// Jay
var ExpressPrint_1 = require("../Lion/ExpressPrint/ExpressPrint");
exports.detectProps = Item_1.detectProps.concat([
'value',
'options',
'size',
'buttons',
'columnsCount',
'multiple',
'hideRoot',
'checkAll',
'showIcon',
'showRadio',
'btnDisabled',
'joinValues',
'extractValue',
'borderMode',
'hideSelected'
]);
function registerOptionsControl(config) {
var Control = config.component;
var FormOptionsItem = /** @class */ (function (_super) {
(0, tslib_1.__extends)(FormOptionsItem, _super);
function FormOptionsItem(props) {
var _a;
var _this = _super.call(this, props) || this;
_this.toDispose = [];
_this.mounted = false;
_this.userChange = false; //是否用户手动修改
_this.onChange = function (value, submitOnChange, changeImmediately) {
var _a = _this.props, onChange = _a.onChange, handleUserChange = _a.handleUserChange;
handleUserChange === null || handleUserChange === void 0 ? void 0 : handleUserChange();
onChange(value, submitOnChange, changeImmediately);
};
var initFetch = props.initFetch, formItem = props.formItem, source = props.source, data = props.data, setPrinstineValue = props.setPrinstineValue, defaultValue = props.defaultValue, multiple = props.multiple, joinValues = props.joinValues, extractValue = props.extractValue, addHook = props.addHook, formInited = props.formInited, valueField = props.valueField, options = props.options, value = props.value, defaultCheckAll = props.defaultCheckAll;
if (formItem) {
formItem.setOptions((0, Select_1.normalizeOptions)(options, undefined, valueField), _this.changeOptionValue, data);
_this.toDispose.push((0, mobx_1.reaction)(function () { return JSON.stringify([formItem.loading, formItem.filteredOptions]); }, function () { return _this.mounted && _this.forceUpdate(); }));
// 默认全选。这里会和默认值\回填值逻辑冲突，所以如果有配置source则不执行默认全选
if (multiple &&
defaultCheckAll &&
((_a = formItem.filteredOptions) === null || _a === void 0 ? void 0 : _a.length) &&
!source) {
_this.defaultCheckAll();
}
}
var loadOptions = initFetch !== false;
if (formItem && joinValues === false && defaultValue) {
var selectedOptions = extractValue
? formItem
.getSelectedOptions(value)
.map(function (selectedOption) {
return selectedOption[valueField || 'value'];
})
: formItem.getSelectedOptions(value);
setPrinstineValue(multiple ? selectedOptions.concat() : selectedOptions[0]);
}
loadOptions &&
config.autoLoadOptionsFromSource !== false &&
(formInited || !addHook
? _this.reload()
: addHook && addHook(_this.initOptions, 'init'));
return _this;
}
FormOptionsItem.prototype.componentDidMount = function () {
this.mounted = true;
this.normalizeValue();
if (this.props.value && this.props.userChange) {
this.syncAutoFill(this.props.value);
}
};
FormOptionsItem.prototype.shouldComponentUpdate = function (nextProps) {
var _a;
if (config.strictMode === false || nextProps.strictMode === false) {
return true;
}
else if (nextProps.source || nextProps.autoComplete) {
return true;
}
else if ((_a = nextProps.formItem) === null || _a === void 0 ? void 0 : _a.expressionsInOptions) {
return true;
}
if ((0, helper_1.anyChanged)(exports.detectProps, this.props, nextProps)) {
return true;
}
return false;
};
FormOptionsItem.prototype.componentDidUpdate = function (prevProps) {
var _this = this;
var props = this.props;
var formItem = props.formItem;
if (prevProps.options !== props.options && formItem) {
formItem.setOptions((0, Select_1.normalizeOptions)(props.options || [], undefined, props.valueField), this.changeOptionValue, props.data);
this.normalizeValue();
}
else if (config.autoLoadOptionsFromSource !== false &&
(props.formInited || typeof props.formInited === 'undefined') &&
props.source &&
formItem &&
(prevProps.source !== props.source || prevProps.data !== props.data)) {
if ((0, tpl_builtin_1.isPureVariable)(props.source)) {
var prevOptions = (0, tpl_builtin_1.resolveVariableAndFilter)(prevProps.source, prevProps.data, '| raw');
var options = (0, tpl_builtin_1.resolveVariableAndFilter)(props.source, props.data, '| raw');
if (prevOptions !== options) {
formItem.setOptions((0, Select_1.normalizeOptions)(options || [], undefined, props.valueField || 'value'), this.changeOptionValue, props.data);
this.normalizeValue();
}
}
else if ((0, api_1.isEffectiveApi)(props.source, props.data) &&
(0, api_1.isApiOutdated)(prevProps.source, props.source, prevProps.data, props.data)) {
formItem
.loadOptions(props.source, props.data, undefined, false, this.changeOptionValue, undefined, props._formName || props.crudName)
.then(function () { return _this.normalizeValue(); });
}
}
if (props.userChange && (prevProps.value !== props.value || (formItem === null || formItem === void 0 ? void 0 : formItem.expressionsInOptions))) {
formItem.syncOptions(undefined, props.data);
this.syncAutoFill(props.value);
this.toDispose.push((0, mobx_1.reaction)(function () { return JSON.stringify(formItem.options); }, function () { return _this.syncAutoFill(props.value); }));
}
};
FormOptionsItem.prototype.componentWillUnmount = function () {
var _a, _b;
(_b = (_a = this.props).removeHook) === null || _b === void 0 ? void 0 : _b.call(_a, this.reload, 'init');
this.toDispose.forEach(function (fn) { return fn(); });
this.toDispose = [];
};
FormOptionsItem.prototype.syncAutoFill = function (value) {
var _a = this.props, autoFill = _a.autoFill, multiple = _a.multiple, data = _a.data, onBulkChange = _a.onBulkChange;
var formItem = this.props.formItem;
// Jay
var store = this.props.store;
// 只有点击具有autoFill的表单项，才会保存autoFill对象到store.autoFillObj
if (autoFill) {
store === null || store === void 0 ? void 0 : store.setAutoFillObj(autoFill);
}
if (
// @ts-ignore
onBulkChange &&
autoFill &&
!(0, helper_1.isEmpty)(autoFill) &&
// !!value && // Aug 多个autoFill互相作用时，会存在删不掉的情况。暂不考虑，后续需要可在这里修改
formItem.filteredOptions.length) {
var selectedOptions = formItem.getSelectedOptions(value);
var items = selectedOptions.map(function (item) {
return (0, helper_1.createObject)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, data), { ancestors: (0, helper_1.getTreeAncestors)(formItem.filteredOptions, item, true) }), item);
});
var item = (0, helper_1.createObject)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, data), { ancestors: (0, helper_1.getTreeAncestors)(formItem.filteredOptions, selectedOptions[0], true) }), selectedOptions[0]);
var toSync_1 = (0, tpl_builtin_1.dataMapping)(autoFill, multiple
? { items: items }
: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, item), { items: items }));
Object.keys(toSync_1).forEach(function (key) {
if ((0, isPlainObject_1.default)(toSync_1[key]) && (0, isPlainObject_1.default)(data[key])) {
if (toSync_1[key].hasOwnProperty('info') && toSync_1[key].hasOwnProperty('value')) {
//merge方法会使数组和对象类型递归合并，其他类型覆盖，导致文件的value与info数量对应不上，所以这里不能传旧值data[key]
toSync_1[key] = (0, merge_1.default)({}, toSync_1[key]);
}
else {
toSync_1[key] = (0, merge_1.default)({}, data[key], toSync_1[key]);
}
}
});
this.props.onBulkChange(toSync_1);
}
};
// 当前值，跟设置预期的值格式不一致时自动转换。
FormOptionsItem.prototype.normalizeValue = function () {
var _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, value = _a.value, multiple = _a.multiple, formItem = _a.formItem, valueField = _a.valueField, enableNodePath = _a.enableNodePath, pathSeparator = _a.pathSeparator, onChange = _a.onChange;
if (!formItem || joinValues !== false || !formItem.options.length) {
return;
}
if (extractValue === false &&
(typeof value === 'string' || typeof value === 'number')) {
var selectedOptions = formItem.getSelectedOptions(value);
onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? selectedOptions.concat() : selectedOptions[0]);
}
else if (extractValue === true &&
value &&
!((Array.isArray(value) &&
value.every(function (val) { return typeof val === 'string' || typeof val === 'number'; })) ||
typeof value === 'string' ||
typeof value === 'number')) {
var selectedOptions = formItem
.getSelectedOptions(value)
.map(function (selectedOption) { return selectedOption[valueField || 'value']; });
onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? selectedOptions.concat() : selectedOptions[0]);
}
};
FormOptionsItem.prototype.getWrappedInstance = function () {
return this.input;
};
FormOptionsItem.prototype.inputRef = function (ref) {
this.input = ref;
};
FormOptionsItem.prototype.handleToggle = function (option, submitOnChange, changeImmediately) {
var _a = this.props, onChange = _a.onChange, formItem = _a.formItem, value = _a.value;
if (!formItem) {
return;
}
var newValue = this.toggleValue(option, value);
onChange && onChange(newValue, submitOnChange, changeImmediately);
};
/**
* 初始化时处理默认全选逻辑
*/
FormOptionsItem.prototype.defaultCheckAll = function () {
var _a = this.props, value = _a.value, formItem = _a.formItem, setPrinstineValue = _a.setPrinstineValue;
// 如果有默认值\回填值直接返回
if (!formItem || formItem.getSelectedOptions(value).length) {
return;
}
var valueArray = formItem.filteredOptions.concat();
var newValue = this.formatValueArray(valueArray);
setPrinstineValue === null || setPrinstineValue === void 0 ? void 0 : setPrinstineValue(newValue);
};
/**
* 选中的值经过joinValues和delimiter等规则处理输出规定格式的值
* @param valueArray 选中值的数组
* @returns 通过joinValues和delimiter等规则输出规定格式的值
*/
FormOptionsItem.prototype.formatValueArray = function (valueArray) {
var _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, valueField = _a.valueField, delimiter = _a.delimiter, resetValue = _a.resetValue, multiple = _a.multiple;
var newValue = '';
if (multiple) {
newValue = valueArray;
if (joinValues) {
newValue = newValue
.map(function (item) { return item[valueField || 'value']; })
.join(delimiter);
}
else if (extractValue) {
newValue = newValue.map(function (item) { return item[valueField || 'value']; });
}
}
else {
newValue = valueArray[0] || resetValue;
if (joinValues && newValue) {
newValue = newValue[valueField || 'value'];
}
}
return newValue;
};
FormOptionsItem.prototype.handleToggleAll = function () {
var _a = this.props, value = _a.value, onChange = _a.onChange, formItem = _a.formItem;
if (!formItem) {
return;
}
var selectedOptions = formItem.getSelectedOptions(value);
var valueArray = selectedOptions.length === formItem.filteredOptions.length
? []
: formItem.filteredOptions.concat();
var newValue = this.formatValueArray(valueArray);
onChange && onChange(newValue);
};
FormOptionsItem.prototype.toggleValue = function (option, originValue) {
var _a = this.props, joinValues = _a.joinValues, extractValue = _a.extractValue, valueField = _a.valueField, delimiter = _a.delimiter, clearable = _a.clearable, resetValue = _a.resetValue, multiple = _a.multiple, formItem = _a.formItem;
var valueArray = originValue !== undefined
? formItem.getSelectedOptions(originValue).concat()
: [];
var idx = (0, findIndex_1.default)(valueArray, (0, Select_1.optionValueCompare)(option[valueField || 'value'], valueField || 'value'));
var newValue = '';
if (multiple) {
if (~idx) {
valueArray.splice(idx, 1);
}
else {
valueArray.push(option);
}
newValue = valueArray;
if (joinValues) {
newValue = newValue
.map(function (item) { return item[valueField || 'value']; })
.join(delimiter);
}
else if (extractValue) {
newValue = newValue.map(function (item) { return item[valueField || 'value']; });
}
}
else {
if (~idx && clearable) {
valueArray.splice(idx, 1);
}
else {
valueArray = [option];
}
newValue = valueArray[0] || resetValue;
if ((joinValues || extractValue) && newValue) {
newValue = newValue[valueField || 'value'];
}
}
return newValue;
};
// 当有 action 触发，如果指定了 reload 目标组件，有可能会来到这里面来
FormOptionsItem.prototype.reload = function () {
return this.reloadOptions();
};
FormOptionsItem.prototype.reloadOptions = function (setError, isInit) {
var _this = this;
if (isInit === void 0) { isInit = false; }
var _a = this.props, source = _a.source, formItem = _a.formItem, data = _a.data, onChange = _a.onChange, setPrinstineValue = _a.setPrinstineValue, valueField = _a.valueField, _formName = _a._formName, crudName = _a.crudName;
if (formItem && (0, tpl_builtin_1.isPureVariable)(source)) {
(0, mobx_state_tree_1.isAlive)(formItem) &&
formItem.setOptions((0, Select_1.normalizeOptions)((0, tpl_builtin_1.resolveVariableAndFilter)(source, data, '| raw') || [], undefined, valueField), this.changeOptionValue, data);
return;
}
else if (formItem && !this.props.options && !source && this.props.wsSource && (0, api_1.isValidApi)(this.props.wsSource.url)) {
// todo 加个打印类型判断
this.setLoading(true);
(0, ExpressPrint_1.cainiaoGetPrinters)(this.props.wsSource.url, this.props.translate).then(function (res) {
if (res.printers) {
var options = res.printers.map(function (item) { return ({ label: item.name, value: item.name }); });
formItem.setOptions((0, Select_1.normalizeOptions)(options, undefined, valueField), _this.changeOptionValue, data);
}
}).finally(function () {
_this.setLoading(false);
});
return;
}
else if (!formItem || !(0, api_1.isEffectiveApi)(source, data)) {
return;
}
return formItem.loadOptions(source, data, undefined, false, isInit ? setPrinstineValue : onChange, setError, _formName || crudName);
};
FormOptionsItem.prototype.deferLoad = function (option) {
var _a = this.props, deferApi = _a.deferApi, source = _a.source, env = _a.env, formItem = _a.formItem, data = _a.data;
var api = option.deferApi || deferApi || source;
if (!api) {
env.notify('error', '请在选项中设置 `deferApi` 或者表单项中设置 `deferApi`，用来加载子选项。');
return;
}
formItem === null || formItem === void 0 ? void 0 : formItem.deferLoadOptions(option, api, (0, helper_1.createObject)(data, option));
};
FormOptionsItem.prototype.expandTreeOptions = function (nodePathArr) {
var _a = this.props, deferApi = _a.deferApi, source = _a.source, env = _a.env, formItem = _a.formItem, data = _a.data;
var api = deferApi || source;
if (!api) {
env.notify('error', '请在选项中设置 `deferApi` 或者表单项中设置 `deferApi`，用来加载子选项。');
return;
}
formItem === null || formItem === void 0 ? void 0 : formItem.expandTreeOptions(nodePathArr, api, (0, helper_1.createObject)(data));
};
FormOptionsItem.prototype.initOptions = function (data) {
var _a;
return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
var _b, formItem, name, multiple, defaultCheckAll;
return (0, tslib_1.__generator)(this, function (_c) {
switch (_c.label) {
case 0: return [4 /*yield*/, this.reloadOptions(false, true)];
case 1:
_c.sent();
_b = this.props, formItem = _b.formItem, name = _b.name, multiple = _b.multiple, defaultCheckAll = _b.defaultCheckAll;
if (!formItem) {
return [2 /*return*/];
}
if ((0, mobx_state_tree_1.isAlive)(formItem) && formItem.value) {
(0, helper_1.setVariable)(data, name, formItem.value);
}
// 默认全选
if (multiple && defaultCheckAll && ((_a = formItem.filteredOptions) === null || _a === void 0 ? void 0 : _a.length)) {
this.defaultCheckAll();
}
return [2 /*return*/];
}
});
});
};
FormOptionsItem.prototype.focus = function () {
this.input && this.input.focus && this.input.focus();
};
FormOptionsItem.prototype.changeOptionValue = function (value) {
var _a = this.props, onChange = _a.onChange, formInited = _a.formInited, setPrinstineValue = _a.setPrinstineValue, originValue = _a.value;
if (formInited === false) {
originValue === undefined && (setPrinstineValue === null || setPrinstineValue === void 0 ? void 0 : setPrinstineValue(value));
}
else {
onChange === null || onChange === void 0 ? void 0 : onChange(value);
}
};
FormOptionsItem.prototype.setOptions = function (options, skipNormalize) {
if (skipNormalize === void 0) { skipNormalize = false; }
var formItem = this.props.formItem;
formItem &&
formItem.setOptions(skipNormalize
? options
: (0, Select_1.normalizeOptions)(options || [], undefined, this.props.valueField), this.changeOptionValue, this.props.data);
};
FormOptionsItem.prototype.syncOptions = function () {
var formItem = this.props.formItem;
formItem && formItem.syncOptions(undefined, this.props.data);
};
FormOptionsItem.prototype.setLoading = function (value) {
var formItem = this.props.formItem;
formItem && formItem.setLoading(value);
};
FormOptionsItem.prototype.handleOptionAdd = function (idx, value, skipForm) {
if (idx === void 0) { idx = -1; }
if (skipForm === void 0) { skipForm = false; }
return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
var _a, addControls, disabled, labelField, onOpenDialog, optionLabel, addApi, source, data, valueField, model, createBtnLabel, env, __, parent, ctx, result, _b, payload, e_1, options;
var _c;
return (0, tslib_1.__generator)(this, function (_d) {
switch (_d.label) {
case 0:
_a = this.props, addControls = _a.addControls, disabled = _a.disabled, labelField = _a.labelField, onOpenDialog = _a.onOpenDialog, optionLabel = _a.optionLabel, addApi = _a.addApi, source = _a.source, data = _a.data, valueField = _a.valueField, model = _a.formItem, createBtnLabel = _a.createBtnLabel, env = _a.env, __ = _a.translate;
// 禁用或者没有配置 name
if (disabled || !model) {
return [2 /*return*/];
}
// 用户没有配置表单项，则自动创建一个 label 输入
if (!skipForm && (!Array.isArray(addControls) || !addControls.length)) {
addControls = [
{
type: 'text',
name: labelField || 'label',
label: false,
placeholder: __('Options.addPlaceholder')
}
];
}
parent = Array.isArray(idx)
? (0, helper_1.getTree)(model.options, idx.slice(0, -1))
: undefined;
ctx = (0, helper_1.createObject)(data, Array.isArray(idx)
? (0, tslib_1.__assign)({ parent: parent }, value) : value);
if (!skipForm) return [3 /*break*/, 1];
_b = ctx;
return [3 /*break*/, 3];
case 1: return [4 /*yield*/, onOpenDialog({
type: 'dialog',
title: createBtnLabel || "\u65B0\u589E" + (optionLabel || '选项'),
body: {
type: 'form',
api: addApi,
controls: (0, tslib_1.__spreadArray)([
{
type: 'hidden',
name: 'idx',
value: idx
},
{
type: 'hidden',
name: 'parent',
value: parent
}
], (addControls || []), true)
}
}, ctx)];
case 2:
_b = _d.sent();
_d.label = 3;
case 3:
result = _b;
if (!(skipForm && addApi)) return [3 /*break*/, 7];
_d.label = 4;
case 4:
_d.trys.push([4, 6, , 7]);
return [4 /*yield*/, env.fetcher(addApi, result, {
method: 'post'
})];
case 5:
payload = _d.sent();
if (!payload.ok) {
env.notify('error', payload.msg || __('Options.createFailed'));
result = null;
}
else {
result = payload.data || result;
}
return [3 /*break*/, 7];
case 6:
e_1 = _d.sent();
result = null;
console.error(e_1);
env.notify('error', e_1.message);
return [3 /*break*/, 7];
case 7:
// 有 result 说明弹框点了确认。否则就是取消了。
if (!result) {
return [2 /*return*/];
}
// 没走服务端的。
if (!result.hasOwnProperty(valueField || 'value')) {
result = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, result), (_c = {}, _c[valueField || 'value'] = result[labelField || 'label'], _c));
}
// 如果是懒加载的，只懒加载当前节点。
if (parent === null || parent === void 0 ? void 0 : parent.defer) {
this.deferLoad(parent);
}
else if (source && addApi) {
// 如果配置了 source 且配置了 addApi 直接重新拉取接口就够了
// 不能不判断 addApi 就刷新，因为有些场景就是临时添加的。
this.reload();
}
else {
options = model.options.concat();
if (Array.isArray(idx)) {
options = (0, helper_1.spliceTree)(options, idx, 0, (0, tslib_1.__assign)({}, result));
}
else {
~idx
? options.splice(idx, 0, (0, tslib_1.__assign)({}, result))
: options.push((0, tslib_1.__assign)({}, result));
}
model.setOptions(options, this.changeOptionValue, data);
}
return [2 /*return*/];
}
});
});
};
FormOptionsItem.prototype.handleOptionEdit = function (value, origin, skipForm) {
if (origin === void 0) { origin = value; }
if (skipForm === void 0) { skipForm = false; }
return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
var _a, editControls, disabled, labelField, onOpenDialog, editApi, env, source, data, model, optionLabel, __, result, _b, payload, e_2, indexes;
return (0, tslib_1.__generator)(this, function (_c) {
switch (_c.label) {
case 0:
_a = this.props, editControls = _a.editControls, disabled = _a.disabled, labelField = _a.labelField, onOpenDialog = _a.onOpenDialog, editApi = _a.editApi, env = _a.env, source = _a.source, data = _a.data, model = _a.formItem, optionLabel = _a.optionLabel, __ = _a.translate;
if (disabled || !model) {
return [2 /*return*/];
}
if (!skipForm && (!Array.isArray(editControls) || !editControls.length)) {
editControls = [
{
type: 'text',
name: labelField || 'label',
label: false,
placeholder: __('Options.addPlaceholder')
}
];
}
if (!skipForm) return [3 /*break*/, 1];
_b = value;
return [3 /*break*/, 3];
case 1: return [4 /*yield*/, onOpenDialog({
type: 'dialog',
title: __('Options.editLabel', {
label: optionLabel || __('Options.label')
}),
body: {
type: 'form',
api: editApi,
controls: editControls
}
}, (0, helper_1.createObject)(data, value))];
case 2:
_b = _c.sent();
_c.label = 3;
case 3:
result = _b;
if (!(skipForm && editApi)) return [3 /*break*/, 7];
_c.label = 4;
case 4:
_c.trys.push([4, 6, , 7]);
return [4 /*yield*/, env.fetcher(editApi, (0, helper_1.createObject)(data, result), {
method: 'post'
})];
case 5:
payload = _c.sent();
if (!payload.ok) {
env.notify('error', payload.msg || __('saveFailed'));
result = null;
}
else {
result = payload.data || result;
}
return [3 /*break*/, 7];
case 6:
e_2 = _c.sent();
result = null;
console.error(e_2);
env.notify('error', e_2.message);
return [3 /*break*/, 7];
case 7:
// 没有结果，说明取消了。
if (!result) {
return [2 /*return*/];
}
if (source && editApi) {
this.reload();
}
else {
indexes = (0, helper_1.findTreeIndex)(model.options, function (item) { return item === origin; });
if (indexes) {
model.setOptions((0, helper_1.spliceTree)(model.options, indexes, 1, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, origin), result)), this.changeOptionValue, data);
}
}
return [2 /*return*/];
}
});
});
};
FormOptionsItem.prototype.handleOptionDelete = function (value) {
return (0, tslib_1.__awaiter)(this, void 0, void 0, function () {
var _a, deleteConfirmText, disabled, data, deleteApi, env, model, source, valueField, __, ctx, confirmed, _b, result, options, indexes, e_3;
return (0, tslib_1.__generator)(this, function (_c) {
switch (_c.label) {
case 0:
_a = this.props, deleteConfirmText = _a.deleteConfirmText, disabled = _a.disabled, data = _a.data, deleteApi = _a.deleteApi, env = _a.env, model = _a.formItem, source = _a.source, valueField = _a.valueField, __ = _a.translate;
if (disabled || !model) {
return [2 /*return*/];
}
ctx = (0, helper_1.createObject)(data, value);
if (!deleteConfirmText) return [3 /*break*/, 2];
return [4 /*yield*/, env.confirm((0, tpl_1.filter)(deleteConfirmText, ctx))];
case 1:
_b = _c.sent();
return [3 /*break*/, 3];
case 2:
_b = true;
_c.label = 3;
case 3:
confirmed = _b;
if (!confirmed) {
return [2 /*return*/];
}
_c.label = 4;
case 4:
_c.trys.push([4, 6, , 7]);
if (!deleteApi) {
throw new Error(__('Options.deleteAPI'));
}
return [4 /*yield*/, env.fetcher(deleteApi, ctx, {
method: 'delete'
})];
case 5:
result = _c.sent();
if (!result.ok) {
env.notify('error', result.msg || __('deleteFailed'));
}
else if (source) {
this.reload();
}
else {
options = model.options.concat();
indexes = (0, helper_1.findTreeIndex)(options, function (item) { return item[valueField || 'value'] == value[valueField || 'value']; });
if (indexes) {
model.setOptions((0, helper_1.spliceTree)(options, indexes, 1), this.changeOptionValue, data);
}
}
return [3 /*break*/, 7];
case 6:
e_3 = _c.sent();
console.error(e_3);
env.notify('error', e_3.message);
return [3 /*break*/, 7];
case 7: return [2 /*return*/];
}
});
});
};
FormOptionsItem.prototype.render = function () {
var _a = this.props, value = _a.value, formItem = _a.formItem, addApi = _a.addApi, editApi = _a.editApi, deleteApi = _a.deleteApi, creatable = _a.creatable, editable = _a.editable, removable = _a.removable, enableNodePath = _a.enableNodePath, pathSeparator = _a.pathSeparator, _b = _a.delimiter, delimiter = _b === void 0 ? ',' : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c, _d = _a.valueField, valueField = _d === void 0 ? 'value' : _d;
var _e = (0, helper_1.normalizeNodePath)(value, enableNodePath, labelField, valueField, pathSeparator, delimiter), nodePathArray = _e.nodePathArray, nodeValueArray = _e.nodeValueArray;
return (react_1.default.createElement(Control, (0, tslib_1.__assign)({}, this.props, { onChange: this.onChange, ref: this.inputRef, options: formItem ? formItem.filteredOptions : [], onToggle: this.handleToggle, onToggleAll: this.handleToggleAll, selectedOptions: formItem
? formItem.getSelectedOptions(value, enableNodePath ? nodeValueArray : undefined)
: [], nodePath: nodePathArray, loading: formItem ? formItem.loading : false, setLoading: this.setLoading, setOptions: this.setOptions, syncOptions: this.syncOptions, reloadOptions: this.reload, deferLoad: this.deferLoad, expandTreeOptions: this.expandTreeOptions, creatable: creatable !== false && (0, api_1.isEffectiveApi)(addApi) ? true : creatable, editable: editable || (editable !== false && (0, api_1.isEffectiveApi)(editApi)), removable: removable || (removable !== false && (0, api_1.isEffectiveApi)(deleteApi)), onAdd: this.handleOptionAdd, onEdit: this.handleOptionEdit, onDelete: this.handleOptionDelete })));
};
var _a, _b;
FormOptionsItem.displayName = "OptionsControl(" + config.type + ")";
FormOptionsItem.defaultProps = (0, tslib_1.__assign)({ delimiter: ',', labelField: 'label', valueField: 'value', joinValues: true, extractValue: false, multiple: false, placeholder: 'Select.placeholder', resetValue: '', deleteConfirmText: '确定要删除？' }, Control.defaultProps);
FormOptionsItem.propsList = Control.propsList
? (0, tslib_1.__spreadArray)([], Control.propsList, true) : [];
FormOptionsItem.ComposedComponent = Control;
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "inputRef", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object, Boolean, Boolean]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "handleToggle", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", []),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "handleToggleAll", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", []),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "reload", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Boolean, Object]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "reloadOptions", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "deferLoad", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Array]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "expandTreeOptions", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object]),
(0, tslib_1.__metadata)("design:returntype", Promise)
], FormOptionsItem.prototype, "initOptions", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "changeOptionValue", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [typeof (_a = typeof Array !== "undefined" && Array) === "function" ? _a : Object, Object]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "setOptions", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", []),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "syncOptions", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Boolean]),
(0, tslib_1.__metadata)("design:returntype", void 0)
], FormOptionsItem.prototype, "setLoading", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object, Object, Boolean]),
(0, tslib_1.__metadata)("design:returntype", Promise)
], FormOptionsItem.prototype, "handleOptionAdd", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object, Object, Boolean]),
(0, tslib_1.__metadata)("design:returntype", Promise)
], FormOptionsItem.prototype, "handleOptionEdit", null);
(0, tslib_1.__decorate)([
helper_1.autobind,
(0, tslib_1.__metadata)("design:type", Function),
(0, tslib_1.__metadata)("design:paramtypes", [Object]),
(0, tslib_1.__metadata)("design:returntype", Promise)
], FormOptionsItem.prototype, "handleOptionDelete", null);
return FormOptionsItem;
}(react_1.default.Component));
return (0, Item_1.registerFormItem)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, config), { strictMode: false, component: FormOptionsItem }));
}
exports.registerOptionsControl = registerOptionsControl;
function OptionsControl(config) {
return function (component) {
var renderer = registerOptionsControl((0, tslib_1.__assign)((0, tslib_1.__assign)({}, config), { component: component }));
return renderer.component;
};
}
exports.OptionsControl = OptionsControl;
function highlight(text, input, hlClassName) {
if (hlClassName === void 0) { hlClassName = 'is-matched'; }
if (!input) {
return text;
}
text = String(text);
var reg = new RegExp(input.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&'), 'ig');
if (!reg.test(text)) {
return text;
}
var dom = [];
var start = 0;
var match = null;
reg.lastIndex = 0;
while ((match = reg.exec(text))) {
var prev = text.substring(start, match.index);
prev && dom.push(react_1.default.createElement("span", { key: dom.length }, prev));
match[0] &&
dom.push(react_1.default.createElement("span", { className: hlClassName, key: dom.length }, match[0]));
start = match.index + match[0].length;
}
var rest = text.substring(start);
rest && dom.push(react_1.default.createElement("span", { key: dom.length }, rest));
// const parts = text.split(reg);
// parts.forEach((text: string, index) => {
// text && dom.push(<span key={index}>{text}</span>);
// dom.push(
// <span className={hlClassName} key={`${index}-hl`}>
// {input}
// </span>
// );
// });
// dom.pop();
return dom;
}
exports.highlight = highlight;
//# sourceMappingURL=./renderers/Form/Options.js.map