yx-web-sdk 0.0.4

package/dist/index.vue_vue_type_style_index_0_lang-CibeOmhP.mjs

@@ -0,0 +1,407 @@
+import { createVNode, defineComponent, ref, watch, nextTick, onBeforeUnmount, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, withModifiers, createBlock, unref, createCommentVNode, withCtx, withDirectives, normalizeStyle, vShow } from "vue";
+import { useClipboard, useEventListener } from "@vueuse/core";
+import { Image, Button, message } from "ant-design-vue";
+import { a as useServerStore, p as parseFileSize, m as matchExt, g as getImageMsgDisplaySize, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import { I as IconFont } from "./index-Dg8Q3cli.mjs";
+import dayjs from "dayjs";
+import { I as Icon } from "./AntdIcon-B0sjNvGu.mjs";
+var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
+function _objectSpread$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var ExclamationCircleFilled = function ExclamationCircleFilled2(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread$1({}, p, {
+    "icon": ExclamationCircleFilled$1
+  }), null);
+};
+ExclamationCircleFilled.displayName = "ExclamationCircleFilled";
+ExclamationCircleFilled.inheritAttrs = false;
+var LoadingOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024 1024", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, "name": "loading", "theme": "outlined" };
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var LoadingOutlined = function LoadingOutlined2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": LoadingOutlined$1
+  }), null);
+};
+LoadingOutlined.displayName = "LoadingOutlined";
+LoadingOutlined.inheritAttrs = false;
+const _hoisted_1 = ["data-msg-id-client"];
+const _hoisted_2 = { class: "chatCardAvatar" };
+const _hoisted_3 = { class: "chatCardContent" };
+const _hoisted_4 = { class: "chatCardInfo" };
+const _hoisted_5 = { class: "chatCardInfoName" };
+const _hoisted_6 = { class: "chatCardInfoTime" };
+const _hoisted_7 = ["innerHTML"];
+const _hoisted_8 = ["href"];
+const _hoisted_9 = { class: "fileMsgContent" };
+const _hoisted_10 = { class: "fileMsgName" };
+const _hoisted_11 = { class: "fileMsgSize" };
+const _hoisted_12 = {
+  key: 4,
+  class: "chatCardMainContent"
+};
+const _hoisted_13 = { class: "chatCardQuoteMsgName" };
+const _hoisted_14 = ["innerHTML"];
+const _hoisted_15 = { class: "chatCardStatus" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ChatCard"
+  },
+  __name: "index",
+  props: {
+    msg: {},
+    myAccid: { default: "" }
+  },
+  emits: ["resendText", "resendImg", "resendFile", "quote", "contextMenuSwitch", "quoteMsgClick"],
+  setup(__props, { emit: __emit }) {
+    const serverStore = useServerStore();
+    const props = __props;
+    const { copy } = useClipboard();
+    const emit = __emit;
+    const textMsgContextMenuVisible = ref(false);
+    const textMsgContextMenuX = ref(0);
+    const textMsgContextMenuY = ref(0);
+    const textMsgContextMenuRef = ref(null);
+    function onTextMsgContextMenu(e) {
+      textMsgContextMenuX.value = e.clientX;
+      textMsgContextMenuY.value = e.clientY;
+      textMsgContextMenuVisible.value = true;
+    }
+    function onCopyClick() {
+      copy(props.msg.body).then(() => {
+      }).catch((err) => {
+        console.error("copy error: ", err);
+        message.error("复制失败");
+      }).finally(() => {
+        textMsgContextMenuVisible.value = false;
+      });
+    }
+    function onQuoteClick() {
+      var _a;
+      let msg;
+      try {
+        msg = JSON.parse(JSON.stringify(props.msg));
+        if (msg.ext && typeof msg.ext === "string") {
+          msg.ext = JSON.parse(msg.ext);
+        }
+      } catch (error) {
+        console.error("parse ext error: ", error);
+      }
+      if ((_a = msg == null ? void 0 : msg.ext) == null ? void 0 : _a.quoteMsg) {
+        delete msg.ext.quoteMsg;
+      }
+      emit("quote", msg);
+      textMsgContextMenuVisible.value = false;
+    }
+    function onQuoteMsgClick() {
+      var _a;
+      emit("quoteMsgClick", (_a = msgExt.value) == null ? void 0 : _a.quoteMsg);
+    }
+    function handleClickOutside(e) {
+      if (!textMsgContextMenuVisible.value) return;
+      const el = textMsgContextMenuRef.value;
+      if (!el || !el.contains(e.target)) {
+        textMsgContextMenuVisible.value = false;
+      }
+    }
+    function closeMenuOnResizeOrScroll() {
+      if (textMsgContextMenuVisible.value) {
+        textMsgContextMenuVisible.value = false;
+      }
+    }
+    useEventListener(window, "resize", () => textMsgContextMenuVisible.value && closeMenuOnResizeOrScroll());
+    useEventListener(
+      () => window.visualViewport ?? void 0,
+      "resize",
+      () => textMsgContextMenuVisible.value && closeMenuOnResizeOrScroll()
+    );
+    useEventListener(document, "scroll", () => textMsgContextMenuVisible.value && closeMenuOnResizeOrScroll(), {
+      capture: true
+    });
+    watch(textMsgContextMenuVisible, (visible) => {
+      if (visible) {
+        nextTick(() => {
+          document.addEventListener("click", handleClickOutside, true);
+          document.addEventListener("contextmenu", handleClickOutside, true);
+        });
+        emit("contextMenuSwitch", true);
+      } else {
+        document.removeEventListener("click", handleClickOutside, true);
+        document.removeEventListener("contextmenu", handleClickOutside, true);
+        emit("contextMenuSwitch", false);
+      }
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("click", handleClickOutside, true);
+      document.removeEventListener("contextmenu", handleClickOutside, true);
+    });
+    const myAvatar = computed(() => {
+      var _a, _b, _c, _d;
+      if (((_a = serverStore.serverMembers) == null ? void 0 : _a.datas) && ((_b = serverStore.serverMembers) == null ? void 0 : _b.datas.length) > 0) {
+        return (_d = (_c = serverStore.serverMembers) == null ? void 0 : _c.datas.filter((item) => item.accid === props.msg.fromAccount)[0]) == null ? void 0 : _d.avatar;
+      }
+      return "";
+    });
+    const time = computed(() => {
+      const _d = dayjs(props.msg.time);
+      const isCurrentDay = _d.isSame(dayjs(), "day");
+      const isCurrentYear = _d.isSame(dayjs(), "year");
+      return _d.format(isCurrentDay ? "HH:mm:ss" : isCurrentYear ? "MM-DD HH:mm:ss" : "YYYY-MM-DD HH:mm:ss");
+    });
+    const size = computed(() => {
+      var _a;
+      return parseFileSize(((_a = props.msg.attach) == null ? void 0 : _a.size) || 0);
+    });
+    const ext = computed(() => {
+      var _a;
+      return matchExt(((_a = props.msg.attach) == null ? void 0 : _a.ext) || "");
+    });
+    const textMsgBody = computed(
+      () => {
+        var _a;
+        return ((_a = props.msg.body) == null ? void 0 : _a.replace(
+          /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi,
+          '<a style="color:#fff;text-decoration:underline;" href="$1" target="_blank">$1</a>'
+        )) || "";
+      }
+    );
+    const msgExt = computed(() => {
+      if (!props.msg.ext) {
+        return null;
+      }
+      try {
+        return JSON.parse(props.msg.ext);
+      } catch (error) {
+        console.error("parse ext error: ", error);
+        return null;
+      }
+    });
+    const imageMsgSize = computed(() => {
+      var _a;
+      return getImageMsgDisplaySize((_a = props.msg) == null ? void 0 : _a.attach);
+    });
+    const quoteImageMsgSize = computed(() => {
+      var _a, _b;
+      return getImageMsgDisplaySize((_b = (_a = msgExt.value) == null ? void 0 : _a.quoteMsg) == null ? void 0 : _b.attach);
+    });
+    const resendHandler = () => {
+      switch (props.msg.type) {
+        case "text":
+          emit("resendText", props.msg);
+          break;
+        case "image":
+          emit("resendImg", props.msg);
+          break;
+        case "file":
+          emit("resendFile", props.msg);
+          break;
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yx-chatCardWrapper", { reverse: __props.msg.fromAccount === __props.myAccid }]),
+        "data-msg-id-client": __props.msg.msgIdClient
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1, {
+            avatar: myAvatar.value,
+            nick: __props.msg.fromNick,
+            accid: __props.msg.fromAccount,
+            width: 32,
+            border: 0
+          }, null, 8, ["avatar", "nick", "accid"])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", null, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("span", _hoisted_5, toDisplayString(__props.msg.fromNick), 1),
+              createElementVNode("span", _hoisted_6, toDisplayString(time.value), 1)
+            ]),
+            __props.msg.type === "text" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
+            }, [
+              createElementVNode("div", {
+                class: "textMsg flash-target",
+                onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"]),
+                innerHTML: textMsgBody.value
+              }, null, 40, _hoisted_7)
+            ], 2)) : __props.msg.type === "file" ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
+            }, [
+              createElementVNode("a", {
+                class: "fileMsg",
+                target: "_blank",
+                href: (_b = (_a = __props.msg) == null ? void 0 : _a.attach) == null ? void 0 : _b.url
+              }, [
+                ext.value === "pdf" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 0,
+                  type: "icon-PDF",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "word" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 1,
+                  type: "icon-Word",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "excel" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 2,
+                  type: "icon-Excel",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "ppt" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 3,
+                  type: "icon-PPT",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "zip" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 4,
+                  type: "icon-RAR1",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "video" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 5,
+                  type: "icon-shipin",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "audio" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 6,
+                  type: "icon-yinle",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "img" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 7,
+                  type: "icon-tupian2",
+                  style: { "font-size": "40px" }
+                })) : ext.value === "txt" ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 8,
+                  type: "icon-qita",
+                  style: { "font-size": "40px" }
+                })) : (openBlock(), createBlock(unref(IconFont), {
+                  key: 9,
+                  type: "icon-weizhiwenjian",
+                  style: { "font-size": "40px" }
+                })),
+                createElementVNode("div", _hoisted_9, [
+                  createElementVNode("div", _hoisted_10, toDisplayString((_d = (_c = __props.msg) == null ? void 0 : _c.attach) == null ? void 0 : _d.name), 1),
+                  createElementVNode("div", _hoisted_11, toDisplayString(size.value), 1)
+                ])
+              ], 8, _hoisted_8)
+            ], 2)) : __props.msg.type === "image" ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass(["chatCardMainContent flash-target", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }]),
+              onContextmenu: withModifiers(onTextMsgContextMenu, ["prevent"])
+            }, [
+              createVNode(unref(Image), {
+                class: "imgMsg",
+                src: (_f = (_e = __props.msg) == null ? void 0 : _e.attach) == null ? void 0 : _f.url,
+                width: imageMsgSize.value.width,
+                height: imageMsgSize.value.height
+              }, null, 8, ["src", "width", "height"])
+            ], 34)) : (openBlock(), createElementBlock("div", {
+              key: 3,
+              class: normalizeClass(["chatCardMainContent", { myMsg: __props.msg.fromAccount === __props.myAccid, otherMsg: __props.msg.fromAccount !== __props.myAccid }])
+            }, [..._cache[1] || (_cache[1] = [
+              createElementVNode("div", { class: "textMsg" }, toDisplayString("暂不支持该消息"), -1)
+            ])], 2)),
+            ((_g = msgExt.value) == null ? void 0 : _g.quoteMsg) ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              createElementVNode("div", {
+                class: "chatCardQuoteMsg",
+                onClick: onQuoteMsgClick
+              }, [
+                createElementVNode("div", _hoisted_13, toDisplayString(msgExt.value.quoteMsg.fromNick) + "：", 1),
+                msgExt.value.quoteMsg.body ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "quoteMsgText",
+                  innerHTML: msgExt.value.quoteMsg.body
+                }, null, 8, _hoisted_14)) : createCommentVNode("", true),
+                msgExt.value.quoteMsg.type === "image" ? (openBlock(), createBlock(unref(Image), {
+                  key: 1,
+                  class: "imgMsg quoteMsgImg",
+                  src: (_h = msgExt.value.quoteMsg.attach) == null ? void 0 : _h.url,
+                  width: quoteImageMsgSize.value.width,
+                  height: quoteImageMsgSize.value.height,
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop", "prevent"]))
+                }, null, 8, ["src", "width", "height"])) : createCommentVNode("", true)
+              ])
+            ])) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_15, [
+            __props.msg.deliveryStatus === "failed" ? (openBlock(), createBlock(unref(Button), {
+              key: 0,
+              type: "text",
+              danger: "",
+              onClick: resendHandler
+            }, {
+              icon: withCtx(() => [
+                createVNode(unref(ExclamationCircleFilled))
+              ]),
+              _: 1
+            })) : __props.msg.deliveryStatus === "sending" ? (openBlock(), createBlock(unref(LoadingOutlined), { key: 1 })) : createCommentVNode("", true)
+          ])
+        ]),
+        withDirectives(createElementVNode("div", {
+          ref_key: "textMsgContextMenuRef",
+          ref: textMsgContextMenuRef,
+          class: "yx-chatCardTextMsgContextMenu",
+          style: normalizeStyle({ left: textMsgContextMenuX.value + "px", top: textMsgContextMenuY.value + "px" })
+        }, [
+          createElementVNode("div", {
+            class: "yx-chatCardTextMsgContextMenu-item",
+            onClick: onCopyClick
+          }, "复制"),
+          createElementVNode("div", {
+            class: "yx-chatCardTextMsgContextMenu-item",
+            onClick: onQuoteClick
+          }, "引用")
+        ], 4), [
+          [vShow, textMsgContextMenuVisible.value]
+        ])
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  LoadingOutlined as L,
+  _sfc_main as _
+};