@utogether/udp-core 1.0.0

package/src/utils/dataFormat/index.ts

@@ -0,0 +1,223 @@
+/*
+ * @Author: wei.li
+ * @Date: 2022-06-23 17:29:11
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2024-07-04 21:06:05
+ * @Description: file content
+ */
+
+import { clone, isArray, isString, isEmpty, toDateString } from 'xe-utils';
+import { useRender } from '@utogether/utils';
+
+const renderHook = useRender();
+
+export const rulesFormat = (records, rule, t) => {
+  records
+    .filter(colunm => colunm.required)
+    .forEach(colunm => {
+      const { field, title } = colunm;
+      rule[field] = [
+        {
+          required: true,
+          message: `${t('message.required')}${title ? t(title) : t(`message.${field}`)}`
+        }
+      ];
+    });
+  return rule;
+};
+
+export const columnFormat = columns => {
+  return columns.map(m => {
+    if (m.type) return m;
+    m.title = m.title || `message.${m.field}`;
+    return m;
+  });
+};
+
+const searchBtn: IFormItemProps = {
+  span: 6,
+  align: 'right',
+  collapseNode: false,
+  itemRender: {
+    name: '$buttons',
+    children: [
+      {
+        props: {
+          type: 'submit',
+          content: 'message.btn.search',
+          status: 'primary',
+          icon: 'vxe-icon-search'
+        }
+      },
+      {
+        props: {
+          type: 'reset',
+          content: 'message.btn.reset',
+          status: 'info',
+          icon: 'ri-refresh-line ri-1x'
+        }
+      }
+    ]
+  }
+};
+
+export const formatGridItems = (records, favorite) => {
+  const formItems = records.filter(f => !f.isHidden);
+  const len = formItems.length;
+  // 前3个存在时间范围 或者 存在span = 12
+  const isDateRange = len > 2 && formItems.some((f, idx) => idx < 3 && (f.span > 6 || getDateRange(f)));
+  // 需要展示折叠按钮
+  const isCollapse = isDateRange || len > 3;
+  const defaultCollapse = { collapseTags: true, collapseTagsTooltip: true };
+  const items = formItems.map((item, idx) => {
+    item.folding = isDateRange ? isCollapse && idx > 1 : isCollapse && idx > 2;
+    item.span = getDateRange(item) ? 12 : item.span || 6;
+    if (item.code && !item.itemRender) {
+      item.itemRender = renderHook.renderDict(item.code);
+    }
+    item.itemRender = item.itemRender || { name: '$input' };
+    item.title = item.title || `message.${item.field}`;
+    if (item.multiple || item.itemRender?.props?.multiple) {
+      item.itemRender.props = Object.assign(defaultCollapse, item.itemRender?.props || {});
+    }
+    return item;
+  });
+  const btn = clone(searchBtn, true);
+  btn.collapseNode = isCollapse;
+  favorite && btn.itemRender.children.length < 3 && btn.itemRender.children.push(favorite);
+
+  if (isCollapse) {
+    // 按钮设置为	折叠节点
+    // 折叠时将搜索按钮插入到第一列的最后
+    const idx = isDateRange ? 2 : 3;
+    items.splice(idx, 0, btn);
+  } else {
+    items.push(btn);
+  }
+  return items;
+};
+
+const getDateRange = item => {
+  if (item.itemRender?.name === '#SuDateRange') {
+    return item.itemRender?.props?.type === 'daterange' || !item.itemRender?.props?.type;
+  }
+  return false;
+};
+export const formatButton = (buttons, auth?) => {
+  buttons.forEach(btn => {
+    btn.auth = auth ? auth[btn.code] || btn.auth : btn.auth;
+    if (!btn.name) {
+      btn.name = `message.${btn.name || btn.code}`;
+    } else if (!btn.name.includes('message.')) {
+      btn.name = `message.${btn.name}`;
+    }
+  });
+  return buttons;
+};
+
+export const queryAll = (props, http, form, fetchParam) => {
+  const params = { pageNum: 1, pageSize: 100000 };
+  Object.assign(params, form, fetchParam || {});
+  const query = formatDateRange(params, props.formItems);
+  const ajax = props.version === 'v2' ? http.get : http.post;
+  return new Promise((resolve, reject) => {
+    ajax(props.serviceCode.fetch, query)
+      .then((response: IResponseData) => {
+        resolve(response.list);
+      })
+      .catch((e: any) => {
+        reject(e);
+      });
+  });
+};
+
+/** 查询服务 */
+export const query = (props, form, page, http, fetchParam) => {
+  for (const i in form) {
+    if (form[i] && isString(form[i])) {
+      form[i] = form[i].trim();
+    }
+  }
+  const params = {
+    pageNum: page.currentPage,
+    pageSize: page.pageSize
+  };
+  Object.assign(params, form, fetchParam || {});
+  const query = formatDateRange(params, props.formItems);
+  const {
+    version,
+    serviceCode: { fetch }
+  } = props;
+  if (!fetch) return null;
+  if (version === 'v2') {
+    return http.get(fetch, query);
+  }
+  return http.post(fetch, query);
+};
+/** 删除服务 */
+export const del = (http, removeRecords, props) => {
+  const { serviceCode, version, isSingleSubmit } = props;
+  const { del } = serviceCode;
+  if (!del) return null;
+  if (version === 'v2') {
+    return http.delete(del, !isSingleSubmit ? removeRecords : removeRecords[0]);
+  }
+  return http.post(del, !isSingleSubmit ? removeRecords : removeRecords[0]);
+};
+/** 更新服务 */
+export const save = (http, body, props, confirmParam) => {
+  const allService = [];
+  const { serviceCode, isSingleSubmit, version, multiField } = props;
+  const { add, update } = serviceCode;
+  const { insertRecords, updateRecords } = body;
+
+  if (!isEmpty(insertRecords) && add) {
+    insertRecords.forEach(m => {
+      !isEmpty(confirmParam) && Object.assign(m, confirmParam);
+      m = !isEmpty(multiField) ? setMultiField(props, m, confirmParam) : m;
+    });
+    const service = http.post(add, !isSingleSubmit ? insertRecords : insertRecords[0]);
+    allService.push(service);
+  }
+  if (!isEmpty(updateRecords) && update) {
+    const records = !isEmpty(multiField)
+      ? updateRecords.map(m => setMultiField(props, m, confirmParam))
+      : updateRecords;
+    let service = null;
+    if (version === 'v2') {
+      service = http.put(update, !isSingleSubmit ? records : records[0]);
+    } else {
+      service = http.post(update, !isSingleSubmit ? records : records[0]);
+    }
+    allService.push(service);
+  }
+  return allService;
+};
+
+const formatDateRange = (listQuery: any, formItems) => {
+  const dateRanges = formItems.filter(f => f.itemRender?.name === '#SuDateRange');
+  if (isEmpty(dateRanges)) return listQuery;
+  const query = clone(listQuery, true);
+  dateRanges.forEach((element: any) => {
+    const val = query[element.field];
+    if (val && element.toField) {
+      query[element.fromField] = toDateString(val[0], 'yyyy-MM-dd 00:00:00');
+      query[element.toField] = toDateString(val[1], 'yyyy-MM-dd 23:59:59');
+      delete query[element.field];
+    } else if (val) {
+      query[`${element.field}From`] = toDateString(val[0], 'yyyy-MM-dd 00:00:00');
+      query[`${element.field}To`] = toDateString(val[1], 'yyyy-MM-dd 23:59:59');
+      delete query[element.field];
+    }
+  });
+  return query;
+};
+
+const setMultiField = (props, source: any, confirmParam) => {
+  const { multiField } = props;
+  multiField.forEach(field => {
+    source[field] = isArray(source[field]) ? source[field].join(',') : source[field];
+  });
+  Object.assign(source, confirmParam || {});
+  return source;
+};

