@easyv/react-component-builder 0.19.3 → 0.19.5-beta.0

package/package.json

@@ -1,76 +1,76 @@
-{
-  "name": "@easyv/react-component-builder",
-  "version": "0.19.3",
-  "files": [
-    "launcher",
-    "templates",
-    "config",
-    "loaders",
-    "public",
-    "utils"
-  ],
-  "scripts": {
-    "start": "node scripts/start.js",
-    "build": "node scripts/build.js",
-    "generate": "node scripts/generate.js",
-    "push": "npm publish",
-    "postpublish": "sync-to-mirror"
-  },
-  "dependencies": {
-    "@babel/core": "7.9.0",
-    "@babel/register": "^7.10.4",
-    "@easyv/react-gui": "1.6.6",
-    "@easyv/simulator": "0.5.1",
-    "@svgr/webpack": "4.3.3",
-    "acorn": "^7.3.1",
-    "acorn-jsx": "^5.2.0",
-    "antd": "^4.0.3",
-    "babel-loader": "8.1.0",
-    "babel-plugin-named-asset-import": "^0.3.6",
-    "babel-preset-react-app": "^9.1.2",
-    "classnames": "^2.2.6",
-    "css-loader": "3.4.2",
-    "d3": "^5.16.0",
-    "expose-loader": "^1.0.0",
-    "file-loader": "4.3.0",
-    "filesize": "^6.1.0",
-    "fs-extra": "^9.0.1",
-    "glob": "^7.1.6",
-    "html-webpack-plugin": "4.0.0-beta.11",
-    "inquirer": "^7.3.0",
-    "less-loader": "^6.2.0",
-    "lodash": "^4.17.19",
-    "multer": "^1.4.2",
-    "optimize-css-assets-webpack-plugin": "5.0.3",
-    "react": "^16.13.1",
-    "react-dev-utils": "10.2.1",
-    "react-dom": "^16.13.1",
-    "style-loader": "0.23.1",
-    "three": "^0.100.0",
-    "url-loader": "2.3.0",
-    "webpack": "4.42.0",
-    "webpack-dev-server": "3.10.3",
-    "webpack-manifest-plugin": "2.2.0"
-  },
-  "devDependencies": {
-    "@easyv/sync-to-mirror": "^0.0.2",
-    "@types/lodash": "^4.14.157",
-    "@types/node": "^12.0.0",
-    "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
-    "terser-webpack-plugin": "^4.2.3"
-  },
-  "easyv": {
-    "src": "examples",
-    "components": "examples/components",
-    "builder": "~/Documents/project/easyv-cli/packages/react-builder",
-    "host": {
-      "online": "https://easyv.dtstack.com",
-      "test": "http://172.16.10.70:1337"
-    },
-    "assets": "https://easyv-develop.oss-cn-hangzhou.aliyuncs.com/"
-  },
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  }
-}
+{
+  "name": "@easyv/react-component-builder",
+  "version": "0.19.5-beta.0",
+  "files": [
+    "launcher",
+    "templates",
+    "config",
+    "loaders",
+    "public",
+    "utils"
+  ],
+  "scripts": {
+    "start": "node scripts/start.js",
+    "build": "node scripts/build.js",
+    "generate": "node scripts/generate.js",
+    "push": "npm publish",
+    "postpublish": "sync-to-mirror"
+  },
+  "dependencies": {
+    "@babel/core": "7.9.0",
+    "@babel/register": "^7.10.4",
+    "@easyv/react-gui": "1.6.6",
+    "@easyv/simulator": "0.5.2",
+    "@svgr/webpack": "4.3.3",
+    "acorn": "^7.3.1",
+    "acorn-jsx": "^5.2.0",
+    "antd": "^4.0.3",
+    "babel-loader": "8.1.0",
+    "babel-plugin-named-asset-import": "^0.3.6",
+    "babel-preset-react-app": "^9.1.2",
+    "classnames": "^2.2.6",
+    "css-loader": "3.4.2",
+    "d3": "^5.16.0",
+    "expose-loader": "^1.0.0",
+    "file-loader": "4.3.0",
+    "filesize": "^6.1.0",
+    "fs-extra": "^9.0.1",
+    "glob": "^7.1.6",
+    "html-webpack-plugin": "4.0.0-beta.11",
+    "inquirer": "^7.3.0",
+    "less-loader": "^6.2.0",
+    "lodash": "^4.17.19",
+    "multer": "^1.4.2",
+    "optimize-css-assets-webpack-plugin": "5.0.3",
+    "react": "^16.13.1",
+    "react-dev-utils": "10.2.1",
+    "react-dom": "^16.13.1",
+    "style-loader": "0.23.1",
+    "three": "^0.100.0",
+    "url-loader": "2.3.0",
+    "webpack": "4.42.0",
+    "webpack-dev-server": "3.10.3",
+    "webpack-manifest-plugin": "2.2.0"
+  },
+  "devDependencies": {
+    "@easyv/sync-to-mirror": "^0.0.2",
+    "@types/lodash": "^4.14.157",
+    "@types/node": "^12.0.0",
+    "@types/react": "^16.9.0",
+    "@types/react-dom": "^16.9.0",
+    "terser-webpack-plugin": "^4.2.3"
+  },
+  "easyv": {
+    "src": "examples",
+    "components": "examples/components",
+    "builder": "~/Documents/project/easyv-cli/packages/react-builder",
+    "host": {
+      "online": "https://easyv.dtstack.com",
+      "test": "http://172.16.10.70:1337"
+    },
+    "assets": "https://easyv-develop.oss-cn-hangzhou.aliyuncs.com/"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/public/component.ejs

@@ -1,51 +1,51 @@
-<!DOCTYPE html>
-<html lang="zh">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title><%= module_name %></title>
-  </head>
-  <body>
-    <div id="root"></div>
-
-    <script src="static/react/umd/react.development.js"></script>
-    <script src="static/react-dom/umd/react-dom.development.js"></script>
-    <script src="static/@easyv/react-gui/lib/index.js"></script>
-    <script>
-      window.react = React;
-      window["@easyv/react-gui"] = window["react-gui"];
-    </script>
-    <script src="static/@easyv/simulator/lib/index.js"></script>
-    <script>
-      window.appConfig = {
-        ASSETS_URL: "<%= assets %>",
-      };
-      window.addEventListener("load", () => {
-        const child = window["__MAIN__"].default;
-        const subConfigs = child.getDefaultChildrenConfig
-          ? child.getDefaultChildrenConfig()
-          : [];
-        const subDatas = child.getDefaultChildrenData
-          ? child.getDefaultChildrenData()
-          : [];
-
-        const DevGUI = window["easyv-simulator"].default;
-
-        ReactDOM.render(
-          React.createElement(
-            DevGUI,
-            {
-              config: child.getDefaultConfig(),
-              data: child.getDefaultData(),
-              subConfigs,
-              subDatas,
-            },
-            React.createElement(child)
-          ),
-          document.getElementById("root")
-        );
-      });
-    </script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title><%= module_name %></title>
+  </head>
+  <body>
+    <div id="root"></div>
+
+    <script src="static/react/umd/react.development.js"></script>
+    <script src="static/react-dom/umd/react-dom.development.js"></script>
+    <script src="static/@easyv/react-gui/lib/index.js"></script>
+    <script>
+      window.react = React;
+      window["@easyv/react-gui"] = window["react-gui"];
+    </script>
+    <script src="static/@easyv/simulator/lib/index.js"></script>
+    <script>
+      window.appConfig = {
+        ASSETS_URL: "<%= assets %>",
+      };
+      window.addEventListener("load", () => {
+        const child = window["__MAIN__"].default;
+        const subConfigs = child.getDefaultChildrenConfig
+          ? child.getDefaultChildrenConfig()
+          : [];
+        const subDatas = child.getDefaultChildrenData
+          ? child.getDefaultChildrenData()
+          : [];
+
+        const DevGUI = window["easyv-simulator"].default;
+
+        ReactDOM.render(
+          React.createElement(
+            DevGUI,
+            {
+              config: child.getDefaultConfig(),
+              data: child.getDefaultData(),
+              subConfigs,
+              subDatas,
+            },
+            React.createElement(child)
+          ),
+          document.getElementById("root")
+        );
+      });
+    </script>
+  </body>
+</html>

package/public/home.ejs

@@ -1,21 +1,21 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>List of Component</title>
-  </head>
-  <body>
-    <h1>List of Component</h1>
-    <ul id="list"></ul>
-    <script>
-      const modules = `<%= modules %>`;
-      const list = document.getElementById("list");
-      modules.split(",").map((name) => {
-        const li = document.createElement("li");
-        li.innerHTML = `<a href="${name}.html">${name}</a>`;
-        list.appendChild(li);
-      });
-    </script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>List of Component</title>
+  </head>
+  <body>
+    <h1>List of Component</h1>
+    <ul id="list"></ul>
+    <script>
+      const modules = `<%= modules %>`;
+      const list = document.getElementById("list");
+      modules.split(",").map((name) => {
+        const li = document.createElement("li");
+        li.innerHTML = `<a href="${name}.html">${name}</a>`;
+        list.appendChild(li);
+      });
+    </script>
+  </body>
+</html>

package/templates/basic/config/main.data.json

@@ -1,14 +1,14 @@
-{
-  "data": [
-    {
-      "text": "React16 演示模版"
-    }
-  ],
-  "fields": [
-    {
-      "name": "text",
-      "value": "text",
-      "desc": "文本"
-    }
-  ]
-}
+{
+  "data": [
+    {
+      "text": "React16 演示模版"
+    }
+  ],
+  "fields": [
+    {
+      "name": "text",
+      "value": "text",
+      "desc": "文本"
+    }
+  ]
+}

package/templates/basic/config/main.json

@@ -1,6 +1,6 @@
-{
-  "base": {},
-  "width": 200,
-  "height": 70,
-  "configuration": []
-}
+{
+  "base": {},
+  "width": 200,
+  "height": 70,
+  "configuration": []
+}

package/templates/basic/index.jsx

@@ -1,26 +1,26 @@
-import React from "react";
-import css from "./styles/index.module.css";
-
-export default function (props) {
-  const { left, top, width, height, id, data } = props;
-
-  // 自定义逻辑
-  const styles = {
-    position: "absolute",
-    left,
-    top,
-    width,
-    height,
-    textAlign: "center",
-  };
-
-  /**
-   * 固定格式: 返回的div必须有className/id属性
-   */
-  return (
-    <div className="__easyv-component" style={styles} id={id}>
-      <img src={require("./assets/logo.png")} />
-      <div className={css.title}>{data[0].text}</div>
-    </div>
-  );
-}
+import React from "react";
+import css from "./styles/index.module.css";
+
+export default function (props) {
+  const { left, top, width, height, id, data } = props;
+
+  // 自定义逻辑
+  const styles = {
+    position: "absolute",
+    left,
+    top,
+    width,
+    height,
+    textAlign: "center",
+  };
+
+  /**
+   * 固定格式: 返回的div必须有className/id属性
+   */
+  return (
+    <div className="__easyv-component" style={styles} id={id}>
+      <img src={require("./assets/logo.png")} />
+      <div className={css.title}>{data[0].text}</div>
+    </div>
+  );
+}

package/templates/basic/styles/index.module.css

@@ -1,3 +1,3 @@
-.title {
-  color: skyblue;
-}
+.title {
+  color: skyblue;
+}

package/templates/basic/utils/bind-children.js

@@ -1,11 +1,11 @@
-export function bindChildren(configs,data){
-    const bindedChildren = configs.map((config) =>{
-        let childData = data.find((d)=>(d.id === config.id))
-        return{
-            id:config.id,
-            config,
-            data:childData
-        }
-    });
-    return bindedChildren;
+export function bindChildren(configs,data){
+    const bindedChildren = configs.map((config) =>{
+        let childData = data.find((d)=>(d.id === config.id))
+        return{
+            id:config.id,
+            config,
+            data:childData
+        }
+    });
+    return bindedChildren;
 }

package/templates/basic/utils/reduce-config.js

@@ -1,21 +1,21 @@
-let notAtomConfigTypes = ['array', 'object', 'group', 'colors', 'menu', 'modal', 'rangeColor'];
-export function reduceConfig(config) {
-  if (!Array.isArray(config)) {
-    return config;
-  }
-  return config.reduce((result, item) => {
-    result[item.name] = item.type && !notAtomConfigTypes.includes(item.type) ? item.value : reduceConfig(item.value);
-    return result;
-  }, {});
-}
-
-// 用于解析3.15之前的老版本带下划线的配置
-export function reduceConfigWithUndeline(config) {
-  if (!Array.isArray(config)) {
-    return config;
-  }
-  return config.reduce((result, item) => {
-    result[item._name] = item._type && !notAtomConfigTypes.includes(item._type) ? item._value : reduceConfigWithUndeline(item._value);
-    return result;
-  }, {});
+let notAtomConfigTypes = ['array', 'object', 'group', 'colors', 'menu', 'modal', 'rangeColor'];
+export function reduceConfig(config) {
+  if (!Array.isArray(config)) {
+    return config;
+  }
+  return config.reduce((result, item) => {
+    result[item.name] = item.type && !notAtomConfigTypes.includes(item.type) ? item.value : reduceConfig(item.value);
+    return result;
+  }, {});
+}
+
+// 用于解析3.15之前的老版本带下划线的配置
+export function reduceConfigWithUndeline(config) {
+  if (!Array.isArray(config)) {
+    return config;
+  }
+  return config.reduce((result, item) => {
+    result[item._name] = item._type && !notAtomConfigTypes.includes(item._type) ? item._value : reduceConfigWithUndeline(item._value);
+    return result;
+  }, {});
 }

package/templates/three-component/config/main.data.json

@@ -1,14 +1,14 @@
-{
-  "data": [
-    {
-      "text": "我是文字组件"
-    }
-  ],
-  "fields": [
-    {
-      "name": "text",
-      "value": "text",
-      "desc": "文本"
-    }
-  ]
-}
+{
+  "data": [
+    {
+      "text": "我是文字组件"
+    }
+  ],
+  "fields": [
+    {
+      "name": "text",
+      "value": "text",
+      "desc": "文本"
+    }
+  ]
+}

package/templates/three-component/config/main.json

@@ -1,76 +1,76 @@
-{
-  "base": {},
-  "width": 600,
-  "height": 600,
-  "configuration": [
-    {
-      "name": "chart",
-      "displayName": "组件",
-      "value": [
-        {
-          "name": "visionConfig",
-          "displayName": "视效配置",
-          "value": [
-            {
-              "name": "cameraConfig",
-              "displayName": "相机",
-              "value": [
-                {
-                  "name": "fov",
-                  "displayName": "视角",
-                  "value": 45,
-                  "config": {
-                    "min": 15,
-                    "max": 165
-                  }
-                },
-                {
-                  "name": "position",
-                  "displayName": "位置",
-                  "value": [
-                    {
-                      "name": "x",
-                      "displayName": "x",
-                      "value": 100
-                    },
-                    {
-                      "name": "y",
-                      "displayName": "y",
-                      "value": 100
-                    },
-                    {
-                      "name": "z",
-                      "displayName": "z",
-                      "value": 100
-                    }
-                  ]
-                },
-                {
-                  "name": "target",
-                  "displayName": "聚焦点",
-                  "value": [
-                    {
-                      "name": "x",
-                      "displayName": "x",
-                      "value": 0
-                    },
-                    {
-                      "name": "y",
-                      "displayName": "y",
-                      "value": 0
-                    },
-                    {
-                      "name": "z",
-                      "displayName": "z",
-                      "value": 0
-                    }
-                  ]
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}
+{
+  "base": {},
+  "width": 600,
+  "height": 600,
+  "configuration": [
+    {
+      "name": "chart",
+      "displayName": "组件",
+      "value": [
+        {
+          "name": "visionConfig",
+          "displayName": "视效配置",
+          "value": [
+            {
+              "name": "cameraConfig",
+              "displayName": "相机",
+              "value": [
+                {
+                  "name": "fov",
+                  "displayName": "视角",
+                  "value": 45,
+                  "config": {
+                    "min": 15,
+                    "max": 165
+                  }
+                },
+                {
+                  "name": "position",
+                  "displayName": "位置",
+                  "value": [
+                    {
+                      "name": "x",
+                      "displayName": "x",
+                      "value": 100
+                    },
+                    {
+                      "name": "y",
+                      "displayName": "y",
+                      "value": 100
+                    },
+                    {
+                      "name": "z",
+                      "displayName": "z",
+                      "value": 100
+                    }
+                  ]
+                },
+                {
+                  "name": "target",
+                  "displayName": "聚焦点",
+                  "value": [
+                    {
+                      "name": "x",
+                      "displayName": "x",
+                      "value": 0
+                    },
+                    {
+                      "name": "y",
+                      "displayName": "y",
+                      "value": 0
+                    },
+                    {
+                      "name": "z",
+                      "displayName": "z",
+                      "value": 0
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}