zyf-model-engine 0.0.1

package/src/api/helper/axiosFileCancel.ts

@@ -0,0 +1,62 @@
+import { CustomAxiosRequestConfig } from "../index";
+import { PORT, UploadUrl } from "@/api/config/servicePort";
+// 声明一个 Map 用于存储每个请求的标识 和 取消函数
+export let pendingMap = new Map<string, AbortController>();
+
+// 序列化参数
+export const getPendingUrl = (config: CustomAxiosRequestConfig) => [config.url, config.fileUid].join("&");
+
+export class AxiosFileCancel {
+  size() {
+    return pendingMap.size;
+  }
+  /**
+   * @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: 根据fileUid移除指定请求
+   * @param {number} fileUid
+   */
+  removeSpecifyPending(fileUid: number) {
+    let pendingUrl = [PORT + UploadUrl, fileUid].join("&");
+    // 如果在 pending 中存在当前请求标识，需要取消当前请求
+    const controller = pendingMap.get(pendingUrl);
+    if (controller) {
+      controller.abort();
+      pendingMap.delete(pendingUrl);
+    }
+  }
+  /**
+   * @description: 清空所有pending
+   */
+  removeAllPending() {
+    pendingMap.forEach(controller => {
+      controller && controller.abort();
+    });
+    pendingMap.clear();
+  }
+}

package/src/api/helper/checkStatus.ts

@@ -0,0 +1,97 @@
+import { ElMessage } from "element-plus";
+
+/**
+ * @description: 校验网络请求状态码
+ * @param {Number} status
+ * @return void
+ */
+export const checkStatus = (status: number) => {
+  switch (status) {
+    case 400:
+      ElMessage.error("请求失败！请您稍后重试");
+      break;
+    case 401:
+      ElMessage.error("登录失效！请您重新登录");
+      break;
+    case 403:
+      ElMessage.error("当前账号无权限访问！");
+      break;
+    case 404:
+      ElMessage.error("你所访问的资源不存在！");
+      break;
+    case 405:
+      ElMessage.error("请求方式错误！请您稍后重试");
+      break;
+    case 406:
+      ElMessage.error("请求头有误！请查看请求头配置是否有误");
+      break;
+    case 408:
+      ElMessage.error("请求超时！请您稍后重试");
+      break;
+    case 409:
+      ElMessage.error("处理请求时发生冲突。在处理请求时，资源可能已被修改。");
+      break;
+    case 410:
+      ElMessage.error("请求的URL在此服务器上不再可用，并且没有转发地址。");
+      break;
+    case 411:
+      ElMessage.error("使用此方法的请求需要一个有效的Content-Length报头。");
+      break;
+    case 412:
+      ElMessage.error("URL请求的前提条件未通过正评估。");
+      break;
+    case 413:
+      ElMessage.error("传输的数据值超过容量限制。");
+      break;
+    case 414:
+      ElMessage.error("请求的URL长度超过此服务器的容量限制。无法处理请求。");
+      break;
+    case 415:
+      ElMessage.error("服务器不支持请求中传输的媒体类型。");
+      break;
+    case 416:
+      ElMessage.error("服务器无法提供请求的范围。");
+      break;
+    case 417:
+      ElMessage.error("服务器无法满足Expect标头的要求.");
+      break;
+    case 418:
+      ElMessage.error("预料之外的请求.");
+      break;
+    case 422:
+      ElMessage.error("请求格式良好，但由于语义错误而无法执行。");
+      break;
+    case 423:
+      ElMessage.error("正在访问的资源被锁定。");
+      break;
+    case 424:
+      ElMessage.error("无法在资源上执行该方法，因为请求的操作依赖于另一个操作，而该操作失败了。");
+      break;
+    case 428:
+      ElMessage.error("这项请求必须是有条件的;尝试使用If-Match或If-Unmodified-Since。");
+      break;
+    case 429:
+      ElMessage.error("此用户已超过分配的请求数。请稍后再试。");
+      break;
+    case 431:
+      ElMessage.error("一个或多个报头字段超过最大大小。");
+      break;
+    case 451:
+      ElMessage.error("由于法律原因无法使用。");
+      break;
+    case 500:
+      ElMessage.error("服务异常！");
+      break;
+    case 502:
+      ElMessage.error("网关错误！");
+      break;
+    case 503:
+      ElMessage.error("服务不可用！");
+      break;
+    case 504:
+      ElMessage.error("网关超时！");
+      break;
+    default:
+      ElMessage.error("请求失败！");
+  }
+};

