amis-core 6.13.0-beta.2 → 6.13.0-beta.21

package/lib/store/form.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 
@@ -458,13 +458,13 @@ var FormStore = service.ServiceStore.named('FormStore')
             return null;
         }, [self]);
     };
-    // 10s 内不要重复弹同一个错误
+    // 5s 内不要重复弹同一个错误
     var toastValidateError = throttle__default["default"](function (msg, validateError) {
         var env = mobxStateTree.getEnv(self);
         env.notify('error', msg, {
             validateError: validateError
         });
-    }, 10000, {
+    }, 5000, {
         trailing: false,
         leading: true
     });

package/lib/store/formItem.d.ts

@@ -33,6 +33,7 @@ export declare const FormItemStore: import("mobx-state-tree").IModelType<{
     itemsRef: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IArrayType<import("mobx-state-tree").ISimpleType<string>>, [undefined]>;
     inited: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     validated: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    validatedAt: import("mobx-state-tree").IType<number | undefined, number, number>;
     validating: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     multiple: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     delimiter: import("mobx-state-tree").IType<string | undefined, string, string>;

package/lib/store/formItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 
@@ -18,9 +18,9 @@ var tpl = require('../utils/tpl.js');
 require('amis-formula');
 require('moment');
 var object = require('../utils/object.js');
+var resolveVariableAndFilter = require('../utils/resolveVariableAndFilter.js');
 require('../utils/memoryParse.js');
 require('@rc-component/mini-decimal');
-var resolveVariableAndFilter = require('../utils/resolveVariableAndFilter.js');
 var dataMapping = require('../utils/dataMapping.js');
 require('../utils/filter.js');
 var api = require('../utils/api.js');
@@ -81,6 +81,7 @@ var FormItemStore = node.StoreNode.named('FormItemStore')
     itemsRef: mobxStateTree.types.optional(mobxStateTree.types.array(mobxStateTree.types.string), []),
     inited: false,
     validated: false,
+    validatedAt: 0,
     validating: false,
     multiple: false,
     delimiter: ',',
@@ -419,6 +420,7 @@ var FormItemStore = node.StoreNode.named('FormItemStore')
                         }
                     }
                     self.validating = false;
+                    self.validatedAt = Date.now();
                     return [2 /*return*/, self.valid];
             }
         });

package/lib/store/iRenderer.d.ts

@@ -17,8 +17,10 @@ export declare const iRendererStore: import("mobx-state-tree").IModelType<{
     pristineRaw: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     upStreamData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     action: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    dialogSchema: import("mobx-state-tree").IType<any, any, any>;
     dialogOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     dialogData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    drawerSchema: import("mobx-state-tree").IType<any, any, any>;
     drawerOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     drawerData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
 }, {

package/lib/store/iRenderer.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 
@@ -74,8 +74,10 @@ var iRendererStore = node.StoreNode.named('iRendererStore')
     pristineRaw: mobxStateTree.types.optional(mobxStateTree.types.frozen(), {}),
     upStreamData: mobxStateTree.types.optional(mobxStateTree.types.frozen(), {}),
     action: mobxStateTree.types.optional(mobxStateTree.types.frozen(), undefined),
+    dialogSchema: mobxStateTree.types.frozen(),
     dialogOpen: false,
     dialogData: mobxStateTree.types.optional(mobxStateTree.types.frozen(), undefined),
+    drawerSchema: mobxStateTree.types.frozen(),
     drawerOpen: false,
     drawerData: mobxStateTree.types.optional(mobxStateTree.types.frozen(), undefined)
 })
@@ -251,8 +253,6 @@ var iRendererStore = node.StoreNode.named('iRendererStore')
                     }
                 });
             self.action = action;
