@maketribe/ms-app 3.2.51 → 3.2.53

package/dist/esm/layouts/components/message-list/index.vue.js

@@ -1,243 +0,0 @@
-import { defineComponent, ref, computed, unref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, normalizeClass, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
-import { Dialoger, Messager } from "@maketribe/dm";
-import { DvOpt, Group, OrderType } from "@maketribe/request";
-import { ElDrawer, ElButtonGroup, ElButton, ElSelect, ElScrollbar, ElTag } from "element-plus";
-import "@maketribe/utils";
-import "../../../core/DataModelDefines.js";
-import { MSAppClient } from "../../../core/MSAppClient.js";
-const _hoisted_1 = { class: "mk-message__header" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "mk-message__body-item-header" };
-const _hoisted_4 = { class: "mk-message__body-item-content" };
-const _hoisted_5 = { class: "mk-message__body-item-footer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    showMessageList: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:showMessageList"],
-  setup(__props, { emit: __emit }) {
-    var _a;
-    const httpRequest = (_a = MSAppClient.instance) == null ? void 0 : _a.httpRequest;
-    const props = __props;
-    const buttonName = ref("all");
-    const selectValue = ref("");
-    const loading = ref(false);
-    const pageNum = ref(1);
-    const messageList = ref([{
-      id: 1,
-      title: "系统消息",
-      content: "恭喜您！成功获得微信同款研发管理工具免费资格！恭喜您！成功获得微信同款研发管理工具免费资格！",
-      type: 1,
-      isRead: true,
-      createdAt: "2024-08-14 13:44:26"
-    }, {
-      id: 2,
-      title: "上级消息",
-      content: "未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读",
-      type: 2,
-      isRead: false,
-      createdAt: "2024-08-14 13:44:26"
-    }]);
-    const load = async (scroll) => {
-      const dom = document.querySelector(".mk-message__body").children[0];
-      if (dom.scrollHeight - dom.offsetHeight - scroll.scrollTop < 300) {
-        const result = await messageQuery.listWithResponse({
-          pc: 10,
-          pn: pageNum.value
-        });
-        pageNum.value++;
-        messageList.value.concat(result.data.data);
-      }
-    };
-    const messageType = ref([
-      {
-        type: 1,
-        name: "类型1",
-        actions: (row) => {
-          console.log(row, "类型1");
-        }
-      },
-      {
-        type: 2,
-        name: "类型2",
-        actions: (row) => {
-          console.log(row, "类型2");
-        }
-      }
-    ]);
-    const messageDv = DvOpt.createInstance({
-      name: "message",
-      moduleName: "ms"
-    });
-    const buttonGroup = new Group();
-    const selectGroup = new Group();
-    const messageQuery = messageDv.query().addGroup((group) => {
-      group.group.addGroup(buttonGroup).addGroup(selectGroup);
-    }).addOrderItem("createdAt", OrderType.DESC);
-    const refreshList = async (pc = 10) => {
-      return await messageQuery.list({
-        pc,
-        pn: 1
-      });
-    };
-    const emit = __emit;
-    const showMessageList = computed({
-      get() {
-        return unref(props.showMessageList);
-      },
-      set(value) {
-        emit("update:showMessageList", value);
-      }
-    });
-    const readAllHandle = async () => {
-      const isConfirm = await Dialoger.confirm({
-        title: "提示",
-        message: "确定将所有消息全部标记为已读吗？",
-        type: "warning"
-      });
-      if (!isConfirm) {
-        return;
-      }
-      try {
-        loading.value = true;
-        const result = await (httpRequest == null ? void 0 : httpRequest.post("/message/readAll"));
-        if ((result == null ? void 0 : result.data.code) !== 200) {
-          Messager.error({ message: (result == null ? void 0 : result.data.msg) || "操作失败" });
-          return;
-        }
-        messageList.value = await refreshList();
-      } catch (e) {
-        console.error(e);
-      } finally {
-        loading.value = false;
-      }
-    };
-    const selectHandle = async () => {
-      selectGroup.clear();
-      if (selectValue.value) {
-        buttonGroup.addCondition("type", "=", selectValue.value);
-      }
-      messageList.value = await refreshList();
-    };
-    watch(buttonName, async () => {
-      buttonGroup.clear();
-      if (buttonName.value != "all") {
-        buttonGroup.addCondition("isRead", "=", 1);
-      }
-      messageList.value = await refreshList();
-    });
-    return (_ctx, _cache) => {
-      const _component_ElOption = resolveComponent("ElOption");
-      return showMessageList.value ? (openBlock(), createBlock(unref(ElDrawer), {
-        key: 0,
-        class: "mk-message",
-        title: "通知消息",
-        modelValue: showMessageList.value,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showMessageList.value = $event)
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(ElButtonGroup), { class: "mk-message__header-buttonGroup" }, {
-              default: withCtx(() => [
-                createVNode(unref(ElButton), {
-                  size: "small",
-                  class: normalizeClass([buttonName.value == "all" ? "active" : "", "mk-message__header-buttonGroup-button"]),
-                  onClick: _cache[0] || (_cache[0] = () => {
-                    buttonName.value = "all";
-                  })
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" 全部 ")
-                  ]),
-                  _: 1
-                }, 8, ["class"]),
-                createVNode(unref(ElButton), {
-                  size: "small",
-                  class: normalizeClass([buttonName.value == "unRead" ? "active" : "", "mk-message__header-buttonGroup-button"]),
-                  onClick: _cache[1] || (_cache[1] = () => {
-                    buttonName.value = "unRead";
-                  })
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("未读")
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(ElSelect), {
-              placeholder: "请选择类型",
-              size: "small",
-              modelValue: selectValue.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectValue.value = $event),
-              onChange: selectHandle,
-              clearable: ""
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_ElOption, {
-                  value: "1",
-                  label: "测试"
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"]),
-            createVNode(unref(ElButton), {
-              link: "",
-              type: "primary",
-              size: "small",
-              onClick: readAllHandle
-            }, {
-              default: withCtx(() => [
-                createTextVNode("全部已读")
-              ]),
-              _: 1
-            })
-          ]),
-          createVNode(unref(ElScrollbar), {
-            class: "mk-message__body",
-            onScroll: load
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(messageList.value, (item) => {
-                return openBlock(), createElementBlock("div", {
-                  class: normalizeClass(["mk-message__body-item", { "is-read": item.isRead }]),
-                  key: item.id,
-                  onClick: ($event) => {
-                    var _a2;
-                    return (_a2 = messageType.value.find((a) => a.type == item.type)) == null ? void 0 : _a2.actions(item);
-                  }
-                }, [
-                  createElementVNode("div", _hoisted_3, toDisplayString(item.title), 1),
-                  createElementVNode("div", _hoisted_4, toDisplayString(item.content), 1),
-                  createElementVNode("div", _hoisted_5, [
-                    createVNode(unref(ElTag), null, {
-                      default: withCtx(() => {
-                        var _a2;
-                        return [
-                          createTextVNode(toDisplayString((_a2 = messageType.value.find((a) => a.type == item.type)) == null ? void 0 : _a2.name), 1)
-                        ];
-                      }),
-                      _: 2
-                    }, 1024),
-                    createTextVNode(" " + toDisplayString(item.createdAt), 1)
-                  ])
-                ], 10, _hoisted_2);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 8, ["modelValue"])) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=index.vue.js.map

package/dist/esm/layouts/components/message-list/index.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../src/layouts/components/message-list/index.vue"],"sourcesContent":["<template>\r\n    <ElDrawer class=\"mk-message\" title=\"通知消息\" v-model=\"showMessageList as any\" v-if=\"showMessageList\">\r\n        <div class=\"mk-message__header\">\r\n            <ElButtonGroup class=\"mk-message__header-buttonGroup\">\r\n                <ElButton size=\"small\"\r\n                    :class=\"[buttonName == 'all' ? 'active' : '', 'mk-message__header-buttonGroup-button']\"\r\n                    @click=\"() => { buttonName = 'all' }\">\r\n                    全部\r\n                </ElButton>\r\n                <ElButton size=\"small\"\r\n                    :class=\"[buttonName == 'unRead' ? 'active' : '', 'mk-message__header-buttonGroup-button']\"\r\n                    @click=\"() => { buttonName = 'unRead' }\">未读</ElButton>\r\n            </ElButtonGroup>\r\n            <ElSelect placeholder=\"请选择类型\" size=\"small\" v-model=\"selectValue\" @change=\"selectHandle\" clearable>\r\n                <ElOption value=\"1\" label=\"测试\"></ElOption>\r\n            </ElSelect>\r\n            <ElButton link type=\"primary\" size=\"small\" @click=\"readAllHandle\">全部已读</ElButton>\r\n        </div>\r\n        <ElScrollbar class=\"mk-message__body\" @scroll=\"load\">\r\n            <div v-for=\"item in messageList\" class=\"mk-message__body-item\" :class=\"{ 'is-read': item.isRead }\"\r\n                :key=\"item.id\" @click=\"messageType.find((a) => a.type == item.type)?.actions(item)\">\r\n                <div class=\"mk-message__body-item-header\">\r\n                    {{ item.title }}\r\n                </div>\r\n                <div class=\"mk-message__body-item-content\">\r\n                    {{ item.content }}\r\n                </div>\r\n                <div class=\"mk-message__body-item-footer\">\r\n                    <ElTag>{{ messageType.find((a) => a.type == item.type)?.name }}</ElTag>\r\n                    {{ item.createdAt }}\r\n                </div>\r\n            </div>\r\n        </ElScrollbar>\r\n    </ElDrawer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { Dialoger, Messager } from \"@maketribe/dm\";\r\nimport { DvOpt, Group, OrderType } from \"@maketribe/request\";\r\nimport { ElButtonGroup, ElDrawer, ElButton, ElSelect, ElScrollbar, ElTag } from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { ref, unref, computed, Ref, watch } from \"vue\";\r\n\r\nconst httpRequest = MSAppClient.instance?.httpRequest;\r\nconst props = defineProps({\r\n    showMessageList: {\r\n        type: Boolean,\r\n        default: false,\r\n    }\r\n});\r\n\r\ninterface Message {\r\n    id: number;\r\n    title: string;\r\n    content?: string;\r\n    type: number;\r\n    isRead: boolean;\r\n    createdAt: string;\r\n}\r\n\r\nconst buttonName = ref('all');\r\nconst selectValue = ref('');\r\nconst loading = ref(false);\r\nconst pageNum = ref(1);\r\nconst messageList: Ref<Message[]> = ref([{\r\n    id: 1,\r\n    title: \"系统消息\",\r\n    content: \"恭喜您！成功获得微信同款研发管理工具免费资格！恭喜您！成功获得微信同款研发管理工具免费资格！\",\r\n    type: 1,\r\n    isRead: true,\r\n    createdAt: \"2024-08-14 13:44:26\"\r\n}, {\r\n    id: 2,\r\n    title: \"上级消息\",\r\n    content: \"未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读未读\",\r\n    type: 2,\r\n    isRead: false,\r\n    createdAt: \"2024-08-14 13:44:26\"\r\n}])\r\n\r\nconst load = async (scroll: { scrollTop: number }) => {\r\n    const dom = document.querySelector(\".mk-message__body\")!.children[0] as HTMLElement;\r\n    if (dom.scrollHeight - dom.offsetHeight - scroll.scrollTop < 300) {\r\n\r\n        const result = await messageQuery.listWithResponse({\r\n            pc: 10,\r\n            pn: pageNum.value\r\n        })\r\n        pageNum.value++\r\n        messageList.value.concat(result.data.data)\r\n    }\r\n}\r\n\r\nconst messageType = ref([\r\n    {\r\n        type: 1,\r\n        name: \"类型1\",\r\n        actions: (row: any) => {\r\n            console.log(row, \"类型1\");\r\n        }\r\n    },\r\n    {\r\n        type: 2,\r\n        name: \"类型2\",\r\n        actions: (row: any) => {\r\n            console.log(row, \"类型2\");\r\n        }\r\n    }\r\n])\r\n\r\nconst messageDv = DvOpt.createInstance({\r\n    name: \"message\",\r\n    moduleName: \"ms\"\r\n})\r\nconst buttonGroup = new Group();\r\nconst selectGroup = new Group();\r\nconst messageQuery = messageDv.query()\r\n    .addGroup((group) => { group.group.addGroup(buttonGroup).addGroup(selectGroup); })\r\n    .addOrderItem(\"createdAt\", OrderType.DESC)\r\nconst refreshList = async (pc: number = 10) => {\r\n    return await messageQuery.list({\r\n        pc: pc,\r\n        pn: 1\r\n    }) as Message[];\r\n}\r\n\r\n\r\n\r\nconst emit = defineEmits([\"update:showMessageList\"]);\r\n\r\nconst showMessageList: Ref<Boolean> = computed({\r\n    get() {\r\n        return unref(props.showMessageList);\r\n    },\r\n    set(value: Boolean) {\r\n        emit(\"update:showMessageList\", value);\r\n    }\r\n});\r\n\r\n//将未读全部变成已读\r\nconst readAllHandle = async () => {\r\n    const isConfirm = await Dialoger.confirm({\r\n        title: \"提示\",\r\n        message: \"确定将所有消息全部标记为已读吗？\",\r\n        type: \"warning\"\r\n    });\r\n\r\n    if (!isConfirm) {\r\n        return;\r\n    }\r\n\r\n    try {\r\n        loading.value = true;\r\n        const result = await httpRequest?.post(\"/message/readAll\");\r\n        if (result?.data.code !== 200) {\r\n            Messager.error({ message: result?.data.msg || \"操作失败\" });\r\n            return;\r\n        }\r\n        messageList.value = await refreshList()\r\n    } catch (e) {\r\n        console.error(e);\r\n    } finally {\r\n        loading.value = false;\r\n    }\r\n}\r\n\r\n//筛选选中的消息类型\r\nconst selectHandle = async () => {\r\n    selectGroup.clear();\r\n    if (selectValue.value) {\r\n        buttonGroup.addCondition(\"type\", \"=\", selectValue.value)\r\n    }\r\n    messageList.value = await refreshList()\r\n}\r\n\r\n//根据当前选择的是全部还是未读\r\nwatch(buttonName, async () => {\r\n    buttonGroup.clear();\r\n    if (buttonName.value != 'all') {\r\n        buttonGroup.addCondition(\"isRead\", \"=\", 1)\r\n    }\r\n    messageList.value = await refreshList()\r\n})\r\n\r\n</script>\r\n<style lang='scss'></style>"],"names":[],"mappings":"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"}

package/dist/esm/layouts/components/message-list/index.vue2.js

@@ -1,5 +0,0 @@
-import _sfc_main from "./index.vue.js";
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/components/message-list/index.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}