package/src/api/index.ts

@@ -0,0 +1,142 @@
+import axios, { AxiosInstance, AxiosError, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse } from "axios";
+import { showFullScreenLoading, tryHideFullScreenLoading } from "@/config/serviceLoading";
+import { AxiosCanceler } from "./helper/axiosCancel";
+import { AxiosFileCancel } from "./helper/axiosFileCancel";
+import { ElMessage } from "element-plus";
+import { ResultData } from "@/api/interface";
+import { ResultEnum } from "@/enums/httpEnum";
+import { checkStatus } from "./helper/checkStatus";
+import router from "@/routers";
+import { PORT } from "@/api/config/servicePort";
+
+export interface CustomAxiosRequestConfig extends InternalAxiosRequestConfig {
+  noLoading?: boolean;
+  repeatRequestCancel?: boolean;
+  fileUid?: number;
+}
+const axiosCanceler = new AxiosCanceler();
+const axiosFileCancel = new AxiosFileCancel();
+
+const config = {
+  // 默认地址请求地址，可在 .env.** 文件中修改
+  baseURL: import.meta.env.VITE_API_URL as string,
+  // 设置超时时间
+  timeout: ResultEnum.TIMEOUT as number,
+  // 跨域时候允许携带凭证
+  withCredentials: true,
+  repeatRequestCancel: false, // 是否开启取消重复请求, 默认为 true
+  //公共请求头配置，本项目请求头大多数接口是这个，所以这里可以配置一下，对于特殊接口单独配置
+  headers: {
+    // "Content-Type": ContentTypeEnum.JSON
+    "Cache-Control": "no-cache"
+  },
+  isUpload: false
+};
+
+class RequestHttp {
+  service: AxiosInstance;
+  public constructor(config: AxiosRequestConfig) {
+    // instantiation
+    this.service = axios.create(config);
+    /**
+     * @description 请求拦截器
+     * 客户端发送请求 -> [请求拦截器] -> 服务器
+     * token校验(JWT) : 接受服务器返回的 token,存储到 vuex/pinia/本地储存当中
+     */
+    this.service.interceptors.request.use(
+      (config: CustomAxiosRequestConfig) => {
+        if (config.repeatRequestCancel) {
+          if (config.fileUid) {
+            axiosFileCancel.removePending(config);
+            axiosFileCancel.addPending(config);
+          } else {
+            axiosCanceler.removePending(config);
+            axiosCanceler.addPending(config);
+          }
+        }
+        // 当前请求不需要显示 loading，在 api 服务中通过指定的第三个参数: { noLoading: true } 来控制
+        config.noLoading || showFullScreenLoading();
+        return config;
+      },
+      (error: AxiosError) => {
+        return Promise.reject(error);
+      }
+    );
+
+    /**
+     * @description 响应拦截器
+     *  服务器换返回信息 -> [拦截统一处理] -> 客户端JS获取到信息
+     */
+    this.service.interceptors.response.use(
+      (response: AxiosResponse) => {
+        if ((response.config as any).fileUid) {
+          axiosFileCancel.removePending(response.config);
+        } else {
+          axiosCanceler.removePending(response.config);
+        }
+        const { data } = response;
+        tryHideFullScreenLoading();
+        // 登陆失效
+        if (data.code == ResultEnum.OVERDUE) {
+          ElMessage.error(data.msg);
+          return Promise.reject(data);
+        }
+
+        // 全局错误信息拦截（防止下载文件的时候返回数据流，没有 code 直接报错）
+        if (data.code && data.code !== ResultEnum.SUCCESS) {
+          ElMessage.error(data.msg);
+          return Promise.reject(data);
+        }
+        // 成功请求（在页面上除非特殊情况，否则不用处理失败逻辑）
+        return data.data || data;
+      },
+      async (error: AxiosError) => {
+        if (error.config) {
+          if ((error.config as any).fileUid) {
+            axiosFileCancel.removePending(error.config);
+          } else {
+            axiosCanceler.removePending(error.config);
+          }
+        }
+        const { response } = error;
+
+        tryHideFullScreenLoading();
+        // 请求超时 && 网络错误单独判断，没有 response
+        if (error.message.indexOf("timeout") !== -1) ElMessage.error("请求超时！请您稍后重试");
+        if (error.message.indexOf("Network Error") !== -1) ElMessage.error("网络错误！请您稍后重试");
+        // 根据服务器响应的错误状态码，做不同的处理
+        if (response) {
+          ElNotification({
+            title: "警告",
+            message: (response.data as any).message || (response.data as any).msg,
+            type: "warning"
+          });
+        }
+
+        return Promise.reject(error);
+      }
+    );
+  }
+
+  /**
+   * @description 常用请求方法封装
+   */
+  get<T>(url: string, params: object = {}, _object = {}): Promise<ResultData<T>> {
+    return this.service.get(PORT + url, { params, ..._object });
+  }
+  post<T>(url: string, params: object | string = {}, _object = {}): Promise<ResultData<T>> {
+    return this.service.post(PORT + url, params, _object);
+  }
+  put<T>(url: string, params: object = {}, _object = {}): Promise<ResultData<T>> {
+    return this.service.put(PORT + url, params, _object);
+  }
+  delete<T>(url: string, params: any = {}, _object = {}): Promise<ResultData<T>> {
+    return this.service.delete(PORT + url, { params, ..._object });
+  }
+  download(url: string, params: object = {}, _object = {}): Promise<BlobPart> {
+    return this.service.post(PORT + url, params, { ..._object, responseType: "blob" });
+  }
+}
+export const http = new RequestHttp(config);
+export const axiosController = axiosCanceler;
+export const axiosFileController = axiosFileCancel;

