@cmstops/pro-compo 0.1.30 → 0.1.32

package/lib/resourceModal/script/api.js

@@ -29,7 +29,30 @@ function getAccountList(BASE_API, id, query) {
     params: query
   });
 }
+function getSysRsClassifyList(BASE_API, sys_tag) {
+  return request(BASE_API, {
+    url: `/poplar/v3/sys_attachment/scenario_classifies?sys_tag=${sys_tag}`,
+    method: "get"
+  });
+}
+function getSysRsByTag(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/classified/sys_attachments",
+    method: "get",
+    params
+  });
+}
+function getSysRsPage(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v3/sys_attachments",
+    method: "get",
+    params
+  });
+}
 exports.getAccountList = getAccountList;
 exports.getAttachmentsAll = getAttachmentsAll;
 exports.getAttachmentsMy = getAttachmentsMy;
 exports.getDirectories = getDirectories;
+exports.getSysRsByTag = getSysRsByTag;
+exports.getSysRsClassifyList = getSysRsClassifyList;
+exports.getSysRsPage = getSysRsPage;

package/lib/resourceModal/script/mediaSelection.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const mediaUseEnum = {
+  THUMB: 1,
+  COMPOICON: 2,
+  PUSHICON: 3,
+  NAVBG: 4,
+  NAVICON: 5
+};
+exports.mediaUseEnum = mediaUseEnum;

package/lib/resourceModal/style/MainContent.less

@@ -62,6 +62,29 @@
               }
             }
           }
+
+          .folder-more-button {
+            width: 20%;
+            overflow: hidden;
+
+            .folder-more-wrap {
+              box-sizing: border-box;
+              height: 52px;
+              margin-right: 20px;
+              padding: 14px 16px;
+              line-height: 24px;
+              background: #f7f8fa;
+              border: 1px solid #ebeef5;
+              border-radius: 4px;
+
+              &:hover {
+                color: #165dff;
+                background: #f2f3f5;
+                box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+                cursor: pointer;
+              }
+            }
+          }
         }
 
         .file-list {
@@ -88,14 +111,11 @@
               border-radius: 4px;
 
               &:hover {
+                border: 1px solid #4886ff;
                 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
-              }
-
-              &.active {
-                border: 2px solid #4886ff;
 
                 h4 {
-                  color: #1a67d2;
+                  //color: #1a67d2;
                 }
               }
 

package/lib/resourceModal/style/SystemResourceSelected.less

@@ -0,0 +1,138 @@
+.sys-resource-dialog {
+  padding: 10px 20px;
+
+  .scen-module {
+    margin-bottom: 20px;
+
+    .title {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+      margin-bottom: 12px;
+      font-size: 14px;
+
+      .line {
+        width: 2px;
+        height: 14px;
+        background-color: #4886ff;
+      }
+    }
+  }
+
+  .null-file {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 300px;
+
+    .null-pic {
+      display: block;
+      width: 10%;
+      margin: 20px auto;
+    }
+
+    p {
+      color: #a2a3a7;
+      font-size: 14px;
+      text-align: center;
+    }
+  }
+}
+
+.sysfile-filter-container {
+  padding: 12px 0;
+}
+
+.sys-res-file-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+
+  .item-load-more {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    align-items: center;
+    justify-content: center;
+    color: #9a9a9a;
+    font-size: 12px;
+    cursor: pointer;
+
+    img {
+      width: 72px;
+    }
+  }
+
+  .item {
+    position: relative;
+    width: calc(20% - 20px);
+    overflow: hidden;
+    cursor: pointer;
+
+    .move-action {
+      opacity: 0.5;
+    }
+
+    .shadow-wrap {
+      position: relative;
+      overflow: hidden;
+      background: #fff;
+      border: 1px solid #ebeef5;
+      border-radius: 4px;
+
+      &:hover {
+        border: 1px solid #4886ff;
+        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+      }
+
+      .thumb-wrap {
+        position: relative;
+        width: 100%;
+        background: url('../assets/selection/picBg.png');
+      }
+
+      h4,
+      p {
+        margin-top: 4px;
+        margin-bottom: 2px;
+        padding: 0 10px;
+        overflow: hidden;
+        color: rgba(0, 0, 0, 0.85);
+        font-size: 14px;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        word-wrap: normal;
+
+        i,
+        svg {
+          margin-right: 4px;
+          color: #e75258;
+          font-size: 16px;
+          vertical-align: middle;
+        }
+
+        svg {
+          margin-right: 4px;
+          font-size: 16px;
+          vertical-align: middle;
+        }
+
+        span {
+          vertical-align: middle;
+        }
+      }
+
+      p {
+        margin-bottom: 4px;
+        font-weight: normal;
+        font-size: 12px;
+        line-height: 1em;
+        opacity: 0.65;
+      }
+    }
+  }
+
+  &::after {
+    height: 50px;
+  }
+}

