@cloudbase/lowcode-builder 1.8.106 → 1.8.108

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

@@ -0,0 +1,10 @@
+export declare function generatePackageDependencies({ importJSSDK, mode, officialLibVersion, }: {
+    importJSSDK: boolean;
+    mode: 'lib' | string;
+    officialLibVersion?: string;
+}): {
+    'miniprogram-gesture': string;
+    mobx: string;
+    'lodash.get': string;
+    'lodash.set': string;
+};

package/lib/builder/config/dependencies.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generatePackageDependencies = void 0;
+const cals_1 = require("@cloudbase/cals");
+const BASE_DEPS = {
+    'miniprogram-gesture': '^1.0.6',
+    mobx: '^5',
+    'lodash.get': '^4',
+    'lodash.set': '^4',
+};
+/**
+ * 注意锁版本
+ */
+const CLOUDBASE_DEPS = {
+    '@cloudbase/oauth': '0.1.1-alpha.11',
+    '@cloudbase/weda-client': '1.1.1',
+    '@cloudbase/weda-cloud-sdk': '1.0.64',
+};
+function generatePackageDependencies({ importJSSDK, mode, officialLibVersion, }) {
+    const deps = {};
+    if (importJSSDK) {
+        deps['@cloudbase/js-sdk'] = '2.5.45-beta.0';
+    }
+    if (mode === 'lib') {
+        // eslint-disable-next-line no-restricted-syntax
+        for (const key in CLOUDBASE_DEPS) {
+            /**
+             * lib 模式下采用松散的引用
+             */
+            deps[key] = /^\d/.test(CLOUDBASE_DEPS[key]) ? CLOUDBASE_DEPS[key] : `^${CLOUDBASE_DEPS[key]}`;
+        }
+        if (officialLibVersion) {
+            deps[cals_1.OFFICIAL_LIB_MP_NPM_PACKAGENAME] = officialLibVersion;
+        }
+    }
+    else {
+        for (const key in CLOUDBASE_DEPS) {
+            deps[key] = CLOUDBASE_DEPS[key];
+        }
+    }
+    return {
+        ...deps,
+        ...BASE_DEPS,
+    };
+}
+exports.generatePackageDependencies = generatePackageDependencies;

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

@@ -1,4 +1,5 @@
 export { REPLACE_SIGN, MP_CONFIG_MODULE_NAME, KBONE_PAGE_KEYS, npmRegistry, remConfig, rpxConfig, OFFICIAL_LIB_KEY, } from '@cloudbase/lowcode-generator/lib/generator/config/index';
+export { generatePackageDependencies } from './dependencies';
 export declare const sharedMaterialsDir: string;
 export declare const appTemplateDir: string;
 export declare const materialsDirName = "materials";

package/lib/builder/config/index.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPrivatelinkJsUrl = exports.REPEATER = exports.generateCdnEndpoints = exports.CDN_ENDPONTS_CONFIG = exports.systemSubpackageMiniprogramDir = exports.cloudbaseMiniprogramDir = exports.miniprogramDir = exports.RUNTIME_CONFIG_URL = exports.systemSubpackageMiniprogramURL = exports.cloudbaseMiniprogramURL = exports.miniprogramURL = 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.getPrivatelinkJsUrl = exports.REPEATER = exports.generateCdnEndpoints = exports.CDN_ENDPONTS_CONFIG = exports.systemSubpackageMiniprogramDir = exports.cloudbaseMiniprogramDir = exports.miniprogramDir = exports.RUNTIME_CONFIG_URL = exports.systemSubpackageMiniprogramURL = exports.cloudbaseMiniprogramURL = exports.miniprogramURL = exports.materialsDirName = exports.appTemplateDir = exports.sharedMaterialsDir = exports.generatePackageDependencies = 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"));
 const index_1 = require("@cloudbase/lowcode-generator/lib/generator/config/index");
@@ -38,6 +38,8 @@ Object.defineProperty(exports, "npmRegistry", { enumerable: true, get: function
 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; } });
+var dependencies_1 = require("./dependencies");
+Object.defineProperty(exports, "generatePackageDependencies", { enumerable: true, get: function () { return dependencies_1.generatePackageDependencies; } });
 exports.sharedMaterialsDir = path.join(os_1.default.homedir(), '.weapps-materials');
 exports.appTemplateDir = path.resolve(__dirname, '../../../template');
 exports.materialsDirName = 'materials'; // materials diretory of current project
