amis-core 3.4.0 → 3.4.2

package/esm/utils/tpl.js

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

package/esm/utils/uncontrollable.js

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

package/esm/utils/validations.js

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

package/lib/Root.js

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

package/lib/RootRenderer.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -42,7 +42,7 @@ var RootRenderer = /** @class */ (function (_super) {
             storeType: root.RootStore.name,
             parentId: ''
         });
-        _this.store.setContext(props.context);
+        _this.store.updateContext(props.context);
         _this.store.initData(props.data);
         _this.store.updateLocation(props.location, (_a = _this.props.env) === null || _a === void 0 ? void 0 : _a.parseLocation);
         // 将数据里面的函数批量的绑定到 this 上
@@ -68,7 +68,7 @@ var RootRenderer = /** @class */ (function (_super) {
             this.store.updateLocation(props.location);
         }
         if (props.context !== prevProps.context) {
-            this.store.setContext(props.context);
+            this.store.updateContext(props.context);
         }
     };
     RootRenderer.prototype.componentDidCatch = function (error, errorInfo) {
@@ -141,9 +141,9 @@ var RootRenderer = /** @class */ (function (_super) {
         else if (action.actionType === 'toast') {
             (_b = (_a = action.toast) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.forEach(function (item) {
                 env.notify(item.level || 'info', item.body
-                    ? render('body', item.body, tslib.__assign(tslib.__assign({}, _this.props), { data: ctx }))
+                    ? render('body', item.body, tslib.__assign(tslib.__assign({}, _this.props), { data: ctx, context: store.context }))
                     : '', tslib.__assign(tslib.__assign(tslib.__assign({}, action.toast), item), { title: item.title
-                        ? render('title', item.title, tslib.__assign(tslib.__assign({}, _this.props), { data: ctx }))
+                        ? render('title', item.title, tslib.__assign(tslib.__assign({}, _this.props), { data: ctx, context: store.context }))
                         : null, mobileUI: mobileUI }));
             });
         }
@@ -310,13 +310,13 @@ var RootRenderer = /** @class */ (function (_super) {
         var _a = this.props, render = _a.render, rest = tslib.__rest(_a, ["render"]);
         var store = this.store;
         return render('dialog', tslib.__assign(tslib.__assign({}, (store.action &&
-            store.action.dialog)), { type: 'dialog' }), tslib.__assign(tslib.__assign({}, rest), { key: 'dialog', topStore: this.store, data: store.dialogData, onConfirm: this.handleDialogConfirm, onClose: this.handleDialogClose, show: store.dialogOpen, onAction: this.handleAction }));
+            store.action.dialog)), { type: 'dialog' }), tslib.__assign(tslib.__assign({}, rest), { key: 'dialog', topStore: this.store, data: store.dialogData, context: store.context, onConfirm: this.handleDialogConfirm, onClose: this.handleDialogClose, show: store.dialogOpen, onAction: this.handleAction }));
     };
     RootRenderer.prototype.renderDrawer = function () {
         var _a = this.props, render = _a.render, rest = tslib.__rest(_a, ["render"]);
         var store = this.store;
         return render('drawer', tslib.__assign(tslib.__assign({}, (store.action &&
-            store.action.drawer)), { type: 'drawer' }), tslib.__assign(tslib.__assign({}, rest), { key: 'drawer', topStore: this.store, data: store.drawerData, onConfirm: this.handleDrawerConfirm, onClose: this.handleDrawerClose, show: store.drawerOpen, onAction: this.handleAction }));
+            store.action.drawer)), { type: 'drawer' }), tslib.__assign(tslib.__assign({}, rest), { key: 'drawer', topStore: this.store, data: store.drawerData, context: store.context, onConfirm: this.handleDrawerConfirm, onClose: this.handleDrawerClose, show: store.drawerOpen, onAction: this.handleAction }));
     };
     RootRenderer.prototype.render = function () {
         var _a = this.props, pathPrefix = _a.pathPrefix, schema = _a.schema, render = _a.render, rest = tslib.__rest(_a, ["pathPrefix", "schema", "render"]);
@@ -325,7 +325,7 @@ var RootRenderer = /** @class */ (function (_super) {
             this.renderRuntimeError();
         }
         return (_J$X_(React__default["default"].Fragment, null,
-            render(pathPrefix, schema, tslib.__assign(tslib.__assign({}, rest), { topStore: this.store, data: this.store.downStream, onAction: this.handleAction })),
+            render(pathPrefix, schema, tslib.__assign(tslib.__assign({}, rest), { topStore: this.store, data: this.store.downStream, context: store.context, onAction: this.handleAction })),
             this.renderSpinner(),
             this.renderError(),
             this.renderDialog(),

package/lib/SchemaRenderer.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -70,7 +70,8 @@ var RENDERER_TRANSMISSION_OMIT_PROPS = [
     'label',
     'renderLabel',
     'trackExpression',
-    'editorSetting'
+    'editorSetting',
+    'updatePristineAfterStoreDataReInit'
 ];
 var componentCache = new SimpleMap.SimpleMap();
 var SchemaRenderer = /** @class */ (function (_super) {
@@ -312,16 +313,14 @@ var SchemaRenderer = /** @class */ (function (_super) {
         if (renderer.storeType) {
             exprProps = {};
         }
-        // style 支持公式
-        if (schema.style) {
-            // schema.style是readonly属性
-            schema = tslib.__assign(tslib.__assign({}, schema), { style: style.buildStyle(schema.style, detectData) });
-        }
         var isClassComponent = (_e = Component.prototype) === null || _e === void 0 ? void 0 : _e.isReactComponent;
-        var $schema = tslib.__assign(tslib.__assign({}, schema), exprProps);
         var props = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, theme.getRendererConfig(renderer.name)), restSchema), helper.chainEvents(rest, restSchema)), exprProps), { 
             // value: defaultValue, // 备注: 此处并没有将value传递给渲染器
-            defaultData: (_f = restSchema.defaultData) !== null && _f !== void 0 ? _f : defaultData, defaultValue: (_g = restSchema.defaultValue) !== null && _g !== void 0 ? _g : defaultValue, defaultActiveKey: defaultActiveKey, propKey: propKey, $path: $path, $schema: $schema, ref: this.refFn, render: this.renderChild, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent, mobileUI: schema.useMobileUI === false ? false : rest.mobileUI });
+            defaultData: (_f = restSchema.defaultData) !== null && _f !== void 0 ? _f : defaultData, defaultValue: (_g = restSchema.defaultValue) !== null && _g !== void 0 ? _g : defaultValue, defaultActiveKey: defaultActiveKey, propKey: propKey, $path: $path, $schema: schema, ref: this.refFn, render: this.renderChild, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent, mobileUI: schema.useMobileUI === false ? false : rest.mobileUI });
+        // style 支持公式
+        if (schema.style) {
+            props.style = style.buildStyle(schema.style, detectData);
+        }
         if (disable !== undefined) {
             props.disabled = disable;
         }
@@ -331,7 +330,7 @@ var SchemaRenderer = /** @class */ (function (_super) {
         // 自动解析变量模式，主要是方便直接引入第三方组件库，无需为了支持变量封装一层
         if (renderer.autoVar) {
             try {
-                for (var _k = tslib.__values(Object.keys($schema)), _l = _k.next(); !_l.done; _l = _k.next()) {
+                for (var _k = tslib.__values(Object.keys(schema)), _l = _k.next(); !_l.done; _l = _k.next()) {
                     var key = _l.value;
                     if (typeof props[key] === 'string') {
                         props[key] = resolveVariableAndFilter.resolveVariableAndFilter(props[key], props.data, '| raw');
@@ -362,12 +361,17 @@ var SchemaRenderer = /** @class */ (function (_super) {
 var PlaceholderComponent = /** @class */ (function (_super) {
     tslib.__extends(PlaceholderComponent, _super);
     function PlaceholderComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.childRef = React__default["default"].createRef();
+        return _this;
     }
+    PlaceholderComponent.prototype.getWrappedInstance = function () {
+        return this.childRef.current;
+    };
     PlaceholderComponent.prototype.render = function () {
         var _a = this.props, renderChildren = _a.renderChildren, rest = tslib.__rest(_a, ["renderChildren"]);
         if (typeof renderChildren === 'function') {
-            return renderChildren(rest);
+            return renderChildren(tslib.__assign(tslib.__assign({}, rest), { ref: this.childRef }));
         }
         return null;
     };

package/lib/Scoped.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -46,6 +46,8 @@ require('react-dom');
 require('./utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+require('lodash/map');
+require('lodash/isEmpty');
 require('uncontrollable');
 require('./utils/validations.js');
 require('./utils/resolveCondition.js');

package/lib/StatusScoped.js

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

package/lib/WithRootStore.js

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

package/lib/WithStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -120,7 +120,7 @@ function HocStoreFactory(renderer) {
                                 (props.data &&
                                     prevProps.data &&
                                     props.data.__super !== prevProps.data.__super))) {
-                        store.initData(object.extendObject(props.data, tslib.__assign(tslib.__assign(tslib.__assign({}, (store.hasRemoteData ? store.data : null)), this.formatData(props.defaultData)), this.formatData(props.data))));
+                        store.initData(object.extendObject(props.data, tslib.__assign(tslib.__assign(tslib.__assign({}, (store.hasRemoteData ? store.data : null)), this.formatData(props.defaultData)), this.formatData(props.data))), props.updatePristineAfterStoreDataReInit === false);
                     }
                 }
                 else if (shouldSync === true ||
@@ -132,14 +132,14 @@ function HocStoreFactory(renderer) {
                                 helper.isSuperDataModified(props.data, prevProps.data, store)))) {
                     if (props.store && props.store.data === props.data) {
                         store.initData(object.createObject(props.store.data, props.syncSuperStore === false
-                            ? tslib.__assign({}, store.data) : helper.syncDataFromSuper(store.data, props.store.data, prevProps.scope, store, props.syncSuperStore === true)));
+                            ? tslib.__assign({}, store.data) : helper.syncDataFromSuper(store.data, props.store.data, prevProps.scope, store, props.syncSuperStore === true)), props.updatePristineAfterStoreDataReInit === false);
                     }
                     else if (props.data && props.data.__super) {
                         store.initData(object.extendObject(props.data, store.hasRemoteData || store.path === 'page'
-                            ? tslib.__assign(tslib.__assign({}, store.data), props.data) : undefined));
+                            ? tslib.__assign(tslib.__assign({}, store.data), props.data) : helper.syncDataFromSuper(props.data, props.data.__super, prevProps.data.__super, store, false)), props.updatePristineAfterStoreDataReInit === false);
                     }
                     else {
-                        store.initData(object.createObject(props.scope, props.data));
+                        store.initData(object.createObject(props.scope, props.data), props.updatePristineAfterStoreDataReInit === false);
                     }
                 }
                 else if (!props.trackExpression &&
@@ -149,8 +149,9 @@ function HocStoreFactory(renderer) {
                     // 这个用法很少，当 data.__super 值发生变化时，更新 store.data
                     if (!prevProps.data ||
                         helper.isObjectShallowModified(props.data.__super, prevProps.data.__super, false)) {
-                        store.initData(object.createObject(props.data.__super, tslib.__assign(tslib.__assign({}, props.data), store.data)), store.storeType === 'FormStore' &&
-                            ((_b = prevProps.store) === null || _b === void 0 ? void 0 : _b.storeType) === 'CRUDStore');
+                        store.initData(object.createObject(props.data.__super, tslib.__assign(tslib.__assign({}, props.data), store.data)), props.updatePristineAfterStoreDataReInit === false ||
+                            (store.storeType === 'FormStore' &&
+                                ((_b = prevProps.store) === null || _b === void 0 ? void 0 : _b.storeType) === 'CRUDStore'));
                     }
                     // nextProps.data.__super !== props.data.__super) &&
                 }
@@ -160,7 +161,7 @@ function HocStoreFactory(renderer) {
                     prevProps.data !== props.data) {
                     // 只有父级数据变动的时候才应该进来，
                     // 目前看来这个 case 很少有情况下能进来
-                    store.initData(object.createObject(props.scope, tslib.__assign({}, store.data)));
+                    store.initData(object.createObject(props.scope, tslib.__assign({}, store.data)), props.updatePristineAfterStoreDataReInit === false);
                 }
             };
             StoreFactory.prototype.componentWillUnmount = function () {

package/lib/actions/Action.js

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

package/lib/actions/AjaxAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -46,7 +46,7 @@ var AjaxAction = /** @class */ (function () {
                             }
                         }
                         env = event.context.env;
-                        silent = (_b = action === null || action === void 0 ? void 0 : action.options) === null || _b === void 0 ? void 0 : _b.silent;
+                        silent = ((_b = action === null || action === void 0 ? void 0 : action.options) === null || _b === void 0 ? void 0 : _b.silent) || (action === null || action === void 0 ? void 0 : action.api).silent;
                         messages = (_c = action === null || action === void 0 ? void 0 : action.api) === null || _c === void 0 ? void 0 : _c.messages;
                         api$1 = api.normalizeApi(action.api);
                         // 如果没配置data数据映射，则给一个空对象，避免将当前数据域作为接口请求参数

package/lib/actions/BreakAction.js

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

package/lib/actions/BroadcastAction.js

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

package/lib/actions/CmptAction.js

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

package/lib/actions/ContinueAction.js

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

package/lib/actions/CopyAction.js

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

package/lib/actions/CustomAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -40,6 +40,8 @@ require('react-dom');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+require('lodash/map');
+require('lodash/isEmpty');
 require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');

package/lib/actions/DialogAction.js

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

package/lib/actions/DrawerAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -24,6 +24,10 @@ var DrawerAction = /** @class */ (function () {
         var _a, _b;
         return tslib.__awaiter(this, void 0, void 0, function () {
             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: 'drawer',
                     drawer: action.drawer,

package/lib/actions/EmailAction.js

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

package/lib/actions/LinkAction.js

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

package/lib/actions/LoopAction.js

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

package/lib/actions/PageAction.js

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

package/lib/actions/ParallelAction.js

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

package/lib/actions/StatusAction.js

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

package/lib/actions/SwitchAction.js

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

package/lib/actions/ToastAction.js

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

package/lib/components/CustomStyle.d.ts

@@ -1,13 +1,12 @@
 import type { RendererEnv } from '../env';
-import type { CustomStyleClassName } from '../utils/style-helper';
+import { type InsertCustomStyle } from '../utils/style-helper';
 interface CustomStyleProps {
     config: {
-        themeCss: any;
-        classNames: CustomStyleClassName[];
-        id?: string;
-        defaultData?: any;
-    };
+        wrapperCustomStyle?: any;
+        componentId?: string;
+    } & InsertCustomStyle;
     env: RendererEnv;
 }
+export declare const styleIdCount: Map<any, any>;
 export default function (props: CustomStyleProps): null;
 export {};

package/lib/components/CustomStyle.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -10,13 +10,55 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var styleHelper = require('../utils/style-helper.js');
 
+var styleIdCount = new Map();
 function CustomStyle (props) {
-    var _a = props.config, themeCss = _a.themeCss, classNames = _a.classNames, id = _a.id, defaultData = _a.defaultData;
+    var config = props.config, env = props.env;
+    var themeCss = config.themeCss, classNames = config.classNames, id = config.id, defaultData = config.defaultData, wrapperCustomStyle = config.wrapperCustomStyle;
+    if (!themeCss && !wrapperCustomStyle) {
+        return null;
+    }
+    React.useEffect(function () {
+        if (styleIdCount.has(id)) {
+            styleIdCount.set(id, styleIdCount.get(id) + 1);
+        }
+        else if (id) {
+            styleIdCount.set(id, 1);
+        }
+        return function () {
+            if (styleIdCount.has(id)) {
+                styleIdCount.set(id, styleIdCount.get(id) - 1);
+                if (styleIdCount.get(id) === 0) {
+                    styleIdCount.delete(id);
+                }
+            }
+        };
+    }, [id]);
+    React.useEffect(function () {
+        var _a;
+        if (themeCss && id) {
+            styleHelper.insertCustomStyle(themeCss, classNames, id, defaultData, env === null || env === void 0 ? void 0 : env.customStyleClassPrefix, (_a = env.getModalContainer) === null || _a === void 0 ? void 0 : _a.call(env).ownerDocument);
+        }
+        return function () {
+            var _a;
+            if (id && !styleIdCount.get(id)) {
+                styleHelper.removeCustomStyle('', id, (_a = env.getModalContainer) === null || _a === void 0 ? void 0 : _a.call(env).ownerDocument);
+            }
+        };
+    }, [themeCss, id]);
     React.useEffect(function () {
         var _a;
-        styleHelper.insertCustomStyle(themeCss, classNames, id, defaultData, (_a = props.env) === null || _a === void 0 ? void 0 : _a.customStyleClassPrefix);
-    }, [props.config.themeCss]);
+        if (wrapperCustomStyle && id) {
+            styleHelper.insertEditCustomStyle(wrapperCustomStyle, id, (_a = env.getModalContainer) === null || _a === void 0 ? void 0 : _a.call(env).ownerDocument);
+        }
+        return function () {
+            var _a;
+            if (id && !styleIdCount.get(id)) {
+                styleHelper.removeCustomStyle('wrapperCustomStyle', id, (_a = env.getModalContainer) === null || _a === void 0 ? void 0 : _a.call(env).ownerDocument);
+            }
+        };
+    }, [wrapperCustomStyle, id]);
     return null;
 }
 
 exports["default"] = CustomStyle;
+exports.styleIdCount = styleIdCount;

package/lib/components/LazyComponent.d.ts

@@ -10,7 +10,6 @@ export interface LazyComponentProps {
     placeholder?: React.ReactNode;
     unMountOnHidden?: boolean;
     childProps?: object;
-    visiblilityProps?: object;
     [propName: string]: any;
 }
 export interface LazyComponentState {
@@ -27,6 +26,6 @@ export default class LazyComponent extends React.Component<LazyComponentProps, L
     constructor(props: LazyComponentProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
-    handleVisibleChange(visible: boolean): void;
+    handleVisibleChange(visible: boolean, entry?: any): void;
     render(): React.ReactNode;
 }

package/lib/components/LazyComponent.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -9,12 +9,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
 var React = require('react');
-var VisibilitySensor = require('react-visibility-sensor');
+var reactIntersectionObserver = require('react-intersection-observer');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var VisibilitySensor__default = /*#__PURE__*/_interopDefaultLegacy(VisibilitySensor);
 
 var __react_jsx__ = require('react');
 var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
@@ -41,7 +40,7 @@ var LazyComponent = /** @class */ (function (_super) {
     LazyComponent.prototype.componentWillUnmount = function () {
         this.mounted = false;
     };
-    LazyComponent.prototype.handleVisibleChange = function (visible) {
+    LazyComponent.prototype.handleVisibleChange = function (visible, entry) {
         var _this = this;
         this.setState({
             visible: visible
@@ -66,16 +65,20 @@ var LazyComponent = /** @class */ (function (_super) {
         });
     };
     LazyComponent.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, unMountOnHidden = _a.unMountOnHidden, childProps = _a.childProps, visiblilityProps = _a.visiblilityProps, partialVisibility = _a.partialVisibility, children = _a.children, rest = tslib.__rest(_a, ["placeholder", "unMountOnHidden", "childProps", "visiblilityProps", "partialVisibility", "children"]);
+        var _a = this.props, placeholder = _a.placeholder, unMountOnHidden = _a.unMountOnHidden, childProps = _a.childProps, partialVisibility = _a.partialVisibility, children = _a.children, rest = tslib.__rest(_a, ["placeholder", "unMountOnHidden", "childProps", "partialVisibility", "children"]);
         var _b = this.state, visible = _b.visible, Component = _b.component;
         // 需要监听从可见到不可见。
         if (unMountOnHidden) {
-            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))));
+            return (_J$X_(reactIntersectionObserver.InView, { onChange: this.handleVisibleChange, threshold: partialVisibility ? 0 : 1 }, function (_a) {
+                var ref = _a.ref;
+                return (_J$X_("div", { ref: ref, className: "visibility-sensor ".concat(visible ? 'in' : '') }, Component && visible ? (_J$X_(Component, tslib.__assign({}, rest, childProps))) : children && visible ? (children) : (placeholder)));
+            }));
         }
         if (!visible) {
-            return (_J$X_(VisibilitySensor__default["default"], tslib.__assign({}, visiblilityProps, { partialVisibility: partialVisibility, onChange: this.handleVisibleChange }),
-                _J$X_("div", { className: "visibility-sensor" }, placeholder)));
+            return (_J$X_(reactIntersectionObserver.InView, { onChange: this.handleVisibleChange, threshold: partialVisibility ? 0 : 1 }, function (_a) {
+                var ref = _a.ref;
+                return (_J$X_("div", { ref: ref, className: "visibility-sensor" }, placeholder));
+            }));
         }
         else if (Component) {
             // 只监听不可见到可见，一旦可见了，就销毁检查。

package/lib/components/Overlay.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.4.0
+ * amis-core v3.4.2
  * Copyright 2018-2023 fex
  */
 
@@ -41,6 +41,8 @@ var RootClose = require('../utils/RootClose.js');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
+require('lodash/map');
+require('lodash/isEmpty');
 require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');