zyf-model-engine 0.0.1

package/build/getEnv.ts

@@ -0,0 +1,46 @@
+import path from "path";
+
+export function isDevFn(mode: string): boolean {
+  return mode === "development";
+}
+
+export function isProdFn(mode: string): boolean {
+  return mode === "production";
+}
+
+export function isTestFn(mode: string): boolean {
+  return mode === "test";
+}
+
+/**
+ * 是否生成包预览
+ */
+export function isReportMode(): boolean {
+  return process.env.VITE_REPORT === "true";
+}
+
+// Read all environment variable configuration files to process.env
+export function wrapperEnv(envConf: Recordable): ViteEnv {
+  const ret: any = {};
+
+  for (const envName of Object.keys(envConf)) {
+    let realName = envConf[envName].replace(/\\n/g, "\n");
+    realName = realName === "true" ? true : realName === "false" ? false : realName;
+    if (envName === "VITE_PORT") realName = Number(realName);
+    if (envName === "VITE_PROXY") {
+      try {
+        realName = JSON.parse(realName);
+      } catch (error) {}
+    }
+    ret[envName] = realName;
+  }
+  return ret;
+}
+
+/**
+ * 获取用户根目录
+ * @param dir file path
+ */
+export function getRootPath(...dir: string[]) {
+  return path.resolve(process.cwd(), ...dir);
+}

package/build/plugins.ts

@@ -0,0 +1,138 @@
+import { resolve } from "path";
+import { PluginOption } from "vite";
+import { VitePWA } from "vite-plugin-pwa";
+import { visualizer } from "rollup-plugin-visualizer";
+import { createHtmlPlugin } from "vite-plugin-html";
+import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+// import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+import vue from "@vitejs/plugin-vue";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import eslintPlugin from "vite-plugin-eslint";
+import dts from "vite-plugin-dts";
+/**
+ * 创建 vite 插件
+ * @param viteEnv
+ */
+export const createVitePlugins = (viteEnv: ViteEnv): (PluginOption | PluginOption[])[] => {
+  const { VITE_GLOB_APP_TITLE, VITE_REPORT, VITE_PWA, VITE_USER_NODE_ENV } = viteEnv;
+  return [
+    vue(),
+    dts(),
+    // vue 可以使用 jsx/tsx 语法
+    vueJsx(),
+    AutoImport({
+      // 在哪些文件里可以直接引入
+      include: [
+        /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
+        /\.vue$/,
+        /\.md$/ // .md
+      ],
+      // 自动引入哪些包
+      imports: [
+        // 自动引入整个模块
+        "vue",
+        {
+          "element-plus": ["ElMessage", "ElMessageBox", "ElNotification"], //消息提示/通知
+          "@/api/index": ["http", "axiosController", "axiosFileController"], // axios请求api
+          "@/utils/validate.ts": [["*", "validate"]], //文本校验函数
+          "@/utils/is/index.ts": [["*", "is"]], //判断值类型
+          "@/utils/serviceDict": [["*", "serviceDict"]] //字典库
+        }
+      ],
+      // 声明文件
+      // resolvers: [ElementPlusResolver()],
+      // Auto import inside Vue template
+      vueTemplate: true,
+      dirs: ["@/utils"],
+      dts: true,
+      eslintrc: {
+        enabled: true,
+        filepath: "./.eslintrc-auto-import.json", // Default `./.eslintrc-auto-import.json`
+        globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
+      } //auto generation auto-imports.d.ts file
+    }),
+    // 自动注册组件 无需再手动引入
+    //https://github.com/antfu/unplugin-auto-import/blob/HEAD/src/types.ts
+    Components(
+      VITE_USER_NODE_ENV === "development"
+        ? {
+            dts: true, //默认生成的文件位置
+            dirs: ["src/components"], // 要搜索组件的目录的相对路径
+            extensions: ["vue", "jsx", "tsx"], // 文件类型
+            // deep: false, // 搜索子目录
+            // ui库解析器，也可以自定义，需要安装相关UI库
+            // resolvers: [],
+            include: [/.vue$/, /.vue?vue/],
+            exclude: [/[\/]node_modules[\/]/, /[\/].git[\/]/, /[\/].nuxt[\/]/]
+          }
+        : {}
+    ),
+    // esLint 报错信息显示在浏览器界面上
+    eslintPlugin(),
+    // 注入变量到 html 文件
+    createHtmlPlugin({
+      minify: true,
+      pages: [
+        {
+          entry: "/src/main.ts",
+          filename: "index.html",
+          template: "index.html",
+          injectOptions: {
+            data: { title: VITE_GLOB_APP_TITLE }
+          }
+        }
+      ]
+    }),
+    // 使用 svg 图标
+    // <SvgIcon name="xianxingdaoyu" />
+    createSvgIconsPlugin({
+      iconDirs: [
+        resolve(process.cwd(), "src/assets/global-icons"),
+        resolve(process.cwd(), "src/assets/option-icons"),
+        resolve(process.cwd(), "src/assets/route-icons")
+      ]
+      // appoint svg icon using mode
+      // symbolId: "icon-[dir]-[name]"
+    }),
+    // vitePWA
+    VITE_PWA && createVitePwa(viteEnv),
+    // 是否生成包预览，分析依赖包大小做优化处理
+    VITE_REPORT && (visualizer({ filename: "stats.html", gzipSize: true, brotliSize: true }) as Plugin)
+  ];
+};
+
+/**
+ * @description VitePwa
+ * @param viteEnv
+ */
+const createVitePwa = (viteEnv: ViteEnv): PluginOption | PluginOption[] => {
+  const { VITE_GLOB_APP_TITLE } = viteEnv;
+  return VitePWA({
+    registerType: "autoUpdate",
+    manifest: {
+      name: VITE_GLOB_APP_TITLE,
+      short_name: VITE_GLOB_APP_TITLE,
+      theme_color: "#ffffff",
+      icons: [
+        {
+          src: "/logo.png",
+          sizes: "192x192",
+          type: "image/png"
+        },
+        {
+          src: "/logo.png",
+          sizes: "512x512",
+          type: "image/png"
+        },
+        {
+          src: "/logo.png",
+          sizes: "512x512",
+          type: "image/png",
+          purpose: "any maskable"
+        }
+      ]
+    }
+  });
+};