package/src/utils/http/index.ts

@@ -0,0 +1,297 @@
+import Axios, { type AxiosInstance, type AxiosRequestConfig } from 'axios';
+import type { SuHttpError, RequestMethods, SuHttpResponse, SuHttpRequestConfig } from './types.d';
+import { has } from 'xe-utils';
+import { NProgress, cookies, errorMessage } from '@utogether/utils';
+import { isRef } from 'vue';
+
+const kTOKENKEY = 'authorized-token';
+const defaultConfig: AxiosRequestConfig = {
+  timeout: 180000,
+  headers: {
+    Accept: 'application/json, text/plain, */*',
+    'Content-Type': 'application/json',
+    'X-Requested-With': 'XMLHttpRequest'
+  }
+};
+class SuHttp {
+  constructor() {
+    this.httpInterceptorsRequest();
+    this.httpInterceptorsResponse();
+  }
+  baseUrl = null;
+  router = null;
+  /** token过期后，暂存待执行的请求 */
+  private static requests = [];
+
+  /** 防止重复刷新token */
+  private static isRefreshing = false;
+
+  /** 设置router调整 */
+  setRouter(router) {
+    this.router = router;
+  }
+
+  setBaseUrl(baseUrl) {
+    this.baseUrl = baseUrl;
+  }
+  // 初始化配置对象
+  private static initConfig: SuHttpRequestConfig = {};
+
+  // 保存当前Axios实例对象
+  private static axiosInstance: AxiosInstance = Axios.create(defaultConfig);
+
+  /** 重连原始请求 */
+  private static retryOriginalRequest(config: SuHttpRequestConfig) {
+    return new Promise(resolve => {
+      // @ts-ignore
+      SuHttp.requests.push((token: string) => {
+        config.headers!['Authorization'] = 'Bearer ' + token;
+        resolve(config);
+      });
+    });
+  }
+
+  // 请求拦截
+  private httpInterceptorsRequest(): void {
+    SuHttp.axiosInstance.interceptors.request.use(
+      (config: any) => {
+        if (has(config, 'loading') && isRef(config.loading)) {
+          config.loading.value = true;
+        }
+        // 开启进度条动画
+        NProgress.start();
+        // 优先判断post/get等方法是否传入回掉，否则执行初始化设置等回掉
+        if (typeof config.beforeRequestCallback === 'function') {
+          config.beforeRequestCallback(config);
+          return config;
+        }
+        if (SuHttp.initConfig.beforeRequestCallback) {
+          SuHttp.initConfig.beforeRequestCallback(config);
+          return config;
+        }
+        const whiteList = ['/refreshToken', '/login'];
+        if (whiteList.some(v => config.url.indexOf(v) > -1)) return config;
+        return new Promise(resolve => {
+          const token = cookies.get(kTOKENKEY);
+          if (token) {
+            const data = JSON.parse(token);
+            const now = new Date().getTime();
+            const expired = data.expires - now <= 0;
+            if (expired) {
+              if (!SuHttp.isRefreshing) {
+                SuHttp.isRefreshing = true;
+                // requests.push(() => SuHttp.axiosInstance(config));
+
+                this.get(this.baseUrl + '/uath/refreshToken', {
+                  refreshToken: data.refreshToken
+                })
+                  .then((res: any) => {
+                    // 替换token
+                    this.setToken(res);
+                    config.headers['Authorization'] = 'Bearer ' + res.access_token;
+                    // token 刷新后将数组的方法重新执行
+                    // @ts-ignore
+                    SuHttp.requests.forEach(cb => cb(res.access_token));
+                    SuHttp.requests = []; // 重新请求完清空
+                  })
+                  .finally(() => {
+                    SuHttp.isRefreshing = false;
+                  });
+              }
+              // @ts-ignore
+              resolve(SuHttp.retryOriginalRequest(config));
+            } else {
+              config.headers['Authorization'] = 'Bearer ' + data.accessToken;
+              resolve(config);
+            }
+          } else {
+            const sessionKey = cookies.get('kCookies_token') as string;
+            if (sessionKey) {
+              config.headers['X-Token'] = sessionKey;
+            }
+            resolve(config);
+          }
+        });
+      },
+      error => {
+        return Promise.reject(error);
+      }
+    );
+  }
+
+  private setToken(token) {
+    const { access_token, expires_in, refresh_token } = token;
+    const cache = {
+      accessToken: access_token,
+      refreshToken: refresh_token,
+      expires: Date.now() + expires_in * 1000
+    };
+    cookies.set(kTOKENKEY, JSON.stringify(cache));
+    // cookies.set(kTOKENKEY, JSON.stringify(cache), { expires: expires_in });
+  }
+
+  // 响应拦截
+  private httpInterceptorsResponse(): void {
+    const instance = SuHttp.axiosInstance;
+    instance.interceptors.response.use(
+      (response: SuHttpResponse) => {
+        const $config = response.config;
+        if (has($config, 'loading') && isRef($config.loading)) {
+          $config.loading.value = false;
+        }
+        // 关闭进度条动画
+        NProgress.done();
+        // 优先判断post/get等方法是否传入回掉，否则执行初始化设置等回掉
+        if (typeof $config.beforeResponseCallback === 'function') {
+          $config.beforeResponseCallback(response);
+          return response.data;
+        }
+        if (SuHttp.initConfig.beforeResponseCallback) {
+          SuHttp.initConfig.beforeResponseCallback(response);
+          return response.data;
+        }
+        return response.data;
+      },
+      (error: SuHttpError) => {
+        // @ts-ignore
+        if (has(error.config, 'loading') && isRef(error.config.loading)) {
+          // @ts-ignore
+          error.config.loading.value = false;
+        }
+        const $error = error;
+        $error.isCancelRequest = Axios.isCancel($error);
+        // 关闭进度条动画
+        NProgress.done();
+        // 所有的响应异常 区分来源为取消请求/非取消请求
+        return Promise.reject($error);
+      }
+    );
+  }
+
+  private transformConfigByMethod(params: any, config: SuHttpRequestConfig): SuHttpRequestConfig {
+    const { method } = config;
+    const methods = ['get'];
+    const m = method!.toLocaleLowerCase();
+    const props = methods.includes(m) ? 'params' : 'data';
+    return {
+      ...config,
+      [props]: params
+    };
+  }
+
+  // 通用请求工具函数
+  public request<T>(
+    method: RequestMethods,
+    url: string,
+    param?: AxiosRequestConfig,
+    axiosConfig?: SuHttpRequestConfig
+  ): Promise<T> {
+    const config = this.transformConfigByMethod(param, {
+      method,
+      url,
+      ...axiosConfig
+    } as SuHttpRequestConfig);
+    // 单独处理自定义请求/响应回掉
+    return new Promise((resolve, reject) => {
+      SuHttp.axiosInstance
+        .request(config)
+        .then((res: any) => {
+          if (res && res?.code === '0') {
+            resolve(res.data);
+          } else if (res.code === '500') {
+            errorMessage(res.msg, { duration: 8000 });
+            if (config.method === 'get') {
+              resolve(res);
+            } else {
+              reject(res.msg);
+            }
+          } else if (res?.code !== '-1') {
+            resolve(res);
+          } else {
+            const msg = res?.msg || '服务异常';
+            errorMessage(msg, { duration: 8000 });
+            // const code = res.code;
+            // if (
+            //   code === "000001" ||
+            //   (code === "-1" && msg.includes("请重新登陆"))
+            // ) {
+            //   // session过期
+            //   cookies.remove("kCookies_token");
+            //   // @ts-ignore
+            //   this.router?.push({
+            //     path: "/login",
+            //     query: { tokenExpire: "Y" },
+            //   });
+            // }
+            reject(msg);
+          }
+        })
+        .catch(e => {
+          debugger;
+          if (e?.response?.data?.path === '/refreshToken') {
+            this.router?.push('/login');
+          } else if (e?.code) {
+            if (e?.response?.status === 401) {
+              // @ts-ignore
+              return this.router?.push({ path: '/login' });
+            }
+            errorMessage(this.getNetworkError(e?.response?.status) || e?.message, { duration: 8000 });
+          }
+          if (e.config.method === 'get') {
+            resolve(e);
+          } else {
+            reject(e);
+          }
+        });
+    });
+  }
+
+  getNetworkError = code => {
+    if (!code) return null;
+    const msgMap = {
+      400: '错误的请求',
+      401: '服务未授权,请重新登录',
+      403: '拒绝访问',
+      404: '请求错误,未找到该资源',
+      408: '请求超时',
+      500: '服务器端出差',
+      502: '网络超时',
+      503: '服务不可用',
+      504: '网络超时'
+    };
+    return msgMap[code];
+  };
+
+  // 单独抽离的post工具函数
+  public post<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P> {
+    // @ts-ignore
+    return this.request<P>('post', url, params, config);
+  }
+
+  // 单独抽离的delete工具函数
+  public delete<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P> {
+    // @ts-ignore
+    return this.request<P>('delete', url, params, config);
+  }
+
+  // 单独抽离的put工具函数
+  public put<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P> {
+    // @ts-ignore
+    return this.request<P>('put', url, params, config);
+  }
+
+  // 单独抽离的get工具函数
+  public get<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P> {
+    for (const key in params) {
+      if (!params[key]) delete params[key];
+    }
+    // @ts-ignore
+    return this.request<P>('get', url, params, config);
+  }
+
+  public postRouter<T>(params?: any): Promise<T> {
+    return this.request<T>('post', 'route/service', params);
+  }
+}
+
+export const http = new SuHttp();

