hrp-ui-base 1.0.1 → 1.0.2

package/packages/approval-process/packages/styles/style-set.ts

@@ -0,0 +1,207 @@
+/** 设置全局变量的方法 - 黑夜模式，白天模式，调整字号等 */
+/** 设置白天模式 */
+export const setWhiteStyle = () => {
+  document.documentElement.classList.remove("dark");
+  document.documentElement.style.setProperty("--custom-page-mask", "#00000036");
+  document.documentElement.style.setProperty(
+    "--layout-header-bg-color",
+    "#F5F7FA"
+  );
+
+  /** 辅助色 - 蓝色  */
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-normal",
+    "#409EFF"
+  );
+  document.documentElement.style.setProperty("--custom-theme-normal-1", "#337ECC");
+  document.documentElement.style.setProperty("--custom-theme-normal-2", "#70B6FF");
+  document.documentElement.style.setProperty("--custom-theme-normal-3", "#96CAFF");
+  document.documentElement.style.setProperty("--custom-theme-normal-4", "#B2D8FF");
+  document.documentElement.style.setProperty("--custom-theme-normal-5", "#D9ECFF");
+  document.documentElement.style.setProperty("--custom-theme-normal-6", "#EBF5FF");
+  /** 辅助色 - 绿色 - success*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-normal",
+    "#67C23A"
+  );
+  document.documentElement.style.setProperty("--custom-theme-success-1", "#529B2E");
+  document.documentElement.style.setProperty("--custom-theme-success-2", "#8DD16B");
+  document.documentElement.style.setProperty("--custom-theme-success-3", "#ABDD92");
+  document.documentElement.style.setProperty("--custom-theme-success-4", "#C2E7B0");
+  document.documentElement.style.setProperty("--custom-theme-success-5", "#E0F3D7");
+  document.documentElement.style.setProperty("--custom-theme-success-6", "#EFF9EB");
+  /** 辅助色 - 橘色 - warning*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-normal",
+    "#E6A23C"
+  );
+  document.documentElement.style.setProperty("--custom-theme-warning-1", "#B88230");
+  document.documentElement.style.setProperty("--custom-theme-warning-2", "#ECB96D");
+  document.documentElement.style.setProperty("--custom-theme-warning-3", "#F1CC94");
+  document.documentElement.style.setProperty("--custom-theme-warning-4", "#F5DAB1");
+  document.documentElement.style.setProperty("--custom-theme-warning-5", "#FAECD8");
+  document.documentElement.style.setProperty("--custom-theme-warning-6", "#FDF6EB");
+  /** 辅助色 - 橘色 - error*/
+  document.documentElement.style.setProperty("--custom-theme-error-normal", "#F56C6C");
+  document.documentElement.style.setProperty("--custom-theme-error-1", "#C45656");
+  document.documentElement.style.setProperty("--custom-theme-error-2", "#F79191");
+  document.documentElement.style.setProperty("--custom-theme-error-3", "#F9AEAE");
+  document.documentElement.style.setProperty("--custom-theme-error-4", "#FBC4C4");
+  document.documentElement.style.setProperty("--custom-theme-error-5", "#FDE1E1");
+  document.documentElement.style.setProperty("--custom-theme-error-6", "#FEF0F0");
+  /** 辅助色 - 灰色 - info*/
+  document.documentElement.style.setProperty("--custom-theme-info-normal", "#909399");
+  document.documentElement.style.setProperty("--custom-theme-info-1", "#73767A");
+  document.documentElement.style.setProperty("--custom-theme-info-2", "#ACAEB2");
+  document.documentElement.style.setProperty("--custom-theme-info-3", "#C2C3C7");
+  document.documentElement.style.setProperty("--custom-theme-info-4", "#D2D4D6");
+  document.documentElement.style.setProperty("--custom-theme-info-5", "#E9E9EB");
+  document.documentElement.style.setProperty("--custom-theme-info-6", "#F4F4F5");
+  /** 辅助色 - 文本色 */
+  document.documentElement.style.setProperty("--custom-theme-text-1", "#303133");
+  document.documentElement.style.setProperty("--custom-theme-text-2", "#606266");
+  document.documentElement.style.setProperty("--custom-theme-text-3", "#909399");
+  document.documentElement.style.setProperty("--custom-theme-text-4", "#A8ABB2");
+  document.documentElement.style.setProperty("--custom-theme-text-5", "#C0C4CC");
+  /** 辅助色 - 边框色 */
+  document.documentElement.style.setProperty("--custom-theme-border-1", "#CDD0D6");
+  document.documentElement.style.setProperty("--custom-theme-border-2", "#D4D7DE");
+  document.documentElement.style.setProperty("--custom-theme-border-3", "#DCDFE6");
+  document.documentElement.style.setProperty("--custom-theme-border-4", "#E4E7ED");
+  document.documentElement.style.setProperty("--custom-theme-border-5", "#EBEEF5");
+  document.documentElement.style.setProperty("--custom-theme-border-6", "#F2F6FC");
+  /** 辅助色 - 填充色 */
+  document.documentElement.style.setProperty("--custom-theme-fill-1", "#E6E8EB");
+  document.documentElement.style.setProperty("--custom-theme-fill-2", "#EBEDF0");
+  document.documentElement.style.setProperty("--custom-theme-fill-3", "#F0F2F5");
+  document.documentElement.style.setProperty("--custom-theme-fill-4", "#F5F7FA");
+  document.documentElement.style.setProperty("--custom-theme-fill-5", "#FAFAFA");
+  document.documentElement.style.setProperty("--custom-theme-fill-6", "#FAFCFF");
+  document.documentElement.style.setProperty("--custom-theme-fill-7", "#FFFFFF");
+  /** 辅助色 - 背景色 */
+  document.documentElement.style.setProperty("--custom-theme-bg-1", "#000000");
+  document.documentElement.style.setProperty("--custom-theme-bg-2", "#F2F3F5");
+  document.documentElement.style.setProperty("--custom-theme-bg-3", "#FFFFFF");
+};
+/** 设置黑夜模式 */
+export const setDarkStyle = () => {
+  document.documentElement.classList.add("dark");
+  document.documentElement.style.setProperty("--custom-page-mask", "#00000036");
+  //头部背景色
+  document.documentElement.style.setProperty(
+    "--layout-header-bg-color",
+    "#262727"
+  );
+
+  /** 辅助色 - 蓝色  */
+  document.documentElement.style.setProperty(
+    "--custom-theme-normal-normal",
+    "#409EFF"
+  );
+  document.documentElement.style.setProperty("--custom-theme-normal-1", "#66B1FF");
+  document.documentElement.style.setProperty("--custom-theme-normal-2", "#3375B9");
+  document.documentElement.style.setProperty("--custom-theme-normal-3", "#2A598A");
+  document.documentElement.style.setProperty("--custom-theme-normal-4", "#213D5B");
+  document.documentElement.style.setProperty("--custom-theme-normal-5", "#1D3043");
+  document.documentElement.style.setProperty("--custom-theme-normal-6", "#18222C");
+  /** 辅助色 - 绿色 - success*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-success-normal",
+    "#67C23A"
+  );
+  document.documentElement.style.setProperty("--custom-theme-success-1", "#85CE61");
+  document.documentElement.style.setProperty("--custom-theme-success-2", "#4E8E2F");
+  document.documentElement.style.setProperty("--custom-theme-success-3", "#3E6B27");
+  document.documentElement.style.setProperty("--custom-theme-success-4", "#2D481F");
+  document.documentElement.style.setProperty("--custom-theme-success-5", "#25371C");
+  document.documentElement.style.setProperty("--custom-theme-success-6", "#1C2518");
+  /** 辅助色 - 橘色 - warning*/
+  document.documentElement.style.setProperty(
+    "--custom-theme-warning-normal",
+    "#E6A23C"
+  );
+  document.documentElement.style.setProperty("--custom-theme-warning-1", "#EBB563");
+  document.documentElement.style.setProperty("--custom-theme-warning-2", "#A77730");
+  document.documentElement.style.setProperty("--custom-theme-warning-3", "#7D5B28");
+  document.documentElement.style.setProperty("--custom-theme-warning-4", "#533F20");
+  document.documentElement.style.setProperty("--custom-theme-warning-5", "#3E301C");
+  document.documentElement.style.setProperty("--custom-theme-warning-6", "#292218");
+  /** 辅助色 - 红色 - error*/
+  document.documentElement.style.setProperty("--custom-theme-error-normal", "#F56C6C");
+  document.documentElement.style.setProperty("--custom-theme-error-1", "#F78989");
+  document.documentElement.style.setProperty("--custom-theme-error-2", "#B25252");
+  document.documentElement.style.setProperty("--custom-theme-error-3", "#854040");
+  document.documentElement.style.setProperty("--custom-theme-error-4", "#582E2E");
+  document.documentElement.style.setProperty("--custom-theme-error-5", "#412626");
+  document.documentElement.style.setProperty("--custom-theme-error-6", "#2B1D1D");
+  /** 辅助色 - 灰色 - info*/
+  document.documentElement.style.setProperty("--custom-theme-info-normal", "#909399");
+  document.documentElement.style.setProperty("--custom-theme-info-1", "#A6A9AD");
+  document.documentElement.style.setProperty("--custom-theme-info-2", "#6B6D71");
+  document.documentElement.style.setProperty("--custom-theme-info-3", "#525457");
+  document.documentElement.style.setProperty("--custom-theme-info-4", "#393A3C");
+  document.documentElement.style.setProperty("--custom-theme-info-5", "#2D2D2F");
+  document.documentElement.style.setProperty("--custom-theme-info-6", "#202121");
+  /** 辅助色 - 文本色 */
+  document.documentElement.style.setProperty("--custom-theme-text-1", "#E5EAF3");
+  document.documentElement.style.setProperty("--custom-theme-text-2", "#CFD3DC");
+  document.documentElement.style.setProperty("--custom-theme-text-3", "#A3A6AD");
+  document.documentElement.style.setProperty("--custom-theme-text-4", "#8D9095");
+  document.documentElement.style.setProperty("--custom-theme-text-5", "#6C6E72");
+  /** 辅助色 - 边框色 */
+  document.documentElement.style.setProperty("--custom-theme-border-1", "#636466");
+  document.documentElement.style.setProperty("--custom-theme-border-2", "#58585B");
+  document.documentElement.style.setProperty("--custom-theme-border-3", "#4C4D4F");
+  document.documentElement.style.setProperty("--custom-theme-border-4", "#414243");
+  document.documentElement.style.setProperty("--custom-theme-border-5", "#363637");
+  document.documentElement.style.setProperty("--custom-theme-border-6", "#2B2B2C");
+
+  /** 辅助色 - 填充色 */
+  document.documentElement.style.setProperty("--custom-theme-fill-1", "#424243");
+  document.documentElement.style.setProperty("--custom-theme-fill-2", "#39393A");
+  document.documentElement.style.setProperty("--custom-theme-fill-3", "#303030");
+  document.documentElement.style.setProperty("--custom-theme-fill-4", "#262727");
+  document.documentElement.style.setProperty("--custom-theme-fill-5", "#1D1D1D");
+  document.documentElement.style.setProperty("--custom-theme-fill-6", "#191919");
+  document.documentElement.style.setProperty("--custom-theme-fill-7", "#141414");
+  /** 辅助色 - 背景色 */
+  document.documentElement.style.setProperty("--custom-theme-bg-1", "#000000");
+  document.documentElement.style.setProperty("--custom-theme-bg-2", "#0A0A0A");
+  document.documentElement.style.setProperty("--custom-theme-bg-3", "#FFFFFF");
+};
+
+/**
+ * 设置字号
+ * @param mode  large 大号， middle 中号 small 小号
+ * */
+export const setFontSizeMode = (mode: string) => {
+  //大标题 large
+  if (mode === 'large') {
+    document.documentElement.style.setProperty('--font-size-title', '26px');
+    document.documentElement.style.setProperty('--font-size-h1', '24px');
+    document.documentElement.style.setProperty('--font-size-h2', '22px');
+    document.documentElement.style.setProperty('--font-size-body', '20px');
+    document.documentElement.style.setProperty('--font-size-description', '18px');
+    document.documentElement.style.setProperty('--font-size-footnote', '16px');
+    document.documentElement.style.setProperty('--el-font-size-base', '18px');
+    document.documentElement.style.setProperty('--el-font-size-porcess', '18px');
+  } else if (mode === 'medium') {
+    document.documentElement.style.setProperty('--font-size-title', '24px');
+    document.documentElement.style.setProperty('--font-size-h1', '20px');
+    document.documentElement.style.setProperty('--font-size-h2', '18px');
+    document.documentElement.style.setProperty('--font-size-body', '16px');
+    document.documentElement.style.setProperty('--font-size-description', '14px');
+    document.documentElement.style.setProperty('--font-size-footnote', '12px');
+    document.documentElement.style.setProperty('--el-font-size-base', '14px');
+    document.documentElement.style.setProperty('--el-font-size-porcess', '15px');
+  } else {
+    document.documentElement.style.setProperty('--font-size-title', '20px');
+    document.documentElement.style.setProperty('--font-size-h1', '18px');
+    document.documentElement.style.setProperty('--font-size-h2', '16px');
+    document.documentElement.style.setProperty('--font-size-body', '14px');
+    document.documentElement.style.setProperty('--font-size-description', '12px');
+    document.documentElement.style.setProperty('--font-size-footnote', '12px');
+    document.documentElement.style.setProperty('--el-font-size-base', '12px');
+    document.documentElement.style.setProperty('--el-font-size-porcess', '12px');
+  }
+};