package/src/api/interface/index.ts

@@ -0,0 +1,27 @@
+// 请求响应参数（不包含data）
+
+export type fetchType = "get" | "post" | "put" | "delete" | "download";
+
+export interface Result {
+  code: string;
+  msg: string;
+}
+
+// 请求响应参数（包含data）
+export interface ResultData<T = any> extends Result {
+  data: T;
+}
+
+// 分页响应参数
+export interface ResPage<T> {
+  list: T[];
+  page: number;
+  limit: number;
+  total: number;
+}
+
+// 分页请求参数
+export interface ReqPage {
+  page: number;
+  limit: number;
+}

package/src/assets/global-icons/icon-demo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711097260091" class="icon" viewBox="0 0 2353 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2004" xmlns:xlink="http://www.w3.org/1999/xlink" width="459.5703125" height="200"><path d="M41.840281 1011.047298S-65.841404-121.173333 2346.576842 122.107509C1843.146105-4.706807-266.796912-278.707649 41.840281 1011.029333z" p-id="2005"></path><path d="M1726.805333 365.442246L1445.205333 769.598877V1012.143158H1256.861193V769.598877L975.961825 365.442246h238.753684l138.293895 226.663298 146.575719-226.663298H1726.787368zM998.310175 541.462456L567.26007 850.189474h413.049263v161.953684h-713.386666v-161.953684l450.506105-322.811509h-386.065965c55.475649-56.212211 124.96393-111.292632 212.129684-161.953684h332.027509l122.790175 176.002245zM2318.156351 527.018667h-469.962105v97.262035h375.969684v129.041965h-375.969684V1012.143158H1659.850105V603.189895l166.03172-237.747649h492.274526v161.576421z" p-id="2006"></path></svg>

package/src/assets/iconfont/iconfont.scss

@@ -0,0 +1,44 @@
+@font-face {
+  font-family: iconfont; /* Project id 2667653 */
+  src: url("iconfont.ttf?t=1691032190261") format("truetype");
+}
+.iconfont {
+  font-family: iconfont !important;
+  font-size: 20px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  cursor: pointer;
+}
+.icon-xiala::before {
+  content: "\e62b";
+}
+.icon-tuichu::before {
+  content: "\e645";
+}
+.icon-xiaoxi::before {
+  font-size: 21.2px;
+  content: "\e61f";
+}
+.icon-zhuti::before {
+  font-size: 22.4px;
+  content: "\e638";
+}
+.icon-sousuo::before {
+  content: "\e611";
+}
+.icon-contentright::before {
+  content: "\e8c9";
+}
+.icon-contentleft::before {
+  content: "\e8ca";
+}
+.icon-fangda::before {
+  content: "\e826";
+}
+.icon-suoxiao::before {
+  content: "\e641";
+}
+.icon-zhongyingwen::before {
+  content: "\e8cb";
+}

package/src/assets/option-icons/add.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1694768124415" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10907" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M496.097882 812.393412h78.305883v-231.905883h231.905882v-78.305882h-231.905882v-231.905882h-78.305883v231.905882h-231.905882v78.305882h231.905882v231.905883z" p-id="10908"></path></svg>