package/src/utils/http/types.d.ts

@@ -0,0 +1,46 @@
+/*
+ * @Author: wei.li
+ * @Date: 2022-03-08 15:17:39
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2023-12-01 11:59:12
+ * @Description: SuHttp Axios 类型定义文件
+ */
+import type { Method, AxiosError, AxiosResponse, AxiosRequestConfig } from 'axios';
+
+export type resultType = {
+  access_token: string;
+  refresh_token: string;
+  expires_in: number;
+};
+
+export type RequestMethods = Extract<
+  Method,
+  'get' | 'post' | 'put' | 'delete' | 'patch' | 'option' | 'head'
+>;
+
+export interface SuHttpError extends AxiosError {
+  isCancelRequest?: boolean;
+  loading?: boolean;
+}
+
+export interface SuHttpResponse extends AxiosResponse {
+  config: SuHttpRequestConfig;
+}
+
+export interface SuHttpRequestConfig extends AxiosRequestConfig {
+  beforeRequestCallback?: (request: SuHttpRequestConfig) => void;
+  beforeResponseCallback?: (response: SuHttpResponse) => void;
+  loading?: any;
+}
+
+export default class SuHttp {
+  request<T>(
+    method: RequestMethods,
+    url: string,
+    param?: AxiosRequestConfig,
+    axiosConfig?: SuHttpRequestConfig
+  ): Promise<T>;
+  post<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P>;
+  postRouter<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P>;
+  get<T, P>(url: string, params?: T, config?: SuHttpRequestConfig): Promise<P>;
+}

