@cmstops/pro-compo 0.1.1 → 0.1.3

package/dist/index.css

@@ -8,7 +8,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }
@@ -92,3 +92,117 @@
   top: 2px;
   right: 4px;
 }
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+}
+.message-boxs-popover .arco-tabs-content {
+  padding-top: 0;
+}
+.message-boxs-popover .msg-scroll-bar {
+  height: 80vh;
+  overflow-y: auto;
+  display: block;
+}
+.message-boxs-popover .message-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.message-boxs-popover .message-item {
+  padding: 16px;
+  padding-bottom: 0px;
+}
+.message-boxs-popover .message-item:last-child .message-body {
+  border-bottom: none;
+}
+.message-boxs-popover .message-item .message-body {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 16px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content {
+  width: 100%;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #4e5969;
+  margin-bottom: 18px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 14px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
+  margin-right: 4px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
+  text-decoration: underline;
+}
+.user-avater-content-info {
+  width: 328px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  padding-bottom: 0px;
+  line-height: 1;
+}
+.user-avater-content-info .avatar {
+  width: 74px;
+  height: 74px;
+  position: relative;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.user-avater-content-info .avatar .arco-avatar {
+  width: 100%;
+  height: 100%;
+}
+.user-avater-content-info .nick-name {
+  font-size: 16px;
+  color: #1D2129;
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .user-name,
+.user-avater-content-info .user-email {
+  font-size: 14px;
+  color: #86909C;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .org-alias {
+  border: 1px solid #EBEEF5;
+  padding: 10px 20px;
+  border-radius: 40px;
+}
+.user-avater-content-info .b_info_bottom {
+  height: 52px;
+  padding: 10px 16px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/index.min.css

@@ -1 +1 @@
-.tooltip-button{height:auto;padding:20px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.app-list-wrap{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}
+.tooltip-button{height:auto;padding:20px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.apps-box-popover{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.message-boxs-popover{width:435px;position:relative}.message-boxs-popover .arco-tabs-content{padding-top:0}.message-boxs-popover .msg-scroll-bar{height:80vh;overflow-y:auto;display:block}.message-boxs-popover .message-list{margin:0;padding:0;list-style:none}.message-boxs-popover .message-item{padding:16px;padding-bottom:0}.message-boxs-popover .message-item:last-child .message-body{border-bottom:none}.message-boxs-popover .message-item .message-body{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.message-boxs-popover .message-item .message-body .media-message-content{width:100%}.message-boxs-popover .message-item .message-body .media-message-content .message-content{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4e5969;margin-bottom:18px}.message-boxs-popover .message-item .message-body .media-message-content .message-info{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;line-height:14px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon{margin-right:4px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover{text-decoration:underline}.user-avater-content-info{width:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:0;line-height:1}.user-avater-content-info .avatar{width:74px;height:74px;position:relative;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-avater-content-info .avatar .arco-avatar{width:100%;height:100%}.user-avater-content-info .nick-name{font-size:16px;color:#1d2129;font-weight:500;margin-bottom:10px}.user-avater-content-info .user-email,.user-avater-content-info .user-name{font-size:14px;color:#86909c;margin-bottom:10px}.user-avater-content-info .org-alias{border:1px solid #ebeef5;padding:10px 20px;border-radius:40px}.user-avater-content-info .b_info_bottom{height:52px;padding:10px 16px;width:100%;display:flex;align-items:center;justify-content:center}

package/es/appCenter/component.js

@@ -9,7 +9,7 @@ const _hoisted_1 = {
   key: 1,
   class: "reference-btn"
 };
-const _hoisted_2 = { class: "app-list-wrap apps-popover" };
+const _hoisted_2 = { class: "apps-box-popover" };
 const _hoisted_3 = {
   key: 0,
   class: "app-title"
@@ -116,6 +116,7 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createVNode(unref(Popover), {
           trigger: "hover",
+          position: "bottom",
           "arrow-style": { display: "none" },
           "content-style": { padding: 0, minWidth: "400px" }
         }, {

package/es/appCenter/script/routeMap.d.ts

@@ -1,4 +1,4 @@
-export default function routeMap(BASE_API: string, rid: string | null | undefined, listType: string, app?: {
+export default function routeMap(BASE_API: string, rid: any, listType: string, app?: {
     type: number;
     setting?: any;
 } | null): Promise<void>;

package/es/appCenter/style/index.css

@@ -4,7 +4,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }

package/es/appCenter/style/index.less

@@ -4,7 +4,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }

package/es/index.css

@@ -8,7 +8,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }
@@ -92,3 +92,117 @@
   top: 2px;
   right: 4px;
 }
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+}
+.message-boxs-popover .arco-tabs-content {
+  padding-top: 0;
+}
+.message-boxs-popover .msg-scroll-bar {
+  height: 80vh;
+  overflow-y: auto;
+  display: block;
+}
+.message-boxs-popover .message-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.message-boxs-popover .message-item {
+  padding: 16px;
+  padding-bottom: 0px;
+}
+.message-boxs-popover .message-item:last-child .message-body {
+  border-bottom: none;
+}
+.message-boxs-popover .message-item .message-body {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 16px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content {
+  width: 100%;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #4e5969;
+  margin-bottom: 18px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 14px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
+  margin-right: 4px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
+  text-decoration: underline;
+}
+.user-avater-content-info {
+  width: 328px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  padding-bottom: 0px;
+  line-height: 1;
+}
+.user-avater-content-info .avatar {
+  width: 74px;
+  height: 74px;
+  position: relative;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.user-avater-content-info .avatar .arco-avatar {
+  width: 100%;
+  height: 100%;
+}
+.user-avater-content-info .nick-name {
+  font-size: 16px;
+  color: #1D2129;
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .user-name,
+.user-avater-content-info .user-email {
+  font-size: 14px;
+  color: #86909C;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .org-alias {
+  border: 1px solid #EBEEF5;
+  padding: 10px 20px;
+  border-radius: 40px;
+}
+.user-avater-content-info .b_info_bottom {
+  height: 52px;
+  padding: 10px 16px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/es/index.d.ts

@@ -1,3 +1,5 @@
 export { default } from './components';
 export { default as button } from './button';
 export { default as appCenter } from './appCenter';
+export { default as messageBox } from './messageBox';
+export { default as userAvater } from './userAvater';

package/es/index.js

@@ -1,3 +1,5 @@
 export { default } from "./components.js";
 export { default as button } from "./button/index.js";
 export { default as appCenter } from "./appCenter/index.js";
+export { default as messageBox } from "./messageBox/index.js";
+export { default as userAvater } from "./userAvater/index.js";

package/es/index.less

@@ -1,3 +1,5 @@
 @import './style/index.less';
 @import './button/style/index.less';
 @import './appCenter/style/index.less';
+@import './messageBox/style/index.less';
+@import './userAvater/style/index.less';

package/es/messageBox/component.js

@@ -0,0 +1,145 @@
+import { defineComponent, useSlots, ref, onMounted, resolveDirective, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, withDirectives, createBlock, createTextVNode, renderSlot } from "vue";
+import { Popover, Tabs, TabPane, Badge } from "@arco-design/web-vue";
+import _sfc_main$1 from "./list.js";
+import { setAllMsgRead, getNoticeList } from "./script/api.js";
+const _hoisted_1 = { class: "message-boxs-container" };
+const _hoisted_2 = {
+  key: 1,
+  class: "reference-btn"
+};
+const _hoisted_3 = { class: "message-boxs-popover" };
+const _sfc_main = defineComponent({
+  ...{ name: "messageBox" },
+  __name: "component",
+  props: {
+    BASE_API: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
+    const slotTest = !!useSlots().reference;
+    const readMessagesCount = ref(0);
+    const unreadMessagesCount = ref(0);
+    const isLoadingMore = ref(false);
+    const unreadMessages = ref([]);
+    const readMessages = ref([]);
+    const isNoMore = ref(false);
+    const page = ref({ limit: 20, offset: 0 });
+    const handlePopupVisibleChange = (visible) => {
+      if (!visible) {
+        setAllMsgToRead();
+      }
+    };
+    const setAllMsgToRead = async () => {
+      try {
+        const res = await setAllMsgRead(BASE_API);
+        if (res.code === 0) {
+          setData();
+        }
+      } catch (error) {
+        console.log(error);
+      }
+    };
+    const setData = async () => {
+      isLoadingMore.value = true;
+      const res = await getNoticeList(BASE_API, {}).catch(() => {
+        isLoadingMore.value = false;
+      });
+      if ((res == null ? void 0 : res.code) === 0 && (res == null ? void 0 : res.message)) {
+        const data = res.message;
+        if (data.notice_state) {
+          unreadMessages.value = data.notice_state[0] && data.notice_state[0].notices || [];
+          readMessages.value = data.notice_state[1] && data.notice_state[1].notices || [];
+        }
+        readMessagesCount.value = data.readed || 0;
+        unreadMessagesCount.value = data.unread || 0;
+        isLoadingMore.value = false;
+      }
+    };
+    const loadMore = async () => {
+      if (unreadMessages.value.length !== 0)
+        return;
+      isLoadingMore.value = true;
+      try {
+        page.value.offset = readMessages.value.length;
+        const res = await getNoticeList(BASE_API, {
+          state: 1,
+          ...page.value
+        }).catch(() => {
+          isLoadingMore.value = false;
+        });
+        if (res.code === 0 && res.message) {
+          const { notice_state } = res.message;
+          notice_state[1].notices.length < page.value.limit && (isNoMore.value = true);
+          readMessages.value = readMessages.value.concat(
+            notice_state[1] && notice_state[1].notices || []
+          );
+        }
+        isLoadingMore.value = false;
+      } catch (error) {
+      }
+    };
+    onMounted(() => {
+      setData();
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Popover), {
+          trigger: "hover",
+          position: "bottom",
+          "arrow-style": { display: "none" },
+          "content-style": { padding: 0, minWidth: "400px" },
+          "popup-visible-change": handlePopupVisibleChange
+        }, {
+          content: withCtx(() => [
+            createElementVNode("div", _hoisted_3, [
+              createVNode(unref(Tabs), null, {
+                default: withCtx(() => [
+                  withDirectives((openBlock(), createBlock(unref(TabPane), { key: "1" }, {
+                    title: withCtx(() => [
+                      createTextVNode("\u6D88\u606F")
+                    ]),
+                    default: withCtx(() => [
+                      unreadMessages.value.length === 0 ? (openBlock(), createBlock(_sfc_main$1, {
+                        key: 0,
+                        list: readMessages.value,
+                        "onUpdate:list": _cache[0] || (_cache[0] = ($event) => readMessages.value = $event),
+                        "list-type": "unread",
+                        "is-loading-more": isLoadingMore.value,
+                        "is-no-more": isNoMore.value,
+                        onLoadMoreMsg: loadMore
+                      }, null, 8, ["list", "is-loading-more", "is-no-more"])) : (openBlock(), createBlock(_sfc_main$1, {
+                        key: 1,
+                        list: unreadMessages.value,
+                        "onUpdate:list": _cache[1] || (_cache[1] = ($event) => unreadMessages.value = $event),
+                        "list-type": "unread",
+                        "is-loading-more": isLoadingMore.value,
+                        "is-no-more": isNoMore.value,
+                        onLoadMoreMsg: loadMore
+                      }, null, 8, ["list", "is-loading-more", "is-no-more"]))
+                    ]),
+                    _: 1
+                  })), [
+                    [_directive_loading, isLoadingMore.value]
+                  ])
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(Badge), { count: unreadMessagesCount.value }, {
+              default: withCtx(() => [
+                slotTest ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : (openBlock(), createElementBlock("button", _hoisted_2, "\u6D88\u606F\u5217\u8868"))
+              ]),
+              _: 3
+            }, 8, ["count"])
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/messageBox/index.d.ts

@@ -0,0 +1,2 @@
+declare const messageBox: any;
+export default messageBox;

package/es/messageBox/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const messageBox = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { messageBox as default };

package/es/messageBox/list.js

@@ -0,0 +1,116 @@
+import { defineComponent, computed, ref, openBlock, createElementBlock, Fragment, createVNode, unref, createCommentVNode, withCtx, renderList, createElementVNode, toDisplayString, createTextVNode, withModifiers } from "vue";
+import { Empty, Scrollbar } from "@arco-design/web-vue";
+import { IconRight } from "@arco-design/web-vue/es/icon";
+const _hoisted_1 = {
+  key: 0,
+  class: "empty-list"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "message-list"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "message-body"
+};
+const _hoisted_4 = { class: "media-message-content" };
+const _hoisted_5 = { class: "message-content" };
+const _hoisted_6 = { class: "title" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "time" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "message-media-title" };
+const _hoisted_11 = { class: "message-media-title-hover" };
+const _hoisted_12 = { class: "action" };
+const _sfc_main = defineComponent({
+  __name: "list",
+  props: {
+    listType: {},
+    list: {},
+    isLoadingMore: { type: Boolean },
+    isNorMore: { type: Boolean }
+  },
+  emits: ["loadMoreMsg"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const isEmptyList = computed(() => {
+      if (props.list.length === 0) {
+        return true;
+      }
+      return false;
+    });
+    const listData = computed(() => {
+      return props.list;
+    });
+    const approvalStateMapText = ref({
+      approval_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
+      approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8" },
+      approval_pass: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5DF2\u5BA1\u6838\u901A\u8FC7" },
+      approval_fail: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE" },
+      approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
+    });
+    const openApprovalDetail = (msg) => {
+      console.log(msg);
+    };
+    const handleScroll = (event) => {
+      event && event.stopPropagation();
+      if (event.target) {
+        const { scrollTop, scrollHeight, clientHeight } = event.target;
+        if (scrollTop + clientHeight >= scrollHeight) {
+          if (props.isLoadingMore === false && !props.isNorMore) {
+            emits("loadMoreMsg", props.listType);
+          }
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        isEmptyList.value === true ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(unref(Empty))
+        ])) : createCommentVNode("v-if", true),
+        createVNode(unref(Scrollbar), {
+          class: "msg-scroll-bar",
+          onScroll: handleScroll
+        }, {
+          default: withCtx(() => [
+            listData.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  key: "list_" + item.msg.nid,
+                  class: "message-item"
+                }, [
+                  createCommentVNode(" \u901A\u77E5\u5185\u5BB9 "),
+                  item.msg ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", _hoisted_5, [
+                        createElementVNode("span", _hoisted_6, [
+                          approvalStateMapText.value[item.msg.t].show_user_alias ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.msg.alias), 1)) : createCommentVNode("v-if", true),
+                          createTextVNode(" " + toDisplayString(approvalStateMapText.value[item.msg.t].label), 1)
+                        ]),
+                        createElementVNode("span", _hoisted_8, toDisplayString(item.msg.time), 1)
+                      ]),
+                      createElementVNode("div", {
+                        class: "message-info",
+                        onClick: withModifiers(($event) => openApprovalDetail(item.msg), ["stop"])
+                      }, [
+                        createElementVNode("div", _hoisted_10, [
+                          createCommentVNode(' <FileTypeIcons\n                  class="icon"\n                  :file-type="item.msg.catalog"\n                  :doc-type="item.msg.series"\n                ></FileTypeIcons> '),
+                          createElementVNode("span", _hoisted_11, toDisplayString(item.msg.title), 1)
+                        ]),
+                        createElementVNode("div", _hoisted_12, [
+                          createVNode(unref(IconRight))
+                        ])
+                      ], 8, _hoisted_9)
+                    ])
+                  ])) : createCommentVNode("v-if", true)
+                ]);
+              }), 128))
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/messageBox/script/api.d.ts

@@ -0,0 +1,6 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getNoticeList(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function setAllMsgRead(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export {};

package/es/messageBox/script/api.js

@@ -0,0 +1,16 @@
+import request from "../../utils/request.js";
+function getNoticeList(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/notice",
+    method: "post",
+    data: params
+  });
+}
+function setAllMsgRead(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/notice/readed",
+    method: "post",
+    data: params
+  });
+}
+export { getNoticeList, setAllMsgRead };

package/es/messageBox/style/css.js

@@ -0,0 +1 @@
+import "./index.css";