tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/handler/translator.js

@@ -1,72 +1,49 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import TUIChatEngine, { TUIStore, TUIChatService, TUIUserService } from "@tencentcloud/chat-uikit-engine";
-const _Translator = class _Translator {
+var m = Object.defineProperty;
+var v = (h, t, e) => t in h ? m(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var p = (h, t, e) => v(h, typeof t != "symbol" ? t + "" : t, e);
+import x, { TUIStore as S, TUIChatService as k, TUIUserService as I } from "@tencentcloud/chat-uikit-engine";
+const u = class u {
   constructor() {
-    __publicField(this, "translationCache", /* @__PURE__ */ new Map());
-    if (_Translator.instance) {
-      return _Translator.instance;
-    }
-    _Translator.instance = this;
+    p(this, "translationCache", /* @__PURE__ */ new Map());
+    if (u.instance)
+      return u.instance;
+    u.instance = this;
   }
-  async get(messageID) {
-    const cache = this.translationCache.get(messageID);
-    if (cache !== void 0) {
-      return cache;
-    }
-    const currentMessage = TUIStore.getMessageModel(messageID);
-    if (!currentMessage) {
+  async get(t) {
+    const e = this.translationCache.get(t);
+    if (e !== void 0)
+      return e;
+    const s = S.getMessageModel(t);
+    if (!s)
       return Promise.reject("message not found");
-    }
-    const { text } = currentMessage.getMessageContent() || {};
-    const textList = [];
-    const splittingList = await this.getNickList(currentMessage);
-    for (let i = 0; i < text.length; ++i) {
-      const item = text[i];
-      if (item.name === "img") {
-        textList.push({ type: "face", value: item.src });
+    const { text: a } = s.getMessageContent() || {}, n = [], r = await this.getNickList(s);
+    for (let i = 0; i < a.length; ++i) {
+      const l = a[i];
+      if (l.name === "img") {
+        n.push({ type: "face", value: l.src });
         continue;
       }
-      const { transSplittingList, atNickList } = this.getSplitResult(item.text, splittingList);
-      for (let j = 0; j < transSplittingList.length; ++j) {
-        textList.push({ type: "text", value: transSplittingList[j] });
-        if (j < atNickList.length) {
-          textList.push({ type: "mention", value: atNickList[j] });
-        }
-      }
+      const { transSplittingList: L, atNickList: T } = this.getSplitResult(l.text, r);
+      for (let f = 0; f < L.length; ++f)
+        n.push({ type: "text", value: L[f] }), f < T.length && n.push({ type: "mention", value: T[f] });
     }
-    const needTranslateTextIndex = [];
-    const needTranslateText = textList.filter((item, index) => {
-      if (item.type === "text" && item.value.trim() !== "") {
-        needTranslateTextIndex.push(index);
-        return true;
-      }
-      return false;
-    }).map((item) => item.value);
-    if (needTranslateText.length === 0) {
-      this.translationCache.set(currentMessage.ID, textList);
-      return textList;
-    }
-    const translationResult = await this.getTranslationStandard(needTranslateText);
-    translationResult.forEach((item, index) => {
-      textList[needTranslateTextIndex[index]].value = item;
-    });
-    this.translationCache.set(currentMessage.ID, textList);
-    return textList;
+    const c = [], o = n.filter((i, l) => i.type === "text" && i.value.trim() !== "" ? (c.push(l), !0) : !1).map((i) => i.value);
+    return o.length === 0 ? (this.translationCache.set(s.ID, n), n) : ((await this.getTranslationStandard(o)).forEach((i, l) => {
+      n[c[l]].value = i;
+    }), this.translationCache.set(s.ID, n), n);
   }
-  getTranslationStandard(originTextList) {
-    return new Promise((resolve, reject) => {
-      TUIChatService.translateText({
-        sourceTextList: originTextList,
+  getTranslationStandard(t) {
+    return new Promise((e, s) => {
+      k.translateText({
+        sourceTextList: t,
         sourceLanguage: "auto"
-      }).then((response) => {
+      }).then((a) => {
         const {
-          data: { translatedTextList }
-        } = response;
-        resolve(translatedTextList);
-      }).catch((error) => {
-        reject(error);
+          data: { translatedTextList: n }
+        } = a;
+        e(n);
+      }).catch((a) => {
+        s(a);
       });
     });
   }
@@ -75,21 +52,16 @@ const _Translator = class _Translator {
    * @param message
    * @returns e.g. ['@james', '@john']
    */
-  async getNickList(message) {
-    const splittingList = [];
-    const { atUserList = [] } = message;
-    const atAllID = TUIChatEngine.TYPES.MSG_AT_ALL;
-    if (atUserList.includes(atAllID)) {
-      splittingList.push("@所有人");
-    }
-    if (atUserList.length > 0) {
-      const { data: userProfileList } = await TUIUserService.getUserProfile({ userIDList: atUserList });
-      userProfileList.forEach((user) => {
-        const atNick = `@${user.nick || user.userID}`;
-        splittingList.push(atNick);
+  async getNickList(t) {
+    const e = [], { atUserList: s = [] } = t, a = x.TYPES.MSG_AT_ALL;
+    if (s.includes(a) && e.push("@所有人"), s.length > 0) {
+      const { data: n } = await I.getUserProfile({ userIDList: s });
+      n.forEach((r) => {
+        const c = `@${r.nick || r.userID}`;
+        e.push(c);
       });
     }
-    return Array.from(new Set(splittingList));
+    return Array.from(new Set(e));
   }
   /**
    * Splits the given text into substrings based on the provided splitString array.
@@ -100,41 +72,37 @@ const _Translator = class _Translator {
    *   - transSplittingList: An array of substrings extracted from the text.
    *   - atNickList: An array of split strings that were found in the text.
    */
-  getSplitResult(text, splitString) {
-    let searchStartPos = 0;
-    const transSplittingList = [];
-    const atNickList = [];
-    while (searchStartPos < text.length) {
-      const nextAtCharPos = text.indexOf("@", searchStartPos);
-      if (nextAtCharPos === -1) {
-        transSplittingList.push(text.substring(searchStartPos));
+  getSplitResult(t, e) {
+    let s = 0;
+    const a = [], n = [];
+    for (; s < t.length; ) {
+      const r = t.indexOf("@", s);
+      if (r === -1) {
+        a.push(t.substring(s));
         break;
       }
-      let found = false;
-      for (let i = 0; i < splitString.length; ++i) {
-        const pos = text.indexOf(splitString[i], nextAtCharPos);
-        if (pos !== -1 && pos === nextAtCharPos) {
-          transSplittingList.push(text.substring(searchStartPos, pos));
-          atNickList.push(splitString[i]);
-          searchStartPos = pos + splitString[i].length;
-          found = true;
+      let c = !1;
+      for (let o = 0; o < e.length; ++o) {
+        const g = t.indexOf(e[o], r);
+        if (g !== -1 && g === r) {
+          a.push(t.substring(s, g)), n.push(e[o]), s = g + e[o].length, c = !0;
           break;
         }
       }
-      if (!found) {
-        transSplittingList.push(text.substring(searchStartPos));
+      if (!c) {
+        a.push(t.substring(s));
         break;
       }
     }
     return {
-      transSplittingList,
-      atNickList
+      transSplittingList: a,
+      atNickList: n
     };
   }
 };
-__publicField(_Translator, "instance");
-let Translator = _Translator;
-const translator = new Translator();
+p(u, "instance");
+let d = u;
+const y = new d();
 export {
-  translator
+  y as translator
 };

package/dist/handler/voiceConverter.js

@@ -1,37 +1,28 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { TUIStore, TUIChatService } from "@tencentcloud/chat-uikit-engine";
-const _VoiceConverter = class _VoiceConverter {
+var h = Object.defineProperty;
+var u = (s, e, t) => e in s ? h(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var o = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
+import { TUIStore as v, TUIChatService as f } from "@tencentcloud/chat-uikit-engine";
+const n = class n {
   constructor() {
-    __publicField(this, "convertCache", /* @__PURE__ */ new Map());
-    if (_VoiceConverter.instance) {
-      return;
-    }
-    _VoiceConverter.instance = this;
+    o(this, "convertCache", /* @__PURE__ */ new Map());
+    n.instance || (n.instance = this);
   }
-  async get(messageID) {
-    const cache = this.convertCache.get(messageID);
-    if (cache !== void 0) {
-      return cache;
-    }
-    const currentMessage = TUIStore.getMessageModel(messageID);
-    if (!currentMessage) {
+  async get(e) {
+    const t = this.convertCache.get(e);
+    if (t !== void 0)
+      return t;
+    const c = v.getMessageModel(e);
+    if (!c)
       return Promise.reject("message not found");
-    }
-    const response = await TUIChatService.convertVoiceToText({
-      message: currentMessage
-    });
-    const { data: { result = "" } = {} } = response;
-    if (result) {
-      this.convertCache.set(currentMessage.ID, result);
-    }
-    return result;
+    const i = await f.convertVoiceToText({
+      message: c
+    }), { data: { result: r = "" } = {} } = i;
+    return r && this.convertCache.set(c.ID, r), r;
   }
 };
-__publicField(_VoiceConverter, "instance");
-let VoiceConverter = _VoiceConverter;
-const voiceConverter = new VoiceConverter();
+o(n, "instance");
+let a = n;
+const m = new a();
 export {
-  voiceConverter
+  m as voiceConverter
 };

package/dist/hooks/index.d.ts

@@ -1,3 +1,3 @@
 export { useLongPress } from './useLongPress';
-export type { UseLongPressOptions } from './useLongPress';
 export { useMouseHover } from './useMouseHover';
+export type { UseLongPressOptions } from './useLongPress';

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
-import { useLongPress } from "./useLongPress.js";
-import { useMouseHover } from "./useMouseHover.js";
+import { useLongPress as r } from "./useLongPress.js";
+import { useMouseHover as u } from "./useMouseHover.js";
 export {
-  useLongPress,
-  useMouseHover
+  r as useLongPress,
+  u as useMouseHover
 };

package/dist/hooks/useAudioControl.js

@@ -1,135 +1,51 @@
-import { ref, onMounted, onUnmounted } from "vue";
-const audioInstances = /* @__PURE__ */ new Map();
-const AUDIO_PLAY_EVENT = "AUDIO_PLAY_EVENT";
-const createAudioPlayEvent = (audioId) => new CustomEvent(AUDIO_PLAY_EVENT, {
-  detail: { audioId }
+import { ref as l, onMounted as g, onUnmounted as I } from "vue";
+const v = /* @__PURE__ */ new Map(), E = "AUDIO_PLAY_EVENT", P = (c) => new CustomEvent(E, {
+  detail: { audioId: c }
 });
-function useAudioControl(props) {
-  const { url } = props;
-  const audioId = props.audioId || `audio-${url}`;
-  const isPlaying = ref(false);
-  const progress = ref(0);
-  const duration = ref(void 0);
-  const isLoading = ref(true);
-  const audio = ref(null);
-  const play = () => {
-    if (!audio.value) {
+function y(c) {
+  const { url: m } = c, n = c.audioId || `audio-${m}`, d = l(!1), r = l(0), a = l(void 0), u = l(!0), t = l(null), h = () => {
+    t.value && (window.dispatchEvent(P(n)), t.value.play(), d.value = !0);
+  }, f = () => {
+    t.value && (t.value.pause(), d.value = !1);
+  }, w = () => {
+    t.value && (t.value.pause(), t.value.currentTime = 0, d.value = !1, r.value = 0);
+  }, A = (e) => {
+    if (!t.value || a.value === void 0)
       return;
-    }
-    window.dispatchEvent(createAudioPlayEvent(audioId));
-    audio.value.play();
-    isPlaying.value = true;
-  };
-  const pause = () => {
-    if (!audio.value) {
-      return;
-    }
-    audio.value.pause();
-    isPlaying.value = false;
-  };
-  const stop = () => {
-    if (!audio.value) {
-      return;
-    }
-    audio.value.pause();
-    audio.value.currentTime = 0;
-    isPlaying.value = false;
-    progress.value = 0;
-  };
-  const setProgress = (newProgress) => {
-    if (!audio.value || duration.value === void 0) {
-      return;
-    }
-    const validProgress = Math.max(0, Math.min(1, newProgress));
-    audio.value.currentTime = duration.value * validProgress;
-    progress.value = validProgress;
-  };
-  const handleTimeUpdate = () => {
-    if (!audio.value || !duration.value) {
-      return;
-    }
-    progress.value = audio.value.currentTime / duration.value;
-  };
-  const handleEnded = () => {
-    isPlaying.value = false;
-    progress.value = 0;
-  };
-  const handleAudioPlay = (e) => {
-    const event = e;
-    if (event.detail.audioId !== audioId && isPlaying.value) {
-      pause();
-    }
-  };
-  onMounted(() => {
-    window.addEventListener(AUDIO_PLAY_EVENT, handleAudioPlay);
-    let audioInstance = audioInstances.get(audioId);
-    const handleLoadedMetadata = () => {
-      if (!audioInstance) {
-        return;
-      }
-      duration.value = audioInstance.duration;
-      isLoading.value = false;
-    };
-    const handleError = () => {
-      console.error("Audio load error:", url);
-      isLoading.value = false;
+    const o = Math.max(0, Math.min(1, e));
+    t.value.currentTime = a.value * o, r.value = o;
+  }, s = () => {
+    !t.value || !a.value || (r.value = t.value.currentTime / a.value);
+  }, i = () => {
+    d.value = !1, r.value = 0;
+  }, L = (e) => {
+    e.detail.audioId !== n && d.value && f();
+  };
+  return g(() => {
+    window.addEventListener(E, L);
+    let e = v.get(n);
+    const o = () => {
+      e && (a.value = e.duration, u.value = !1);
+    }, p = () => {
+      console.error("Audio load error:", m), u.value = !1;
     };
-    if (!audioInstance || audioInstance.src !== url) {
-      isLoading.value = true;
-      duration.value = void 0;
-      if (audioInstance) {
-        audioInstance.pause();
-        audioInstance.src = "";
-        audioInstance.load();
-        audioInstance.removeEventListener("loadedmetadata", handleLoadedMetadata);
-        audioInstance.removeEventListener("error", handleError);
-        audioInstance.removeEventListener("timeupdate", handleTimeUpdate);
-        audioInstance.removeEventListener("ended", handleEnded);
-      }
-      audioInstance = new Audio(url);
-      audioInstance.addEventListener("loadedmetadata", handleLoadedMetadata);
-      audioInstance.addEventListener("error", handleError);
-      audioInstance.addEventListener("timeupdate", handleTimeUpdate);
-      audioInstance.addEventListener("ended", handleEnded);
-      audioInstances.set(audioId, audioInstance);
-      audio.value = audioInstance;
-      isPlaying.value = false;
-      progress.value = 0;
-    } else {
-      audio.value = audioInstance;
-      audioInstance.removeEventListener("timeupdate", handleTimeUpdate);
-      audioInstance.removeEventListener("ended", handleEnded);
-      audioInstance.addEventListener("timeupdate", handleTimeUpdate);
-      audioInstance.addEventListener("ended", handleEnded);
-      if (audioInstance.duration) {
-        duration.value = audioInstance.duration;
-        isLoading.value = false;
-      }
-    }
-  });
-  onUnmounted(() => {
-    window.removeEventListener(AUDIO_PLAY_EVENT, handleAudioPlay);
-    if (audioInstances.has(audioId)) {
-      const instance = audioInstances.get(audioId);
-      instance.removeEventListener("timeupdate", handleTimeUpdate);
-      instance.removeEventListener("ended", handleEnded);
-      instance.pause();
-      instance.src = "";
-      instance.load();
-      audioInstances.delete(audioId);
-    }
-  });
-  return {
-    isPlaying,
-    progress,
-    duration,
-    isLoading,
-    play,
-    pause,
-    stop,
-    setProgress
+    !e || e.src !== m ? (u.value = !0, a.value = void 0, e && (e.pause(), e.src = "", e.load(), e.removeEventListener("loadedmetadata", o), e.removeEventListener("error", p), e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i)), e = new Audio(m), e.addEventListener("loadedmetadata", o), e.addEventListener("error", p), e.addEventListener("timeupdate", s), e.addEventListener("ended", i), v.set(n, e), t.value = e, d.value = !1, r.value = 0) : (t.value = e, e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i), e.addEventListener("timeupdate", s), e.addEventListener("ended", i), e.duration && (a.value = e.duration, u.value = !1));
+  }), I(() => {
+    if (window.removeEventListener(E, L), v.has(n)) {
+      const e = v.get(n);
+      e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i), e.pause(), e.src = "", e.load(), v.delete(n);
+    }
+  }), {
+    isPlaying: d,
+    progress: r,
+    duration: a,
+    isLoading: u,
+    play: h,
+    pause: f,
+    stop: w,
+    setProgress: A
   };
 }
 export {
-  useAudioControl
+  y as useAudioControl
 };

package/dist/hooks/useLongPress.js

@@ -1,82 +1,48 @@
-import { ref, onUnmounted } from "vue";
-const noop = () => {
+import { ref as b, onUnmounted as y } from "vue";
+const C = () => {
 };
-function useLongPress(onLongPress, options) {
-  const effectiveCallback = onLongPress ?? noop;
-  const {
-    delay = 500,
-    preventDefault = true,
-    cancelOutsideElement = true,
-    cancelOnMove = true,
-    onContextMenu
-  } = options || {};
-  let fixedThreshold = 5;
-  if (typeof cancelOnMove === "number") {
-    fixedThreshold = cancelOnMove;
-  }
-  const isLongPressActive = ref(false);
-  let timer = null;
-  let startCoords = null;
-  const clear = (event) => {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-    startCoords = null;
-    isLongPressActive.value = false;
-  };
-  const start = (event) => {
-    clear();
-    if (preventDefault) {
-      event.preventDefault();
-    }
-    startCoords = { x: event.clientX, y: event.clientY };
-    timer = setTimeout(() => {
-      effectiveCallback(event);
-      isLongPressActive.value = true;
-      clear();
-    }, delay);
-  };
-  const move = (event) => {
-    if (!startCoords || !cancelOnMove) {
+function g(s, a) {
+  const f = s ?? C, {
+    delay: d = 500,
+    preventDefault: m = !0,
+    cancelOutsideElement: v = !0,
+    cancelOnMove: l = !0,
+    onContextMenu: u
+  } = a || {};
+  let r = 5;
+  typeof l == "number" && (r = l);
+  const i = b(!1);
+  let t = null, n = null;
+  const o = (e) => {
+    t && (clearTimeout(t), t = null), n = null, i.value = !1;
+  }, p = (e) => {
+    o(), m && e.preventDefault(), n = { x: e.clientX, y: e.clientY }, t = setTimeout(() => {
+      f(e), i.value = !0, o();
+    }, d);
+  }, x = (e) => {
+    if (!n || !l)
       return;
-    }
-    const diffX = Math.abs(event.clientX - startCoords.x);
-    const diffY = Math.abs(event.clientY - startCoords.y);
-    if (diffX > fixedThreshold || diffY > fixedThreshold) {
-      clear();
-    }
-  };
-  const end = (event) => {
-    clear();
-  };
-  onUnmounted(() => {
-    if (timer) {
-      clearTimeout(timer);
-    }
-  });
-  const getEventHandlers = () => {
-    if (onLongPress === null) {
-      return {};
-    }
-    const handlers = {
-      onPointerdown: start,
-      onPointermove: move,
-      onPointerup: end
-    };
-    if (onContextMenu) {
-      handlers.onContextmenu = onContextMenu;
-    }
-    if (cancelOutsideElement) {
-      handlers.onPointerleave = end;
-    }
-    return handlers;
+    const h = Math.abs(e.clientX - n.x), P = Math.abs(e.clientY - n.y);
+    (h > r || P > r) && o();
+  }, c = (e) => {
+    o();
   };
-  return {
-    getEventHandlers,
-    isLongPressActive
+  return y(() => {
+    t && clearTimeout(t);
+  }), {
+    getEventHandlers: () => {
+      if (s === null)
+        return {};
+      const e = {
+        onPointerdown: p,
+        onPointermove: x,
+        onPointerup: c
+      };
+      return u && (e.onContextmenu = u), v && (e.onPointerleave = c), e;
+    },
+    isLongPressActive: i
   };
 }
 export {
-  useLongPress
+  g as useLongPress
 };

package/dist/hooks/useMessageActions.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'vue';
-import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../types/engine';
 
 /**
  * Message action interface