@mybricks/to-code-taro 1.0.1 → 1.0.3

package/README.md

@@ -0,0 +1,58 @@
+# MyBricks To Code Taro
+
+MyBricks Taro 代码生成插件，负责将 MyBricks 的 DSL (JSON) 转换为完整的 Taro 项目代码。
+
+## 核心功能
+
+- **DSL 转换**: 解析 MyBricks 协议，生成符合 Taro 规范的 TSX、Less 和配置。
+- **项目组装**: 基于内置模板，自动生成完整的 Taro 项目文件结构。
+- **依赖管理**: 自动分析并注入页面所需的组件和工具库依赖。
+- **响应式支持**: 深度集成 MyBricks 逻辑流，支持变量、Fx、事件流与页面生命周期的自动绑定。
+
+## 开发指南
+
+### 常用命令
+
+#### 1. 开发模式
+```bash
+npm run dev
+```
+启动 `father dev`，在开发过程中实时编译代码。
+
+#### 2. 项目构建
+```bash
+npm run build
+```
+执行生产环境构建，生成 `dist` 目录下的产物。
+
+#### 3. 运行通用测试
+```bash
+npm run test
+```
+运行 `test/index.ts`，验证核心转换逻辑是否正确（不输出物理文件）。
+
+#### 4. 生成测试项目 (常用)
+```bash
+npm run test:project
+```
+执行 `test/genProject.ts`，根据 `test/test-data.json` 生成完整的物理 Taro 项目。
+生成的产物将放在 `src/_output/project` 目录下，您可以直接将该目录拷贝到 Taro 开发环境中运行。
+
+#### 5. 重新生成项目模板
+```bash
+npm run test:template
+```
+执行 `test/genTemplate.ts`。当您修改了 `src/_template` 目录下的基础模板文件后，**必须运行此命令**，以同步更新 `src/taro-template.json`。这个 JSON 文件是生成完整项目时的骨架。
+
+## 项目结构
+
+- `src/core`: 运行时核心工具库（由生成项目引用）。
+- `src/utils`: 生成器内部使用的各种转换工具。
+- `src/processors`: 场景、模块、事件等具体维度的处理逻辑。
+- `src/_template`: 项目生成的基础骨架模板。
+- `test/`: 包含测试数据和用于验证生成的脚本。
+
+---
+
+MyBricks Team
+

package/dist/cjs/core/comlib/{Index.js → index.js}

