@cloudbase/lowcode-builder 0.1.5-mpbeta.0 → 0.1.5-mpbeta.1

package/README.md

@@ -0,0 +1,59 @@
+## 本包说明
+- @cloudbase/lowcode-builder是微搭用于将DSL构建为小程序和web的构建包。
+- 例子在__tests__/build.ts下
+- 主要是在node环境下运行。由于微信IDE的背景，提供了web构建出小程序版本的功能。两种方式如何使用见以下示例
+
+## node端使用
+使用示例：
+```javascript
+import { buildWedaApp } from '@cloudbase/lowcode-builder';
+import { simpleData as data, options } from './data';
+import path from 'path';
+import fs from 'fs-extra';
+
+const outPath = path.resolve(__dirname, '.temp');
+fs.emptyDirSync(outPath);
+buildWedaApp({
+  ...data,
+  ...options,
+  buildTypeList: ['web' as any],
+  output: { path: outPath },
+}).then((dir) => {
+  console.log(dir);
+});
+```
+
+## web端使用
+使用示例：
+```javascript
+export async function builderToZip(builderData: any, selectedPageId: string, outputPath: string) {
+  return import('@cloudbase/lowcode-builder/lib/builder.web').then(async (result) => {
+    try {
+      console.log('rose builderToZip import result ', result);
+      const { buildWedaApp, getFiles, fileToZip, strToBuf } = result;
+
+      // 1、构建到指定路径，返回构建文件存放路径
+      const buildPath = await buildWedaApp(builderData);
+
+      // 2、从指定路径获取文件
+      const files = await getFiles(buildPath, {}, `${outputPath}/`);
+
+      // 3、修改app.json入口地址
+      const finalFiles = setEntryPage(files, selectedPageId, strToBuf);
+
+      // 4、得到zip包，返回主进程，传给微信hybrid
+      const zipFiles = await fileToZip(finalFiles, 'arraybuffer'); // blob or arraybuffer
+
+      return {
+        zipFiles,
+        strFiles: '', // TODO暂时保留，用于返回zip包内容
+      };
+    } catch (err) {
+      error('builder.worker.js->builderToZip->catch：', err);
+      throw err;
+    }
+  });
+}
+```
+
+

package/lib/builder/mp/util.js

@@ -111,7 +111,7 @@ exports.createWidgetProps = createWidgetProps;
 function createEventHanlders(widgets, componentApi, ctx) {
     const eventHanlders = {};
     (0, weapp_1.walkThroughWidgets)(widgets, (id, widget, parentId) => {
-        var _a, _b;
+        var _a, _b, _c;
         const { xComponent } = widget;
         const xProps = widget.xProps || {};
         if (!xComponent) {
@@ -175,6 +175,19 @@ function createEventHanlders(widgets, componentApi, ctx) {
                 type: l.type,
             });
         });
+        // 如果是数据容器，则生成一个onDataChange事件处理
+        if ((_c = compProto === null || compProto === void 0 ? void 0 : compProto.compConfig) === null || _c === void 0 ? void 0 : _c.isDataContainer) {
+            const customName = (0, wxml_1.getMpEventHanlderName)(id, 'onDataChange', {});
+            eventHanlders[customName] = [{
+                    key: '',
+                    handler: `({event})=>{
+          app.utils.set(context, '${id}.data', event?.detail?.data);
+        }`,
+                    handlerModule: weapps_core_1.ActionType.Platform,
+                    data: {},
+                    boundData: {},
+                }];
+        }
     });
     return eventHanlders;
 }

package/lib/builder/mp/wxml.js

@@ -205,6 +205,10 @@ function generateWxml(widgets, docTag, wxmlDataPrefix, ctx, usingComponents, com
             });
             // 扩展组件配置
             const compConfig = componentProto.compConfig;
+            // 如果是数据容器，则增加一个onDataChange事件 bind:onDataChange="onid1$onDataChange"
+            if (compConfig === null || compConfig === void 0 ? void 0 : compConfig.isDataContainer) {
+                node.attributes['bind:onDataChange'] = getMpEventHanlderName(id, 'onDataChange');
+            }
             if (compConfig && compConfig.pluginConfig) {
                 if (compConfig.pluginConfig.attributes) {
                     Object.assign(node.attributes, compConfig.pluginConfig.attributes);