@mybricks/to-code-taro 1.0.6 → 1.0.8

package/dist/cjs/utils/style/pxtransform.js

@@ -19,84 +19,44 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/style/pxtransform.ts
 var pxtransform_exports = {};
 __export(pxtransform_exports, {
-  MIN_PX_THRESHOLD: () => MIN_PX_THRESHOLD,
-  REM_BASE: () => REM_BASE,
-  default: () => pxtransform_default,
-  pxToRem: () => pxToRem,
-  pxToRpx: () => pxToRpx
+  default: () => pxtransform
 });
 module.exports = __toCommonJS(pxtransform_exports);
-var MIN_PX_THRESHOLD = 1;
-var REM_BASE = 20;
-function isPxValue(value) {
-  if (typeof value === "number") {
-    return true;
-  }
-  if (typeof value === "string") {
-    const regex = /^(\d*\.?\d+)px$/;
-    return regex.test(value);
-  }
-  return false;
-}
 function pxToRpx(value) {
   if (typeof value === "number") {
-    if (value <= MIN_PX_THRESHOLD) {
-      return value;
-    }
     return `${value * 2}rpx`;
   }
-  if (typeof value === "string") {
-    const regex = /^(\d*\.?\d+)px$/;
-    const match = value.match(regex);
-    if (match) {
-      const pxValue = parseFloat(match[1]);
-      if (pxValue <= MIN_PX_THRESHOLD) {
-        return pxValue;
-      }
-      return `${pxValue * 2}rpx`;
-    }
-    return value;
-  }
-  return value;
+  if (typeof value !== "string")
+    return String(value);
+  return value.replace(/(\d*\.?\d+)px/g, (_, num) => {
+    return `${parseFloat(num) * 2}rpx`;
+  });
 }
 function pxToRem(value) {
   if (typeof value === "number") {
-    if (value <= MIN_PX_THRESHOLD) {
-      return value;
-    }
-    const remValue = value / REM_BASE;
-    return `${remValue}rem`;
+    return `${value / 16}rem`;
+  }
+  if (typeof value !== "string")
+    return String(value);
+  return value.replace(/(\d*\.?\d+)px/g, (_, num) => {
+    return `${parseFloat(num) / 16}rem`;
+  });
+}
+function isPxValue(value) {
+  if (typeof value === "number") {
+    return true;
   }
   if (typeof value === "string") {
-    const regex = /^(\d*\.?\d+)px$/;
-    const match = value.match(regex);
-    if (match) {
-      const pxValue = parseFloat(match[1]);
-      if (pxValue <= MIN_PX_THRESHOLD) {
-        return pxValue;
-      }
-      const remValue = pxValue / REM_BASE;
-      return `${remValue}rem`;
-    }
-    return value;
+    return /\d*\.?\d+px/.test(value);
   }
-  return value;
+  return false;
 }
-var pxtransform = (value, type = "rpx") => {
-  if (isPxValue(value)) {
-    if (type === "rpx") {
-      return pxToRpx(value);
-    } else if (type === "rem") {
-      return pxToRem(value);
-    }
+function pxtransform(value, target = "rpx") {
+  if (!isPxValue(value)) {
+    return value;
   }
-  return value;
-};
-var pxtransform_default = pxtransform;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MIN_PX_THRESHOLD,
-  REM_BASE,
-  pxToRem,
-  pxToRpx
-});
+  if (target === "rem") {
+    return pxToRem(value);
+  }
+  return pxToRpx(value);
+}

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

@@ -26,7 +26,7 @@ __export(component_exports, {
   wrapEventProcess: () => wrapEventProcess
 });
 module.exports = __toCommonJS(component_exports);
