@cfmm/umi-plugins-ui-v2 0.0.1

package/dist/cjs/utils/fileHelper.tpl

@@ -0,0 +1,251 @@
+import { request } from '@umijs/max';
+import { message } from 'antd';
+import { Base64 } from 'js-base64';
+
+/**
+ * 文件大小
+ * @param size
+ * @returns
+ */
+export const formatBytes = (bytes: number | undefined, decimals = 2) => {
+  if (!bytes && bytes !== 0) return;
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+};
+
+/**
+ * 解析Content-Disposition中的文件名
+ * @param disposition 请求头Content-Disposition中的文件名
+ * @returns fileName
+ */
+export function decodeFileName(disposition: string): string {
+  try {
+    // 提取文件名
+    const regex = /filename=(.*)/;
+    const matches = disposition.match(regex);
+    if (!matches || !matches[1]) return '下载文件';
+
+    // 解码
+    return decodeURIComponent(escape(matches[1]));
+  } catch (error) {
+    console.error('解码文件名失败:', error);
+    return '下载文件';
+  }
+}
+
+/**
+ * 将文件id转为下载的url
+ * @param fileId 文件id
+ * @returns url
+ */
+export const fileIdToViewerUrl = (fileId?: string) => {
+  if (!fileId) return;
+  try {
+    return `${BACKEND_API_URL}minio/${fileId}`;
+  } catch (error) {
+    console.error('文件id转url失败:', error);
+  }
+};
+
+/**
+ * 通过URL预览文件
+ * @param fileId 文件id
+ * @param fileName 文件名
+ */
+export const fileOnLineViewerFromId = (fileId: string, fileName?: string) => {
+  const fileUrl = fileIdToViewerUrl(fileId);
+  if (!fileUrl) return;
+
+  const previewUrl = `${fileUrl}&fullfilename=${fileName ?? fileId}`;
+
+  try {
+    const openUrl = `${FILE_VIEWER_URL}onlinePreview?url=${encodeURIComponent(Base64.encode(previewUrl))}`;
+    window.open(openUrl);
+  } catch (error) {
+    console.error('跳转失败:', error);
+  }
+};
+
+/**
+ * 通过URL下载文件
+ * @param fileUrl
+ */
+export const fileDownloadFromUrl = async (url: string, name: string = '下载文件') => {
+  // 创建隐藏的可下载链接，https访问http的站点认为是不安全的，无法下载
+  let eleLink = document.createElement('a');
+  eleLink.download = name;
+  eleLink.style.display = 'none';
+  // 字符内容转变成blob地址
+  eleLink.href = url;
+  // 触发点击
+  document.body.appendChild(eleLink);
+  eleLink.click();
+  // 然后移除
+  document.body.removeChild(eleLink);
+};
+
+/**
+ * 通过文件id下载文件（下载minio资源）
+ * @param fileId
+ */
+export const fileDownloadFromId = async (
+  fileId: string,
+  customFileName?: string,
+  onProgress?: (progress: number) => void,
+) => {
+  if (!fileId) return;
+
+  // 由于站点是https，minio是http，会被拦截，所以将文件请求到本地再下载（注意nginx需要配置代理）
+  try {
+    const { data, fileName } = await request(`/minio/${fileId}`, {
+      method: 'GET',
+      responseType: 'blob',
+      onDownloadProgress: (progressEvent) => {
+        if (progressEvent.total) {
+          const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+          onProgress?.(percentCompleted);
+        }
+      },
+    });
+
+    if (data) {
+      const downloadUrl = window.URL.createObjectURL(data);
+      fileDownloadFromUrl(downloadUrl, customFileName || fileName);
+    }
+  } catch (error) {
+    message.error('下载失败， 原因：' + error);
+    console.error('下载图片失败:', error);
+  }
+};
+
+/**
+ * 通过生成的Blob下载文件
+ * @param dataBlob
+ */
+export const fileDownloadFromBlob = (fileName: string, dataBlob: Blob) => {
+  let binaryData = [];
+  binaryData.push(dataBlob);
+  const objectUrl = window.URL.createObjectURL(new Blob(binaryData));
+
+  fileDownloadFromUrl(objectUrl, fileName);
+};
+
+type ImageSource = Blob | File | string; // string 可以是 base64 或 url
+
+interface WatermarkOptions {
+  text?: string;
+  font?: string;
+  color?: string;
+  opacity?: number;     //不透明度
+  spacing?: number;     //水印间隔
+  rotation?: number;    //旋转角度
+}
+
+/**
+ * 下载图片并添加水印
+ * @param fileName 文件名
+ * @param source 图片源（支持 Blob、File、base64、url）
+ * @param options 水印配置选项
+ */
+export const downloadImgWithWatermark = async (fileName: string, source: ImageSource, options: WatermarkOptions = {}) => {
+  const {
+    text = '翠峰科技',
+    font = '16px Arial',
+    color = 'rgb(153, 153, 153)',
+    opacity = 0.3,
+    spacing = 400,
+    rotation = -30,
+  } = options;
+
+  try {
+    // 将不同类型的源转换为 blob URL
+    let blobUrl: string;
+    if (source instanceof File || source instanceof Blob) {
+      blobUrl = URL.createObjectURL(source);
+    } else if (source.startsWith('data:')) {
+      // 处理 base64
+      const response = await fetch(source);
+      const blob = await response.blob();
+      blobUrl = URL.createObjectURL(blob);
+    } else {
+      // 处理 URL
+      blobUrl = source;
+    }
+
+    // 创建图片对象
+    const img = new Image();
+    img.crossOrigin = 'anonymous'; // 处理跨域图片
+
+    return new Promise<void>((resolve, reject) => {
+      img.onload = () => {
+        // 创建 canvas
+        const canvas = document.createElement('canvas');
+        canvas.width = img.width;
+        canvas.height = img.height;
+        const ctx = canvas.getContext('2d');
+        if (!ctx) {
+          reject(new Error('无法获取 canvas context'));
+          return;
+        }
+
+        // 绘制原始图片
+        ctx.drawImage(img, 0, 0);
+
+        // 设置水印样式
+        ctx.font = font;
+        ctx.fillStyle = `${color.replace('rgb', 'rgba').replace(')', `, ${opacity})`)}`;
+        ctx.textAlign = 'center';
+
+        // 添加重复的水印
+        const rotationRad = (rotation * Math.PI) / 180;
+        for (let x = 0; x < canvas.width; x += spacing) {
+          for (let y = 0; y < canvas.height; y += spacing) {
+            ctx.save();
+            ctx.translate(x, y);
+            ctx.rotate(rotationRad);
+            ctx.fillText(text, 0, 0);
+            ctx.restore();
+          }
+        }
+
+        // 转换为图片并下载
+        canvas.toBlob(
+          (resultBlob) => {
+            if (!resultBlob) {
+              reject(new Error('无法创建 blob'));
+              return;
+            }
+
+            const link = document.createElement('a');
+            link.download = fileName;
+            link.href = URL.createObjectURL(resultBlob);
+            link.click();
+
+            // 清理 URL 对象
+            URL.revokeObjectURL(link.href);
+            if (source instanceof File || source instanceof Blob) {
+              URL.revokeObjectURL(blobUrl);
+            }
+
+            resolve();
+          },
+          'image/png',
+          1,
+        );
+      };
+
+      img.onerror = () => {
+        reject(new Error('图片加载失败'));
+      };
+
+      img.src = blobUrl;
+    });
+  } catch (error) {
+    console.error('下载图片失败:', error);
+    throw error;
+  }
+};

