bee-front-components 1.0.1 → 1.0.2

package/lib/index.d.ts

@@ -1,3 +1,5 @@
+import "./styles/_variable.less";
+import "//at.alicdn.com/t/c/font_5189798_vx6yinyr8o.css";
 export { default as BaseModal } from "./components/BaseModal";
 export { Button, ButtonPermission } from "./components/Buttons";
 export { default as ContentHeader } from "./components/ContentHeader";
@@ -17,3 +19,6 @@ export { default as TableOperationColumn } from "./components/TableOperationColu
 export { Tabs, TabPane } from "./components/Tabs";
 export { FileUpload, BatchUpload, DraggerUpload } from "./components/Upload";
 export { default as VipFlag } from "./components/VipFlag";
+export * from "./utils/const";
+export * from "./utils/menuTab";
+export * from "./utils/utils";

package/lib/index.js

@@ -1,3 +1,5 @@
+import "./styles/_variable.less";
+import "//at.alicdn.com/t/c/font_5189798_vx6yinyr8o.css";
 export { default as BaseModal } from "./components/BaseModal";
 export { Button, ButtonPermission } from "./components/Buttons";
 export { default as ContentHeader } from "./components/ContentHeader";
@@ -16,4 +18,7 @@ export { default as Table } from "./components/Table";
 export { default as TableOperationColumn } from "./components/TableOperationColumn";
 export { Tabs, TabPane } from "./components/Tabs";
 export { FileUpload, BatchUpload, DraggerUpload } from "./components/Upload";
-export { default as VipFlag } from "./components/VipFlag";
+export { default as VipFlag } from "./components/VipFlag";
+export * from "./utils/const";
+export * from "./utils/menuTab";
+export * from "./utils/utils";

package/lib/styles/_variable.less