-var import__ = require("../index");
+var import_index = require("./index");
 var genComponentInputsCode = (indent, providerName, comId) => {
   return `${indent}inputs['${comId}'] = useBindInputs(controllers.current.${providerName}, '${comId}');
 `;
@@ -50,8 +50,9 @@ var genSlotRenderRef = ({
   indent,
   isLast
 }) => {
+  const renderFunctionName = (0, import_index.toPascalCase)(`${renderId}_Render`);
   return `${indent}${slotId}: {
-${indent}  render: ${renderId}_Render,
+${indent}  render: ${renderFunctionName},
 ${indent}}${isLast ? "" : ","}
 `;
 };
@@ -70,7 +71,7 @@ var formatSlotContent = ({
     const originalIndentMatch = line.match(/^(\s*)/);
     const originalIndent = originalIndentMatch ? originalIndentMatch[1].length : 0;
     const relativeIndentLevel = Math.floor(originalIndent / baseIndentSize);
-    const newIndent = renderBodyIndent + (0, import__.indentation)(baseIndentSize * relativeIndentLevel);
+    const newIndent = renderBodyIndent + (0, import_index.indentation)(baseIndentSize * relativeIndentLevel);
     formattedLines.push(newIndent + trimmedLine);
   });
   return formattedLines.join("\n");

package/dist/cjs/utils/templates/index.d.ts

@@ -1,9 +1,19 @@
+import { indentation } from "../index";
+export { indentation };
+/** 将第一个字符转大写 */
+export declare const firstCharToUpperCase: (str: string) => string;
+/** 格式化插槽内容缩进 */
+export declare const formatSlotContent: (uiContent: string, baseIndentSize: number, renderBodyIndent: string) => string;
+/** 将字符串转为大驼峰 */
+export declare const toPascalCase: (str: string) => string;
 /** Taro/React UI 组件代码生成 */
 export declare const getUiComponentCode: (params: {
     componentName: string;
     meta: any;
     props: any;
     resultStyle: Record<string, Record<string, string | number>>;
+    /** 可选：自定义 data 的表达式代码（用于插槽动态入参等场景） */
+    dataCode?: string;
     componentInputs?: string[];
     componentOutputs?: string[];
     comEventCode?: string;

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

@@ -19,19 +19,32 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/templates/index.ts
 var templates_exports = {};
 __export(templates_exports, {
-  getUiComponentCode: () => getUiComponentCode
+  firstCharToUpperCase: () => firstCharToUpperCase,
+  formatSlotContent: () => formatSlotContent,
+  getUiComponentCode: () => getUiComponentCode,
+  indentation: () => import__.indentation,
+  toPascalCase: () => toPascalCase
 });
 module.exports = __toCommonJS(templates_exports);
 var import__ = require("../index");
+var firstCharToUpperCase = (str) => {
+  if (!str)
+    return str;
+  return str.charAt(0).toUpperCase() + str.slice(1);
+};
+var formatSlotContent = (uiContent, baseIndentSize, renderBodyIndent) => {
+  return uiContent.split("\n").map((line) => `${renderBodyIndent}${line}`).join("\n");
+};
+var toPascalCase = (str) => {
+  return str.split(/[_-]/).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
+};
 var getUiComponentCode = (params, config) => {
   const {
     componentName,
     meta,
     props,
     resultStyle,
-    componentInputs,
-    componentOutputs,
-    comEventCode,
+    dataCode,
     slotsCode,
     eventHandlers = {}
   } = params;
@@ -44,22 +57,29 @@ ${indent2}component={${componentName}}`;
 ${indent2}id='${meta.id}'`;
   ui += `
 ${indent2}className='${meta.id}'`;
+  if (meta.name) {
+    ui += `
+${indent2}name='${meta.name}'`;
+  }
   if (resultStyle.root && Object.keys(resultStyle.root).length > 0) {
     const styleCode = JSON.stringify(resultStyle.root);
     ui += `
 ${indent2}style={${styleCode}}`;
   }
-  const initialData = JSON.stringify(props.data || {});
+  const initialDataCode = dataCode ?? JSON.stringify(props.data || {});
   ui += `
-${indent2}data={${initialData}}`;
+${indent2}data={${initialDataCode}}`;
   Object.entries(eventHandlers).forEach(([eventName, handlerCode]) => {
     ui += `
 ${indent2}${eventName}={${handlerCode}}`;
   });
   if (slotsCode) {
+    console.log(`[getUiComponentCode] Component ${meta.id} has slotsCode, length: ${slotsCode.length}`);
     ui += `
 ${indent2}slots={{
 ${slotsCode}${indent2}}}`;
+  } else {
+    console.log(`[getUiComponentCode] Component ${meta.id} has NO slotsCode`);
   }
   ui += `
 ${indent}/>`;
@@ -67,5 +87,9 @@ ${indent}/>`;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getUiComponentCode
+  firstCharToUpperCase,
+  formatSlotContent,
+  getUiComponentCode,
+  indentation,
+  toPascalCase
 });

package/dist/cjs/utils/templates/renderManager.d.ts

@@ -1,22 +1,14 @@
 /** Render 函数管理器 */
 export declare class RenderManager {
+    /** 存储格式：renderId -> { renderCode, children?, logicCode?, slotType?, useWrap?, description? } */
     private _renders;
     /**
      * 注册一个 render 函数
-     * @param renderId 唯一标识符，格式：组件ID_插槽ID
-     * @param renderCode render 函数的代码内容（不包含函数声明）
      */
-    register(renderId: string, renderCode: string): void;
+    register(renderId: string, renderCode: string, children?: any[], logicCode?: string, slotType?: string, useWrap?: boolean, description?: string): void;
     /**
-     * 生成所有 render 函数的定义代码
-     * @param indent 基础缩进
+     * 生成所有 render 函数的 definition 代码
      */
     toCode(indent: string): string;
-    /**
-     * 生成 render 对象的引用代码
-     * @param slotId 插槽ID
-     * @param renderId render 函数ID
-     * @param indent 缩进
-     */
     genRenderRef(slotId: string, renderId: string, indent: string): string;
 }

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

@@ -22,22 +22,20 @@ __export(renderManager_exports, {
   RenderManager: () => RenderManager
 });
 module.exports = __toCommonJS(renderManager_exports);
-var import__ = require("../index");
+var import_index = require("./index");
 var RenderManager = class {
   constructor() {
+    /** 存储格式：renderId -> { renderCode, children?, logicCode?, slotType?, useWrap?, description? } */
     this._renders = /* @__PURE__ */ new Map();
   }
   /**
    * 注册一个 render 函数
-   * @param renderId 唯一标识符，格式：组件ID_插槽ID
-   * @param renderCode render 函数的代码内容（不包含函数声明）
    */
-  register(renderId, renderCode) {
-    this._renders.set(renderId, renderCode);
+  register(renderId, renderCode, children, logicCode, slotType, useWrap, description) {
+    this._renders.set(renderId, { renderCode, children, logicCode, slotType, useWrap, description });
   }
   /**
-   * 生成所有 render 函数的定义代码
-   * @param indent 基础缩进
+   * 生成所有 render 函数的 definition 代码
    */
   toCode(indent) {
     if (this._renders.size === 0) {
@@ -45,31 +43,98 @@ var RenderManager = class {
     }
     let code = "";
     const indentSize = 2;
-    const indent2 = (0, import__.indentation)(indentSize);
-    this._renders.forEach((renderCode, renderId) => {
-      code += `${indent}const ${renderId}_Render = (params?: { style?: any }) => {
+    const indent2 = (0, import_index.indentation)(indentSize);
+    const indent3 = (0, import_index.indentation)(indentSize * 2);
+    const indent4 = (0, import_index.indentation)(indentSize * 3);
+    const indent5 = (0, import_index.indentation)(indentSize * 4);
+    const indent6 = (0, import_index.indentation)(indentSize * 5);
+    this._renders.forEach(({ renderCode, children, logicCode, useWrap, description }, renderId) => {
+      const renderFunctionName = (0, import_index.toPascalCase)(`${renderId}_Render`);
+      if (description) {
+        code += `${indent}/** ${description} */
 `;
+      }
+      code += `${indent}function ${renderFunctionName}(params: any) {
+`;
+      code += `${indent}${indent2}const { comRefs, outputs } = useAppContext();
+`;
+      if (logicCode) {
+        code += logicCode.split("\n").map((line) => `${indent}${line}`).join("\n") + "\n";
+      }
+      const comVars = {};
+      let modifiedRenderCode = renderCode;
+      if (children && children.length > 0) {
+        children.forEach((child) => {
+          if (child.type === "com") {
+            const varName = `${child.id}_JSX`;
+            const comJsx = child.ui.trim();
+            comVars[child.id] = varName;
+            code += `${indent}${indent2}const ${varName} = (
+`;
+            code += `${indent}${indent3}${comJsx}
+`;
+            code += `${indent}${indent2});
+`;
+            const pattern = new RegExp(`<WithCom\\s+[^>]*id=['"]${child.id}['"][\\s\\S]*?/>|<WithCom\\s+[^>]*id=['"]${child.id}['"][\\s\\S]*?>[\\s\\S]*?</WithCom>`, "g");
+            modifiedRenderCode = modifiedRenderCode.replace(pattern, `{${varName}}`);
+          }
+        });
+        code += "\n";
+      }
+      if (useWrap && children && children.length > 0) {
+        code += `${indent}${indent2}const descriptors = [
+`;
+        children.forEach((child) => {
+          var _a;
+          if (child.type === "com") {
+            const childStyle = JSON.stringify(child.rootStyle || ((_a = child.props) == null ? void 0 : _a.style) || {});
+            const varName = comVars[child.id];
+            code += `${indent}${indent3}{
+`;
+            code += `${indent}${indent4}id: '${child.id}',
+`;
+            code += `${indent}${indent4}name: ${child.name !== void 0 ? `'${child.name}'` : "undefined"},
+`;
+            code += `${indent}${indent4}style: ${childStyle},
+`;
+            code += `${indent}${indent4}get inputs() { return comRefs.current['${child.id}'] },
+`;
+            code += `${indent}${indent4}get outputs() { return outputs.current['${child.id}'] },
+`;
+            code += `${indent}${indent4}jsx: ${varName},
+`;
+            code += `${indent}${indent3}},
+`;
+          }
+        });
+        code += `${indent}${indent2}];
+
+`;
+      }
       code += `${indent}${indent2}return (
 `;
-      code += renderCode;
-      code += `
-${indent}${indent2});
+      if (useWrap) {
+        code += `${indent}${indent3}params?.wrap?.(descriptors)
 `;
-      code += `${indent}};
+      } else {
+        code += `${indent}${indent3}<>
+`;
+        code += modifiedRenderCode.split("\n").map((line) => `${indent}${indent2}${line}`).join("\n") + "\n";
+        code += `${indent}${indent3}</>
+`;
+      }
+      code += `${indent}${indent2});
+`;
+      code += `${indent}}
 
 `;
     });
     return code;
   }
-  /**
-   * 生成 render 对象的引用代码
-   * @param slotId 插槽ID
-   * @param renderId render 函数ID
-   * @param indent 缩进
-   */
   genRenderRef(slotId, renderId, indent) {
+    const renderFunctionName = (0, import_index.toPascalCase)(`${renderId}_Render`);
     return `${indent}${slotId}: {
-${indent}  render: ${renderId}_Render,
+${indent}  render: ${renderFunctionName},
 ${indent}},
 `;
   }

package/dist/cjs/utils/templates/scene.d.ts

@@ -7,9 +7,10 @@ export declare const genSlotDefineCode: (indent: string) => string;
 /** 生成控制器初始化代码 */
 export declare const genControllerInitCode: (indent: string, providerName: string) => string;
 /** 生成完整的函数组件模板 */
-export declare const genComponentTemplate: ({ componentName, combinedJsCode, uiResult, outputsConfig, scopeName, utilsPackageName, isPopup, hasPopups, }: {
+export declare const genComponentTemplate: ({ componentName, combinedJsCode, renderDefinitions, uiResult, outputsConfig, scopeName, utilsPackageName, isPopup, hasPopups, }: {
     componentName: string;
     combinedJsCode: string;
+    renderDefinitions?: string;
     uiResult: string;
     outputsConfig?: Record<string, Record<string, any>>;
     scopeName?: string;

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

@@ -50,6 +50,8 @@ var genControllerInitCode = (indent, providerName) => {
 var genComponentTemplate = ({
   componentName,
   combinedJsCode,
+  renderDefinitions = "",
+  // 新增：外部定义的渲染函数
   uiResult,
   outputsConfig,
   scopeName,
@@ -57,7 +59,8 @@ var genComponentTemplate = ({
   isPopup = false,
   hasPopups = false
 }) => {
-  let code = `function ${componentName}() {
+  let code = `${renderDefinitions}
+function ${componentName}() {
 ${combinedJsCode}
   return (
     <>

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

@@ -1,6 +1,7 @@
 import { createContext, useContext } from 'react';
 export { pageRouter } from "./pageRouter";
 var ComContext = /*#__PURE__*/createContext(undefined);
+var SlotContext = /*#__PURE__*/createContext(null);
 export function useAppContext() {
   var context = useContext(ComContext);
   if (!context) {
@@ -8,4 +9,8 @@ export function useAppContext() {
   }
   return context;
 }
+export function useParentSlot() {
+  return useContext(SlotContext);
+}
+export var SlotProvider = SlotContext.Provider;
 export default ComContext;

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

@@ -83,11 +83,13 @@ export function useBindInputs(scope, id, initialHandlers) {
     });
 
     // 将代理对象挂载到作用域，供外部 comRefs.current.id.pin() 调用
-    scope[id] = proxy;
+    if (scope && scope.current) {
+      scope.current[id] = proxy;
+    }
     return proxy;
   }, [scope, id]);
 }
-export function useBindEvents(props) {
+export function useBindEvents(props, context) {
   return useMemo(function () {
     var _events = {};
 
@@ -95,8 +97,15 @@ export function useBindEvents(props) {
     Object.keys(props).forEach(function (key) {
       if (key.startsWith('on') && typeof props[key] === 'function') {
         var handler = props[key];
-        var wrapped = function wrapped() {
-          return handler.apply(void 0, arguments);
+        var wrapped = function wrapped(originalValue) {
+          // 鸿蒙/render-web 规范：如果是在插槽中触发事件，且存在父级协议，则自动封装元数据
+          // 这解决了 FormContainer 等组件识别子项的需求
+          var value = context ? {
+            id: context.id,
+            name: context.name,
+            value: originalValue
+          } : originalValue;
+          return handler(value);
         };
         wrapped.getConnections = function () {
           return [{
@@ -122,5 +131,5 @@ export function useBindEvents(props) {
         return target[key];
       }
     });
-  }, [props]);
+  }, [props, context]);
 }

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

@@ -3,6 +3,8 @@ export { WithCom, WithWrapper } from "./with";
 export { PopupRenderer } from "./PopupRenderer";
 export { pageRouter, router } from "./pageRouter";
 export { popupRouter, subscribePopupRouter, closeActivePopupRouter } from "./popupRouter";
-export { useAppContext } from "./ComContext";
+export { useAppContext, SlotProvider } from "./ComContext";
+export { useAppCreateContext } from "./useContext";
 export { createVariable, createFx, merge } from "../mybricks";
-export { SUBJECT_SUBSCRIBE, SUBJECT_VALUE } from "../mybricks/constant";
+export { SUBJECT_SUBSCRIBE, SUBJECT_VALUE } from "../mybricks/constant";
+export * from "./slots";

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

@@ -0,0 +1,108 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useMemo, useRef } from "react";
+import ComContext, { SlotProvider, useAppContext, useParentSlot } from "./ComContext";
+import { createReactiveInputHandler } from "../mybricks/createReactiveInputHandler";
+function createChannelProxy(title) {
+  var handlersMap = {};
+  return new Proxy({}, {
+    get: function get(_t, pin) {
+      return function (arg) {
+        if (typeof arg === "function") {
+          handlersMap[pin] = arg;
+          return;
+        }
+        var handler = handlersMap[pin];
+        if (typeof handler === "function") {
+          return createReactiveInputHandler({
+            input: handler,
+            value: arg,
+            rels: {},
+            title: title
+          });
+        }
+      };
+    }
+  });
+}
+
+/**
+ * 参考鸿蒙的 createSlotsIO：
+ * - 确保每个 slot 都具备 inputs / outputs / _inputs 三套通道，避免 runtime 访问时报 undefined
+ * - render 时通过 SlotProvider 注入 parentSlot（slot 内子组件可 useParentSlot 获取）
+ */
+export function useEnhancedSlots(rawSlots, id) {
+  var slotStoreRef = useRef({});
+  return useMemo(function () {
+    if (!rawSlots) return {};
+    var nextSlots = {};
+    Object.entries(rawSlots).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        slotKey = _ref2[0],
+        slotDef = _ref2[1];
+      var state = slotStoreRef.current[slotKey] || (slotStoreRef.current[slotKey] = {
+        inputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".inputs")),
+        outputs: createChannelProxy("".concat(id, ".").concat(slotKey, ".outputs")),
+        _inputs: createChannelProxy("".concat(id, ".").concat(slotKey, "._inputs")),
+        _scopedComRefs: {},
+        _render: undefined,
+        render: function render(params) {
+          var _ref3, _params$key, _params$inputValues, _params$inputValues2, _ref4;
+          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 SlotComp = r;
+          var content = r ? /*#__PURE__*/React.createElement(SlotComp, params || {}) : null;
+          if (rawScope === undefined || rawScope === null) {
+            return /*#__PURE__*/React.createElement(SlotProvider, {
+              value: _objectSpread(_objectSpread({}, state), {}, {
+                params: params
+              })
+            }, content);
+          }
+          var scopeId = "".concat(id, ".").concat(slotKey, "::").concat(String(rawScope));
+          var scopedComRefs = (_ref4 = state._scopedComRefs)[scopeId] || (_ref4[scopeId] = {
+            current: {
+              $inputs: {}
+            }
+          });
+          return /*#__PURE__*/React.createElement(SlotProvider, {
+            value: _objectSpread(_objectSpread({}, state), {}, {
+              params: params
+            })
+          }, /*#__PURE__*/React.createElement(ScopedComContextProvider, {
+            comRefs: scopedComRefs,
+            scopeId: scopeId
+          }, content));
+        }
+      });
+      state._render = slotDef === null || slotDef === void 0 ? void 0 : slotDef.render;
+      nextSlots[slotKey] = _objectSpread(_objectSpread({}, slotDef || {}), {}, {
+        render: state.render,
+        inputs: state.inputs,
+        outputs: state.outputs,
+        _inputs: state._inputs
+      });
+    });
+    return nextSlots;
+  }, [rawSlots, id]);
+}
+export function ScopedComContextProvider(props) {
+  var parent = useAppContext();
+  var value = useMemo(function () {
+    // 如果没有显式传 comRefs，则沿用父级的，但依然带上新的 scopeId
+    return _objectSpread(_objectSpread({}, parent), {}, {
+      comRefs: props.comRefs || parent.comRefs,
+      $scopeId: props.scopeId
+    });
+  }, [parent, props.comRefs, props.scopeId]);
+  return /*#__PURE__*/React.createElement(ComContext.Provider, {
+    value: value
+  }, props.children);
+}
+
+/** parentSlot 解析：props 优先，其次用 SlotProvider 注入的 context */
+export function useResolvedParentSlot(parentSlotProp) {
+  var parentSlotFromCtx = useParentSlot();
+  return parentSlotProp !== null && parentSlotProp !== void 0 ? parentSlotProp : parentSlotFromCtx;
+}

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

@@ -1,8 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useRef, useState } from 'react';
+import { useRef, useState, useMemo } from 'react';
 import { deepProxy } from "./hooks";
 export function useAppCreateContext() {
-  var comRefs = useRef(deepProxy({}));
+  // 约定：场景级 inputs 统一挂载到 $inputs，避免与组件 runtime 的 inputs 命名冲突
+  // 同时可避免 `Cannot set property 'open' of undefined`
+  var comRefs = useRef(deepProxy({
+    $inputs: {}
+  }));
+  var outputs = useRef(deepProxy({}));
   var _useState = useState({
       visible: false,
       name: '',
@@ -12,7 +17,7 @@ export function useAppCreateContext() {
     _useState2 = _slicedToArray(_useState, 2),
     popupState = _useState2[0],
     setPopupState = _useState2[1];
-  var appContext = {
+  var appContext = useRef({
     canvas: {
       id: "u_7VvVn" // 使用 data 中的 id
     },
@@ -26,12 +31,17 @@ export function useAppCreateContext() {
     isRelease: false,
     isDebug: false,
     isLocal: false,
-    isTest: false
-  };
-  return {
-    comRefs: comRefs,
-    appContext: appContext,
-    popupState: popupState,
-    setPopupState: setPopupState
-  };
+    isTest: false,
+    tabBar: [],
+    useTabBar: false
+  }).current;
+  return useMemo(function () {
+    return {
+      comRefs: comRefs,
+      outputs: outputs,
+      appContext: appContext,
+      popupState: popupState,
+      setPopupState: setPopupState
+    };
+  }, [popupState]);
 }