@cloudbase/lowcode-builder 1.2.4 → 1.3.0

package/lib/builder/config/index.d.ts

@@ -24,3 +24,11 @@ export interface ICDN_ENDPOINTS_COFIG {
 }
 export declare const CDN_ENDPONTS_CONFIG: ICDN_ENDPOINTS_COFIG;
 export declare function generateCdnEndpoints(endpoints?: ICDN_ENDPOINTS_COFIG): ICDN_ENDPOINTS_COFIG;
+/**
+ * 循环组件的信息
+ */
+export declare const REPEATER: {
+    MODULE_NAME: string;
+    REPEATER_NAME: string;
+    REPEATER_ITEM_NAME: string;
+};

package/lib/builder/config/index.js

@@ -26,17 +26,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateCdnEndpoints = exports.CDN_ENDPONTS_CONFIG = exports.miniprogramDir = exports.miniprogramURL = exports.builderTemplateURL = exports.materialsDirName = exports.appTemplateDir = exports.sharedMaterialsDir = exports.OFFICIAL_LIB_KEY = exports.rpxConfig = exports.remConfig = exports.npmRegistry = exports.KBONE_PAGE_KEYS = exports.MP_CONFIG_MODULE_NAME = exports.REPLACE_SIGN = void 0;
+exports.REPEATER = exports.generateCdnEndpoints = exports.CDN_ENDPONTS_CONFIG = exports.miniprogramDir = exports.miniprogramURL = exports.builderTemplateURL = exports.materialsDirName = exports.appTemplateDir = exports.sharedMaterialsDir = exports.OFFICIAL_LIB_KEY = exports.rpxConfig = exports.remConfig = exports.npmRegistry = exports.KBONE_PAGE_KEYS = exports.MP_CONFIG_MODULE_NAME = exports.REPLACE_SIGN = void 0;
 const path = __importStar(require("path"));
 const os_1 = __importDefault(require("os"));
-var index_1 = require("@cloudbase/lowcode-generator/lib/generator/config/index");
-Object.defineProperty(exports, "REPLACE_SIGN", { enumerable: true, get: function () { return index_1.REPLACE_SIGN; } });
-Object.defineProperty(exports, "MP_CONFIG_MODULE_NAME", { enumerable: true, get: function () { return index_1.MP_CONFIG_MODULE_NAME; } });
-Object.defineProperty(exports, "KBONE_PAGE_KEYS", { enumerable: true, get: function () { return index_1.KBONE_PAGE_KEYS; } });
-Object.defineProperty(exports, "npmRegistry", { enumerable: true, get: function () { return index_1.npmRegistry; } });
-Object.defineProperty(exports, "remConfig", { enumerable: true, get: function () { return index_1.remConfig; } });
-Object.defineProperty(exports, "rpxConfig", { enumerable: true, get: function () { return index_1.rpxConfig; } });
-Object.defineProperty(exports, "OFFICIAL_LIB_KEY", { enumerable: true, get: function () { return index_1.OFFICIAL_LIB_KEY; } });
+const index_1 = require("@cloudbase/lowcode-generator/lib/generator/config/index");
+var index_2 = require("@cloudbase/lowcode-generator/lib/generator/config/index");
+Object.defineProperty(exports, "REPLACE_SIGN", { enumerable: true, get: function () { return index_2.REPLACE_SIGN; } });
+Object.defineProperty(exports, "MP_CONFIG_MODULE_NAME", { enumerable: true, get: function () { return index_2.MP_CONFIG_MODULE_NAME; } });
+Object.defineProperty(exports, "KBONE_PAGE_KEYS", { enumerable: true, get: function () { return index_2.KBONE_PAGE_KEYS; } });
+Object.defineProperty(exports, "npmRegistry", { enumerable: true, get: function () { return index_2.npmRegistry; } });
+Object.defineProperty(exports, "remConfig", { enumerable: true, get: function () { return index_2.remConfig; } });
+Object.defineProperty(exports, "rpxConfig", { enumerable: true, get: function () { return index_2.rpxConfig; } });
+Object.defineProperty(exports, "OFFICIAL_LIB_KEY", { enumerable: true, get: function () { return index_2.OFFICIAL_LIB_KEY; } });
 exports.sharedMaterialsDir = path.join(os_1.default.homedir(), '.weapps-materials');
 exports.appTemplateDir = path.resolve(__dirname, '../../../template');
 exports.materialsDirName = 'materials'; // materials diretory of current project
@@ -69,3 +70,11 @@ function generateCdnEndpoints(endpoints = exports.CDN_ENDPONTS_CONFIG) {
     return endpoints;
 }
 exports.generateCdnEndpoints = generateCdnEndpoints;