package/src/assets/option-icons/check.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695777414020" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6438" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M607.839811 895.957102H214.69447A86.82497 86.82497 0 0 1 127.880338 809.070721V214.784781A86.839419 86.839419 0 0 1 214.69447 127.880338h594.28594a86.33729 86.33729 0 0 1 61.436749 25.456857c16.400473 16.400473 25.362934 38.208767 25.373771 61.411462L894.439878 607.821749v0.10476a32.031496 32.031496 0 0 0 64.059379 0.101149L959.825022 214.889542v-0.104761A150.775976 150.775976 0 0 0 808.98041 63.940169H214.69447A150.638703 150.638703 0 0 0 63.940169 214.784781v594.28594a150.638703 150.638703 0 0 0 150.757914 150.82655h393.141728a31.970084 31.970084 0 0 0 0-63.940169z" fill="" p-id="6439"></path><path d="M950.544667 905.331381l-122.071536-122.071536a192.217875 192.217875 0 1 0-45.213286 45.213286l122.071536 122.071536a31.970084 31.970084 0 0 0 45.213286-45.213286z m-278.547941-105.302594a128.028448 128.028448 0 1 1 90.531332-37.497116 127.193975 127.193975 0 0 1-90.527719 37.497116zM768.004516 352.212795c17.653989 0 31.966472-14.402794 31.970084-32.056783s-14.308871-32.074845-31.966472-32.078457L256.002709 287.911382a32.020659 32.020659 0 0 0-31.970084 32.024271c0 17.657601 14.308871 32.092907 31.966472 32.092908L768.004516 352.212795zM448.000226 544.033302a31.96286 31.96286 0 1 0 0-63.940169h-192.001129a31.937573 31.937573 0 1 0 0 63.878758l192.001129 0.061411zM256.017159 671.91364a31.959247 31.959247 0 1 0 0 63.922107l127.999549 0.018062a31.941185 31.941185 0 1 0 0-63.878757z" fill="" p-id="6440"></path></svg>