@@ -0,0 +1,130 @@
+// @import '~choerodon-ui/lib/style/themes/default.less';
+// 全局属性变量
+/** 主要主题色 */
+:root {
+  --primary-color: #1677ff;
+  --hover-primary-color: #4492fe;
+  --primary-color-light: #dcebff;
+  --table-header-bg-color: #dcebff;
+  --table-row-bg-color: #f2f8ff;
+  --left-menu-active-color: rgba(22, 119, 255, 0.05);
+  --table-hover-bg-color: rgba(22, 119, 255, 0.1);
+}
+@primaryColor: var(--primary-color);
+@leftMenuActiveColor: var(--left-menu-active-color);
+@hoverPrimaryColor: var(--hover-primary-color);
+@selectedPrimaryColor: var(--primary-color);
+@primaryWord: #212231;
+@labelWord: #666666;
+@minorWord: #808080;
+@lightWord: #e6e6e6;
+@borderColor: #c5ccdb;
+@mainBgColor: #f4f5f7;
+@deepBgColor: #f0f0f0;
+@scrollbarBg: #b7b7b7;
+@errorColor: #ed0100;
+@warnColor: #ffc400;
+@successColor: #00c498;
+@urgentColor: #902020;
+@pendingColor: #722ed1;
+@cancelColor: #bfbfbf;
+@white: #ffffff;
+// 浅色
+@primaryLightColor: var(--primary-color-light);
+@successLightColor: #d9f6f0;
+@warnLightColor: #fff6d9;
+@errorLightColor: #fdd9d9;
+
+@basicHeight: 0.36rem;
+@borderRadius: 0.08rem;
+@smallFont: 0.12rem;
+@fontSize14: 0.14rem;
+@fontSize: 0.16rem;
+@fontSize18: 0.18rem;
+@fontSize20: 0.2rem;
+@mediumFont: 0.22rem;
+@largeFont: 0.24rem;
+@hugeFont: 0.28rem;
+@superFont: 0.3rem;
+@superBigFont: 0.32rem;
+@superHugeFont: 0.36rem;
+
+// 表格表头背景颜色
+@tableHeaderBgColor: var(--table-header-bg-color);
+// 表格偶数行背景颜色
+@tableRowBgColor: var(--table-row-bg-color);
+// 表格悬停行背景颜色
+@tableHoverBgColor: var(--table-hover-bg-color);
+
+// 混入定义
+.flex(@dir: row, @justify: center, @align: center, @wrap: wrap) {
+  display: flex;
+  flex-flow: @dir @wrap;
+  justify-content: @justify;
+  align-items: @align;
+}
+
+.position(@position: static, @top: unset, @right: unset, @bottom: unset, @left: unset) {
+  position: @position;
+  top: @top;
+  right: @right;
+  bottom: @bottom;
+  left: @left;
+}
+
+// 公共外边框样式
+.commonWrap(@radius: 0.16rem, @color: @white) {
+  border-radius: @radius;
+  background-color: @color;
+  box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, 0.02), 0 0.02rem 0.08rem 0px rgba(0, 0, 0, 0.02),
+    0px 0.02rem 0.03rem 0px rgba(0, 0, 0, 0.03);
+}
+
+// 多行省略
+.multiline(@line: 2) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: @line;
+  -webkit-box-orient: vertical;
+}
+
+// 状态对应颜色映射 Mixin
+.statusBg(@status) when (@status = waiting) {
+  background-color: @warnColor;
+}
+.statusBg(@status) when (@status = process) {
+  background-color: @lightPrimaryColor;
+}
+.statusBg(@status) when (@status = pending) {
+  background-color: @pendingColor;
+}
+.statusBg(@status) when (@status = warning) {
+  background-color: @errorColor;
+}
+.statusBg(@status) when (@status = completed) {
+  background-color: @successColor;
+}
+.statusBg(@status) when (@status = canceled) {
+  background-color: @cancelColor;
+}
+
+// 通用状态样式 Mixin，传入状态名即可
+.status(@name) {
+  .statusBg(@name);
+}
+
+// 呼吸灯效果
+@keyframes breathing {
+  0%,
+  100% {
+    display: inline-block;
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    display: inline-block;
+    opacity: 0.7;
+    transform: scale(1.1); /* 稍微放大，增加视觉效果 */
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bee-front-components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "license": "MIT",
   "scripts": {
     "start": "cross-env UMI_ENV=dev node ../../node_modules/umi/bin/umi.js dev",

package/lib/utils/index.d.ts

@@ -1,95 +0,0 @@
-export declare const EXT_TYPE_MAP: {
-    ".doc": string;
-    ".docx": string;
-    ".xls": string;
-    ".xlsx": string;
-    ".ppt": string;
-    ".pptx": string;
-    ".pdf": string;
-    ".jpg": string;
-    ".jpeg": string;
-    ".png": string;
-    ".gif": string;
-    ".bmp": string;
-    ".zip": string;
-    ".rar": string;
-    ".7z": string;
-    ".tar": string;
-    ".gz": string;
-    ".tgz": string;
-    ".bz2": string;
-};
-/**
- * @name 根据文件后缀判断onlyoffice文件配置参数
- * @param {string} fileSuffix
- * @returns {unknown} onlyoffice的配置项类型
- */
-export declare function getOnlyofficeConfig(fileSuffix: string): {
-    documentType: string;
-    fileType: string;
-};
-/**
- * @name 返回上一页
- * @param {string} params 上一页路径参数
- * @param {string} params.path 上一页路径
- * @param {string} params.title 上一页标题
- * @param {boolean} params.isRefresh 是否刷新上一页
- * @returns {void}
- */
-export declare function backTab(params: {
-    path: string;
-    title?: string;
-    isRefresh?: boolean;
-    [key: string]: any;
-}): void;
-/**
- * 金额千分位格式化（支持负数，但货币场景通常非负）
- */
-export declare function formatThousandMoney(value: number | string | undefined | null, decimals?: number): string;
-/**
- * 小写金额转人民币大写（财务票据标准）
- * @param num 金额：数字 / 带千分位字符串
- * @returns 人民币大写字符串
- */
-export declare function moneyToChinese(num: number | string): string;
-/**
- * @name 随机生成16位uuid
- * @returns {string}
- */
-export declare function generateUUID(): string;
-/**
- * @name 根据URL获取文件UUID
- * @description 文件路径形如xxxx/363a7627e49b45dc895a1f16fadfc521@文件名称.png
- * @param {string} url 文件路径
- * @returns {string}
- */
-export declare function getFileUUID(url: string): string;
-/**
- * @name 根据URL获取文件名称
- * @description 文件路径形如xxxx/363a7627e49b45dc895a1f16fadfc521@文件名称.png
- * @param {string} url 文件路径
- * @returns {string}
- */
-export declare function getFileName(url: string): string;
-/**
- * @name 根据文件URL下载文件
- * @param {string} fileUrl 文件路径
- * @param {string} fileName 文件名称
- * @returns {void}
- */
-export declare function handleDownloadFile(fileUrl: string, fileName?: string): void;
-/**
- * 通用单行比较器
- * @param currentItem a
- * @param nextItem b
- * @param sortField 排序字段
- * @param sortOrder asc | desc
- * @returns number -1 0 1
- */
-export declare function itemCompare<T>(currentItem: T, nextItem: T, sortField: keyof T, sortOrder: "asc" | "desc" | undefined): number;
-/**
- * @name 字符串 base64 编码 用于对接预览平台
- * @param str 要编码的字符串
- * @returns 编码后的字符串
- */
-export declare function base64Encode(str: any): string;

package/lib/utils/index.js

@@ -1,319 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["path", "title", "isRefresh"];
-import notification from "utils/notification";
-import { closeTab, openTab, refreshTab } from "./menuTab";
-
-// 常见文件类型与file.type的对应关系
-export const EXT_TYPE_MAP = {
-  ".doc": "application/msword",
-  ".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  ".xls": "application/vnd.ms-excel",
-  ".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-  ".ppt": "application/vnd.ms-powerpoint",
-  ".pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-  ".pdf": "application/pdf",
-  ".jpg": "image/jpeg",
-  ".jpeg": "image/jpeg",
-  ".png": "image/png",
-  ".gif": "image/gif",
-  ".bmp": "image/bmp",
-  ".zip": "application/x-zip-compressed",
-  ".rar": "application/x-compressed",
-  ".7z": "application/x-compressed",
-  ".tar": "application/x-tar",
-  ".gz": "application/x-gzip",
-  ".tgz": "application/x-compressed",
-  ".bz2": "application/x-compressed"
-};
-
-/**
- * @name 根据文件后缀判断onlyoffice文件配置参数
- * @param {string} fileSuffix
- * @returns {unknown} onlyoffice的配置项类型
- */
-export function getOnlyofficeConfig(fileSuffix) {
-  const wordExtensions = [".doc", ".docm", ".docx", ".dot", ".dotm", ".dotx", ".epub", ".fb2", ".fodt", ".htm", ".html", ".md", ".hwp", ".hwpx", ".mht", ".mhtml", ".odt", ".ott", ".pages", ".rtf", ".stw", ".sxw", ".txt", ".wps", ".wpt", ".xml"];
-  const cellExtensions = [".csv", ".et", ".ett", ".fods", ".numbers", ".ods", ".ots", ".sxc", ".xls", ".xlsb", ".xlsm", ".xlsx", ".xlt", ".xltm", ".xltx", ".xml"];
-  const slideExtensions = [".dps", ".dpt", ".fodp", ".key", ".odg", ".odp", ".otp", ".pot", ".potm", ".potx", ".pps", ".ppsm", ".ppsx", ".ppt", ".pptm", ".pptx", ".sxi"];
-  const pdfExtensions = [".djvu", ".oxps", ".pdf", ".xps"];
-  const diagramExtensions = [".vsdm", ".vsdx", ".vssm", ".vssx", ".vstm", ".vstx"];
-  const fileType = fileSuffix.slice(1);
-  if (wordExtensions.includes(fileSuffix)) {
-    return {
-      documentType: "word",
-      fileType
-    };
-  }
-  if (cellExtensions.includes(fileSuffix)) {
-    return {
-      documentType: "cell",
-      fileType
-    };
-  }
-  if (slideExtensions.includes(fileSuffix)) {
-    return {
-      documentType: "slide",
-      fileType
-    };
-  }
-  if (pdfExtensions.includes(fileSuffix)) {
-    return {
-      documentType: "pdf",
-      fileType
-    };
-  }
-  if (diagramExtensions.includes(fileSuffix)) {
-    return {
-      documentType: "diagram",
-      fileType
-    };
-  }
-  throw new Error("Unsupported file type.");
-}
-
-/**
- * @name 返回上一页
- * @param {string} params 上一页路径参数
- * @param {string} params.path 上一页路径
- * @param {string} params.title 上一页标题
- * @param {boolean} params.isRefresh 是否刷新上一页
- * @returns {void}
- */
-export function backTab(params) {
-  const path = params.path,
-    _params$title = params.title,
-    title = _params$title === void 0 ? "" : _params$title,
-    _params$isRefresh = params.isRefresh,
-    isRefresh = _params$isRefresh === void 0 ? true : _params$isRefresh,
-    other = _objectWithoutProperties(params, _excluded);
-  closeTab(location.pathname);
-  openTab({
-    title: title,
-    key: path,
-    path: path,
-    closable: true,
-    ...other
-  });
-  isRefresh && refreshTab(path);
-}
-/**
- * 金额千分位格式化（支持负数，但货币场景通常非负）
- */
-export function formatThousandMoney(value, decimals = 2) {
-  if (value === null || value === undefined || value === "") return "0.00";
-  const num = Number(String(value).replace(/[, ]/g, ""));
-  if (Number.isNaN(num)) return "0.00";
-  const _num$toFixed$split = num.toFixed(decimals).split("."),
-    _num$toFixed$split2 = _slicedToArray(_num$toFixed$split, 2),
-    int = _num$toFixed$split2[0],
-    dec = _num$toFixed$split2[1];
-  const formattedInt = int.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  return `${formattedInt}.${dec}`;
-}
-/**
- * 小写金额转人民币大写（财务票据标准）
- * @param num 金额：数字 / 带千分位字符串
- * @returns 人民币大写字符串
- */
-export function moneyToChinese(num) {
-  if (num === undefined || num === null || num === "") return "";
-  const money = parseFloat(String(num).replace(/,/g, ""));
-  if (Number.isNaN(money)) return "无效金额";
-  if (money < 0 || money > 9999999999999.99) return "金额超出范围";
-  const digits = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];
-  const radices = ["", "拾", "佰", "仟"];
-  const bigRadices = ["", "万", "亿"];
-  const fixed = money.toFixed(2);
-  const _fixed$split = fixed.split("."),
-    _fixed$split2 = _slicedToArray(_fixed$split, 2),
-    intStr = _fixed$split2[0],
-    decStr = _fixed$split2[1];
-  if (intStr === "0" && decStr === "00") return "零元整";
-
-  // 从右向左每 4 位一组
-  const groupCount = Math.ceil(intStr.length / 4);
-  const groups = [];
-  for (let i = 0; i < groupCount; i++) {
-    const start = Math.max(0, intStr.length - (i + 1) * 4);
-    const end = intStr.length - i * 4;
-    groups.unshift(intStr.slice(start, end));
-  }
-  let result = "";
-  let needZero = false;
-  for (let g = 0; g < groups.length; g++) {
-    const group = groups[g];
-    const groupVal = parseInt(group, 10);
-    const isLast = g === groups.length - 1;
-    const bigUnit = isLast ? "元" : bigRadices[groups.length - 1 - g];
-    if (groupVal === 0) {
-      if (result && !isLast) needZero = true;
-      continue;
-    }
-
-    // 中间整组为零时补"零"（仅当当前组不以零开头时，避免与组内逻辑重复）
-    if (needZero) {
-      const check = group.padStart(4, "0");
-      if (+check[0] !== 0) result += "零";
-      needZero = false;
-    }
-
-    // 组内 4 位转换
-    const padded = group.padStart(4, "0");
-    let zeroInGroup = false;
-    for (let i = 0; i < 4; i++) {
-      const n = +padded[i];
-      const pos = 3 - i;
-      if (n === 0) {
-        zeroInGroup = true;
-      } else {
-        if (zeroInGroup && result) result += "零";
-        result += digits[n] + radices[pos];
-        zeroInGroup = false;
-      }
-    }
-    result += bigUnit;
-  }
-
-  // 整数大于零但元组为零时仍补"元"
-  if (intStr !== "0" && !result.endsWith("元")) {
-    const lastGroup = groups[groups.length - 1];
-    if (parseInt(lastGroup, 10) === 0) result += "元";
-  }
-  if (!result) result = "零元";
-
-  // 角分
-  const jiao = +decStr[0];
-  const fen = +decStr[1];
-  if (jiao === 0 && fen === 0) {
-    result += "整";
-  } else {
-    if (jiao > 0) result += digits[jiao] + "角";
-    if (fen > 0) {
-      if (jiao === 0 && intStr !== "0") result += "零";
-      result += digits[fen] + "分";
-    }
-  }
-  return result;
-}
-
-/**
- * @name 随机生成16位uuid
- * @returns {string}
- */
-export function generateUUID() {
-  return "xxxxxxxxxxxxxxxxxxxxxx".replace(/[xy]/g, c => {
-    const r = Math.random() * 16 | 0;
-    const v = c === "x" ? r : r & 0x3 | 0x8;
-    return v.toString(16);
-  });
-}
-
-/**
- * @name 根据URL获取文件UUID
- * @description 文件路径形如xxxx/363a7627e49b45dc895a1f16fadfc521@文件名称.png
- * @param {string} url 文件路径
- * @returns {string}
- */
-export function getFileUUID(url) {
-  try {
-    const parts = url === null || url === void 0 ? void 0 : url.split("/");
-    const lastPart = parts === null || parts === void 0 ? void 0 : parts[parts.length - 1];
-    const uuid = lastPart === null || lastPart === void 0 ? void 0 : lastPart.split("@")[0];
-    return uuid;
-  } catch (_error) {
-    return generateUUID();
-  }
-}
-
-/**
- * @name 根据URL获取文件名称
- * @description 文件路径形如xxxx/363a7627e49b45dc895a1f16fadfc521@文件名称.png
- * @param {string} url 文件路径
- * @returns {string}
- */
-export function getFileName(url) {
-  try {
-    const fileName = url === null || url === void 0 ? void 0 : url.substring((url === null || url === void 0 ? void 0 : url.indexOf("@")) + 1);
-    return fileName;
-  } catch (_error) {
-    return "未知文件名";
-  }
-}
-
-/**
- * @name 根据文件URL下载文件
- * @param {string} fileUrl 文件路径
- * @param {string} fileName 文件名称
- * @returns {void}
- */
-export function handleDownloadFile(fileUrl, fileName) {
-  if (fileUrl) {
-    fetch(fileUrl).then(response => response.blob()).then(blob => {
-      // 创建一个临时的URL对象
-      const url = URL.createObjectURL(blob);
-      // 创建一个隐藏的<a>标签，并设置其href属性为临时URL
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = fileName || getFileName(fileUrl); // 设置下载的文件名
-      a.style.display = "none";
-      // 将<a>标签添加到文档中，并模拟点击下载
-      document.body.appendChild(a);
-      a.click();
-      // 下载完成后，移除<a>标签和临时URL对象
-      document.body.removeChild(a);
-      URL.revokeObjectURL(url);
-    }).catch(error => {
-      notification.error({
-        message: (error === null || error === void 0 ? void 0 : error.message) || "文件下载失败"
-      });
-    });
-  } else {
-    notification.error({
-      message: "无法正常获取文件路径，请刷新后重试"
-    });
-  }
-}
-
-/**
- * 通用单行比较器
- * @param currentItem a
- * @param nextItem b
- * @param sortField 排序字段
- * @param sortOrder asc | desc
- * @returns number -1 0 1
- */
-export function itemCompare(currentItem, nextItem, sortField, sortOrder) {
-  if (!sortOrder) return 0;
-  const valA = currentItem[sortField];
-  const valB = nextItem[sortField];
-
-  // 空值兜底 null/undefined排后面
-  if (valA == null && valB != null) return 1;
-  if (valA != null && valB == null) return -1;
-  if (valA == null && valB == null) return 0;
-  let result = 0;
-  if (typeof valA === "number" && typeof valB === "number") {
-    // 数字
-    result = valA - valB;
-  } else if (valA instanceof Date && valB instanceof Date) {
-    // 日期
-    result = valA.getTime() - valB.getTime();
-  } else {
-    // 字符串（中文拼音排序）
-    result = String(valA).localeCompare(String(valB), "zh-CN");
-  }
-  return sortOrder === "asc" ? result : -result;
-}
-
-/**
- * @name 字符串 base64 编码 用于对接预览平台
- * @param str 要编码的字符串
- * @returns 编码后的字符串
- */
-export function base64Encode(str) {
-  const utf8Bytes = new TextEncoder().encode(str);
-  // 使用 Array.from 将 Uint8Array 转为二进制字符串
-  const binaryString = Array.from(utf8Bytes, byte => String.fromCharCode(byte)).join("");
-  return btoa(binaryString);
-}