@@ -46,8 +48,8 @@ exports.materialsDirName = 'materials'; // materials diretory of current project
  * 存放在大账号：100015939275。访问地址：https://console.cloud.tencent.com/cos/bucket?bucket=comp-public-replace-1303824488&region=ap-shanghai&path=%252Flcap-builder%252F
  */
 const COMP_PUBLIC_DOMAIN = 'comp-public-replace-1303824488-cos.weda.tencent.com';
-exports.miniprogramURL = `https://${COMP_PUBLIC_DOMAIN}/lcap-builder/miniprogram_npm.1.8.57.zip`;
-exports.cloudbaseMiniprogramURL = `https://${COMP_PUBLIC_DOMAIN}/lcap-builder/cloudbase_miniprogram_npm.1.8.57.zip`;
+exports.miniprogramURL = `https://${COMP_PUBLIC_DOMAIN}/lcap-builder/miniprogram_npm.1.8.107.zip`;
+exports.cloudbaseMiniprogramURL = `https://${COMP_PUBLIC_DOMAIN}/lcap-builder/cloudbase_miniprogram_npm.1.8.107.zip`;
 exports.systemSubpackageMiniprogramURL = `https://${COMP_PUBLIC_DOMAIN}/lcap-builder/wd_system_miniprogram_npm.zip`;
 exports.RUNTIME_CONFIG_URL = `https://${COMP_PUBLIC_DOMAIN}/release_config/runtime/exp_runtime.json`;
 /**

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

@@ -104,4 +104,4 @@ export declare function buildComposite({ dependencies, output, isBrowserMpBuilde
         path: string;
     };
     isBrowserMpBuilder?: ICommonBuildContext['isBrowserMpBuilder'];
-}): Promise<void>;
+}): Promise<string>;

package/lib/builder/core/index.js

@@ -170,7 +170,7 @@ async function buildWedaApp({ cals, subAppCalsList: _subAppCalsList = [], depend
                 // 尽早下载物料
                 await (0, net_1.downloadBrowserMaterial)({ runtimeEndpointType: endpointType });
             }
-            const { enablePageRoot } = (0, cals_1.parseVersion)(cals === null || cals === void 0 ? void 0 : cals.schemaVersion, dependencies);
+            const { enablePageRoot, disablePageComponentInvoke } = (0, cals_1.parseVersion)(cals === null || cals === void 0 ? void 0 : cals.schemaVersion, dependencies);
             const mpBuildContext = {
                 ...buildContext,
                 privatelinkConfig: buildContext.privatelinkConfig
@@ -187,6 +187,7 @@ async function buildWedaApp({ cals, subAppCalsList: _subAppCalsList = [], depend
                 enablePageRoot,
                 enableLoading: (_e = cals === null || cals === void 0 ? void 0 : cals.extra) === null || _e === void 0 ? void 0 : _e.enableLoading,
                 enableAsyncMaterials: (_f = cals.extra) === null || _f === void 0 ? void 0 : _f.enableAsyncMaterials,
+                disablePageComponentInvoke,
                 // enableAsyncMaterials: true,
             };
             const result = await (0, index_1.generateWxMp)({
@@ -393,6 +394,7 @@ async function buildComposite({ dependencies, output, isBrowserMpBuilder, }) {
     var _a, _b;
     const packageMiniprogramEntry = 'dist';
     const localWedaRoot = path_1.default.join(output.path, packageMiniprogramEntry);
+    const { disablePageComponentInvoke } = (0, cals_1.parseVersion)('', dependencies);
     const buildContext = {
         materialLibs: dependencies.map((lib) => {
             (0, materials_1.normalizeCompositeDependienciesForBuild)(lib);
@@ -405,12 +407,16 @@ async function buildComposite({ dependencies, output, isBrowserMpBuilder, }) {
          */
         processCssUnit: 'px',
         isBrowserMpBuilder,
+        disablePageComponentInvoke,
     };
