hrp-ui-base 1.4.7 → 1.4.8

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

@@ -1,207 +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');
-  }
-};
+/** 设置全局变量的方法 - 黑夜模式，白天模式，调整字号等 */
+/** 设置白天模式 */
+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

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

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

@@ -1,15 +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 };
-};
-
+// 上传文件后通过返回的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

@@ -1,67 +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)
+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)
 };