package/build/proxy.ts

@@ -0,0 +1,28 @@
+import type { ProxyOptions } from "vite";
+
+type ProxyItem = [string, string];
+
+type ProxyList = ProxyItem[];
+
+type ProxyTargetList = Record<string, ProxyOptions>;
+
+/**
+ * 创建代理，用于解析 .env.development 代理配置
+ * @param list
+ */
+export function createProxy(list: ProxyList = []) {
+  const ret: ProxyTargetList = {};
+  for (const [prefix, target] of list) {
+    const isHttps = /^https:\/\//.test(target);
+    // https://github.com/http-party/node-http-proxy#options
+    ret[prefix] = {
+      target: target,
+      changeOrigin: true,
+      ws: true,
+      rewrite: path => path.replace(new RegExp(`^${prefix}`), ""),
+      // https is require secure=false
+      ...(isHttps ? { secure: false } : {})
+    };
+  }
+  return ret;
+}

package/commitlint.config.cjs

@@ -0,0 +1,84 @@
+// @see: https://cz-git.qbenben.com/zh/guide
+const fs = require("fs");
+const path = require("path");
+
+const scopes = fs
+  .readdirSync(path.resolve(__dirname, "src"), { withFileTypes: true })
+  .filter(dirent => dirent.isDirectory())
+  .map(dirent => dirent.name.replace(/s$/, ""));
+
+/** @type {import('cz-git').UserConfig} */
+module.exports = {
+  ignores: [commit => commit.includes("init")],
+  extends: ["@commitlint/config-conventional"],
+  rules: {
+    // @see: https://commitlint.js.org/#/reference-rules
+    "body-leading-blank": [2, "always"],
+    "footer-leading-blank": [1, "always"],
+    "header-max-length": [2, "always", 108],
+    "subject-empty": [2, "never"],
+    "type-empty": [2, "never"],
+    "subject-case": [0],
+    "type-enum": [
+      2,
+      "always",
+      [
+        "feat",
+        "fix",
+        "docs",
+        "style",
+        "refactor",
+        "perf",
+        "test",
+        "build",
+        "ci",
+        "chore",
+        "revert",
+        "wip",
+        "workflow",
+        "types",
+        "release"
+      ]
+    ]
+  },
+  prompt: {
+    messages: {
+      type: "选择你要提交的类型 :",
+      scope: "选择一个提交范围（可选）:",
+      customScope: "请输入自定义的提交范围 :",
+      subject: "填写简短精炼的变更描述 :\n",
+      body: '填写更加详细的变更描述（可选）。使用 "|" 换行 :\n',
+      breaking: '列举非兼容性重大的变更（可选）。使用 "|" 换行 :\n',
+      footerPrefixsSelect: "选择关联issue前缀（可选）:",
+      customFooterPrefixs: "输入自定义issue前缀 :",
+      footer: "列举关联issue (可选) 例如: #31, #I3244 :\n",
+      confirmCommit: "是否提交或修改commit ?"
+    },
+    types: [
+      { value: "feat", name: "特性:   🚀  新增功能", emoji: "🚀" },
+      { value: "fix", name: "修复:   🧩  修复缺陷", emoji: "🧩" },
+      { value: "docs", name: "文档:   📚  文档变更", emoji: "📚" },
+      { value: "style", name: "格式:   🎨  代码格式（不影响功能，例如空格、分号等格式修正）", emoji: "🎨" },
+      { value: "refactor", name: "重构:   ♻️  代码重构（不包括 bug 修复、功能新增）", emoji: "♻️" },
+      { value: "perf", name: "性能:    ⚡️  性能优化", emoji: "⚡️" },
+      { value: "test", name: "测试:   ✅  添加疏漏测试或已有测试改动", emoji: "✅" },
+      {
+        value: "build",
+        name: "构建:   📦️  构建流程、外部依赖变更（如升级 npm 包、修改 webpack 配置等）",
+        emoji: "📦️"
+      },
+      { value: "ci", name: "集成:   🎡  修改 CI 配置、脚本", emoji: "🎡" },
+      { value: "revert", name: "回退:   ⏪️  回滚 commit", emoji: "⏪️" },
+      { value: "chore", name: "其他:   🔨  对构建过程或辅助工具和库的更改（不影响源文件、测试用例）", emoji: "🔨" },
+      { value: "wip", name: "开发:   🕔  正在开发中", emoji: "🕔" },
+      { value: "workflow", name: "工作流:   📋  工作流程改进", emoji: "📋" },
+      { value: "types", name: "类型:   🔰  类型定义文件修改", emoji: "🔰" }
+    ],
+    useEmoji: true,
+    scopes: [...scopes],
+    customScopesAlign: "bottom",
+    emptyScopesAlias: "empty",
+    customScopesAlias: "custom",
+    allowBreakingChanges: ["feat", "fix"]
+  }
+};