package/lib/resourceModal/style/index.css

@@ -180,6 +180,26 @@
   word-wrap: normal;
   opacity: 0.85;
 }
+.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button {
+  width: 20%;
+  overflow: hidden;
+}
+.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button .folder-more-wrap {
+  box-sizing: border-box;
+  height: 52px;
+  margin-right: 20px;
+  padding: 14px 16px;
+  line-height: 24px;
+  background: #f7f8fa;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+}
+.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button .folder-more-wrap:hover {
+  color: #165dff;
+  background: #f2f3f5;
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+}
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list {
   display: flex;
   flex-wrap: wrap;
@@ -203,14 +223,9 @@
   border-radius: 4px;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap:hover {
+  border: 1px solid #4886ff;
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
 }
-.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap.active {
-  border: 2px solid #4886ff;
-}
-.simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap.active h4 {
-  color: #1a67d2;
-}
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list .item .shadow-wrap .transcoding-in-progress {
   position: absolute;
   top: 0;
@@ -506,6 +521,127 @@
   color: #fff;
   font-size: 18px;
 }
+.sys-resource-dialog {
+  padding: 10px 20px;
+}
+.sys-resource-dialog .scen-module {
+  margin-bottom: 20px;
+}
+.sys-resource-dialog .scen-module .title {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin-bottom: 12px;
+  font-size: 14px;
+}
+.sys-resource-dialog .scen-module .title .line {
+  width: 2px;
+  height: 14px;
+  background-color: #4886ff;
+}
+.sys-resource-dialog .null-file {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 300px;
+}
+.sys-resource-dialog .null-file .null-pic {
+  display: block;
+  width: 10%;
+  margin: 20px auto;
+}
+.sys-resource-dialog .null-file p {
+  color: #a2a3a7;
+  font-size: 14px;
+  text-align: center;
+}
+.sysfile-filter-container {
+  padding: 12px 0;
+}
+.sys-res-file-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+.sys-res-file-list .item-load-more {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  color: #9a9a9a;
+  font-size: 12px;
+  cursor: pointer;
+}
+.sys-res-file-list .item-load-more img {
+  width: 72px;
+}
+.sys-res-file-list .item {
+  position: relative;
+  width: calc(20% - 20px);
+  overflow: hidden;
+  cursor: pointer;
+}
+.sys-res-file-list .item .move-action {
+  opacity: 0.5;
+}
+.sys-res-file-list .item .shadow-wrap {
+  position: relative;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+}
+.sys-res-file-list .item .shadow-wrap:hover {
+  border: 1px solid #4886ff;
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+}
+.sys-res-file-list .item .shadow-wrap .thumb-wrap {
+  position: relative;
+  width: 100%;
+  background: url('../assets/selection/picBg.png');
+}
+.sys-res-file-list .item .shadow-wrap h4,
+.sys-res-file-list .item .shadow-wrap p {
+  margin-top: 4px;
+  margin-bottom: 2px;
+  padding: 0 10px;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-wrap: normal;
+}
+.sys-res-file-list .item .shadow-wrap h4 i,
+.sys-res-file-list .item .shadow-wrap p i,
+.sys-res-file-list .item .shadow-wrap h4 svg,
+.sys-res-file-list .item .shadow-wrap p svg {
+  margin-right: 4px;
+  color: #e75258;
+  font-size: 16px;
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap h4 svg,
+.sys-res-file-list .item .shadow-wrap p svg {
+  margin-right: 4px;
+  font-size: 16px;
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap h4 span,
+.sys-res-file-list .item .shadow-wrap p span {
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap p {
+  margin-bottom: 4px;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 1em;
+  opacity: 0.65;
+}
+.sys-res-file-list::after {
+  height: 50px;
+}
 .select-resources-modal-wrapper .arco-modal-header {
   border-bottom: none;
 }

package/lib/resourceModal/style/index.less

@@ -4,6 +4,7 @@
 @import './MainContent.less';
 @import './FileTypeThumb.less';
 @import './MediaPreviewer.less';
+@import './SystemResourceSelected.less';
 
 .select-resources-modal-wrapper {
   .arco-modal-header {

package/lib/selectAvatarList/component.js

@@ -14,9 +14,10 @@ const _sfc_main = vue.defineComponent({
     repositoryId: {}
   },
   emits: ["update:list"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const emit = __emit;
     const visible = vue.ref(false);
     const list = vue.computed({
       get() {

package/lib/selectGategory/component.js

@@ -16,8 +16,9 @@ const _sfc_main = vue.defineComponent({
     columnWithData: {}
   },
   emits: ["update:visible", "submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const BASE_API = props.base_api || config.DEFAULT_BASE_API;
     const selectColumnData = vue.ref(props.columnData || []);
     const selectColumnWithData = vue.ref(props.columnWithData || []);

package/lib/selectGategory/components/ColumnSelection/index.js

@@ -32,8 +32,9 @@ const _sfc_main = vue.defineComponent({
     "update:selectColumnData",
     "update:selectColumnWithData"
   ],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const popoverShow = vue.ref(false);
     const treeData = vue.ref([]);
     const listMinHeight = vue.ref(0);

package/lib/selectThumb/component.js

@@ -51,10 +51,12 @@ const _sfc_main = vue.defineComponent({
     showTitle: { type: Boolean },
     cropper: { type: Boolean },
     aiImages: {},
-    series: {}
+    series: {},
+    mediaUseType: {}
   },
   emits: ["update:dataValue"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
     const useCropper = vue.ref(props.cropper || false);
@@ -66,6 +68,9 @@ const _sfc_main = vue.defineComponent({
     const thumbOptionIndex = vue.ref(0);
     const aspectRatioProp = vue.ref(16 / 9);
     const cropperData = vue.ref([]);
+    if (props.mediaUseType) {
+      vue.provide("mediaUseType", props.mediaUseType);
+    }
     const model = vue.computed({
       get() {
         if (!styleData.value.model)

package/lib/selectThumb/components/card.js

@@ -6,9 +6,6 @@ const _hoisted_1 = {
   key: 0,
   class: "img-v"
 };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = ["onClick"];
 const _sfc_main = vue.defineComponent({
   ...{ name: "thumbCard" },
   __name: "card",
@@ -20,8 +17,9 @@ const _sfc_main = vue.defineComponent({
     model: {}
   },
   emits: ["open", "remove"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const classObj = vue.computed(() => {
       var _a;
       if (!props.model)
@@ -61,14 +59,14 @@ const _sfc_main = vue.defineComponent({
                   onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
                 }, [
                   vue.createVNode(vue.unref(icon.IconEdit))
-                ], 8, _hoisted_2),
+                ]),
                 _ctx.along ? (vue.openBlock(), vue.createElementBlock("span", {
                   key: 0,
                   class: "half",
                   onClick: vue.withModifiers(remove, ["stop"])
                 }, [
                   vue.createVNode(vue.unref(icon.IconDelete))
-                ], 8, _hoisted_3)) : vue.createCommentVNode("v-if", true)
+                ])) : vue.createCommentVNode("v-if", true)
               ])
             ]),
             _: 1
@@ -79,7 +77,7 @@ const _sfc_main = vue.defineComponent({
           onClick: vue.withModifiers(openDialogMediaSelection, ["stop"])
         }, [
           vue.createVNode(vue.unref(icon.IconPlus))
-        ], 8, _hoisted_4))
+        ]))
       ], 2);
     };
   }

package/lib/selectThumb/components/colorPalette.js

@@ -13,8 +13,9 @@ const _sfc_main = vue.defineComponent({
     model: {}
   },
   emits: ["change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const color = vue.ref("rgb(101,121,109)");
     const colorList = vue.ref([]);
     const colorChange = (_color) => {

package/lib/selectThumb/components/colorPicker.js

@@ -7,8 +7,9 @@ const _sfc_main = vue.defineComponent({
     modelValue: String
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const color = vue.ref(props.modelValue || "#ffffff");
     vue.watch(
       () => props.modelValue,

package/lib/typeIcons/component.js

@@ -37,21 +37,24 @@ const _sfc_main = vue.defineComponent({
         ], 2112)) : props.doc && props.type === "video_album" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 7 }, [
           vue.createCommentVNode(" \u89C6\u9891\u96C6 "),
           vue.createVNode(vue.unref(vueCmstopIcons.IconShipinji))
-        ], 2112)) : props.doc && props.type === "h5" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 8 }, [
+        ], 2112)) : props.doc && props.type === "mini_program" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 8 }, [
+          vue.createCommentVNode(" \u89C6\u9891\u96C6 "),
+          vue.createVNode(vue.unref(vueCmstopIcons.IconMiniprogram))
+        ], 2112)) : props.doc && props.type === "h5" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 9 }, [
           vue.createCommentVNode(" h5 "),
           vue.createVNode(vue.unref(vueCmstopIcons.IconH5))
-        ], 2112)) : props.doc && props.type === "live" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 9 }, [
+        ], 2112)) : props.doc && props.type === "live" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 10 }, [
           vue.createCommentVNode(" \u76F4\u64AD "),
           vue.createVNode(vue.unref(vueCmstopIcons.IconZhibo))
-        ], 2112)) : props.resource && props.type === "image" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 10 }, [
+        ], 2112)) : props.resource && props.type === "image" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 11 }, [
           vue.createCommentVNode("------------------------------- \u7D20\u6750\u7C7B\u578B --------------------------------------"),
           vue.createCommentVNode(" \u56FE\u7247 "),
-          vue.createVNode(vue.unref(vueCmstopIcons.IconTupian))
-        ], 2112)) : props.type === "mpdoc" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 11 }, [
+          vue.createVNode(vue.unref(vueCmstopIcons.IconPicture))
+        ], 2112)) : props.type === "mpdoc" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 12 }, [
           vue.createCommentVNode("------------------------------- \u5176\u4ED6\u7C7B\u578B --------------------------------------"),
           vue.createCommentVNode(" \u516C\u4F17\u53F7\u7A3F\u4EF6 "),
           vue.createVNode(vue.unref(vueCmstopIcons.IconGongzhonghao))
-        ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 12 }, [
+        ], 2112)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 13 }, [
           vue.createCommentVNode(" \u5FAE\u4FE1\u7A3F\u4EF6 "),
           vue.createCommentVNode(" <icon-weixingaojian /> "),
           vue.createCommentVNode(" \u8F6E\u535A\u56FE\u96C6 "),

package/lib/uploadBefore/component.js

@@ -16,10 +16,11 @@ const _sfc_main = vue.defineComponent({
     uploadMethod: {}
   },
   emits: ["onProgress", "onListReady"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const { state: visBeforeUpload, open: openBeforePannel } = toggle.useToggle();
     const { state: visUploadList, open: openListPannel } = toggle.useToggle();
+    const props = __props;
+    const emits = __emit;
     const baseApi = vue.ref(props.BASE_API || config.DEFAULT_BASE_API);
     const { preOptionsList, uploadFileToShowFileTrans } = uploadHooks.usePreUploadOptions();
     const { fileList, uploadFileAdd } = uploadHooks.useUplaodList();

package/lib/uploadBefore/components/UploadBefore.js

@@ -14,8 +14,9 @@ const _sfc_main = vue.defineComponent({
     BASE_API: {}
   },
   emits: ["confirm", "update:visable", "update:file-list"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const modalVis = vue.toRef(props, "visable");
     const fileList = vue.toRef(props, "fileList");
     const column = [

package/lib/uploadBefore/components/UploadForClick.js

@@ -7,7 +7,8 @@ const _sfc_main = vue.defineComponent({
     uploadMethod: {}
   },
   emits: ["after-choose"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
     const tusUpload = (option) => {
       const { fileItem } = option;
       emits("after-choose", fileItem);

package/lib/uploadStep/component.js

@@ -27,8 +27,7 @@ const _sfc_main = vue.defineComponent({
     global: { type: Boolean }
   },
   emits: ["update:visable"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const progressEnum = {
       UPLOADING: "normal",
       WATING: "normal",
@@ -41,6 +40,8 @@ const _sfc_main = vue.defineComponent({
       SUCCESS: "\u4E0A\u4F20\u5B8C\u6210",
       ERROR: "\u4E0A\u4F20\u5931\u8D25"
     };
+    const emits = __emit;
+    const props = __props;
     const showList = vue.toRef(props, "fileList");
     const { state: expend, toggle: toggleExp } = toggle.useToggle(true);
     const { state: scale, toggle: toggleSca } = toggle.useToggle();

package/lib/userDirector/component.js

@@ -23,9 +23,10 @@ const _sfc_main = vue.defineComponent({
     title: {}
   },
   emits: ["update:visible", "submit"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+    const emit = __emit;
     const RoleTreeData = vue.ref([]);
     const DepartTreeData = vue.ref([]);
     const userSelectedList = vue.ref([]);

package/lib/userDirector/components/userTree.js

@@ -10,7 +10,7 @@ const _sfc_main = vue.defineComponent({
     list: {}
   },
   emits: ["select", "expand", "add"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const loadMore = () => {
     };
@@ -19,6 +19,7 @@ const _sfc_main = vue.defineComponent({
       title: "alias",
       key: "node_key"
     };
+    const emit = __emit;
     const select = (selectedKeys, data) => {
       emit("select", selectedKeys, data);
     };

package/lib/utils/doc.js

@@ -83,7 +83,8 @@ const docSeries = {
   audio: "\u97F3\u9891\u7A3F\u4EF6",
   audio_album: "\u97F3\u9891\u96C6\u7A3F\u4EF6",
   h5: "H5\u7A3F\u4EF6",
-  special_v3: "\u4E13\u9898\u7A3F\u4EF6"
+  special_v3: "\u4E13\u9898\u7A3F\u4EF6",
+  mini_program: "\u5C0F\u7A0B\u5E8F\u7A3F\u4EF6"
 };
 const typeOptions = () => {
   const arr = Object.keys(docSeries).map((key) => {

package/lib/utils/typeMap.js

@@ -96,7 +96,8 @@ const kongo_source_map = {
   url: "\u94FE\u63A5",
   document: "\u7A3F\u4EF6",
   category_list: "\u9891\u9053",
-  service: "\u670D\u52A1"
+  service: "\u670D\u52A1",
+  political: "\u653F\u60C5"
 };
 const calcApprovingUser = (data) => {
   if (data.current_processes[0] && data.current_processes[0].users && data.current_processes[0].users[0]) {