package/src/assets/option-icons/config.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1694659603967" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6843" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M1018.752 488.32l0.768 50.368c1.536 51.2-39.872 94.08-90.24 94.848l-25.6 0.704c-6.784 25.6-16.576 50.432-28.608 74.496l19.584 21.12c17.28 17.984 25.6 42.112 24.832 66.944a95.232 95.232 0 0 1-30.08 64.64l-37.632 34.624c-18.112 17.28-42.176 25.6-67.008 24.832a95.232 95.232 0 0 1-64.64-30.08l-7.552-8.32a443.776 443.776 0 0 1-84.288 37.632v9.088c0 51.136-42.112 93.248-93.312 93.248h-50.368c-51.2 0-93.312-42.112-93.312-93.248v-2.304a426.24 426.24 0 0 1-88.768-34.56l-1.536 1.472c-18.048 20.352-43.648 30.08-68.48 30.08-22.528 0-45.12-8.256-63.168-24.832l-37.632-34.56a89.216 89.216 0 0 1-30.08-64.704c-0.768-24.832 8.256-48.96 24.832-67.008l5.248-6.016a431.744 431.744 0 0 1-37.632-90.24h-2.24a93.632 93.632 0 0 1-65.472-28.608 91.392 91.392 0 0 1-26.304-66.24v-49.664a93.632 93.632 0 0 1 94.72-91.776c9.856-33.088 23.36-64 40.704-93.312l-4.48-3.712a93.632 93.632 0 0 1-5.312-131.712l34.56-37.632a89.152 89.152 0 0 1 64.768-30.08c24.832-0.768 48.896 8.32 66.944 24.832l17.28 16.576c25.6-12.8 51.968-22.592 79.04-30.08v-19.584c0-51.2 42.112-93.312 93.312-93.312H531.2c51.2 0 93.312 42.112 93.312 93.312v24.832c25.6 8.32 49.664 18.816 72.96 31.616l28.608-26.368a93.632 93.632 0 0 1 131.648 5.248l34.624 37.632c17.28 18.048 25.6 42.176 24.832 67.008a95.232 95.232 0 0 1-30.08 64.64l-21.12 19.584c13.568 24.064 24.896 50.432 33.152 77.504l24.832-0.768a93.632 93.632 0 0 1 94.784 91.776z m-91.776 76.736c6.016 0 12.8-2.304 17.28-6.784a20.48 20.48 0 0 0 6.784-18.048l-0.704-50.432a26.24 26.24 0 0 0-7.552-18.048 26.944 26.944 0 0 0-18.048-6.784l-51.2 0.768a33.984 33.984 0 0 1-33.856-26.368 353.856 353.856 0 0 0-45.888-108.288 33.344 33.344 0 0 1 5.312-42.88l41.344-38.4a22.528 22.528 0 0 0 8.32-17.28c0-6.784-2.304-12.8-6.784-18.112l-34.624-37.568a24.32 24.32 0 0 0-35.392-1.536l-47.36 43.648a34.048 34.048 0 0 1-41.408 3.776 337.472 337.472 0 0 0-101.568-43.648 33.92 33.92 0 0 1-25.6-33.088v-50.432c0-14.272-11.264-25.6-25.6-25.6h-50.368c-14.272 0-25.6 11.328-25.6 25.6v46.656c0 15.808-11.264 30.08-27.072 33.088a352.512 352.512 0 0 0-107.584 40.64 34.176 34.176 0 0 1-39.872-4.48l-35.392-32.384a25.6 25.6 0 0 0-18.048-6.784 25.28 25.28 0 0 0-17.28 8.32l-34.624 37.568a25.024 25.024 0 0 0 1.536 35.392l25.6 23.296c12.8 11.264 14.976 30.848 5.248 44.416a343.04 343.04 0 0 0-53.44 121.088 34.56 34.56 0 0 1-33.92 26.368l-26.24-0.768a24.96 24.96 0 0 0-18.88 7.552 23.872 23.872 0 0 0-6.72 17.28l-0.768 50.432c0 13.504 10.496 25.6 24.832 25.6l28.608 0.704c15.744 0 29.312 11.328 32.32 26.368 9.024 41.344 25.6 80.512 48.896 116.608 8.32 12.8 6.784 30.08-3.776 41.408l-22.528 24.768a25.6 25.6 0 0 0-6.784 18.112c0.768 6.72 3.008 12.8 8.32 17.28l37.568 34.56c9.792 9.088 25.6 9.088 35.392-1.472l19.52-21.056a34.432 34.432 0 0 1 42.88-6.016 354.24 354.24 0 0 0 118.144 45.888 33.152 33.152 0 0 1 27.84 33.088v29.376c0 14.272 11.264 25.6 25.6 25.6h50.368c14.336 0 25.6-11.328 25.6-25.6v-34.56a33.92 33.92 0 0 1 25.6-33.152 332.992 332.992 0 0 0 112.832-51.2 33.408 33.408 0 0 1 44.416 4.544l27.072 29.312c4.48 5.312 10.56 8.32 17.28 8.32 6.784 0 12.8-2.24 18.112-6.784l37.568-34.56a22.528 22.528 0 0 0 8.32-17.344c0-6.784-2.304-12.8-6.784-18.048l-36.096-39.168a32.896 32.896 0 0 1-4.48-39.872 337.408 337.408 0 0 0 39.808-103.04 33.024 33.024 0 0 1 32.384-27.136l51.2-0.704zM509.44 367.936a147.712 147.712 0 0 0-147.456 147.456 147.712 147.712 0 0 0 147.456 147.456 147.712 147.712 0 0 0 147.52-147.456A147.712 147.712 0 0 0 509.44 367.936zM429.632 515.392a79.808 79.808 0 1 1 159.552 0.064 79.808 79.808 0 0 1-159.552-0.064z" p-id="6844"></path></svg>

package/src/assets/option-icons/del.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1694592765950" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8819" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M625.483294 782.336a30.057412 30.057412 0 0 1-30.117647-30.117647V420.803765a30.057412 30.057412 0 1 1 60.235294 0v331.294117a30.177882 30.177882 0 0 1-30.117647 30.238118zM444.837647 782.336a30.057412 30.057412 0 0 1-30.117647-30.117647V420.803765a30.057412 30.057412 0 1 1 60.235294 0v331.294117a30.177882 30.177882 0 0 1-30.117647 30.238118zM926.780235 270.275765h-150.588235v-60.235294c0-49.874824-40.116706-90.352941-89.630118-90.352942H384.602353a90.352941 90.352941 0 0 0-90.352941 90.352942v60.235294h-150.588236a30.057412 30.057412 0 1 0 0 60.235294h783.119059a30.057412 30.057412 0 1 0 0-60.235294z m-572.235294-60.235294c0-16.504471 13.552941-30.117647 30.057412-30.117647h301.959529c16.504471 0 29.455059 13.251765 29.455059 30.117647v60.235294H354.484706v-60.235294z" p-id="8820"></path><path d="M746.134588 963.041882h-421.647059a90.352941 90.352941 0 0 1-90.292705-90.352941V420.442353a30.057412 30.057412 0 1 1 60.235294 0v452.186353a30.117647 30.117647 0 0 0 30.117647 30.117647h421.707294c16.685176 0 30.117647-13.432471 30.117647-30.117647V421.647059a30.057412 30.057412 0 1 1 60.235294 0v451.041882a90.714353 90.714353 0 0 1-90.473412 90.352941z" p-id="8821"></path></svg>

