@slice_cy/mint 1.2.0

package/app/public/dist/static/normalize.css

@@ -0,0 +1 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */a,b,blockquote,body,button,dd,div,dl,dt,font,form,h1,h2,h3,html,i,iframe,img,input,label,li,ol,p,span,strong,table,tbody,td,ul{list-style:none;margin:0;padding:0}html{font-family:Open Sans,Helvetica Neue,Microsoft Yahei,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}b,strong{font-weight:700}img{border:0}figure{margin:1em 40px}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding: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 {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+html {
+  font-family: "Open Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+  text-decoration: none;
+}
+
+/**
+ * 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 {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * 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"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * 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 {
+  border: 0;
+  padding: 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"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * 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,6 @@
+module.exports = (app, router) => {
+  const { project: projectController } = app.controller;
+  router.get("/api/project/modelList", projectController.getModelList.bind(projectController));
+  router.get("/api/project/list", projectController.getProjectList.bind(projectController));
+  router.get("/api/project", projectController.getProject.bind(projectController));
+};

package/app/router/view.js

@@ -0,0 +1,5 @@
+module.exports = (app, router) => {
+  const { view: viewController } = app.controller;
+  router.get("/view/:page", viewController.render);
+  router.get("/view/:page/*", viewController.render);
+};

package/app/router-schema/project.js

@@ -0,0 +1,14 @@
+const { z } = require("zod");
+
+module.exports = {
+  projectListQueryDTO: {
+    get: z.object({
+      project_key: z.string().optional(),
+    }),
+  },
+  projectQueryDTO: {
+    get: z.object({
+      project_key: z.string().nonempty(),
+    }),
+  },
+};

package/app/service/base.js

@@ -0,0 +1,22 @@
+const superAgent = require("superagent");
+
+module.exports = (app) => {
+  return class BaseService {
+    /**
+     * Service基类
+     * 统一收拢service的通用方法
+     */
+    constructor() {
+      this.curl = superAgent;
+    }
+
+    /**
+     * 统一抛出业务错误
+     * @param {object|number} businessCode 业务错误码结构体或错误码
+     * @param {string} message 自定义错误信息
+     */
+    throwIf(...args) {
+      app.returnUtils.throwIf(...args);
+    }
+  };
+};

package/app/service/project.js

@@ -0,0 +1,49 @@
+const { SYSTEM_ERROR } = require("../common/error-code");
+
+module.exports = (app) => {
+  const BaseService = require("./base")(app);
+  const modelList = require("../../model/index")(app);
+  return class ProjectService extends BaseService {
+    /**
+     * 获取模型列表
+     */
+    async getModelList() {
+      try {
+        return modelList;
+      } catch {
+        return [];
+      }
+    }
+
+    /**
+     * 获取项目列表（project_key 存在返回同属同一领域模型下的所有项目模型，不存在则返回所有项目模型）
+     * @param {string} project_key
+     */
+    async getProjectList(project_key) {
+      return (modelList || []).reduce((pre, cur) => {
+        const { project } = cur;
+
+        if (project_key && !project[project_key]) {
+          return pre;
+        }
+
+        for (const key in project) {
+          pre.push(project[key]);
+        }
+        return pre;
+      }, []);
+    }
+
+    /**
+     * 获取单个项目
+     * @param {string} project_key
+     */
+    async getProject(project_key) {
+      let projectConfig;
+      const modelItem = modelList.find((item) => item.project[project_key]);
+      projectConfig = modelItem?.project?.[project_key];
+      this.throwIf(!projectConfig, SYSTEM_ERROR);
+      return projectConfig;
+    }
+  };
+};

package/app/view/entry.tpl

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="/static/normalize.css">
+  <link type="image/x-icon" rel="icon" href="/static/logo.png">
+  <title>Document</title>
+</head>
+<body>
+  <div id="app"></div>
+   <input id="project-key" style="display:none" value="{{project_key}}">
+  <script type="text/javascript">
+  const projectKey = document.getElementById('project-key').value;
+  window.projectKey = projectKey;
+  </script>
+</body>
+</html>

package/app/webpack/config/webpack.base.js

