@cmstops/pro-compo 0.1.2 → 0.1.4

package/es/messageBox/component.js

@@ -0,0 +1,146 @@
+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";
+import { DEFAULT_BASE_API } from "../config.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 || DEFAULT_BASE_API;
+    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 = (e) => {
+      e && e.stopPropagation();
+      if (e.target) {
+        const { scrollTop, scrollHeight, clientHeight } = e.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/index.css

@@ -0,0 +1,64 @@
+.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;
+}

package/es/messageBox/style/index.less

@@ -0,0 +1,71 @@
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+  // padding: 10px;
+
+  .arco-tabs-content {
+    padding-top: 0;
+  }
+
+  .msg-scroll-bar {
+    height: 80vh;
+    overflow-y: auto;
+    display: block;
+  }
+  
+  .message-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .message-item {
+    padding: 16px;
+    padding-bottom: 0px;
+    &:last-child .message-body {
+      border-bottom: none;
+    }
+    .message-body {
+      border-bottom: 1px solid rgba(0,0,0,.05);
+      padding-bottom: 16px;
+      
+      .media-message-content {
+        width: 100%;
+        .message-content {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          font-size: 12px;
+          color: #4e5969;
+          margin-bottom: 18px;
+        }
+        .message-info {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          color: #1d2129;
+          font-size: 14px;
+          line-height: 14px;
+          .message-media-title {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            .icon {
+              margin-right: 4px;
+            }
+            &:hover {
+              text-decoration: underline;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/es/resourceModal/component.js

@@ -0,0 +1,14 @@
+import { defineComponent, openBlock, createElementBlock } from "vue";
+const _sfc_main = defineComponent({
+  ...{ name: "resourceModal" },
+  __name: "component",
+  props: {
+    BASE_API: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, "resourceModal");
+    };
+  }
+});
+export { _sfc_main as default };

package/es/resourceModal/index.d.ts

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

package/es/resourceModal/index.js

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

package/es/resourceModal/style/css.js

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

package/es/resourceModal/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/resourceModal/style/index.js

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

package/es/style.css

@@ -0,0 +1,5 @@
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}

package/es/typeIcons/component.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createElementBlock, createCommentVNode, createBlock, unref, Fragment, createVNode } from "vue";
+import { IconXinwen, IconShipin, IconYinyue, IconTuji, IconXiaoshipin, IconZhuanti, IconYinpinji, IconShipinji, IconH5, IconZhibo, IconTupian, IconGaojian } from "@arco-iconbox/vue-cmstop-icons";
+const _hoisted_1 = { class: "type-icons-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "typeIcons" },
+  __name: "component",
+  props: {
+    type: {},
+    doc: { type: Boolean },
+    resource: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode("------------------------------- \u7A3F\u4EF6\u7C7B\u578B --------------------------------------"),
+        createCommentVNode(" \u65B0\u95FB "),
+        props.doc && props.type === "imagetext" ? (openBlock(), createBlock(unref(IconXinwen), { key: 0 })) : props.doc && props.type === "video" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode(" \u89C6\u9891 "),
+          createVNode(unref(IconShipin))
+        ], 2112)) : props.doc && props.type === "audio" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createCommentVNode(" \u97F3\u9891 "),
+          createVNode(unref(IconYinyue))
+        ], 2112)) : props.doc && props.type === "atlas" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          createCommentVNode(" \u56FE\u96C6 "),
+          createVNode(unref(IconTuji))
+        ], 2112)) : props.doc && props.type === "svideo" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+          createCommentVNode(" \u5C0F\u89C6\u9891 "),
+          createVNode(unref(IconXiaoshipin))
+        ], 2112)) : props.doc && props.type === "special_v3" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+          createCommentVNode(" \u4E13\u9898 "),
+          createVNode(unref(IconZhuanti))
+        ], 2112)) : props.doc && props.type === "audio_album" ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
+          createCommentVNode(" \u97F3\u9891\u96C6 "),
+          createVNode(unref(IconYinpinji))
+        ], 2112)) : props.doc && props.type === "video_album" ? (openBlock(), createElementBlock(Fragment, { key: 7 }, [
+          createCommentVNode(" \u89C6\u9891\u96C6 "),
+          createVNode(unref(IconShipinji))
+        ], 2112)) : props.doc && props.type === "h5" ? (openBlock(), createElementBlock(Fragment, { key: 8 }, [
+          createCommentVNode(" h5 "),
+          createVNode(unref(IconH5))
+        ], 2112)) : props.doc && props.type === "live" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+          createCommentVNode(" \u76F4\u64AD "),
+          createVNode(unref(IconZhibo))
+        ], 2112)) : props.resource && props.type === "image" ? (openBlock(), createElementBlock(Fragment, { key: 10 }, [
+          createCommentVNode("------------------------------- \u7D20\u6750\u7C7B\u578B --------------------------------------"),
+          createCommentVNode(" \u56FE\u7247 "),
+          createVNode(unref(IconTupian))
+        ], 2112)) : (openBlock(), createElementBlock(Fragment, { key: 11 }, [
+          createCommentVNode("------------------------------- \u5176\u4ED6\u7C7B\u578B --------------------------------------"),
+          createCommentVNode(" \u5FAE\u4FE1\u7A3F\u4EF6 "),
+          createCommentVNode(" <icon-weixingaojian /> "),
+          createCommentVNode(" \u8F6E\u535A\u56FE\u96C6 "),
+          createCommentVNode(" <icon-lunbotuji /> "),
+          createCommentVNode(" \u7A3F\u4EF6 "),
+          createVNode(unref(IconGaojian))
+        ], 2112))
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/typeIcons/index.d.ts

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

package/es/typeIcons/index.js

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

package/es/typeIcons/style/css.js

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

package/es/typeIcons/style/index.css

@@ -0,0 +1,5 @@
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}

package/es/typeIcons/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/typeIcons/style/index.js

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

package/es/typeIcons/style/index.less

@@ -0,0 +1,5 @@
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}

package/es/uploadStep/component.js

@@ -0,0 +1,14 @@
+import { defineComponent, openBlock, createElementBlock } from "vue";
+const _sfc_main = defineComponent({
+  ...{ name: "uploadStep" },
+  __name: "component",
+  props: {
+    BASE_API: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, "uploadStep");
+    };
+  }
+});
+export { _sfc_main as default };

package/es/uploadStep/index.d.ts

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

package/es/uploadStep/index.js

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

package/es/uploadStep/style/css.js

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

package/es/uploadStep/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/uploadStep/style/index.js

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