@easyv/react-component-builder 0.19.1 → 0.19.2

package/loaders/react-entry-loader.js

@@ -1,49 +1,50 @@
 /**
  * 给导出的组件添加static方法获取配置文件
  */
-const path = require("path");
-const glob = require("glob");
-const fs = require("fs");
+const path = require('path');
+const glob = require('glob');
+const fs = require('fs');
+// const vm = require('vm');
 
-const parser = require("@babel/parser").parse;
-const traverse = require("@babel/traverse").default;
-const generate = require("@babel/generator").default;
-const t = require("@babel/types");
+const parser = require('@babel/parser').parse;
+const traverse = require('@babel/traverse').default;
+const generate = require('@babel/generator').default;
+const t = require('@babel/types');
 
 function getOldDimension(width, height, hasUndeline) {
   if (hasUndeline) {
     return {
-      _name: "dimension", // 定义位置宽高
-      _displayName: "位置尺寸",
+      _name: 'dimension', // 定义位置宽高
+      _displayName: '位置尺寸',
       _value: [
         {
-          _name: "chartPosition",
-          _displayName: "图表位置",
+          _name: 'chartPosition',
+          _displayName: '图表位置',
           _value: [
             {
-              _name: "left",
-              _displayName: "X轴坐标",
+              _name: 'left',
+              _displayName: 'X轴坐标',
               _value: 100, // 开发环境默认显示位置
             },
             {
-              _name: "top",
-              _displayName: "Y轴坐标",
+              _name: 'top',
+              _displayName: 'Y轴坐标',
               _value: 100, // 开发环境默认显示位置
             },
           ],
         },
         {
-          _name: "chartDimension",
-          _displayName: "图表尺寸",
+          _name: 'chartDimension',
+          _displayName: '图表尺寸',
           _value: [
             {
-              _name: "width",
-              _displayName: "宽度",
+              _name: 'width',
+              _displayName: '宽度',
               _value: width, // 组件默认宽
             },
             {
-              _name: "height",
-              _displayName: "高度",
+              _name: 'height',
+              _displayName: '高度',
               _value: height, // 组件默认高
             },
           ],
@@ -52,37 +53,37 @@ function getOldDimension(width, height, hasUndeline) {
     };
   }
   return {
-    name: "dimension", // 定义位置宽高
-    displayName: "位置尺寸",
+    name: 'dimension', // 定义位置宽高
+    displayName: '位置尺寸',
     value: [
       {
-        name: "chartPosition",
-        displayName: "图表位置",
+        name: 'chartPosition',
+        displayName: '图表位置',
         value: [
           {
-            name: "left",
-            displayName: "X轴坐标",
+            name: 'left',
+            displayName: 'X轴坐标',
             value: 100, // 开发环境默认显示位置
           },
           {
-            name: "top",
-            displayName: "Y轴坐标",
+            name: 'top',
+            displayName: 'Y轴坐标',
             value: 100, // 开发环境默认显示位置
           },
         ],
       },
       {
-        name: "chartDimension",
-        displayName: "图表尺寸",
+        name: 'chartDimension',
+        displayName: '图表尺寸',
         value: [
           {
-            name: "width",
-            displayName: "宽度",
+            name: 'width',
+            displayName: '宽度',
             value: width, // 组件默认宽
           },
           {
-            name: "height",
-            displayName: "高度",
+            name: 'height',
+            displayName: '高度',
             value: height, // 组件默认高
           },
         ],
@@ -99,7 +100,7 @@ module.exports = function (content, map, meta) {
   let file = content;
 
   // 兼容旧的写法
-  if (~file.indexOf("getDefaultConfig")) {
+  if (~file.indexOf('getDefaultConfig')) {
     return callback(null, file);
   }
   const configPath = `${modulePath}/config`;
@@ -114,7 +115,7 @@ module.exports = function (content, map, meta) {
     function (err, matches) {
       if (err || matches.length === 0) {
         callback(
-          `main.json or main.data.json cannot be found in ${configPath}`
+          `main.json or main.data.json cannot be found in ${configPath}`,
         );
         return;
       }
@@ -127,26 +128,30 @@ module.exports = function (content, map, meta) {
         const names = new Set();
         if (
           matches
-            .map((filename) => filename.split(".")[0])
+            .map((filename) => filename.split('.')[0])
             .some((name, i) => {
               let config;
               try {
                 let jsonFile = fs.existsSync(
-                  path.join(configPath, name + ".json")
+                  path.join(configPath, name + '.json'),
                 );
 
                 if (jsonFile) {
                   config = JSON.parse(
-                    fs.readFileSync(path.resolve(configPath, name + ".json")),
-                    { encoding: "utf8" }
+                    fs.readFileSync(path.resolve(configPath, name + '.json')),
+                    { encoding: 'utf8' },
                   );
                 } else {
-                  delete require.cache[
-                    require.resolve(path.resolve(configPath, name + ".js"))
-                  ];
+                  Object.keys(require.cache).forEach(function (key) {
+                    if (key.includes('node_modules')) {
+                      return;
+                    }
+                    delete require.cache[key];
+                  });
+
                   config = require(path.resolve(
                     configPath,
-                    name + ".js"
+                    name + '.js',
                   )).default;
                 }
               } catch (error) {
@@ -158,23 +163,23 @@ module.exports = function (content, map, meta) {
               let data;
               try {
                 let dataJsonFile = fs.existsSync(
-                  path.join(configPath, name + ".data.json")
+                  path.join(configPath, name + '.data.json'),
                 );
 
                 if (dataJsonFile) {
                   data = JSON.parse(
                     fs.readFileSync(
-                      path.resolve(configPath, name + ".data.json"),
-                      { encoding: "utf8" }
-                    )
+                      path.resolve(configPath, name + '.data.json'),
+                      { encoding: 'utf8' },
+                    ),
                   );
                 } else {
                   delete require.cache[
-                    require.resolve(path.resolve(configPath, name + ".data.js"))
+                    require.resolve(path.resolve(configPath, name + '.data.js'))
                   ];
                   data = require(path.resolve(
                     configPath,
-                    name + ".data.js"
+                    name + '.data.js',
                   )).default;
                 }
               } catch (error) {
@@ -186,14 +191,14 @@ module.exports = function (content, map, meta) {
               if (names.has(config.base.module_name)) {
                 callback(
                   new Error(
-                    `base.module_name ${config.base.module_name} was duplicated in ${configPath}`
-                  )
+                    `base.module_name ${config.base.module_name} was duplicated in ${configPath}`,
+                  ),
                 );
                 return true;
               } else {
                 names.add(config.base.module_name);
               }
-              if (name === "main") {
+              if (name === 'main') {
                 main.config = config;
                 main.data = data;
                 return;
@@ -208,17 +213,17 @@ module.exports = function (content, map, meta) {
           return;
 
         // 解析导出变量名
-        let vname = "",
+        let vname = '',
           exportName = `__EASYV_COMPONENT__`;
         const ast = parser(content, {
-          sourceType: "module",
-          plugins: ["jsx", "typescript", "classProperties"],
+          sourceType: 'module',
+          plugins: ['jsx', 'typescript', 'classProperties'],
         });
         traverse(ast, {
           ExportDefaultDeclaration(path) {
             const child = path.node.declaration;
 
-            if (child.type === "ClassDeclaration") {
+            if (child.type === 'ClassDeclaration') {
               // e.g: export default class a {}
               if (child.id) {
                 vname = child.id.name;
@@ -231,26 +236,26 @@ module.exports = function (content, map, meta) {
               // e.g: export default () => {}
             } else if (
               !!~[
-                "CallExpression",
-                "ArrowFunctionExpression",
-                "FunctionExpression",
+                'CallExpression',
+                'ArrowFunctionExpression',
+                'FunctionExpression',
               ].indexOf(child.type)
             ) {
               const exportIdentifier = t.identifier(exportName);
               path.insertBefore(
-                t.variableDeclaration("const", [
+                t.variableDeclaration('const', [
                   t.variableDeclarator(exportIdentifier, child),
-                ])
+                ]),
               );
               path.node.declaration = exportIdentifier;
               vname = exportName;
               // e.g: export default function(){}
-            } else if (!!~["FunctionDeclaration"].indexOf(child.type)) {
+            } else if (!!~['FunctionDeclaration'].indexOf(child.type)) {
               const exportIdentifier = t.identifier(exportName);
               child.id = exportIdentifier;
               vname = exportName;
               // e.g: export default a;
-            } else if (child.type === "Identifier") {
+            } else if (child.type === 'Identifier') {
               vname = child.name;
             }
             path.stop();
@@ -258,13 +263,13 @@ module.exports = function (content, map, meta) {
           ExportNamedDeclaration(path) {
             const child = path.node.declaration;
             // e.g: export const a = {};
-            if (child.type === "VariableDeclaration") {
+            if (child.type === 'VariableDeclaration') {
               const exportIdentifier = child.declarations[0].id;
               vname = exportIdentifier.name;
               path.replaceWith(child);
               path.insertAfter(t.exportDefaultDeclaration(exportIdentifier));
               // e.g: export function a(){};
-            } else if (child.type === "FunctionDeclaration") {
+            } else if (child.type === 'FunctionDeclaration') {
               const exportIdentifier = child.id;
               path.replaceWith(child);
               path.insertAfter(t.exportDefaultDeclaration(exportIdentifier));
@@ -272,13 +277,13 @@ module.exports = function (content, map, meta) {
             path.stop();
           },
         });
-        file = generate(ast, { quotes: "single", retainLines: false }).code;
+        file = generate(ast, { quotes: 'single', retainLines: false }).code;
         if (!vname) {
           return callback(
             `cannot found default export object in ${path.join(
               modulePath,
-              "index"
-            )}`
+              'index',
+            )}`,
           );
         }
         // 检查width/height
@@ -290,20 +295,20 @@ module.exports = function (content, map, meta) {
         // 添加width/height属性兼容老版本
         let updateChart = false;
         const hasUnderline = mainConfig.configuration[0]
-          ? "_value" in mainConfig.configuration[0]
+          ? '_value' in mainConfig.configuration[0]
           : false;
         const keys = {
-          name: hasUnderline ? "_name" : "name",
-          displayName: hasUnderline ? "_displayName" : "displayName",
-          value: hasUnderline ? "_value" : "value",
-          type: hasUnderline ? "_type" : "type",
-          children: hasUnderline ? "_children" : "children",
+          name: hasUnderline ? '_name' : 'name',
+          displayName: hasUnderline ? '_displayName' : 'displayName',
+          value: hasUnderline ? '_value' : 'value',
+          type: hasUnderline ? '_type' : 'type',
+          children: hasUnderline ? '_children' : 'children',
         };
         mainConfig.configuration = mainConfig.configuration.map((item) => {
-          if (item[keys.name] === "chart") {
+          if (item[keys.name] === 'chart') {
             let values = item._value || item.value;
             values = values.map((item) => {
-              if (item[keys.name] === "dimension") {
+              if (item[keys.name] === 'dimension') {
                 updateChart = true;
                 return item;
                 // return getOldDimension(mainConfig.width, mainConfig.height, hasUnderline)
@@ -315,8 +320,8 @@ module.exports = function (content, map, meta) {
                 getOldDimension(
                   mainConfig.width,
                   mainConfig.height,
-                  hasUnderline
-                )
+                  hasUnderline,
+                ),
               );
               updateChart = true;
             }
@@ -327,13 +332,13 @@ module.exports = function (content, map, meta) {
         });
         if (!updateChart) {
           const chart = {
-            [keys.name]: "chart",
-            [keys.displayName]: "组件",
+            [keys.name]: 'chart',
+            [keys.displayName]: '组件',
             [keys.value]: [
               getOldDimension(
                 mainConfig.width,
                 mainConfig.height,
-                hasUnderline
+                hasUnderline,
               ),
             ],
           };
@@ -344,7 +349,7 @@ module.exports = function (content, map, meta) {
         if (mainConfig.children) {
           subConfigs = mainConfig.children.reduce((all, item) => {
             let childConfig = subConfigs.find(
-              (d) => d.base.module_name === item
+              (d) => d.base.module_name === item,
             );
             return childConfig ? all.concat(childConfig) : all;
           }, []);
@@ -363,23 +368,23 @@ module.exports = function (content, map, meta) {
             const presetChidlren = mainConfig.presetChildren || [];
 
             const children = {
-              [keys.name]: "children",
-              [keys.displayName]: "子组件",
+              [keys.name]: 'children',
+              [keys.displayName]: '子组件',
               [keys.value]: [
                 {
-                  [keys.name]: "component",
-                  [keys.displayName]: "管理",
+                  [keys.name]: 'component',
+                  [keys.displayName]: '管理',
                   [keys.value]: [
                     {
-                      [keys.name]: "list",
-                      [keys.displayName]: "",
+                      [keys.name]: 'list',
+                      [keys.displayName]: '',
                       [keys.value]: presetChidlren
                         .filter((id) => defineMap[id])
                         .map((id) => {
                           const { base } = defineMap[id];
                           return { label: base.name, name: base.module_name };
                         }),
-                      [keys.type]: "children",
+                      [keys.type]: 'children',
                       [keys.children]: defineChildren
                         .filter((id) => defineMap[id])
                         .map((id) => {
@@ -395,31 +400,31 @@ module.exports = function (content, map, meta) {
           }
           // 替换modulename
           if (query.uniqueId) {
-            mainConfig.base.module_name += "." + query.uniqueId;
+            mainConfig.base.module_name += '.' + query.uniqueId;
           }
           // 删除平台无法识别的参数
           delete mainConfig.children;
           delete mainConfig.presetChildren;
         }
 
-        file += "\n";
+        file += '\n';
         file += `${vname}.getDefaultConfig=function(){return ${JSON.stringify(
-          mainConfig
+          mainConfig,
         )}};`;
         file += `${vname}.getDefaultData=function(){return ${JSON.stringify(
-          main.data
+          main.data,
         )}};`;
         file += `${vname}.getDefaultChildrenConfig=function(){return ${JSON.stringify(
-          subConfigs
+          subConfigs,
         )}};`;
         file += `${vname}.getDefaultChildrenData=function(){return ${JSON.stringify(
-          subDatas
+          subDatas,
         )}};`;
 
         callback(null, file);
       } catch (e) {
         callback(e);
       }
-    }
+    },
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-component-builder",
-  "version": "0.19.1",
+  "version": "0.19.2",
   "files": [
     "launcher",
     "templates",