package/src/assets/option-icons/detail.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1697613993537" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11811" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 0a512 512 0 1 1 0 1024A512 512 0 0 1 512 0z m0 70.656a441.344 441.344 0 1 0 0 882.688A441.344 441.344 0 0 0 512 70.656z m0 247.149714a52.955429 52.955429 0 1 0 0-105.910857 52.955429 52.955429 0 0 0 0 105.910857z m0 512a35.328 35.328 0 0 1-35.328-35.328v-388.388571a35.328 35.328 0 0 1 70.656 0v388.388571a35.328 35.328 0 0 1-35.328 35.328z" p-id="11812"></path></svg>

package/src/assets/option-icons/edit.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg
+PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1693306909737" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2768" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M568.199529 182.753882a30.117647 30.117647 0 0 1 42.164706 0.602353l164.141177 165.526589a30.057412 30.057412 0 0 1-1.566118 43.911529l-395.504941 346.352941a30.117647 30.117647 0 0 1-20.48 7.469177l-146.612706-3.072a30.117647 30.117647 0 0 1-29.515294-30.117647V564.525176a30.117647 30.117647 0 0 1 9.396706-21.805176l377.97647-359.966118z m39.936 484.23153l225.761883 4.336941a30.117647 30.117647 0 0 1-1.204706 60.235294l-225.701647-4.336941a30.057412 30.057412 0 1 1 1.204706-60.235294z m-19.757176-420.261647l-347.256471 330.691764v106.496l105.411765 2.288942 362.616471-317.620706-120.771765-121.856z m244.013176 570.849882a30.117647 30.117647 0 1 1 0.481883 60.235294l-591.510588 4.336941a30.117647 30.117647 0 1 1-0.481883-60.235294l591.510588-4.336941z" p-id="2769"></path></svg>

package/src/assets/option-icons/export.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695706735403" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6840" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M896 569.809455a34.909091 34.909091 0 0 1 34.909091 34.90909v260.654546c0 68.002909-55.319273 123.345455-123.345455 123.345454H169.890909a123.485091 123.485091 0 0 1-123.345454-123.345454V227.723636a123.485091 123.485091 0 0 1 123.345454-123.345454h353.745455a34.909091 34.909091 0 1 1 0 69.818182H169.890909a53.597091 53.597091 0 0 0-53.527273 53.527272v637.672728c0 29.509818 24.017455 53.527273 53.527273 53.527272h637.672727c29.509818 0 53.527273-24.017455 53.527273-53.527272v-260.654546a34.909091 34.909091 0 0 1 34.909091-34.909091z m80.896-293.934546c7.400727 6.4 12.194909 15.755636 12.194909 26.298182 0 10.565818-4.770909 19.898182-12.194909 26.344727L781.032727 524.334545a34.792727 34.792727 0 0 1-24.692363 10.216728 34.909091 34.909091 0 0 1-24.669091-59.578182l134.749091-134.818909C563.2 360.261818 442.181818 491.822545 442.181818 790.900364a34.909091 34.909091 0 1 1-69.818182 0c0-341.317818 150.574545-500.573091 499.618909-521.239273L731.694545 129.419636a34.909091 34.909091 0 1 1 49.338182-49.384727l195.863273 195.84z" p-id="6841"></path></svg>