package/packages/approval-process/packages/types.d.ts

@@ -0,0 +1,4 @@
+declare module "ExamineApprove"
+declare module "SubmitApprove"
+declare module 'index.js' 
+declare module "lodash"

package/packages/approval-process/packages/utils/base.ts

@@ -0,0 +1,15 @@
+// 上传文件后通过返回的id_文件名字得到文件地址以及文件名字
+export const getUploadFileMsg = (context: string) => {
+  if(!context) return {url:'',fileName:'',id:''}
+  let url =
+    window.location.origin + window.location.pathname+
+    "api" +
+    "/third-party/ossFile/downloadFile/" +
+    context.split("_")[0] +
+    "?Authorization-Token=" +
+    localStorage.getItem("TOKEN");
+  let fileName = context.split("_")[1];
+  let id = context.split("_")[0];
+  return { url, fileName,id };
+};
+

package/packages/approval-process/packages/utils/crypto.ts

@@ -0,0 +1,67 @@
+import { sm3, sm4 } from "sm-crypto";
+
+export const encryptSM4 = (txt: string, key: string) => {
+  // 加密结果
+  return sm4.encrypt(txt, strToUtf8Bytes(key));
+  //java对应使用示例
+  // SymmetricCrypto sm4 = new SymmetricCrypto("SM4/ECB/PKCS5Padding", key.getBytes());
+  //  System.out.println(sm4.encryptHex(txt));
+};
+export const decryptSM4 = (txt: string, key: string) => {
+  // 解密结果
+  return sm4.decrypt(txt, strToUtf8Bytes(key));
+  //java对应使用示例
+  // SymmetricCrypto sm4 = new SymmetricCrypto("SM4/ECB/PKCS5Padding", key.getBytes());
+  //  System.out.println(sm4.decryptHex(txt));
+};
+export const encryptSM3 = (txt: string) => {
+  // 加密结果
+  return sm3(txt);
+  //java对应使用示例
+  // SymmetricCrypto sm4 = new SymmetricCrypto("SM4/ECB/PKCS5Padding", key.getBytes());
+  //  System.out.println(sm4.encryptHex(txt));
+};
+function strToUtf8Bytes(str: string) {
+  const utf8 = [];
+  for (let ii = 0; ii < str.length; ii++) {
+    let charCode = str.charCodeAt(ii);
+    if (charCode < 0x80) utf8.push(charCode);
+    else if (charCode < 0x800) {
+      utf8.push(0xc0 | (charCode >> 6), 0x80 | (charCode & 0x3f));
+    } else if (charCode < 0xd800 || charCode >= 0xe000) {
+      utf8.push(
+        0xe0 | (charCode >> 12),
+        0x80 | ((charCode >> 6) & 0x3f),
+        0x80 | (charCode & 0x3f)
+      );
+    } else {
+      ii++;
+      // Surrogate pair:
+      // UTF-16 encodes 0x10000-0x10FFFF by subtracting 0x10000 and
+      // splitting the 20 bits of 0x0-0xFFFFF into two halves
+      charCode =
+        0x10000 + (((charCode & 0x3ff) << 10) | (str.charCodeAt(ii) & 0x3ff));
+      utf8.push(
+        0xf0 | (charCode >> 18),
+        0x80 | ((charCode >> 12) & 0x3f),
+        0x80 | ((charCode >> 6) & 0x3f),
+        0x80 | (charCode & 0x3f)
+      );
+    }
+  }
+  //兼容汉字，ASCII码表最大的值为127，大于127的值为特殊字符
+  for (let jj = 0; jj < utf8.length; jj++) {
+    let code: any = utf8[jj];
+    if (code > 127) {
+      utf8[jj] = code - 256;
+    }
+  }
+  return utf8;
+}
+
+
+export const getFinalToken = function () {
+  let str1 = localStorage.getItem("TOKEN") + "IhfN5d11Zk1ZC%Po" + Date.now()
+  let str2=  "*XeL#J@znVJ#sdSv"
+  return encryptSM4(str1,str2)
+};

