amis-core 6.7.0 → 6.9.0-rc.0

package/lib/renderers/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.7.0
+ * amis-core v6.9.0-rc.0
  * Copyright 2018-2024 fex
  */
 
@@ -39,6 +39,7 @@ require('../utils/filter.js');
 require('lodash/isObject');
 require('lodash/isString');
 require('lodash/isBoolean');
+require('../utils/memoryParse.js');
 require('@rc-component/mini-decimal');
 require('../utils/highlight.js');
 require('../utils/icon.js');
@@ -96,8 +97,7 @@ var FormItemWrap = /** @class */ (function (_super) {
             if (skipIfExits === void 0) { skipIfExits = false; }
             return tslib.__awaiter(_this, void 0, void 0, function () {
                 var _a, autoFill, onBulkChange, formItem, data_1, itemName, ctx, result, e_1;
-                var _b;
-                var _c, _d;
+                var _b, _c, _d;
                 return tslib.__generator(this, function (_e) {
                     switch (_e.label) {
                         case 0:
@@ -121,29 +121,22 @@ var FormItemWrap = /** @class */ (function (_super) {
                             return [3 /*break*/, 3];
                         case 1:
                             itemName = formItem.name;
-                            ctx = object.createObject(data_1, (_b = {},
-                                _b[itemName || ''] = term,
-                                _b.__term = term,
-                                _b));
+                            ctx = object.createObject(data_1, {
+                                __term: term
+                            });
+                            object.setVariable(ctx, itemName, term);
                             if (!(forceLoad ||
                                 (api.isEffectiveApi(autoFill.api, ctx) && this.lastSearchTerm !== term))) return [3 /*break*/, 3];
-                            return [4 /*yield*/, formItem.loadAutoUpdateData(autoFill.api, ctx, !!((_c = autoFill.api) === null || _c === void 0 ? void 0 : _c.silent))];
+                            return [4 /*yield*/, formItem.loadAutoUpdateData(autoFill.api, ctx, !!((_b = autoFill.api) === null || _b === void 0 ? void 0 : _b.silent))];
                         case 2:
                             result = _e.sent();
                             this.lastSearchTerm =
-                                (_d = (result && getVariable.getVariable(result, itemName))) !== null && _d !== void 0 ? _d : term;
+                                (_c = (result && getVariable.getVariable(result, itemName))) !== null && _c !== void 0 ? _c : term;
                             // 如果没有返回不应该处理
                             if (!result) {
                                 return [2 /*return*/];
                             }
-                            if (autoFill === null || autoFill === void 0 ? void 0 : autoFill.fillMapping) {
-                                result = dataMapping.dataMapping(autoFill.fillMapping, result);
-                            }
-                            if (result) {
-                                // 不能把自己给清了吧
-                                object.setVariable(result, itemName, getVariable.getVariable(result, itemName) || formItem.tmpValue);
-                                onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange(result);
-                            }
+                            this.applyMapping((_d = autoFill === null || autoFill === void 0 ? void 0 : autoFill.fillMapping) !== null && _d !== void 0 ? _d : { '&': '$$' }, result, false, true);
                             _e.label = 3;
                         case 3: return [3 /*break*/, 5];
                         case 4:
@@ -158,15 +151,12 @@ var FormItemWrap = /** @class */ (function (_super) {
             trailing: true,
             leading: false
         });
-        _this.state = {
-            isOpened: false
-        };
         var model = props.formItem, formInited = props.formInited, addHook = props.addHook, initAutoFill = props.initAutoFill;
         if (!model) {
             return _this;
         }
         _this.toDispose.push(mobx.reaction(function () {
-            return "".concat(model.errors.join('')).concat(model.isFocused).concat(model.dialogOpen).concat(JSON.stringify(model.filteredOptions));
+            return "".concat(model.errors.join('')).concat(model.isFocused).concat(model.dialogOpen).concat(JSON.stringify(model.filteredOptions)).concat(model.popOverOpen);
         }, function () { return _this.forceUpdate(); }));
         var onInit = function () {
             var _a;
@@ -224,18 +214,26 @@ var FormItemWrap = /** @class */ (function (_super) {
         this.handleAutoFill('focus');
     };
     FormItemWrap.prototype.handleBlur = function (e) {
-        var model = this.props.formItem;
+        var _a = this.props, model = _a.formItem, autoFill = _a.autoFill;
         model && model.blur();
         this.props.onBlur && this.props.onBlur(e);
+        if (!autoFill ||
+            (autoFill && !(autoFill === null || autoFill === void 0 ? void 0 : autoFill.hasOwnProperty('showSuggestion')))) {
+            return;
+        }
+        this.handleAutoFill('blur');
     };
     FormItemWrap.prototype.handleAutoFill = function (type) {
         var _this = this;
-        var _a = this.props, autoFill = _a.autoFill; _a.onBulkChange; var formItem = _a.formItem, data = _a.data;
+        var _a = this.props, autoFill = _a.autoFill, formItem = _a.formItem, data = _a.data;
         var trigger = autoFill.trigger, mode = autoFill.mode;
         if (trigger === type && mode === 'popOver') {
             // 参照录入 popOver形式
-            this.setState({
-                isOpened: true
+            formItem === null || formItem === void 0 ? void 0 : formItem.openPopOver(this.buildAutoFillSchema(), data, function (confirmed, result) {
+                if (!confirmed || !(result === null || result === void 0 ? void 0 : result.selectedItems)) {
+                    return;
+                }
+                _this.updateAutoFillData(result.selectedItems);
             });
         }
         else if (
@@ -243,7 +241,7 @@ var FormItemWrap = /** @class */ (function (_super) {
         trigger === type &&
             (mode === 'dialog' || mode === 'drawer')) {
             formItem === null || formItem === void 0 ? void 0 : formItem.openDialog(this.buildAutoFillSchema(), data, function (confirmed, result) {
-                if (!(result === null || result === void 0 ? void 0 : result.selectedItems)) {
+                if (!confirmed || !(result === null || result === void 0 ? void 0 : result.selectedItems)) {
                     return;
                 }
                 _this.updateAutoFillData(result.selectedItems);
@@ -251,17 +249,21 @@ var FormItemWrap = /** @class */ (function (_super) {
         }
     };
     FormItemWrap.prototype.updateAutoFillData = function (context) {
-        var _a = this.props, formStore = _a.formStore, autoFill = _a.autoFill, onBulkChange = _a.onBulkChange;
-        var fillMapping = autoFill.fillMapping, multiple = autoFill.multiple;
+        var _a = this.props, data = _a.data, autoFill = _a.autoFill; _a.onBulkChange;
+        var fillMapping = autoFill.fillMapping; autoFill.multiple;
         // form原始数据
-        var data = formStore === null || formStore === void 0 ? void 0 : formStore.data;
-        var contextData = object.createObject(tslib.__assign({ items: !multiple ? [context] : context }, data), tslib.__assign({}, context));
-        var responseData = {};
-        responseData = dataMapping.dataMapping(fillMapping, contextData);
-        if (!multiple && !fillMapping) {
-            responseData = context;
-        }
-        onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange(responseData);
+        var contextData = Array.isArray(context)
+            ? object.createObject(data, {
+                items: context
+            })
+            : object.createObjectFromChain([
+                data,
+                {
+                    items: [context]
+                },
+                context
+            ]);
+        this.applyMapping(fillMapping !== null && fillMapping !== void 0 ? fillMapping : {}, contextData, false);
     };
     FormItemWrap.prototype.syncOptionAutoFill = function (selectedOptions, skipIfExits) {
         if (skipIfExits === void 0) { skipIfExits = false; }
@@ -275,83 +277,107 @@ var FormItemWrap = /** @class */ (function (_super) {
             autoFill &&
             !helper.isEmpty(autoFill) &&
             formItem.filteredOptions.length) {
-            var toSync_1 = dataMapping.dataMapping(autoFill, multiple
+            this.applyMapping(autoFill, multiple
                 ? {
                     items: selectedOptions.map(function (item) {
                         return object.createObject(tslib.__assign(tslib.__assign({}, data), { ancestors: helper.getTreeAncestors(formItem.filteredOptions, item, true) }), item);
                     })
                 }
-                : object.createObject(tslib.__assign(tslib.__assign({}, data), { ancestors: helper.getTreeAncestors(formItem.filteredOptions, selectedOptions[0], true) }), selectedOptions[0]));
-            var tmpData_1 = tslib.__assign({}, data);
-            var result_1 = tslib.__assign({}, toSync_1);
-            Object.keys(autoFill).forEach(function (key) {
-                var keys = keyToPath.keyToPath(key);
-                var value = getVariable.getVariable(toSync_1, key);
-                if (skipIfExits) {
-                    var originValue = getVariable.getVariable(data, key);
-                    if (typeof originValue !== 'undefined') {
-                        value = originValue;
-                    }
-                }
-                object.setVariable(result_1, key, value);
-                // 如果左边的 key 是一个路径
-                // 这里不希望直接把原始对象都给覆盖没了
-                // 而是保留原始的对象，只修改指定的属性
-                if (keys.length > 1 && isPlainObject__default["default"](tmpData_1[keys[0]])) {
-                    // 存在情况：依次更新同一子路径的多个key，eg: a.b.c1 和 a.b.c2，所以需要同步更新data
-                    object.setVariable(tmpData_1, key, value);
-                    result_1[keys[0]] = tmpData_1[keys[0]];
+                : object.createObject(tslib.__assign(tslib.__assign({}, data), { ancestors: helper.getTreeAncestors(formItem.filteredOptions, selectedOptions[0], true) }), selectedOptions[0]), skipIfExits);
+        }
+    };
+    /**
+     * 应用映射函数，根据给定的映射关系，更新数据对象
+     *
+     * @param mapping 映射关系，类型为任意类型
+     * @param ctx 上下文对象，类型为任意类型
+     * @param skipIfExits 是否跳过已存在的属性，默认为 false
+     */
+    FormItemWrap.prototype.applyMapping = function (mapping, ctx, skipIfExits, ignoreSelf) {
+        if (skipIfExits === void 0) { skipIfExits = false; }
+        if (ignoreSelf === void 0) { ignoreSelf = false; }
+        var _a = this.props, onBulkChange = _a.onBulkChange, data = _a.data, formItem = _a.formItem;
+        var toSync = dataMapping.dataMapping(mapping, ctx);
+        var tmpData = tslib.__assign({}, data);
+        var result = tslib.__assign({}, toSync);
+        Object.keys(mapping).forEach(function (key) {
+            if (key === '&') {
+                return;
+            }
+            var keys = keyToPath.keyToPath(key);
+            var value = getVariable.getVariable(toSync, key);
+            if (skipIfExits) {
+                var originValue = getVariable.getVariable(data, key);
+                if (typeof originValue !== 'undefined') {
+                    value = originValue;
                 }
-            });
-            onBulkChange(result_1);
+            }
+            object.setVariable(result, key, value);
+            // 如果左边的 key 是一个路径
+            // 这里不希望直接把原始对象都给覆盖没了
+            // 而是保留原始的对象，只修改指定的属性
+            if (keys.length > 1 && isPlainObject__default["default"](tmpData[keys[0]])) {
+                // 存在情况：依次更新同一子路径的多个key，eg: a.b.c1 和 a.b.c2，所以需要同步更新data
+                object.setVariable(tmpData, key, value);
+                result[keys[0]] = tmpData[keys[0]];
+            }
+        });
+        // 是否忽略自己的设置
+        if (ignoreSelf && (formItem === null || formItem === void 0 ? void 0 : formItem.name)) {
+            object.deleteVariable(result, formItem.name);
         }
+        onBulkChange(result);
     };
     FormItemWrap.prototype.buildAutoFillSchema = function () {
-        var _this = this;
-        var _a = this.props, render = _a.render, autoFill = _a.autoFill, ns = _a.classPrefix, cx = _a.classnames, __ = _a.translate;
+        var _a = this.props; _a.formItem; var autoFill = _a.autoFill, __ = _a.translate;
         if (!autoFill || (autoFill && !(autoFill === null || autoFill === void 0 ? void 0 : autoFill.hasOwnProperty('api')))) {
             return;
         }
-        var api = autoFill.api, mode = autoFill.mode, size = autoFill.size, offset = autoFill.offset, position = autoFill.position, multiple = autoFill.multiple, filter = autoFill.filter, columns = autoFill.columns, labelField = autoFill.labelField, popOverContainer = autoFill.popOverContainer, popOverClassName = autoFill.popOverClassName, valueField = autoFill.valueField;
+        var api = autoFill.api, mode = autoFill.mode, size = autoFill.size, offset = autoFill.offset, position = autoFill.position, placement = autoFill.placement, multiple = autoFill.multiple, filter = autoFill.filter, columns = autoFill.columns, labelField = autoFill.labelField, popOverContainer = autoFill.popOverContainer, popOverClassName = autoFill.popOverClassName, valueField = autoFill.valueField, defaultSelection = autoFill.defaultSelection;
         var form = {
             type: 'form',
             // debug: true,
             title: '',
             className: 'suggestion-form',
-            body: {
-                type: 'picker',
-                embed: true,
-                joinValues: false,
-                label: false,
-                labelField: labelField,
-                valueField: valueField || 'value',
-                multiple: multiple,
-                name: 'selectedItems',
-                options: [],
-                required: true,
-                source: api,
-                pickerSchema: {
-                    type: 'crud',
-                    affixHeader: false,
-                    alwaysShowPagination: true,
-                    keepItemSelectionOnPageChange: true,
-                    headerToolbar: [],
-                    footerToolbar: [
-                        {
-                            type: 'pagination',
-                            align: 'left'
-                        },
-                        {
-                            type: 'bulkActions',
-                            align: 'right',
-                            className: 'ml-2'
-                        }
-                    ],
+            body: [
+                {
+                    type: 'picker',
+                    embed: true,
+                    joinValues: false,
+                    strictMode: false,
+                    label: false,
+                    labelField: labelField,
+                    valueField: valueField || 'value',
                     multiple: multiple,
-                    filter: filter,
-                    columns: columns || []
+                    name: 'selectedItems',
+                    value: defaultSelection || [],
+                    options: [],
+                    required: true,
+                    source: api,
+                    pickerSchema: {
+                        type: 'crud',
+                        bodyClassName: 'mb-0',
+                        affixHeader: false,
+                        alwaysShowPagination: true,
+                        keepItemSelectionOnPageChange: true,
+                        headerToolbar: [],
+                        footerToolbar: [
+                            {
+                                type: 'pagination',
+                                align: 'left'
+                            },
+                            {
+                                type: 'bulkActions',
+                                align: 'right',
+                                className: 'ml-2'
+                            }
+                        ],
+                        multiple: multiple,
+                        filter: filter,
+                        columns: columns || []
+                    }
                 }
-            },
+            ],
             actions: [
                 {
                     type: 'button',
@@ -367,13 +393,13 @@ var FormItemWrap = /** @class */ (function (_super) {
             ]
         };
         if (mode === 'popOver') {
-            return (_J$X_(Overlay["default"], { container: popOverContainer || this.target, target: function () { return _this.target; }, placement: position || 'left-bottom-left-top', show: true },
-                _J$X_(PopOver["default"], { classPrefix: ns, className: cx("".concat(ns, "Autofill-popOver"), popOverClassName), style: {
-                        minWidth: this.target ? this.target.offsetWidth : undefined
-                    }, offset: offset, onHide: this.handleClose, overlay: true }, render('popOver-auto-fill-form', form, {
-                    onAction: this.handleAction,
-                    onSubmit: this.handleSubmit
-                }))));
+            return {
+                popOverContainer: popOverContainer,
+                popOverClassName: popOverClassName,
+                placement: placement !== null && placement !== void 0 ? placement : position,
+                offset: offset,
+                body: form
+            };
         }
         else {
             return {
@@ -399,23 +425,28 @@ var FormItemWrap = /** @class */ (function (_super) {
         }
     };
     // 参照录入popOver提交
-    FormItemWrap.prototype.handleSubmit = function (values) {
+    FormItemWrap.prototype.handlePopOverConfirm = function (values) {
         var _a = this.props; _a.onBulkChange; var autoFill = _a.autoFill;
         if (!autoFill || (autoFill && !(autoFill === null || autoFill === void 0 ? void 0 : autoFill.hasOwnProperty('api')))) {
             return;
         }
         this.updateAutoFillData(values.selectedItems);
-        this.handleClose();
+        this.closePopOver();
     };
-    FormItemWrap.prototype.handleAction = function (e, action, data) {
+    FormItemWrap.prototype.handlePopOverAction = function (e, action, data, throwErrors, delegate) {
+        if (throwErrors === void 0) { throwErrors = false; }
+        var onAction = this.props.onAction;
         if (action.actionType === 'cancel') {
-            this.handleClose();
+            this.closePopOver();
+        }
+        else if (onAction) {
+            // 不识别的丢给上层去处理。
+            return onAction(e, action, data, throwErrors, delegate);
         }
     };
-    FormItemWrap.prototype.handleClose = function () {
-        this.setState({
-            isOpened: false
-        });
+    FormItemWrap.prototype.closePopOver = function () {
+        var _a;
+        (_a = this.props.formItem) === null || _a === void 0 ? void 0 : _a.closePopOver();
     };
     FormItemWrap.prototype.handleOpenDialog = function (schema, data) {
         return tslib.__awaiter(this, void 0, void 0, function () {
@@ -470,7 +501,9 @@ var FormItemWrap = /** @class */ (function (_super) {
         return null;
     };
     FormItemWrap.prototype.render = function () {
-        var _a = this.props, formMode = _a.formMode, inputOnly = _a.inputOnly, wrap = _a.wrap, render = _a.render, model = _a.formItem, css = _a.css, themeCss = _a.themeCss, id = _a.id, wrapperCustomStyle = _a.wrapperCustomStyle, env = _a.env, cx = _a.classnames;
+        var _this = this;
+        var _a, _b, _c, _d;
+        var _e = this.props, formMode = _e.formMode, inputOnly = _e.inputOnly, wrap = _e.wrap, render = _e.render, model = _e.formItem, css = _e.css, themeCss = _e.themeCss, id = _e.id, wrapperCustomStyle = _e.wrapperCustomStyle, env = _e.env, cx = _e.classnames, popOverContainer = _e.popOverContainer; _e.data;
         var mode = this.props.mode || formMode;
         if (wrap === false || inputOnly) {
             return this.renderControl();
@@ -488,6 +521,14 @@ var FormItemWrap = /** @class */ (function (_super) {
                     formStore: undefined
                 })
                 : null,
+            model ? (_J$X_(Overlay["default"], { container: popOverContainer || this.target, target: function () { return _this.target; }, placement: ((_a = model.popOverSchema) === null || _a === void 0 ? void 0 : _a.placement) || 'left-bottom-left-top', show: model.popOverOpen },
+                _J$X_(PopOver["default"], { className: cx("Autofill-popOver", (_b = model.popOverSchema) === null || _b === void 0 ? void 0 : _b.popOverClassName), style: {
+                        minWidth: this.target ? this.target.offsetWidth : undefined
+                    }, offset: (_c = model.popOverSchema) === null || _c === void 0 ? void 0 : _c.offset, onHide: this.closePopOver }, render('popOver-auto-fill-form', (_d = model.popOverSchema) === null || _d === void 0 ? void 0 : _d.body, {
+                    // data: model.popOverData,
+                    onAction: this.handlePopOverAction,
+                    onSubmit: this.handlePopOverConfirm
+                })))) : null,
             _J$X_(CustomStyle["default"], tslib.__assign({}, this.props, { config: {
                     themeCss: themeCss || css,
                     classNames: [
@@ -526,7 +567,7 @@ var FormItemWrap = /** @class */ (function (_super) {
             var labelAlign = (props.labelAlign !== 'inherit' && props.labelAlign) ||
                 props.formLabelAlign;
             var labelWidth = props.labelWidth || props.formLabelWidth;
-            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--horizontal", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", "data-amis-name": props.name, className: cx("Form-item Form-item--horizontal", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'Form-item--horizontal-justify': horizontal.justify
                     },
                     _a["is-error"] = model && !model.valid,
@@ -592,7 +633,7 @@ var FormItemWrap = /** @class */ (function (_super) {
             var _a;
             var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, themeCss = props.themeCss, wrapperCustomStyle = props.wrapperCustomStyle, id = props.id;
             description = description || desc;
-            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--normal", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", "data-amis-name": props.name, className: cx("Form-item Form-item--normal", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
@@ -678,7 +719,7 @@ var FormItemWrap = /** @class */ (function (_super) {
             var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, remark = props.remark, labelRemark = props.labelRemark, env = props.env, hint = props.hint, renderLabel = props.renderLabel, renderDescription = props.renderDescription; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, themeCss = props.themeCss, wrapperCustomStyle = props.wrapperCustomStyle, id = props.id;
             var labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
-            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--inline", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", "data-amis-name": props.name, className: cx("Form-item Form-item--inline", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
@@ -734,7 +775,7 @@ var FormItemWrap = /** @class */ (function (_super) {
             var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint; props.data; var showErrorMsg = props.showErrorMsg, mobileUI = props.mobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName, wrapperCustomStyle = props.wrapperCustomStyle, themeCss = props.themeCss, id = props.id;
             description = description || desc;
             var labelWidth = props.labelWidth || props.formLabelWidth;
-            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--row", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", "data-amis-name": props.name, className: cx("Form-item Form-item--row", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
@@ -791,7 +832,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                 props.formLabelAlign;
             var labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
-            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--flex", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", "data-amis-name": props.name, className: cx("Form-item Form-item--flex", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
@@ -862,19 +903,19 @@ var FormItemWrap = /** @class */ (function (_super) {
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", void 0)
-    ], FormItemWrap.prototype, "handleSubmit", null);
+    ], FormItemWrap.prototype, "handlePopOverConfirm", null);
     tslib.__decorate([
         helper.autobind,
         tslib.__metadata("design:type", Function),
-        tslib.__metadata("design:paramtypes", [Object, Object, Object]),
+        tslib.__metadata("design:paramtypes", [Object, Object, Object, Boolean, Object]),
         tslib.__metadata("design:returntype", void 0)
-    ], FormItemWrap.prototype, "handleAction", null);
+    ], FormItemWrap.prototype, "handlePopOverAction", null);
     tslib.__decorate([
         helper.autobind,
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", []),
         tslib.__metadata("design:returntype", void 0)
-    ], FormItemWrap.prototype, "handleClose", null);
+    ], FormItemWrap.prototype, "closePopOver", null);
     tslib.__decorate([
         helper.autobind,
         tslib.__metadata("design:type", Function),
@@ -1041,8 +1082,6 @@ function asFormItem(config) {
                     _b.inputClassName; var model = _b.formItem, cx = _b.classnames; _b.children; var type = _b.type, size = _b.size, defaultSize = _b.defaultSize, mobileUI = _b.mobileUI, rest = tslib.__rest(_b, ["inputClassName", "formItem", "classnames", "children", "type", "size", "defaultSize", "mobileUI"]);
                     var isRuleSize = size && ['xs', 'sm', 'md', 'lg', 'full'].includes(size);
                     var controlSize = isRuleSize ? size : defaultSize;
-                    //@ts-ignore
-                    var isOpened = this.state.isOpened;
                     return (_J$X_(React__default["default"].Fragment, null,
                         _J$X_(Control, tslib.__assign({}, rest, { 
                             // 因为 formItem 内部可能不会更新到最新的 data，所以暴露个方法可以获取到最新的
@@ -1052,14 +1091,14 @@ function asFormItem(config) {
                             }, className: cx("Form-control", (_a = {
                                     'is-inline': !!rest.inline && !mobileUI,
                                     'is-error': model && !model.valid,
-                                    'is-full': size === 'full'
+                                    'is-full': size === 'full',
+                                    'is-thin': config.thin
                                 },
                                 _a["Form-control--withSize Form-control--size".concat(helper.ucFirst(controlSize))] = config.sizeMutable !== false &&
                                     typeof controlSize === 'string' &&
                                     !!controlSize &&
                                     controlSize !== 'full',
-                                _a), model === null || model === void 0 ? void 0 : model.errClassNames, getItemInputClassName(this.props)) })),
-                        isOpened ? this.buildAutoFillSchema() : null));
+                                _a), model === null || model === void 0 ? void 0 : model.errClassNames, getItemInputClassName(this.props)) }))));
                 };
                 return class_1;
             }(FormItemWrap)),

package/lib/renderers/Options.d.ts

@@ -138,9 +138,9 @@ export interface OptionsControlProps extends FormControlProps, Omit<FormOptionsC
     deferLoad: (option: Option) => void;
     leftDeferLoad: (option: Option, leftOptions: Option) => void;
     expandTreeOptions: (nodePathArr: any[]) => void;
-    onAdd?: (idx?: number | Array<number>, value?: any, skipForm?: boolean) => void;
-    onEdit?: (value: Option, origin?: Option, skipForm?: boolean) => void;
-    onDelete?: (value: Option) => void;
+    onAdd?: (idx?: number | Array<number>, value?: any, skipForm?: boolean, callback?: (value: any) => any) => void;
+    onEdit?: (value: Option, origin?: Option, skipForm?: boolean, callback?: (value: any) => any) => void;
+    onDelete?: (value: Option, callback?: (value: any) => any) => void;
 }
 export interface OptionsProps extends FormControlProps, Omit<OptionProps, 'className'> {
     source?: Api;