@mybricks/to-code-taro 1.1.5 → 1.1.7

package/dist/cjs/toCodeTaro.d.ts

@@ -64,10 +64,9 @@ export interface GeneratedFile {
     /** 当前页面/弹窗内用到的 JS 计算组件（用于生成 index.jsModules.ts） */
     jsModules?: import("./utils/context/collectJSModules").JSModule[];
     importManager: ImportManager;
-    type: "normal" | "popup" | "module" | "global" | "extension-config" | "extension-api" | "extension-bus" | "abstractEventTypeDef" | "fx" | "api" | "connector-api" | "extension-event" | "jsModulesRuntime" | "tabBarConfig" | "customTabBar";
+    type: "normal" | "popup" | "module" | "global" | "extension-config" | "extension-api" | "extension-bus" | "abstractEventTypeDef" | "fx" | "api" | "rootConfig" | "connector-api" | "extension-event" | "jsModulesRuntime" | "tabBarConfig" | "customTabBar";
     meta?: ReturnType<typeof toCode>["scenes"][0]["scene"];
     name: string;
-    tabBarConfig?: string;
 }
 /** 统一的生成结果结构 */
 export interface GenerationResult {

package/dist/cjs/utils/builder/buildResult.js

@@ -99,8 +99,7 @@ export const POPUP_MAP: Record<string, any> = {
       type: "tabBarConfig",
       content: globalTabBarConfig,
       importManager: new import_ImportManager.ImportManager(config),
-      name: "tabBarConfig",
-      tabBarConfig: globalTabBarConfig
+      name: "tabBarConfig"
     });
     files.push({
       type: "customTabBar",

package/dist/cjs/utils/common/ImportManager.d.ts

@@ -14,6 +14,13 @@ export declare class ImportManager {
         dependencyNames: string[];
         importType: ImportType;
     }): void;
+    /**
+     * 获取 import 排序优先级
+     * 1. 第三方包（react, @tarojs 等）
+     * 2. 绝对路径别名（@/xxx）
+     * 3. 相对路径（./xxx, ../xxx）
+     */
+    private getImportPriority;
     /** 依赖解析为code */
     toCode(): string;
 }

package/dist/cjs/utils/common/ImportManager.js

@@ -53,10 +53,28 @@ var ImportManager = class {
       });
     }
   }