package/dist/cjs/utils/importHelper.tpl

@@ -0,0 +1,283 @@
+// replaceTo:tsx
+import { UTC_FORMAT } from '../constants';
+import { getIntl } from '@umijs/max';
+import { Modal, Tag } from 'antd';
+import dayjs from 'dayjs';
+import { parse } from 'querystring';
+import * as XLSX from 'xlsx';
+
+/**
+ * 提取括号中的值
+ * @param str
+ * @returns
+ */
+export const getParenthesisValue = (str: string) => {
+  const matches = str.match(/\((.*?)\)/);
+  return matches ? matches[1] : null;
+};
+
+/**
+ * 导入excel
+ * @param files 文件对象
+ * @param max 最大读取行数
+ * @param header 哪行是表头，默认第一行
+ * @param rangeStart 开始读取行数{ c: 1, r: 2 } 从第2列第3行开始读取
+ * @return Promise<T = any[]>
+ */
+export function importExexl<T = any>({
+  file,
+  max = 1,
+  rangeStart,
+  header,
+}: {
+  file: any;
+  max?: number;
+  header?: number;
+  rangeStart?: { c: number; r: number };
+}): Promise<T[]> {
+  return new Promise((resolve, reject) => {
+    // 通过FileReader对象读取文件
+    const fileReader = new FileReader();
+
+    fileReader.onload = (event) => {
+      try {
+        const { result } = event.target as any;
+
+        // 以二进制流方式读取得到整份excel表格对象, cellDates识别日期格式并转为标准时间
+        const workbook = XLSX.read(result, { type: 'binary', cellDates: true, dateNF: 'YYYY-MM-DDTHH:mm:ss[Z]' });
+        let data: any[] = []; // 存储获取到的数据
+
+        // 遍历每张工作表进行读取（这里默认只读取第一张表）
+        let sheetsIndex = 0;
+        for (const sheet in workbook.Sheets) {
+          if (workbook.Sheets.hasOwnProperty(sheet)) {
+            sheetsIndex++;
+            // 获取表格最后一行和最后一列的数值
+            const lastCell: any = workbook.Sheets[sheet]['!ref']
+              ? XLSX.utils.decode_range(workbook.Sheets[sheet]['!ref'])
+              : { e: 256, c: 65536 };
+            // 利用 sheet_to_json 方法将 excel 转成 json 数据
+            data = data.concat(
+              XLSX.utils.sheet_to_json(workbook.Sheets[sheet], {
+                header,
+                dateNF: 'YYYY-MM-DDTHH:mm:ss[Z]',
+                // 属性s从第1列第3行开始读取，属性c到最后一行最后一列结束（Excel 行号从1开始）
+                range: rangeStart
+                  ? {
+                      s: rangeStart,
+                      e: { c: lastCell.e?.c, r: lastCell.e?.r },
+                    }
+                  : undefined,
+              }),
+            );
+
+            if (sheetsIndex === max) {
+              break; // 如果只取第一张表，就取消注释这行
+            }
+          }
+        }
+        return resolve(data);
+      } catch (e) {
+        return reject(e);
+      }
+    };
+
+    // 以二进制方式打开文件
+    fileReader.readAsBinaryString(file);
+  });
+}
+
+/**
+ * 判断对象的所有属性是不是下标
+ * @param obj
+ * @returns
+ */
+function isIndexedObject(obj: Record<string, any>): boolean {
+  const keys = Object.keys(obj);
+  return keys.every((key, index) => key === index.toString());
+}
+
+/**
+ * 将可迭代对象转成数组
+ * @param obj
+ * @returns
+ */
+function convertIndexedObjectToArray(obj: Record<string, any>): any[] {
+  const keys = Object.keys(obj).sort();
+  return keys.map((key) => obj[key]);
+}
+
+/**
+ * 将对象中所有可迭代对象转成数组
+ * @param obj
+ * @returns
+ */
+function convertIndexedPropertiesToArrays(obj: Record<string, any>): any {
+  const result: Record<string, any> = {};
+
+  for (const key in obj) {
+    // 检查 key 是否是 obj 的自身属性
+    if (obj.hasOwnProperty(key)) {
+      const value = obj[key];
+
+      if (typeof value === 'object' && value !== null) {
+        if (isIndexedObject(value)) {
+          // 如果是索引对象，则转换为数组
+          result[key] = convertIndexedObjectToArray(value);
+        } else {
+          // 否则，递归调用本函数
+          result[key] = convertIndexedPropertiesToArrays(value);
+        }
+      } else {
+        // 原始值不用额外操作
+        result[key] = value;
+      }
+    }
+  }
+
+  return result;
+}
+
+/**
+ * 处理导入Execl单元格值（转标准日期，去除空格和换行）
+ * @param value 表格单元格的值
+ * @param value 表格单元格的值
+ * @returns
+ */
+export const handleImportExeclCellValue = (value: unknown, type?: string) => {
+  if (!value) return;
+
+  if (type === 'parenthesisCode') {
+    return getParenthesisValue(value as string);
+  }
+  if (value instanceof Date || (type === 'date' && typeof value === 'string')) {
+    return dayjs.utc(value).format(UTC_FORMAT);
+  }
+  if (typeof value === 'string') {
+    return value.trim().replace(/\n/g, '');
+  }
+  return value;
+};
+
+/**
+ * 创建嵌套对象并设置值
+ * @param keys [] | string，为对象属性名，数组类型并且
+ * @param value 属性值
+ * @param obj 嵌套对象
+ * @returns (['a', 'b', 'c'], 1, {}) => {a: { b: {c : 1} } }
+ */
+export const createNestedObjectAndSetValue = (keys: string | string[], value: any, obj: Record<string, any>, needHandleUnderline = true) => {
+  if (!keys.length) return obj;
+  // 过滤没有定义code的字段
+  if (typeof keys === 'string' && keys.startsWith('__EMPTY')) return obj;
+
+  //为了不改变原对象
+  const cloneObj = { ...obj };
+  // 当前操作的嵌套对象层级，从外到内
+  let current: any = cloneObj;
+  // 如果keys是字符串，转为数组
+  const newKeys = typeof keys === 'string' ? needHandleUnderline ? keys.split('_') : [keys] : keys;
+  // 最后一个键下标
+  const lastIndex = newKeys.length - 1;
+  // 转为嵌套对象
+  newKeys.forEach((key) => {
+    if (current[key] === undefined) {
+      current[key] = {};
+    }
+    // 如果是最后一个键，则直接赋值
+    if (key === newKeys[lastIndex]) {
+      // 判断是不是要取单元格括号中的code
+      const handleKey = key.split('?');
+      if (handleKey.length === 2 && value) {
+        // 取出单元格中的code并删除原有带?的字段,使用?前的字符串作为字段名,?后的作为识别类型
+        current[handleKey[0]] = handleImportExeclCellValue(value, parse(handleKey[1])?.type as string);
+        delete current[key];
+      } else {
+        // 处理导入单元格的值
+        current[key] = handleImportExeclCellValue(value);
+      }
+    } else {
+      // 移动到下一层级
+      current = current[key];
+    }
+  });
+
+  // 处理嵌套对象中的数组情况
+  // {
+  //   a : {
+  //     0: 'xxx1',
+  //     1: 'xxx2',
+  //     2: 'xxx3',
+  //   }
+  // }
+  // =》
+  // {
+  //   a: ['xxx1', 'xxx2', 'xxx3']
+  // }
+  return convertIndexedPropertiesToArrays(cloneObj);
+};
+
+/**
+ * 处理execl导入的数据
+ * @param {T[]} list 列表
+ * @param {number} hasRowNum 是否添加表格行号
+ * @returns {T[]} list
+ */
+export const handleImportList = <T extends Record<string, any> = any[]>(list: T[], options: { hasRowNum?: boolean, needHandleUnderline?: boolean } = {}): T[] => {
+  const { hasRowNum = true, needHandleUnderline = true } = options;
+
+  list.shift();
+  const newList: T[] = list.map((item: any, idx) => {
+    let newObj: T = {} as T;
+    // 添加行号
+    if (hasRowNum) {
+      item.rowNum = item['__rowNum__'] ? item['__rowNum__'] + 1 : idx;
+    }
+    // 处理获取到的数据转换成需要的格式
+    Object.entries(item).forEach((entry) => {
+      newObj = createNestedObjectAndSetValue(entry[0], entry[1], newObj, needHandleUnderline);
+    });
+    return newObj;
+  });
+
+  return newList;
+};
+
+/**
+ * 导入execl错误类型
+ */
+export interface ImportErrorType {
+  rowNum: number;
+  itemCode: string;
+  message: string[];
+}
+
+export const showCheckErrorTips = (errorMessageList: ImportErrorType[]) => {
+  const { formatMessage } = getIntl();
+  Modal.error({
+    title: `${formatMessage({
+      id: 'pages.File.import.exceed.error.title',
+      defaultMessage: '导入失败，原因如下',
+    })}：`,
+    content: errorMessageList.map((item, idx) => (
+      <dl key={item.itemCode + idx}>
+        <dt style={{ marginBottom: 8 }}>
+          <Tag color="processing">
+            {formatMessage(
+              {
+                id: 'common.import.row.tips',
+                defaultMessage: '第n行',
+              },
+              { rowNum: item.rowNum },
+            )}
+          </Tag>
+        </dt>
+        {item.message.map((msg, idx) => (
+          <li key={msg + idx}>
+            {idx + 1}. {msg}
+          </li>
+        ))}
+      </dl>
+    )),
+  });
+};