package/src/assets/option-icons/folder.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695777379787" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6297" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M855.04 385.024q19.456 2.048 38.912 10.24t33.792 23.04 21.504 37.376 2.048 54.272q-2.048 8.192-8.192 40.448t-14.336 74.24-18.432 86.528-19.456 76.288q-5.12 18.432-14.848 37.888t-25.088 35.328-36.864 26.112-51.2 10.24l-567.296 0q-21.504 0-44.544-9.216t-42.496-26.112-31.744-40.96-12.288-53.76l0-439.296q0-62.464 33.792-97.792t95.232-35.328l503.808 0q22.528 0 46.592 8.704t43.52 24.064 31.744 35.84 12.288 44.032l0 11.264-53.248 0q-40.96 0-95.744-0.512t-116.736-0.512-115.712-0.512-92.672-0.512l-47.104 0q-26.624 0-41.472 16.896t-23.04 44.544q-8.192 29.696-18.432 62.976t-18.432 61.952q-10.24 33.792-20.48 65.536-2.048 8.192-2.048 13.312 0 17.408 11.776 29.184t29.184 11.776q31.744 0 43.008-39.936l54.272-198.656q133.12 1.024 243.712 1.024l286.72 0z" p-id="6298"></path></svg>

package/src/assets/option-icons/full-screen.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M370.688 892.416H194.56c-34.816 0-63.488-28.16-63.488-63.488v-177.664c0-15.872 15.36-28.672 31.232-28.672s31.232 12.8 31.232 28.672v172.544c0 3.072 2.56 5.632 5.632 5.632h171.008c15.872 0 29.184 15.36 29.184 31.232 0 15.872-12.288 31.744-28.16 31.744h-0.512zM162.816 397.824c-15.872 0-31.232-12.8-31.232-28.672V194.56c0-34.816 28.16-63.488 63.488-63.488h176.128c15.872 0 28.672 15.36 28.672 31.232s-12.8 31.232-28.672 31.232H199.68c-3.072 0-5.632 2.56-5.632 5.632V368.64c0 15.872-15.36 29.184-31.232 29.184zM829.44 892.416h-174.592c-15.872 0-28.672-15.36-28.672-31.232s12.8-31.232 28.672-31.232H824.32c3.072 0 5.632-2.56 5.632-5.632v-172.544c0-15.872 15.36-28.672 31.232-28.672 15.872 0 31.232 12.8 31.232 28.672V829.44c0.512 34.816-27.648 62.976-62.976 62.976z m32.256-494.592c-15.872 0-31.232-12.8-31.232-28.672V199.68c0-3.072-2.56-5.632-5.632-5.632H655.36c-15.872 0-28.672-15.36-28.672-31.232s12.8-31.232 28.672-31.232h174.08c34.816 0 63.488 28.16 63.488 63.488V368.64c0 15.872-15.36 29.184-31.232 29.184z" /></svg>

package/src/assets/option-icons/more.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1695785124495" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11813" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M288 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="11814"></path><path d="M512 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="11815"></path><path d="M736 512m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" p-id="11816"></path></svg>

package/src/assets/option-icons/return.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711530027651" class="icon" viewBox="0 0 1216 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3642" xmlns:xlink="http://www.w3.org/1999/xlink" width="237.5" height="200"><path d="M1131.27619 1022.22684a60.287446 60.287446 0 0 1-54.081385-35.463204v-7.09264c-6.206061-16.845022-143.625974-391.868398-469.887446-323.601732v106.38961a102.84329 102.84329 0 0 1-51.421645 88.658009A103.72987 103.72987 0 0 1 443.290043 829.838961L55.854545 514.21645A107.27619 107.27619 0 0 1 0 433.537662 110.822511 110.822511 0 0 1 61.174026 336.900433L453.042424 22.164502A108.162771 108.162771 0 0 1 549.679654 6.206061a88.658009 88.658009 0 0 1 52.308225 68.266666v121.461472a760.685714 760.685714 0 0 1 503.577489 256.221645 611.74026 611.74026 0 0 1 83.338528 523.082251v7.979221a62.947186 62.947186 0 0 1-52.308225 40.782684zM680.893506 554.112554a516.87619 516.87619 0 0 1 434.424243 291.684849 472.547186 472.547186 0 0 0-83.338528-337.787013C877.714286 304.98355 567.411255 285.478788 554.112554 284.592208h-44.329004V96.637229L116.141991 412.25974a117.915152 117.915152 0 0 0-20.391342 16.845022l7.979221 6.206061 7.092641 7.97922 390.981818 312.076191 8.865801 5.31948v-177.316017l33.690043-9.752381a486.732468 486.732468 0 0 1 136.533333-19.504762z" p-id="3643"></path></svg>