+    if (isBrowserMpBuilder) {
+        // 尽早下载物料
+        await (0, net_1.downloadBrowserMaterial)({ runtimeEndpointType: undefined });
+    }
     await (0, index_1.generateWedaRootCommonFile)({
         buildContext,
         buildTypeList: [common_1.BuildType.MP],
         localWedaRoot,
-        nativeMode: true,
         // 组件无需生成，节省空间
         filter: (src) => {
             return !/common\/weapp-page/.test(src);
@@ -443,32 +449,26 @@ async function buildComposite({ dependencies, output, isBrowserMpBuilder, }) {
     await Promise.all(buildContext.materialLibs.map((lib) => {
         return fs_extra_1.default.remove(path_1.default.join(localWedaRoot, config_1.materialsDirName, lib.name, 'meta.json'));
     }));
+    const officialLib = buildContext.materialLibs.find((item) => item.name === cals_1.OFFICIAL_LIB_KEY);
     await patchMpComponentNPM({
         packageDir: output.path,
         name: composite === null || composite === void 0 ? void 0 : composite.name,
         version: composite === null || composite === void 0 ? void 0 : composite.version,
         packageMiniprogramEntry,
+        officialLibVersion: officialLib === null || officialLib === void 0 ? void 0 : officialLib.version,
     });
+    return output.path;
     // await generateCompLibs(dependencies, rpxCalcRoot);
 }
 exports.buildComposite = buildComposite;
-async function patchMpComponentNPM({ packageDir, name, version, packageMiniprogramEntry = '', }) {
+async function patchMpComponentNPM({ packageDir, name, version, packageMiniprogramEntry = '', officialLibVersion, }) {
     await fs_extra_1.default.mkdirSync(path_1.default.join(packageDir, 'scripts'));
     const packageJsonPath = path_1.default.join(packageDir, 'package.json');
     let packageJSON = {};
     if (fs_extra_1.default.existsSync(packageJsonPath)) {
         packageJSON = await fs_extra_1.default.readJSON(packageJsonPath);
     }
-    const BASE_DEPS = {
-        mobx: '^5.15.4',
-        'lodash.get': '^4.4.2',
-        'lodash.set': '^4.3.2',
-        'miniprogram-gesture': '^1.0.6',
-        'miniprogram-api-promise': '^1.0.4',
-        '@cloudbase/oauth': '^0.1.1-alpha.5',
-        '@cloudbase/weda-client': '^1.0.31',
-        '@cloudbase/weda-cloud-sdk': '^1.0.59',
-    };
+    const BASE_DEPS = (0, config_1.generatePackageDependencies)({ mode: 'lib', importJSSDK: false, officialLibVersion });
     if (packageJSON.dependencies) {
         for (const key in BASE_DEPS) {
             delete packageJSON.dependencies[key];

package/lib/builder/h5/generate.js

@@ -69,6 +69,7 @@ enableLoading = undefined, publicPath = '/', }) {
     await fs_extra_1.default.writeFile(dstFilePath, (0, lodash_1.template)(packageTpl)({
         appId,
         title: '',
+        envId,
         desc: description,
         canUseVite: (0, util_1.canUseVite)(mode, devTool),
         jsApis: Array.from(new Set(jsApis.filter((item) => !!item))),

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

@@ -89,6 +89,7 @@ export interface IMpCommonBuildContext extends ICommonBuildContext {
      */
     enableAsyncMaterials?: boolean;
     miniprogramPlugins?: IMiniprogramPlugin[];
+    disablePageComponentInvoke?: boolean;
 }
 export interface IBuildContext extends IAppCommonBuildContext, IMpCommonBuildContext {
     /**

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

@@ -4,14 +4,13 @@ import { IBuildContext, IMpCommonBuildContext } from './BuildContext';
 import { BuildType } from '../types/common';
 import { IPlatformApp } from '@cloudbase/cals';
 import { IBuildWedaApp } from '../core';
-export declare function generateWedaRootCommonFile({ buildContext, buildTypeList, localWedaRoot, loginConfigVersion, cssVarMap, appId, nativeMode, filter, }: {
+export declare function generateWedaRootCommonFile({ buildContext, buildTypeList, localWedaRoot, loginConfigVersion, cssVarMap, appId, filter, }: {
     buildContext: IMpCommonBuildContext & Partial<Pick<IBuildContext, 'enableExpiredTag' | 'domain' | 'runtimeDynamicConfig'>>;
     buildTypeList: BuildType[];
     localWedaRoot: string;
     appId?: string;
     loginConfigVersion?: string;
     cssVarMap?: Object;
-    nativeMode?: boolean;
     filter?: (src: string) => boolean;
 }): Promise<void>;
 export declare function generateWxMp({ buildContext: _buildContext, weapps, calses, deployOptions, options, buildTypeList, ignoreInstall, cdnEndpoints, mpConfig, }: {

package/lib/builder/mp/index.js

@@ -66,8 +66,7 @@ function patchBuildContext(ctx, calses) {
     ctx.miniprogramPlugins = (mainAppData.miniprogramPlugins || []).filter((plugin) => used.component[plugin.name] || used.action[plugin.name]);
     return { used };
 }
-async function generateWedaRootCommonFile({ buildContext, buildTypeList, localWedaRoot, loginConfigVersion, cssVarMap, appId, nativeMode, filter = () => true, }) {
-    const wxmlDataPrefix = (0, mp_1.getWxmlDataPrefix)(!buildContext.isProduction);
+async function generateWedaRootCommonFile({ buildContext, buildTypeList, localWedaRoot, loginConfigVersion, cssVarMap, appId, filter = () => true, }) {
     const expirationStartTimesnap = buildContext.enableExpiredTag ? Date.now() : 0;
     let customLoginConfig;
     let loginConfigPathname = loginConfigVersion
@@ -86,7 +85,6 @@ async function generateWedaRootCommonFile({ buildContext, buildTypeList, localWe
         }
     }
     const wedaRootFileData = {
-        'common/style.js': {},
         'common/util.js': {
             skipCheckAuth: process.env.SKIP_CHECK_AUTH,
             isAdminPortal: (0, common_1.buildAsAdminPortalByBuildType)(buildTypeList),
@@ -97,38 +95,17 @@ async function generateWedaRootCommonFile({ buildContext, buildTypeList, localWe
             customLoginConfig: customLoginConfig ? JSON.stringify(customLoginConfig, undefined, 2) : 'null',
         },
         'common/cloud-sdk.js': {},
-        'common/widget.js': {},
         'common/weapp-page.js': {
             expirationStartTimesnap,
             pageStyle: JSON.stringify(cssVarMap || {}, undefined, 2),
         },
-        'common/weapp-component.js': {
-            nativeMode,
-        },
-        'common/merge-renderer.js': {
-            dataPropNames: wxmlDataPrefix,
-            debug: buildContext.debugMode,
-        },
-        'common/data-patch.js': {},
-        'common/event-emitter.js': {},
-        'common/watch.js': {},
-        'common/constant.js': {
-            REPEATER: JSON.stringify(config_1.REPEATER, undefined, 2),
-        },
-        'common/query.js': {},
-        'common/flow.js': {},
         'common/info': {},
-        'common/placeholder': {},
         /**
          * 使用微信的 modal
          * 暂时保留内部实现待之后使用
          */
         // 'common/privacyModal': {},
         // 'common/modal': {},
-        /**
-         * 调试用
-         */
-        // 'common/behaviors.js': {},
     };
     console.log(`Generating ${em('weda root')} files`);
     await (0, generateFiles_1.default)(wedaRootFileData, templateDir, localWedaRoot, filter);
@@ -234,8 +211,10 @@ async function generateWxMp({ buildContext: _buildContext, weapps, calses, deplo
         await (0, generateFiles_1.default)({
             'package.json': {
                 appId,
-                importJSSDK: endpointType === 'tcb-api',
-                extraDeps: resolveNpmDeps(weapps, materials),
+                extraDeps: {
+                    ...(0, index_1.generatePackageDependencies)({ importJSSDK: endpointType === 'tcb-api', mode: 'app' }),
+                    ...resolveNpmDeps(weapps, materials),
+                },
             },
         }, templateDir, localWedaRoot);
         // 生成数据源
@@ -402,8 +381,10 @@ async function generateWxMp({ buildContext: _buildContext, weapps, calses, deplo
                 await (0, generateFiles_1.default)({
                     'package.json': {
                         appId,
-                        importJSSDK: endpointType === 'tcb-api',
-                        extraDeps: resolveNpmDeps(weapps, materials),
+                        extraDeps: {
+                            ...(0, index_1.generatePackageDependencies)({ importJSSDK: endpointType === 'tcb-api', mode: 'app' }),
+                            ...resolveNpmDeps(weapps, materials),
+                        },
                         cdnEndpoints,
                     },
                 }, templateDir, subpackageRootPath);
@@ -556,15 +537,7 @@ async function generatePkg(ctx, { cals, weapp }, appRoot, pageConfigs, cssVarMap
             /**
              * 使用最终的 usingComponents 生成一份 componentPlaceholder
              */
-            let componentPlaceholder;
-            if (usingComponents[wxml_1.WD_EMPTY_PLACEHOLDER] && ctx.enableAsyncMaterials) {
-                componentPlaceholder = Object.keys(usingComponents).reduce((map, key) => {
-                    if (!wxml_1.WD_RUNTIME_TAG.includes(key)) {
-                        map[key] = wxml_1.WD_EMPTY_PLACEHOLDER;
-                    }
-                    return map;
-                }, {});
-            }
+            let componentPlaceholder = ctx.enableAsyncMaterials ? (0, wxml_1.generateComponentPlaceholder)(usingComponents) : undefined;
             const pageFileData = {
                 [`api.js|api.js`]: {
                     subLevelPath,
@@ -610,7 +583,9 @@ async function generatePkg(ctx, { cals, weapp }, appRoot, pageConfigs, cssVarMap
                     usingComponents,
                     componentGenerics,
                     componentPlaceholder,
-                    extra: getAppendableJson((0, util_2.cleanWindowDefultConfig)(pageConfigs[page.id], defaultAppWindowConfig)),
+                    extra: getAppendableJson(ctx.isBrowserMpBuilder
+                        ? pageConfigs[page.id]
+                        : (0, util_2.cleanWindowDefultConfig)(pageConfigs[page.id], defaultAppWindowConfig)),
                 },
                 [`index.wxml|${pageFileName}.wxml`]: {
                     content: wxml,

package/lib/builder/mp/lowcode.js

@@ -38,7 +38,11 @@ async function writeCode2file(ctx, mod, lowcodeRootDir, opts = {}, themeCode, ex
             // Generate component lowcode
             code = `${externalAPIImport
                 ? importFromClientSDK(true).join('\n')
-                : `import { app, $app, $w } from '${mod.type === 'handler-fn' ? '../' : ''}../../../../app/weapps-api';`}\n${code.replace(/\$comp/g, weapps_core_1.COMPONENT_API_PREFIX)}`;
+                : `import { app, $app, $w } from '${mod.type === 'handler-fn' ? '../' : ''}../../../../app/weapps-api';`}\n${(0, cals_1.replaceGloalIdentifier)((0, cals_1.replaceGloalIdentifier)(code, '$comp', (match, p1, p2) => {
+                return `${weapps_core_1.COMPONENT_API_PREFIX}.${p2}`;
+            }), '$w', (match, p1, p2) => {
+                return `${weapps_core_1.COMPONENT_API_PREFIX}.__internal__?.$w?.${p2}`;
+            })}`;
         }
     }
     else {

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

@@ -3,7 +3,7 @@ import { IBuildContext, IMpCommonBuildContext } from './BuildContext';
 import NameMangler from '@cloudbase/lowcode-generator/lib/generator/util/name-mangler';
 import { IUsedComps } from '../types/common';
 export declare function normalizeCompositeDependienciesForBuild(lib: any): any;
-declare type TInstallMaterialsType = 'lib' | 'inline';
+export declare type TInstallMaterialsType = 'lib' | 'inline';
 export declare function installMaterials(ctx: IMpCommonBuildContext, outDir: string, usedMeta?: {
     component: IUsedComps;
     action: IUsedComps;
@@ -17,11 +17,10 @@ export declare function installMaterials(ctx: IMpCommonBuildContext, outDir: str
 export declare function filterMaterial(src: any, dest: any): boolean;
 export declare function getWxmlTag(ctx: IMpCommonBuildContext & {
     wedaRoot?: IBuildContext['wedaRoot'];
-}, cmp: Required<IWeAppComponentInstance>['xComponent'], nameMangler?: NameMangler): {
+}, cmp: Required<IWeAppComponentInstance>['xComponent'], nameMangler?: NameMangler, mode?: TInstallMaterialsType): {
     tagName: string;
     path?: undefined;
 } | {
     tagName: string;
     path: any;
 };
-export {};

package/lib/builder/mp/materials.js

@@ -41,6 +41,7 @@ const net_1 = require("../util/net");
 const name_mangler_1 = __importDefault(require("@cloudbase/lowcode-generator/lib/generator/util/name-mangler"));
 const junk = __importStar(require("../util/junk"));
 const cals_1 = require("@cloudbase/cals");
+const lowcode_generator_1 = require("@cloudbase/lowcode-generator");
 const templateDir = `${config_1.appTemplateDir}/mp/`;
 function normalizeCompositeDependienciesForBuild(lib) {
     lib.dependencies = lib.dependencies || {};
@@ -89,7 +90,7 @@ async function generateCompLibs(ctx, outDir, mode) {
         }));
     }));
 }
-async function installMaterials(ctx, outDir, usedMeta, mode) {
+async function installMaterials(ctx, outDir, usedMeta, mode = 'inline') {
     let { materialLibs: _materialLibs, isBrowserMpBuilder } = ctx;
     let materialLibs = _materialLibs.filter((lib) => {
         if (!usedMeta) {
@@ -126,9 +127,10 @@ async function installMaterials(ctx, outDir, usedMeta, mode) {
         }
         const targetDir = path.join(outDir, config_1.materialsDirName, name);
         if (libUpdated(targetDir, version)) {
+            let sourceDir = materialsSrcDir;
             const materialsSrcDirPath = path.join(materialsSrcDir, 'src');
             if (fs.existsSync(materialsSrcDirPath)) {
-                console.log(`Copying material ${materialId} from ${isBrowserMpBuilder ? materialsSrcDirPath : materialsSrcDir}/src to ${targetDir}`);
+                sourceDir = materialsSrcDirPath;
                 // #2 从根目录 copy meta 文件
                 const metaJosnPath = path.join(materialsSrcDir, 'meta.json');
                 if (fs.existsSync(metaJosnPath)) {
@@ -136,26 +138,15 @@ async function installMaterials(ctx, outDir, usedMeta, mode) {
                         ? await fs.copy(metaJosnPath, path.join(targetDir, 'meta.json'))
                         : (0, generateFiles_1.copyRecursiveSync)(metaJosnPath, path.join(targetDir, 'meta.json'));
                 }
+            }
+            if (!(name === cals_1.OFFICIAL_LIB_KEY && mode === 'lib')) {
+                console.log(`Copying material ${materialId} from ${sourceDir} to ${targetDir}`);
                 // #3 copy 组件库代码文件到项目目录
                 !isBrowserMpBuilder
-                    ? await fs.copy(materialsSrcDirPath, targetDir, {
+                    ? await fs.copy(sourceDir, targetDir, {
                         filter: filterMaterial,
                     })
-                    : (0, generateFiles_1.copyRecursiveSync)(materialsSrcDirPath, targetDir, {
-                        filter: filterMaterial,
-                    });
-            }
-            else {
-                console.log(`Copying material ${materialId} from ${materialsSrcDir} to ${targetDir}`);
-                // #2 link material to current project
-                !isBrowserMpBuilder
-                    ? await fs.copy(materialsSrcDir, targetDir, {
-                        filter(src, dest) {
-                            const path = src.split('/');
-                            return !junk.is(path[path.length - 1]);
-                        },
-                    })
-                    : (0, generateFiles_1.copyRecursiveSync)(materialsSrcDir, targetDir, {
+                    : (0, generateFiles_1.copyRecursiveSync)(sourceDir, targetDir, {
                         filter: filterMaterial,
                     });
             }
@@ -205,6 +196,7 @@ async function downloadMaterial(zipUrl, dstFolder, isBrowser = false, noCache =
     await (0, net_1.downloadZip)(zipUrl, dstFolder, isBrowser, noCache);
 }
 async function generateCompositeComponent(compositeCtx, compositedComp, lowcalWedaRoot, componentLibRoot, compLibCommonResource, mode = 'inline') {
+    var _a;
     const { materialName } = compositedComp;
     const componentRelativeDir = path.posix.join(componentLibRoot, compositedComp.name);
     const componentDir = path.join(lowcalWedaRoot, componentLibRoot, compositedComp.name);
@@ -225,7 +217,7 @@ async function generateCompositeComponent(compositeCtx, compositedComp, lowcalWe
             attributes[classAttrName] = `${(0, weapps_core_1.getCompositedComponentClass)(compositedComp)} ${oldClass} {{className}}`;
             attributes.style += ';{{style}}';
         }
-    });
+    }, mode);
     // prepare form field change events
     const { syncProps = {} } = compositedComp.meta;
     const formEvents = {};
@@ -254,18 +246,25 @@ async function generateCompositeComponent(compositeCtx, compositedComp, lowcalWe
             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_2.createEventHandlers)(compositeCtx, componentInstances, weapps_core_1.COMPONENT_API_PREFIX),
+            eventHandlers: (0, util_2.createEventHandlers)(compositeCtx, componentInstances, weapps_core_1.COMPONENT_API_PREFIX, {
+                listeners: compositedComp.listeners,
+                id: '__comp__',
+            }),
             emitEvents: (compositedComp.emitEvents || []).map((evt) => evt.eventName),
             widgetProps: (0, util_2.createWidgetProps)(compositeCtx, componentInstances),
-            compApi: weapps_core_1.COMPONENT_API_PREFIX,
             jsonSchemaType2jsClass: mp_1.jsonSchemaType2jsClass,
             key: `${materialName}:${compositedComp.name}`,
             dataBinds: (0, util_2.createDataBinds)(compositeCtx, componentInstances),
             debug: !compositeCtx.isProduction,
-            // dataPropNames: wxmlDataPrefix,
             formEvents: Object.keys(formEvents).length > 0 ? formEvents : null,
             config: compositedComp.compConfig,
             importor,
+            datasetProfile: (0, util_1.JsonToStringWithVariableName)((0, lowcode_generator_1.generateDynamicDataset)(compositedComp.dataset || {}), {
+                EOL: true,
+            }),
+            query: (0, util_2.createTemplateQuery)(compositeCtx, (_a = compositedComp.dataset) === null || _a === void 0 ? void 0 : _a.query) || {},
+            eventFlows: (0, util_2.createTemplateEventFlows)(compositeCtx, compositedComp.eventFlows) || [],
+            nativeMode: mode === 'lib' ? 1 : 0,
         },
         'index.json': {
             usingComponents: Object.entries(usingComponents).reduce((map, [key, value]) => {
@@ -277,6 +276,7 @@ async function generateCompositeComponent(compositeCtx, compositedComp, lowcalWe
                 }
                 return map;
             }, {}),
+            componentPlaceholder: mode === 'lib' ? (0, wxml_1.generateComponentPlaceholder)(usingComponents) : undefined,
             componentGenerics,
         },
         'index.wxml': {
@@ -329,7 +329,7 @@ async function generateCompositeComponent(compositeCtx, compositedComp, lowcalWe
  * }
  */
 const NAME_MANAGER = new name_mangler_1.default({ blackList: mp_1.builtinMpTags });
-function getWxmlTag(ctx, cmp, nameMangler) {
+function getWxmlTag(ctx, cmp, nameMangler, mode = 'inline') {
     var _a, _b, _c, _d, _e, _f;
     const { moduleName, name } = cmp;
     const materialLib = ctx.materialLibs.find((lib) => lib.name === moduleName);
@@ -342,9 +342,11 @@ function getWxmlTag(ctx, cmp, nameMangler) {
         return { tagName };
     }
     if (materialLib) {
-        const libRootInMiniprogram = path.posix.join('/', ctx.wedaRoot || '', (materialLib === null || materialLib === void 0 ? void 0 : materialLib.rootPath)
-            ? materialLib === null || materialLib === void 0 ? void 0 : materialLib.rootPath
-            : path.posix.join(`${config_1.materialsDirName}/${cmp.moduleName}`));
+        const libRootInMiniprogram = materialLib.name === cals_1.OFFICIAL_LIB_KEY && mode === 'lib'
+            ? cals_1.OFFICIAL_LIB_MP_NPM_PACKAGENAME
+            : path.posix.join('/', ctx.wedaRoot || '', (materialLib === null || materialLib === void 0 ? void 0 : materialLib.rootPath)
+                ? materialLib === null || materialLib === void 0 ? void 0 : materialLib.rootPath
+                : path.posix.join(`${config_1.materialsDirName}/${cmp.moduleName}`));
         let cmpMeta = (findComponent === null || findComponent === void 0 ? void 0 : findComponent.meta) || { platforms: undefined };
         if (!cmpMeta.platforms) {
             return { tagName };

package/lib/builder/mp/mp_config.js

@@ -163,7 +163,7 @@ async function generateMpConfig(ctx, weapps, calses, options) {
             });
         }
     });
-    if (appConfig === null || appConfig === void 0 ? void 0 : appConfig.window) {
+    if ((appConfig === null || appConfig === void 0 ? void 0 : appConfig.window) && !ctx.isBrowserMpBuilder) {
         appConfig.window = (0, util_2.cleanWindowDefultConfig)(appConfig);
     }
     if (!projConfig.setting) {
@@ -172,6 +172,7 @@ async function generateMpConfig(ctx, weapps, calses, options) {
     // projConfig.setting.compileHotReLoad = false;
     projConfig.setting.bigPackageSizeSupport = true;
     projConfig.setting.packNpmManually = true;
+    projConfig.setting.ignoreDevUnusedFiles = true;
     if (!projConfig.setting.packNpmRelationList) {
         projConfig.setting.packNpmRelationList = [];
     }

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

@@ -1,4 +1,4 @@
-import { IDynamicValue, IWeAppComponentInstance, ActionType, ICompositedComponent, IWeAppPage, IEventListener, IQueryData } from '@cloudbase/lowcode-generator/lib/weapps-core';
+import { IDynamicValue, IWeAppComponentInstance, ActionType, ICompositedComponent, IEventListener, IQueryData } from '@cloudbase/lowcode-generator/lib/weapps-core';
 import { IMpCommonBuildContext, IDefaultAppWindowConfig } from './BuildContext';
 export declare function generatedDynamicData(data: {
     [key: string]: IDynamicValue;
@@ -11,7 +11,10 @@ export declare function createWidgetProps(ctx: IMpCommonBuildContext, widgets: {
 }): {};
 export declare function createEventHandlers(ctx: IMpCommonBuildContext, widgets: {
     [key: string]: IWeAppComponentInstance;
-}, componentApi: string, page?: IWeAppPage): {};
+}, componentApi: string, instance?: {
+    listeners?: IEventListener[];
+    id?: string;
+}): {};
 export declare function generateSyncListeners(syncConfigs: any): IEventListener[];
 export declare function generateDataContainerListeners(): {
     trigger: string;

package/lib/builder/mp/util.js

@@ -139,9 +139,9 @@ function createWidgetProps(ctx, widgets) {
     return widgetProps;
 }
 exports.createWidgetProps = createWidgetProps;
-function createEventHandlers(ctx, widgets, componentApi, page) {
+function createEventHandlers(ctx, widgets, componentApi, instance) {
     let eventHandlers = {};
-    const { listeners: pageListeners = [], id: pageId = '' } = page || {};
+    const { listeners: pageListeners = [], id: instanceId = '' } = instance || {};
     (0, weapp_1.walkThroughWidgets)(widgets, (id, widget, parentId) => {
         var _a;
         const { xComponent } = widget;
@@ -174,7 +174,7 @@ function createEventHandlers(ctx, widgets, componentApi, page) {
         eventHandlers = Object.assign(eventHandlers, getListenersHandlers(ctx, listeners, id, componentApi));
     });
     // 增加页面事件节点 handlers
-    eventHandlers = Object.assign(eventHandlers, getListenersHandlers(ctx, pageListeners, pageId, componentApi));
+    eventHandlers = Object.assign(eventHandlers, getListenersHandlers(ctx, pageListeners, instanceId, componentApi));
     return eventHandlers;
 }
 exports.createEventHandlers = createEventHandlers;
@@ -261,15 +261,23 @@ function getListenersHandlers(ctx, listeners = [], id, componentApi) {
                 handler = '';
                 switch (sourceKey) {
                     case `${weapps_core_1.ActionType.Platform}:callNanoFlow`: {
-                        handler = `function({data}){ return $w[data.id]?.trigger?.(data.data)}`;
+                        handler = `function({data, $w}){ return $w[data.id]?.trigger?.(data.data)}`;
                         break;
                     }
                     case `${weapps_core_1.ActionType.Platform}:callQuery`: {
-                        handler = `function({data}){ return $w[data.id]?.[data.method](data.data)}`;
+                        handler = `function({data, $w}){ return $w[data.id]?.[data.method](data.data)}`;
                         break;
                     }
                     case `${weapps_core_1.ActionType.Platform}:invoke`: {
-                        handler = `function({data, $w}){ return $app.invoke({...data, component: $w[data?.component]?._widget});}`;
+                        handler = ctx.disablePageComponentInvoke
+                            ? `function({data, $w}){
+                const func = $w[data?.component]?.[data.method];
+                if (typeof func !== 'function') {
+                  throw new Error(\`调用方法失败：未找到id为\${data.component}下的方法\${data.method}\`);
+                }
+                return func(data.params);
+              }`
+                            : `function({data, $w}){ return $app.invoke({...data, component: $w[data?.component]?._widget});}`;
                         break;
                     }
                     case `${weapps_core_1.ActionType.Platform}:setCurrentPageParams`: {

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

@@ -1,5 +1,6 @@
 import { IWeAppComponentInstance, IEventModifiers } from '@cloudbase/lowcode-generator/lib/weapps-core';
 import { IBuildContext, IMpCommonBuildContext } from './BuildContext';
+import { TInstallMaterialsType } from './materials';
 export declare const WD_EMPTY_PLACEHOLDER = "wd-ph";
 export declare const WD_RUNTIME_TAG: string[];
 export declare function generateWxml(ctx: (IBuildContext & {
@@ -8,5 +9,6 @@ export declare function generateWxml(ctx: (IBuildContext & {
     pageUUID?: undefined;
 }), widgets: {
     [key: string]: IWeAppComponentInstance;
-}, docTag: string, wxmlDataPrefix: any, usingComponents: any, componentGenerics: any, nodeTransform?: (cmp: IWeAppComponentInstance, node: any) => void): string;
+}, docTag: string, wxmlDataPrefix: any, usingComponents: any, componentGenerics: any, nodeTransform?: (cmp: IWeAppComponentInstance, node: any) => void, mode?: TInstallMaterialsType): string;
 export declare function getMpEventHandlerName(widgetId: string, evtName: string, modifier?: IEventModifiers): string;
+export declare function generateComponentPlaceholder(usingComponents: any): any;