amis-core 6.11.0-beta.0 → 6.11.0-beta.2

package/lib/SchemaRenderer.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 
@@ -25,17 +25,17 @@ var mobxStateTree = require('mobx-state-tree');
 var mobx = require('mobx');
 require('amis-formula');
 require('moment');
-require('lodash/isPlainObject');
+var object = require('./utils/object.js');
 require('./utils/memoryParse.js');
 require('@rc-component/mini-decimal');
 var resolveVariableAndFilter = require('./utils/resolveVariableAndFilter.js');
+require('lodash/isPlainObject');
 require('./utils/filter.js');
 var style = require('./utils/style.js');
 var formula = require('./utils/formula.js');
 var tpl = require('./utils/tpl.js');
-var reactTransitionGroup = require('react-transition-group');
-var animations = require('./utils/animations.js');
-var StyleManager = require('./StyleManager.js');
+var Animations = require('./components/Animations.js');
+var globalVar = require('./globalVar.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -87,64 +87,35 @@ var componentCache = new SimpleMap.SimpleMap();
 var SchemaRenderer = /** @class */ (function (_super) {
     tslib.__extends(SchemaRenderer, _super);
     function SchemaRenderer(props) {
-        var _this = this;
-        var _a;
-        _this = _super.call(this, props) || this;
+        var _this = _super.call(this, props) || this;
         _this.rendererKey = '';
-        _this.animationTimeout = {};
-        _this.animationClassNames = {};
         _this.toDispose = [];
         _this.unbindEvent = undefined;
         _this.unbindGlobalEvent = undefined;
         _this.isStatic = undefined;
-        var animations = (_a = props === null || props === void 0 ? void 0 : props.schema) === null || _a === void 0 ? void 0 : _a.animations;
-        if (animations) {
-            var id = props === null || props === void 0 ? void 0 : props.schema.id;
-            id = helper.formateId(id);
-            if (animations.enter) {
-                _this.animationTimeout.enter =
-                    ((animations.enter.duration || 1) + (animations.enter.delay || 0)) *
-                        1000;
-                _this.animationClassNames.enter = "".concat(animations.enter.type, "-").concat(id, "-enter");
-                _this.animationClassNames.appear = _this.animationClassNames.enter;
-            }
-            if (animations.exit) {
-                _this.animationTimeout.exit =
-                    ((animations.exit.duration || 1) + (animations.exit.delay || 0)) *
-                        1000;
-                _this.animationClassNames.exit = "".concat(animations.exit.type, "-").concat(id, "-exit");
-            }
-        }
         _this.refFn = _this.refFn.bind(_this);
         _this.renderChild = _this.renderChild.bind(_this);
         _this.reRender = _this.reRender.bind(_this);
         _this.resolveRenderer(_this.props);
         _this.dispatchEvent = _this.dispatchEvent.bind(_this);
-        _this.addAnimationAttention = _this.addAnimationAttention.bind(_this);
-        _this.removeAnimationAttention = _this.removeAnimationAttention.bind(_this);
+        _this.handleGlobalVarChange = _this.handleGlobalVarChange.bind(_this);
+        var schema = props.schema;
         // 监听statusStore更新
         _this.toDispose.push(mobx.reaction(function () {
             var _a, _b, _c;
-            var id = tpl.filter(props.schema.id, props.data);
-            var name = tpl.filter(props.schema.name, props.data);
+            var id = tpl.filter(schema.id, props.data);
+            var name = tpl.filter(schema.name, props.data);
             return "".concat((_a = props.statusStore.visibleState[id]) !== null && _a !== void 0 ? _a : props.statusStore.visibleState[name]).concat((_b = props.statusStore.disableState[id]) !== null && _b !== void 0 ? _b : props.statusStore.disableState[name]).concat((_c = props.statusStore.staticState[id]) !== null && _c !== void 0 ? _c : props.statusStore.staticState[name]);
         }, function () { return _this.forceUpdate(); }));
+        _this.toDispose.push(globalVar.observeGlobalVars(schema, props.topStore, _this.handleGlobalVarChange));
         return _this;
     }
-    SchemaRenderer.prototype.componentDidMount = function () {
-        if (this.props.schema.animations) {
-            var _a = this.props.schema, animations$1 = _a.animations, id = _a.id;
-            id = helper.formateId(id);
-            animations.createAnimationStyle(id, animations$1);
-        }
-    };
     SchemaRenderer.prototype.componentWillUnmount = function () {
         var _a, _b;
         this.toDispose.forEach(function (fn) { return fn(); });
         this.toDispose = [];
         (_a = this.unbindEvent) === null || _a === void 0 ? void 0 : _a.call(this);
         (_b = this.unbindGlobalEvent) === null || _b === void 0 ? void 0 : _b.call(this);
-        this.removeAnimationStyle();
     };
     // 限制：只有 schema 除外的 props 变化，或者 schema 里面的某个成员值发生变化才更新。
     SchemaRenderer.prototype.shouldComponentUpdate = function (nextProps) {
@@ -167,12 +138,19 @@ var SchemaRenderer = /** @class */ (function (_super) {
         }
         return false;
     };
-    SchemaRenderer.prototype.removeAnimationStyle = function () {
-        if (this.props.schema.animations) {
-            var id = this.props.schema.id;
-            id = helper.formateId(id);
-            StyleManager["default"].removeStyles(id);
+    SchemaRenderer.prototype.handleGlobalVarChange = function () {
+        var _this = this;
+        var _a;
+        var handler = (_a = this.renderer) === null || _a === void 0 ? void 0 : _a.onGlobalVarChanged;
+        var newData = object.cloneObject(this.props.data);
+        // 如果渲染器自己做了实现，且返回 false，则不再继续往下执行
+        if ((handler === null || handler === void 0 ? void 0 : handler(this.cRef, this.props.schema, newData)) === false) {
+            return;
         }
+        this.tmpData = newData;
+        this.forceUpdate(function () {
+            delete _this.tmpData;
+        });
     };
     SchemaRenderer.prototype.resolveRenderer = function (props, force) {
         if (force === void 0) { force = false; }
@@ -275,35 +253,19 @@ var SchemaRenderer = /** @class */ (function (_super) {
                 ? false
                 : undefined)) !== null && _b !== void 0 ? _b : this.isStatic) !== null && _c !== void 0 ? _c : (_.staticOn
                 ? tpl.evalExpression(_.staticOn, rest.data)
-                : (_d = _.static) !== null && _d !== void 0 ? _d : rest.defaultStatic) }), subProps), { data: subProps.data || rest.data, env: env }));
+                : (_d = _.static) !== null && _d !== void 0 ? _d : rest.defaultStatic) }), subProps), { data: this.tmpData && subProps.data === this.props.data
+                ? this.tmpData
+                : subProps.data || rest.data, env: env }));
     };
     SchemaRenderer.prototype.reRender = function () {
         this.resolveRenderer(this.props, true);
         this.forceUpdate();
     };