@@ -0,0 +1,288 @@
+/**
+ * 核心思想：
+ * 宏观角度：利用工具从入口中开始收集依赖，寻找依赖，编译依赖成对应的文件，输出到指定目录
+ * 1.根据约定大于配置，从约定好的pages目录下获取到entry.[].js文件当做是入口，动态生成entry的配置
+ * 2.通过模块路径配置，解析配置，输出配置，分包配置，插件配置等行为输出产物到指定目录
+ */
+
+const path = require("path");
+const fs = require("fs");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+// const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;
+const { mergeWithRules } = require("webpack-merge");
+const { VueLoaderPlugin } = require("vue-loader");
+const webpack = require("webpack");
+const CopyPlugin = require("copy-webpack-plugin");
+const glob = require("glob");
+const { sep } = path;
+const Components = require("unplugin-vue-components/webpack");
+const { AntDesignVueResolver } = require("unplugin-vue-components/resolvers");
+
+const templatePath = path.join(__dirname, `..${sep}..${sep}view${sep}entry.tpl`);
+const pageEntries = {};
+const htmlWebpackPluginList = [];
+
+/**
+ * 定义页面输出的位置
+ * @param {string} entryName
+ * @returns
+ */
+const outputPage = (entryName) => {
+  return path.join(process.cwd(), `app${sep}public${sep}dist`, `${entryName}.tpl`);
+};
+
+// 在约定大于配置的前提下，从指定目录中获取多页面的入口js
+const handlerFilePath = (filePath, entriesConfig = {}, htmlPluginList = []) => {
+  const entryName = path.basename(filePath, ".js");
+  entriesConfig[entryName] = filePath;
+  // 对每一个入口都构造一个页面文件的生成，推进htmlWebpackPluginList数组中
+  const item = new HtmlWebpackPlugin({
+    template: templatePath,
+    filename: outputPage(entryName),
+    chunks: [entryName],
+  });
+  htmlPluginList.push(item);
+};
+
+const businessEntryPath = path.join(process.cwd(), `app${sep}pages${sep}**${sep}entry.*.js`);
+const mintEntryPath = path.join(__dirname, `..${sep}..${sep}pages${sep}**${sep}entry.*.js`);
+
+const businessFileList = glob.sync(businessEntryPath);
+const mintFileList = glob.sync(mintEntryPath);
+
+mintFileList.forEach((file) => handlerFilePath(file, pageEntries, htmlWebpackPluginList));
+businessFileList.forEach((file) => handlerFilePath(file, pageEntries, htmlWebpackPluginList));
+
+const webpackBaseConfig = {
+  // 入口配置
+  entry: pageEntries,
+  // 配置模块解析的方式，决定了要用什么方式去解析模块
+  module: {
+    rules: [
+      // 对js文件配置解析
+      {
+        test: /\.js$/i,
+        include: [businessEntryPath, mintEntryPath],
+        use: require.resolve("babel-loader"),
+      },
+      // 对css文件配置解析
+      {
+        test: /\.css$/i,
+        use: [require.resolve("style-loader"), require.resolve("css-loader")],
+      },
+      // 对less文件解析
+      {
+        test: /\.less$/i,
+        use: [
+          require.resolve("style-loader"),
+          require.resolve("css-loader"),
+          require.resolve("less-loader"),
+        ],
+      },
+      // 对vue文件进行解析
+      {
+        test: /\.vue$/i,
+        use: require.resolve("vue-loader"),
+      },
+      // 对图片解析
+      {
+        test: /\.(png|jpe?g|gif|webp)$/i,
+        type: "asset",
+        parser: {
+          dataUrlCondition: {
+            maxSize: 8 * 1024,
+          },
+        },
+        generator: {
+          filename: "static/images/[name].[contenthash:8][ext]",
+        },
+      },
+      // 对字体图标进行解析
+      {
+        test: /\.(woff|woff2|eot|ttf|otf|svg)$/i,
+        type: "asset/resource",
+        generator: {
+          filename: "static/fonts/[name].[contenthash:8][ext]",
+        },
+      },
+    ],
+  },
+  // 输出配置
+  output: {},
+  // 配置模块解析的具体行为
+  resolve: {
+    // 当遇到没后缀的文件引入时，会自动添加后缀
+    extensions: [".js", ".vue", ".less", ".css"],
+    // 路径别名
+    alias: (() => {
+      const aliasMap = {};
+      const blockPath = path.join(__dirname, `..${sep}libs${sep}block.js`);
+      // dashboard路由拓展配置
+      const businessDashboartRouterConfig = path.join(
+        process.cwd(),
+        `app${sep}pages${sep}dashboard${sep}router.js`,
+      );
+      aliasMap["$businessDashboardRouterConfig"] = fs.existsSync(businessDashboartRouterConfig)
+        ? businessDashboartRouterConfig
+        : blockPath;
+
+      // schema-view 动态组件拓展配置
+      const businessDashboardComponentConfig = path.join(
+        process.cwd(),
+        `app${sep}pages${sep}dashboard${sep}schema-view${sep}components${sep}component-cofnig.js`,
+      );
+
+      aliasMap["$businessComponentConfig"] = fs.existsSync(businessDashboardComponentConfig)
+        ? businessDashboardComponentConfig
+        : blockPath;
+
+      // schema-form 动态子组件拓展
+      const businessFormItemConfig = path.join(
+        process.cwd(),
+        `app${sep}pages${sep}widgets${sep}schema-form${sep}form-item-cofnig.js`,
+      );
+      aliasMap["$businessFormItemConfig"] = fs.existsSync(businessFormItemConfig)
+        ? businessFormItemConfig
+        : blockPath;
+
+      // schema-search-bar 拓展
+      const businessSearchItemConfig = path.join(
+        process.cwd(),
+        `app${sep}pages${sep}widgets${sep}schema-search-bar${sep}search-item-cofnig.js`,
+      );
+      aliasMap["$businessSearchItemConfig"] = fs.existsSync(businessSearchItemConfig)
+        ? businessSearchItemConfig
+        : blockPath;
+
+      return {
+        vue: require.resolve("vue"),
+        "ant-design-vue": path.dirname(require.resolve("ant-design-vue/package.json")),
+        $mintPage: path.join(__dirname, `..${sep}..${sep}pages`),
+        $mintCommon: path.join(__dirname, `..${sep}..${sep}pages${sep}common`),
+        $mintService: path.join(__dirname, `..${sep}..${sep}pages${sep}service`),
+        $mintWidgets: path.join(__dirname, `..${sep}..${sep}pages${sep}widgets`),
+        $mintHeaderContainer: path.join(
+          __dirname,
+          `..${sep}..${sep}pages${sep}widgets${sep}header-container${sep}index.vue`,
+        ),
+        $mintSchemaForm: path.join(
+          __dirname,
+          `..${sep}..${sep}pages${sep}widgets${sep}schema-from${sep}index.vue`,
+        ),
+        $mintSchemaSearchBar: path.join(
+          __dirname,
+          `..${sep}..${sep}pages${sep}widgets${sep}schema-search-bar${sep}index.vue`,
+        ),
+        $mintSchemaTable: path.join(
+          __dirname,
+          `..${sep}..${sep}pages${sep}widgets${sep}schema-table${sep}index.vue`,
+        ),
+        $mintSiderContainer: path.join(
+          __dirname,
+          `..${sep}..${sep}pages${sep}widgets${sep}sider-container${sep}index.vue`,
+        ),
+        $mintBootstrap: path.join(__dirname, `..${sep}..${sep}pages${sep}boot`),
+        $mintStore: path.join(__dirname, `..${sep}..${sep}pages${sep}store`),
+        $mintUtils: path.join(__dirname, `..${sep}..${sep}pages${sep}utils`),
+        ...aliasMap,
+      };
+    })(),
+  },
+  // 优化配置
+  optimization: {
+    // 将webpack运行时代码抽离成单独的chunk
+    runtimeChunk: "single",
+    splitChunks: {
+      chunks: "all", // 同步或者异步模块
+      maxAsyncRequests: 10, // 最大异步加载并行请求数
+      maxInitialRequests: 10, // 入口点最大加载并行请求数
+      cacheGroups: {
+        // Vue生态依赖变化频率低，单独拆包提升长期缓存命中率
+        vueVendor: {
+          test: /[\\/]node_modules[\\/](vue|@vue|vue-router|pinia)[\\/]/,
+          name: "vue-vendor",
+          chunks: "initial",
+          priority: 30,
+        },
+        // 缓存组，将第三方库单独打包
+        vendor: {
+          test: /[\\/]node_modules[\\/]/, // 匹配node_modules中的模块
+          name: "vendor", // chunk名称
+          chunks: "initial", // 只抽离首屏同步依赖，动态import依赖保留在异步chunk中
+          priority: 20, // 优先级
+        },
+        // 缓存组，将超过2个地方引用的单独打包
+        common: {
+          name: "common",
+          chunks: "initial",
+          priority: 10,
+          minChunks: 2, // 最小引用次数
+          minSize: 1024, // 最小大小
+          reuseExistingChunk: true,
+        },
+      },
+    },
+  },
+  plugins: [
+    /**
+     * 处理.vue文件，这个插件是必须的
+     * 将定义过的解析规则应用到vue文件中
+     */
+    new VueLoaderPlugin(),
+    // 把第三方库暴露在window 上下文中
+    new webpack.ProvidePlugin({
+      Vue: "vue",
+    }),
+    // 定义全局常量
+    new webpack.DefinePlugin({
+      // 默认兼容vue3语法，纯vue2语法可以选择不开这个全局控制变量，减小包体积
+      __VUE_OPTIONS_API__: "true",
+      // 是否开启 Devtools 调试
+      __VUE_PROD_DEVTOOLS__: "false",
+      // SSR 场景下,是否输出水合不匹配详细日志
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: "false",
+      "process.env.APP_ENV": JSON.stringify(process.env.NODE_ENV),
+    }),
+    Components({
+      resolvers: [
+        AntDesignVueResolver({
+          importStyle: false, // css由mini-css单独抽离，不内联
+          resolveIcons: true, // 图标也按需引入
+        }),
+      ],
+    }),
+    // 创建页面文件，自动注入chunk
+    ...htmlWebpackPluginList,
+    // new BundleAnalyzerPlugin(),
+    new CopyPlugin({
+      patterns: [
+        {
+          from: path.join(__dirname, `..${sep}..${sep}public${sep}static`),
+          to: path.join(process.cwd(), `app${sep}public${sep}dist${sep}static`),
+        },
+      ],
+    }),
+  ],
+};
+
+const merge = mergeWithRules({
+  module: {
+    rules: {
+      test: "match",
+      use: "replace",
+    },
+  },
+});
+
+// 加载业务webapck配置
+let businessWebpackConfig = {};
+try {
+  const config = require(path.join(process.cwd(), `app${sep}webpack.config.js`));
+  if (config && typeof config === "object") {
+    businessWebpackConfig = config;
+  }
+} catch {
+  console.log("未找到业务webpack配置文件，使用默认配置");
+}
+
+module.exports = merge(webpackBaseConfig, businessWebpackConfig);