package/dist/cjs/utils/utils.tpl

@@ -0,0 +1,26 @@
+import { parse } from 'querystring';
+import { getIntl, MenuItem } from '@umijs/max';
+
+/**
+ * 获取url参数，即浏览器地址栏问号后面的参数
+ * @returns {Object}
+ */
+export const getPageQuery = () => parse(window.location.href.split('?')[1]);
+
+/**
+ * 判断是否分享页
+ * @returns {boolean}
+ */
+export const isSharePage = () => getPageQuery()?.type?.slice(0, 5) === 'share';
+
+/**
+ * 获取url参数中的token
+ * @returns {string}
+ */
+export const getQueryToken = () => getPageQuery()?.token;
+
+/**
+ * 判断是否全屏页
+ * @returns {boolean}
+ */
+export const isFullPage = () => getPageQuery()?.s?.slice(0, 1) === 'f' || isSharePage();

package/dist/cjs/utils/xmlRequest.tpl

@@ -0,0 +1,92 @@
+import { getLocale } from '@umijs/max';
+import { notification } from 'antd';
+
+export const codeMessage: any = {
+  200: '服务器成功返回请求的数据。',
+  201: '新建或修改数据成功。',
+  202: '一个请求已经进入后台排队（异步任务）。',
+  204: '删除数据成功。',
+  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
+  401: '用户没有权限（令牌、用户名、密码错误）。',
+  403: '用户得到授权，但是访问是被禁止的。',
+  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
+  406: '请求的格式不可得。',
+  410: '请求的资源被永久删除，且不会再得到的。',
+  422: '当创建一个对象时，发生一个验证错误。',
+  500: '服务器发生错误，请检查服务器。',
+  502: '网关错误。',
+  503: '服务不可用，服务器暂时过载或维护。',
+  504: '网关超时。',
+};
+
+export interface XmlRequestOptions {
+  method?: API.MethodTypes;
+  body?: any;
+  headers?: object;
+  onError?: ((this: XMLHttpRequest, ev: ProgressEvent<EventTarget>) => any) | null;
+  onSuccess: (key: any) => void;
+  onProgress?: (percent: number, e: ProgressEvent<XMLHttpRequestEventTarget>) => void;
+  progressChange?: (percent: number, e: ProgressEvent<XMLHttpRequestEventTarget>) => void;
+}
+
+/**
+ * 现用户上传文件获取进度
+ * @param url 文件服务url
+ * @param {XmlRequestOptions} options
+ * @returns {Promise<T | any>}
+ */
+function xmlRequest<T>(url: string, options: XmlRequestOptions): Promise<T | any> {
+  const { method = 'POST', body, progressChange, onProgress, onSuccess, onError = null } = options;
+
+  // 处理url参数增加国际化
+  const paraPrefix = url.indexOf('?') !== -1 ? '&' : '?';
+  const newUrl = url.concat(`${paraPrefix}lang=${getLocale()}`);
+
+  return new Promise<void>((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    xhr.open(method, newUrl, true);
+
+    // 请求完成
+    xhr.onload = () => {
+      if (xhr.status < 200 || xhr.status >= 300) {
+        notification.error({
+          description: codeMessage[xhr.status],
+          message: `请求出错`,
+        });
+        reject();
+      } else {
+        const data = JSON.parse(xhr.response);
+        if (data.code && data.code !== 200) {
+          notification.error({
+            description: data.msg,
+            message: 'Error Occurred',
+          });
+        } else if (data.resultType && data.resultType !== 'SUCCESS') {
+          // 为了配合工单查询API处理出来的
+          notification.error({
+            description: data.exceptionDetail,
+            message: data.resultMsg,
+          });
+        }
+
+        resolve(data);
+        onSuccess?.(data.data);
+      }
+    };
+    if (progressChange || onProgress) {
+      xhr.upload.addEventListener('progress', (e) => {
+        if (e.lengthComputable) {
+          const percent = Math.floor((e.loaded / e.total) * 100);
+          onProgress?.(percent, e);
+          progressChange?.(percent, e);
+        }
+      });
+    }
+
+    xhr.onerror = onError;
+    xhr.setRequestHeader('Authorization', 'Bearer ' + JSON.parse(localStorage.getItem('token') || ''));
+    xhr.send(body);
+  });
+}
+
+export default xmlRequest;