-    SchemaRenderer.prototype.addAnimationAttention = function (node) {
-        var schema = (this.props || {}).schema;
-        var attention = ((schema === null || schema === void 0 ? void 0 : schema.animations) || {}).attention;
-        if (attention) {
-            var id = schema.id;
-            id = helper.formateId(id);
-            node.classList.add("".concat(attention.type, "-").concat(id, "-attention"));
-        }
-    };
-    SchemaRenderer.prototype.removeAnimationAttention = function (node) {
-        var schema = (this.props || {}).schema;
-        var attention = ((schema === null || schema === void 0 ? void 0 : schema.animations) || {}).attention;
-        if (attention) {
-            var id = schema.id;
-            id = helper.formateId(id);
-            node.classList.remove("".concat(attention.type, "-").concat(id, "-attention"));
-        }
-    };
     SchemaRenderer.prototype.render = function () {
         var e_1, _a;
         var _this = this;
         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 = tslib.__rest(_j, ["$path", "schema", "rootStore", "statusStore", "render", "key"]);
+        var _j = this.props; _j.$path; var __ = _j.schema, rootStore = _j.rootStore, statusStore = _j.statusStore, render = _j.render, rest = tslib.__rest(_j, ["$path", "schema", "rootStore", "statusStore", "render"]);
         if (__ == null) {
             return null;
         }
@@ -353,12 +315,12 @@ var SchemaRenderer = /** @class */ (function (_super) {
         else if (schema.component && reactIs.isValidElementType(schema.component)) {
             var isSFC = !(schema.component.prototype instanceof React__default["default"].Component);
             var defaultData_1 = schema.data, defaultValue_1 = schema.value, // render时的value改放defaultValue中
-            defaultActiveKey_1 = schema.activeKey, restSchema_1 = tslib.__rest(schema, ["data", "value", "activeKey"]);
+            defaultActiveKey_1 = schema.activeKey, propKey_1 = schema.key, restSchema_1 = tslib.__rest(schema, ["data", "value", "activeKey", "key"]);
             return rest.invisible
                 ? null
                 : _J$X_(schema.component, tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, rest), restSchema_1), exprProps), { 
                     // value: defaultValue, // 备注: 此处并没有将value传递给渲染器
-                    defaultData: defaultData_1, defaultValue: defaultValue_1, defaultActiveKey: defaultActiveKey_1, propKey: propKey, $path: $path, $schema: schema, ref: isSFC ? undefined : this.refFn, forwardedRef: isSFC ? this.refFn : undefined, render: this.renderChild, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent }));
+                    defaultData: defaultData_1, defaultValue: defaultValue_1, defaultActiveKey: defaultActiveKey_1, propKey: propKey_1, $path: $path, $schema: schema, ref: isSFC ? undefined : this.refFn, forwardedRef: isSFC ? this.refFn : undefined, render: this.renderChild, rootStore: rootStore, statusStore: statusStore, dispatchEvent: this.dispatchEvent }));
         }
         else if (Object.keys(schema).length === 0) {
             return null;
@@ -399,9 +361,9 @@ var SchemaRenderer = /** @class */ (function (_super) {
         }
         var renderer = this.renderer;
         schema = factory.filterSchema(schema, renderer, rest);
-        var defaultData = schema.data, defaultValue = schema.value, defaultActiveKey = schema.activeKey, restSchema = tslib.__rest(schema, ["data", "value", "activeKey"]);
+        var defaultData = schema.data, defaultValue = schema.value, defaultActiveKey = schema.activeKey, propKey = schema.key, restSchema = tslib.__rest(schema, ["data", "value", "activeKey", "key"]);
         var Component = renderer.component;
-        var animationIn = true;
+        var animationShow = true;
         // 原来表单项的 visible: false 和 hidden: true 表单项的值和验证是有效的
         // 而 visibleOn 和 hiddenOn 是无效的，
         // 这个本来就是个bug，但是已经被广泛使用了
@@ -412,7 +374,7 @@ var SchemaRenderer = /** @class */ (function (_super) {
                 !renderer.isFormItem ||
                 (schema.visible !== false && !schema.hidden))) {
             if (schema.animations) {
-                animationIn = false;
+                animationShow = false;
             }
             else {
                 return null;
@@ -428,6 +390,8 @@ var SchemaRenderer = /** @class */ (function (_super) {
         var props = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, (_f = renderer.defaultProps) === null || _f === void 0 ? void 0 : _f.call(renderer, schema.type, schema)), theme.getRendererConfig(renderer.name)), restSchema), helper.chainEvents(rest, restSchema)), exprProps), { 
             // value: defaultValue, // 备注: 此处并没有将value传递给渲染器
             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 });