+  /**
+   * 获取 import 排序优先级
+   * 1. 第三方包（react, @tarojs 等）
+   * 2. 绝对路径别名（@/xxx）
+   * 3. 相对路径（./xxx, ../xxx）
+   */
+  getImportPriority(packageName) {
+    if (packageName.startsWith("./") || packageName.startsWith("../")) {
+      return 3;
+    }
+    if (packageName.startsWith("@/")) {
+      return 2;
+    }
+    return 1;
+  }
   /** 依赖解析为code */
   toCode() {
     const indent = (0, import_helper.indentation)(this._config.codeStyle.indent);
-    return Object.entries(this._imports).reduce(
+    const sortedEntries = Object.entries(this._imports).sort(([a], [b]) => {
+      return this.getImportPriority(a) - this.getImportPriority(b);
+    });
+    return sortedEntries.reduce(
       (pre, [packageName, dependencies]) => {
         var _a;
         let defaultDependency = "";

package/dist/cjs/utils/logic/genJSModules.js

@@ -83,7 +83,7 @@ var genScopedJSModules = (jsModules, importCreateJSHandleFrom, importRuntimeFrom
 import { createJSHandle } from "${importCreateJSHandleFrom}";
 import { _execJs } from "${importRuntimeFrom}";
 
-export const jsModules: Record<string, (props: any, appContext: any) => any> = {};
+export const jsModules: Record<string, (props: any, appContext: any, handleKey?: string) => any> = {};
 `;
   jsModules.forEach((module2) => {
     const { id, title, transformCode } = module2;
@@ -100,7 +100,7 @@ export const jsModules: Record<string, (props: any, appContext: any) => any> = {
 `;
     code += `const _execJs_${id} = _execJs(js_${id});
 `;
-    code += `jsModules.${id} = (props, appContext) => createJSHandle(_execJs_${id}, { props, appContext });
+    code += `jsModules.${id} = (props, appContext, handleKey) => createJSHandle(_execJs_${id}, { props, appContext }, handleKey);
 `;
   });
   code += `

package/dist/cjs/utils/logic/handleProcess.js

@@ -29,7 +29,8 @@ var isJsCalculationComponent = (namespace) => {
   return namespace === "mybricks.taro._muilt-inputJs" || namespace === "mybricks.core-comlib.js-ai";
 };
 var isJsApiComponent = (namespace, rtType) => {
-  return namespace.startsWith("mybricks.taro._") && (rtType == null ? void 0 : rtType.match(/^js/gi)) !== null;
+  const jsCompNamespace = ["mybricks.taro.", "mybricks.normal-pc."];
+  return jsCompNamespace.some((_namespace) => namespace.startsWith(_namespace)) && (rtType == null ? void 0 : rtType.match(/^js/gi)) !== null;
 };
 var handleProcess = (event, config) => {
   let code = "";
@@ -109,20 +110,25 @@ ${indent2}outputs: [${props.outputs.map((output) => `"${output}"`).join(", ")}],
 ${indent}}, appContext)
 `;
   });
+  const outputToInputPinMap = /* @__PURE__ */ new Map();
   process.nodesInvocation.forEach((props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const { componentType, category, runType } = props;
-    let nextValue = getNextValue(props, config, event);
+    const nextValue = getNextValue(props, config, event, outputToInputPinMap);
     const isSameScope = checkIsSameScope(event, props);
     const nextCode = getNextCode(props, config, isSameScope, event);
+    const inputPinId = props.id.replace(/[^a-zA-Z0-9_]/g, "_");
+    (_a = props.nextParam) == null ? void 0 : _a.forEach((np) => {
+      outputToInputPinMap.set(`${props.meta.id}_${np.id}`, inputPinId);
+    });
     if (code) {
       code += "\n";
     }
-    const callTemplate = (_c = config.getCallTemplate) == null ? void 0 : _c.call(config, {
+    const callTemplate = (_d = config.getCallTemplate) == null ? void 0 : _d.call(config, {
       com: {
         ...props.meta,
         // 鸿蒙化：透传可能的场景 ID，增强识别能力
-        sceneId: ((_b = (_a = props.meta.model) == null ? void 0 : _a.data) == null ? void 0 : _b._sceneId) || props.meta.id
+        sceneId: ((_c = (_b = props.meta.model) == null ? void 0 : _b.data) == null ? void 0 : _c._sceneId) || props.meta.id
       },
       pinId: props.id,
       args: nextValue
@@ -143,7 +149,7 @@ ${indent}${nextCode}${callTemplate.code}`;
 ${indent}${nextCode}this.${_sceneId}.${operateName}(${nextValue})`;
       } else if (category === "frameOutput") {
         const currentScene = config.getCurrentScene();
-        const pinProxy = (_d = currentScene == null ? void 0 : currentScene.pinProxies) == null ? void 0 : _d[`${props.meta.id}-${props.id}`];
+        const pinProxy = (_e = currentScene == null ? void 0 : currentScene.pinProxies) == null ? void 0 : _e[`${props.meta.id}-${props.id}`];
         const method = (pinProxy == null ? void 0 : pinProxy.pinId) || props.id;
         const sceneId = (pinProxy == null ? void 0 : pinProxy.frameId) || (currentScene == null ? void 0 : currentScene.id);
         code += `${indent}/** ${props.meta.title} 输出 ${method} */
@@ -189,8 +195,24 @@ ${indent}${nextCode}this.$fxs.${props.meta.ioProxy.id}(${nextValue})`;
         }
       }
     } else {
-      code += `${indent}/** 调用 ${props.meta.title} 的 ${props.title} */
+      if (props.type === "frameOutput") {
+        const currentScene = config.getCurrentScene();
+        const parentComId = event.comId || ((_f = event.meta) == null ? void 0 : _f.parentComId);
+        const frameConEntry = Object.values(currentScene.cons || {}).flat().find((con) => {
+          if (con.type !== "frame" || con.pinId !== props.id)
+            return false;
+          if (parentComId && con.comId)
+            return con.comId === parentComId;
+          return true;
+        });
+        const comId = (frameConEntry == null ? void 0 : frameConEntry.comId) || props.meta.id;
+        const comTitle = ((_h = (_g = currentScene.coms) == null ? void 0 : _g[comId]) == null ? void 0 : _h.title) || props.meta.title || comId;
+        code += `${indent}/** 调用 ${comTitle} 的 ${props.title} */
+${indent}${nextCode}$outputs['${comId}'].${props.id}(${nextValue})`;
+      } else {
+        code += `${indent}/** 调用 ${props.meta.title} 的 ${props.title} */
 ${indent}${nextCode}this.${props.meta.id}.${props.id}(${nextValue})`;
+      }
     }
   });
   if (["fx", "extension-api", "extension-bus"].includes(event.type)) {
@@ -263,23 +285,29 @@ var getNextCode = (props, config, isSameScope, event) => {
     return "";
   }
   const componentNameWithId = getComponentNameWithId(props, config, event);
-  return `const ${componentNameWithId}_result = `;
+  const pinId = props.id;
+  const sanitizedPinId = pinId.replace(/[^a-zA-Z0-9_]/g, "_");
+  return `const ${componentNameWithId}_${sanitizedPinId}_result: any = `;
 };
 function getFrameInputValueExpr(meta, config, event) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const scene = (_a = config.getCurrentScene) == null ? void 0 : _a.call(config);
   const inputPinId = ((_b = meta == null ? void 0 : meta.inputs) == null ? void 0 : _b[0]) || "getCurValue";
   const proxyKey = `${meta == null ? void 0 : meta.id}-${inputPinId}`;
   const pinProxy = (_c = scene == null ? void 0 : scene.pinValueProxies) == null ? void 0 : _c[proxyKey];
   const pinId = pinProxy == null ? void 0 : pinProxy.pinId;
   if (typeof pinId === "string" && pinId) {
+    const paramsMap = (_d = config.getParams) == null ? void 0 : _d.call(config);
+    if (paramsMap == null ? void 0 : paramsMap[pinId]) {
+      return paramsMap[pinId];
+    }
     return `params?.inputValues?.[${JSON.stringify(pinId)}]`;
   }
 }