package/components.d.ts

@@ -0,0 +1,28 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    ColSetting: typeof import('./src/components/ProTable/components/ColSetting.vue')['default']
+    CSvgIcon: typeof import('./src/components/CSvgIcon/index.vue')['default']
+    CTree: typeof import('./src/components/CTree/index.vue')['default']
+    Dialog: typeof import('./src/components/Dialog/index.vue')['default']
+    Empty: typeof import('./src/components/Empty/index.vue')['default']
+    Grid: typeof import('./src/components/Grid/index.vue')['default']
+    GridItem: typeof import('./src/components/Grid/components/GridItem.vue')['default']
+    Loading: typeof import('./src/components/Loading/index.vue')['default']
+    Overflow: typeof import('./src/components/Overflow/index.vue')['default']
+    Pagination: typeof import('./src/components/ProTable/components/Pagination.vue')['default']
+    ProTable: typeof import('./src/components/ProTable/index.vue')['default']
+    ScrollBox: typeof import('./src/components/ScrollBox/index.vue')['default']
+    SearchForm: typeof import('./src/components/ProTable/components/SearchForm/index.vue')['default']
+    SearchFormItem: typeof import('./src/components/ProTable/components/SearchForm/components/SearchFormItem.vue')['default']
+    SvgIcon: typeof import('./src/components/SvgIcon/index.vue')['default']
+    TableColumn: typeof import('./src/components/ProTable/components/TableColumn.vue')['default']
+    Tabs: typeof import('./src/components/Tabs/index.vue')['default']
+  }
+}

package/index.html

