@lcap/nasl 3.13.3-rc.3 → 3.13.3-rc.5

package/out/generator/genBundleFiles.d.ts

@@ -9,16 +9,19 @@ export interface Route {
     component?: RawOptions;
     children?: Array<Route>;
     redirect?: string;
-    lazyPath?: string;
     meta?: {
         [key: string]: any;
     };
+    fullPath?: string;
 }
 export declare function genBundleFiles(app: App, frontend: Frontend, config: Config): Promise<any[]>;
 export declare function genFrontendBundleFiles(app: App, frontends: Array<Frontend>, config: Config): Promise<any[]>;
 export declare function getOneFiles(options: {
+    app: App;
+    frontend: Frontend;
     view: View;
-    action: string;
-    cacheRouters: Route[];
-}): any[];
+    action: 'current' | 'all';
+    cacheRouters: string;
+    config: Config;
+}): Promise<any[]>;
 //# sourceMappingURL=genBundleFiles.d.ts.map

package/out/generator/genBundleFiles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"genBundleFiles.d.ts","sourceRoot":"","sources":["../../src/generator/genBundleFiles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,GAAG,EAAU,IAAI,EAAE,QAAQ,EAAmG,MAAM,aAAa,CAAC;AAC3J,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAM/B,OAAO,KAAK,EAAE,yBAAyB,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAqBhF,eAAO,IAAI,UAAU,UAAgC,CAAA;AACrD,eAAO,IAAI,mBAAmB,UAAyD,CAAA;AAEvF,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,GAAG,WAanD;AACD,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAA;CACF;AA0JD,wBAAsB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAmgChF;AAED,wBAAsB,sBAAsB,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,kBA2ChG;AA+BD,wBAAgB,WAAW,CAAC,OAAO,EAAE;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,KAAK,EAAE,CAAA;CAAE,SAgGzF"}
+{"version":3,"file":"genBundleFiles.d.ts","sourceRoot":"","sources":["../../src/generator/genBundleFiles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,GAAG,EAAU,IAAI,EAAE,QAAQ,EAAmG,MAAM,aAAa,CAAC;AAC3J,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAM/B,OAAO,KAAK,EAAE,yBAAyB,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAsBhF,eAAO,IAAI,UAAU,UAAgC,CAAA;AACrD,eAAO,IAAI,mBAAmB,UAAyD,CAAA;AAEvF,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,GAAG,WAanD;AACD,MAAM,WAAW,KAAK;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAA;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+ND,wBAAsB,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBA87BhF;AAED,wBAAsB,sBAAsB,CAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,kBA2ChG;AA+BD,wBAAsB,WAAW,CAAC,OAAO,EAAE;IACzC,GAAG,EAAE,GAAG,CAAC;IACT,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,SAAS,GAAG,KAAK,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,kBA6HA"}

package/out/generator/genBundleFiles.js

@@ -41,6 +41,8 @@ const microApp_1 = require("./microApp");
 // @ts-ignore FIXME wudengke 类型在构建前找不到的问题
 const nasl_unified_frontend_generator_2 = require("@lcap/nasl-unified-frontend-generator");
 const axios_1 = __importDefault(require("axios"));
+const runtime_1 = require("./templates/runtime");
+const chunk_1 = require("./templates/chunk");
 const officalEntityMap = {
     LCAPUser: ['id', 'createdTime', 'updatedTime', 'userId', 'userName', 'password', 'phone', 'email', 'displayName', 'status', 'source'],
     LCAPLogicViewMapping: ['id', 'logicIdentifier', 'resourceName', 'resourceType', 'group', 'changeTime'],
@@ -114,8 +116,8 @@ function genComponentCode(component) {
   })()`;
 }
 // 生成导入组件代码
-function genImportComponetCode(componentPath) {
-    return `() => importComponent('${componentPath}')`;
+function genImportComponetCode(chunkId) {
+    return `() => __webpack_require__.e("${chunkId}").then(__webpack_require__.bind(__webpack_require__, "./${chunkId}.js"))`;
 }
 // 生成导出组件代码
 function genExportComponetCode(component) {
@@ -123,7 +125,7 @@ function genExportComponetCode(component) {
   Object.assign(componentOptions, {
       template: \`${component.template.replace(/[`$]/g, (m) => `\\${m}`)}\`,
   });
-  return componentOptions;`;
+  `;
 }
 // 获取文件路径
 // name 或者 文件 至少有一个必填
@@ -136,27 +138,44 @@ const getCompletePath = (name, fileContent, config) => {
         fileName += `${(0, nasl_utils_1.genHash)(fileContent)}.`;
     }
     fileName += `min.js`;
-    // if(config?.isExport && !fileName.includes('bundle')&& !fileName.includes('router')){
-    //   fileName =`${config.sysPrefixPath}/${fileName}`
-    // }
     return fileName;
 };
-function genRouterFileContent(routes, defaultRoute) {
+function genRouterFileContent(routes, defaultRoute, config) {
+    // 单页面发布
+    if (config.isOneFile) {
+        let code = config?.cacheRouters;
+        const changedChunks = config?.asyncChunksMap;
+        let newRoutesCode = 'window.lcap_routes = [\n';
+        routes.forEach((route) => {
+            newRoutesCode += `${routeToString(route)},\n`;
+        });
+        newRoutesCode += '];\n';
+        const [start, end] = ['// lcap_routes start', '// lcap_routes end'];
+        // 将start和end之间的代码替换掉
+        code = code.slice(0, code.indexOf(start) + start.length) + '\n' + newRoutesCode + code.slice(code.indexOf(end));
+        const placeholderIdx = code.indexOf('// lcap_changed_chunks placeholder');
+        // 前面插入代码
+        if (placeholderIdx !== -1) {
+            code = code.slice(0, placeholderIdx) + `Object.assign(lcap_changed_chunks, ${JSON.stringify(changedChunks)});\n` + code.slice(placeholderIdx);
+        }
+        return code;
+    }
     function routeToString(route) {
         let content = `{
         path: '${route.path}',\n`;
-        if (route?.lazyPath) {
-            const routeLazyPath = route.lazyPath;
-            content += `lazyPath: '${routeLazyPath}',\n`;
-            content += `component: ${genImportComponetCode(route.lazyPath)},\n`;
+        if (route?.fullPath) {
+            // 单页面发布时需要
+            content += `fullPath: '${route.fullPath}',\n`;
+            const chunkId = (0, nasl_utils_1.genHash)(route.fullPath);
+            content += `component: ${genImportComponetCode(chunkId)},\n`;
         }
         if (route?.meta) {
             content += `meta: ${stringifyMetaData(route.meta)},`;
         }
-        if (route?.children?.length) {
+        if (route.children?.length) {
             content += `children: [
-            ${route.children.map(routeToString).join(',\n')}
-        ],\n`;
+      ${route.children?.map?.(routeToString)?.join(',\n')}
+      ],\n`;
         }
         if (route?.redirect) {
             content += `redirect: '${route?.redirect}',\n`;
@@ -164,35 +183,64 @@ function genRouterFileContent(routes, defaultRoute) {
         content += '}';
         return content;
     }
+    // 生成异步块映射表
+    const name = config?.app?.name;
+    let code = `window["${name}LcapChunksMap"] = ${JSON5.stringify(config?.asyncChunksMap || {})};\n`;
     // 生成路由配置
-    let routesStr = `const routers = [`;
+    code += `// lcap_routes start
+  window.lcap_routes = [\n`;
     routes.forEach((route) => {
-        routesStr += `${routeToString(route)},\n`;
+        code += `${routeToString(route)},\n`;
     });
     if (defaultRoute) {
-        routesStr += `{
+        code += `{
           path: '*',
           redirect: '${defaultRoute}',
       }\n`;
     }
-    routesStr += `];
-  return routers;`;
-    return routesStr;
+    code += `];
+  // lcap_routes end\n`;
+    // changedChunk
+    code += `var lcap_changed_chunks = {};
+
+// lcap_changed_chunks placeholder
+
+Object.keys(lcap_changed_chunks).forEach(function(chunkId) {
+    window["${name}LcapChunksMap"][chunkId] = lcap_changed_chunks[chunkId];
+});`;
+    return (0, chunk_1.generate)({
+        name: config?.app?.name,
+        chunkId: 'router',
+        moduleId: 'router',
+        content: code,
+        exports: [],
+        exec: false,
+    });
 }
 // 生成路由文件
 function genRouteFiles(routes, defaultRoute, config) {
     // 生成路由文件列表
     const routeFiles = [];
+    const asyncChunksMap = {};
     function routeToFile(route) {
         if (route?.component?.script) {
             const content = genExportComponetCode(route.component);
-            const lazyPath = getCompletePath(null, content, config);
-            route.lazyPath = lazyPath;
-            // let outFilePath =`${config?.sysPrefixPath? config?.sysPrefixPath +'/' :''}${lazyPath}`;
+            const chunkId = (0, nasl_utils_1.genHash)(route.fullPath);
+            const contentHash = (0, nasl_utils_1.genHash)(content);
             routeFiles.push({
-                name: lazyPath,
-                content,
+                name: chunkId + '.' + contentHash + '.js',
+                content: (0, chunk_1.generate)({
+                    name: config?.app?.name,
+                    chunkId,
+                    moduleId: chunkId,
+                    content,
+                    exports: [
+                        ['componentOptions', 'default'],
+                    ],
+                    exec: false,
+                }),
             });
+            asyncChunksMap[chunkId] = contentHash;
         }
         if (route?.children?.length) {
             route.children.map(routeToFile);
@@ -201,13 +249,16 @@ function genRouteFiles(routes, defaultRoute, config) {
     routes.forEach((route) => {
         routeToFile(route);
     });
-    let routerPath = getCompletePath('router', null, config);
     routeFiles.push({
-        name: routerPath,
+        name: getCompletePath('router', null, config),
         isRouterFile: true,
-        content: genRouterFileContent(routes, defaultRoute),
+        content: genRouterFileContent(routes, defaultRoute, Object.assign({}, config, { asyncChunksMap })),
     });
-    return routeFiles;
+    const { publicPath } = config;
+    return routeFiles.map(file => ({
+        ...file,
+        name: publicPath + file.name,
+    }));
 }
 async function genBundleFiles(app, frontend, config) {
     config.sysPrefixPath = app?.sysPrefixPath;
@@ -222,6 +273,7 @@ async function genBundleFiles(app, frontend, config) {
     const fnLowcodeDomain = config?.envLcpDomain?.[config?.env]?.lcpDomain || config?.lowcodeDomain;
     const modules = [];
     const views = [];
+    const isExport = !!config.isExport;
     const STATIC_URL = config.isExport ? '' : config.STATIC_URL;
     app.dependencies && modules.push(...app.dependencies);
     app.interfaceDependencies && modules.push(...app.interfaceDependencies);
@@ -289,24 +341,19 @@ async function genBundleFiles(app, frontend, config) {
             (0, nasl_log_1.clearLogs)(app);
         }
     }
-    const getBundleFileName = () => {
-        if (config.isPreviewFe && config.previewVersion) {
-            return `mockBundle-${config.previewVersion}`;
-        }
-        else {
-            return 'bundle';
-        }
-    };
-    let baseUrl = `${config.USER_STATIC_URL}/${config.tenant}/${app.id}/${config.env}`;
-    let { basePath } = frontend;
-    if (config.isExport) {
-        baseUrl = '';
-        // basePath = '';
-    }
-    if (config.isPreviewFe) {
-        baseUrl = `${config.USER_STATIC_URL}/asset-center/preview/${config.tenant}/${app.id}/${config.env}`;
+    // @ts-expect-error
+    const publicPath = (0, nasl_unified_frontend_generator_2.getPublicPath)(app, config, frontend);
+    /**
+     * 为什么要加这个呢，因为导出静态资源的场景下，所有资源都会经过一道loadJSWrap
+     * 这个loadJSWrap会补上统一前缀，但是不带端路径
+     * 所以client.js里的资源需要是：
+     * /packages/pc-ui/index.js
+     * /m/bundle.js
+     */
+    let basePath = frontend.basePath || '/';
+    if (!basePath.endsWith('/')) {
+        basePath += '/';
     }
-    let completePath = `${baseUrl}${basePath || ''}/`;
     /**
      * vue.config.js page options
      */
@@ -346,11 +393,18 @@ async function genBundleFiles(app, frontend, config) {
                 }
             }
         }
+        let fullPath = `/${viewName}`;
+        let parent = view.parentNode;
+        while (parent?.concept === 'View') {
+            fullPath = `/${parent.name}${fullPath}`;
+            parent = parent.parentNode;
+        }
         const route = {
             path: routePath,
             component: (0, compileComponent_1.compileComponent)(componentMap[view.id]),
             children: [],
             meta: view.getRouteMeta(),
+            fullPath,
         };
         const viewChildren = view.children;
         if (Array.isArray(viewChildren) && viewChildren.length) {
@@ -425,15 +479,7 @@ async function genBundleFiles(app, frontend, config) {
         // authResourcePathMap={}
     }
     const authResourcePaths = Object.keys(authResourcePathMap);
-    const routerFiles = genRouteFiles(routes, defaultRoute, config);
-    routerFiles.forEach(item => {
-        let temp = completePath;
-        // if(completePath=='/'){temp=''}else{temp = `${completePath}/`}
-        if (config?.isExport && config?.sysPrefixPath?.length > 0) {
-            temp = config?.sysPrefixPath + temp;
-        }
-        item.name = temp + item.name;
-    });
+    const routerFiles = genRouteFiles(routes, defaultRoute, Object.assign({}, config, { app, publicPath }));
     let fileI18nInfo = {
         enabled: false,
         locale: 'zh-CN',
@@ -533,8 +579,6 @@ async function genBundleFiles(app, frontend, config) {
     }
     const assetsInfo = app.genAllAssetsInfo(STATIC_URL, frontend.type, frontendType.frameworkKind);
     const customNames = JSON5.stringify(assetsInfo.custom.names);
-    let content1 = `(async function(){
-        `;
     let contentScale = '';
     if (frontend.globalScaleEnabled)
         contentScale = `{
@@ -644,110 +688,6 @@ async function genBundleFiles(app, frontend, config) {
     let contentImport = `
         var platformConfig = ${platformConfig};
         var metaData = ${metaDataStr};
-
-        var getCompletePath = (path) => {
-          return '${config?.isExport ? config.sysPrefixPath : ''}${completePath}' + path;
-        }
-
-        function createErrorLayout(error) {
-          // 创建错误元素并添加到页面
-          const errorDiv = document.createElement('div');
-          errorDiv.style.display = 'none'; // 默认隐藏，只有在有错误时才显示
-
-          // 创建 h2 元素
-          const h2 = document.createElement('h2');
-          h2.textContent = 'An error occurred:';
-          errorDiv.appendChild(h2);
-
-          const close = document.createElement('div');
-          close.textContent = 'Close';
-          close.style.position = 'fixed';
-          close.style.top = '20px';
-          close.style.right = '20px';
-          close.style.cursor = 'pointer';
-          close.onclick = () => document.body.removeChild(errorDiv);
-          errorDiv.appendChild(close);
-
-          // 创建 pre 元素用于显示 error.?message
-          const preMessage = document.createElement('pre');
-          preMessage.textContent = error && error.message;
-          preMessage.style.fontSize = '14px';
-          errorDiv.appendChild(preMessage);
-
-          // 创建 pre 元素用于显示 error.?stack
-          const preStack = document.createElement('pre');
-          preStack.textContent = error && error.stack;
-          preStack.style.fontSize = '14px';
-          errorDiv.appendChild(preStack);
-
-          errorDiv.style.display = 'block';
-          errorDiv.style.position = 'fixed';
-          errorDiv.style.top = 0;
-          errorDiv.style.bottom = 0;
-          errorDiv.style.left = 0;
-          errorDiv.style.right = 0;
-          errorDiv.style.maxWidth = '100%';
-          errorDiv.style.width = '100%';
-          errorDiv.style.padding = '16px';
-          errorDiv.style.boxSizing = 'border-box';
-          errorDiv.style.backgroundColor = 'white';
-          errorDiv.style.zIndex = 1000; // 确保错误元素在最上层
-
-          document.body.appendChild(errorDiv);
-        }
-
-        // 低版本
-        function importXMLHttpRequestComponent (scriptUrl) {
-          return new Promise(function(resolve, reject) {
-            var xhr = new XMLHttpRequest();
-            xhr.open('GET', scriptUrl, true);
-            xhr.onreadystatechange = function() {
-              if (xhr.readyState === 4) {
-                if (xhr.status === 200) {
-                  var scriptContent = xhr.responseText;
-                  try {
-                    var func = new Function('importComponent', 'window', scriptContent + '\\n//# sourceURL=' + scriptUrl);
-                    var result = func(window.importComponent, window);
-                    resolve(result);
-                  } catch (error) {
-                    createErrorLayout(error);
-                    reject(error);
-                  }
-                } else {
-                  reject(new Error('Failed to fetch script'));
-                }
-              }
-            };
-            xhr.send();
-          });
-        };
-        function importFetchComponent(scriptUrl) {
-          return fetch(scriptUrl)
-            .then(function(response) {
-              if (!response.ok) {
-                throw new Error('Network response was not ok');
-              }
-              return response.text();
-            }).then(function(scriptText) {
-              var func = new Function('importComponent', 'window', scriptText + '\\n//# sourceURL=' + scriptUrl);
-              var result = func(window.importComponent, window);
-              return result;
-            })
-            .catch(error => {
-              console.error('Error loading script:', error);
-              createErrorLayout(error);
-            });
-        }
-        window.importComponent = (scriptUrl) => {
-          scriptUrl = getCompletePath(scriptUrl);
-          // 浏览器支持fetch，直接使用fetch
-          if (window.fetch) {
-            return importFetchComponent(scriptUrl);
-          }
-          return importXMLHttpRequestComponent(scriptUrl);
-        }
-
-        var routes = await importComponent('${getCompletePath('router', null, config)}?t=' + Date.now());
       `;
     // 按页面维度发布先不考虑鉴权，页面维度新增的页面都算是不鉴权的数组中
     // 只有完全页面维度新增的才会进入到这个数组中
@@ -766,11 +706,11 @@ async function genBundleFiles(app, frontend, config) {
           }
         });
       }
-      iterateRouters(routes);` : '';
+      iterateRouters(window.lcap_routes);` : '';
     let contentCreateLCAPApp = `
     window.createLcapApp = () => {
         ${compRegStr}
-        appVM = window.cloudAdminDesigner.init(platformConfig.appConfig, platformConfig, routes, metaData);
+        var appVM = window.cloudAdminDesigner.init(platformConfig.appConfig, platformConfig, window.lcap_routes, metaData);
         try {
             var push = appVM.$router.history.push;
             appVM.$router.history.push = function (a, b) {
@@ -825,6 +765,8 @@ async function genBundleFiles(app, frontend, config) {
             curParentHID = incrementID;
         });
         window.addEventListener('popstate', function (e) {
+            // 如果有 state，但没有 HID，说明是未知跳转，不判定前进后退
+            if(e.state && e.state.HID === undefined) return;
             if(curHID > (e.state ? e.state.HID : undefined)){
                 isBack = true;
             } else {
@@ -847,8 +789,6 @@ async function genBundleFiles(app, frontend, config) {
         if(shortcutIconLink) parent.document.head.appendChild(shortcutIconLink);
       }
         ` : '';
-    let content10 = `
-    })();`;
     let contentDevOnly = config.env === 'dev' ? `
             var _div = document.createElement('div');
             _div.classList = "div-load"
@@ -964,10 +904,21 @@ async function genBundleFiles(app, frontend, config) {
     };
     fetchAnnoData();
     ` : '';
-    let content = [content1, contentScale, contentStyleCss, contentDocIcon, contentCustomNames, contentImport,
-        contentLogReportCode, contentRouter, contentCreateLCAPApp, contentPCIframe, content10,
-        contentDevOnly, contentVueDirectives.join(''), contentViewElemAnno].join('');
-    content1 = null;
+    let content = [
+        `__webpack_require__('./router.js');`,
+        contentScale,
+        contentStyleCss,
+        contentDocIcon,
+        contentCustomNames,
+        contentImport,
+        contentLogReportCode,
+        contentRouter,
+        contentCreateLCAPApp,
+        contentPCIframe,
+        contentDevOnly,
+        contentVueDirectives.join(''),
+        contentViewElemAnno
+    ].join('');
     contentScale = null;
     contentStyleCss = null;
     contentDocIcon = null;
@@ -977,18 +928,35 @@ async function genBundleFiles(app, frontend, config) {
     contentRouter = null;
     contentCreateLCAPApp = null;
     contentPCIframe = null;
-    content10 = null;
     contentDevOnly = null;
     contentVueDirectives = null;
     contentViewElemAnno = null;
+    const timeStamp = Date.now();
     utils.delay(100);
-    let bundleMinPath = completePath + getCompletePath(getBundleFileName(), content, config);
+    content = (0, chunk_1.generate)({
+        name: app.name,
+        chunkId: 'bundle',
+        moduleId: 'bundle',
+        content,
+        exports: [],
+        exec: true,
+    });
+    const routerFileName = getCompletePath('router', null, config);
+    const bundleFileName = getCompletePath(getBundleFileName(config), content, config);
+    let clientPath = publicPath + 'client.js';
+    let runtimePath = publicPath + 'runtime.js';
+    let routerPath = publicPath + routerFileName;
+    let bundleMinPath = publicPath + bundleFileName;
     const otherJsList = frontend?.appletsConfig?.enable ? ['//res.wx.qq.com/open/js/jweixin-1.3.2.js'] : [];
     const microAppIntegration = (0, microApp_1.integrateMicroApp)(frontend);
     if (config?.debug) {
         otherJsList.push(`${STATIC_URL}/packages/@lcap/breakpoint-client@1.0.0/dist/index.js?time=${Date.now()}`);
     }
-    let jsAssetsList = assetsInfo.basic.js.concat(assetsInfo.custom.js, otherJsList).concat([bundleMinPath]);
+    let jsAssetsList = assetsInfo.basic.js.concat(assetsInfo.custom.js, otherJsList).concat([
+        isExport ? (basePath + 'runtime.js') : runtimePath,
+        (isExport ? (basePath + routerFileName) : routerPath) + `?t=${timeStamp}`,
+        isExport ? (basePath + bundleFileName) : bundleMinPath,
+    ]);
     let cssAssetsList = assetsInfo.basic.css.concat(assetsInfo.custom.css);
     if (config.isPreviewFe) {
         const changeToRelativePath = (str) => {
@@ -1152,18 +1120,26 @@ async function genBundleFiles(app, frontend, config) {
 `;
     const outputs = [
         {
-            name: bundleMinPath,
-            content,
+            name: clientPath,
+            content: assetsContent,
         },
         {
-            name: basePath ? `${baseUrl}${basePath}/client.js` : `${baseUrl}/client.js`,
-            content: assetsContent,
+            name: runtimePath,
+            content: (0, runtime_1.generate)({
+                name: app.name,
+                publicPath: JSON.stringify(publicPath),
+            }),
+        },
+        {
+            name: bundleMinPath,
+            content,
         },
         ...routerFiles,
     ];
     assetsContent = null;
     content = null;
     processAssetsInOutputs(outputs, frontend, config);
+    console.info('编译结果', outputs.map((x) => x.name));
     return outputs;
 }
 exports.genBundleFiles = genBundleFiles;
@@ -1235,9 +1211,8 @@ async function traverseForToVueOptions(start, cb) {
     }
     utils.timeSlicingWithGenerator(__traverse(start));
 }
-function getOneFiles(options) {
-    const { view, action, cacheRouters } = options;
-    const frontend = view.frontend;
+async function getOneFiles(options) {
+    const { app, frontend, view, action, cacheRouters, config } = options;
     /**
      * 几种情况
      * 1.完全新增了页面从顶层到下面都是新的页面， 发顶层 （仅自己 和 ）
@@ -1255,16 +1230,23 @@ function getOneFiles(options) {
         if (isRootView) {
             routePath = `${frontend.prefixPath}/${viewName}`;
         }
+        let fullPath = `/${viewName}`;
+        let parent = view.parentNode;
+        while (parent?.concept === 'View') {
+            fullPath = `/${parent.name}${fullPath}`;
+            parent = parent.parentNode;
+        }
         const route = {
             path: routePath,
             component: (0, compileComponent_1.compileComponent)(viewOption),
             children: [],
             meta: view.getRouteMeta(),
+            fullPath,
         };
         return route;
     }
-    let currentView = view;
     let currentRoute = null;
+    let currentView = view;
     while (currentView?.concept === 'View') {
         if (currentRoute) {
             const child = currentRoute;
@@ -1298,6 +1280,7 @@ function getOneFiles(options) {
             // 如果找到了现有路由，更新 component 和 meta
             existingRoute.component = newRoute.component;
             existingRoute.meta = newRoute.meta;
+            existingRoute.fullPath = newRoute.fullPath;
             // 递归合并子路由
             if (newRoute.children) {
                 existingRoute.children = existingRoute.children || [];
@@ -1323,13 +1306,29 @@ function getOneFiles(options) {
         // 直接推入新路由
         routes.unshift(newRoute);
     }
+    let existingRoutes = [];
+    try {
+        // 获取// lcap_routes start 到 // lcap_routes end 之间的代码
+        const [start, end] = ['// lcap_routes start', '// lcap_routes end'];
+        const routesCode = cacheRouters
+            .substring(cacheRouters.indexOf(start) + start.length, cacheRouters.indexOf(end))
+            .replace('window.lcap_routes = ', 'return ');
+        const fn = new Function(`${routesCode}`);
+        existingRoutes = fn();
+    }
+    catch (error) {
+        console.error('路由代码 eval 失败:', error);
+    }
     if (action === 'all') {
-        coverUpdateRoute(cacheRouters, currentRoute);
+        coverUpdateRoute(existingRoutes, currentRoute);
     }
     else {
-        addOrUpdateRoute(cacheRouters, currentRoute);
+        addOrUpdateRoute(existingRoutes, currentRoute);
     }
-    const routerFiles = genRouteFiles(cacheRouters, null);
+    // @ts-expect-error
+    const publicPath = (0, nasl_unified_frontend_generator_2.getPublicPath)(app, config, frontend);
+    const routerFiles = genRouteFiles(existingRoutes, null, Object.assign({}, config, { app, cacheRouters, isOneFile: true, publicPath }));
+    console.info('编译结果', routerFiles.map((x) => x.name));
     return routerFiles;
 }
 exports.getOneFiles = getOneFiles;
@@ -1349,7 +1348,10 @@ function findAndReplaceStaticResources(text, callback) {
         protocolPositions.push(match1.index);
     }
     // 静态资源后缀
-    const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'tiff', 'svg', 'ico', 'heic', 'heif', 'avif', 'mp4', 'mkv', 'mov', 'avi', 'wmv', 'flv', 'webm', 'm4v'];
+    const imageExtensions = [
+        'png', 'jpg', 'jpeg', 'gif', 'bmp', 'webp', 'tiff', 'svg', 'ico', 'heic', 'heif', 'avif', 'mp4', 'mkv', 'mov', 'avi', 'wmv', 'flv', 'webm', 'm4v',
+        'xlsx', 'xls', 'csv', 'docx', 'doc', 'pdf', 'pptx', 'ppt', 'md', 'java', 'py', 'js', 'yml', 'conf', 'json', 'xml',
+    ];
     const extensionPattern = new RegExp(`\\.(${imageExtensions.join('|')})`, 'gi');
     const extensionPositions = [];
     let match2;
@@ -1381,11 +1383,10 @@ function findAndReplaceStaticResources(text, callback) {
     return modifiedText;
 }
 function processAssetsInOutputs(outputs, frontend, config) {
-    const assets = config.assets;
+    const assetsMap = config.assetsMap;
     // 导出源码才处理
-    if (config.isExport && Array.isArray(assets) && assets.length) {
+    if (config.isExport && assetsMap?.size) {
         function replaceContentFilePath(content) {
-            const assetsMap = config.assetsMap;
             content = findAndReplaceStaticResources(content, (url) => {
                 const asset = utils.getAssetFromAssetsMap(assetsMap, url);
                 if (asset) {
@@ -1421,4 +1422,13 @@ function processAssetsInOutputs(outputs, frontend, config) {
         });
     }
 }
+function getBundleFileName(config) {
+    if (config.isPreviewFe && config.previewVersion) {
+        return `mockBundle-${config.previewVersion}`;
+    }
+    else {
+        return 'bundle';
+    }
+}
+;
 //# sourceMappingURL=genBundleFiles.js.map