fix: 修复多页面同时渲染场景查找组件优先级问题 (#9972)

packages/amis-core/src/Scoped.tsx

@@ -107,6 +107,10 @@ export interface IScopedContext {
   unRegisterComponent: (component: ScopedComponentType) => void;
   getComponentByName: (name: string) => ScopedComponentType;
   getComponentById: (id: string) => ScopedComponentType | undefined;
+  getComponentByIdUnderCurrentScope: (
+    id: string,
+    ignoreScope?: IScopedContext
+  ) => ScopedComponentType | undefined;
   getComponents: () => Array<ScopedComponentType>;
   reload: (target: string, ctx: RendererData) => void;
   send: (target: string, ctx: RendererData) => void;
@@ -183,28 +187,55 @@ function createScopedTools(
       return resolved || (parent && parent.getComponentByName(name));
     },
 
-    getComponentById(id: string) {
-      let root: AliasIScopedContext = this;
-      // 找到顶端scoped
-      while (root.parent && root.parent !== rootScopedContext) {
-        root = root.parent;
-      }
-
-      // 向下查找
+    getComponentByIdUnderCurrentScope(
+      id: string,
+      ignoreScope?: IScopedContext
+    ) {
       let component = undefined;
-      findTree([root], (item: TreeItem) =>
-        item.getComponents().find((cmpt: ScopedComponentType) => {
-          if (filter(cmpt.props.id, cmpt.props.data) === id) {
-            component = cmpt;
-            return true;
-          }
-          return false;
-        })
+      findTree(
+        [this],
+        (item: TreeItem) =>
+          item !== ignoreScope &&
+          item.getComponents().find((cmpt: ScopedComponentType) => {
+            if (filter(cmpt.props.id, cmpt.props.data) === id) {
+              component = cmpt;
+              return true;
+            }
+            return false;
+          })
       ) as ScopedComponentType | undefined;
 
       return component;
     },
 
+    getComponentById(id: string) {
+      let root: AliasIScopedContext = this;
+      let ignoreScope: AliasIScopedContext | undefined = undefined;
+
+      // 找到顶端scoped
+      while (root) {
+        // 优先从当前scope查找
+        // 直接跑到顶层查找，对于有历史标签一次渲染多个页面的情况，会有问题
+        const component = root.getComponentByIdUnderCurrentScope(
+          id,
+          ignoreScope
+        );
+
+        if (component) {
+          return component;
+        }
+
+        if (!root.parent || root.parent === rootScopedContext) {
+          break;
+        }
+
+        ignoreScope = root;
+        root = root.parent;
+      }
+
+      return undefined;
+    },
+
     /**
      * 基于绑定的变量名称查找组件
      * 支持形如${xxx}的格式