-var getNextValue = (props, config, event) => {
+var getNextValue = (props, config, event, outputToInputPinMap) => {
   const { paramSource } = props;
   const nextValue = paramSource.map((param) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (param.type === "params") {
       const params = config.getParams();
       return params[param.id];
@@ -291,8 +319,18 @@ var getNextValue = (props, config, event) => {
     }
     const componentNameWithId = getComponentNameWithId(param, config, event);
     if ((_e = (_d = (_c = param.meta) == null ? void 0 : _c.def) == null ? void 0 : _d.namespace) == null ? void 0 : _e.includes(".var")) {
+      const key2 = `${(_f = param.meta) == null ? void 0 : _f.id}_${param.id}`;
+      const inputPinId2 = outputToInputPinMap == null ? void 0 : outputToInputPinMap.get(key2);
+      if (inputPinId2) {
+        return `${componentNameWithId}_${inputPinId2}_result`;
+      }
       return `${componentNameWithId}_result`;
     }
+    const key = `${(_g = param.meta) == null ? void 0 : _g.id}_${param.id}`;
+    const inputPinId = outputToInputPinMap == null ? void 0 : outputToInputPinMap.get(key);
+    if (inputPinId) {
+      return `${componentNameWithId}_${inputPinId}_result.${param.id}`;
+    }
     return `${componentNameWithId}_result.${param.id}`;
   });
   return nextValue.join(", ");
@@ -308,8 +346,16 @@ var getNextValueWithParam = (param, config, event) => {
   }
   const componentNameWithId = getComponentNameWithId(param, config, event);
   if ((_e = (_d = (_c = param.meta) == null ? void 0 : _c.def) == null ? void 0 : _d.namespace) == null ? void 0 : _e.includes(".var")) {
+    const connectId2 = param.connectId;
+    if (connectId2) {
+      return `${componentNameWithId}_${connectId2}_result`;
+    }
     return `${componentNameWithId}_result`;
   }
+  const connectId = param.connectId;
+  if (connectId) {
+    return `${componentNameWithId}_${connectId}_result.${param.id}`;
+  }
   return `${componentNameWithId}_result.${param.id}`;
 };
 var getCurrentProvider = (params, config) => {
@@ -348,7 +394,7 @@ ${indent2}data: ${(0, import_object.genObjectCode)(jsData, {
   })},` : "") + (props.inputs ? `
 ${indent2}inputs: [${props.inputs.map((input) => `"${input}"`).join(", ")}],` : "") + (props.outputs ? `
 ${indent2}outputs: [${props.outputs.map((output) => `"${output}"`).join(", ")}],` : "") + `
-${indent}}, appContext)
+${indent}}, appContext, '${meta.id}')
 `;
 };
 var generateJsApiComponentCode = (params) => {
@@ -397,7 +443,7 @@ ${indent2}  inputs: [${props.inputs.map((input) => `"${input}"`).join(", ")}],`
 ${indent2}  outputs: [${props.outputs.map((output) => `"${output}"`).join(", ")}],` : "") + `
 ${indent2}},
 ${indent2}appContext