+        // 用于全局变量刷新
+        props.data = this.tmpData || props.data;
         // style 支持公式
         if (schema.style) {
             props.style = style.buildStyle(schema.style, detectData);
@@ -467,7 +431,7 @@ var SchemaRenderer = /** @class */ (function (_super) {
         }
         var component = supportRef ? (_J$X_(Component, tslib.__assign({}, props, { ref: this.childRef }))) : (_J$X_(Component, tslib.__assign({}, props, { forwardedRef: this.childRef })));
         if (schema.animations) {
-            component = (_J$X_(reactTransitionGroup.CSSTransition, { in: animationIn, timeout: this.animationTimeout, classNames: this.animationClassNames, onEntered: this.addAnimationAttention, onExit: this.removeAnimationAttention, appear: true, unmountOnExit: true }, component));
+            component = (_J$X_(Animations["default"], { schema: schema, component: component, show: animationShow }));
         }
         return this.props.env.enableAMISDebug ? (_J$X_(debug.DebugWrapper, { renderer: renderer }, component)) : (component);
     };

package/lib/Scoped.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/StatusScoped.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/StyleManager.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/WithRootStore.d.ts

@@ -359,7 +359,7 @@ export declare function withRootStore<T extends React.ComponentType<React.Compon
         componentWillUpdate?(nextProps: Readonly<JSX.LibraryManagedAttributes<T, Omit<React.ComponentProps<T>, "rootStore">>>, nextState: Readonly<{}>, nextContext: any): void;
         UNSAFE_componentWillUpdate?(nextProps: Readonly<JSX.LibraryManagedAttributes<T, Omit<React.ComponentProps<T>, "rootStore">>>, nextState: Readonly<{}>, nextContext: any): void;
     };