package/src/assets/option-icons/search.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M889.6 829.44l-170.688-170.688a104.064 104.064 0 0 0-18.304-14.912l-42.688-29.44a298.688 298.688 0 1 0-231.232 110.912c67.712 0 133.504-22.976 186.432-65.28l32 42.688c3.84 5.504 8.064 10.624 12.8 15.36l170.688 170.688a21.248 21.248 0 0 0 30.272 0l29.888-29.888a21.312 21.312 0 0 0 0.832-29.44zM426.688 640a213.312 213.312 0 1 1 0-426.688 213.312 213.312 0 0 1 0 426.688z" /></svg>

package/src/components/CSvgIcon/index.scss

@@ -0,0 +1,23 @@
+.svg-icon-box {
+  display: flex;
+  align-items: center;
+  max-width: 100%;
+  overflow: hidden;
+  vertical-align: middle;
+  .text {
+    flex: 1;
+    overflow: hidden;
+    font-family: MiSans-Normal, MiSans;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 16px;
+  }
+  .icon {
+    width: 100%;
+    height: 100%;
+    margin-right: 8px;
+    overflow: hidden;
+    vertical-align: -0.15em;
+    fill: currentColor;
+  }
+}

package/src/components/CSvgIcon/index.vue

@@ -0,0 +1,74 @@
+<template>
+  <el-tooltip
+    class="tooltip-box"
+    effect="light"
+    :content="toolTipContent"
+    placement="top"
+    :hide-after="100"
+    :visible="isShowTooltip"
+  >
+    <div class="svg-icon-box" @mouseenter="handleTooltip(true)" @mouseout="handleTooltip(false)" :style="{ cursor: cur }">
+      <div class="left-text text" v-if="leftText" :style="{ color: textColor || color, ...titleStyle }">
+        <overflow :text="leftText" />
+      </div>
+      <SvgIcon
+        class="icon"
+        :name="name"
+        :prefix="prefix"
+        :style="{ width: size, height: size, color, ...iconStyle }"
+        :centered="centered"
+      />
+      <div class="right-text text" v-if="rightText" :style="{ color: textColor || color, ...titleStyle }">
+        <overflow :text="rightText" />
+      </div>
+    </div>
+  </el-tooltip>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  name: string;
+  prefix?: string; // 图标的前缀 ==> 非必传（默认为"icon"）
+  toolTipContent?: string;
+  cur?: string;
+  size?: string;
+  color?: string;
+  iconStyle?: Record<string, string> | null;
+  leftText?: string;
+  rightText?: string;
+  textColor?: string;
+  titleStyle?: Record<string, string> | null;
+  centered?: boolean;
+}
+const props = withDefaults(defineProps<Props>(), {
+  toolTipContent: "",
+  cur: "",
+  size: "1em",
+  iconStyle: () => ({}),
+  color: "",
+  leftText: "",
+  rightText: "",
+  textColor: "",
+  titleStyle: null,
+  centered: false
+});
+
+const isShowTooltip = ref(false);
+
+const handleTooltip = (value: boolean) => {
+  if (props.toolTipContent) {
+    isShowTooltip.value = value;
+  }
+};
+</script>
+<style scoped lang="scss">
+@import "./index.scss";
+</style>
+<style lang="scss">
+.custom-over-flow {
+  > span:nth-child(1) {
+    display: inline-block;
+    max-width: 800px !important;
+  }
+}
+</style>

package/src/components/CTree/index.scss

@@ -0,0 +1,48 @@
+.tree {
+  width: 100%;
+  height: 100%;
+  overflow: hidden auto;
+  :deep(.el-tree) {
+    width: 100%;
+    height: 100%;
+    .el-tree-node__content {
+      height: 40px;
+    }
+    .is-hide-checkbox {
+      > .el-tree-node__content {
+        > .el-checkbox {
+          display: none;
+        }
+      }
+    }
+    .custom-tree-node {
+      width: 100%;
+      padding-right: 10px;
+      overflow: hidden;
+      span {
+        font-size: 14px;
+        font-weight: 400;
+        color: #333333;
+      }
+      div,
+      svg {
+        font-size: 14px;
+        font-weight: 400;
+        color: #333333;
+
+        // line-height: 16px;
+      }
+    }
+    .el-tree-node__content:hover {
+      background-color: #fafafa;
+      .custom-tree-node {
+        color: $primary-color;
+        span,
+        div,
+        svg {
+          color: $primary-color;
+        }
+      }
+    }
+  }
+}