@@ -26,14 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/core/comlib/Index.ts
-var Index_exports = {};
-__export(Index_exports, {
+// src/core/comlib/index.ts
+var comlib_exports = {};
+__export(comlib_exports, {
   mybricks_taro_scanQrcode: () => import_ScanQrcode.default,
   mybricks_taro_setStorage: () => import_SetStorage.default,
   mybricks_taro_showToast: () => import_ShowToast.default
 });
-module.exports = __toCommonJS(Index_exports);
+module.exports = __toCommonJS(comlib_exports);
 var import_ShowToast = __toESM(require("./_ShowToast"));
 var import_ScanQrcode = __toESM(require("./_ScanQrcode"));
 var import_SetStorage = __toESM(require("./_SetStorage"));

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

@@ -56,8 +56,8 @@ __reExport(mybricks_exports, require("./event"), module.exports);
 var merge = (...subjects) => {
   const merge2 = new import_Subject.Subject();
   subjects.forEach((subject) => {
-    if (subject == null ? void 0 : subject[SUBJECT_SUBSCRIBE]) {
-      subject[SUBJECT_SUBSCRIBE]((value) => {
+    if (subject == null ? void 0 : subject[import_constant.SUBJECT_SUBSCRIBE]) {
+      subject[import_constant.SUBJECT_SUBSCRIBE]((value) => {
         merge2[import_constant.SUBJECT_NEXT](value);
       });
     } else {
@@ -120,8 +120,8 @@ var createInputsHandle = (params, init = false) => {
               }
             };
             if (typeof value0 === "string" && value1) {
-              if (value1 == null ? void 0 : value1[SUBJECT_SUBSCRIBE]) {
-                value1[SUBJECT_SUBSCRIBE]((value) => {
+              if (value1 == null ? void 0 : value1[import_constant.SUBJECT_SUBSCRIBE]) {
+                value1[import_constant.SUBJECT_SUBSCRIBE]((value) => {
                   next({
                     [value0]: value
                   });
@@ -132,8 +132,8 @@ var createInputsHandle = (params, init = false) => {
                 });
               }
             } else {
-              if (value0 == null ? void 0 : value0[SUBJECT_SUBSCRIBE]) {
-                value0[SUBJECT_SUBSCRIBE]((value) => {
+              if (value0 == null ? void 0 : value0[import_constant.SUBJECT_SUBSCRIBE]) {
+                value0[import_constant.SUBJECT_SUBSCRIBE]((value) => {
                   next(value);
                 });
               } else {
@@ -161,8 +161,8 @@ var createInputsHandle = (params, init = false) => {
                   }
                 });
               };
-              if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-                value[SUBJECT_SUBSCRIBE]((value2, extra) => {
+              if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+                value[import_constant.SUBJECT_SUBSCRIBE]((value2, extra) => {
                   if ((extra == null ? void 0 : extra[import_constant.EXCUTE_TYPE_KEY]) === import_constant.EXCUTE_TYPE_VALUE.DATACHANGED && (extra == null ? void 0 : extra.controllerMark) === controllerContext.mark) {
                     return;
                   }
@@ -227,8 +227,8 @@ var createInputsHandle = (params, init = false) => {
               (_b = controllerContext.modifier.attribute) == null ? void 0 : _b.visibility(visibilityState);
             }
           };
-          if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-            value[SUBJECT_SUBSCRIBE](setVisibility);
+          if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+            value[import_constant.SUBJECT_SUBSCRIBE](setVisibility);
           } else {
             setVisibility();
           }
@@ -245,8 +245,8 @@ var createInputsHandle = (params, init = false) => {
             (_b = controllerContext.modifier.attribute) == null ? void 0 : _b.visibility(!!value2 ? Visibility.Visible : Visibility.None);
           }
         };
-        if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-          value[SUBJECT_SUBSCRIBE](setVisibility);
+        if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+          value[import_constant.SUBJECT_SUBSCRIBE](setVisibility);
         } else {
           setVisibility(value);
         }
@@ -338,8 +338,8 @@ var Page = class {
   /** 打开 */
   open(name, value) {
     const controller = pageController();
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         this.appRouter.push(name, { value: value2, controller });
       });
     } else {
@@ -350,8 +350,8 @@ var Page = class {
   /** 打开 */
   replace(name, value) {
     const controller = pageController();
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         this.appRouter.replace(name, { value: value2, controller });
       });
     } else {
@@ -362,8 +362,8 @@ var Page = class {
   /** 确定 */
   commit(name, value) {
     const params = this.appRouter.getParams(name);
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         this.appRouter.pop();
         setTimeout(() => {
           params.controller.commit[import_constant.SUBJECT_NEXT](value2);
@@ -379,8 +379,8 @@ var Page = class {
   /** 取消 */
   cancel(name, value) {
     const params = this.appRouter.getParams(name);
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         this.appRouter.pop();
         setTimeout(() => {
           params.controller.cancel[import_constant.SUBJECT_NEXT](value2);
@@ -396,8 +396,8 @@ var Page = class {
   /** 应用，不关闭 */
   apply(name, value) {
     const params = this.appRouter.getParams(name);
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         params.controller.apply[import_constant.SUBJECT_NEXT](value2);
       });
     } else {
@@ -407,8 +407,8 @@ var Page = class {
   /** 关闭 */
   close(name, value) {
     const params = this.appRouter.getParams(name);
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         this.appRouter.pop();
         setTimeout(() => {
           params.controller.close[import_constant.SUBJECT_NEXT](value2);
@@ -427,8 +427,8 @@ var emit = (fn, value) => {
   if (!fn) {
     return subject;
   }
-  if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-    value[SUBJECT_SUBSCRIBE]((value2) => {
+  if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+    value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
       const res = fn(value2);
       if (res instanceof Promise) {
         res.then((value3) => {
@@ -465,8 +465,8 @@ var createFx = (fx) => {
           if (!outputs[key]) {
             outputs[key] = new import_Subject.Subject();
           }
-          if (value3 == null ? void 0 : value3[SUBJECT_SUBSCRIBE]) {
-            value3[SUBJECT_SUBSCRIBE]((value4) => {
+          if (value3 == null ? void 0 : value3[import_constant.SUBJECT_SUBSCRIBE]) {
+            value3[import_constant.SUBJECT_SUBSCRIBE]((value4) => {
               outputs[key][import_constant.SUBJECT_NEXT](value4);
             });
           } else {
@@ -475,8 +475,8 @@ var createFx = (fx) => {
         });
       }
     };
-    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-      value[SUBJECT_SUBSCRIBE]((value2) => {
+    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
         next(value2);
       });
     } else {
@@ -501,8 +501,8 @@ var createSlotsIO = (params) => {
                 const next = (value) => {
                   inputsMap[key2][import_constant.SUBJECT_NEXT](value);
                 };
-                next[SUBJECT_SUBSCRIBE] = (next2) => {
-                  inputsMap[key2][SUBJECT_SUBSCRIBE](next2);
+                next[import_constant.SUBJECT_SUBSCRIBE] = (next2) => {
+                  inputsMap[key2][import_constant.SUBJECT_SUBSCRIBE](next2);
                 };
                 return next;
               }
@@ -511,8 +511,8 @@ var createSlotsIO = (params) => {
               get(_2, key2) {
                 return (next) => {
                   return (value) => {
-                    if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-                      value[SUBJECT_SUBSCRIBE]((value2) => {
+                    if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+                      value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
                         next(value2);
                       });
                     } else {
@@ -542,8 +542,8 @@ var createModuleInputsHandle = () => {
               outputsMap[key2] = new import_Subject.Subject();
             }
             return (value) => {
-              if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-                value[SUBJECT_SUBSCRIBE]((value2) => {
+              if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+                value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
                   outputsMap[key2][import_constant.SUBJECT_NEXT](value2);
                 });
               } else {
@@ -557,8 +557,8 @@ var createModuleInputsHandle = () => {
         inputsMap[key] = new import_Subject.Subject();
       }
       const next = (value) => {
-        if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-          value[SUBJECT_SUBSCRIBE]((value2) => {
+        if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+          value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
             inputsMap[key][import_constant.SUBJECT_NEXT](value2);
           });
         } else {
@@ -572,9 +572,9 @@ var createModuleInputsHandle = () => {
       };
       return new Proxy(next, {
         get(_2, proxyKey) {
-          if (proxyKey === "subscribe" || proxyKey === SUBJECT_SUBSCRIBE) {
+          if (proxyKey === "subscribe" || proxyKey === import_constant.SUBJECT_SUBSCRIBE) {
             return (next2) => {
-              inputsMap[key][SUBJECT_SUBSCRIBE](next2);
+              inputsMap[key][import_constant.SUBJECT_SUBSCRIBE](next2);
             };
           } else if (proxyKey === "value" || proxyKey === import_constant.SUBJECT_VALUE) {
             return inputsMap[key][import_constant.SUBJECT_VALUE];
@@ -670,8 +670,8 @@ var transformApi = (api) => {
         if (!outputs[key]) {
           outputs[key] = new import_Subject.Subject();
         }
-        if (value2 == null ? void 0 : value2[SUBJECT_SUBSCRIBE]) {
-          value2[SUBJECT_SUBSCRIBE]((value3) => {
+        if (value2 == null ? void 0 : value2[import_constant.SUBJECT_SUBSCRIBE]) {
+          value2[import_constant.SUBJECT_SUBSCRIBE]((value3) => {
             var _a2, _b2;
             if (isDispose) {
               return;
@@ -712,8 +712,8 @@ var transformBus = (bus) => {
             };
           }
         });
-        if (value == null ? void 0 : value[SUBJECT_SUBSCRIBE]) {
-          value[SUBJECT_SUBSCRIBE]((value2) => {
+        if (value == null ? void 0 : value[import_constant.SUBJECT_SUBSCRIBE]) {
+          value[import_constant.SUBJECT_SUBSCRIBE]((value2) => {
             newBus2(value2, callBack);
           });
         } else {
@@ -740,14 +740,14 @@ var createBus = (bus) => {
 var join = (lastSubject, nextSubject) => {
   const subject = new import_Subject.Subject();
   const next = () => {
-    if (nextSubject == null ? void 0 : nextSubject[SUBJECT_SUBSCRIBE]) {
+    if (nextSubject == null ? void 0 : nextSubject[import_constant.SUBJECT_SUBSCRIBE]) {
       subject[import_constant.SUBJECT_NEXT](nextSubject[import_constant.SUBJECT_VALUE]);
     } else {
       subject[import_constant.SUBJECT_NEXT](nextSubject);
     }
   };
-  if (lastSubject == null ? void 0 : lastSubject[SUBJECT_SUBSCRIBE]) {
-    lastSubject[SUBJECT_SUBSCRIBE](() => {
+  if (lastSubject == null ? void 0 : lastSubject[import_constant.SUBJECT_SUBSCRIBE]) {
+    lastSubject[import_constant.SUBJECT_SUBSCRIBE](() => {
       next();
     });
   } else {

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

@@ -20,10 +20,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var ComContext_exports = {};
 __export(ComContext_exports, {
   default: () => ComContext_default,
+  page: () => import_page.page,
   useAppContext: () => useAppContext
 });
 module.exports = __toCommonJS(ComContext_exports);
 var import_react = require("react");
+var import_page = require("./page");
 var ComContext = (0, import_react.createContext)(void 0);
 function useAppContext() {
   const context = (0, import_react.useContext)(ComContext);
@@ -35,5 +37,6 @@ function useAppContext() {
 var ComContext_default = ComContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  page,
   useAppContext
 });

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

@@ -0,0 +1,125 @@
+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/hooks.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  deepProxy: () => deepProxy,
+  useBindEvents: () => useBindEvents,
+  useBindInputs: () => useBindInputs,
+  useModel: () => useModel
+});
+module.exports = __toCommonJS(hooks_exports);
+var import_react = require("react");
+var import_constant = require("../mybricks/constant");
+function deepProxy(target, onSet) {
+  if (target === null || typeof target !== "object" || target.__isProxy) {
+    return target;
+  }
+  return new Proxy(target, {
+    get(obj, prop) {
+      if (prop === "__isProxy")
+        return true;
+      if (prop === "toJSON")
+        return () => obj;
+      let value = obj[prop];
+      const mybricksMethods = ["get", "set", "changed", "reset", "registerChange", "call", "apply", "bind", "push", "pop"];
+      if (value === void 0 && typeof prop === "string" && !mybricksMethods.includes(prop)) {
+        value = obj[prop] = {};
+      }
+      if (typeof value === "object" && value !== null && !value.__isProxy) {
+        obj[prop] = deepProxy(value, onSet);
+      }
+      return obj[prop];
+    },
+    set(obj, prop, value) {
+      const result = Reflect.set(obj, prop, value);
+      if (onSet)
+        onSet();
+      return result;
+    }
+  });
+}
+function useModel(rawData) {
+  const [, forceUpdate] = (0, import_react.useState)({});
+  const dataRef = (0, import_react.useRef)(rawData || {});
+  return (0, import_react.useMemo)(() => {
+    return deepProxy(dataRef.current, () => forceUpdate({}));
+  }, []);
+}
+function useBindInputs(scope, id) {
+  const handlersRef = (0, import_react.useRef)({});
+  return (0, import_react.useMemo)(() => {
+    const proxy = new Proxy({}, {
+      get: (_target, pin) => {
+        return (arg) => {
+          if (typeof arg === "function") {
+            handlersRef.current[pin] = arg;
+          } else {
+            const handler = handlersRef.current[pin];
+            if (typeof handler === "function") {
+              if (arg && arg[import_constant.SUBJECT_SUBSCRIBE]) {
+                arg[import_constant.SUBJECT_SUBSCRIBE]((val) => {
+                  handler(val);
+                });
+              } else {
+                handler(arg);
+              }
+            }
+          }
+        };
+      }
+    });
+    scope[id] = proxy;
+    return proxy;
+  }, [scope, id]);
+}
+function useBindEvents(props) {
+  return (0, import_react.useMemo)(() => {
+    const _events = {};
+    Object.keys(props).forEach((key) => {
+      if (key.startsWith("on") && typeof props[key] === "function") {
+        const handler = props[key];
+        const wrapped = (...args) => handler(...args);
+        wrapped.getConnections = () => [{ id: "default" }];
+        _events[key] = wrapped;
+      }
+    });
+    return new Proxy(_events, {
+      get(target, key) {
+        if (typeof key === "string" && key.startsWith("on")) {
+          if (target[key]) {
+            return target[key];
+          }
+          const emptyFn = () => {
+          };
+          emptyFn.getConnections = () => [];
+          return emptyFn;
+        }
+        return target[key];
+      }
+    });
+  }, [props]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  deepProxy,
+  useBindEvents,
+  useBindInputs,
+  useModel
+});

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

@@ -14,75 +14,39 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/core/utils/index.ts
 var utils_exports = {};
 __export(utils_exports, {
+  SUBJECT_SUBSCRIBE: () => import_constant.SUBJECT_SUBSCRIBE,
+  SUBJECT_VALUE: () => import_constant.SUBJECT_VALUE,
   WithCom: () => import_with.WithCom,
   WithWrapper: () => import_with.WithWrapper,
-  useBindEvents: () => useBindEvents,
-  useBindInputs: () => useBindInputs,
-  useModel: () => useModel
+  createFx: () => import_mybricks.createFx,
+  createVariable: () => import_mybricks.createVariable,
+  merge: () => import_mybricks.merge,
+  page: () => import_page.page,
+  useAppContext: () => import_ComContext.useAppContext
 });
 module.exports = __toCommonJS(utils_exports);
-var import_react = require("react");
+__reExport(utils_exports, require("./hooks"), module.exports);
 var import_with = require("./with");
-function useModel(rawData) {
-  const [, forceUpdate] = (0, import_react.useState)({});
-  const dataRef = (0, import_react.useRef)(rawData || {});
-  return (0, import_react.useMemo)(() => {
-    return new Proxy(dataRef.current, {
-      get(target, key) {
-        return Reflect.get(target, key);
-      },
-      set(target, key, value) {
-        const result = Reflect.set(target, key, value);
-        forceUpdate({});
-        return result;
-      }
-    });
-  }, []);
-}
-function useBindInputs(scope, id) {
-  return (0, import_react.useMemo)(() => {
-    const controller = scope[id] = scope[id] || {};
-    return new Proxy({}, {
-      get: (_target, pin) => {
-        return (arg) => {
-          if (typeof arg === "function") {
-            controller[pin] = arg;
-          } else {
-            const callback = controller[pin];
-            if (typeof callback === "function") {
-              callback(arg);
-            }
-          }
-        };
-      }
-    });
-  }, [scope, id]);
-}
-function useBindEvents(props) {
-  return (0, import_react.useMemo)(() => {
-    const _events = {};
-    Object.keys(props).forEach((key) => {
-      if (key.startsWith("on")) {
-        const handler = props[key];
-        if (typeof handler === "function") {
-          _events[key] = handler;
-          _events[key].getConnections = () => [1];
-        }
-      }
-    });
-    return _events;
-  }, [props]);
-}
+var import_page = require("./page");
+var import_ComContext = require("./ComContext");
+var import_mybricks = require("../mybricks");
+var import_constant = require("../mybricks/constant");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  SUBJECT_SUBSCRIBE,
+  SUBJECT_VALUE,
   WithCom,
   WithWrapper,
-  useBindEvents,
-  useBindInputs,
-  useModel
+  createFx,
+  createVariable,
+  merge,
+  page,
+  useAppContext,
+  ...require("./hooks")
 });

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

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/core/utils/page.ts
+var page_exports = {};
+__export(page_exports, {
+  page: () => page
+});
+module.exports = __toCommonJS(page_exports);
+var import_taro = __toESM(require("@tarojs/taro"));
+var import_mybricks = require("../mybricks");
+var TaroRouter = class {
+  getParams(name) {
+    var _a;
+    const instance = import_taro.default.getCurrentInstance();
+    return {
+      value: (_a = instance.router) == null ? void 0 : _a.params
+    };
+  }
+  push(name, { value }) {
+    const url = `/pages/${name}/index`;
+    const queryString = value ? `?data=${encodeURIComponent(JSON.stringify(value))}` : "";
+    import_taro.default.navigateTo({
+      url: url + queryString
+    });
+  }
+  replace(name, { value }) {
+    const url = `/pages/${name}/index`;
+    const queryString = value ? `?data=${encodeURIComponent(JSON.stringify(value))}` : "";
+    import_taro.default.redirectTo({
+      url: url + queryString
+    });
+  }
+  pop() {
+    import_taro.default.navigateBack();
+  }
+};
+var page = new import_mybricks.Page(new TaroRouter());
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  page
+});

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

@@ -23,8 +23,9 @@ __export(useContext_exports, {
 });
 module.exports = __toCommonJS(useContext_exports);
 var import_react = require("react");
+var import_hooks = require("./hooks");
 function useAppCreateContext() {
-  const comRefs = (0, import_react.useRef)({});
+  const comRefs = (0, import_react.useRef)((0, import_hooks.deepProxy)({}));
   const appContext = {
     canvas: {
       id: "u_7VvVn"