-            self.dialogData = false;
-            self.drawerOpen = false;
         },
         openDialog: function (ctx, additonal, callback, scoped) {
             var _a, _b;
@@ -275,12 +275,15 @@ var iRendererStore = node.StoreNode.named('iRendererStore')
             else {
                 self.dialogData = data;
             }
+            self.dialogSchema = self.action.dialog;
             self.dialogOpen = true;
             callback && dialogCallbacks.set(self.dialogData, callback);
             dialogScoped = scoped || null;
         },
         closeDialog: function (confirmed, data) {
             var callback = dialogCallbacks.get(self.dialogData);
+            // 不要过早的清空，否则内部组件提前销毁，会出现 store 异常读取问题
+            // self.dialogSchema = null;
             self.dialogOpen = false;
             dialogScoped = null;
             if (callback) {
@@ -309,6 +312,7 @@ var iRendererStore = node.StoreNode.named('iRendererStore')
             else {
                 self.drawerData = data;
             }
+            self.drawerSchema = self.action.drawer;
             self.drawerOpen = true;
             if (callback) {
                 dialogCallbacks.set(self.drawerData, callback);
@@ -317,6 +321,8 @@ var iRendererStore = node.StoreNode.named('iRendererStore')
         },
         closeDrawer: function (confirmed, data) {
             var callback = dialogCallbacks.get(self.drawerData);
+            // 不要过早的清空，否则内部组件提前销毁，会出现 store 异常读取问题
+            // self.drawerSchema = null;
             self.drawerOpen = false;
             drawerScoped = null;
             if (callback) {

package/lib/store/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 

package/lib/store/list.d.ts

@@ -37,8 +37,10 @@ export declare const ListStore: import("mobx-state-tree").IModelType<{
     pristineRaw: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     upStreamData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     action: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    dialogSchema: import("mobx-state-tree").IType<any, any, any>;
     dialogOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     dialogData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    drawerSchema: import("mobx-state-tree").IType<any, any, any>;
     drawerOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     drawerData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
 } & {

package/lib/store/list.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 

package/lib/store/manager.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 

package/lib/store/modal.d.ts

@@ -15,8 +15,10 @@ export declare const ModalStore: import("mobx-state-tree").IModelType<{
     pristineRaw: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     upStreamData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     action: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    dialogSchema: import("mobx-state-tree").IType<any, any, any>;
     dialogOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     dialogData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    drawerSchema: import("mobx-state-tree").IType<any, any, any>;
     drawerOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     drawerData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
 } & {
@@ -34,6 +36,7 @@ export declare const ModalStore: import("mobx-state-tree").IModelType<{
     entered: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     resizeCoord: import("mobx-state-tree").IType<number | undefined, number, number>;
     schema: import("mobx-state-tree").IType<any, any, any>;
+    isFullscreen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 }, {
     readonly parentStore: any;
     readonly __: any;
@@ -87,6 +90,7 @@ export declare const ModalStore: import("mobx-state-tree").IModelType<{
     reset(): void;
     setResizeCoord(value: number): void;
     setSchema(schema: any): void;
+    setFullScreen(isFullscreen?: boolean): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type IModalStore = Instance<typeof ModalStore>;
 export type SModalStore = SnapshotIn<typeof ModalStore>;

package/lib/store/modal.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 
@@ -17,7 +17,8 @@ var ModalStore = service.ServiceStore.named('ModalStore')
     form: mobxStateTree.types.frozen(),
     entered: false,
     resizeCoord: 0,
-    schema: mobxStateTree.types.frozen()
+    schema: mobxStateTree.types.frozen(),
+    isFullscreen: false
 })
     .views(function (self) {
     return {
@@ -47,6 +48,10 @@ var ModalStore = service.ServiceStore.named('ModalStore')
                 return;
             }
             self.schema = schema;
+        },
+        setFullScreen: function (isFullscreen) {
+            if (isFullscreen === void 0) { isFullscreen = false; }
+            self.isFullscreen = isFullscreen;
         }
     };
 });

package/lib/store/node.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 

package/lib/store/pagination.d.ts

@@ -15,8 +15,10 @@ export declare const PaginationStore: import("mobx-state-tree").IModelType<{
     pristineRaw: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     upStreamData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     action: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    dialogSchema: import("mobx-state-tree").IType<any, any, any>;
     dialogOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     dialogData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    drawerSchema: import("mobx-state-tree").IType<any, any, any>;
     drawerOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     drawerData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
 } & {

package/lib/store/pagination.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 

package/lib/store/root.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import { Instance } from 'mobx-state-tree';
 import { GlobalVariableItem, GlobalVariableState, GlobalVariableItemFull } from '../globalVar';
 export declare const RootStore: import("mobx-state-tree").IModelType<{
@@ -17,8 +16,10 @@ export declare const RootStore: import("mobx-state-tree").IModelType<{
     pristineRaw: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     upStreamData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     action: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    dialogSchema: import("mobx-state-tree").IType<any, any, any>;
     dialogOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     dialogData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    drawerSchema: import("mobx-state-tree").IType<any, any, any>;
     drawerOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     drawerData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
 } & {
@@ -84,14 +85,16 @@ export declare const RootStore: import("mobx-state-tree").IModelType<{
     fetchSchema: (api: import("..").Api, data?: object | undefined, options?: import("..").fetchOptions | undefined) => Promise<any>;
     checkRemote: (api: import("..").Api, data?: object | undefined, options?: import("..").fetchOptions | undefined) => Promise<any>;
 } & {
-    context: {};
+    context: any;
+    legacyGlobalTempContext: any;
     globalVars: GlobalVariableItemFull[];
     globalData: any;
 } & {
     readonly nextGlobalData: any;
     readonly downStream: any;
 } & {
-    updateContext(context: any): void;
+    updateContextBySetter(context: any): void;
+    updateContext(context: any, isInit?: boolean): void;
     updateGlobalVarState(key: string, state: Partial<GlobalVariableState>): void;
     setGlobalVars: (vars?: Array<GlobalVariableItem>) => Promise<any>;
     updateGlobalVarValue: (key: string, value: any) => void;
@@ -104,7 +107,9 @@ export declare const RootStore: import("mobx-state-tree").IModelType<{
     updateLocation(location?: any, parseFn?: Function): void;
     init: (schema: any) => Promise<any>;
     syncGlobalVarStates: () => void;
+    syncLegacyGlobalVarStates: () => void;
     addSyncGlobalVarStatePendingTask: (fn: (callback: () => void) => void, callback?: () => void) => void;
+    afterCreate(): void;
     afterDestroy(): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type IRootStore = Instance<typeof RootStore>;

package/lib/store/root.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v6.13.0-beta.2
+ * amis-core v6.13.0-beta.21
  * Copyright 2018-2025 fex
  */
 
@@ -11,27 +11,27 @@ var tslib = require('tslib');
 var mobxStateTree = require('mobx-state-tree');
 var helper = require('../utils/helper.js');
 var service = require('./service.js');
+require('amis-formula');
+require('moment');
+var object = require('../utils/object.js');
+require('../utils/memoryParse.js');
+require('@rc-component/mini-decimal');
+var isPlainObject = require('lodash/isPlainObject');
+require('../utils/filter.js');
 require('../utils/api.js');
 require('file-saver');
 require('../utils/browser.js');
 require('../utils/ColorScale.js');
 require('../utils/columnsSplit.js');
-var object = require('../utils/object.js');
-require('../utils/memoryParse.js');
-require('amis-formula');
-var isPlainObject = require('lodash/isPlainObject');
 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');
-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');
@@ -53,7 +53,7 @@ require('uncontrollable');
 require('hoist-non-react-statics');
 require('../utils/validations.js');
 require('../utils/resolveCondition.js');
-require('mobx');
+var mobx = require('mobx');
 require('../utils/Animation.js');
 var globalVar = require('../globalVar.js');
 
@@ -78,6 +78,7 @@ var RootStore = service.ServiceStore.named('RootStore')
     .volatile(function (self) {
     return {
         context: {},
+        legacyGlobalTempContext: {},
         globalVars: [],
         globalData: {
             global: {},
@@ -89,13 +90,53 @@ var RootStore = service.ServiceStore.named('RootStore')
     get nextGlobalData() {
         var globalData = {};
         var globalState = {};
-        if (self.globalVarTempStates.size) {
+        var chain = object.extractObjectChain(self.data);
+        var touched = false;
+        var saved = true;
+        var errors = {};
+        var initialized = true;
+        self.globalVarTempStates.forEach(function (state, key) {
+            globalData[key] = state.value;
+            touched = touched || state.touched;
+            if (!state.saved) {
+                saved = false;
+            }
+            if (state.errorMessages.length) {
+                errors[key] = state.errorMessages;
+            }
+            if (!state.initialized) {
+                initialized = false;
+            }
+        });
+        globalState = {
+            fields: self.globalVarTempStates.toJSON(),
+            initialized: initialized,
+            touched: touched,
+            saved: saved,
+            errors: errors,
+            valid: !Object.keys(errors).length
+        };
+        chain.unshift({
+            global: globalData,
+            globalState: globalState
+        });
+        chain.unshift(self.legacyGlobalTempContext);
+        chain.unshift(self.context);
+        return object.createObjectFromChain(chain);
+    },
+    get downStream() {
+        var result = self.data;
+        if (self.context || self.query) {
+            var chain = object.extractObjectChain(result);
+            // 数据链中添加 global 和 globalState
+            // 对应的是全局变量的值和全局变量的状态
+            var globalData_1 = {};
             var touched_1 = false;
             var saved_1 = true;
             var errors_1 = {};
             var initialized_1 = true;
-            self.globalVarTempStates.forEach(function (state, key) {
-                globalData[key] = state.value;
+            self.globalVarStates.forEach(function (state, key) {
+                globalData_1[key] = state.value;
                 touched_1 = touched_1 || state.touched;
                 if (!state.saved) {
                     saved_1 = false;
@@ -107,59 +148,19 @@ var RootStore = service.ServiceStore.named('RootStore')
                     initialized_1 = false;
                 }
             });
-            globalState = {
-                fields: self.globalVarTempStates.toJSON(),
+            // 保存全局变量的值和状态
+            Object.assign(self.globalData.global, globalData_1);
+            Object.assign(self.globalData.globalState, {
+                fields: self.globalVarStates.toJSON(),
                 initialized: initialized_1,
                 touched: touched_1,
                 saved: saved_1,
                 errors: errors_1,
                 valid: !Object.keys(errors_1).length
-            };
-        }
-        return object.createObject(self.context, {
-            global: globalData,
-            globalState: globalState
-        });
-    },
-    get downStream() {
-        var result = self.data;
-        if (self.context || self.query || self.globalVarStates.size) {
-            var chain = object.extractObjectChain(result);
-            // 数据链中添加 global 和 globalState
-            // 对应的是全局变量的值和全局变量的状态
-            if (self.globalVarStates.size) {
-                var globalData_1 = {};
-                var touched_2 = false;
-                var saved_2 = true;
-                var errors_2 = {};
-                var initialized_2 = true;
-                self.globalVarStates.forEach(function (state, key) {
-                    globalData_1[key] = state.value;
-                    touched_2 = touched_2 || state.touched;
-                    if (!state.saved) {
-                        saved_2 = false;
-                    }
-                    if (state.errorMessages.length) {
-                        errors_2[key] = state.errorMessages;
-                    }
-                    if (!state.initialized) {
-                        initialized_2 = false;
-                    }
-                });
-                // 保存全局变量的值和状态
-                Object.assign(self.globalData.global, globalData_1);
-                Object.assign(self.globalData.globalState, {
-                    fields: self.globalVarStates.toJSON(),
-                    initialized: initialized_2,
-                    touched: touched_2,
-                    saved: saved_2,
-                    errors: errors_2,
-                    valid: !Object.keys(errors_2).length
-                });
-                // self.globalData 一直都是那个对象，这样组件里面始终拿到的都是最新的
-                chain.unshift(self.globalData);
-            }
-            self.context && chain.unshift(self.context);
+            });
+            // self.globalData 一直都是那个对象，这样组件里面始终拿到的都是最新的
+            chain.unshift(self.globalData);
+            chain.unshift(self.context);
             self.query &&
                 chain.splice(chain.length - 1, 0, tslib.__assign(tslib.__assign({}, self.query), { __query: self.query }));
             result = object.createObjectFromChain(chain);
@@ -421,17 +422,18 @@ var RootStore = service.ServiceStore.named('RootStore')
     }
     // 设置全局变量,返回一个Promise
     var setGlobalVars = mobxStateTree.flow(function setGlobalVars(vars) {
-        var _a, newVars, updateVars, removeVars, _b;
-        return tslib.__generator(this, function (_c) {
-            switch (_c.label) {
+        var _a, newVars, updateVars, removeVars, globalVars;
+        return tslib.__generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     _a = diffVariables(vars || [], self.globalVars), newVars = _a.newVars, updateVars = _a.updateVars, removeVars = _a.removeVars;
-                    // 初始化全局变量
-                    _b = self;
                     return [4 /*yield*/, initializeGlobalVars(newVars, updateVars)];
                 case 1:
-                    // 初始化全局变量
-                    _b.globalVars = _c.sent();
+                    globalVars = _b.sent();
+                    if (!mobxStateTree.isAlive(self)) {
+                        return [2 /*return*/];
+                    }
+                    self.globalVars = globalVars;
                     removeVars.forEach(function (item) {
                         self.globalVarTempStates.delete(item.key);
                     });
@@ -613,6 +615,13 @@ var RootStore = service.ServiceStore.named('RootStore')
             self.globalVarStates.set(key, tslib.__assign({}, state));
         });
     }
+    function syncLegacyGlobalVarStates() {
+        if (self.legacyGlobalTempContext.__page !== self.context.__page ||
+            self.legacyGlobalTempContext.appVariables !== self.context.appVariables) {
+            Object.assign(self.context, self.legacyGlobalTempContext);
+            self.data = object.cloneObject(self.data);
+        }
+    }
     var pendingCount = 0;
     var callbacks = [];
     function addSyncGlobalVarStatePendingTask(fn, callback) {
@@ -623,15 +632,68 @@ var RootStore = service.ServiceStore.named('RootStore')
             if (pendingCount === 0) {
                 callbacks.forEach(function (callback) { return callback(); });
                 callbacks = [];
-                self.syncGlobalVarStates();
+                if (mobxStateTree.isAlive(self)) {
+                    self.syncGlobalVarStates();
+                    self.syncLegacyGlobalVarStates();
+                }
+            }
+        });
+    }
+    function observeSet(obj, callback) {
+        if (!obj || obj.__observed) {
+            // 如果已经被观察过了，就不需要再观察了
+            return obj;
+        }
+        var timer = 0;
+        return new Proxy(tslib.__assign({}, obj), {
+            get: function (target, prop) {
+                if (prop === '__observed') {
+                    return true;
+                }
+                return Reflect.get(target, prop);
+            },
+            set: function (target, prop, value) {
+                Reflect.set(target, prop, value);
+                cancelAnimationFrame(timer);
+                timer = requestAnimationFrame(function () { return callback(target); });
+                console.warn("Don't modify the context directly.");
+                return true;
             }
         });
     }
     return {
-        updateContext: function (context) {
+        updateContextBySetter: function (context) {
+            this.updateContext(context);
+            self.data = object.cloneObject(self.data);
+        },
+        updateContext: function (context, isInit) {
             // 因为 context 不是受控属性，直接共用引用好了
             // 否则还会触发孩子节点的重新渲染
-            Object.assign(self.context, context);
+            if (isInit === void 0) { isInit = false; }
+            var _a = context || {}, __page = _a.__page, appVariables = _a.appVariables, rest = tslib.__rest(_a, ["__page", "appVariables"]);
+            // 对历史用法做兼容
+            if (__page || appVariables) {
+                // 有部分用户直接在自定义动作脚本里面修改 __page 或者 appVariables 变量
+                // 奇怪的是之前的实现方式这种修改是会更新变更的
+                // 所以这里用 Proxy 来解决不更新的问题
+                __page = __page
+                    ? observeSet(__page, function (__page) {
+                        return self.updateContextBySetter(tslib.__assign(tslib.__assign({}, self.context), { __page: __page }));
+                    })
+                    : __page;
+                appVariables = appVariables
+                    ? observeSet(appVariables, function (appVariables) {
+                        return self.updateContextBySetter(tslib.__assign(tslib.__assign({}, self.context), { appVariables: appVariables }));
+                    })
+                    : appVariables;
+                if (isInit) {
+                    self.context.__page = __page;
+                    self.context.appVariables = appVariables;
+                }
+                self.legacyGlobalTempContext.__page = __page;
+                self.legacyGlobalTempContext.appVariables = appVariables;
+            }
+            Object.assign(self.context, rest);
         },
         updateGlobalVarState: function (key, state) {
             var origin = self.globalVarTempStates.get(key);
@@ -654,7 +716,15 @@ var RootStore = service.ServiceStore.named('RootStore')
         },
         init: init,
         syncGlobalVarStates: syncGlobalVarStates,
+        syncLegacyGlobalVarStates: syncLegacyGlobalVarStates,
         addSyncGlobalVarStatePendingTask: addSyncGlobalVarStatePendingTask,
+        afterCreate: function () {
+            mobxStateTree.addDisposer(self, mobx.reaction(function () { return self.nextGlobalData; }, function () {
+                return self.addSyncGlobalVarStatePendingTask(function (callback) {
+                    return requestAnimationFrame(callback);
+                });
+            }));
+        },
         afterDestroy: function () {
             lazySaveGlobalVarValues.flush();
         }

package/lib/store/service.d.ts

@@ -16,8 +16,10 @@ export declare const ServiceStore: import("mobx-state-tree").IModelType<{
     pristineRaw: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     upStreamData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
     action: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    dialogSchema: import("mobx-state-tree").IType<any, any, any>;
     dialogOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     dialogData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
+    drawerSchema: import("mobx-state-tree").IType<any, any, any>;
     drawerOpen: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
     drawerData: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<any, any, any>, [undefined]>;
 } & {