@mybricks/to-code-taro 1.1.5 → 1.1.7

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

@@ -31,16 +31,20 @@ var Subject = class {
   _empty = true;
   constructor(params = {}) {
     this._log = params.log;
+    this._subjectNextCache = {};
     return new Proxy(this, {
       get(target, prop) {
         if (prop in target) {
           return target[prop];
         }
-        const subjectNext = new SubjectNext(prop);
-        target[import_constant.SUBJECT_SUBSCRIBE]((value, extra) => {
-          subjectNext[import_constant.SUBJECT_NEXT](value, extra);
-        });
-        return subjectNext;
+        if (!target._subjectNextCache[prop]) {
+          const subjectNext = new SubjectNext(prop);
+          target[import_constant.SUBJECT_SUBSCRIBE]((value, extra) => {
+            subjectNext[import_constant.SUBJECT_NEXT](value, extra);
+          });
+          target._subjectNextCache[prop] = subjectNext;
+        }
+        return target._subjectNextCache[prop];
       }
     });
   }

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

@@ -30,9 +30,34 @@ var import_createReactiveInputHandler = require("./createReactiveInputHandler");
 var validateJsMultipleInputs = (input) => {
   return input.match(/\./);
 };
-var createJSHandle = (fn, options) => {
-  let controller;
+var handleCache = /* @__PURE__ */ new Map();
+var getFromCache = (handleKey) => {
+  if (!handleKey || !handleCache.has(handleKey))
+    return null;
+  const cached = handleCache.get(handleKey);
+  if (cached._rels) {
+    Object.values(cached._rels).forEach((subject) => {
+      var _a, _b;
+      (_b = (_a = subject._observers) == null ? void 0 : _a.clear) == null ? void 0 : _b.call(_a);
+      subject._values = [];
+      subject._empty = true;
+    });
+  }
+  return cached;
+};
+var setToCache = (handleKey, exe, rels, needsCache) => {
+  exe._rels = rels;
+  if (handleKey && needsCache) {
+    handleCache.set(handleKey, exe);
+  }
+};
+var createJSHandle = (fn, options, handleKey) => {
   const { props, appContext } = options;
+  const cached = getFromCache(handleKey);
+  if (cached)
+    return cached;
+  const needsCache = fn.__useCache === true;
+  let controller;
   const inputs = new Proxy({}, {
     getOwnPropertyDescriptor() {
       return {
@@ -75,14 +100,20 @@ var createJSHandle = (fn, options) => {
     appContext
   });
   const isJsMultipleInputs = props.inputs[0] ? validateJsMultipleInputs(props.inputs[0]) : false;
+  const exeOutputsCache = {};
   const exeOutputs = new Proxy(
     {},
     {
       get(_, key) {
-        return rels[key] || (rels[key] = new import_Subject.Subject({ log: `${import_constant.EXE_TITLE_MAP["output"]} ${props.title} | ${key}` }));
+        if (!exeOutputsCache[key]) {
+          const subject = rels[key] || (rels[key] = new import_Subject.Subject({ log: `${import_constant.EXE_TITLE_MAP["output"]} ${props.title} | ${key}` }));
+          exeOutputsCache[key] = subject;
+        }
+        return exeOutputsCache[key];
       }
     }
   );
+  const subscribedSubjects = /* @__PURE__ */ new Set();
   const exe = (...args) => {
     if (args.length) {
       if (isJsMultipleInputs) {
@@ -90,6 +121,10 @@ var createJSHandle = (fn, options) => {
         let valueAry = {};
         args.forEach((value, index) => {
           if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+            if (subscribedSubjects.has(value)) {
+              return;
+            }
+            subscribedSubjects.add(value);
             value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
               (0, import_log.log)(`${import_constant.EXE_TITLE_MAP["input"]} ${props.title} | ${props.inputs[index]}`, JSON.stringify(value2));
               valueAry[props.inputs[index]] = value2;
@@ -120,6 +155,10 @@ var createJSHandle = (fn, options) => {
       } else {
         const value = args[0];
         if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+          if (subscribedSubjects.has(value)) {
+            return exeOutputs;
+          }
+          subscribedSubjects.add(value);
           value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
             (0, import_log.log)(`${import_constant.EXE_TITLE_MAP["input"]} ${props.title} | ${props.inputs[0]}`, JSON.stringify(value2));
             (0, import_createReactiveInputHandler.createReactiveInputHandler)({
@@ -142,6 +181,7 @@ var createJSHandle = (fn, options) => {
     }
     return exeOutputs;
   };
+  setToCache(handleKey, exe, rels, needsCache);
   return exe;
 };
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -0,0 +1,112 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/core/utils/comRefResolver.ts
+var comRefResolver_exports = {};
+__export(comRefResolver_exports, {
+  ComRefResolver: () => ComRefResolver
+});
+module.exports = __toCommonJS(comRefResolver_exports);
+var import_pool = require("./pool");
+var ComRefResolver = class {
+  constructor(registry, parent, todoPool, scopeIndex = 0) {
+    this.registry = registry;
+    this.parent = parent;
+    this.todoPool = todoPool;
+    this.scopeIndex = scopeIndex;
+  }
+  /**
+   * 获取组件引用
+   * @returns 真实引用或影子对象
+   */
+  get(id) {
+    var _a, _b;
+    if (this.registry[id] && !this.registry[id].__isShadow) {
+      return this.registry[id];
+    }
+    const parentRef = (_a = this.parent) == null ? void 0 : _a.findRealRef(id);
+    if (parentRef) {
+      return parentRef;
+    }
+    if ((_b = this.registry[id]) == null ? void 0 : _b.__isShadow) {
+      return this.registry[id];
+    }
+    return this.createShadowProxy(id);
+  }
+  /**
+   * 注册真实引用
+   */
+  set(id, ref) {
+    var _a;
+    this.registry[id] = ref;
+    (_a = this.parent) == null ? void 0 : _a.set(id, ref);
+  }
+  /**
+   * 删除引用
+   */
+  delete(id) {
+    var _a;
+    delete this.registry[id];
+    (_a = this.parent) == null ? void 0 : _a.delete(id);
+  }
+  /**
+   * 查找真实引用（仅用于父级链查找）
+   */
+  findRealRef(id) {
+    var _a;
+    const local = this.registry[id];
+    if (local && !local.__isShadow) {
+      return local;
+    }
+    return ((_a = this.parent) == null ? void 0 : _a.findRealRef(id)) ?? null;
+  }
+  /**
+   * 创建影子对象
+   * 关键：影子对象的方法被调用时，会动态查找真实引用
+   */
+  createShadowProxy(id) {
+    const resolver = this;
+    const registry = this.registry;
+    const todoPool = this.todoPool;
+    const scopeIndex = this.scopeIndex;
+    const shadow = new Proxy({ __isShadow: true }, {
+      get(_, method) {
+        if (method === "__isShadow")
+          return true;
+        return (...args) => {
+          const realRef = registry[id];
+          if (realRef && !realRef.__isShadow) {
+            if (typeof realRef[method] === "function") {
+              return realRef[method](...args);
+            }
+            return;
+          }
+          if (todoPool instanceof import_pool.TodoPool) {
+            todoPool.push(id, scopeIndex, method, args);
+          }
+        };
+      }
+    });
+    this.registry[id] = shadow;
+    return shadow;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ComRefResolver
+});

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

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/core/utils/event.ts
+var event_exports = {};
+__export(event_exports, {
+  EventEmitter: () => EventEmitter
+});
+module.exports = __toCommonJS(event_exports);
+var EventEmitter = class {
+  constructor() {
+    this.eventsCache = {};
+    this.addEventListner = (evtName, listner) => {
+      if (!this.eventsCache[evtName]) {
+        this.eventsCache[evtName] = /* @__PURE__ */ new Set([listner]);
+        return;
+      }
+      this.eventsCache[evtName].add(listner);
+    };
+    this.removeEventListner = (evtName, listner) => {
+      if (this.eventsCache[evtName]) {
+        this.eventsCache[evtName].delete(listner);
+      }
+    };
+    this.dispatch = (evtName, detail) => {
+      if (!this.eventsCache[evtName]) {
+        return;
+      }
+      let hasPreventDefault = false;
+      (this.eventsCache[evtName] ?? []).forEach((listner) => listner(detail));
+      return hasPreventDefault;
+    };
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EventEmitter
+});

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

@@ -21,15 +21,16 @@ var hooks_exports = {};
 __export(hooks_exports, {
   deepProxy: () => deepProxy,
   proxyRefs: () => proxyRefs,
-  useBindEvents: () => useBindEvents,
   useBindInputs: () => useBindInputs,
+  useBindOutputs: () => useBindOutputs,
+  useBuiltinHandlers: () => useBuiltinHandlers,
   useModel: () => useModel
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_react = require("react");
 var import_createReactiveInputHandler = require("../mybricks/createReactiveInputHandler");
 var import_ComContext = require("./ComContext");
-var import_pool = require("./pool");
+var import_comRefResolver = require("./comRefResolver");
 function deepProxy(target, onSet) {
   if (target === null || typeof target !== "object" || target.__isProxy)
     return target;
@@ -58,36 +59,30 @@ function useModel(rawData) {
   return (0, import_react.useMemo)(() => deepProxy(dataRef.current, () => forceUpdate({})), []);
 }
 function proxyRefs(target, parentComRefs, todoPool) {
+  var _a;
+  const parentResolver = (_a = parentComRefs == null ? void 0 : parentComRefs.current) == null ? void 0 : _a.__resolver;
+  const scopeIndex = target.$index ?? 0;
+  const resolver = new import_comRefResolver.ComRefResolver(target, parentResolver, todoPool, scopeIndex);
+  target.__resolver = resolver;
   return new Proxy(target, {
     get(obj, prop) {
-      var _a;
       if (prop === "__isProxy")
         return true;
+      if (prop === "__resolver")
+        return resolver;
       if (prop === "toJSON")
         return () => obj;
-      if (typeof prop === "string" && prop.startsWith("u_") && obj[prop] === void 0) {
-        if (((_a = parentComRefs == null ? void 0 : parentComRefs.current) == null ? void 0 : _a[prop]) && !parentComRefs.current[prop].__isShadow) {
-          return parentComRefs.current[prop];
-        }
-        const currentIndex = obj.$index ?? 0;
-        return obj[prop] = new Proxy({ __isShadow: true }, {
-          get(_, method) {
-            if (method === "__isShadow")
-              return true;
-            return (...args) => {
-              if (!(todoPool instanceof import_pool.TodoPool))
-                return;
-              todoPool.push(prop, currentIndex, method, args);
-            };
-          }
-        });
+      if (typeof prop === "string" && prop.startsWith("u_")) {
+        return resolver.get(prop);
       }
       return obj[prop];
     },
     set(obj, prop, value) {
       const result = Reflect.set(obj, prop, value);
       const isRealRef = typeof prop === "string" && !prop.startsWith("$") && (value == null ? void 0 : value.__isShadow) !== true;
-      if (isRealRef && (parentComRefs == null ? void 0 : parentComRefs.current)) {
+      if (isRealRef && typeof prop === "string" && prop.startsWith("u_")) {
+        resolver.set(prop, value);
+      } else if (isRealRef && (parentComRefs == null ? void 0 : parentComRefs.current)) {
         try {
           parentComRefs.current[prop] = value;
         } catch {
@@ -97,8 +92,9 @@ function proxyRefs(target, parentComRefs, todoPool) {
     },
     deleteProperty(obj, prop) {
       const result = Reflect.deleteProperty(obj, prop);
-      const isRealRef = typeof prop === "string" && !prop.startsWith("$");
-      if (isRealRef && (parentComRefs == null ? void 0 : parentComRefs.current)) {
+      if (typeof prop === "string" && prop.startsWith("u_")) {
+        resolver.delete(prop);
+      } else if (typeof prop === "string" && !prop.startsWith("$") && (parentComRefs == null ? void 0 : parentComRefs.current)) {
         try {
           delete parentComRefs.current[prop];
         } catch {
@@ -126,6 +122,8 @@ function useBindInputs(scope, id, initialHandlers) {
       get: (target, pin) => {
         if (pin === "__isShadow")
           return false;
+        if (pin === "__isLazyProxy")
+          return false;
         if (pin === "toJSON")
           return () => target;
         return (arg, ...args) => {
@@ -156,17 +154,42 @@ function useBindInputs(scope, id, initialHandlers) {
     return proxy;
   }, [scope, id, todoPool, index]);
 }
-function useBindEvents(props, context) {
+function useBuiltinHandlers(opts) {
+  const { data, setDynamicStyle, setShow, isPopup } = opts;
   return (0, import_react.useMemo)(() => {
+    const handlers = {
+      _setStyle: (style) => {
+        setDynamicStyle((prev) => ({ ...prev, ...style }));
+      },
+      _setData: (path, value) => {
+        const paths = path.split(".");
+        let current = data;
+        for (let 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: () => setShow(true),
+        hide: () => setShow(false),
+        showOrHide: () => setShow((prev) => !prev)
+      });
+    }
+    return handlers;
+  }, [data, setDynamicStyle, setShow, isPopup]);
+}
+function useBindOutputs(comRefs, id, props, enhancedSlots, context) {
+  var _a;
+  const eventProxy = (0, import_react.useMemo)(() => {
     const events = {};
     Object.keys(props).forEach((key) => {
       if (typeof props[key] === "function") {
         const handler = props[key];
-        const wrapped = (original) => {
-          var _a, _b;
-          const value = ((_b = (_a = context == null ? void 0 : context.parentSlot) == null ? void 0 : _a.params) == null ? void 0 : _b.itemWrap) ? { id: context.id, name: context.name, value: original } : original;
-          return handler(value);
-        };
+        const wrapped = (original) => handler(original);
         wrapped.getConnections = () => [{ id: "default" }];
         events[key] = wrapped;
       }
@@ -185,12 +208,31 @@ function useBindEvents(props, context) {
       }
     });
   }, [props, context]);
+  if ((_a = comRefs == null ? void 0 : comRefs.current) == null ? void 0 : _a.$outputs) {
+    const slotOutputsList = Object.values(enhancedSlots || {}).map((slot) => slot == null ? void 0 : slot.outputs).filter(Boolean);
+    if (slotOutputsList.length > 0) {
+      comRefs.current.$outputs[id] = new Proxy({}, {
+        get(_, prop) {
+          for (const outputs of slotOutputsList) {
+            const fn = outputs[prop];
+            if (fn)
+              return fn;
+          }
+          return eventProxy[prop];
+        }
+      });
+    } else {
+      comRefs.current.$outputs[id] = eventProxy;
+    }
+  }
+  return eventProxy;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   deepProxy,
   proxyRefs,
-  useBindEvents,
   useBindInputs,
+  useBindOutputs,
+  useBuiltinHandlers,
   useModel
 });

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

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/core/utils/index.ts
 var utils_exports = {};
 __export(utils_exports, {
+  ComRefResolver: () => import_comRefResolver.ComRefResolver,
   PopupRenderer: () => import_PopupRenderer.PopupRenderer,
   SUBJECT_SUBSCRIBE: () => import_constant.SUBJECT_SUBSCRIBE,
   SUBJECT_VALUE: () => import_constant.SUBJECT_VALUE,
@@ -41,6 +42,7 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 __reExport(utils_exports, require("./hooks"), module.exports);
 var import_pool = require("./pool");
+var import_comRefResolver = require("./comRefResolver");
 var import_with = require("./with");
 var import_PopupRenderer = require("./PopupRenderer");
 var import_pageRouter = require("./pageRouter");
@@ -52,6 +54,7 @@ var import_constant = require("../mybricks/constant");
 __reExport(utils_exports, require("./slots"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ComRefResolver,
   PopupRenderer,
   SUBJECT_SUBSCRIBE,
   SUBJECT_VALUE,

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

@@ -34,6 +34,7 @@ __export(pageRouter_exports, {
 });
 module.exports = __toCommonJS(pageRouter_exports);
 var import_taro = __toESM(require("@tarojs/taro"));
+var import_tabBar = __toESM(require("@/custom-tab-bar/tabBar.json"));
 var import_mybricks = require("../mybricks");
 var TaroRouter = class {
   constructor() {
@@ -42,35 +43,57 @@ var TaroRouter = class {
   getParams(name) {
     var _a;
     const instance = import_taro.default.getCurrentInstance();
-    let params = ((_a = instance.router) == null ? void 0 : _a.params) || {};
+    const inputParams = ((_a = instance.router) == null ? void 0 : _a.params) || {};
+    let params = Object.keys(inputParams).length === 2 && inputParams.data && typeof inputParams.data === "string" ? inputParams : {
+      data: Object.keys(inputParams).length > 1 ? JSON.stringify({ ...inputParams, $taroTimestamp: void 0 }) : void 0,
+      $taroTimestamp: inputParams.$taroTimestamp
+    };
     if (!params.data && this.paramsBackup[name]) {
       params = { data: this.paramsBackup[name] };
     }
-    return { value: params };
+    const paramsDataStr = params.data ? decodeURIComponent(params.data) : void 0;
+    let paramsData;
+    try {
+      paramsData = paramsDataStr ? JSON.parse(paramsDataStr) : void 0;
+    } catch (error) {
+      paramsData = paramsDataStr;
+    }
+    return { value: paramsData };
   }
   push(name, { value }) {
-    const url = `/pages/${name}/index`;
-    const dataStr = value ? encodeURIComponent(JSON.stringify(value)) : "";
-    if (dataStr) {
-      this.paramsBackup[name] = dataStr;
-    }
-    import_taro.default.navigateTo({
-      url: `${url}${dataStr ? `?data=${dataStr}` : ""}`
-    });
+    const path = `pages/${name}/index`;
+    const navigateType = this.isTabBarPage(path) ? "switchTab" : "navigateTo";
+    this.navigate(navigateType, name, { value });
   }
   replace(name, { value }) {
+    const path = `pages/${name}/index`;
+    const navigateType = this.isTabBarPage(path) ? "switchTab" : "redirectTo";
+    this.navigate(navigateType, name, { value });
+  }
+  navigate(type, name, { value }) {
     const url = `/pages/${name}/index`;
     const dataStr = value ? encodeURIComponent(JSON.stringify(value)) : "";
     if (dataStr) {
       this.paramsBackup[name] = dataStr;
     }
-    import_taro.default.redirectTo({
+    import_taro.default[type]({
       url: `${url}${dataStr ? `?data=${dataStr}` : ""}`
     });
   }
   pop() {
     import_taro.default.navigateBack();
   }
+  /**
+   * 判断是否为标签栏页面
+   * @param pagePath 页面路径
+   * @returns 是否为标签栏页面
+   */
+  isTabBarPage(pagePath) {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = import_tabBar.default) == null ? void 0 : _a.tabBar) == null ? void 0 : _b.list) == null ? void 0 : _c.some(
+      (item) => item.pagePath === pagePath
+    );
+  }
 };
 var router = new TaroRouter();
 var pageRouter = new import_mybricks.Page(router);

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

@@ -38,6 +38,34 @@ var import_react = __toESM(require("react"));
 var import_ComContext = __toESM(require("./ComContext"));
 var import_createReactiveInputHandler = require("../mybricks/createReactiveInputHandler");
 var import_hooks = require("./hooks");
+function shallowEqual(a, b) {
+  if (a === b)
+    return true;
+  if (!a || !b)
+    return false;
+  const keysA = Object.keys(a);
+  const keysB = Object.keys(b);
+  if (keysA.length !== keysB.length)
+    return false;
+  return keysA.every((key) => a[key] === b[key]);
+}
+function mergeSlotParams(stateInputValues, params) {
+  const hasStateInputValues = stateInputValues && Object.keys(stateInputValues).length > 0;
+  const hasParamsInputValues = (params == null ? void 0 : params.inputValues) && Object.keys(params.inputValues).length > 0;
+  if (!hasStateInputValues && !hasParamsInputValues) {
+    return params || {};
+  }
+  return {
+    ...params || {},
+    inputValues: {
+      ...stateInputValues || {},
+      ...(params == null ? void 0 : params.inputValues) || {}
+    }
+  };
+}
+function createScopeId(id, slotKey, rawScope) {
+  return `${id}.${slotKey}::${String(rawScope)}`;
+}
 function createPenetratingComRefs(parentComRefs, todoPool, index = 0) {
   const localTarget = { $inputs: {}, $outputs: {}, $index: index };
   return { current: (0, import_hooks.proxyRefs)(localTarget, parentComRefs, todoPool) };
@@ -50,7 +78,7 @@ function SlotParamsBridge(props) {
   const content = SlotComp ? /* @__PURE__ */ import_react.default.createElement(SlotComp, { ...mergedParams || {} }) : props.children ?? null;
   return /* @__PURE__ */ import_react.default.createElement(import_ComContext.SlotProvider, { value: { ...props.state, params: mergedParams } }, content);
 }
-function createChannelProxy(title) {
+function createChannelProxy(title, onInputCall) {
   const handlersMap = {};
   return new Proxy(
     {},
@@ -61,6 +89,7 @@ function createChannelProxy(title) {
             handlersMap[pin] = arg;
             return;
           }
+          onInputCall == null ? void 0 : onInputCall(pin, arg);
           const handler = handlersMap[pin];
           if (typeof handler === "function") {
             return (0, import_createReactiveInputHandler.createReactiveInputHandler)({
@@ -78,28 +107,45 @@ function createChannelProxy(title) {
 function useEnhancedSlots(rawSlots, id) {
   const { comRefs: parentComRefs, todoPool } = (0, import_ComContext.useAppContext)();
   const slotStoreRef = (0, import_react.useRef)({});
+  const [, forceUpdate] = (0, import_react.useState)({});
   return (0, import_react.useMemo)(() => {
     if (!rawSlots)
       return {};
     const nextSlots = {};
     Object.entries(rawSlots).forEach(([slotKey, slotDef]) => {
+      const onInputCall = (pin, value) => {
+        const state2 = slotStoreRef.current[slotKey];
+        if (state2) {
+          if (!state2._inputValues)
+            state2._inputValues = {};
+          state2._inputValues[pin] = value;
+          forceUpdate({});
+        }
+      };
       const state = slotStoreRef.current[slotKey] || (slotStoreRef.current[slotKey] = {
-        inputs: createChannelProxy(`${id}.${slotKey}.inputs`),
+        inputs: createChannelProxy(`${id}.${slotKey}.inputs`, onInputCall),
         outputs: createChannelProxy(`${id}.${slotKey}.outputs`),
         _inputs: createChannelProxy(`${id}.${slotKey}._inputs`),
         _scopedComRefs: {},
+        _inputValues: {},
         _render: void 0,
         render: (params) => {
-          var _a, _b, _c;
+          var _a, _b, _c, _d;
           const r = state._render;
-          const rawScope = ((_a = params == null ? void 0 : params.inputValues) == null ? void 0 : _a.index) ?? (params == null ? void 0 : params.key);
+          const mergedParams = mergeSlotParams(state._inputValues, params);
+          if (state._lastMergedParams && shallowEqual(mergedParams == null ? void 0 : mergedParams.inputValues, (_a = state._lastMergedParams) == null ? void 0 : _a.inputValues)) {
+          } else {
+            state._lastMergedParams = mergedParams;
+          }
+          const stableParams = state._lastMergedParams;
+          const rawScope = ((_b = stableParams == null ? void 0 : stableParams.inputValues) == null ? void 0 : _b.index) ?? (params == null ? void 0 : params.key);
           if (rawScope === void 0 || rawScope === null) {
-            return /* @__PURE__ */ import_react.default.createElement(SlotParamsBridge, { state, params, render: r });
+            return /* @__PURE__ */ import_react.default.createElement(SlotParamsBridge, { state, params: stableParams, render: r });
           }
-          const scopeId = `${id}.${slotKey}::${String(rawScope)}`;
-          const index = ((_b = params == null ? void 0 : params.inputValues) == null ? void 0 : _b.index) ?? 0;
-          const scopedComRefs = (_c = state._scopedComRefs)[scopeId] || (_c[scopeId] = createPenetratingComRefs(parentComRefs, todoPool, index));
-          return /* @__PURE__ */ import_react.default.createElement(ScopedComContextProvider, { comRefs: scopedComRefs, scopeId }, /* @__PURE__ */ import_react.default.createElement(SlotParamsBridge, { state, params, render: r }));
+          const scopeId = createScopeId(id, slotKey, rawScope);
+          const index = ((_c = stableParams == null ? void 0 : stableParams.inputValues) == null ? void 0 : _c.index) ?? 0;
+          const scopedComRefs = (_d = state._scopedComRefs)[scopeId] || (_d[scopeId] = createPenetratingComRefs(parentComRefs, todoPool, index));
+          return /* @__PURE__ */ import_react.default.createElement(ScopedComContextProvider, { comRefs: scopedComRefs, scopeId }, /* @__PURE__ */ import_react.default.createElement(SlotParamsBridge, { state, params: stableParams, render: r }));
         }
       });
       state._render = slotDef == null ? void 0 : slotDef.render;