amis-core 6.8.0 → 6.9.0-rc.1

package/esm/Root.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/RootRenderer.d.ts

@@ -30,5 +30,5 @@ export declare class RootRenderer extends React.Component<RootRendererProps> {
     renderError(): React.ReactNode;
     renderDialog(): React.ReactNode;
     renderDrawer(): React.ReactNode;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }

package/esm/RootRenderer.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 
@@ -8,7 +8,7 @@ import { observer } from 'mobx-react';
 import React from 'react';
 import { filterTarget, ScopedContext } from './Scoped.js';
 import { RootStore } from './store/root.js';
-import { guid, bulkBindFunctions, isVisible } from './utils/helper.js';
+import { guid, bulkBindFunctions, JSONTraverse, isVisible } from './utils/helper.js';
 import { filter } from './utils/tpl.js';
 import qs from 'qs';
 import pick from 'lodash/pick';
@@ -16,6 +16,8 @@ import mapValues from 'lodash/mapValues';
 import { saveAs } from 'file-saver';
 import { normalizeApi } from './utils/api.js';
 import { findDOMNode } from 'react-dom';
+import themedLazyComponent from './components/LazyComponent.js';
+import { hasAsyncRenderers, loadAsyncRenderersByType } from './factory.js';
 
 var RootRenderer = /** @class */ (function (_super) {
     __extends(RootRenderer, _super);
@@ -41,6 +43,23 @@ var RootRenderer = /** @class */ (function (_super) {
             'handleDrawerClose',
             'handlePageVisibilityChange'
         ]);
+        _this.store.init(function () {
+            if (!hasAsyncRenderers()) {
+                return;
+            }
+            var schema = props.schema;
+            var types = ['tpl', 'dialog', 'drawer'];
+            JSONTraverse(schema, function (value, key) {
+                if (key === 'type') {
+                    types.push(value);
+                    // form 依赖 panel
+                    if (value === 'form') {
+                        types.push('panel');
+                    }
+                }
+            });
+            return loadAsyncRenderersByType(types, true);
+        });
         return _this;
     }
     RootRenderer.prototype.componentDidMount = function () {
@@ -339,6 +358,9 @@ var RootRenderer = /** @class */ (function (_super) {
         if (store.runtimeError) {
             return this.renderRuntimeError();
         }
+        else if (!store.ready) {
+            return React.createElement(themedLazyComponent, { className: "RootLoader" });
+        }
         return (React.createElement(React.Fragment, null,
             render(pathPrefix, schema, __assign(__assign({}, rest), { topStore: this.store, data: this.store.downStream, context: store.context, onAction: this.handleAction })),
             this.renderSpinner(),

package/esm/SchemaRenderer.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 
@@ -8,8 +8,8 @@ import difference from 'lodash/difference';
 import omit from 'lodash/omit';
 import React from 'react';
 import { isValidElementType } from 'react-is';
-import LazyComponent from './components/LazyComponent.js';
-import { resolveRenderer, loadRenderer, filterSchema } from './factory.js';
+import themedLazyComponent from './components/LazyComponent.js';
+import { resolveRenderer, loadRendererError, loadAsyncRenderer, filterSchema } from './factory.js';
 import { asFormItem } from './renderers/Item.js';
 import { ScopedContext } from './Scoped.js';
 import { DebugWrapper } from './utils/debug.js';
@@ -205,7 +205,7 @@ var SchemaRenderer = /** @class */ (function (_super) {
         var omitList = RENDERER_TRANSMISSION_OMIT_PROPS.concat();
         if (this.renderer) {
             var Component = this.renderer.component;
-            Component.propsList &&
+            (Component === null || Component === void 0 ? void 0 : Component.propsList) &&
                 omitList.push.apply(omitList, Component.propsList);
         }
         return render("".concat($path).concat(region ? "/".concat(region) : ''), node || '', __assign(__assign(__assign(__assign({}, omit(rest, omitList)), { defaultStatic: (_c = (_b = (((_a = this.renderer) === null || _a === void 0 ? void 0 : _a.type) &&
@@ -222,12 +222,12 @@ var SchemaRenderer = /** @class */ (function (_super) {
     SchemaRenderer.prototype.render = function () {
         var e_1, _a;
         var _this = this;
-        var _b, _c, _d, _e, _f, _g;
-        var _h = this.props; _h.$path; var __ = _h.schema, rootStore = _h.rootStore, statusStore = _h.statusStore, render = _h.render, propKey = _h.key, rest = __rest(_h, ["$path", "schema", "rootStore", "statusStore", "render", "key"]);
+        var _b, _c, _d, _e, _f, _g, _h;
+        var _j = this.props; _j.$path; var __ = _j.schema, rootStore = _j.rootStore, statusStore = _j.statusStore, render = _j.render, propKey = _j.key, rest = __rest(_j, ["$path", "schema", "rootStore", "statusStore", "render", "key"]);
         if (__ == null) {
             return null;
         }
-        var _j = this.resolveRenderer(this.props), $path = _j.path, schema = _j.schema;
+        var _k = this.resolveRenderer(this.props), $path = _k.path, schema = _k.schema;
         var theme = this.props.env.theme;
         if (Array.isArray(schema)) {
             return render($path, schema, rest);
@@ -284,7 +284,7 @@ var SchemaRenderer = /** @class */ (function (_super) {
             return null;
         }
         else if (!this.renderer) {
-            return rest.invisible ? null : (React.createElement(LazyComponent, __assign({}, rest, exprProps, { getComponent: function () { return __awaiter(_this, void 0, void 0, function () {
+            return rest.invisible ? null : (React.createElement(themedLazyComponent, { defaultVisible: true, getComponent: function () { return __awaiter(_this, void 0, void 0, function () {
                     var result;
                     return __generator(this, function (_a) {
                         switch (_a.label) {
@@ -298,10 +298,24 @@ var SchemaRenderer = /** @class */ (function (_super) {
                                     return [2 /*return*/, function () { return result; }];
                                 }
                                 this.reRender();
-                                return [2 /*return*/, function () { return loadRenderer(schema, $path); }];
+                                return [2 /*return*/, function () { return loadRendererError(schema, $path); }];
                         }
                     });
-                }); }, "$path": $path, "$schema": schema, retry: this.reRender, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent })));
+                }); } }));
+        }
+        else if (this.renderer.getComponent && !this.renderer.component) {
+            // 处理异步渲染器
+            return rest.invisible ? null : (React.createElement(themedLazyComponent, { defaultVisible: true, getComponent: function () { return __awaiter(_this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, loadAsyncRenderer(this.renderer)];
+                            case 1:
+                                _a.sent();
+                                this.reRender();
+                                return [2 /*return*/, function () { return null; }];
+                        }
+                    });
+                }); } }));
         }
         var renderer = this.renderer;
         schema = filterSchema(schema, renderer, rest);
@@ -325,9 +339,9 @@ var SchemaRenderer = /** @class */ (function (_super) {
         }
         var supportRef = ((_e = Component.prototype) === null || _e === void 0 ? void 0 : _e.isReactComponent) ||
             Component.$$typeof === Symbol.for('react.forward_ref');
-        var props = __assign(__assign(__assign(__assign(__assign({}, theme.getRendererConfig(renderer.name)), restSchema), chainEvents(rest, restSchema)), exprProps), { 
+        var props = __assign(__assign(__assign(__assign(__assign(__assign({}, (_f = renderer.defaultProps) === null || _f === void 0 ? void 0 : _f.call(renderer, schema.type, schema)), theme.getRendererConfig(renderer.name)), restSchema), 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, render: this.renderChild, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent, mobileUI: schema.useMobileUI === false ? false : rest.mobileUI });
+            defaultData: (_g = restSchema.defaultData) !== null && _g !== void 0 ? _g : defaultData, defaultValue: (_h = restSchema.defaultValue) !== null && _h !== void 0 ? _h : defaultValue, defaultActiveKey: defaultActiveKey, propKey: propKey, $path: $path, $schema: schema, render: this.renderChild, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent, mobileUI: schema.useMobileUI === false ? false : rest.mobileUI });
         // style 支持公式
         if (schema.style) {
             props.style = buildStyle(schema.style, detectData);
@@ -350,8 +364,8 @@ var SchemaRenderer = /** @class */ (function (_super) {
         // 自动解析变量模式，主要是方便直接引入第三方组件库，无需为了支持变量封装一层
         if (renderer.autoVar) {
             try {
-                for (var _k = __values(Object.keys(schema)), _l = _k.next(); !_l.done; _l = _k.next()) {
-                    var key = _l.value;
+                for (var _l = __values(Object.keys(schema)), _m = _l.next(); !_m.done; _m = _l.next()) {
+                    var key = _m.value;
                     if (typeof props[key] === 'string' && isExpression(props[key])) {
                         props[key] = resolveVariableAndFilter(props[key], props.data, '| raw');
                     }
@@ -360,7 +374,7 @@ var SchemaRenderer = /** @class */ (function (_super) {
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_l && !_l.done && (_a = _k.return)) _a.call(_k);
+                    if (_m && !_m.done && (_a = _l.return)) _a.call(_l);
                 }
                 finally { if (e_1) throw e_1.error; }
             }

package/esm/Scoped.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/StatusScoped.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/WithRootStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/WithStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 
@@ -97,7 +97,7 @@ function HocStoreFactory(renderer) {
             };
             StoreFactory.prototype.componentDidUpdate = function (prevProps) {
                 var _this = this;
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
                 var props = this.props;
                 var store = this.store;
                 // dialog 场景下 schema 是显示的时候更新的，
@@ -131,7 +131,7 @@ function HocStoreFactory(renderer) {
                                 (props.data &&
                                     prevProps.data &&
                                     props.data.__super !== prevProps.data.__super))) {
-                        store.initData(extendObject(props.data, __assign(__assign(__assign(__assign({}, this.formatData(dataMapping(this.props.defaultData, this.props.data, ignoreSchemaProps))), (store.hasRemoteData ? store.data : null)), this.formatData(props.defaultData)), this.formatData(props.data))), ((_c = props.updatePristineAfterStoreDataReInit) !== null && _c !== void 0 ? _c : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false);
+                        store.initData(extendObject(props.data, __assign(__assign(__assign(__assign({}, this.formatData(dataMapping(this.props.defaultData, this.props.data, ignoreSchemaProps))), (store.hasRemoteData ? store.data : null)), this.formatData(props.defaultData)), this.formatData(props.data))), ((_c = props.updatePristineAfterStoreDataReInit) !== null && _c !== void 0 ? _c : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false, (_d = props.data) === null || _d === void 0 ? void 0 : _d.__changeReason);
                     }
                 }
                 else if (shouldSync === true ||
@@ -143,7 +143,7 @@ function HocStoreFactory(renderer) {
                                 isSuperDataModified(props.data, prevProps.data, store)))) {
                     if (props.store && props.scope === props.data) {
                         store.initData(createObject(props.store.data, __assign(__assign({}, this.formatData(dataMapping(this.props.defaultData, this.props.data, ignoreSchemaProps))), (props.syncSuperStore === false
-                            ? __assign({}, store.data) : syncDataFromSuper(store.data, props.store.data, prevProps.scope, store, props.syncSuperStore === true)))), ((_d = props.updatePristineAfterStoreDataReInit) !== null && _d !== void 0 ? _d : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false);
+                            ? __assign({}, store.data) : syncDataFromSuper(store.data, props.store.data, prevProps.scope, store, props.syncSuperStore === true)))), ((_e = props.updatePristineAfterStoreDataReInit) !== null && _e !== void 0 ? _e : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false, (_f = props.data) === null || _f === void 0 ? void 0 : _f.__changeReason);
                     }
                     else if (props.data && props.data.__super) {
                         store.initData(extendObject(props.data, __assign(__assign({}, this.formatData(dataMapping(this.props.defaultData, this.props.data, ignoreSchemaProps))), // 有远程数据
@@ -151,12 +151,12 @@ function HocStoreFactory(renderer) {
                         (store.hasRemoteData || !store.path.includes('/')
                             ? __assign(__assign({}, store.data), props.data) : // combo 不需要同步，如果要同步，在 Combo.tsx 里面已经实现了相关逻辑
                             // 目前主要的问题是，如果 combo 中表单项名字和 combo 本身的名字一样，会导致里面的值会被覆盖成数组
-                            ((_e = props.store) === null || _e === void 0 ? void 0 : _e.storeType) === 'ComboStore'
+                            ((_g = props.store) === null || _g === void 0 ? void 0 : _g.storeType) === 'ComboStore'
                                 ? undefined
-                                : syncDataFromSuper(__assign(__assign({}, store.pristineDiff), props.data), props.data.__super, prevProps.data.__super, store, false)))), ((_f = props.updatePristineAfterStoreDataReInit) !== null && _f !== void 0 ? _f : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false);
+                                : syncDataFromSuper(__assign(__assign({}, store.pristineDiff), props.data), props.data.__super, prevProps.data.__super, store, false)))), ((_h = props.updatePristineAfterStoreDataReInit) !== null && _h !== void 0 ? _h : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false, (_j = props.data) === null || _j === void 0 ? void 0 : _j.__changeReason);
                     }
                     else {
-                        store.initData(createObject(props.scope, props.data), ((_g = props.updatePristineAfterStoreDataReInit) !== null && _g !== void 0 ? _g : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false);
+                        store.initData(createObject(props.scope, props.data), ((_k = props.updatePristineAfterStoreDataReInit) !== null && _k !== void 0 ? _k : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false, (_l = props.data) === null || _l === void 0 ? void 0 : _l.__changeReason);
                     }
                 }
                 else if (!props.trackExpression &&
@@ -166,9 +166,9 @@ function HocStoreFactory(renderer) {
                     // 这个用法很少，当 data.__super 值发生变化时，更新 store.data
                     if (!prevProps.data ||
                         isObjectShallowModified(props.data.__super, prevProps.data.__super, false)) {
-                        store.initData(createObject(props.data.__super, __assign(__assign({}, props.data), store.data)), ((_h = props.updatePristineAfterStoreDataReInit) !== null && _h !== void 0 ? _h : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false ||
+                        store.initData(createObject(props.data.__super, __assign(__assign({}, props.data), store.data)), ((_m = props.updatePristineAfterStoreDataReInit) !== null && _m !== void 0 ? _m : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false ||
                             (store.storeType === 'FormStore' &&
-                                ((_j = prevProps.store) === null || _j === void 0 ? void 0 : _j.storeType) === 'CRUDStore'));
+                                ((_o = prevProps.store) === null || _o === void 0 ? void 0 : _o.storeType) === 'CRUDStore'), (_p = props.data) === null || _p === void 0 ? void 0 : _p.__changeReason);
                     }
                     // nextProps.data.__super !== props.data.__super) &&
                 }
@@ -178,7 +178,7 @@ function HocStoreFactory(renderer) {
                     prevProps.data !== props.data) {
                     // 只有父级数据变动的时候才应该进来，
                     // 目前看来这个 case 很少有情况下能进来
-                    store.initData(createObject(props.scope, __assign({}, store.data)), ((_k = props.updatePristineAfterStoreDataReInit) !== null && _k !== void 0 ? _k : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false);
+                    store.initData(createObject(props.scope, __assign({}, store.data)), ((_q = props.updatePristineAfterStoreDataReInit) !== null && _q !== void 0 ? _q : props.dataUpdatedAt !== prevProps.dataUpdatedAt) === false, (_r = props.data) === null || _r === void 0 ? void 0 : _r.__changeReason);
                 }
             };
             StoreFactory.prototype.componentWillUnmount = function () {

package/esm/actions/Action.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/AjaxAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/BreakAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/BroadcastAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/CmptAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/ContinueAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/CopyAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/CustomAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/DialogAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/DrawerAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/EmailAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/EventAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/LinkAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/LoopAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/PageAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/ParallelAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/PrintAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/StatusAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/SwitchAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/ToastAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/actions/WaitAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/components/CustomStyle.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/components/ErrorBoundary.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/components/LazyComponent.d.ts

@@ -3,20 +3,24 @@
  * @description
  * @author fex
  */
+/// <reference types="hoist-non-react-statics" />
 import React from 'react';
-export interface LazyComponentProps {
+import { ThemeProps } from '../theme';
+export interface LazyComponentProps extends ThemeProps {
     component?: React.ElementType;
     getComponent?: () => Promise<React.ElementType>;
     placeholder?: React.ReactNode;
     unMountOnHidden?: boolean;
     childProps?: object;
+    defaultVisible?: boolean;
+    className?: string;
     [propName: string]: any;
 }
 export interface LazyComponentState {
     visible: boolean;
     component?: React.ElementType;
 }
-export default class LazyComponent extends React.Component<LazyComponentProps, LazyComponentState> {
+export declare class LazyComponent extends React.Component<LazyComponentProps, LazyComponentState> {
     static defaultProps: {
         placeholder: React.JSX.Element;
         unMountOnHidden: boolean;
@@ -29,3 +33,37 @@ export default class LazyComponent extends React.Component<LazyComponentProps, L
     handleVisibleChange(visible: boolean, entry?: any): void;
     render(): React.ReactNode;
 }
+declare const themedLazyComponent: {
+    new (props: Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<LazyComponentProps, keyof ThemeProps> & import("../theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof LazyComponent>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof LazyComponent, {}> & {
+    ComposedComponent: typeof LazyComponent;
+};
+export default themedLazyComponent;

package/esm/components/LazyComponent.js

@@ -1,11 +1,12 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 
 import { __extends, __rest, __assign } from 'tslib';
 import React from 'react';
 import { InView } from 'react-intersection-observer';
+import { themeable } from '../theme.js';
 
 /**
  * @file LazyComponent
@@ -15,19 +16,21 @@ import { InView } from 'react-intersection-observer';
 var LazyComponent = /** @class */ (function (_super) {
     __extends(LazyComponent, _super);
     function LazyComponent(props) {
-        var _this = _super.call(this, props) || this;
+        var _this = this;
+        var _a;
+        _this = _super.call(this, props) || this;
         _this.mounted = false;
         _this.handleVisibleChange = _this.handleVisibleChange.bind(_this);
         _this.mounted = true;
         _this.state = {
-            visible: false,
+            visible: (_a = props.defaultVisible) !== null && _a !== void 0 ? _a : false,
             component: props.component
         };
         return _this;
     }
     LazyComponent.prototype.componentDidMount = function () {
         // jest 里面有点异常，先手动让它总是可见
-        if (typeof jest !== 'undefined') {
+        if (typeof jest !== 'undefined' || this.state.visible) {
             this.handleVisibleChange(true);
         }
     };
@@ -59,7 +62,8 @@ var LazyComponent = /** @class */ (function (_super) {
         });
     };
     LazyComponent.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, unMountOnHidden = _a.unMountOnHidden, childProps = _a.childProps, partialVisibility = _a.partialVisibility, children = _a.children, rest = __rest(_a, ["placeholder", "unMountOnHidden", "childProps", "partialVisibility", "children"]);
+        var _a = this.props, placeholder = _a.placeholder, unMountOnHidden = _a.unMountOnHidden, childProps = _a.childProps, partialVisibility = _a.partialVisibility, children = _a.children, className = _a.className, rest = __rest(_a, ["placeholder", "unMountOnHidden", "childProps", "partialVisibility", "children", "className"]);
+        var cx = this.props.classnames;
         var _b = this.state, visible = _b.visible, Component = _b.component;
         // 需要监听从可见到不可见。
         if (unMountOnHidden) {
@@ -81,7 +85,7 @@ var LazyComponent = /** @class */ (function (_super) {
         else if (children) {
             return children;
         }
-        return React.createElement("div", null, placeholder);
+        return React.createElement("div", { className: cx('LazyComponent', className) }, placeholder);
     };
     LazyComponent.defaultProps = {
         placeholder: React.createElement("span", null, "Loading..."),
@@ -90,5 +94,7 @@ var LazyComponent = /** @class */ (function (_super) {
     };
     return LazyComponent;
 }(React.Component));
+var themedLazyComponent = themeable(LazyComponent);
+themedLazyComponent.defaultProps = LazyComponent.defaultProps;
 
-export { LazyComponent as default };
+export { LazyComponent, themedLazyComponent as default };

package/esm/components/Overlay.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/components/PopOver.d.ts

@@ -6,7 +6,7 @@
 /// <reference types="hoist-non-react-statics" />
 import React from 'react';
 import { ClassNamesFn } from '../theme';
-import type { TestIdBuilder } from 'amis-core';
+import { TestIdBuilder } from '../utils';
 export interface Offset {
     x: number;
     y: number;

package/esm/components/PopOver.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */
 

package/esm/env.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.8.0
+ * amis-core v6.9.0-rc.1
  * Copyright 2018-2024 fex
  */