package/packages/approval-process/packages/utils/ddUtils.ts

@@ -0,0 +1,56 @@
+import dd from "dingtalk-jsapi";
+
+/**
+ * @description 跳转到新标签页的方法（兼容钉钉内）
+ * @param aimUrl
+ */
+export const ddWindowOpen = (aimUrl: string) => {
+  if (dd.env.platform !== "notInDingTalk") {
+    // 在钉钉
+    window.open(aimUrl + "/?ddtab=true", "_blank");
+  } else {
+    if (window.oaTool && window.oaTool.isOA) {
+      window.oaTool.openNewWindow(aimUrl);
+      return;
+    } else {
+      // 不在钉钉
+      window.open(aimUrl, "_blank");
+    }
+  }
+};
+/**
+ * @description 获取到当前用来换取appId的url地址 兼容dd
+ * @param str
+ */
+export const getProcessAppIdUrl = (str: string) => {
+  if (str.indexOf("?") > -1) {
+    if (str.indexOf("/?") > -1) {
+      str = str.split("/?")[0];
+    } else {
+      str = str.split("?")[0];
+    }
+  }
+  if (str[str.length - 1] === "/") {
+    str = str.substring(0, str.length - 1);
+  }
+  return str;
+};
+/**
+ * @description 修改钉钉网页的title
+ * @param str
+ */
+export const setDingDingTitle = (str?: any) => {
+    if(!str || typeof str !== 'string') return
+    if (dd.env.platform !== "notInDingTalk") {
+        // 在钉钉
+        dd.biz.navigation.setTitle({
+            title: str,
+        });
+        document.title = str
+
+    } else {
+      // 不在钉钉
+      document.title = str;
+    }
+  }
+};

package/packages/approval-process/packages/utils/debounce.ts

@@ -0,0 +1,36 @@
+/**
+ * 防抖(TS)
+ * @param  fn        需要包装的函数
+ * @param  delay     每次执行的等待时间-单位ms
+ * @param  immediate 是否默认执行一次(第一次不延迟)
+ */
+
+/**
+ * TS中的this单独在函数中使用却是大大受限制的
+ * 所以在TS中我们使用class来解决这一问题
+ */
+
+// 定义类debounce
+class debounce {
+    public use = (
+        fn: Function,
+        delay: number,
+        immediate: boolean = false
+    ): Function => {
+        // @ts-ignore
+        let timer: null | NodeJS.Timeout
+        return (...args: any) => {
+            if (immediate) {
+                fn.apply(this, args) // 确保引用函数的指向正确，并且函数的参数也不变
+                immediate = false
+            }
+            if (timer) clearTimeout(timer)
+            timer = setTimeout(() => {
+                fn.apply(this, args) // 确保引用函数的指向正确，并且函数的参数也不变
+            }, delay)
+        }
+    }
+}
+
+// 导出防抖函数
+export default debounce