package/src/utils/index.ts

@@ -0,0 +1,47 @@
+/*
+ * @Author: wei.li
+ * @Date: 2022-07-07 14:43:20
+ * @LastEditors: levi7754 levi7754@163.com
+ * @LastEditTime: 2025-06-03 09:26:49
+ * @Description: file content
+ */
+
+// export * from './udp/useRender';
+
+export const getKeyList = (data, key) => {
+  const array = [];
+  for (const obj of data) {
+    obj[key] && array.push(obj[key]);
+  }
+  return Array.from(new Set(array));
+};
+
+/** hex转rgb */
+const hexToRgb = str => {
+  const hxs = str.replace('#', '').match(/../g);
+  for (let i = 0; i < 3; i++) hxs[i] = parseInt(hxs[i], 16);
+  return hxs;
+};
+
+/** rgb转hex */
+const rgbToHex = (a, b, c) => {
+  const hexs = [a.toString(16), b.toString(16), c.toString(16)];
+  for (let i = 0; i < 3; i++) {
+    if (hexs[i].length == 1) hexs[i] = `0${hexs[i]}`;
+  }
+  return `#${hexs.join('')}`;
+};
+
+/** 加深颜色值 */
+export const darken = (color, level) => {
+  const rgbc = hexToRgb(color);
+  for (let i = 0; i < 3; i++) rgbc[i] = Math.floor(rgbc[i] * (1 - level));
+  return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
+};
+
+/** 变浅颜色值 */
+export const lighten = (color, level) => {
+  const rgbc = hexToRgb(color);
+  for (let i = 0; i < 3; i++) rgbc[i] = Math.floor((255 - rgbc[i]) * level + rgbc[i]);
+  return rgbToHex(rgbc[0], rgbc[1], rgbc[2]);
+};

