@mybricks/to-code-taro 1.1.4 → 1.1.6

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;
+  });
+});

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

@@ -1,3 +1,4 @@
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -5,6 +6,7 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import { useState, useRef, useMemo, useEffect } from 'react';
 import { createReactiveInputHandler } from "../mybricks/createReactiveInputHandler";
 import { useAppContext, useParentSlot } from "./ComContext";
+import { ComRefResolver } from "./comRefResolver";
 
 /** 深度代理：支持响应式更新 */
 export function deepProxy(target, onSet) {
@@ -42,47 +44,46 @@ export function useModel(rawData) {
   }, []);
 }
 
-/** 
+/**
  * 组件引用代理：
  * 1. 自动缓冲：访问未渲染组件时返回影子对象，缓冲后续指令
  * 2. 引用渗透：子作用域注册的真实引用自动同步至父级
  * 3. 自动同步清理：卸载时从作用域链中彻底移除，防止僵尸引用
+ *
+ * 使用 ComRefResolver 统一处理引用解析逻辑
  */
-export function proxyRefs(target, parentComRefs, globalTodoPool) {
+export function proxyRefs(target, parentComRefs, todoPool) {
+  var _parentComRefs$curren, _target$$index;
+  // 创建解析器，链接父级解析器
+  var parentResolver = parentComRefs === null || parentComRefs === void 0 || (_parentComRefs$curren = parentComRefs.current) === null || _parentComRefs$curren === void 0 ? void 0 : _parentComRefs$curren.__resolver;
+  var scopeIndex = (_target$$index = target.$index) !== null && _target$$index !== void 0 ? _target$$index : 0;
+  var resolver = new ComRefResolver(target, parentResolver, todoPool, scopeIndex);
+
+  // 存储解析器引用，供子级使用
+  target.__resolver = resolver;
   return new Proxy(target, {
     get: function get(obj, prop) {
       if (prop === '__isProxy') return true;
+      if (prop === '__resolver') return resolver;
       if (prop === 'toJSON') return function () {
         return obj;
       };
-      if (typeof prop === 'string' && prop.startsWith('u_') && obj[prop] === undefined) {
-        // 懒加载影子对象
-        return obj[prop] = new Proxy({
-          __isShadow: true
-        }, {
-          get: function get(_, method) {
-            if (method === '__isShadow') return true;
-            return function () {
-              var _obj$$index;
-              if (!(globalTodoPool instanceof Map)) return;
-              var instances = globalTodoPool.get(prop) || [];
-              if (!globalTodoPool.has(prop)) globalTodoPool.set(prop, instances);
-              var index = (_obj$$index = obj.$index) !== null && _obj$$index !== void 0 ? _obj$$index : 0;
-              var todo = instances[index] || (instances[index] = {});
-              for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = arguments[_key];
-              }
-              todo[method] = args;
-            };
-          }
-        });
+
+      // u_ 开头的组件引用，统一由解析器处理
+      if (typeof prop === 'string' && prop.startsWith('u_')) {
+        return resolver.get(prop);
       }
       return obj[prop];
     },
     set: function set(obj, prop, value) {
       var result = Reflect.set(obj, prop, value);
+
+      // 真实引用注册时，同步到解析器
       var isRealRef = typeof prop === 'string' && !prop.startsWith('$') && (value === null || value === void 0 ? void 0 : value.__isShadow) !== true;
-      if (isRealRef && parentComRefs !== null && parentComRefs !== void 0 && parentComRefs.current) {
+      if (isRealRef && typeof prop === 'string' && prop.startsWith('u_')) {
+        resolver.set(prop, value);
+      } else if (isRealRef && parentComRefs !== null && parentComRefs !== void 0 && parentComRefs.current) {
+        // 非 u_ 开头的属性，保持原有的父级渗透逻辑
         try {
           parentComRefs.current[prop] = value;
         } catch (_unused) {}
@@ -91,8 +92,9 @@ export function proxyRefs(target, parentComRefs, globalTodoPool) {
     },
     deleteProperty: function deleteProperty(obj, prop) {
       var result = Reflect.deleteProperty(obj, prop);
-      var isRealRef = typeof prop === 'string' && !prop.startsWith('$');
-      if (isRealRef && parentComRefs !== null && parentComRefs !== void 0 && parentComRefs.current) {
+      if (typeof prop === 'string' && prop.startsWith('u_')) {
+        resolver.delete(prop);
+      } else if (typeof prop === 'string' && !prop.startsWith('$') && parentComRefs !== null && parentComRefs !== void 0 && parentComRefs.current) {
         try {
           delete parentComRefs.current[prop];
         } catch (_unused2) {}
@@ -102,7 +104,7 @@ export function proxyRefs(target, parentComRefs, globalTodoPool) {
   });
 }
 
-/** 
+/**
  * 组件输入绑定 Hook：
  * 1. 注册输入执行器
  * 2. 自动重放缓冲指令（精准索引匹配）
@@ -112,7 +114,7 @@ export function useBindInputs(scope, id, initialHandlers) {
   var _parentSlot$params$in, _parentSlot$params;
   var handlersRef = useRef(_objectSpread({}, initialHandlers));
   var _useAppContext = useAppContext(),
-    globalTodoInputs = _useAppContext.globalTodoInputs;
+    todoPool = _useAppContext.todoPool;
   var parentSlot = useParentSlot();
   var index = (_parentSlot$params$in = parentSlot === null || parentSlot === void 0 || (_parentSlot$params = parentSlot.params) === null || _parentSlot$params === void 0 || (_parentSlot$params = _parentSlot$params.inputValues) === null || _parentSlot$params === void 0 ? void 0 : _parentSlot$params.index) !== null && _parentSlot$params$in !== void 0 ? _parentSlot$params$in : 0;
   useEffect(function () {
@@ -126,6 +128,7 @@ export function useBindInputs(scope, id, initialHandlers) {
     var proxy = new Proxy({}, {
       get: function get(target, pin) {
         if (pin === '__isShadow') return false;
+        if (pin === '__isLazyProxy') return false;
         if (pin === 'toJSON') return function () {
           return target;
         };
@@ -134,10 +137,8 @@ export function useBindInputs(scope, id, initialHandlers) {
             handlersRef.current[pin] = arg;
 
             // 处理指令重放
-            var instances = globalTodoInputs === null || globalTodoInputs === void 0 ? void 0 : globalTodoInputs.get(id);
-            var todo = (instances === null || instances === void 0 ? void 0 : instances[index]) || (instances === null || instances === void 0 ? void 0 : instances[0]);
-            if (todo !== null && todo !== void 0 && todo[pin]) {
-              var pendingArgs = todo[pin];
+            var pendingArgs = todoPool === null || todoPool === void 0 ? void 0 : todoPool.pop(id, index, pin);
+            if (pendingArgs) {
               if (pin === '_setData') {
                 arg.apply(void 0, _toConsumableArray(pendingArgs));
               } else {
@@ -148,19 +149,12 @@ export function useBindInputs(scope, id, initialHandlers) {
                   title: id
                 });
               }
-              delete todo[pin];
-
-              // 检查全局清理
-              var hasTasks = instances === null || instances === void 0 ? void 0 : instances.some(function (inst) {
-                return inst && Object.keys(inst).length > 0;
-              });
-              if (!hasTasks) globalTodoInputs.delete(id);
             }
           } else {
             var handler = handlersRef.current[pin];
             if (typeof handler === 'function') {
-              for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-                args[_key2 - 1] = arguments[_key2];
+              for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                args[_key - 1] = arguments[_key];
               }
               return pin === '_setData' ? handler.apply(void 0, [arg].concat(args)) : createReactiveInputHandler({
                 input: handler,
@@ -180,24 +174,65 @@ export function useBindInputs(scope, id, initialHandlers) {
       });
     }
     return proxy;
-  }, [scope, id, globalTodoInputs, index]);
+  }, [scope, id, todoPool, index]);
 }
 
-/** 组件事件绑定 Hook */
-export function useBindEvents(props, context) {
+/** 内置通用能力 Hook：_setStyle / _setData / show / hide / showOrHide */
+export function useBuiltinHandlers(opts) {
+  var data = opts.data,
+    setDynamicStyle = opts.setDynamicStyle,
+    setShow = opts.setShow,
+    isPopup = opts.isPopup;
   return useMemo(function () {
+    var handlers = {
+      _setStyle: function _setStyle(style) {
+        setDynamicStyle(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), style);
+        });
+      },
+      _setData: function _setData(path, value) {
+        var paths = path.split('.');
+        var current = data;
+        for (var i = 0; i < paths.length - 1; i++) {
+          if (!current[paths[i]]) current[paths[i]] = {};
+          current = current[paths[i]];
+        }
+        current[paths[paths.length - 1]] = value;
+      }
+    };
+    if (!isPopup) {
+      Object.assign(handlers, {
+        show: function show() {
+          return setShow(true);
+        },
+        hide: function hide() {
+          return setShow(false);
+        },
+        showOrHide: function showOrHide() {
+          return setShow(function (prev) {
+            return !prev;
+          });
+        }
+      });
+    }
+    return handlers;
+  }, [data, setDynamicStyle, setShow, isPopup]);
+}
+
+/**
+ * 组件输出绑定 Hook（与 useBindInputs 对称）
+ * - 从 props 提取事件函数，创建 eventProxy
+ * - 合并 slot outputs，注册到 comRefs.current.$outputs[id]
+ */
+export function useBindOutputs(comRefs, id, props, enhancedSlots, context) {
+  var _comRefs$current;
+  var eventProxy = useMemo(function () {
     var events = {};
     Object.keys(props).forEach(function (key) {
       if (typeof props[key] === 'function') {
         var handler = props[key];
         var wrapped = function wrapped(original) {
-          var _context$parentSlot;
-          var value = context !== null && context !== void 0 && (_context$parentSlot = context.parentSlot) !== null && _context$parentSlot !== void 0 && (_context$parentSlot = _context$parentSlot.params) !== null && _context$parentSlot !== void 0 && _context$parentSlot.itemWrap ? {
-            id: context.id,
-            name: context.name,
-            value: original
-          } : original;
-          return handler(value);
+          return handler(original);
         };
         wrapped.getConnections = function () {
           return [{
@@ -221,4 +256,32 @@ export function useBindEvents(props, context) {
       }
     });
   }, [props, context]);
+  if (comRefs !== null && comRefs !== void 0 && (_comRefs$current = comRefs.current) !== null && _comRefs$current !== void 0 && _comRefs$current.$outputs) {
+    var slotOutputsList = Object.values(enhancedSlots || {}).map(function (slot) {
+      return slot === null || slot === void 0 ? void 0 : slot.outputs;
+    }).filter(Boolean);
+    if (slotOutputsList.length > 0) {
+      comRefs.current.$outputs[id] = new Proxy({}, {
+        get: function get(_, prop) {
+          var _iterator = _createForOfIteratorHelper(slotOutputsList),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var outputs = _step.value;
+              var fn = outputs[prop];
+              if (fn) return fn;
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          return eventProxy[prop];
+        }
+      });
+    } else {
+      comRefs.current.$outputs[id] = eventProxy;
+    }
+  }
+  return eventProxy;
 }

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

@@ -1,4 +1,6 @@
 export * from "./hooks";
+export { TodoPool } from "./pool";
+export { ComRefResolver } from "./comRefResolver";
 export { WithCom, WithWrapper } from "./with";
 export { PopupRenderer } from "./PopupRenderer";
 export { pageRouter, router } from "./pageRouter";

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

@@ -1,8 +1,11 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore 运行时由宿主项目提供 @tarojs/taro
-import Taro from '@tarojs/taro';
+import Taro from "@tarojs/taro";
+// @ts-ignore 运行时由宿主项目提供
+import tabBarConfig from "@/custom-tab-bar/tabBar.json";
 import { Page } from "../mybricks";
 
 /**
@@ -19,7 +22,17 @@ var TaroRouter = /*#__PURE__*/function () {
     value: function getParams(name) {
       var _instance$router;
       var instance = Taro.getCurrentInstance();
-      var params = ((_instance$router = instance.router) === null || _instance$router === void 0 ? void 0 : _instance$router.params) || {};
+      var inputParams = ((_instance$router = instance.router) === null || _instance$router === void 0 ? void 0 : _instance$router.params) || {};
+
+      // 直接页面"打开"，会有data包裹参数
+      // 使用“跳转到”逻辑组件，会直接传递参数
+      // TODO: 没有特殊字段和结构可以判断，现只能尽量加条件来判断
+      var params = Object.keys(inputParams).length === 2 && inputParams.data && typeof inputParams.data === "string" ? inputParams : {
+        data: Object.keys(inputParams).length > 1 ? JSON.stringify(_objectSpread(_objectSpread({}, inputParams), {}, {
+          $taroTimestamp: undefined
+        })) : undefined,
+        $taroTimestamp: inputParams.$taroTimestamp
+      };
 
       // 备份参数，解决某些生命周期下 Taro 获取不到 params 的问题
       if (!params.data && this.paramsBackup[name]) {
@@ -27,34 +40,50 @@ var TaroRouter = /*#__PURE__*/function () {
           data: this.paramsBackup[name]
         };
       }
+
+      // 解析真实参数
+      var paramsDataStr = params.data ? decodeURIComponent(params.data) : undefined;
+      var paramsData;
+      try {
+        paramsData = paramsDataStr ? JSON.parse(paramsDataStr) : undefined;
+      } catch (error) {
+        paramsData = paramsDataStr;
+      }
       return {
-        value: params
+        value: paramsData
       };
     }
   }, {
     key: "push",
     value: function push(name, _ref) {
       var value = _ref.value;
-      var url = "/pages/".concat(name, "/index");
-      var dataStr = value ? encodeURIComponent(JSON.stringify(value)) : '';
-      if (dataStr) {
-        this.paramsBackup[name] = dataStr;
-      }
-      Taro.navigateTo({
-        url: "".concat(url).concat(dataStr ? "?data=".concat(dataStr) : '')
+      var path = "pages/".concat(name, "/index");
+      var navigateType = this.isTabBarPage(path) ? "switchTab" : "navigateTo";
+      this.navigate(navigateType, name, {
+        value: value
       });
     }
   }, {
     key: "replace",
     value: function replace(name, _ref2) {
       var value = _ref2.value;
+      var path = "pages/".concat(name, "/index");
+      var navigateType = this.isTabBarPage(path) ? "switchTab" : "redirectTo";
+      this.navigate(navigateType, name, {
+        value: value
+      });
+    }
+  }, {
+    key: "navigate",
+    value: function navigate(type, name, _ref3) {
+      var value = _ref3.value;
       var url = "/pages/".concat(name, "/index");
-      var dataStr = value ? encodeURIComponent(JSON.stringify(value)) : '';
+      var dataStr = value ? encodeURIComponent(JSON.stringify(value)) : "";
       if (dataStr) {
         this.paramsBackup[name] = dataStr;
       }
-      Taro.redirectTo({
-        url: "".concat(url).concat(dataStr ? "?data=".concat(dataStr) : '')
+      Taro[type]({
+        url: "".concat(url).concat(dataStr ? "?data=".concat(dataStr) : "")
       });
     }
   }, {
@@ -62,6 +91,20 @@ var TaroRouter = /*#__PURE__*/function () {
     value: function pop() {
       Taro.navigateBack();
     }
+
+    /**
+     * 判断是否为标签栏页面
+     * @param pagePath 页面路径
+     * @returns 是否为标签栏页面
+     */
+  }, {
+    key: "isTabBarPage",
+    value: function isTabBarPage(pagePath) {
+      var _tabBarConfig$tabBar;
+      return tabBarConfig === null || tabBarConfig === void 0 || (_tabBarConfig$tabBar = tabBarConfig.tabBar) === null || _tabBarConfig$tabBar === void 0 || (_tabBarConfig$tabBar = _tabBarConfig$tabBar.list) === null || _tabBarConfig$tabBar === void 0 ? void 0 : _tabBarConfig$tabBar.some(function (item) {
+        return item.pagePath === pagePath;
+      });
+    }
   }]);
   return TaroRouter;
 }();

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

@@ -0,0 +1,52 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+/**
+ * 待执行指令池
+ * 结构：Map<组件ID, Map<索引, Record<方法名, 参数数组>>>
+ */
+export var TodoPool = /*#__PURE__*/function () {
+  function TodoPool() {
+    _classCallCheck(this, TodoPool);
+    _defineProperty(this, "pool", new Map());
+  }
+  _createClass(TodoPool, [{
+    key: "push",
+    value: /** 存：记录待执行指令 */
+    function push(id, index, method, args) {
+      if (!this.pool.has(id)) {
+        this.pool.set(id, new Map());
+      }
+      var instances = this.pool.get(id);
+      if (!instances.has(index)) {
+        instances.set(index, {});
+      }
+      instances.get(index)[method] = args;
+    }
+
+    /** 取：获取并物理删除指令 */
+  }, {
+    key: "pop",
+    value: function pop(id, index, method) {
+      var instances = this.pool.get(id);
+      if (!instances) return undefined;
+      var todo = instances.get(index);
+      if (todo && todo[method]) {
+        var args = todo[method];
+        delete todo[method];
+
+        // 自动清理：如果当前索引下没指令了，删掉索引容器
+        if (Object.keys(todo).length === 0) {
+          instances.delete(index);
+        }
+        // 如果当前组件下没索引了，删掉整个 ID
+        if (instances.size === 0) {
+          this.pool.delete(id);
+        }
+        return args;
+      }
+      return undefined;
+    }
+  }]);
+  return TodoPool;
+}();

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

@@ -1,13 +1,52 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React, { useMemo, useRef } from "react";
+import React, { useMemo, useRef, useState } from "react";
 import ComContext, { SlotProvider, useAppContext, useParentSlot } from "./ComContext";
 import { createReactiveInputHandler } from "../mybricks/createReactiveInputHandler";
 import { proxyRefs } from "./hooks";
+
+/** Channel Proxy 类型 */
+
+/** Slot 渲染函数类型 */
+
+/** 浅比较两个对象的第一层 key-value */
+function shallowEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  var keysA = Object.keys(a);
+  var keysB = Object.keys(b);
+  if (keysA.length !== keysB.length) return false;
+  return keysA.every(function (key) {
+    return a[key] === b[key];
+  });
+}
+
+/**
+ * 合并 slot 参数
+ * 只有当有实际的 inputValues 时才合并，否则保持 undefined 以便从父级继承
+ */
+function mergeSlotParams(stateInputValues, params) {
+  var hasStateInputValues = stateInputValues && Object.keys(stateInputValues).length > 0;
+  var hasParamsInputValues = (params === null || params === void 0 ? void 0 : params.inputValues) && Object.keys(params.inputValues).length > 0;
+  if (!hasStateInputValues && !hasParamsInputValues) {
+    return params || {};
+  }
+  return _objectSpread(_objectSpread({}, params || {}), {}, {
+    inputValues: _objectSpread(_objectSpread({}, stateInputValues || {}), (params === null || params === void 0 ? void 0 : params.inputValues) || {})
+  });
+}
+
+/**
+ * 生成作用域 ID
+ */
+function createScopeId(id, slotKey, rawScope) {
+  return "".concat(id, ".").concat(slotKey, "::").concat(String(rawScope));
+}
+
 /**
- * 创建一个具有“向上渗透”和“隔离 Todo 池”能力的 comRefs 对象
+ * 创建一个具有"向上渗透"和"隔离 Todo 池"能力的 comRefs 对象
  */
-function createPenetratingComRefs(parentComRefs, globalTodoPool) {
+function createPenetratingComRefs(parentComRefs, todoPool) {
   var index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var localTarget = {
     $inputs: {},
@@ -15,7 +54,7 @@ function createPenetratingComRefs(parentComRefs, globalTodoPool) {
     $index: index
   };
   return {
-    current: proxyRefs(localTarget, parentComRefs, globalTodoPool)
+    current: proxyRefs(localTarget, parentComRefs, todoPool)
   };
 }
 function SlotParamsBridge(props) {
@@ -32,7 +71,7 @@ function SlotParamsBridge(props) {
     })
   }, content);
 }
-function createChannelProxy(title) {
+function createChannelProxy(title, onInputCall) {
   var handlersMap = {};
   return new Proxy({}, {
     get: function get(_t, pin) {
@@ -41,6 +80,8 @@ function createChannelProxy(title) {
           handlersMap[pin] = arg;
           return;
         }
+        // 通知外部有输入调用（用于 scope 插槽的 inputValues 更新）
+        onInputCall === null || onInputCall === void 0 || onInputCall(pin, arg);
         var handler = handlersMap[pin];
         if (typeof handler === "function") {
           return createReactiveInputHandler({
@@ -57,8 +98,12 @@ function createChannelProxy(title) {
 export function useEnhancedSlots(rawSlots, id) {
   var _useAppContext = useAppContext(),
     parentComRefs = _useAppContext.comRefs,
-    globalTodoInputs = _useAppContext.globalTodoInputs;
+    todoPool = _useAppContext.todoPool;
   var slotStoreRef = useRef({});
+  // 用于触发重渲染的状态
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceUpdate = _useState2[1];
   return useMemo(function () {
     if (!rawSlots) return {};
     var nextSlots = {};
@@ -66,33 +111,54 @@ export function useEnhancedSlots(rawSlots, id) {
       var _ref2 = _slicedToArray(_ref, 2),
         slotKey = _ref2[0],
         slotDef = _ref2[1];
+      // 创建输入回调，当 inputs 被调用时更新 inputValues 并触发重渲染
+      var onInputCall = function onInputCall(pin, value) {
+        var state = slotStoreRef.current[slotKey];
+        if (state) {
+          if (!state._inputValues) state._inputValues = {};
+          state._inputValues[pin] = value;
+          // 触发重渲染
+          forceUpdate({});
+        }
+      };
       var state = slotStoreRef.current[slotKey] || (slotStoreRef.current[slotKey] = {
-        inputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".inputs")),
+        inputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".inputs"), onInputCall),
         outputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".outputs")),
         _inputs: createChannelProxy("".concat(id, ".").concat(slotKey, "._inputs")),
         _scopedComRefs: {},
+        _inputValues: {},
         _render: undefined,
         render: function render(params) {
-          var _ref3, _params$key, _params$inputValues, _params$inputValues2, _params$inputValues$i, _params$inputValues3, _ref4;
+          var _state$_lastMergedPar, _stableParams$inputVa, _stableParams$inputVa2, _stableParams$inputVa3, _stableParams$inputVa4, _state$_scopedComRefs;
           var r = state._render;
-          // 只有存在 key 或 index 时才认为是“多实例作用域插槽”，需要实例隔离
-          var rawScope = (_ref3 = (_params$key = params === null || params === void 0 ? void 0 : params.key) !== null && _params$key !== void 0 ? _params$key : params === null || params === void 0 || (_params$inputValues = params.inputValues) === null || _params$inputValues === void 0 ? void 0 : _params$inputValues.index) !== null && _ref3 !== void 0 ? _ref3 : params === null || params === void 0 || (_params$inputValues2 = params.inputValues) === null || _params$inputValues2 === void 0 || (_params$inputValues2 = _params$inputValues2.itemData) === null || _params$inputValues2 === void 0 ? void 0 : _params$inputValues2.id;
+          var mergedParams = mergeSlotParams(state._inputValues, params);
+
+          // 浅比较 inputValues，内容不变时复用上次引用，避免 useEffect 死循环
+          if (state._lastMergedParams && shallowEqual(mergedParams === null || mergedParams === void 0 ? void 0 : mergedParams.inputValues, (_state$_lastMergedPar = state._lastMergedParams) === null || _state$_lastMergedPar === void 0 ? void 0 : _state$_lastMergedPar.inputValues)) {
+            // 内容没变，复用旧引用
+          } else {
+            state._lastMergedParams = mergedParams;
+          }
+          var stableParams = state._lastMergedParams;
+
+          // 只有存在 key 或 index 时才认为是"多实例作用域插槽"，需要实例隔离
+          var rawScope = (_stableParams$inputVa = stableParams === null || stableParams === void 0 || (_stableParams$inputVa2 = stableParams.inputValues) === null || _stableParams$inputVa2 === void 0 ? void 0 : _stableParams$inputVa2.index) !== null && _stableParams$inputVa !== void 0 ? _stableParams$inputVa : params === null || params === void 0 ? void 0 : params.key;
           if (rawScope === undefined || rawScope === null) {
             return /*#__PURE__*/React.createElement(SlotParamsBridge, {
               state: state,
-              params: params,
+              params: stableParams,
               render: r
             });
           }
-          var scopeId = "".concat(id, ".").concat(slotKey, "::").concat(String(rawScope));
-          var index = (_params$inputValues$i = params === null || params === void 0 || (_params$inputValues3 = params.inputValues) === null || _params$inputValues3 === void 0 ? void 0 : _params$inputValues3.index) !== null && _params$inputValues$i !== void 0 ? _params$inputValues$i : 0;
-          var scopedComRefs = (_ref4 = state._scopedComRefs)[scopeId] || (_ref4[scopeId] = createPenetratingComRefs(parentComRefs, globalTodoInputs, index));
+          var scopeId = createScopeId(id, slotKey, rawScope);
+          var index = (_stableParams$inputVa3 = stableParams === null || stableParams === void 0 || (_stableParams$inputVa4 = stableParams.inputValues) === null || _stableParams$inputVa4 === void 0 ? void 0 : _stableParams$inputVa4.index) !== null && _stableParams$inputVa3 !== void 0 ? _stableParams$inputVa3 : 0;
+          var scopedComRefs = (_state$_scopedComRefs = state._scopedComRefs)[scopeId] || (_state$_scopedComRefs[scopeId] = createPenetratingComRefs(parentComRefs, todoPool, index));
           return /*#__PURE__*/React.createElement(ScopedComContextProvider, {
             comRefs: scopedComRefs,
             scopeId: scopeId
           }, /*#__PURE__*/React.createElement(SlotParamsBridge, {
             state: state,
-            params: params,
+            params: stableParams,
             render: r
           }));
         }
@@ -106,7 +172,7 @@ export function useEnhancedSlots(rawSlots, id) {
       });
     });
     return nextSlots;
-  }, [rawSlots, id, parentComRefs, globalTodoInputs]);
+  }, [rawSlots, id, parentComRefs, todoPool]);
 }
 export function ScopedComContextProvider(props) {
   var parent = useAppContext();