feat: 改回声明用法

packages/fes-preset-built-in/src/plugins/misc/route/index.js

@@ -2,7 +2,7 @@ import { readdirSync, statSync, readFileSync } from 'fs';
 import {
     join, extname, posix, basename
 } from 'path';
-import { lodash, parser } from '@fesjs/utils';
+import { lodash, parser, generator } from '@fesjs/utils';
 import { parse } from '@vue/compiler-sfc';
 import { Logger } from '@fesjs/compiler';
 import { runtimePath } from '../../../utils/constants';
@@ -71,6 +71,19 @@ const getRoutePath = function (parentRoutePath, fileName) {
     return posix.join(parentRoutePath, fileName);
 };
 
+function getRouteMeta(content) {
+    const ast = parser.parse(content, {
+        sourceType: 'module',
+        plugins: ['jsx', 'typescript']
+    });
+    const defineRouteExpression = ast.program.body.filter(expression => expression.type === 'ExpressionStatement' && expression.expression.type === 'CallExpression' && expression.expression.callee.name === 'defineRouteMeta')[0];
+    if (defineRouteExpression) {
+        const argument = generator(defineRouteExpression.expression.arguments[0]);
+        return JSON.parse(argument.code.replace(/'/g, '"').replace(/(\S+):/g, (global, m1) => `"${m1}":`));
+    }
+    return null;
+}
+
 let cacheGenRoutes = {};
 
 // TODO 约定 layout 目录作为布局文件夹，
@@ -110,28 +123,20 @@ const genRoutes = function (parentRoutes, path, parentRoutePath, config) {
                     b => b.type === 'config'
                 );
                 routeMeta = routeMetaBlock?.content ? JSON.parse(routeMetaBlock.content) : {};
-            }
-            let importMeta = '';
-            if (ext === '.vue' || ext === '.jsx' || ext === '.tsx') {
-                if (ext === '.vue') {
-                    const { descriptor } = parse(content);
+                if (descriptor.script) {
                     content = descriptor.script.content;
+                    routeMeta = getRouteMeta(content) || routeMeta;
                 }
-                const ast = parser.parse(content, {
-                    sourceType: 'module',
-                    plugins: ['jsx', 'typescript']
-                });
-                const defineRouteMetaExpression = ast.program.body.filter(expression => expression.type === 'ExportNamedDeclaration' && expression.declaration.type === 'VariableDeclaration' && expression.declaration.declarations[0].id.name === 'meta')[0];
-                if (defineRouteMetaExpression) {
-                    importMeta = `require('${componentPath}').meta`;
             }
+            if (ext === '.jsx' || ext === '.tsx') {
+                routeMeta = getRouteMeta(content) || {};
             }
 
             const routeConfig = {
                 path: routePath,
                 component: componentPath,
-                name: (importMeta ? `${importMeta}.name` : routeMeta.name) || routeName,
-                meta: importMeta || routeMeta
+                name: routeMeta.name || routeName,
+                meta: routeMeta
             };
             if (hasLayout) {
                 if (fileName === 'layout') {
@@ -241,14 +246,6 @@ const getRoutesJSON = function ({ routes, config }) {
             /"component": ("(.+?)")/g,
             (global, m1, m2) => `"component": ${m2.replace(/\^/g, '"')}`
         )
-        .replace(
-            /"name": "require(.+?)"/g,
-            (global, m1) => `"name": require${m1}`
-        )
-        .replace(
-            /"meta": "require(.+?)"/g,
-            (global, m1) => `"meta": require${m1}`
-        )
         .replace(/\\r\\n/g, '\r\n')
         .replace(/\\n/g, '\r\n');
 };

packages/fes-template-h5/src/pages/index.vue

@@ -19,7 +19,7 @@ import HelloWorld from '@/components/helloWorld';
 import HelloTSX from '@/components/helloTSX';
 import helloTS from '@/components/helloTS';
 
-export const meta = defineRouteMeta({
+defineRouteMeta({
     title: '首页',
     name: 'testIndex',
     layout: false

packages/fes-template-h5/src/pages/test.tsx

@@ -1,7 +1,7 @@
 import { defineRouteMeta, useRoute } from '@fesjs/fes';
 import { defineComponent } from 'vue';
 
-export const meta = defineRouteMeta({
+defineRouteMeta({
     title: 'test',
     name: 'test'
 })