amis-core 3.1.1 → 3.3.0

package/lib/actions/CmptAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,7 +8,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+require('../utils/helper.js');
 var Action = require('./Action.js');
+var object = require('../utils/object.js');
 
 /**
  * 组件动作
@@ -21,61 +23,74 @@ var CmptAction = /** @class */ (function () {
     function CmptAction() {
     }
     CmptAction.prototype.run = function (action, renderer, event) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var key, component, dataMergeMode, visibility, usability, beforeSetData, path, res;
-            return tslib.__generator(this, function (_p) {
-                switch (_p.label) {
+            var key, dataMergeMode, component, beforeSetData, path, res, result, e_1;
+            var _s, _t;
+            return tslib.__generator(this, function (_u) {
+                switch (_u.label) {
                     case 0:
                         key = action.componentId || action.componentName;
-                        component = key && renderer.props.$schema[action.componentId ? 'id' : 'name'] !== key
-                            ? (_a = event.context.scoped) === null || _a === void 0 ? void 0 : _a[action.componentId ? 'getComponentById' : 'getComponentByName'](key)
-                            : renderer;
                         dataMergeMode = action.dataMergeMode || 'merge';
-                        // 显隐&状态控制
-                        if (['show', 'hidden', 'visibility'].includes(action.actionType)) {
-                            visibility = action.actionType === 'visibility'
-                                ? (_b = action.args) === null || _b === void 0 ? void 0 : _b.value
-                                : action.actionType === 'show';
-                            return [2 /*return*/, renderer.props.statusStore.setVisible(key, visibility)];
-                        }
-                        else if (['static', 'nonstatic'].includes(action.actionType)) {
-                            return [2 /*return*/, renderer.props.statusStore.setStatic(key, action.actionType === 'static')];
-                        }
-                        else if (['enabled', 'disabled', 'usability'].includes(action.actionType)) {
-                            usability = action.actionType === 'usability'
-                                ? !((_c = action.args) === null || _c === void 0 ? void 0 : _c.value)
-                                : action.actionType === 'disabled';
-                            return [2 /*return*/, renderer.props.statusStore.setDisable(key, usability)];
+                        component = key
+                            ? (_a = event.context.scoped) === null || _a === void 0 ? void 0 : _a[action.componentId ? 'getComponentById' : 'getComponentByName'](key)
+                            : null;
+                        if (key && !component) {
+                            throw Error('目标组件没有找到，请检查componentId或componentName是否正确');
                         }
                         if (!(action.actionType === 'setValue')) return [3 /*break*/, 3];
-                        beforeSetData = (_e = (_d = renderer === null || renderer === void 0 ? void 0 : renderer.props) === null || _d === void 0 ? void 0 : _d.env) === null || _e === void 0 ? void 0 : _e.beforeSetData;
-                        path = (_f = action.args) === null || _f === void 0 ? void 0 : _f.path;
+                        beforeSetData = (_c = (_b = renderer === null || renderer === void 0 ? void 0 : renderer.props) === null || _b === void 0 ? void 0 : _b.env) === null || _c === void 0 ? void 0 : _c.beforeSetData;
+                        path = (_d = action.args) === null || _d === void 0 ? void 0 : _d.path;
                         if (!(path &&
                             typeof path === 'string' &&
                             beforeSetData &&
                             typeof beforeSetData === 'function')) return [3 /*break*/, 2];
                         return [4 /*yield*/, beforeSetData(renderer, action, event)];
                     case 1:
-                        res = _p.sent();
+                        res = _u.sent();
                         if (res === false) {
                             return [2 /*return*/];
                         }
-                        _p.label = 2;
+                        _u.label = 2;
                     case 2:
                         if (component === null || component === void 0 ? void 0 : component.setData) {
-                            return [2 /*return*/, component === null || component === void 0 ? void 0 : component.setData((_g = action.args) === null || _g === void 0 ? void 0 : _g.value, dataMergeMode === 'override', (_h = action.args) === null || _h === void 0 ? void 0 : _h.index)];
+                            return [2 /*return*/, component === null || component === void 0 ? void 0 : component.setData((_e = action.args) === null || _e === void 0 ? void 0 : _e.value, dataMergeMode === 'override', (_f = action.args) === null || _f === void 0 ? void 0 : _f.index)];
                         }
                         else {
-                            return [2 /*return*/, (_k = component === null || component === void 0 ? void 0 : (_j = component.props).onChange) === null || _k === void 0 ? void 0 : _k.call(_j, (_l = action.args) === null || _l === void 0 ? void 0 : _l.value)];
+                            return [2 /*return*/, (_h = component === null || component === void 0 ? void 0 : (_g = component.props).onChange) === null || _h === void 0 ? void 0 : _h.call(_g, (_j = action.args) === null || _j === void 0 ? void 0 : _j.value)];
                         }
                     case 3:
                         // 刷新
                         if (action.actionType === 'reload') {
-                            return [2 /*return*/, (_m = component === null || component === void 0 ? void 0 : component.reload) === null || _m === void 0 ? void 0 : _m.call(component, undefined, action.data, undefined, undefined, dataMergeMode === 'override', action.args)];
+                            return [2 /*return*/, (_k = component === null || component === void 0 ? void 0 : component.reload) === null || _k === void 0 ? void 0 : _k.call(component, undefined, action.data, undefined, undefined, dataMergeMode === 'override', action.args)];
+                        }
+                        _u.label = 4;
+                    case 4:
+                        _u.trys.push([4, 6, , 7]);
+                        return [4 /*yield*/, ((_l = component === null || component === void 0 ? void 0 : component.doAction) === null || _l === void 0 ? void 0 : _l.call(component, action, action.args, true))];
+                    case 5:
+                        result = _u.sent();
+                        if (['validate', 'submit'].includes(action.actionType)) {
+                            event.setData(object.createObject(event.data, (_s = {},
+                                _s[action.outputVar || "".concat(action.actionType, "Result")] = {
+                                    error: '',
+                                    payload: (_m = result === null || result === void 0 ? void 0 : result.__payload) !== null && _m !== void 0 ? _m : (_p = (_o = component === null || component === void 0 ? void 0 : component.props) === null || _o === void 0 ? void 0 : _o.store) === null || _p === void 0 ? void 0 : _p.data,
+                                    responseData: result === null || result === void 0 ? void 0 : result.__response
+                                },
+                                _s)));
                         }
-                        // 执行组件动作
-                        return [2 /*return*/, (_o = component === null || component === void 0 ? void 0 : component.doAction) === null || _o === void 0 ? void 0 : _o.call(component, action, action.args)];
+                        return [2 /*return*/, result];
+                    case 6:
+                        e_1 = _u.sent();
+                        event.setData(object.createObject(event.data, (_t = {},
+                            _t[action.outputVar || "".concat(action.actionType, "Result")] = {
+                                error: e_1.message,
+                                errors: e_1.name === 'ValidateError' ? e_1.detail : e_1,
+                                payload: (_r = (_q = component === null || component === void 0 ? void 0 : component.props) === null || _q === void 0 ? void 0 : _q.store) === null || _r === void 0 ? void 0 : _r.data
+                            },
+                            _t)));
+                        return [3 /*break*/, 7];
+                    case 7: return [2 /*return*/];
                 }
             });
         });

package/lib/actions/ContinueAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/CopyAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/CustomAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -10,15 +10,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var api = require('../utils/api.js');
 require('../utils/ColorScale.js');
-require('react');
-require('lodash/chunk');
+require('../utils/columnsSplit.js');
 require('amis-formula');
 require('lodash/isPlainObject');
 require('../utils/DataSchema.js');
 require('../utils/DataScope.js');
 require('moment');
 require('../utils/debug.js');
-require('react-dom');
+require('../utils/dom.js');
 require('../utils/errors.js');
 require('../utils/tpl.js');
 require('../utils/helper.js');
@@ -27,13 +26,17 @@ require('../utils/filter.js');
 require('lodash/isObject');
 require('lodash/isString');
 require('lodash/isBoolean');
-require('lodash');
+require('../utils/highlight.js');
+require('../utils/icon.js');
 require('../utils/image.js');
+require('lodash/isEqual');
 var Action = require('./Action.js');
 require('lodash/debounce');
 require('lodash/cloneDeep');
 require('../utils/resize-sensor.js');
+require('react');
 require('react-overlays/useRootClose');
+require('react-dom');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
@@ -41,6 +44,7 @@ require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');
 require('../utils/resolveCondition.js');
+require('mobx');
 require('../utils/Animation.js');
 
 /**

package/lib/actions/DialogAction.d.ts

@@ -3,6 +3,7 @@ import { RendererEvent } from '../utils/renderer-event';
 import { RendererAction, ListenerAction, ListenerContext } from './Action';
 export interface IAlertAction extends ListenerAction {
     actionType: 'alert';
+    dialog?: Schema;
     args: {
         msg: string;
         [propName: string]: any;
@@ -25,6 +26,7 @@ export interface IDialogAction extends ListenerAction {
 }
 export interface IConfirmDialogAction extends ListenerAction {
     actionType: 'confirmDialog';
+    dialog?: Schema;
     args: {
         msg: string;
         title: string;

package/lib/actions/DialogAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,8 +8,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
+var tpl = require('../utils/tpl.js');
 var Action = require('./Action.js');
-var index = require('../index.js');
 
 /**
  * 打开弹窗动作
@@ -22,16 +22,16 @@ var DialogAction = /** @class */ (function () {
     function DialogAction() {
     }
     DialogAction.prototype.run = function (action, renderer, event) {
-        var _a, _b, _c;
+        var _a, _b;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            return tslib.__generator(this, function (_d) {
+            return tslib.__generator(this, function (_c) {
                 // 防止editor preview模式下执行
                 if (action.$$id !== undefined) {
                     return [2 /*return*/];
                 }
                 (_b = (_a = renderer.props).onAction) === null || _b === void 0 ? void 0 : _b.call(_a, event, {
                     actionType: 'dialog',
-                    dialog: ((_c = action.args) === null || _c === void 0 ? void 0 : _c.dialog) || action.dialog,
+                    dialog: action.dialog,
                     reload: 'none'
                 }, action.data);
                 return [2 /*return*/];
@@ -75,10 +75,10 @@ var AlertAction = /** @class */ (function () {
     function AlertAction() {
     }
     AlertAction.prototype.run = function (action, renderer, event) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            return tslib.__generator(this, function (_e) {
-                (_b = (_a = event.context.env).alert) === null || _b === void 0 ? void 0 : _b.call(_a, (_c = action.args) === null || _c === void 0 ? void 0 : _c.msg, (_d = action.args) === null || _d === void 0 ? void 0 : _d.title);
+            return tslib.__generator(this, function (_j) {
+                (_b = (_a = event.context.env).alert) === null || _b === void 0 ? void 0 : _b.call(_a, (_d = tpl.filter((_c = action.dialog) === null || _c === void 0 ? void 0 : _c.msg, event.data)) !== null && _d !== void 0 ? _d : (_e = action.args) === null || _e === void 0 ? void 0 : _e.msg, (_g = tpl.filter((_f = action.dialog) === null || _f === void 0 ? void 0 : _f.title, event.data)) !== null && _g !== void 0 ? _g : (_h = action.args) === null || _h === void 0 ? void 0 : _h.title);
                 return [2 /*return*/];
             });
         });
@@ -92,25 +92,41 @@ var ConfirmAction = /** @class */ (function () {
     function ConfirmAction() {
     }
     ConfirmAction.prototype.run = function (action, renderer, event) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var content, confirmed;
-            return tslib.__generator(this, function (_d) {
-                switch (_d.label) {
+            var type, confirmed_1, confirmed;
+            return tslib.__generator(this, function (_x) {
+                switch (_x.label) {
                     case 0:
-                        content = ((_a = action.args) === null || _a === void 0 ? void 0 : _a.body)
-                            ? index.render(action.args.body)
-                            : action.args.msg;
-                        return [4 /*yield*/, ((_c = (_b = event.context.env).confirm) === null || _c === void 0 ? void 0 : _c.call(_b, content, action.args.title, {
-                                closeOnEsc: action.args.closeOnEsc,
-                                size: action.args.size,
-                                confirmText: action.args.confirmText,
-                                cancelText: action.args.cancelText,
-                                confirmBtnLevel: action.args.confirmBtnLevel,
-                                cancelBtnLevel: action.args.cancelBtnLevel
+                        type = (_b = (_a = action.dialog) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : (_c = action.args) === null || _c === void 0 ? void 0 : _c.type;
+                        if (!!type) return [3 /*break*/, 2];
+                        return [4 /*yield*/, ((_e = (_d = event.context.env).confirm) === null || _e === void 0 ? void 0 : _e.call(_d, tpl.filter((_f = action.dialog) === null || _f === void 0 ? void 0 : _f.msg, event.data) || ((_g = action.args) === null || _g === void 0 ? void 0 : _g.msg), tpl.filter((_h = action.dialog) === null || _h === void 0 ? void 0 : _h.title, event.data) || ((_j = action.args) === null || _j === void 0 ? void 0 : _j.title), {
+                                closeOnEsc: tpl.filter((_k = action.dialog) === null || _k === void 0 ? void 0 : _k.closeOnEsc, event.data) ||
+                                    ((_l = action.args) === null || _l === void 0 ? void 0 : _l.closeOnEsc),
+                                size: tpl.filter((_m = action.dialog) === null || _m === void 0 ? void 0 : _m.size, event.data) || ((_o = action.args) === null || _o === void 0 ? void 0 : _o.size),
+                                confirmText: tpl.filter((_p = action.dialog) === null || _p === void 0 ? void 0 : _p.confirmText, event.data) ||
+                                    ((_q = action.args) === null || _q === void 0 ? void 0 : _q.confirmText),
+                                cancelText: tpl.filter((_r = action.dialog) === null || _r === void 0 ? void 0 : _r.cancelText, event.data) ||
+                                    ((_s = action.args) === null || _s === void 0 ? void 0 : _s.cancelText),
+                                confirmBtnLevel: tpl.filter((_t = action.dialog) === null || _t === void 0 ? void 0 : _t.confirmBtnLevel, event.data) ||
+                                    ((_u = action.args) === null || _u === void 0 ? void 0 : _u.confirmBtnLevel),
+                                cancelBtnLevel: tpl.filter((_v = action.dialog) === null || _v === void 0 ? void 0 : _v.cancelBtnLevel, event.data) ||
+                                    ((_w = action.args) === null || _w === void 0 ? void 0 : _w.cancelBtnLevel)
                             }))];
                     case 1:
-                        confirmed = _d.sent();
+                        confirmed_1 = _x.sent();
+                        return [2 /*return*/, confirmed_1];
+                    case 2: return [4 /*yield*/, new Promise(function (resolve, reject) {
+                            var _a, _b, _c;
+                            (_b = (_a = renderer.props).onAction) === null || _b === void 0 ? void 0 : _b.call(_a, event, {
+                                actionType: 'dialog',
+                                dialog: (_c = action.dialog) !== null && _c !== void 0 ? _c : action.args,
+                                reload: 'none',
+                                callback: function (result) { return resolve(result); }
+                            }, action.data);
+                        })];
+                    case 3:
+                        confirmed = _x.sent();
                         return [2 /*return*/, confirmed];
                 }
             });

package/lib/actions/DrawerAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,12 +21,12 @@ var DrawerAction = /** @class */ (function () {
     function DrawerAction() {
     }
     DrawerAction.prototype.run = function (action, renderer, event) {
-        var _a, _b, _c;
+        var _a, _b;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            return tslib.__generator(this, function (_d) {
+            return tslib.__generator(this, function (_c) {
                 (_b = (_a = renderer.props).onAction) === null || _b === void 0 ? void 0 : _b.call(_a, event, {
                     actionType: 'drawer',
-                    drawer: ((_c = action.args) === null || _c === void 0 ? void 0 : _c.drawer) || action.drawer,
+                    drawer: action.drawer,
                     reload: 'none'
                 }, action.data);
                 return [2 /*return*/];

package/lib/actions/EmailAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/LinkAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/LoopAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/PageAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/ParallelAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/StatusAction.d.ts

@@ -0,0 +1,15 @@
+import { RendererEvent } from '../utils/renderer-event';
+import { RendererAction, ListenerAction, ListenerContext } from './Action';
+export interface IStatusAction extends ListenerAction {
+    actionType: 'static' | 'nonstatic' | 'show' | 'visibility' | 'hidden' | 'enabled' | 'disabled' | 'usability';
+}
+/**
+ * 状态更新动作
+ *
+ * @export
+ * @class StatusAction
+ * @implements {Action}
+ */
+export declare class StatusAction implements RendererAction {
+    run(action: IStatusAction, renderer: ListenerContext, event: RendererEvent<any>): Promise<void>;
+}

package/lib/actions/StatusAction.js

@@ -0,0 +1,53 @@
+/**
+ * amis-core v3.3.0
+ * Copyright 2018-2023 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var Action = require('./Action.js');
+
+/**
+ * 状态更新动作
+ *
+ * @export
+ * @class StatusAction
+ * @implements {Action}
+ */
+var StatusAction = /** @class */ (function () {
+    function StatusAction() {
+    }
+    StatusAction.prototype.run = function (action, renderer, event) {
+        var _a, _b;
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var key, visibility, usability;
+            return tslib.__generator(this, function (_c) {
+                key = action.componentId || action.componentName;
+                // 显隐&状态控制
+                if (['show', 'hidden', 'visibility'].includes(action.actionType)) {
+                    visibility = action.actionType === 'visibility'
+                        ? (_a = action.args) === null || _a === void 0 ? void 0 : _a.value
+                        : action.actionType === 'show';
+                    return [2 /*return*/, renderer.props.statusStore.setVisible(key, visibility)];
+                }
+                else if (['static', 'nonstatic'].includes(action.actionType)) {
+                    return [2 /*return*/, renderer.props.statusStore.setStatic(key, action.actionType === 'static')];
+                }
+                else if (['enabled', 'disabled', 'usability'].includes(action.actionType)) {
+                    usability = action.actionType === 'usability'
+                        ? !((_b = action.args) === null || _b === void 0 ? void 0 : _b.value)
+                        : action.actionType === 'disabled';
+                    return [2 /*return*/, renderer.props.statusStore.setDisable(key, usability)];
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    return StatusAction;
+}());
+Action.registerAction('status', new StatusAction());
+
+exports.StatusAction = StatusAction;

package/lib/actions/SwitchAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/ToastAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/actions/index.d.ts

@@ -9,6 +9,7 @@ import './ParallelAction';
 import './CustomAction';
 import './BroadcastAction';
 import './CmptAction';
+import './StatusAction';
 import './AjaxAction';
 import './CopyAction';
 import './DialogAction';

package/lib/components/CustomStyle.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/LazyComponent.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,11 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var VisibilitySensor__default = /*#__PURE__*/_interopDefaultLegacy(VisibilitySensor);
 
-/**
- * @file LazyComponent
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var LazyComponent = /** @class */ (function (_super) {
     tslib.__extends(LazyComponent, _super);
     function LazyComponent(props) {
@@ -63,7 +61,7 @@ var LazyComponent = /** @class */ (function (_super) {
             .catch(function (reason) {
             return _this.mounted &&
                 _this.setState({
-                    component: function () { return (React__default["default"].createElement("div", { className: "alert alert-danger" }, String(reason))); }
+                    component: function () { return (_J$X_("div", { className: "alert alert-danger" }, String(reason))); }
                 });
         });
     };
@@ -72,24 +70,24 @@ var LazyComponent = /** @class */ (function (_super) {
         var _b = this.state, visible = _b.visible, Component = _b.component;
         // 需要监听从可见到不可见。
         if (unMountOnHidden) {
-            return (React__default["default"].createElement(VisibilitySensor__default["default"], tslib.__assign({}, visiblilityProps, { partialVisibility: partialVisibility, onChange: this.handleVisibleChange }),
-                React__default["default"].createElement("div", { className: "visibility-sensor" }, Component && visible ? (React__default["default"].createElement(Component, tslib.__assign({}, rest, childProps))) : children && visible ? (children) : (placeholder))));
+            return (_J$X_(VisibilitySensor__default["default"], tslib.__assign({}, visiblilityProps, { partialVisibility: partialVisibility, onChange: this.handleVisibleChange }),
+                _J$X_("div", { className: "visibility-sensor" }, Component && visible ? (_J$X_(Component, tslib.__assign({}, rest, childProps))) : children && visible ? (children) : (placeholder))));
         }
         if (!visible) {
-            return (React__default["default"].createElement(VisibilitySensor__default["default"], tslib.__assign({}, visiblilityProps, { partialVisibility: partialVisibility, onChange: this.handleVisibleChange }),
-                React__default["default"].createElement("div", { className: "visibility-sensor" }, placeholder)));
+            return (_J$X_(VisibilitySensor__default["default"], tslib.__assign({}, visiblilityProps, { partialVisibility: partialVisibility, onChange: this.handleVisibleChange }),
+                _J$X_("div", { className: "visibility-sensor" }, placeholder)));
         }
         else if (Component) {
             // 只监听不可见到可见，一旦可见了，就销毁检查。
-            return React__default["default"].createElement(Component, tslib.__assign({}, rest, childProps));
+            return _J$X_(Component, tslib.__assign({}, rest, childProps));
         }
         else if (children) {
             return children;
         }
-        return React__default["default"].createElement("div", null, placeholder);
+        return _J$X_("div", null, placeholder);
     };
     LazyComponent.defaultProps = {
-        placeholder: React__default["default"].createElement("span", null, "Loading..."),
+        placeholder: _J$X_("span", null, "Loading..."),
         unMountOnHidden: false,
         partialVisibility: true
     };

package/lib/components/Overlay.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -14,7 +14,7 @@ var ReactDOM = require('react-dom');
 var React = require('react');
 require('../utils/api.js');
 require('../utils/ColorScale.js');
-require('lodash/chunk');
+require('../utils/columnsSplit.js');
 require('amis-formula');
 require('lodash/isPlainObject');
 require('../utils/DataSchema.js');
@@ -29,8 +29,10 @@ require('../utils/filter.js');
 require('lodash/isObject');
 require('lodash/isString');
 require('lodash/isBoolean');
-require('lodash');
+require('../utils/highlight.js');
+require('../utils/icon.js');
 require('../utils/image.js');
+require('lodash/isEqual');
 require('../actions/Action.js');
 require('lodash/debounce');
 require('lodash/cloneDeep');
@@ -43,6 +45,7 @@ require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');
 require('../utils/resolveCondition.js');
+require('mobx');
 require('../utils/Animation.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52,11 +55,9 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/**
- * @file Overlay
- * @description
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function onScroll(elem, callback) {
     var handler = function () {
         requestAnimationFrame(callback);
@@ -215,7 +216,7 @@ var Overlay = /** @class */ (function (_super) {
         // which the other wrappers don't forward correctly.
         child = (
         // @ts-ignore
-        React__default["default"].createElement(Position, tslib.__assign({}, {
+        _J$X_(Position, tslib.__assign({}, {
             container: container,
             containerPadding: containerPadding,
             target: target,
@@ -227,24 +228,24 @@ var Overlay = /** @class */ (function (_super) {
             var onExit = props.onExit, onExiting = props.onExiting, onEnter = props.onEnter, onEntering = props.onEntering, onEntered = props.onEntered;
             // This animates the child node by injecting props, so it must precede
             // anything that adds a wrapping div.
-            child = (React__default["default"].createElement(Transition, { in: props.show, appear: true, onExit: onExit, onExiting: onExiting, onExited: this.onHiddenListener, onEnter: onEnter, onEntering: onEntering, onEntered: onEntered }, child));
+            child = (_J$X_(Transition, { in: props.show, appear: true, onExit: onExit, onExiting: onExiting, onExited: this.onHiddenListener, onEnter: onEnter, onEntering: onEntering, onEntered: onEntered }, child));
         }
         // This goes after everything else because it adds a wrapping div.
         if (rootClose) {
             return (
             // @ts-ignore
-            React__default["default"].createElement(Portal__default["default"], { container: container },
-                React__default["default"].createElement(RootClose.RootClose, { onRootClose: props.onHide }, function (ref) {
+            _J$X_(Portal__default["default"], { container: container },
+                _J$X_(RootClose.RootClose, { onRootClose: props.onHide }, function (ref) {
                     if (React__default["default"].isValidElement(child)) {
                         return React__default["default"].cloneElement(child, {
                             ref: ref
                         });
                     }
-                    return React__default["default"].createElement("div", { ref: ref }, child);
+                    return _J$X_("div", { ref: ref }, child);
                 })));
         }
         // @ts-ignore
-        return React__default["default"].createElement(Portal__default["default"], { container: container }, child);
+        return _J$X_(Portal__default["default"], { container: container }, child);
     };
     Overlay.defaultProps = {
         placement: 'auto'