@lcap/nasl-unified-frontend-generator 4.0.0-rc.5 → 4.0.1-rc.1

package/dist/playground.d.mts

@@ -2,7 +2,7 @@ import { Container } from 'inversify';
 
 declare function startDemoTranslation(container?: Container): Promise<{
     path: string;
-    content: string | Buffer<ArrayBufferLike>;
+    content: string | Buffer;
 }[]>;
 
 export { startDemoTranslation };

package/dist/playground.d.ts

@@ -2,7 +2,7 @@ import { Container } from 'inversify';
 
 declare function startDemoTranslation(container?: Container): Promise<{
     path: string;
-    content: string | Buffer<ArrayBufferLike>;
+    content: string | Buffer;
 }[]>;
 
 export { startDemoTranslation };

package/dist/playground.js

@@ -2259,11 +2259,11 @@ var import_axios2 = __toESM(require("axios"));
 var import_lodash9 = require("lodash");
 
 // src/default-container.ts
-var import_inversify32 = require("inversify");
+var import_inversify31 = require("inversify");
 
 // src/plugins/vue/vue3/vue3-preset-plugin.ts
-var import_reflection7 = require("@abraham/reflection");
-var import_inversify31 = require("inversify");
+var import_reflection6 = require("@abraham/reflection");
+var import_inversify30 = require("inversify");
 
 // src/service-metakind.ts
 var ServiceMetaKind = {
@@ -4499,7 +4499,8 @@ query: {`;
         let url2 = "`";
         const viewArr = s3.genViewArr();
         if (Array.isArray(viewArr) && viewArr.length) {
-          url2 += `/${viewArr.join("/")}`;
+          const prefixPath = s3.frontend?.prefixPath;
+          url2 += `${prefixPath}/${viewArr.join("/")}`;
           const { completeArguments } = s3;
           if (completeArguments.length) {
             const node = s3.viewNode;
@@ -6446,40 +6447,40 @@ var metadataPlugin = makePlugin({
 // src/hack/material-config/material.config.js
 var materials = {
   framework: {
-    version: "2.0.0",
+    version: "2.0.1",
     core: "@lcap/basic-template",
     pc: [
       {
         frameworkKind: "vue2",
         name: "@lcap/pc-template",
-        version: "2.0.0"
+        version: "2.0.1"
       },
       {
         frameworkKind: "react",
         name: "@lcap/pc-template-react",
-        version: "2.0.0"
+        version: "2.0.1"
       },
       {
         frameworkKind: "vue3",
         name: "@lcap/pc-template-vue3",
-        version: "2.0.0"
+        version: "2.0.1"
       }
     ],
     h5: [
       {
         frameworkKind: "vue2",
         name: "@lcap/mobile-template",
-        version: "2.0.0"
+        version: "2.0.1"
       },
       {
         frameworkKind: "react",
         name: "@lcap/mobile-template-react",
-        version: "2.0.0"
+        version: "2.0.1"
       },
       {
         frameworkKind: "vue3",
         name: "@lcap/mobile-template-vue3",
-        version: "2.0.0"
+        version: "2.0.1"
       }
     ]
   },
@@ -6553,29 +6554,6 @@ var coreVersion = materials.framework.version;
 function getPredefinedMaterialConfig() {
   return materials;
 }
-function getPredefinedLibConstants() {
-  if (!reactUi || !vue3Ui) {
-    throw new Error("not found");
-  }
-  if (reactUi.name !== "@lcap/pc-react-ui") {
-    throw new Error("cannot find @lcap/pc-react-ui in material.config.js");
-  }
-  return {
-    reactUI: {
-      kind: "standard",
-      name: reactUi.name,
-      version: reactUi.version
-    },
-    vue3Ui: {
-      kind: "standard",
-      name: vue3Ui.name,
-      version: vue3Ui.version
-    },
-    basicTemplate: {
-      version: coreVersion
-    }
-  };
-}
 var getPredefinedMaterialByTags = (() => {
   const materialConfig = getPredefinedMaterialConfig();
   let allMaterials = [];
@@ -6599,12 +6577,14 @@ var getPredefinedMaterialByTags = (() => {
   materialConfig.ui.pc.forEach((item) => {
     allMaterials.push({
       ...item,
+      kind: "standard",
       tags: ["ui", "pc", item.frameworkKind, item.libName]
     });
   });
   materialConfig.ui.h5.forEach((item) => {
     allMaterials.push({
       ...item,
+      kind: "standard",
       tags: ["ui", "h5", item.frameworkKind, item.libName]
     });
   });
@@ -6764,7 +6744,10 @@ function bindAttrToIR(b) {
         throw new Error("string\u4E0D\u53EF\u4E3Async");
       }
       if (b.i18nKey && b.value && b.frontend?.i18nInfo?.enabled) {
-        b.type = "dynamic";
+        const frameworkKind = b.frontend?.frameworkKind;
+        if (!["vue3"].includes(frameworkKind)) {
+          b.type = "dynamic";
+        }
         const wrapperExpr = import_nasl_concepts9.CallFunction.from(
           {
             calleeNamespace: "$i18n",
@@ -6868,7 +6851,7 @@ function bindEventToAction(b) {
     kind: "standalone"
   };
 }
-var DefaultComponentLibraryName = getPredefinedLibConstants().reactUI.name;
+var DefaultComponentLibraryName = getPredefinedMaterialByTags(["ui", "pc", "react"])?.name;
 function getReferencedLibComponent(e) {
   const tag = e.tag;
   if (tag.startsWith("BS")) {
@@ -7534,8 +7517,8 @@ var NASLAppIRBuilderPlugin = class {
         });
         logger5.debug({ extensionPackages });
         const frameworkKind = frontend.frameworkKind;
-        const libs = getPredefinedLibConstants();
-        return [...extensionPackages, frameworkKind === "vue3" ? libs.vue3Ui : libs.reactUI];
+        const uiLib = getPredefinedMaterialByTags(["ui", frontend.type, frameworkKind]);
+        return [...extensionPackages, uiLib];
       };
       var buildConfigs = buildConfigs2, collectPackages = collectPackages2;
       config2.debug && breakpoint2.genBreakpoints(app);
@@ -8904,10 +8887,9 @@ function extractAppLevelFrontendDeps(app) {
 }
 function extractFrontendLevelDeps(frontend) {
   const deps = [];
-  if (frontend.frameworkKind === "react") {
-    deps.push(getPredefinedLibConstants().reactUI);
-  } else if (frontend.frameworkKind === "vue3") {
-    deps.push(getPredefinedLibConstants().vue3Ui);
+  const uiLib = getPredefinedMaterialByTags(["ui", frontend.type, frontend.frameworkKind]);
+  if (uiLib) {
+    deps.push(uiLib);
   }
   return deps;
 }
@@ -9080,11 +9062,11 @@ async function downloadDependenciesToLcapModules(feDeps, fs, config2) {
     }
     let packageJson = fs.read("/package.json")?.toString();
     packageJson = JSON.parse(packageJson);
-    if (!packageJson.dependencies) {
-      packageJson.dependencies = {};
+    if (!packageJson.lcap_modules) {
+      packageJson.lcap_modules = {};
     }
     downloadedDeps.forEach(({ pkgName, targetPath }) => {
-      packageJson.dependencies[pkgName] = `.${targetPath}`;
+      packageJson.lcap_modules[pkgName] = `.${targetPath}`;
     });
     fs.write("/package.json", JSON.stringify(packageJson, null, 2));
     logger15.info("\u4E0B\u8F7D\u524D\u7AEF\u4F9D\u8D56\u5E93\u5230 lcap_modules \u76EE\u5F55\u5B8C\u6210");
@@ -9159,7 +9141,7 @@ BundlerConfigDataPlugin = __decorateClass([
   __decorateParam(0, (0, import_inversify16.inject)(ServiceMetaKind.FrontendBundlerConfig))
 ], BundlerConfigDataPlugin);
 
-// src/plugins/misc/bundler/respack-config-plugin.ts
+// src/plugins/misc/bundler/rspack-config-plugin.ts
 var import_reflection4 = require("@abraham/reflection");
 var import_inversify17 = require("inversify");
 var RspackConfigPlugin = class {
@@ -9183,9 +9165,16 @@ var RspackConfigPlugin = class {
           `chunks: '${this.frontendPerformancePlugin?.performanceOptions?.chunks}'`
         );
       }
+      rspackConfigSource = rspackConfigSource.replace(`const backendUrl = '';`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = '';`, `const publicPath = '${publicPath}';`).replace(`sourceMap: false,`, `sourceMap: ${config2.env === "dev"},`).replace("alias: {}", `alias: {${aliasMapStr}}`).replace("const isDev = false", `const isDev = ${config2.env === "dev"}`);
+      if (config2.needCompileViews && config2.needCompileViews.length > 0 && config2.cacheChunksMapCode) {
+        rspackConfigSource = rspackConfigSource.replace("isIncremental: false", "isIncremental: true").replace("chunksMap: ''", `chunksMap: \`${config2.cacheChunksMapCode}\``);
+      }
+      if (config2.isExport) {
+        rspackConfigSource = rspackConfigSource.replace(/\/\/ LcapPlugin start\s+new LcapPlugin\(\{[\s\S]*?\}\),\s+\/\/ LcapPlugin end/g, "");
+      }
       fs.write(
         "/rspack.config.js",
-        rspackConfigSource.replace(`const backendUrl = '';`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = '';`, `const publicPath = '${publicPath}';`).replace(`sourceMap: false,`, `sourceMap: ${config2.env === "dev"},`).replace("alias: {}", `alias: {${aliasMapStr}}`)
+        rspackConfigSource
       );
     }
   }
@@ -9393,49 +9382,12 @@ EntrypointPlugin = __decorateClass([
   __decorateParam(0, (0, import_inversify19.inject)(ServiceMetaKind.MicroFrontendManager))
 ], EntrypointPlugin);
 
-// src/plugins/misc/bundler/vite-config-plugin.ts
-var import_reflection6 = require("@abraham/reflection");
-var import_inversify20 = require("inversify");
-var ViteConfigPlugin = class {
-  constructor(bundlerConfigDataPlugin) {
-    this.bundlerConfigDataPlugin = bundlerConfigDataPlugin;
-  }
-  async configBundlerConfig(app, frontend, config2, fs, frameworkKind) {
-    const isDev = config2.env === "dev";
-    const { backendUrl, publicPath, aliasMapStr, dependenciesStr } = await this.bundlerConfigDataPlugin.getBundlerConfigData(
-      app,
-      frontend,
-      config2,
-      fs,
-      frameworkKind
-    );
-    const viteConfigSource = fs.read("/vite.config.ts")?.toString();
-    if (viteConfigSource) {
-      fs.write(
-        "/vite.config.ts",
-        viteConfigSource.replace(`const backendUrl = ''`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = ''`, `const publicPath = '${publicPath}'`).replace(`const isDev = false`, `const isDev = ${isDev}`).replace("alias: {}", `alias: {${aliasMapStr}}`).replace(
-          "optimizeDeps: { include: [], },",
-          `optimizeDeps: { include: [${dependenciesStr}], },`
-        )
-      );
-    }
-  }
-  static install(c) {
-    c.bind(ServiceMetaKind.FrontendBundlerFileConfig).to(ViteConfigPlugin).inSingletonScope();
-    return c;
-  }
-};
-ViteConfigPlugin = __decorateClass([
-  (0, import_inversify20.injectable)(),
-  __decorateParam(0, (0, import_inversify20.inject)(BundlerConfigDataPlugin))
-], ViteConfigPlugin);
-
 // src/plugins/vue/vue3/vue3-application-assembler-plugin.ts
-var import_inversify30 = require("inversify");
+var import_inversify29 = require("inversify");
 
 // src/plugins/vue/common/vue-router-plugin.ts
 var import_nasl_utils2 = require("@lcap/nasl-utils");
-var import_inversify21 = require("inversify");
+var import_inversify20 = require("inversify");
 var VueRouterPlugin = class {
   extractImportIR(routes, componentPathManager) {
     const nameMangler = new NameMangler();
@@ -9468,17 +9420,26 @@ var VueRouterPlugin = class {
   }
   routeToCode(routes, componentPathManager, config2) {
     function serializeVueRoute(r, isRoot = false) {
-      const path2 = r.thisLevelPath ?? "/";
+      const { accumulativePath, thisLevelPath } = r;
+      const path2 = isRoot ? accumulativePath : thisLevelPath ?? "/";
+      const basePath = config2.basePath;
       if (r.kind === "normal") {
         const children = r.children?.map((i) => serializeVueRoute(i)).filter(isNotNil) ?? [];
         const childrenStr = children.join(",\n");
         const componentCode = `component: ${r.elementMangledName ?? r.elementTemplate.identifier}`;
-        return `{path: "${isRoot ? r.accumulativePath : path2}", meta: ${JSON.stringify(
+        return `{path: "${path2}", meta: ${JSON.stringify(
           r.meta
         )}, children: [${childrenStr}], ${componentCode} }`;
       } else if (r.kind === "redirect") {
         if (["vue3"].includes(config2.frameworkKind) && path2 === "*") {
-          return `{ path: "/:pathMatch(.*)*", redirect: ${JSON.stringify(r.redirect)} }`;
+          return `{ path: "/:pathMatch(.*)*", redirect: ${JSON.stringify(basePath + r.redirect)} }`;
+        }
+        if (["vue3"].includes(config2.frameworkKind) && path2 === "/") {
+          let result = `{ path: "/", redirect: ${JSON.stringify(basePath + r.redirect)} }`;
+          if (basePath !== "/") {
+            result += `, { path: "${basePath}", redirect: ${JSON.stringify(basePath + r.redirect)} }`;
+          }
+          return result;
         }
         return `{ path: "${path2}", redirect: to => to.path.replace(/\\/$/, '') + '/' + ${JSON.stringify(r.redirect)} }`;
       }
@@ -9500,11 +9461,11 @@ var VueRouterPlugin = class {
   }
 };
 VueRouterPlugin = __decorateClass([
-  (0, import_inversify21.injectable)()
+  (0, import_inversify20.injectable)()
 ], VueRouterPlugin);
 
 // src/plugins/vue/vue3/vue3-codegen-plugin.ts
-var import_inversify22 = require("inversify");
+var import_inversify21 = require("inversify");
 var import_nasl_utils3 = require("@lcap/nasl-utils");
 var import_lodash8 = require("lodash");
 var Vue3CodegenPlugin = class {
@@ -9552,11 +9513,11 @@ var Vue3CodegenPlugin = class {
   }
 };
 Vue3CodegenPlugin = __decorateClass([
-  (0, import_inversify22.injectable)()
+  (0, import_inversify21.injectable)()
 ], Vue3CodegenPlugin);
 
 // src/plugins/vue/vue3/vue3-entry-builder-plugin.ts
-var import_inversify23 = require("inversify");
+var import_inversify22 = require("inversify");
 var Vue3EntryBuilderPlugin = class {
   constructor(microFrontendManager) {
     this.microFrontendManager = microFrontendManager;
@@ -9598,12 +9559,12 @@ var Vue3EntryBuilderPlugin = class {
   }
 };
 Vue3EntryBuilderPlugin = __decorateClass([
-  (0, import_inversify23.injectable)(),
-  __decorateParam(0, (0, import_inversify23.inject)(ServiceMetaKind.MicroFrontendManager))
+  (0, import_inversify22.injectable)(),
+  __decorateParam(0, (0, import_inversify22.inject)(ServiceMetaKind.MicroFrontendManager))
 ], Vue3EntryBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-libraries-builder-plugin.ts
-var import_inversify24 = require("inversify");
+var import_inversify23 = require("inversify");
 var Vue3LibrariesBuilderPlugin = class {
   /**
    * 构建依赖库导入文件
@@ -9612,10 +9573,13 @@ var Vue3LibrariesBuilderPlugin = class {
    */
   async buildLibrariesImport(ir, config2) {
     const importArr = [];
+    const exportArr = [];
     const standardLib = ir.packages.find((x) => x.kind === "standard");
     if (standardLib) {
       const formattedName = kebab2Pascal(standardLib.name.split("/").at(-1));
-      importArr.push(`export * as ${formattedName} from '${standardLib.name}';`);
+      importArr.push(`import * as ${formattedName} from '${standardLib.name}';`);
+      exportArr.push(`export { ${formattedName} };`);
+      exportArr.push(`window.lcapStandardUI = ${formattedName};`);
       const isPackageZipExists = await judgePackageZipExists(standardLib, config2.STATIC_URL);
       importArr.push(
         `import '${standardLib.name}${isPackageZipExists ? "/dist-theme" : ""}/index.css';`
@@ -9626,14 +9590,14 @@ var Vue3LibrariesBuilderPlugin = class {
       const formattedName = kebab2Pascal(ext.name.split("/").at(-1));
       const isPackageZipExists = await judgePackageZipExists(ext, config2.STATIC_URL);
       const prefix = isPackageZipExists ? "" : "@extension/";
-      importArr.push(`export * as ${formattedName} from '${prefix}${ext.name}';`);
+      exportArr.push(`export * as ${formattedName} from '${prefix}${ext.name}';`);
       if (ext.hasCss) {
         importArr.push(
           `import '${prefix}${ext.name}${isPackageZipExists ? "/dist-theme" : ""}/index.css';`
         );
       }
     }
-    return new ReactFileDescription("libraries.ts", [], [], [importArr.join("\n")]);
+    return new ReactFileDescription("libraries.ts", [], [], [[...importArr, ...exportArr].join("\n")]);
   }
   static install(c) {
     c.bind(Vue3LibrariesBuilderPlugin).toSelf();
@@ -9641,11 +9605,11 @@ var Vue3LibrariesBuilderPlugin = class {
   }
 };
 Vue3LibrariesBuilderPlugin = __decorateClass([
-  (0, import_inversify24.injectable)()
+  (0, import_inversify23.injectable)()
 ], Vue3LibrariesBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-meta-data-builder-plugin.ts
-var import_inversify25 = require("inversify");
+var import_inversify24 = require("inversify");
 var Vue3MetaDataBuilderPlugin = class {
   /**
    * 构建依赖库导入文件
@@ -9666,7 +9630,7 @@ var Vue3MetaDataBuilderPlugin = class {
   }
 };
 Vue3MetaDataBuilderPlugin = __decorateClass([
-  (0, import_inversify25.injectable)()
+  (0, import_inversify24.injectable)()
 ], Vue3MetaDataBuilderPlugin);
 function stringifyMetaData(obj) {
   if (typeof obj === "object" && obj !== null) {
@@ -9700,7 +9664,7 @@ function stringifyMetaData(obj) {
 }
 
 // src/plugins/vue/vue3/vue3-components-index-builder-plugin.ts
-var import_inversify26 = require("inversify");
+var import_inversify25 = require("inversify");
 var Vue3ComponentsIndexBuilderPlugin = class {
   /**
    * 构建业务组件导出入口文件
@@ -9730,11 +9694,11 @@ var Vue3ComponentsIndexBuilderPlugin = class {
   }
 };
 Vue3ComponentsIndexBuilderPlugin = __decorateClass([
-  (0, import_inversify26.injectable)()
+  (0, import_inversify25.injectable)()
 ], Vue3ComponentsIndexBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-client-lazyload-template-builder-plugin .ts
-var import_inversify27 = require("inversify");
+var import_inversify26 = require("inversify");
 var Vue3ClientLazyloadTemplateBuilderPlugin = class {
   constructor(microFrontendManager) {
     this.microFrontendManager = microFrontendManager;
@@ -9747,32 +9711,19 @@ var Vue3ClientLazyloadTemplateBuilderPlugin = class {
     const isDebug = ir.configs.config.debug;
     const entryScript = this.microFrontendManager.produceScript(ir);
     return new ReactFileDescription(
-      "../client-lazyload-template.ts",
+      "../client-lazyload-template.js",
       [],
       [],
       [
-        `
-        export default function (templateParameters, publicPath) {
-          const { files } = templateParameters
-          const jsAssets = files.js?.map((x) => publicPath + x.fileName) ?? []
-          const cssAssets = files.css?.map((x) => publicPath + x.fileName) ?? []
-          // \u5982\u679C\u662Fdebug\u6A21\u5F0F\uFF0C\u52A0\u8F7D\u65AD\u70B9\u8C03\u8BD5\u5668
-          ${isDebug ? `jsAssets.push(
-            '${ir.configs.config.STATIC_URL}/packages/vue@2/dist/vue.min.js',
-            '${ir.configs.config.STATIC_URL}/packages/@lcap/breakpoint-client@1.0.0/dist/index.js?time=${Date.now()}',
-          );` : ""}
-          const lazyLoadCommand = \`
-            \${JSON.stringify(jsAssets)}.forEach(asset => window.LazyLoad.js(asset));
-            window.LazyLoad.css(\${JSON.stringify(cssAssets)});
-          \`;
-          return \`(function(){
-            function loadAssets(){
-              \${lazyLoadCommand};
-            }
-            ${entryScript};
-          })();\`;
-        }
-        `
+        `const extraJS = [];
+        const extraCSS = [];
+        const entryCode = \`${entryScript}\`;
+
+        module.exports = {
+          extraJS,
+          extraCSS,
+          entryCode,
+        }`
       ]
     );
   }
@@ -9782,12 +9733,12 @@ var Vue3ClientLazyloadTemplateBuilderPlugin = class {
   }
 };
 Vue3ClientLazyloadTemplateBuilderPlugin = __decorateClass([
-  (0, import_inversify27.injectable)(),
-  __decorateParam(0, (0, import_inversify27.inject)(ServiceMetaKind.MicroFrontendManager))
+  (0, import_inversify26.injectable)(),
+  __decorateParam(0, (0, import_inversify26.inject)(ServiceMetaKind.MicroFrontendManager))
 ], Vue3ClientLazyloadTemplateBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-platform-builder-plugin.ts
-var import_inversify28 = require("inversify");
+var import_inversify27 = require("inversify");
 var Vue3PlatformBuilderPlugin = class {
   /**
    * 构建平台配置文件
@@ -9821,11 +9772,11 @@ var Vue3PlatformBuilderPlugin = class {
   }
 };
 Vue3PlatformBuilderPlugin = __decorateClass([
-  (0, import_inversify28.injectable)()
+  (0, import_inversify27.injectable)()
 ], Vue3PlatformBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-entry-css-plugin.ts
-var import_inversify29 = require("inversify");
+var import_inversify28 = require("inversify");
 var Vue3EntryCssPlugin = class {
   /**
    * 构建依赖库导入文件
@@ -9842,7 +9793,7 @@ var Vue3EntryCssPlugin = class {
   }
 };
 Vue3EntryCssPlugin = __decorateClass([
-  (0, import_inversify29.injectable)()
+  (0, import_inversify28.injectable)()
 ], Vue3EntryCssPlugin);
 
 // src/plugins/vue/vue3/vue3-application-assembler-plugin.ts
@@ -9859,7 +9810,7 @@ var ComponentPathManager = class {
   }
 };
 ComponentPathManager = __decorateClass([
-  (0, import_inversify30.injectable)()
+  (0, import_inversify29.injectable)()
 ], ComponentPathManager);
 var Vue3ApplicationAssemblerPlugin = class {
   constructor(vue3CodegenPlugin, routesExtactor, routerBuilder, entryBuilder, librariesBuilder, entryCssBuilder, componentsIndexBuilder, clientLazyloadTemplateBuilder, platformBuilder, metaDataBuilder) {
@@ -9882,15 +9833,16 @@ var Vue3ApplicationAssemblerPlugin = class {
     const bizComponents = ir.bizComponents.flatMap((x) => {
       return this.vue3CodegenPlugin.genFiles(x, manager);
     });
-    let routePrefix = ir.configs.frontendDesc.path;
-    if (!/\/$/.test(routePrefix)) {
-      routePrefix += "/";
+    let basePath = ir.configs.basePlatformConfig.basePath;
+    if (!/\/$/.test(basePath)) {
+      basePath += "/";
     }
-    const routesObjects = this.routesExtactor.extractRoute(ir.views, routePrefix, {
+    const routesObjects = this.routesExtactor.extractRoute(ir.views, basePath, {
       lazy: true
     });
     const router = this.routerBuilder.routeToCode(routesObjects.routes, manager, {
-      frameworkKind: "vue3"
+      frameworkKind: "vue3",
+      basePath
     });
     const routerFile = new ReactFileDescription("router.ts", router.imports, [], [router.code]);
     const libraries = await this.librariesBuilder.buildLibrariesImport(ir, config2);
@@ -9914,17 +9866,17 @@ var Vue3ApplicationAssemblerPlugin = class {
   }
 };
 Vue3ApplicationAssemblerPlugin = __decorateClass([
-  (0, import_inversify30.injectable)(),
-  __decorateParam(0, (0, import_inversify30.inject)(Vue3CodegenPlugin)),
-  __decorateParam(1, (0, import_inversify30.inject)(RoutesExtractionPlugin)),
-  __decorateParam(2, (0, import_inversify30.inject)(VueRouterPlugin)),
-  __decorateParam(3, (0, import_inversify30.inject)(Vue3EntryBuilderPlugin)),
-  __decorateParam(4, (0, import_inversify30.inject)(Vue3LibrariesBuilderPlugin)),
-  __decorateParam(5, (0, import_inversify30.inject)(Vue3EntryCssPlugin)),
-  __decorateParam(6, (0, import_inversify30.inject)(Vue3ComponentsIndexBuilderPlugin)),
-  __decorateParam(7, (0, import_inversify30.inject)(Vue3ClientLazyloadTemplateBuilderPlugin)),
-  __decorateParam(8, (0, import_inversify30.inject)(Vue3PlatformBuilderPlugin)),
-  __decorateParam(9, (0, import_inversify30.inject)(Vue3MetaDataBuilderPlugin))
+  (0, import_inversify29.injectable)(),
+  __decorateParam(0, (0, import_inversify29.inject)(Vue3CodegenPlugin)),
+  __decorateParam(1, (0, import_inversify29.inject)(RoutesExtractionPlugin)),
+  __decorateParam(2, (0, import_inversify29.inject)(VueRouterPlugin)),
+  __decorateParam(3, (0, import_inversify29.inject)(Vue3EntryBuilderPlugin)),
+  __decorateParam(4, (0, import_inversify29.inject)(Vue3LibrariesBuilderPlugin)),
+  __decorateParam(5, (0, import_inversify29.inject)(Vue3EntryCssPlugin)),
+  __decorateParam(6, (0, import_inversify29.inject)(Vue3ComponentsIndexBuilderPlugin)),
+  __decorateParam(7, (0, import_inversify29.inject)(Vue3ClientLazyloadTemplateBuilderPlugin)),
+  __decorateParam(8, (0, import_inversify29.inject)(Vue3PlatformBuilderPlugin)),
+  __decorateParam(9, (0, import_inversify29.inject)(Vue3MetaDataBuilderPlugin))
 ], Vue3ApplicationAssemblerPlugin);
 
 // src/plugins/vue/vue3/vue3-preset-plugin.ts
@@ -9943,6 +9895,30 @@ var Vue3PresetPlugin = class {
       const app = deserializeAppWhileKeepTypeAnnotation(appJson);
       const frontend = app.findNodeByPath(instruction.frontend.nodePath);
       const ir = this.irBuilder.buildIR(app, frontend, instruction.config);
+      const needCompileViews = instruction.config?.needCompileViews ?? [];
+      const isIncremental = needCompileViews.length > 0;
+      if (isIncremental) {
+        const filterChildComponents = (view, needCompileViews2) => {
+          if (!view.childComponents?.length) {
+            return;
+          }
+          view.childComponents = view.childComponents.filter((child) => {
+            if (needCompileViews2.includes(child.__raw.nodePath)) {
+              filterChildComponents(child, needCompileViews2);
+              return true;
+            }
+            return false;
+          });
+        };
+        ir.views = ir.views.filter((view) => {
+          if (needCompileViews.includes(view.__raw.nodePath)) {
+            filterChildComponents(view, needCompileViews);
+            return true;
+          }
+          return false;
+        });
+        ir.bizComponents = [];
+      }
       const assembledApplication = await this.applicationAssembler.assemble(ir, instruction.config);
       const finalizedFiles = await this.projectOrganizer.organize({
         baseDir: instruction.baseDir,
@@ -9979,7 +9955,7 @@ var Vue3PresetPlugin = class {
     c.bind(ServiceMetaKind.ProjectOrganizer).to(ProjectOrganizerPlugin);
     c.bind(ServiceMetaKind.FileSystemProvider).to(FileSystemPlugin).inSingletonScope();
     c = BundlerConfigDataPlugin.install(c);
-    c = ViteConfigPlugin.install(c);
+    c = RspackConfigPlugin.install(c);
     c = FrontendBundlerConfigPlugin.install(c);
     c = FrontendPerformancePlugin.install(c);
     c = NpmPackageJSONManagerPlugin.install(c);
@@ -9996,20 +9972,20 @@ var Vue3PresetPlugin = class {
   }
 };
 Vue3PresetPlugin = __decorateClass([
-  (0, import_inversify31.injectable)(),
-  __decorateParam(0, (0, import_inversify31.inject)(ServiceMetaKind.IRBuilder)),
-  __decorateParam(1, (0, import_inversify31.inject)(ServiceMetaKind.FileSystemProvider)),
-  __decorateParam(2, (0, import_inversify31.inject)(NpmPackageJSONManagerPlugin)),
-  __decorateParam(3, (0, import_inversify31.inject)(ServiceMetaKind.ProjectOrganizer)),
-  __decorateParam(4, (0, import_inversify31.inject)(Vue3ApplicationAssemblerPlugin))
+  (0, import_inversify30.injectable)(),
+  __decorateParam(0, (0, import_inversify30.inject)(ServiceMetaKind.IRBuilder)),
+  __decorateParam(1, (0, import_inversify30.inject)(ServiceMetaKind.FileSystemProvider)),
+  __decorateParam(2, (0, import_inversify30.inject)(NpmPackageJSONManagerPlugin)),
+  __decorateParam(3, (0, import_inversify30.inject)(ServiceMetaKind.ProjectOrganizer)),
+  __decorateParam(4, (0, import_inversify30.inject)(Vue3ApplicationAssemblerPlugin))
 ], Vue3PresetPlugin);
 
 // src/default-container.ts
 function makeDefaultContainer(kind = "react") {
   if (kind === "react") {
-    return ReactPresetPlugin.install(new import_inversify32.Container());
+    return ReactPresetPlugin.install(new import_inversify31.Container());
   } else if (kind === "vue3") {
-    return Vue3PresetPlugin.install(new import_inversify32.Container());
+    return Vue3PresetPlugin.install(new import_inversify31.Container());
   } else {
     throw new Error(`\u672A\u5B9E\u73B0${kind}\u7684\u9ED8\u8BA4\u5BB9\u5668`);
   }
@@ -10136,7 +10112,7 @@ async function compileAsProject(app, frontend, config2, container) {
 }
 
 // src/plugins/misc/program-analysis/analyzer-manager-plugin.ts
-var import_inversify33 = require("inversify");
+var import_inversify32 = require("inversify");
 
 // src/plugins/misc/program-analysis/analysis/async-analysis.ts
 function buildAsyncAnalyzer() {
@@ -10263,11 +10239,11 @@ var AnalyzerManagerPlugin = class {
   }
 };
 AnalyzerManagerPlugin = __decorateClass([
-  (0, import_inversify33.injectable)()
+  (0, import_inversify32.injectable)()
 ], AnalyzerManagerPlugin);
 
 // src/plugins/misc/name-mangler/name-mangler-manager-plugin.ts
-var import_inversify34 = require("inversify");
+var import_inversify33 = require("inversify");
 
 // src/plugins/misc/name-mangler/name-mangler.ts
 var NameMangler2 = class _NameMangler {
@@ -10334,7 +10310,7 @@ var NameManglerManagerPlugin = class {
   }
 };
 NameManglerManagerPlugin = __decorateClass([
-  (0, import_inversify34.injectable)()
+  (0, import_inversify33.injectable)()
 ], NameManglerManagerPlugin);
 
 // src/utils/sanity-check.ts