+/**
+ * 循环组件的信息
+ */
+exports.REPEATER = {
+    MODULE_NAME: index_1.OFFICIAL_LIB_KEY,
+    REPEATER_NAME: 'Repeater',
+    REPEATER_ITEM_NAME: 'RepeaterItem',
+};

package/lib/builder/mp/index.js

@@ -61,11 +61,15 @@ async function generateWxMp({ buildContext, weapps, plugins, deployMode, options
     console.time(operationLabel);
     console.log(`Generating ${em('Wexin MiniProgram')} to ${projDir}`);
     const { allAppUsedComps } = handleUsedComponents({ buildContext, weapps });
+    /**
+     * 修改 buildContext 进行 miniprogramPlugins 精简
+     * 应该提前处理，不应该修改 buildContext
+     */
     buildContext.miniprogramPlugins = (mainAppData.miniprogramPlugins || []).filter((plugin) => allAppUsedComps[plugin.name]);
     // 安装依赖库，生成 materials 目录
-    await (0, materials_1.installMaterials)(projDir, allAppUsedComps, weapps, buildContext);
+    await (0, materials_1.installMaterials)(buildContext, projDir, allAppUsedComps, weapps);
     const wxmlDataPrefix = (0, mp_1.getWxmlDataPrefix)(!isProduction);
-    const { projConfig, appConfig, pageConfigs } = (0, mp_config_1.generateMpConfig)(weapps, buildContext, { mpAppId: options.mpAppId });
+    const { projConfig, appConfig, pageConfigs } = (0, mp_config_1.generateMpConfig)(buildContext, weapps, { mpAppId: options.mpAppId });
     // #1 generate project files
     if (!mainAppData.mpPkgUrl) {
         const projectFileData = {
@@ -79,11 +83,11 @@ async function generateWxMp({ buildContext, weapps, plugins, deployMode, options
     const projectConfigJsonPath = path_1.default.join(projDir, mainAppData.rootPath || '', 'project.config.json');
     let projectConfigJson = await fs.readJSON(projectConfigJsonPath);
     const miniprogramRoot = path_1.default.join(projDir, projectConfigJson.miniprogramRoot || '/');
-    await generateFramework(mainAppData, miniprogramRoot, buildContext);
+    await generateFramework(buildContext, mainAppData, miniprogramRoot);
     // #3 生成主包根路径文件
     let appFileData = {};
     if (weapps.find((item) => !item.mpPkgUrl)) {
-        await generateFramework(mainAppData, miniprogramRoot, buildContext);
+        await generateFramework(buildContext, mainAppData, miniprogramRoot);
         // 有了 framework app 之后，并且是源码的方式,追加 app 引用
         if (mainAppData.mpPkgUrl) {
             let appJsPath = path_1.default.join(miniprogramRoot, 'app.js');
@@ -101,7 +105,6 @@ async function generateWxMp({ buildContext, weapps, plugins, deployMode, options
             },
             'common/widget.js': {},
             'common/url.js': {},
-            'common/weapp-sdk.js': {},
             'common/weapp-page.js': {
                 dataPropNames: wxmlDataPrefix,
                 debug: buildContext.debugMode,
@@ -111,10 +114,16 @@ async function generateWxMp({ buildContext, weapps, plugins, deployMode, options
                 dataPropNames: wxmlDataPrefix,
                 debug: buildContext.debugMode,
             },
-            'common/process.js': {},
             'common/data-patch.js': {},
             'common/event-emitter.js': {},
             'common/watch.js': {},
+            'common/constant.js': {
+                REPEATER: JSON.stringify(config_1.REPEATER, undefined, 2),
+            },
+            /**
+             * 调试用
+             */
+            // 'common/behaviors.js': {},
         };
     }
     if (mainAppData.mpPkgUrl) {
@@ -201,7 +210,7 @@ async function generateWxMp({ buildContext, weapps, plugins, deployMode, options
                 rootPath: app.rootPath,
             };
             await generatePkg(subpackageBuildCtx, app, subpackageRootPath, pageConfigs[index]);
-            await generateFramework(app, subpackageRootPath, subpackageBuildCtx);
+            await generateFramework(subpackageBuildCtx, app, subpackageRootPath);
             // 生成package.json
             let packageJsonPath = path_1.default.join(subpackageRootPath, 'package.json');
             if (!fs.existsSync(packageJsonPath)) {
@@ -297,18 +306,21 @@ async function generatePkg(ctx, weapp, appRoot, pageConfigs) {
             const rootPath = weapp.rootPath || '';
             const usingComponents = {};
             const componentGenerics = {};
-            const wxml = (0, wxml_1.generateWxml)(page.componentInstances, `Page ${rootPath ? path_1.default.join(rootPath, 'pages') : ''}/${page.id}`, wxmlDataPrefix, { ...ctx, rootPath, isPage: true }, usingComponents, componentGenerics);
+            const componentInstances = (0, util_2.processRepeaterSchema)(ctx, page.componentInstances);
+            const wxml = (0, wxml_1.generateWxml)({ ...ctx, rootPath, isPage: true }, componentInstances, `Page ${rootPath ? path_1.default.join(rootPath, 'pages') : ''}/${page.id}`, wxmlDataPrefix, usingComponents, componentGenerics);
             const importor = (0, util_3.generateLowcodeImportor)(page.lowCodes);
             const pageFileName = (0, lodash_1.get)(pageConfigs, `${page.id}.pageFileName`, 'index');
             const pageFileData = {
-                [`api.js|api.js`]: {},
+                [`api.js|api.js`]: {
+                    subLevelPath: rootPath ? `${path_1.default.posix.relative(rootPath, '')}/` : '',
+                },
                 [`index.js|${pageFileName}.js`]: {
-                    widgetProps: (0, util_2.createWidgetProps)(ctx, page.componentInstances),
+                    widgetProps: (0, util_2.createWidgetProps)(ctx, componentInstances),
                     pageUUID: rootPath ? `${rootPath}/${page.id}` : page.id,
                     pageName: page.id,
                     pageSource: page.data.src || '',
-                    eventHanlders: (0, util_2.createEventHanlders)(ctx, page.componentInstances, 'this', page),
-                    dataBinds: (0, util_2.createDataBinds)(ctx, page.componentInstances),
+                    eventHanlders: (0, util_2.createEventHanlders)(ctx, componentInstances, 'this', page),
+                    dataBinds: (0, util_2.createDataBinds)(ctx, componentInstances),
                     pageAttributes: {
                         ...(((_a = page.data) === null || _a === void 0 ? void 0 : _a.appShareMessage) ? { appShareMessage: page.data.appShareMessage.value } : {}),
                     },
@@ -323,7 +335,6 @@ async function generatePkg(ctx, weapp, appRoot, pageConfigs) {
                     extra: getAppendableJson(pageConfigs[page.id]),
                 },
                 [`index.wxml|${pageFileName}.wxml`]: {
-                    // raw: JSON.stringify(page.componentInstances),
                     content: wxml,
                 },
                 [`index.wxss|${pageFileName}.wxss`]: {
@@ -343,7 +354,7 @@ async function generatePkg(ctx, weapp, appRoot, pageConfigs) {
         await writeLowCodeFiles(ctx, weapp, appRoot);
     }
 }
-async function generateFramework(appData, outDir, ctx) {
+async function generateFramework(ctx, appData, outDir) {
     let fileData = {};
     if (appData.mpPkgUrl) {
         if (!appData.rootPath) {

package/lib/builder/mp/lowcode.js

@@ -19,10 +19,7 @@ async function writeCode2file(ctx, mod, lowcodeRootDir, opts = {}, themeCode) {
             const baseDir = path_1.default.relative(path_1.default.dirname(file), appDir).replace(/\\/g, '/');
             // 子包混合模式需要添加相对索引到根目录
             const relativeRoot = (ctx === null || ctx === void 0 ? void 0 : ctx.isMixMode) && ctx.rootPath ? `${path_1.default.relative(ctx.rootPath, '')}/` : '';
-            let weappsApiPrefix = [
-                `import { app, process } from '${relativeRoot}${baseDir}/app/weapps-api';`,
-                'const $app = new Proxy({}, { get: function(obj, prop){ return app[prop] }});',
-            ]; // windows compatibility
+            let weappsApiPrefix = [`import { app, $app, $w } from '${relativeRoot}${baseDir}/app/weapps-api';`]; // windows compatibility
             if (pageId !== 'global') {
                 weappsApiPrefix.push(`import { $page } from '${baseDir}/pages/${pageId}/api'`);
             }
@@ -30,7 +27,7 @@ async function writeCode2file(ctx, mod, lowcodeRootDir, opts = {}, themeCode) {
         }
         else {
             // Generate component lowcode
-            code = `import process from '${mod.type === 'handler-fn' ? '../' : ''}../../../../common/process'\nimport { app } from '${mod.type === 'handler-fn' ? '../' : ''}../../../../app/weapps-api';\nconst $app = new Proxy({}, { get: function(obj, prop){ return app[prop] }});\n${code.replace(/\$comp/g, weapps_core_1.COMPONENT_API_PREFIX)}`;
+            code = `import { app, $app, $w } from '${mod.type === 'handler-fn' ? '../' : ''}../../../../app/weapps-api';\n${code.replace(/\$comp/g, weapps_core_1.COMPONENT_API_PREFIX)}`;
         }
     }
     else {

package/lib/builder/mp/materials.d.ts

@@ -2,7 +2,7 @@ import { IMaterialItem, ICompositedComponent, IWeAppComponentInstance, IWeAppDat
 import { IBuildContext } from './BuildContext';
 import NameMangler from '@cloudbase/lowcode-generator/lib/generator/util/name-mangler';
 import { IUsedComps } from '../types/common';
-export declare function installMaterials(projDir: string, usedComps: IUsedComps, weapps: IWeAppData[], ctx: IBuildContext): Promise<void>;
+export declare function installMaterials(ctx: IBuildContext, projDir: string, usedComps: IUsedComps, weapps: IWeAppData[]): Promise<void>;
 /**
  * 过滤组件库文件
  * @param src 源文件
@@ -18,7 +18,7 @@ export declare function extractUsedCompsRecursively(comps: IUsedComps, checkedCo
  * }
  * }
  */
-export declare function getWxmlTag(cmp: Required<IWeAppComponentInstance>['xComponent'], ctx: IBuildContext, nameMangler?: NameMangler): {
+export declare function getWxmlTag(ctx: IBuildContext, cmp: Required<IWeAppComponentInstance>['xComponent'], nameMangler?: NameMangler): {
     tagName: string;
     path?: undefined;
 } | {

package/lib/builder/mp/materials.js

@@ -39,7 +39,7 @@ const net_1 = require("../util/net");
 const junk = __importStar(require("../util/junk"));
 const cals_1 = require("@cloudbase/cals");
 const templateDir = `${config_1.appTemplateDir}/mp/`;
-async function installMaterials(projDir, usedComps, weapps, ctx) {
+async function installMaterials(ctx, projDir, usedComps, weapps) {
     let { materialLibs, isBrowserMpBuilder } = ctx;
     const weappsList = ctx.isMixMode ? weapps : weapps.filter((item) => !item.rootPath);
     // #1 Download uploaded libs
@@ -246,8 +246,9 @@ async function generateCompositeComponent(ctx, compositedComp, compLibCommonReso
     // # Generating page
     const usingComponents = {};
     const componentGenerics = {};
-    const cmpContainer = Object.values(compositedComp.componentInstances)[0];
-    const wxml = (0, wxml_1.generateWxml)(compositedComp.componentInstances, `Component ${materialName}:${compositedComp.name}`, wxmlDataPrefix, compositeCtx, usingComponents, componentGenerics, (cmp, node) => {
+    const componentInstances = (0, util_3.processRepeaterSchema)(compositeCtx, compositedComp.componentInstances);
+    const cmpContainer = Object.values(componentInstances)[0];
+    const wxml = (0, wxml_1.generateWxml)(compositeCtx, componentInstances, `Component ${materialName}:${compositedComp.name}`, wxmlDataPrefix, usingComponents, componentGenerics, (cmp, node) => {
         if (cmp === cmpContainer) {
             // Set className & style passed from parent for root component
             const { attributes } = node;
@@ -284,14 +285,14 @@ async function generateCompositeComponent(ctx, compositedComp, compLibCommonReso
             handlers: compositedComp.lowCodes
                 .filter((m) => m.type === cals_1.ECodeType.HANDLER_FN && m.name !== cals_1.ECodeName.PLACEHOLDER)
                 .map((m) => m.name),
-            eventHandlers: (0, util_3.createEventHanlders)(compositeCtx, compositedComp.componentInstances, weapps_core_1.COMPONENT_API_PREFIX),
+            eventHandlers: (0, util_3.createEventHanlders)(compositeCtx, componentInstances, weapps_core_1.COMPONENT_API_PREFIX),
             // protectEventKeys: builtinMpEvents,
             emitEvents: compositedComp.emitEvents.map((evt) => evt.eventName),
-            widgetProps: (0, util_3.createWidgetProps)(compositeCtx, compositedComp.componentInstances),
+            widgetProps: (0, util_3.createWidgetProps)(compositeCtx, componentInstances),
             compApi: weapps_core_1.COMPONENT_API_PREFIX,
             jsonSchemaType2jsClass: mp_1.jsonSchemaType2jsClass,
             key: `${compositedComp.materialName}:${compositedComp.name}`,
-            dataBinds: (0, util_3.createDataBinds)(compositeCtx, compositedComp.componentInstances),
+            dataBinds: (0, util_3.createDataBinds)(compositeCtx, componentInstances),
             debug: !compositeCtx.isProduction,
             stringifyObj: util_1.inspect,
             // dataPropNames: wxmlDataPrefix,
@@ -350,7 +351,7 @@ async function generateCompositeComponent(ctx, compositedComp, compLibCommonReso
  * }
  * }
  */
-function getWxmlTag(cmp, ctx, nameMangler) {
+function getWxmlTag(ctx, cmp, nameMangler) {
     var _a, _b, _c, _d, _e, _f;
     const { moduleName, name } = cmp;
     const materialLib = ctx.materialLibs.find((lib) => lib.name === moduleName);

package/lib/builder/mp/mp_config.d.ts

@@ -6,7 +6,7 @@ import { IBuildContext } from './BuildContext';
  * @param kboneConfig https://wechat-miniprogram.github.io/kbone/docs/config/
  * @param appConfigs app config from prop edit panel
  */
-export declare function generateMpConfig(weapps: IWeAppData[], ctx: IBuildContext, options: {
+export declare function generateMpConfig(ctx: IBuildContext, weapps: IWeAppData[], options: {
     mpAppId?: string;
 }): {
     appConfig: any;

package/lib/builder/mp/mp_config.js

@@ -40,7 +40,7 @@ const chalk_1 = __importDefault(require("chalk"));
  * @param kboneConfig https://wechat-miniprogram.github.io/kbone/docs/config/
  * @param appConfigs app config from prop edit panel
  */
-function generateMpConfig(weapps, ctx, options) {
+function generateMpConfig(ctx, weapps, options) {
     var _a;
     const appConfig = {
         useExtendedLib: { weui: true },

package/lib/builder/mp/util.d.ts

@@ -1,4 +1,4 @@
-import { IDynamicValue, IWeAppComponentInstance, ICompositedComponent, IWeAppPage } from '@cloudbase/lowcode-generator/lib/weapps-core';
+import { IDynamicValue, IWeAppComponentInstance, ActionType, ICompositedComponent, IWeAppPage, IEventListener } from '@cloudbase/lowcode-generator/lib/weapps-core';
 import { IBuildContext } from './BuildContext';
 export declare function generatedDynamicData(data: {
     [key: string]: IDynamicValue;
@@ -12,6 +12,28 @@ export declare function createWidgetProps(ctx: IBuildContext, widgets: {
 export declare function createEventHanlders(ctx: IBuildContext, widgets: {
     [key: string]: IWeAppComponentInstance;
 }, componentApi: string, page?: IWeAppPage): {};
+export declare function generateSyncListeners(syncConfigs: any): IEventListener[];
+export declare function generateDataContainerListeners(): {
+    trigger: string;
+    jsCode: string;
+    type: ActionType;
+    data: {};
+}[];
 export declare function createDataBinds(ctx: IBuildContext, widgets: {
     [key: string]: IWeAppComponentInstance;
 }): {};
+export declare function processRepeaterSchema(ctx: any, componentInstanceMap: {
+    [key: string]: IWeAppComponentInstance;
+}): {
+    [key: string]: IWeAppComponentInstance;
+};
+/**
+ * 查找符合小程序平台组件的 info
+ */
+export declare function findComponentInfo(xComponent: {
+    moduleName: string;
+    name: string;
+}, { materialLibs, miniprogramPlugins }: {
+    materialLibs: any;
+    miniprogramPlugins: any;
+}): any;

package/lib/builder/mp/util.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDataBinds = exports.createEventHanlders = exports.createWidgetProps = exports.generatedDynamicData = void 0;
+exports.findComponentInfo = exports.processRepeaterSchema = exports.createDataBinds = exports.generateDataContainerListeners = exports.generateSyncListeners = exports.createEventHanlders = exports.createWidgetProps = exports.generatedDynamicData = void 0;
 const weapps_core_1 = require("@cloudbase/lowcode-generator/lib/weapps-core");
 const lowcode_generator_1 = require("@cloudbase/lowcode-generator");
 const weapp_1 = require("@cloudbase/lowcode-generator/lib/generator/util/weapp");
 const wxml_1 = require("./wxml");
 const mp_1 = require("@cloudbase/lowcode-generator/lib/generator/config/mp");
 const cals_1 = require("@cloudbase/cals");
+const config_1 = require("../config");
 function extractWidgetProps(props, compInfo, processCssUnit = 'rpx') {
     var _a, _b;
     const { classList } = props;
@@ -61,13 +62,13 @@ function generateDataBindMeta(bind) {
         expr = `$for.${value}`;
     }
     else if (type === weapps_core_1.PropBindType.expression) {
+        expr = value ? value.replace(/\/\/[\s\S]*?\r?\n?$/gm, '').replace(/;\s*$/, '') : value;
         try {
-            imports += (0, lowcode_generator_1.generateExpressionAlias)(value);
+            imports += (0, lowcode_generator_1.generateExpressionAlias)(expr);
         }
         catch (e) {
-            console.error('parse expression error', value, e === null || e === void 0 ? void 0 : e.message);
+            console.error('parse expression error', expr, e === null || e === void 0 ? void 0 : e.message);
         }
-        expr = value;
     }
     else if (type === weapps_core_1.PropBindType.prop) {
         const isNegated = value.startsWith('!');
@@ -104,28 +105,29 @@ function generateDataBindMeta(bind) {
             }
         }
     }
-    return { imports, expression: expr };
+    return { imports, expression: expr ? expr.replace(/;\s*$/, '') : expr };
 }
 function createWidgetProps(ctx, widgets) {
     const widgetProps = {};
     (0, weapp_1.walkThroughWidgets)(widgets, (id, widget, parentId) => {
-        var _a;
         const { xComponent } = widget;
         const xProps = widget.xProps || {};
         if (!xComponent) {
             // skip slot component
             return;
         }
-        const materialLib = ctx.materialLibs.find((lib) => lib.name === xComponent.moduleName);
-        const miniprogramPlugin = (_a = ctx.miniprogramPlugins) === null || _a === void 0 ? void 0 : _a.find((plugin) => plugin.name === xComponent.moduleName);
-        if (!materialLib && !miniprogramPlugin) {
-            console.error('Component lib not found', xComponent);
-            return;
-        }
-        const widegetComp = materialLib === null || materialLib === void 0 ? void 0 : materialLib.components.find((comp) => comp.name === xComponent.name);
+        const widegetComp = findComponentInfo(xComponent, {
+            materialLibs: ctx.materialLibs,
+            miniprogramPlugins: ctx.miniprogramPlugins,
+        });
         if (!widegetComp) {
-            console.error('Component not found in lib', widegetComp);
-            return;
+            if (xComponent.moduleName === config_1.REPEATER.MODULE_NAME &&
+                (xComponent.name === config_1.REPEATER.REPEATER_NAME || xComponent.name === config_1.REPEATER.REPEATER_ITEM_NAME)) {
+                // skip
+            }
+            else {
+                return;
+            }
         }
         widgetProps[id] = extractWidgetProps(xProps, widegetComp, ctx.processCssUnit);
         widgetProps[id]._parentId = parentId;
@@ -139,64 +141,73 @@ function createEventHanlders(ctx, widgets, componentApi, page) {
     let eventHandlers = {};
     const { listeners: pageListeners = [], id: pageId = '' } = page || {};
     (0, weapp_1.walkThroughWidgets)(widgets, (id, widget, parentId) => {
-        var _a, _b, _c;
+        var _a;
         const { xComponent } = widget;
         const xProps = widget.xProps || {};
         if (!xComponent) {
             // skip slot component
             return;
         }
-        const materialLib = ctx.materialLibs.find((lib) => lib.name === xComponent.moduleName);
-        const miniprogramPlugin = (_a = ctx.miniprogramPlugins) === null || _a === void 0 ? void 0 : _a.find((plugin) => plugin.name === xComponent.moduleName);
-        if (!materialLib && !miniprogramPlugin) {
-            console.error('Component lib not found', xComponent);
-            return;
+        let compProto;
+        if (xComponent.moduleName === config_1.REPEATER.MODULE_NAME &&
+            (xComponent.name === config_1.REPEATER.REPEATER_ITEM_NAME || xComponent.name === config_1.REPEATER.REPEATER_NAME)) {
+            // 内部虚组件，不校验compProto
         }
-        const compProto = materialLib
-            ? materialLib.components.find((comp) => comp.name === xComponent.name)
-            : (_b = miniprogramPlugin === null || miniprogramPlugin === void 0 ? void 0 : miniprogramPlugin.componentConfigs) === null || _b === void 0 ? void 0 : _b.find((comp) => comp.name === xComponent.name);
-        if (!compProto) {
-            return;
+        else {
+            compProto = findComponentInfo(xComponent, {
+                materialLibs: ctx.materialLibs,
+                miniprogramPlugins: ctx.miniprogramPlugins,
+            });
+            if (!compProto) {
+                return;
+            }
         }
-        const listeners = (xProps.listeners || []).slice();
         // Generate form input value change builtin handler
-        const { inputProps, syncProps } = compProto.meta || {};
+        const { inputProps, syncProps } = (compProto === null || compProto === void 0 ? void 0 : compProto.meta) || {};
         const syncConfigs = syncProps || inputProps || {};
-        for (const valuProp in syncConfigs) {
-            const config = syncConfigs[valuProp];
-            const configs = Array.isArray(config) ? config : [config];
-            configs.forEach(({ changeEvent, valueFromEvent = 'event.detail.value' }) => {
-                listeners.unshift({
-                    trigger: changeEvent,
-                    jsCode: `event.currentTarget.${valuProp} = ${valueFromEvent}`,
-                    type: weapps_core_1.ActionType.Inline,
-                    data: {},
-                });
-            });
-        }
-        eventHandlers = Object.assign(eventHandlers, getListenersHandlers(listeners, id, componentApi));
+        const listeners = [...generateSyncListeners(syncConfigs), ...(xProps.listeners || [])];
         // 如果是数据容器，则生成一个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', {});
-            eventHandlers[customName] = [
-                {
-                    key: '',
-                    handler: `({event})=>{
-          app.utils.set(event.currentTarget._scope, 'dataContext.data', event?.detail?.data);
-          app.utils.set(event.currentTarget._scope, 'dataContext.state', event?.detail?.state);
-        }`,
-                    handlerModule: weapps_core_1.ActionType.Platform,
-                    data: {},
-                    boundData: {},
-                },
-            ];
+        if ((_a = compProto === null || compProto === void 0 ? void 0 : compProto.compConfig) === null || _a === void 0 ? void 0 : _a.isDataContainer) {
+            listeners.unshift(...generateDataContainerListeners());
         }
+        eventHandlers = Object.assign(eventHandlers, getListenersHandlers(listeners, id, componentApi));
     });
     // 增加页面事件节点 handlers
     eventHandlers = Object.assign(eventHandlers, getListenersHandlers(pageListeners, pageId, componentApi));
     return eventHandlers;
 }
 exports.createEventHanlders = createEventHanlders;
+function generateSyncListeners(syncConfigs) {
+    const listeners = [];
+    for (const valuProp in syncConfigs) {
+        const config = syncConfigs[valuProp];
+        const configs = Array.isArray(config) ? config : [config];
+        configs.forEach(({ changeEvent, valueFromEvent = 'event.detail.value' }) => {
+            listeners.push({
+                trigger: changeEvent,
+                jsCode: `({ event }) => {event.currentTarget.${valuProp} = ${valueFromEvent};}`,
+                type: weapps_core_1.ActionType.Inline,
+                data: {},
+            });
+        });
+    }
+    return listeners;
+}
+exports.generateSyncListeners = generateSyncListeners;
+function generateDataContainerListeners() {
+    return [
+        {
+            trigger: 'onDataChange',
+            jsCode: `({event})=>{
+      app.utils.set(event.currentTarget._scope, 'dataContext.data', event?.detail?.data);
+      app.utils.set(event.currentTarget._scope, 'dataContext.state', event?.detail?.state);
+    }`,
+            type: weapps_core_1.ActionType.Inline,
+            data: {},
+        },
+    ];
+}
+exports.generateDataContainerListeners = generateDataContainerListeners;
 /**
  * 根据 listeners 创建 handlers
  * @param listeners {IEventListener[]}
@@ -229,7 +240,7 @@ function getListenersHandlers(listeners, id, componentApi) {
         }
         eventHandlers[handlerName].push({
             key: l.key || '',
-            handler: handler,
+            handler,
             handlerModule: (_c = l.handler) === null || _c === void 0 ? void 0 : _c.moduleName,
             data: params.staticProps,
             boundData: params.boundProps,
@@ -242,17 +253,17 @@ function createDataBinds(ctx, widgets) {
     const dataBinds = {};
     const { processCssUnit = 'rpx' } = ctx;
     (0, weapp_1.walkThroughWidgets)(widgets, (id, widget, parentId) => {
-        var _a;
         const { xComponent } = widget;
         const xProps = widget.xProps || {};
         if (!xComponent) {
             // skip slot component
             return;
         }
-        const materialLib = ctx.materialLibs.find((lib) => lib.name === xComponent.moduleName);
-        const miniprogramPlugin = (_a = ctx.miniprogramPlugins) === null || _a === void 0 ? void 0 : _a.find((plugin) => plugin.name === xComponent.moduleName);
-        if (!materialLib && !miniprogramPlugin) {
-            console.error('Component lib not found', xComponent);
+        if (xComponent.moduleName === config_1.REPEATER.MODULE_NAME &&
+            (xComponent.name === config_1.REPEATER.REPEATER_NAME || xComponent.name === config_1.REPEATER.REPEATER_ITEM_NAME)) {
+            // skip exist
+        }
+        else if (!findComponentInfo(xComponent, { materialLibs: ctx.materialLibs, miniprogramPlugins: ctx.miniprogramPlugins })) {
             return;
         }
         dataBinds[id] = {};
@@ -300,3 +311,94 @@ function setDataBind(target, prop, val) {
         // }
     }
 }
+function processRepeaterSchema(ctx, componentInstanceMap) {
+    (0, weapp_1.walkThroughWidgets)(componentInstanceMap, (id, component, parentId) => {
+        var _a, _b;
+        const { xComponent, xProps, properties = {} } = component;
+        if (!xComponent) {
+            // skip slot component
+            return;
+        }
+        if (`${xComponent.moduleName}:${xComponent.name}` === `${config_1.REPEATER.MODULE_NAME}:${config_1.REPEATER.REPEATER_NAME}`) {
+            const children = Object.values(properties);
+            // 子项已经为 item 的不在处理
+            if (children.length === 1) {
+                const child = children[0];
+                const { xComponent: childXComponent } = child;
+                if (childXComponent &&
+                    `${childXComponent.moduleName}:${childXComponent.name}` ===
+                        `${config_1.REPEATER.MODULE_NAME}:${config_1.REPEATER.REPEATER_ITEM_NAME}`) {
+                    return;
+                }
+            }
+            // 给 Repeater 组件加一层虚拟项组件，在虚拟项组件上挂 for 循环
+            const repeaterItemId = `${id}_item`;
+            component.properties = {
+                [repeaterItemId]: {
+                    xComponent: {
+                        moduleName: config_1.REPEATER.MODULE_NAME,
+                        name: config_1.REPEATER.REPEATER_ITEM_NAME,
+                    },
+                    xProps: {
+                        data: {},
+                        directives: {
+                            waFor: (_a = xProps === null || xProps === void 0 ? void 0 : xProps.data) === null || _a === void 0 ? void 0 : _a.data,
+                            waForKey: (_b = xProps === null || xProps === void 0 ? void 0 : xProps.data) === null || _b === void 0 ? void 0 : _b.key,
+                        },
+                        style: {},
+                        styleBind: {
+                            type: 'static',
+                            value: {},
+                        },
+                        classList: [],
+                        classListBind: {
+                            type: 'static',
+                            value: [],
+                        },
+                        commonStyle: {},
+                        customDataForm: {},
+                        staticResourceAttribute: [],
+                    },
+                    properties,
+                },
+            };
+        }
+        else if (`${xComponent.moduleName}:${xComponent.name}` === `${config_1.REPEATER.MODULE_NAME}:${config_1.REPEATER.REPEATER_ITEM_NAME}`) {
+            return;
+        }
+        else if (xComponent && !findComponentInfo(xComponent, ctx)) {
+            component.properties = {};
+        }
+        return;
+    });
+    return componentInstanceMap;
+}
+exports.processRepeaterSchema = processRepeaterSchema;
+/**
+ * 查找符合小程序平台组件的 info
+ */
+function findComponentInfo(xComponent, { materialLibs, miniprogramPlugins }) {
+    var _a, _b;
+    if (!xComponent) {
+        // skip slot component
+        return;
+    }
+    const materialLib = materialLibs.find((lib) => lib.name === xComponent.moduleName);
+    const miniprogramPlugin = miniprogramPlugins === null || miniprogramPlugins === void 0 ? void 0 : miniprogramPlugins.find((plugin) => plugin.name === xComponent.moduleName);
+    if (!materialLib && !miniprogramPlugin) {
+        console.error('Component lib not found', `${xComponent.moduleName}:${xComponent.name}`);
+        return;
+    }
+    const compProto = materialLib
+        ? materialLib.components.find((comp) => comp.name === xComponent.name)
+        : (_a = miniprogramPlugin === null || miniprogramPlugin === void 0 ? void 0 : miniprogramPlugin.componentConfigs) === null || _a === void 0 ? void 0 : _a.find((comp) => comp.name === xComponent.name);
+    const platform = (_b = compProto === null || compProto === void 0 ? void 0 : compProto.meta) === null || _b === void 0 ? void 0 : _b.platform;
+    if (platform && Array.isArray(platform) && platform.length) {
+        if (!platform.includes('MP') && !platform.includes('小程序')) {
+            console.error('Component lib not found in mp platform', `${xComponent.moduleName}:${xComponent.name}`);
+            return;
+        }
+    }
+    return compProto;
+}
+exports.findComponentInfo = findComponentInfo;

package/lib/builder/mp/wxml.d.ts

@@ -1,10 +1,10 @@
 import { IWeAppComponentInstance, IEventModifiers } from '@cloudbase/lowcode-generator/lib/weapps-core';
 import { IBuildContext } from './BuildContext';
-export declare function generateWxml(widgets: {
-    [key: string]: IWeAppComponentInstance;
-}, docTag: string, wxmlDataPrefix: any, ctx: IBuildContext & {
+export declare function generateWxml(ctx: IBuildContext & {
     isPage: boolean;
-}, usingComponents: any, componentGenerics: any, nodeTransform?: (cmp: IWeAppComponentInstance, node: any) => void): string;
+}, widgets: {
+    [key: string]: IWeAppComponentInstance;
+}, docTag: string, wxmlDataPrefix: any, usingComponents: any, componentGenerics: any, nodeTransform?: (cmp: IWeAppComponentInstance, node: any) => void): string;
 export declare function getMpEventHanlderName(widgetId: string, evtName: string, modifier?: IEventModifiers): string;
 export declare function getUsedComponents(widgets: {
     [key: string]: IWeAppComponentInstance;