@mybricks/to-code-taro 1.0.2 → 1.0.3

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

@@ -0,0 +1,181 @@
+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/utils/style/converter.ts
+var converter_exports = {};
+__export(converter_exports, {
+  convertComponentStyle: () => convertComponentStyle,
+  convertRootStyle: () => convertRootStyle,
+  convertStyleAryToCss: () => convertStyleAryToCss
+});
+module.exports = __toCommonJS(converter_exports);
+var import_pxtransform = __toESM(require("./pxtransform"));
+var import_string = require("../common/string");
+var convertRootStyle = (style) => {
+  const rootStyle = {};
+  Object.entries(style || {}).forEach(([key, value]) => {
+    if (key === "_new" || key === "themesId" || key === "visibility" || key === "styleAry") {
+      return;
+    }
+    if (key === "layout") {
+      if (typeof value === "object" && value !== null) {
+        const layoutObj = value;
+        Object.entries(layoutObj).forEach(([lKey, lValue]) => {
+          if (lKey === "position") {
+            if (lValue === "smart") {
+              rootStyle["position"] = "absolute";
+            } else if (lValue !== "inherit") {
+              rootStyle["position"] = lValue;
+            }
+          } else {
+            const camelLayoutKey = (0, import_string.kebabToCamel)(lKey);
+            rootStyle[camelLayoutKey] = (0, import_pxtransform.default)(lValue);
+          }
+        });
+      } else if (value === "flex-row") {
+        rootStyle["display"] = "flex";
+        rootStyle["flexDirection"] = "row";
+      } else if (value === "flex-column") {
+        rootStyle["display"] = "flex";
+        rootStyle["flexDirection"] = "column";
+      } else if (value === "smart") {
+        rootStyle["position"] = "relative";
+      }
+      return;
+    }
+    const camelKey = key.includes("-") ? (0, import_string.kebabToCamel)(key) : key;
+    if (typeof value === "string" || typeof value === "number") {
+      rootStyle[camelKey] = (0, import_pxtransform.default)(value);
+    }
+  });
+  return rootStyle;
+};
+var convertComponentStyle = (style) => {
+  const resultStyle = {};
+  const rootStyle = convertRootStyle(style);
+  if (style.styleAry) {
+    style.styleAry.forEach(
+      ({
+        css,
+        selector
+      }) => {
+        const transformedCss = {};
+        Object.entries(css).forEach(([cssKey, cssValue]) => {
+          if (cssKey === "layout") {
+            if (typeof cssValue === "object" && cssValue !== null) {
+              const layoutObj = cssValue;
+              Object.entries(layoutObj).forEach(([lKey, lValue]) => {
+                if (lKey === "position") {
+                  if (lValue === "smart") {
+                    transformedCss["position"] = "absolute";
+                  } else if (lValue !== "inherit") {
+                    transformedCss["position"] = lValue;
+                  }
+                } else {
+                  transformedCss[(0, import_string.kebabToCamel)(lKey)] = lValue;
+                }
+              });
+            } else if (cssValue === "flex-row") {
+              transformedCss["display"] = "flex";
+              transformedCss["flexDirection"] = "row";
+            } else if (cssValue === "flex-column") {
+              transformedCss["display"] = "flex";
+              transformedCss["flexDirection"] = "column";
+            } else if (cssValue === "smart") {
+              transformedCss["position"] = "relative";
+            }
+          } else {
+            const camelKey = cssKey.includes("-") ? (0, import_string.kebabToCamel)(cssKey) : cssKey;
+            transformedCss[camelKey] = (0, import_pxtransform.default)(cssValue);
+          }
+        });
+        resultStyle[selector] = transformedCss;
+      }
+    );
+  }
+  resultStyle["root"] = rootStyle;
+  return resultStyle;
+};
+var convertStyleAryToCss = (styleAry, parentSelector) => {
+  if (!Array.isArray(styleAry))
+    return "";
+  const prefix = parentSelector ? `.${parentSelector} ` : "";
+  return styleAry.map(({ selector, css }) => {
+    if (!selector || !css)
+      return "";
+    let finalSelector = selector;
+    if (finalSelector.startsWith(">")) {
+      finalSelector = `${prefix}${finalSelector}`;
+    } else {
+      finalSelector = `${prefix}${finalSelector}`;
+    }
+    const transformedCss = {};
+    Object.entries(css).forEach(([key, value]) => {
+      if (key === "layout") {
+        if (typeof value === "object" && value !== null) {
+          const layoutObj = value;
+          Object.entries(layoutObj).forEach(([lKey, lValue]) => {
+            if (lKey === "position") {
+              if (lValue === "smart") {
+                transformedCss["position"] = "absolute";
+              } else if (lValue !== "inherit") {
+                transformedCss["position"] = lValue;
+              }
+            } else {
+              transformedCss[(0, import_string.kebabToCamel)(lKey)] = lValue;
+            }
+          });
+        } else if (value === "flex-row") {
+          transformedCss["display"] = "flex";
+          transformedCss["flexDirection"] = "row";
+        } else if (value === "flex-column") {
+          transformedCss["display"] = "flex";
+          transformedCss["flexDirection"] = "column";
+        } else if (value === "smart") {
+          transformedCss["position"] = "relative";
+        }
+      } else {
+        transformedCss[(0, import_string.kebabToCamel)(key)] = value;
+      }
+    });
+    const cssString = Object.entries(transformedCss).map(([key, value]) => {
+      const kebabKey = (0, import_string.camelToKebab)(key);
+      const formattedValue = typeof value === "number" ? `${value}px` : value;
+      return `  ${kebabKey}: ${formattedValue};`;
+    }).join("\n");
+    return `${finalSelector} {
+${cssString}
+}`;
+  }).join("\n\n");
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertComponentStyle,
+  convertRootStyle,
+  convertStyleAryToCss
+});

