@xujingquan/elpis 1.0.0

package/app/public/static/normalize.css

@@ -0,0 +1,267 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html,
+body,
+span,
+div,
+p,
+a,
+table,
+tbody,
+td,
+h1,
+h2,
+h3,
+img,
+form,
+font,
+strong,
+b,
+i,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+dl,
+dd,
+dt,
+iframe,
+label,
+blockquote,
+input,
+button {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+html {
+  font-family: 'Open Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */ /* 1 */
+}
+
+/**
+  * Remove default margin.
+  */
+
+body {
+  margin: 0;
+}
+
+/* Links
+    ========================================================================== */
+
+/**
+  * Remove the gray background color from active links in IE 10.
+  */
+
+a {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+/**
+  * Improve readability when focused and also mouse hovered in all browsers.
+  */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+    ========================================================================== */
+
+/**
+  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+  */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/* Embedded content
+    ========================================================================== */
+
+/**
+  * Remove border when inside `a` element in IE 8/9/10.
+  */
+
+img {
+  border: 0;
+}
+
+/* Grouping content
+    ========================================================================== */
+
+/**
+  * Address margin not present in IE 8/9 and Safari.
+  */
+
+figure {
+  margin: 1em 40px;
+}
+
+/* Forms
+    ========================================================================== */
+
+/**
+  * Known limitation: by default, Chrome and Safari on OS X allow very limited
+  * styling of `select`, unless a `border` property is set.
+  */
+
+/**
+  * 1. Correct color not being inherited.
+ a *    Known issue: affects color of disabled elements.
+  * 2. Correct font properties not being inherited.
+  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+  */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0; /* 3 */
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/**
+  * Address `overflow` set to `hidden` in IE 8/9/10/11.
+  */
+
+button {
+  overflow: visible;
+}
+
+/**
+  * Address inconsistent `text-transform` inheritance for `button` and `select`.
+  * All other form control elements do not inherit `text-transform` values.
+  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+  * Correct `select` style inheritance in Firefox.
+  */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+  *    and `video` controls.
+  * 2. Correct inability to style clickable `input` types in iOS.
+  * 3. Improve usability and consistency of cursor style between image-type
+  *    `input` and others.
+  */
+
+button,
+ html input[type="button"], /* 1 */
+ input[type="reset"],
+ input[type="submit"] {
+  cursor: pointer; /* 3 */
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+  * Re-set default cursor for disabled elements.
+  */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+  * Remove inner padding and border in Firefox 4+.
+  */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+/**
+  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+  * the UA stylesheet.
+  */
+
+input {
+  line-height: normal;
+}
+
+/**
+  * It's recommended that you don't attempt to style these elements.
+  * Firefox's implementation doesn't respect box-sizing, padding, or width.
+  *
+  * 1. Address box sizing set to `content-box` in IE 8/9/10.
+  * 2. Remove excess padding in IE 8/9/10.
+  */
+
+input[type='checkbox'],
+input[type='radio'] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+  * `font-size` values of the `input`, it causes the cursor style of the
+  * decrement button to change from `default` to `text`.
+  */
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+  *    (include `-moz` to future-proof).
+  */
+
+input[type='search'] {
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+  -webkit-appearance: textfield; /* 1 */
+}
+
+/**
+  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+  * Safari (but not Chrome) clips the cancel button when the search input has
+  * padding (and `textfield` appearance).
+  */
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/* Tables
+    ========================================================================== */
+
+/**
+  * Remove most spacing between table cells.
+  */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}

package/app/router/project.js

@@ -0,0 +1,11 @@
+/**
+ * 路由
+ * */
+
+module.exports = (app, router) => {
+  // controller loader 挂载在 app 上的对象
+  const { project: projectController } = app.controller;
+  router.get('/api/project', projectController.get.bind(projectController));
+  router.get('/api/project/list', projectController.getList.bind(projectController));
+  router.get('/api/project/model_list', projectController.getModelList.bind(projectController));
+};

package/app/router/view.js

@@ -0,0 +1,13 @@
+/**
+ * 路由
+ * */
+
+module.exports = (app, router) => {
+  // controller loader 挂载在 app 上的对象
+  const { view: viewController } = app.controller;
+
+  // 用户输入 https://ip:port/view/xxxx 就能渲染出对应的页面
+  router.get('/view/:page', viewController.renderPage.bind(viewController));
+  // 用户输入 https://ip:port/view/xxxx/xxxx/* 就能渲染出对应的页面
+  router.get('/view/:page/*', viewController.renderPage.bind(viewController));
+};

package/app/router-schema/project.js

@@ -0,0 +1,33 @@
+/**
+ * 接口校验
+ */
+module.exports = {
+  '/api/project': {
+    get: {
+      query: {
+        type: 'object',
+        properties: {
+          proj_key: {
+            type: 'string',
+          },
+        },
+        required: ['proj_key'],
+      },
+    },
+  },
+  '/api/project/list': {
+    get: {
+      query: {
+        type: 'object',
+        properties: {
+          proj_key: {
+            type: 'string',
+          },
+        },
+      },
+    },
+  },
+  '/api/project/model_list': {
+    get: {},
+  },
+};

package/app/service/base.js

@@ -0,0 +1,14 @@
+const superagent = require('superagent');
+module.exports = app => {
+  return class BaseService {
+    /**
+     * service 基类
+     * 统一收拢 service 层的公共方法
+     */
+    constructor() {
+      this.app = app;
+      this.config = app.config;
+      this.curl = superagent;
+    }
+  };
+};

package/app/service/project.js

@@ -0,0 +1,43 @@
+module.exports = (app) => {
+  const BaseService = require('./base')(app);
+  const modelList = require('../../model/index')(app);
+  return class ProjectService extends BaseService {
+    /**
+     * 根据 projKey 获取项目配置
+     * */
+    get(projKey) {
+      let projConfig;
+
+      modelList.forEach((modelItem) => {
+        if (modelItem.project[projKey]) {
+          projConfig = modelItem.project[projKey];
+        }
+      });
+
+      return projConfig;
+    }
+    /**
+     * 获取统一模型下的项目列表（如果无 projKey 取全量）
+     */
+    getList({ projKey }) {
+      return modelList.reduce((preList, modelItem) => {
+        const { project } = modelItem;
+
+        // 如果有传 projKey 则只去当前相同模型下的项目，不传的情况下取全量
+        if (projKey && !project[projKey]) return preList;
+
+        for (const pKey in project) {
+          preList.push(project[pKey]);
+        }
+
+        return preList;
+      }, []);
+    }
+    /**
+     * 获取所有模型与项目的结构化数据
+     */
+    getModelList() {
+      return modelList;
+    }
+  };
+};

package/app/view/entry.tpl

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
+    <title>{{ name }}</title>
+    <!-- 需要使用 koa-static 配置资源目录 -->
+    <link rel="stylesheet" href="/static/normalize.css" />
+    <link rel="icon" href="/static/logo.png" type="image/x-icon" />
+  </head>
+  <body style="color: aquamarine">
+    <div id="root"></div>
+    <input id="projKey" value="{{ projKey }}" style="display: none" />
+    <input type="text" id="env" value="{{ env }}" style="display: none" />
+    <input type="text" id="options" value="{{ options }}" style="display: none" />
+  </body>
+  <script>
+    try {
+      window.projKey = document.getElementById('projKey').value;
+      window.env = document.getElementById('env').value;
+      const options = document.getElementById('options').value;
+      window.options = JSON.parse(options);
+    } catch (e) {
+      console.log(e);
+    }
+  </script>
+</html>

package/app/webpack/config/utils.js

@@ -0,0 +1,49 @@
+function cssCollectSafelist() {
+  return {
+    standard: [
+      'html',
+      'body',
+      'span',
+      'div',
+      'p',
+      'a',
+      'table',
+      'tbody',
+      'td',
+      'h1',
+      'h2',
+      'h3',
+      'img',
+      'form',
+      'font',
+      'strong',
+      'b',
+      'i',
+      'dl',
+      'dt',
+      'dd',
+      'ol',
+      'ul',
+      'li',
+      'dl',
+      'dd',
+      'dt',
+      'iframe',
+      'label',
+      'blockquote',
+      'input',
+      'button',
+      'figure',
+      'dark',
+    ],
+    // 针对 element-plus 的通用 safelist
+    // 1）所有以 el- 开头的类名，例如 el-button、el-input 等
+    // 2）所有以 is- 开头的状态类，例如 is-active、is-disabled 等
+    // 3）所有以 el-icon- 开头的图标类
+    deep: [/^el-/, /^is-/, /^el-icon-/],
+  };
+}
+
+module.exports = {
+  cssCollectSafelist,
+};

package/app/webpack/config/webpack-dev.js

@@ -0,0 +1,55 @@
+const merge = require('webpack-merge');
+const path = require('path');
+const webpack = require('webpack');
+
+// 基础配置
+const baseConfig = require('./webpack.base');
+
+// devServer 配置
+const DEV_SERVER_CONFIG = {
+  HOST: '127.0.0.1',
+  PORT: 9002,
+  HMR_PATH: '__webpack_hmr', // 官方规定
+  TIMEOUT: 20000,
+};
+
+// 开发阶段的 entry 配置需要加入 hmr
+Object.keys(baseConfig.entry).forEach((v) => {
+  // 第三方包不作为 hmr 入口
+  if (v !== 'vendor') {
+    baseConfig.entry[v] = [
+      // 主入口文件
+      baseConfig.entry[v],
+      // hmr 更新入口，官方指定的 hmr 路径
+      `${require.resolve('webpack-hot-middleware/client')}?path=http://${DEV_SERVER_CONFIG.HOST}:${
+        DEV_SERVER_CONFIG.PORT
+      }/${DEV_SERVER_CONFIG.HMR_PATH}&timeout=${DEV_SERVER_CONFIG.TIMEOUT}&reload=true`,
+    ];
+  }
+});
+
+const webpackConfig = merge(baseConfig, {
+  mode: 'development',
+  devtool: 'cheap-module-source-map',
+  output: {
+    filename: 'js/[name]_[chunkhash:8].bundle.js',
+    path: path.resolve(process.cwd(), './app/public/dist/dev/'), // 输出文件存储路径
+    publicPath: `http://${DEV_SERVER_CONFIG.HOST}:${DEV_SERVER_CONFIG.PORT}/public/dist/dev/`, // 外部资源路径
+    globalObject: 'self',
+  },
+  plugins: [
+    // HotModuleReplacementPlugin 用于实现热模块替换（HMR）
+    // 模块热更新允许在应用程序运行时替换模块
+    // 极大的提升开发效率，因为能让应用程序一直保持运行状态
+    new webpack.HotModuleReplacementPlugin({
+      multiStep: false,
+    }),
+  ],
+});
+
+module.exports = {
+  // webpack 配置
+  webpackConfig,
+  // devServer 配置，暴露给 dev.js
+  DEV_SERVER_CONFIG,
+};