package/src/utils/lifecycle.ts

@@ -0,0 +1,20 @@
+/*
+ * @Author: wei.li
+ * @Date: 2024-06-26 16:30:54
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-06-26 17:11:58
+ * @Description: file content
+ */
+
+export const lifeCycleEvent = {
+  onLogined: () => {},
+  onBeforeLogout: () => {}
+};
+
+export const onLogined = () => {
+  lifeCycleEvent.onLogined();
+};
+
+export const onBeforeLogout = () => {
+  lifeCycleEvent.onBeforeLogout();
+};

package/src/utils/mitt.ts

@@ -0,0 +1,19 @@
+import type { Emitter } from 'mitt';
+import mitt from 'mitt';
+
+type Events = {
+  resize: {
+    detail: {
+      width: number;
+      height: number;
+    };
+  };
+  openPanel: string;
+  tagOnClick: string;
+  tagViewsChange: string;
+  tagViewsShowModel: string;
+  logoChange: string;
+  changLayoutRoute: string;
+};
+
+export const emitter: Emitter<Events> = mitt<Events>();

package/src/utils/propTypes.ts

@@ -0,0 +1,47 @@
+/*
+ * @Author: levi7754 levi7754@163.com
+ * @Date: 2023-06-19 09:14:18
+ * @LastEditors: wei.li
+ * @LastEditTime: 2024-07-02 08:57:49
+ * @FilePath: /sitzone-mes/src/utils/propTypes.ts
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import type { CSSProperties, VNodeChild } from 'vue';
+import {
+  createTypes,
+  toValidableType,
+  type VueTypesInterface,
+  type VueTypeValidableDef
+} from 'vue-types';
+
+export type VueNode = VNodeChild | JSX.Element;
+
+type PropTypes = VueTypesInterface & {
+  readonly style: VueTypeValidableDef<CSSProperties>;
+  readonly VNodeChild: VueTypeValidableDef<VueNode>;
+};
+
+const newPropTypes = createTypes({
+  func: undefined,
+  bool: undefined,
+  string: undefined,
+  number: undefined,
+  object: undefined,
+  integer: undefined
+}) as PropTypes;
+
+// 从 vue-types v5.0 开始，extend()方法已经废弃，当前已改为官方推荐的ES6+方法 https://dwightjack.github.io/vue-types/advanced/extending-vue-types.html#the-extend-method
+export default class propTypes extends newPropTypes {
+  // a native-like validator that supports the `.validable` method
+  static get style() {
+    return toValidableType('style', {
+      type: [String, Object]
+    });
+  }
+
+  static get VNodeChild() {
+    return toValidableType('VNodeChild', {
+      type: undefined
+    });
+  }
+}