package/dist/cjs/utils/{getComponentClassName.js → style/getComponentClassName.js}

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/getComponentClassName.ts
+// src/utils/style/getComponentClassName.ts
 var getComponentClassName_exports = {};
 __export(getComponentClassName_exports, {
   getComponentClassName: () => getComponentClassName,

package/dist/cjs/utils/{pxtransform.js → style/pxtransform.js}

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/pxtransform.ts
+// src/utils/style/pxtransform.ts
 var pxtransform_exports = {};
 __export(pxtransform_exports, {
   MIN_PX_THRESHOLD: () => MIN_PX_THRESHOLD,

package/dist/cjs/utils/style/types.d.ts

@@ -0,0 +1,23 @@
+export interface Style {
+    layout?: "smart" | "flex-column" | "flex-row" | {
+        display?: string;
+        position?: string;
+        flexDirection?: string;
+        alignItems?: string;
+        justifyContent?: string;
+        flexWrap?: string;
+        rowGap?: number;
+        columnGap?: number;
+    };
+    width?: string | number;
+    height?: string | number;
+    styleAry?: Array<{
+        selector: string;
+        css: Record<string, any>;
+    }>;
+    slots?: Record<string, {
+        layout?: string | object;
+        [key: string]: any;
+    }>;
+    [key: string]: any;
+}

package/dist/cjs/utils/{pageConfig → style}/types.js

@@ -12,6 +12,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/pageConfig/types.ts
+// src/utils/style/types.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);

package/dist/cjs/utils/{code → templates}/component.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/code/component.ts
+// src/utils/templates/component.ts
 var component_exports = {};
 __export(component_exports, {
   formatSlotContent: () => formatSlotContent,

package/dist/cjs/utils/{code → templates}/index.js

@@ -16,12 +16,12 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/code/index.ts
-var code_exports = {};
-__export(code_exports, {
+// src/utils/templates/index.ts
+var templates_exports = {};
+__export(templates_exports, {
   getUiComponentCode: () => getUiComponentCode
 });
-module.exports = __toCommonJS(code_exports);
+module.exports = __toCommonJS(templates_exports);
 var import__ = require("../index");
 var getUiComponentCode = (params, config) => {
   const {

package/dist/cjs/utils/{code → templates}/renderManager.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/code/renderManager.ts
+// src/utils/templates/renderManager.ts
 var renderManager_exports = {};
 __export(renderManager_exports, {
   RenderManager: () => RenderManager

package/dist/cjs/utils/{code → templates}/scene.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/utils/code/scene.ts
+// src/utils/templates/scene.ts
 var scene_exports = {};
 __export(scene_exports, {
   genComponentTemplate: () => genComponentTemplate,

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

@@ -5,7 +5,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 var _excluded = ["root"];
-import { SUBJECT_NEXT, SUBJECT_VALUE, VARS_MARK, BASECONTROLLER_MARK, EXE_TITLE_MAP, CONTROLLER_CONTEXT, EXCUTE_TYPE_KEY, EXCUTE_TYPE_VALUE } from "./constant";
+import { SUBJECT_NEXT, SUBJECT_VALUE, SUBJECT_SUBSCRIBE, VARS_MARK, BASECONTROLLER_MARK, EXE_TITLE_MAP, CONTROLLER_CONTEXT, EXCUTE_TYPE_KEY, EXCUTE_TYPE_VALUE } from "./constant";
 import { log } from "./log";
 import { Subject } from "./Subject";
 import { context } from "./context";

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

@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'react';
+export { page } from "./page";
 var ComContext = /*#__PURE__*/createContext(undefined);
 export function useAppContext() {
   var context = useContext(ComContext);

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

@@ -0,0 +1,118 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { useState, useRef, useMemo } from 'react';
+import { SUBJECT_SUBSCRIBE } from "../mybricks/constant";
+
+/**
+ * 深度代理，支持自动路径初始化和响应式更新（鸿蒙化处理方案）
+ */
+export function deepProxy(target, onSet) {
+  if (target === null || _typeof(target) !== 'object' || target.__isProxy) {
+    return target;
+  }
+  return new Proxy(target, {
+    get: function get(obj, prop) {
+      if (prop === '__isProxy') return true;
+      if (prop === 'toJSON') return function () {
+        return obj;
+      };
+      var value = obj[prop];
+
+      // 只有在访问不存在的对象属性时，才自动创建（实现类似 ensure 的效果）
+      // 特意排除 MyBricks 内置的方法名，以便在生成代码中进行初始化判断
+      var mybricksMethods = ['get', 'set', 'changed', 'reset', 'registerChange', 'call', 'apply', 'bind', 'push', 'pop'];
+      if (value === undefined && 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: function set(obj, prop, value) {
+      var result = Reflect.set(obj, prop, value);
+      if (onSet) onSet();
+      return result;
+    }
+  });
+}
+export function useModel(rawData) {
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    forceUpdate = _useState2[1];
+  var dataRef = useRef(rawData || {});
+  return useMemo(function () {
+    return deepProxy(dataRef.current, function () {
+      return forceUpdate({});
+    });
+  }, []);
+}
+export function useBindInputs(scope, id) {
+  var handlersRef = useRef({});
+  return useMemo(function () {
+    var proxy = new Proxy({}, {
+      get: function get(_target, pin) {
+        return function (arg) {
+          if (typeof arg === 'function') {
+            // 组件注册回调
+            handlersRef.current[pin] = arg;
+          } else {
+            // 逻辑流触发输入
+            var handler = handlersRef.current[pin];
+            if (typeof handler === 'function') {
+              if (arg && arg[SUBJECT_SUBSCRIBE]) {
+                // 如果传入的是 Subject，自动订阅并触发回调
+                arg[SUBJECT_SUBSCRIBE](function (val) {
+                  handler(val);
+                });
+              } else {
+                handler(arg);
+              }
+            }
+          }
+        };
+      }
+    });
+
+    // 将代理对象挂载到作用域，供外部 comRefs.current.id.pin() 调用
+    scope[id] = proxy;
+    return proxy;
+  }, [scope, id]);
+}
+export function useBindEvents(props) {
+  return useMemo(function () {
+    var _events = {};
+
+    // 预处理已存在的事件
+    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);
+        };
+        wrapped.getConnections = function () {
+          return [{
+            id: 'default'
+          }];
+        };
+        _events[key] = wrapped;
+      }
+    });
+    return new Proxy(_events, {
+      get: function get(target, key) {
+        if (typeof key === 'string' && key.startsWith('on')) {
+          if (target[key]) {
+            return target[key];
+          }
+          // 对未连接的事件返回兜底函数
+          var emptyFn = function emptyFn() {};
+          emptyFn.getConnections = function () {
+            return [];
+          };
+          return emptyFn;
+        }
+        return target[key];
+      }
+    });
+  }, [props]);
+}

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

@@ -1,57 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useState, useRef, useMemo } from 'react';
-export function useModel(rawData) {
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    forceUpdate = _useState2[1];
-  var dataRef = useRef(rawData || {});
-  return useMemo(function () {
-    return new Proxy(dataRef.current, {
-      get: function get(target, key) {
-        return Reflect.get(target, key);
-      },
-      set: function set(target, key, value) {
-        var result = Reflect.set(target, key, value);
-        forceUpdate({});
-        return result;
-      }
-    });
-  }, []);
-}
-export function useBindInputs(scope, id) {
-  return useMemo(function () {
-    var controller = scope[id] = scope[id] || {};
-    return new Proxy({}, {
-      get: function get(_target, pin) {
-        return function (arg) {
-          if (typeof arg === 'function') {
-            controller[pin] = arg;
-          } else {
-            var callback = controller[pin];
-            if (typeof callback === 'function') {
-              callback(arg);
-            }
-          }
-        };
-      }
-    });
-  }, [scope, id]);
-}
-export function useBindEvents(props) {
-  return useMemo(function () {
-    var _events = {};
-    Object.keys(props).forEach(function (key) {
-      if (key.startsWith('on')) {
-        var handler = props[key];
-        if (typeof handler === 'function') {
-          _events[key] = handler;
-          _events[key].getConnections = function () {
-            return [1];
-          };
-        }
-      }
-    });
-    return _events;
-  }, [props]);
-}
-export { WithCom, WithWrapper } from "./with";
+export * from "./hooks";
+export { WithCom, WithWrapper } from "./with";
+export { page } from "./page";
+export { useAppContext } from "./ComContext";
+export { createVariable, createFx, merge } from "../mybricks";
+export { SUBJECT_SUBSCRIBE, SUBJECT_VALUE } from "../mybricks/constant";

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

@@ -0,0 +1,50 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import Taro from '@tarojs/taro';
+import { Page } from "../mybricks";
+
+/**
+ * Taro 路由实现
+ */
+var TaroRouter = /*#__PURE__*/function () {
+  function TaroRouter() {
+    _classCallCheck(this, TaroRouter);
+  }
+  _createClass(TaroRouter, [{
+    key: "getParams",
+    value: function getParams(name) {
+      var _instance$router;
+      var instance = Taro.getCurrentInstance();
+      return {
+        value: (_instance$router = instance.router) === null || _instance$router === void 0 ? void 0 : _instance$router.params
+      };
+    }
+  }, {
+    key: "push",
+    value: function push(name, _ref) {
+      var value = _ref.value;
+      var url = "/pages/".concat(name, "/index");
+      var queryString = value ? "?data=".concat(encodeURIComponent(JSON.stringify(value))) : '';
+      Taro.navigateTo({
+        url: url + queryString
+      });
+    }
+  }, {
+    key: "replace",
+    value: function replace(name, _ref2) {
+      var value = _ref2.value;
+      var url = "/pages/".concat(name, "/index");
+      var queryString = value ? "?data=".concat(encodeURIComponent(JSON.stringify(value))) : '';
+      Taro.redirectTo({
+        url: url + queryString
+      });
+    }
+  }, {
+    key: "pop",
+    value: function pop() {
+      Taro.navigateBack();
+    }
+  }]);
+  return TaroRouter;
+}();
+export var page = new Page(new TaroRouter());

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

@@ -1,6 +1,7 @@
 import { useRef } from 'react';
+import { deepProxy } from "./hooks";
 export function useAppCreateContext() {
-  var comRefs = useRef({});
+  var comRefs = useRef(deepProxy({}));
   var appContext = {
     canvas: {
       id: "u_7VvVn" // 使用 data 中的 id

package/dist/esm/generate/generateTaroProjectJson.d.ts

@@ -1,24 +1,13 @@
+import type { GenerationResult } from "../toCodeTaro";
 interface FileNode {
     path: string;
     content: string | null;
     children?: FileNode[];
 }
-interface GenerateItem {
-    type: string;
-    content?: string;
-    cssContent?: string;
-    pageConfigContent?: string;
-    name?: string;
-    importManager?: {
-        toCode: () => string;
-    };
-    tabBarConfig?: string;
-    [key: string]: any;
-}
 /**
  * 根据数组生成文件结构 JSON 对象
- * @param items 包含 content、cssContent、pageConfigContent、tabBarConfig 等信息的数组
+ * @param result 包含 files 和 assets 的生成结果对象
  * @returns 返回文件结构的 JSON 对象数组
  */
-declare const generateTaroProjectJson: (items?: GenerateItem[]) => FileNode[];
+declare const generateTaroProjectJson: (result: GenerationResult) => FileNode[];
 export default generateTaroProjectJson;