-${indent}})
+${indent}}, '${meta.id}')
 `;
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/utils/templates/index.js

@@ -66,7 +66,7 @@ ${indent2}component={${componentName}}`;
   ui += `
 ${indent2}id='${meta.id}'`;
   ui += `
-${indent2}className='${meta.id} mybricks_com'`;
+${indent2}className='mybricks_com ${meta.id}'`;
   if (meta.name) {
     ui += `
 ${indent2}name='${meta.name}'`;

package/dist/cjs/utils/templates/renderManager.js

@@ -58,6 +58,10 @@ var RenderManager = class {
 `;
       code += `${indent}${indent2}const { comRefs, $vars, $fxs, appContext } = useAppContext();
 `;
+      if (logicCode == null ? void 0 : logicCode.includes("$outputs")) {
+        code += `${indent}${indent2}const $outputs = comRefs.current.$outputs;
+`;
+      }
       if (logicCode) {
         code += logicCode.split("\n").map((line) => `${indent}${line}`).join("\n") + "\n";
       }
@@ -99,7 +103,7 @@ var RenderManager = class {
 `;
             code += `${indent}${indent4}get inputs() { return comRefs.current['${child.id}'] },
 `;
-            code += `${indent}${indent4}get outputs() { return outputs['${child.id}'] },
+            code += `${indent}${indent4}get outputs() { return comRefs.current.$outputs['${child.id}'] },
 `;
             code += `${indent}${indent4}jsx: ${varName},
 `;
@@ -117,11 +121,7 @@ var RenderManager = class {
         code += `${indent}${indent3}params?.wrap?.(descriptors)
 `;
       } else {
-        code += `${indent}${indent3}<>
-`;
         code += modifiedRenderCode.split("\n").map((line) => `${indent}${indent2}${line}`).join("\n") + "\n";
-        code += `${indent}${indent3}</>
-`;
       }
       code += `${indent}${indent2});
 `;

package/dist/cjs/utils/templates/scene.js

@@ -75,11 +75,11 @@ function ${componentName}() {
 ${combinedJsCode}
   return (
     <PageScopeContext.Provider value={pageScopeRef}>
-    <>
-${uiResult.split("\n").map((line) => `      ${line}`).join("\n")}
+` + (hasPopups ? `    <>
+` : "") + `${uiResult.split("\n").map((line) => `      ${line}`).join("\n")}
 ` + (hasPopups ? `      <PopupRenderer popupMap={POPUP_MAP} />
-` : "") + `    </>
-    </PageScopeContext.Provider>
+` : "") + (hasPopups ? `    </>
+` : "") + `    </PageScopeContext.Provider>
   );
 }
 

package/dist/esm/core/mybricks/Subject.js

@@ -19,16 +19,22 @@ export var Subject = /*#__PURE__*/function () {
     _defineProperty(this, "_log", undefined);
     _defineProperty(this, "_empty", true);
     this._log = params.log;
+    this._subjectNextCache = {};
     return new Proxy(this, {
       get: function get(target, prop) {
         if (prop in target) {
           return target[prop];
         }
-        var subjectNext = new SubjectNext(prop);
-        target[SUBJECT_SUBSCRIBE](function (value, extra) {
-          subjectNext[SUBJECT_NEXT](value, extra);
-        });
-        return subjectNext;
+
+        // 缓存 SubjectNext，避免重复访问同一属性时创建新实例和新订阅
+        if (!target._subjectNextCache[prop]) {
+          var subjectNext = new SubjectNext(prop);
+          target[SUBJECT_SUBSCRIBE](function (value, extra) {
+            subjectNext[SUBJECT_NEXT](value, extra);
+          });
+          target._subjectNextCache[prop] = subjectNext;
+        }
+        return target._subjectNextCache[prop];
       }
     });
   }

package/dist/esm/core/mybricks/createJSHandle.js

@@ -11,11 +11,40 @@ export var validateJsMultipleInputs = function validateJsMultipleInputs(input) {
   return input.match(/\./); // input.xxx 为多输入模式
 };
 
+// 全局缓存，用于防抖/节流等需要保持状态的组件
+var handleCache = new Map();
+
+/** 尝试从缓存获取 exe，命中时重置输出 Subject 状态 */
+var getFromCache = function getFromCache(handleKey) {
+  if (!handleKey || !handleCache.has(handleKey)) return null;
+  var cached = handleCache.get(handleKey);
+  if (cached._rels) {
+    Object.values(cached._rels).forEach(function (subject) {
+      var _subject$_observers, _subject$_observers$c;
+      (_subject$_observers = subject._observers) === null || _subject$_observers === void 0 || (_subject$_observers$c = _subject$_observers.clear) === null || _subject$_observers$c === void 0 || _subject$_observers$c.call(_subject$_observers);
+      subject._values = [];
+      subject._empty = true;
+    });
+  }
+  return cached;
+};
+
+/** 将 exe 存入缓存 */
+var setToCache = function setToCache(handleKey, exe, rels, needsCache) {
+  exe._rels = rels;
+  if (handleKey && needsCache) {
+    handleCache.set(handleKey, exe);
+  }
+};
+
 // JS
-export var createJSHandle = function createJSHandle(fn, options) {
-  var controller;
+export var createJSHandle = function createJSHandle(fn, options, handleKey) {
   var props = options.props,
     appContext = options.appContext;
+  var cached = getFromCache(handleKey);
+  if (cached) return cached;
+  var needsCache = fn.__useCache === true;
+  var controller;
   var inputs = new Proxy({}, {
     getOwnPropertyDescriptor: function getOwnPropertyDescriptor() {
       return {
@@ -61,13 +90,23 @@ export var createJSHandle = function createJSHandle(fn, options) {
     appContext: appContext
   });
   var isJsMultipleInputs = props.inputs[0] ? validateJsMultipleInputs(props.inputs[0]) : false;
+
+  // 缓存 exeOutputs 的属性访问结果，避免每次访问 .trigger 等属性时创建新的 SubjectNext
+  var exeOutputsCache = {};
   var exeOutputs = new Proxy({}, {
     get: function get(_, key) {
-      return rels[key] || (rels[key] = new Subject({
-        log: "".concat(EXE_TITLE_MAP["output"], " ").concat(props.title, " | ").concat(key)
-      }));
+      if (!exeOutputsCache[key]) {
+        var subject = rels[key] || (rels[key] = new Subject({
+          log: "".concat(EXE_TITLE_MAP["output"], " ").concat(props.title, " | ").concat(key)
+        }));
+        exeOutputsCache[key] = subject;
+      }
+      return exeOutputsCache[key];
     }
   });
+
+  // 记录已订阅的 Subject，避免重复订阅
+  var subscribedSubjects = new Set();
   var exe = function exe() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -80,6 +119,11 @@ export var createJSHandle = function createJSHandle(fn, options) {
         var valueAry = {};
         args.forEach(function (value, index) {
           if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+            // 如果已经订阅过这个 Subject，跳过
+            if (subscribedSubjects.has(value)) {
+              return;
+            }
+            subscribedSubjects.add(value);
             value[SUBJECT_SUBSCRIBE](function (value) {
               log("".concat(EXE_TITLE_MAP["input"], " ").concat(props.title, " | ").concat(props.inputs[index]), JSON.stringify(value));
               valueAry[props.inputs[index]] = value;
@@ -113,6 +157,11 @@ export var createJSHandle = function createJSHandle(fn, options) {
         // 非多输入
         var value = args[0];
         if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          // 如果已经订阅过这个 Subject，跳过
+          if (subscribedSubjects.has(value)) {
+            return exeOutputs;
+          }
+          subscribedSubjects.add(value);
           value[SUBJECT_SUBSCRIBE](function (value) {
             log("".concat(EXE_TITLE_MAP["input"], " ").concat(props.title, " | ").concat(props.inputs[0]), JSON.stringify(value));
             createReactiveInputHandler({
@@ -135,5 +184,6 @@ export var createJSHandle = function createJSHandle(fn, options) {
     }
     return exeOutputs;
   };
+  setToCache(handleKey, exe, rels, needsCache);
   return exe;
 };

package/dist/esm/core/utils/comRefResolver.js

@@ -0,0 +1,134 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import { TodoPool } from "./pool";
+
+/**
+ * 组件引用解析器
+ *
+ * 职责单一：管理组件引用的查找、创建和注册
+ *
+ * 核心机制：
+ * 1. 查找真实引用时，优先本地，再查父级
+ * 2. 未找到时创建影子对象，影子对象调用时会动态查找真实引用
+ * 3. 注册真实引用时，向上渗透到父级
+ */
+export var ComRefResolver = /*#__PURE__*/function () {
+  function ComRefResolver(registry, parent, todoPool) {
+    var scopeIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    _classCallCheck(this, ComRefResolver);
+    this.registry = registry;
+    this.parent = parent;
+    this.todoPool = todoPool;
+    this.scopeIndex = scopeIndex;
+  }
+
+  /**
+   * 获取组件引用
+   * @returns 真实引用或影子对象
+   */
+  _createClass(ComRefResolver, [{
+    key: "get",
+    value: function get(id) {
+      var _this$parent, _this$registry$id;
+      // 1. 优先检查本地是否有真实引用
+      if (this.registry[id] && !this.registry[id].__isShadow) {
+        return this.registry[id];
+      }
+
+      // 2. 检查父级是否有真实引用
+      var parentRef = (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.findRealRef(id);
+      if (parentRef) {
+        return parentRef;
+      }
+
+      // 3. 如果已有影子对象，直接返回
+      if ((_this$registry$id = this.registry[id]) !== null && _this$registry$id !== void 0 && _this$registry$id.__isShadow) {
+        return this.registry[id];
+      }
+
+      // 4. 创建影子对象
+      return this.createShadowProxy(id);
+    }
+
+    /**
+     * 注册真实引用
+     */
+  }, {
+    key: "set",
+    value: function set(id, ref) {
+      var _this$parent2;
+      this.registry[id] = ref;
+      // 向上渗透到父级
+      (_this$parent2 = this.parent) === null || _this$parent2 === void 0 || _this$parent2.set(id, ref);
+    }
+
+    /**
+     * 删除引用
+     */
+  }, {
+    key: "delete",
+    value: function _delete(id) {
+      var _this$parent3;
+      delete this.registry[id];
+      (_this$parent3 = this.parent) === null || _this$parent3 === void 0 || _this$parent3.delete(id);
+    }
+
+    /**
+     * 查找真实引用（仅用于父级链查找）
+     */
+  }, {
+    key: "findRealRef",
+    value: function findRealRef(id) {
+      var _this$parent$findReal, _this$parent4;
+      var local = this.registry[id];
+      if (local && !local.__isShadow) {
+        return local;
+      }
+      return (_this$parent$findReal = (_this$parent4 = this.parent) === null || _this$parent4 === void 0 ? void 0 : _this$parent4.findRealRef(id)) !== null && _this$parent$findReal !== void 0 ? _this$parent$findReal : null;
+    }
+
+    /**
+     * 创建影子对象
+     * 关键：影子对象的方法被调用时，会动态查找真实引用
+     */
+  }, {
+    key: "createShadowProxy",
+    value: function createShadowProxy(id) {
+      var resolver = this;
+      var registry = this.registry;
+      var todoPool = this.todoPool;
+      var scopeIndex = this.scopeIndex;
+      var shadow = new Proxy({
+        __isShadow: true
+      }, {
+        get: function get(_, method) {
+          if (method === '__isShadow') return true;
+          return function () {
+            // 动态检查是否已有真实引用
+            // 注意：这里直接检查 registry[id]，因为真实引用注册时会覆盖它
+            var realRef = registry[id];
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            if (realRef && !realRef.__isShadow) {
+              if (typeof realRef[method] === 'function') {
+                return realRef[method].apply(realRef, args);
+              }
+              return;
+            }
+
+            // 未找到真实引用，缓冲到 TodoPool
+            if (todoPool instanceof TodoPool) {
+              todoPool.push(id, scopeIndex, method, args);
+            }
+          };
+        }
+      });
+
+      // 存储影子对象
+      this.registry[id] = shadow;
+      return shadow;
+    }
+  }]);
+  return ComRefResolver;
+}();

package/dist/esm/core/utils/event.js

@@ -0,0 +1,32 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+export var EventEmitter = /*#__PURE__*/_createClass(function EventEmitter() {
+  var _this = this;
+  _classCallCheck(this, EventEmitter);
+  _defineProperty(this, "eventsCache", {});
+  _defineProperty(this, "addEventListner", function (evtName, listner) {
+    if (!_this.eventsCache[evtName]) {
+      _this.eventsCache[evtName] = new Set([listner]);
+      return;
+    }
+    _this.eventsCache[evtName].add(listner);
+  });
+  _defineProperty(this, "removeEventListner", function (evtName, listner) {
+    if (_this.eventsCache[evtName]) {
+      _this.eventsCache[evtName].delete(listner);
+    }
+  });
+  _defineProperty(this, "dispatch", function (evtName, detail) {
+    var _this$eventsCache$evt;
+    if (!_this.eventsCache[evtName]) {
+      // console.warn(`no listner on this ${evtName}`);
+      return;
+    }
+    var hasPreventDefault = false;
+    ((_this$eventsCache$evt = _this.eventsCache[evtName]) !== null && _this$eventsCache$evt !== void 0 ? _this$eventsCache$evt : []).forEach(function (listner) {
+      return listner(detail);
+    });
+    return hasPreventDefault;
+  });
+});