amis-core 6.7.0 → 6.8.0

package/lib/renderers/Item.d.ts

@@ -5,6 +5,7 @@ import { IFormItemStore, IFormStore } from '../store/form';
 import { RendererProps, TestFunc, RendererConfig } from '../factory';
 import { FormHorizontal, FormSchemaBase } from './Form';
 import { ActionObject, BaseApiObject, BaseSchemaWithoutType, ClassName, Schema } from '../types';
+import { IScopedContext } from '../Scoped';
 export type LabelAlign = 'right' | 'left' | 'top' | 'inherit';
 export interface FormBaseControl extends BaseSchemaWithoutType {
     /**
@@ -303,6 +304,10 @@ export interface FormBaseControl extends BaseSchemaWithoutType {
          * 是否为参照录入模式，参照录入会展示候选值供用户选择，而不是直接填充。
          */
         showSuggestion?: boolean;
+        /**
+         * 参照录入时，默认选中的值
+         */
+        defaultSelection?: any;
         /**
          * 自动填充 api
          */
@@ -321,7 +326,7 @@ export interface FormBaseControl extends BaseSchemaWithoutType {
         /**
          * 触发条件，默认为 change
          */
-        trigger?: 'change' | 'foucs';
+        trigger?: 'change' | 'focus' | 'blur';
         /**
          * 弹窗方式，当为参照录入时用可以配置
          */
@@ -359,6 +364,10 @@ export interface FormItemBasicConfig extends Partial<RendererConfig> {
     storeType?: string;
     validations?: string;
     strictMode?: boolean;
+    /**
+     * 是否是瘦子
+     */
+    thin?: boolean;
     /**
      * schema变化使视图更新的属性白名单
      */
@@ -444,7 +453,76 @@ export declare class FormItemWrap extends React.Component<FormItemProps> {
     updateAutoFillData(context: any): void;
     syncApiAutoFill: import("lodash").DebouncedFunc<(term: any, forceLoad?: boolean, skipIfExits?: any) => Promise<void>>;
     syncOptionAutoFill(selectedOptions: Array<any>, skipIfExits?: boolean): void;
-    buildAutoFillSchema(): React.JSX.Element | {
+    /**
+     * 应用映射函数，根据给定的映射关系，更新数据对象
+     *
+     * @param mapping 映射关系，类型为任意类型
+     * @param ctx 上下文对象，类型为任意类型
+     * @param skipIfExits 是否跳过已存在的属性，默认为 false
+     */
+    applyMapping(mapping: any, ctx: any, skipIfExits?: boolean, ignoreSelf?: boolean): void;
+    buildAutoFillSchema(): {
+        popOverContainer: any;
+        popOverClassName: any;
+        placement: any;
+        offset: any;
+        body: {
+            type: string;
+            title: string;
+            className: string;
+            body: {
+                type: string;
+                embed: boolean;
+                joinValues: boolean;
+                strictMode: boolean;
+                label: boolean;
+                labelField: any;
+                valueField: any;
+                multiple: any;
+                name: string;
+                value: any;
+                options: never[];
+                required: boolean;
+                source: any;
+                pickerSchema: {
+                    type: string;
+                    bodyClassName: string;
+                    affixHeader: boolean;
+                    alwaysShowPagination: boolean;
+                    keepItemSelectionOnPageChange: boolean;
+                    headerToolbar: never[];
+                    footerToolbar: ({
+                        type: string;
+                        align: string;
+                        className?: undefined;
+                    } | {
+                        type: string;
+                        align: string;
+                        className: string;
+                    })[];
+                    multiple: any;
+                    filter: any;
+                    columns: any;
+                };
+            }[];
+            actions: ({
+                type: string;
+                actionType: string;
+                label: any;
+                level?: undefined;
+            } | {
+                type: string;
+                actionType: string;
+                level: string;
+                label: any;
+            })[];
+        };
+        type?: undefined;
+        className?: undefined;
+        title?: undefined;
+        size?: undefined;
+        actions?: undefined;
+    } | {
         type: any;
         className: string;
         title: any;
@@ -458,16 +536,19 @@ export declare class FormItemWrap extends React.Component<FormItemProps> {
                 type: string;
                 embed: boolean;
                 joinValues: boolean;
+                strictMode: boolean;
                 label: boolean;
                 labelField: any;
                 valueField: any;
                 multiple: any;
                 name: string;
+                value: any;
                 options: never[];
                 required: boolean;
                 source: any;
                 pickerSchema: {
                     type: string;
+                    bodyClassName: string;
                     affixHeader: boolean;
                     alwaysShowPagination: boolean;
                     keepItemSelectionOnPageChange: boolean;
@@ -485,7 +566,7 @@ export declare class FormItemWrap extends React.Component<FormItemProps> {
                     filter: any;
                     columns: any;
                 };
-            };
+            }[];
             actions: ({
                 type: string;
                 actionType: string;
@@ -509,10 +590,14 @@ export declare class FormItemWrap extends React.Component<FormItemProps> {
             level: string;
             label: any;
         })[];
+        popOverContainer?: undefined;
+        popOverClassName?: undefined;
+        placement?: undefined;
+        offset?: undefined;
     } | undefined;
-    handleSubmit(values: any): void;
-    handleAction(e: React.UIEvent<any>, action: ActionObject, data: object): void;
-    handleClose(): void;
+    handlePopOverConfirm(values: any): void;
+    handlePopOverAction(e: React.UIEvent<any>, action: ActionObject, data: object, throwErrors?: boolean, delegate?: IScopedContext): any;
+    closePopOver(): void;
     handleOpenDialog(schema: Schema, data: any): Promise<unknown>;
     handleDialogConfirm([values]: Array<any>): void;
     handleDialogClose(confirmed?: boolean): void;
@@ -523,7 +608,7 @@ export declare class FormItemWrap extends React.Component<FormItemProps> {
     static layoutRenderers: {
         [propsName: string]: (props: FormItemProps, renderControl: () => JSX.Element | null) => JSX.Element;
     };
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare const detectProps: string[];
 export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (Control: FormControlComponent) => {
@@ -558,10 +643,10 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
         storeType: string;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         readonly fetcher: any;
-        readonly notify: any;
-        readonly isCancel: (value: any) => boolean; /**
-         * 当修改完的时候是否提交表单。
+        readonly notify: any; /**
+         * 显示一个小图标, 鼠标放上去的时候显示提示内容
          */
+        readonly isCancel: (value: any) => boolean;
         readonly __: import("..").TranslateFn<any>;
         getStoreById(id: string): {
             id: string;
@@ -724,10 +809,10 @@ export declare function asFormItem(config: Omit<FormItemConfig, 'component'>): (
         storeType: import("mobx-state-tree").IType<string | undefined, string, string>;
     }, {
         readonly fetcher: any;
-        readonly notify: any;
-        readonly isCancel: (value: any) => boolean; /**
-         * 当修改完的时候是否提交表单。
+        readonly notify: any; /**
+         * 显示一个小图标, 鼠标放上去的时候显示提示内容
          */
+        readonly isCancel: (value: any) => boolean;
         readonly __: import("..").TranslateFn<any>;
         getStoreById(id: string): {
             id: string;

package/lib/renderers/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.7.0
+ * amis-core v6.8.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: [
@@ -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)),