@@ -0,0 +1,105 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/logo.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title><%- title %></title>
+  </head>
+  <body>
+    <div id="app">
+      <style>
+        html,
+        body,
+        #app {
+          width: 100%;
+          height: 100%;
+          padding: 0;
+          margin: 0;
+        }
+        .loading-box {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          width: 100%;
+          height: 100%;
+        }
+        .loading-box .loading-wrap {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 98px;
+        }
+        .dot {
+          position: relative;
+          box-sizing: border-box;
+          display: inline-block;
+          width: 32px;
+          height: 32px;
+          font-size: 32px;
+          transform: rotate(45deg);
+          animation: ant-rotate 1.2s infinite linear;
+        }
+        .dot i {
+          position: absolute;
+          display: block;
+          width: 14px;
+          height: 14px;
+          background-color: #409eff;
+          border-radius: 100%;
+          opacity: 0.3;
+          transform: scale(0.75);
+          transform-origin: 50% 50%;
+          animation: ant-spin-move 1s infinite linear alternate;
+        }
+        .dot i:nth-child(1) {
+          top: 0;
+          left: 0;
+        }
+        .dot i:nth-child(2) {
+          top: 0;
+          right: 0;
+          animation-delay: 0.4s;
+        }
+        .dot i:nth-child(3) {
+          right: 0;
+          bottom: 0;
+          animation-delay: 0.8s;
+        }
+        .dot i:nth-child(4) {
+          bottom: 0;
+          left: 0;
+          animation-delay: 1.2s;
+        }
+
+        @keyframes ant-rotate {
+          to {
+            transform: rotate(405deg);
+          }
+        }
+
+        @keyframes ant-spin-move {
+          to {
+            opacity: 1;
+          }
+        }
+      </style>
+      <div class="loading-box">
+        <div class="loading-wrap">
+          <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
+        </div>
+      </div>
+    </div>
+    <script>
+      const globalState = JSON.parse(window.localStorage.getItem("%VITE_GLOB_DEMO_KEY%" + "global"));
+      if (globalState) {
+        const dot = document.querySelectorAll(".dot i");
+        const html = document.querySelector("html");
+        dot.forEach(item => (item.style.background = globalState.primary));
+        if (globalState.isDark) html.style.background = "#141414";
+      }
+    </script>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/lint-staged.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"],
+  "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": ["prettier --write--parser json"],
+  "package.json": ["prettier --write"],
+  "*.vue": ["eslint --fix", "prettier --write", "stylelint --fix"],
+  "*.{scss,less,styl,html}": ["stylelint --fix", "prettier --write"],
+  "*.md": ["prettier --write"]
+};

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "zyf-model-engine",
+  "private": false,
+  "version": "0.0.1",
+  "main": "zyf-model-engine.ts",
+  "description": "插件发布测试",
+  "author": {
+    "name": "huzk",
+    "email": "913134323@qq.com"
+  },
+  "license": "MIT",
+  "types": "lib/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": " vite build  --mode production",
+    "build:dev": "vue-tsc && vite build --mode development",
+    "build:test": "vue-tsc && vite build --mode test",
+    "build:test-no-check": "vite build --mode test",
+    "build:pro": "vue-tsc && vite build --mode production",
+    "build:pro-no-check": "vite build --mode production",
+    "type:check": "vue-tsc --noEmit --skipLibCheck",
+    "preview": "npm run build:dev && vite preview",
+    "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
+    "lint:prettier": "prettier --write \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+    "lint:lint-staged": "lint-staged",
+    "prepare": "husky install",
+    "release": "standard-version",
+    "commit": "git add -A && czg && git push"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
+    "@vueuse/core": "^10.3.0",
+    "axios": "^1.4.0",
+    "dayjs": "^1.11.9",
+    "element-plus": "^2.3.4",
+    "nprogress": "^0.2.0",
+    "pinia": "^2.1.6",
+    "pinia-plugin-persistedstate": "^3.2.0",
+    "qs": "^6.11.2",
+    "screenfull": "^6.0.2",
+    "vue": "^3.3.4"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.6.7",
+    "@commitlint/config-conventional": "^17.6.7",
+    "@types/nprogress": "^0.2.0",
+    "@types/qs": "^6.9.7",
+    "@typescript-eslint/eslint-plugin": "^6.2.1",
+    "@typescript-eslint/parser": "^6.2.1",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "autoprefixer": "^10.4.14",
+    "cz-git": "^1.7.0",
+    "czg": "^1.7.0",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.9.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-vue": "^9.16.1",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.2.3",
+    "postcss": "^8.4.27",
+    "postcss-html": "^1.5.0",
+    "prettier": "^3.0.0",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "sass": "1.64.2",
+    "standard-version": "^9.5.0",
+    "stylelint": "^15.10.2",
+    "stylelint-config-html": "^1.1.0",
+    "stylelint-config-recess-order": "^4.3.0",
+    "stylelint-config-recommended-scss": "^12.0.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-config-standard-scss": "^10.0.0",
+    "typescript": "4.3.5",
+    "unplugin-auto-import": "^0.11.2",
+    "unplugin-vue-components": "^0.22.8",
+    "unplugin-vue-setup-extend-plus": "^1.0.0",
+    "vite": "^4.4.8",
+    "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-dts": "^4.2.4",
+    "vite-plugin-eslint": "^1.8.1",
+    "vite-plugin-html": "^3.2.0",
+    "vite-plugin-pwa": "^0.16.4",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^1.8.8"
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "browserslist": {
+    "production": [
+      "> 1%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  }
+}

package/postcss.config.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {}
+  }
+};