-    displayName: any;
+    displayName: string;
     contextType: React.Context<{
         storeType: string;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {

package/lib/WithRootStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/WithStore.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/Action.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/AjaxAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/BreakAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/BroadcastAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/CmptAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 
@@ -26,7 +26,7 @@ var CmptAction = /** @class */ (function () {
     CmptAction.prototype.run = function (action, renderer, event) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var key, dataMergeMode, path, beforeSetData, res, component, msg, result, _8, dispatchEvent_1, data, valid, _9, e_1, result, e_2;
+            var key, dataMergeMode, path, topStore, beforeSetData, res, component, msg, result, _8, dispatchEvent_1, data, valid, _9, e_1, result, e_2;
             var _10, _11, _12, _13, _14, _15;
             return tslib.__generator(this, function (_16) {
                 switch (_16.label) {
@@ -35,6 +35,10 @@ var CmptAction = /** @class */ (function () {
                         dataMergeMode = action.dataMergeMode || 'merge';
                         path = (_a = action.args) === null || _a === void 0 ? void 0 : _a.path;
                         if (!(action.actionType === 'setValue' && path && typeof path === 'string')) return [3 /*break*/, 2];
+                        if (path.startsWith('global.')) {
+                            topStore = renderer.props.topStore;
+                            topStore === null || topStore === void 0 ? void 0 : topStore.updateGlobalVarValue(path.substring(7), action.args.value);
+                        }
                         beforeSetData = (_c = (_b = event === null || event === void 0 ? void 0 : event.context) === null || _b === void 0 ? void 0 : _b.env) === null || _c === void 0 ? void 0 : _c.beforeSetData;
                         if (!(beforeSetData && typeof beforeSetData === 'function')) return [3 /*break*/, 2];
                         return [4 /*yield*/, beforeSetData(renderer, action, event)];

package/lib/actions/ContinueAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/CopyAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/CustomAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/DialogAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/DrawerAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/EmailAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/EventAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/LinkAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/LoopAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/PageAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/ParallelAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/PrintAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/StatusAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/SwitchAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/ToastAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/actions/WaitAction.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */
 

package/lib/components/Animations.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Schema } from '../types';
+declare function Animations({ schema, component, show }: {
+    schema: Schema;
+    component: any;
+    show: boolean;
+}): React.JSX.Element;
+export default Animations;

package/lib/components/Animations.js

@@ -0,0 +1,172 @@
+/**
+ * amis-core v6.11.0-beta.2
+ * Copyright 2018-2024 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+require('../utils/api.js');
+require('../utils/browser.js');
+require('../utils/ColorScale.js');
+require('../utils/columnsSplit.js');
+require('lodash/isPlainObject');
+require('amis-formula');
+require('../utils/memoryParse.js');
+require('../utils/DataSchema.js');
+require('../utils/DataScope.js');
+require('moment');
+require('../utils/debug.js');
+require('../utils/dom.js');
+require('../utils/errors.js');
+require('../utils/tpl.js');
+var helper = require('../utils/helper.js');
+require('../utils/filter.js');
+require('lodash/isObject');
+require('lodash/isString');
+require('lodash/isBoolean');
+require('@rc-component/mini-decimal');
+require('../utils/highlight.js');
+require('../utils/icon.js');
+require('../utils/image.js');
+require('lodash/isEqual');
+require('../actions/Action.js');
+require('lodash/debounce');
+require('../utils/resize-sensor.js');
+require('react-overlays/useRootClose');
+require('react-dom');
+require('../utils/SimpleMap.js');
+require('lodash/mapValues');
+require('lodash/camelCase');
+require('lodash/cloneDeep');
+require('lodash/map');
+require('lodash/isEmpty');
+require('lodash/kebabCase');
+require('uncontrollable');
+require('hoist-non-react-statics');
+require('../utils/validations.js');
+require('../utils/resolveCondition.js');
+require('mobx');
+require('../utils/Animation.js');
+var animations = require('../utils/animations.js');
+var StyleManager = require('../StyleManager.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
+function Animations(_a) {
+    var schema = _a.schema, component = _a.component, show = _a.show;
+    var enter = (schema.animations || {}).enter;
+    var _b = tslib.__read(React.useState(!(enter === null || enter === void 0 ? void 0 : enter.inView)), 2), animationShow = _b[0], setAnimationShow = _b[1];
+    var _c = tslib.__read(React.useState(!!(enter === null || enter === void 0 ? void 0 : enter.inView)), 2), placeholderShow = _c[0], setPlaceholderShow = _c[1];
+    var id = React.useMemo(function () { return helper.formateId(schema.id); }, []);
+    var observer = React.useMemo(newObserver, []);
+    var animationClassNames = React.useMemo(initAnimationClassNames, []);
+    var animationTimeout = React.useMemo(initAnimationTimeout, []);
+    React.useEffect(function () {
+        animations.createAnimationStyle(id, schema.animations);
+        return function () {
+            if (schema.animations) {
+                StyleManager["default"].removeStyles(id);
+            }
+            observer.disconnect();
+        };
+    }, []);
+    function newObserver() {
+        return new IntersectionObserver(function (entries, observer) {
+            entries.forEach(function (entry) {
+                if (entry.target.getAttribute('data-role') === 'animation-placeholder') {
+                    if (entry.isIntersecting) {
+                        setAnimationShow(true);
+                        setPlaceholderShow(false);
+                        observer.unobserve(entry.target);
+                    }
+                }
+                else {
+                    if (!entry.isIntersecting) {
+                        setAnimationShow(false);
+                        observer.unobserve(entry.target);
+                    }
+                }
+            });
+        }, {
+            root: null,
+            rootMargin: '0px',
+            threshold: 0.1
+        });
+    }
+    function initAnimationClassNames() {
+        var animations = schema === null || schema === void 0 ? void 0 : schema.animations;
+        var animationClassNames = {
+            appear: '',
+            enter: '',
+            exit: ''
+        };
+        if (animations) {
+            if (animations.enter) {
+                animationClassNames.enter = "".concat(animations.enter.type, "-").concat(id, "-enter");
+                animationClassNames.appear = animationClassNames.enter;
+            }
+            if (animations.exit) {
+                animationClassNames.exit = "".concat(animations.exit.type, "-").concat(id, "-exit");
+            }
+        }
+        return animationClassNames;
+    }
+    function initAnimationTimeout() {
+        var animations = schema === null || schema === void 0 ? void 0 : schema.animations;
+        var animationTimeout = {
+            enter: 0,
+            exit: 0
+        };
+        if (animations) {
+            if (animations.enter) {
+                animationTimeout.enter =
+                    ((animations.enter.duration || 1) + (animations.enter.delay || 0)) *
+                        1000;
+            }
+            if (animations.exit) {
+                animationTimeout.exit =
+                    ((animations.exit.duration || 1) + (animations.exit.delay || 0)) *
+                        1000;
+            }
+        }
+        return animationTimeout;
+    }
+    function refFn(ref) {
+        if (ref) {
+            observer.observe(ref);
+        }
+    }
+    var handleEntered = React.useCallback(function (node) {
+        var _a = schema.animations || {}, attention = _a.attention, exit = _a.exit, enter = _a.enter;
+        if (attention) {
+            node.classList.add("".concat(attention.type, "-").concat(id, "-attention"));
+        }
+        if ((exit === null || exit === void 0 ? void 0 : exit.outView) || (enter === null || enter === void 0 ? void 0 : enter.repeat)) {
+            observer.observe(node);
+        }
+    }, []);
+    var handleExit = React.useCallback(function (node) {
+        var attention = (schema.animations || {}).attention;
+        if (attention) {
+            node.classList.remove("".concat(attention.type, "-").concat(id, "-attention"));
+        }
+    }, []);
+    var handleExited = React.useCallback(function () {
+        setPlaceholderShow(true);
+    }, []);
+    return (_J$X_(React__default["default"].Fragment, null,
+        !animationShow && show && placeholderShow && (_J$X_("div", { ref: refFn, className: "amis-animation-placeholder", "data-role": "animation-placeholder" }, component)),
+        _J$X_(reactTransitionGroup.CSSTransition, { in: animationShow && show, timeout: animationTimeout, classNames: animationClassNames, onEntered: handleEntered, onExit: handleExit, onExited: handleExited, appear: true, unmountOnExit: true }, component)));
+}
+
+exports["default"] = Animations;

package/lib/components/CustomStyle.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.11.0-beta.0
+ * amis-core v6.11.0-beta.2
  * Copyright 2018-2024 fex
  */