package/dist/cjs/writeTmpFile/index.d.ts

@@ -0,0 +1,5 @@
+import runtime from "./runtime";
+import writeIndex from "./writeIndex";
+import writeTypes from "./writeTypes";
+import writeConstants from "./writeConstants";
+export { runtime, writeIndex, writeTypes, writeConstants };

package/dist/cjs/writeTmpFile/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "runtime", {
+  enumerable: true,
+  get: function get() {
+    return _runtime.default;
+  }
+});
+Object.defineProperty(exports, "writeConstants", {
+  enumerable: true,
+  get: function get() {
+    return _writeConstants.default;
+  }
+});
+Object.defineProperty(exports, "writeIndex", {
+  enumerable: true,
+  get: function get() {
+    return _writeIndex.default;
+  }
+});
+Object.defineProperty(exports, "writeTypes", {
+  enumerable: true,
+  get: function get() {
+    return _writeTypes.default;
+  }
+});
+var _runtime = _interopRequireDefault(require("./runtime"));
+var _writeIndex = _interopRequireDefault(require("./writeIndex"));
+var _writeTypes = _interopRequireDefault(require("./writeTypes"));
+var _writeConstants = _interopRequireDefault(require("./writeConstants"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/writeTmpFile/runtime.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    path: string;
+    content: string;
+};
+export default _default;