package/src/App.vue

@@ -0,0 +1,16 @@
+<template>
+  <el-config-provider :locale="zhCn" :size="size[1]" :button="buttonConfig">
+    <test></test>
+  </el-config-provider>
+</template>
+
+<script setup lang="ts">
+import { ElConfigProvider } from "element-plus";
+import zhCn from "element-plus/es/locale/lang/zh-cn";
+import { AssemblySizeType } from "@/stores/interface/index";
+import test from "@/plugins/index.vue";
+const size: AssemblySizeType[] = ["large", "default", "small"];
+
+// element button config
+const buttonConfig = reactive({ autoInsertSpace: false });
+</script>

package/src/api/config/servicePort.ts

@@ -0,0 +1,3 @@
+// 后端微服务模块前缀
+export const PORT = "/api/xcj";
+export const UploadUrl = "/basic/xcj_sys_file/upload";

package/src/api/enums/httpEnum.ts

@@ -0,0 +1,35 @@
+/**
+ * @description：请求配置
+ */
+export enum ResultEnum {
+  SUCCESS = 200,
+  ERROR = 500,
+  OVERDUE = 401,
+  TIMEOUT = 30000,
+  TYPE = "success"
+}
+
+/**
+ * @description：请求方法
+ */
+export enum RequestEnum {
+  GET = "GET",
+  POST = "POST",
+  PATCH = "PATCH",
+  PUT = "PUT",
+  DELETE = "DELETE"
+}
+
+/**
+ * @description：常用的 contentTyp 类型
+ */
+export enum ContentTypeEnum {
+  // json
+  JSON = "application/json;charset=UTF-8",
+  // text
+  TEXT = "text/plain;charset=UTF-8",
+  // form-data 一般配合qs
+  FORM_URLENCODED = "application/x-www-form-urlencoded;charset=UTF-8",
+  // form-data 上传
+  FORM_DATA = "multipart/form-data;charset=UTF-8"
+}

package/src/api/helper/axiosCancel.ts

@@ -0,0 +1,50 @@
+// ? 暂未使用，目前使用全局 Loading 来控制重复请求
+import { CustomAxiosRequestConfig } from "../index";
+import qs from "qs";
+
+// 声明一个 Map 用于存储每个请求的标识 和 取消函数
+export let pendingMap = new Map<string, AbortController>();
+
+// 序列化参数
+export const getPendingUrl = (config: CustomAxiosRequestConfig) =>
+  [config.method, config.url, qs.stringify(config.data), qs.stringify(config.params)].join("&");
+
+export class AxiosCanceler {
+  /**
+   * @description: 添加请求
+   * @param {Object} config
+   * @return void
+   */
+  addPending(config: CustomAxiosRequestConfig) {
+    // 在请求开始前，对之前的请求做检查取消操作
+    this.removePending(config);
+    const url = getPendingUrl(config);
+    const controller = new AbortController();
+    config.signal = controller.signal;
+    pendingMap.set(url, controller);
+  }
+
+  /**
+   * @description: 移除请求
+   * @param {Object} config
+   */
+  removePending(config: CustomAxiosRequestConfig) {
+    const url = getPendingUrl(config);
+    // 如果在 pending 中存在当前请求标识，需要取消当前请求
+    const controller = pendingMap.get(url);
+    if (controller) {
+      controller.abort();
+      pendingMap.delete(url);
+    }
+  }
+
+  /**
+   * @description: 清空所有pending
+   */
+  removeAllPending() {
+    pendingMap.forEach(controller => {
+      controller && controller.abort();
+    });
+    pendingMap.clear();
+  }
+}