tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/chat/index.js

@@ -1,84 +1,59 @@
-import { View as _sfc_main } from "../baseComp/View/index.js";
-import { ChatSetting as ChatSetting$1 } from "../components/ChatSetting/index.js";
-import { ContactList as ContactList$1, ContactListItem as ContactListItem$1, ContactInfo as ContactInfo$1 } from "../components/ContactList/index.js";
-import { ConversationList as ConversationList$1, ConversationActions as ConversationActions$1, ConversationListHeader as ConversationListHeader$1, ConversationListContent as ConversationListContent$1, ConversationPreview as ConversationPreview$1, ConversationPreviewUI as ConversationPreviewUI$1, ConversationSearch as ConversationSearch$1 } from "../components/ConversationList/index.js";
-import { MessageInput as MessageInput$1, EmojiPicker as EmojiPicker$1 } from "../components/MessageInput/index.js";
-import { MessageList as MessageList$1, Message as Message$1 } from "../components/MessageList/index.js";
-import { Search as Search$1, SearchAdvanced as SearchAdvanced$1, UserAdvanced as UserAdvanced$1, MessageAdvanced as MessageAdvanced$1, SearchResults as SearchResults$1, SearchResultItem as SearchResultItem$1, SearchBar as SearchBar$1 } from "../components/Search/index.js";
-import { useMessageActions as useMessageActions$1 } from "../hooks/useMessageActions.js";
-import { useSearchState as useSearchState$1 } from "../states/SearchState.js";
-import ChatLoginServer from "./server.js";
-import { useContactListState as useContactListState$1 } from "../states/ContactListState/ContactListState.js";
-import { useC2CSettingState as useC2CSettingState$1 } from "../states/C2CSettingState/C2CSettingState.js";
-import { useGroupSettingState as useGroupSettingState$1 } from "../states/GroupSettingState/GroupSettingState.js";
-import { useMessageListState as useMessageListState$1 } from "../states/MessageListState/MessageListState.js";
-import { useMessageInputState as useMessageInputState$1 } from "../states/MessageInputState/MessageInputState.js";
-import { useMessageActionState as useMessageActionState$1 } from "../states/MessageActionState/MessageActionState.js";
-import { useConversationListState as useConversationListState$1 } from "../states/ConversationListState/ConversationListState.js";
-ChatLoginServer.getInstance().init();
-const Search = Search$1;
-const SearchAdvanced = SearchAdvanced$1;
-const MessageAdvanced = MessageAdvanced$1;
-const UserAdvanced = UserAdvanced$1;
-const SearchBar = SearchBar$1;
-const SearchResults = SearchResults$1;
-const SearchResultItem = SearchResultItem$1;
-const ConversationList = ConversationList$1;
-const ConversationActions = ConversationActions$1;
-const ConversationListHeader = ConversationListHeader$1;
-const ConversationListContent = ConversationListContent$1;
-const ConversationPreview = ConversationPreview$1;
-const ConversationPreviewUI = ConversationPreviewUI$1;
-const ConversationSearch = ConversationSearch$1;
-const ContactList = ContactList$1;
-const ContactListItem = ContactListItem$1;
-const ContactInfo = ContactInfo$1;
-const MessageList = MessageList$1;
-const Message = Message$1;
-const MessageInput = MessageInput$1;
-const EmojiPicker = EmojiPicker$1;
-const ChatSetting = ChatSetting$1;
-const View = _sfc_main;
-const useMessageActions = useMessageActions$1;
-const useConversationListState = useConversationListState$1;
-const useMessageActionState = useMessageActionState$1;
-const useMessageInputState = useMessageInputState$1;
-const useMessageListState = useMessageListState$1;
-const useSearchState = useSearchState$1;
-const useContactListState = useContactListState$1;
-const useC2CSettingState = useC2CSettingState$1;
-const useGroupSettingState = useGroupSettingState$1;
+import { View as t } from "../baseComp/View/index.js";
+import { ChatSetting as e } from "../components/ChatSetting/index.js";
+import { ContactList as s, ContactListItem as a, ContactInfo as o } from "../components/ContactList/index.js";
+import { ConversationList as n, ConversationActions as i, ConversationListHeader as r, ConversationListContent as c, ConversationPreview as C, ConversationPreviewUI as S, ConversationSearch as m } from "../components/ConversationList/index.js";
+import { MessageInput as u, EmojiPicker as v, AttachmentPicker as g, FilePicker as $, ImagePicker as d, VideoPicker as h, AudioCallPicker as L, VideoCallPicker as p } from "../components/MessageInput/index.js";
+import { MessageList as P, Message as A } from "../components/MessageList/index.js";
+import { Search as M, SearchAdvanced as I, UserAdvanced as f, MessageAdvanced as k, SearchResults as l, SearchResultItem as w, SearchBar as V } from "../components/Search/index.js";
+import { useMessageActions as R } from "../hooks/useMessageActions.js";
+import { useSearchState as U } from "../states/SearchState.js";
+import j from "./server.js";
+import { useContactListState as B } from "../states/ContactListState/ContactListState.js";
+import { useC2CSettingState as E } from "../states/C2CSettingState/C2CSettingState.js";
+import { useGroupSettingState as F } from "../states/GroupSettingState/GroupSettingState.js";
+import { useMessageListState as G } from "../states/MessageListState/MessageListState.js";
+import { useMessageInputState as H } from "../states/MessageInputState/MessageInputState.js";
+import { useMessageActionState as _ } from "../states/MessageActionState/MessageActionState.js";
+import { useConversationListState as x } from "../states/ConversationListState/ConversationListState.js";
+j.getInstance().init();
+const st = M, at = I, ot = k, nt = f, it = V, rt = l, ct = w, Ct = n, St = i, mt = r, ut = c, vt = C, gt = S, $t = m, dt = s, ht = a, Lt = o, pt = P, Pt = A, At = u, Mt = v, It = g, ft = $, kt = d, lt = h, wt = L, Vt = p, Rt = e, Ut = t, jt = R, Bt = x, Et = _, Ft = H, Gt = G, Ht = U, _t = B, xt = E, bt = F;
 export {
-  ChatSetting,
-  ContactInfo,
-  ContactList,
-  ContactListItem,
-  ConversationActions,
-  ConversationList,
-  ConversationListContent,
-  ConversationListHeader,
-  ConversationPreview,
-  ConversationPreviewUI,
-  ConversationSearch,
-  EmojiPicker,
-  Message,
-  MessageAdvanced,
-  MessageInput,
-  MessageList,
-  Search,
-  SearchAdvanced,
-  SearchBar,
-  SearchResultItem,
-  SearchResults,
-  UserAdvanced,
-  View,
-  useC2CSettingState,
-  useContactListState,
-  useConversationListState,
-  useGroupSettingState,
-  useMessageActionState,
-  useMessageActions,
-  useMessageInputState,
-  useMessageListState,
-  useSearchState
+  It as AttachmentPicker,
+  wt as AudioCallPicker,
+  Rt as ChatSetting,
+  Lt as ContactInfo,
+  dt as ContactList,
+  ht as ContactListItem,
+  St as ConversationActions,
+  Ct as ConversationList,
+  ut as ConversationListContent,
+  mt as ConversationListHeader,
+  vt as ConversationPreview,
+  gt as ConversationPreviewUI,
+  $t as ConversationSearch,
+  Mt as EmojiPicker,
+  ft as FilePicker,
+  kt as ImagePicker,
+  Pt as Message,
+  ot as MessageAdvanced,
+  At as MessageInput,
+  pt as MessageList,
+  st as Search,
+  at as SearchAdvanced,
+  it as SearchBar,
+  ct as SearchResultItem,
+  rt as SearchResults,
+  nt as UserAdvanced,
+  Vt as VideoCallPicker,
+  lt as VideoPicker,
+  Ut as View,
+  xt as useC2CSettingState,
+  _t as useContactListState,
+  Bt as useConversationListState,
+  bt as useGroupSettingState,
+  Et as useMessageActionState,
+  jt as useMessageActions,
+  Ft as useMessageInputState,
+  Gt as useMessageListState,
+  Ht as useSearchState
 };

package/dist/chat/server.js

@@ -1,113 +1,89 @@
-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 { ref } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import TUICore, { TUIConstants, TUILogin } from "@tencentcloud/tui-core";
-import { useLoginState } from "../states/LoginState.js";
-import { ChatSceneType } from "../statistical/const.js";
-import { useStatistical } from "../statistical/statistical.js";
-import { isPC } from "../utils/env.js";
-const { setChatScene } = useStatistical();
-const _ChatLoginServer = class _ChatLoginServer {
+var L = Object.defineProperty;
+var I = (o, t, i) => t in o ? L(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
+var s = (o, t, i) => I(o, typeof t != "symbol" ? t + "" : t, i);
+import { ref as U } from "vue";
+import l from "@tencentcloud/chat-uikit-engine";
+import T, { TUIConstants as g, TUILogin as S } from "@tencentcloud/tui-core";
+import { useLoginState as m } from "../states/LoginState.js";
+import { ChatSceneType as E } from "../statistical/const.js";
+import { useStatistical as C } from "../statistical/statistical.js";
+import { isPC as p } from "../utils/env.js";
+const { setChatScene: N } = C(), e = class e {
   constructor() {
-    __publicField(this, "isReady", false);
-    __publicField(this, "isEngineLoggingIn", false);
-    __publicField(this, "isLogin", ref(false));
-    __publicField(this, "resolveList", []);
-    __publicField(this, "rejectList", []);
+    s(this, "isReady", !1);
+    s(this, "isEngineLoggingIn", !1);
+    s(this, "isLogin", U(!1));
+    s(this, "resolveList", []);
+    s(this, "rejectList", []);
     this.init();
   }
   static getInstance() {
-    if (!_ChatLoginServer.instance) {
-      _ChatLoginServer.instance = new _ChatLoginServer();
-    }
-    return _ChatLoginServer.instance;
+    return e.instance || (e.instance = new e()), e.instance;
   }
   init() {
-    setChatScene(isPC ? ChatSceneType.CHAT_WEB : ChatSceneType.CHAT_H5);
-    if (!this.isReady) {
-      this.isReady = true;
-      TUICore.registerEvent(
-        TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
-        TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
-        this
-      );
-    }
+    N(p ? E.CHAT_WEB : E.CHAT_H5), this.isReady || (this.isReady = !0, T.registerEvent(
+      g.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+      g.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+      this
+    ));
   }
   /**
    * @param { TUIInitParam } params
    */
-  onNotifyEvent(eventName, subKey) {
-    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
-      switch (subKey) {
-        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
+  onNotifyEvent(t, i) {
+    if (t === g.TUILogin.EVENT.LOGIN_STATE_CHANGED)
+      switch (i) {
+        case g.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
           this.login();
           break;
-        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
+        case g.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
           this.logout();
           break;
       }
-    }
   }
   async login() {
     const {
-      chat,
-      SDKAppID,
-      userID,
-      userSig
-    } = TUILogin.getContext();
-    if (this.isEngineLoggingIn) {
-      return new Promise((resolve, reject) => {
-        this.resolveList.push(resolve);
-        this.rejectList.push(reject);
+      chat: t,
+      SDKAppID: i,
+      userID: c,
+      userSig: h
+    } = S.getContext();
+    if (this.isEngineLoggingIn)
+      return new Promise((n, r) => {
+        this.resolveList.push(n), this.rejectList.push(r);
       });
-    }
     try {
-      this.isEngineLoggingIn = true;
-      const res = await TUIChatEngine.login({
-        chat,
-        SDKAppID,
-        userID,
-        userSig
-      });
-      this.isLogin.value = true;
-      this.resolveList.forEach((resolve) => {
-        resolve();
-      });
-      this.rejectList = [];
-      this.resolveList = [];
-      const { loginUserInfo } = useLoginState();
-      const result = await chat.getUserProfile({ userIDList: [userID] });
-      const localUserInfo = result.data[0];
-      if (!localUserInfo.value) {
-        loginUserInfo.value = {
-          userId: localUserInfo.userID,
-          userName: localUserInfo.nick,
-          avatarUrl: localUserInfo.avatar,
-          customInfo: localUserInfo.profileCustomField
-        };
-      }
-      return res;
-    } catch (error) {
-      this.rejectList.forEach((reject) => {
-        reject(error);
+      this.isEngineLoggingIn = !0;
+      const n = await l.login({
+        chat: t,
+        SDKAppID: i,
+        userID: c,
+        userSig: h
       });
-      this.rejectList = [];
-      this.resolveList = [];
-      throw error;
+      this.isLogin.value = !0, this.resolveList.forEach((u) => {
+        u();
+      }), this.rejectList = [], this.resolveList = [];
+      const { loginUserInfo: r } = m(), a = (await t.getUserProfile({ userIDList: [c] })).data[0];
+      return a.value || (r.value = {
+        userId: a.userID,
+        userName: a.nick,
+        avatarUrl: a.avatar,
+        customInfo: a.profileCustomField
+      }), n;
+    } catch (n) {
+      throw this.rejectList.forEach((r) => {
+        r(n);
+      }), this.rejectList = [], this.resolveList = [], n;
     } finally {
-      this.isEngineLoggingIn = false;
+      this.isEngineLoggingIn = !1;
     }
   }
   logout() {
-    TUIChatEngine.logout();
-    this.isLogin.value = false;
-    this.isEngineLoggingIn = false;
+    l.logout(), this.isLogin.value = !1, this.isEngineLoggingIn = !1;
   }
 };
-__publicField(_ChatLoginServer, "instance");
-let ChatLoginServer = _ChatLoginServer;
+s(e, "instance");
+let f = e;
 export {
-  ChatLoginServer as default
+  f as default
 };

package/dist/components/AudioSetting/AudioMediaControl.js

@@ -1,99 +1,73 @@
-import { defineComponent, inject, ref, computed, withDirectives, createElementBlock, openBlock, createVNode, unref, withCtx, vShow } from "vue";
-import IconButton from "../../baseComp/IconButton.js";
-import AudioIcon from "../../baseComp/AudioIcon.js";
-import AudioSettingTab from "./AudioSettingTab.js";
-import { useI18n } from "../../locales/index.js";
-import vClickOutside from "../../directives/vClickOutside.js";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { useRoomState } from "../../states/RoomState.js";
-import { DeviceStatus, DeviceError, MediaSettingDisplayMode } from "../../types/device.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "audio-control-container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as C, inject as g, ref as I, computed as T, withDirectives as c, createElementBlock as D, openBlock as O, createVNode as a, unref as o, withCtx as P, vShow as x } from "vue";
+import E from "../../baseComp/IconButton.js";
+import L from "../../baseComp/AudioIcon.js";
+import N from "./AudioSettingTab.js";
+import { useI18n as y } from "../../locales/index.js";
+import B from "../../directives/vClickOutside.js";
+import { useDeviceState as R } from "../../states/DeviceState.js";
+import { useRoomState as V } from "../../states/RoomState.js";
+import { DeviceStatus as i, DeviceError as j, MediaSettingDisplayMode as H } from "../../types/device.js";
+import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const q = { class: "audio-control-container" }, z = /* @__PURE__ */ C({
   __name: "AudioMediaControl",
   emits: ["click-icon"],
-  setup(__props, { emit: __emit }) {
-    const audioSettingProps = inject("audioSettingProps");
-    const { currentRoom } = useRoomState();
-    const {
-      captureVolume,
-      microphoneStatus,
-      microphoneLastError,
-      isMicrophoneTesting,
-      openLocalMicrophone,
-      muteLocalAudio,
-      unmuteLocalAudio,
-      startMicrophoneTest,
-      stopMicrophoneTest
-    } = useDeviceState();
-    const emits = __emit;
-    const showAudioSettingTab = ref(false);
-    const { t } = useI18n();
-    const isMuted = computed(() => {
-      if (!currentRoom.value) {
-        return !isMicrophoneTesting.value;
-      }
-      return microphoneStatus.value !== DeviceStatus.On;
-    });
-    async function handleClickIcon() {
-      showAudioSettingTab.value = false;
-      emits("click-icon");
-      if (!currentRoom.value) {
-        if (isMicrophoneTesting.value) {
-          await stopMicrophoneTest();
-        } else {
-          await startMicrophoneTest({ interval: 200 });
-        }
+  setup(F, { emit: l }) {
+    const d = g("audioSettingProps"), { currentRoom: n } = V(), {
+      captureVolume: r,
+      microphoneStatus: t,
+      microphoneLastError: m,
+      isMicrophoneTesting: s,
+      openLocalMicrophone: p,
+      muteLocalAudio: f,
+      unmuteLocalAudio: v,
+      startMicrophoneTest: h,
+      stopMicrophoneTest: _
+    } = R(), M = l, e = I(!1), { t: S } = y(), w = T(() => n.value ? t.value !== i.On : !s.value);
+    async function b() {
+      if (e.value = !1, M("click-icon"), !n.value) {
+        s.value ? await _() : await h({ interval: 200 });
         return;
       }
-      if (microphoneStatus.value === DeviceStatus.On) {
-        await muteLocalAudio();
-      } else {
-        await openLocalMicrophone();
-        await unmuteLocalAudio();
-      }
+      t.value === i.On ? await f() : (await p(), await v());
     }
-    function handleMore() {
-      showAudioSettingTab.value = !showAudioSettingTab.value;
+    function k() {
+      e.value = !e.value;
     }
-    function handleHideAudioSettingTab() {
-      if (showAudioSettingTab.value) {
-        showAudioSettingTab.value = false;
-      }
+    function A() {
+      e.value && (e.value = !1);
     }
-    return (_ctx, _cache) => {
-      var _a;
-      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(IconButton, {
-          title: unref(t)("Mic"),
-          "has-more": ((_a = unref(audioSettingProps)) == null ? void 0 : _a.displayMode) === unref(MediaSettingDisplayMode).IconWithPanel,
-          disabled: unref(microphoneStatus) === unref(DeviceStatus).OffNeedPermission,
-          "is-not-support": unref(microphoneLastError) !== unref(DeviceError).NoError,
-          onClickIcon: handleClickIcon,
-          onClickMore: handleMore
+    return (G, J) => {
+      var u;
+      return c((O(), D("div", q, [
+        a(E, {
+          title: o(S)("Mic"),
+          "has-more": ((u = o(d)) == null ? void 0 : u.displayMode) === o(H).IconWithPanel,
+          disabled: o(t) === o(i).OffNeedPermission,
+          "is-not-support": o(m) !== o(j).NoError,
+          onClickIcon: b,
+          onClickMore: k
         }, {
-          default: withCtx(() => [
-            createVNode(AudioIcon, {
-              "audio-volume": unref(captureVolume),
-              "is-muted": isMuted.value,
-              "is-disabled": unref(microphoneStatus) === unref(DeviceStatus).OffNeedPermission
+          default: P(() => [
+            a(L, {
+              "audio-volume": o(r),
+              "is-muted": w.value,
+              "is-disabled": o(t) === o(i).OffNeedPermission
             }, null, 8, ["audio-volume", "is-muted", "is-disabled"])
           ]),
           _: 1
         }, 8, ["title", "has-more", "disabled", "is-not-support"]),
-        withDirectives(createVNode(AudioSettingTab, {
+        c(a(N, {
           class: "audio-tab",
-          "audio-volume": unref(captureVolume)
+          "audio-volume": o(r)
         }, null, 8, ["audio-volume"]), [
-          [vShow, showAudioSettingTab.value]
+          [x, e.value]
         ])
       ])), [
-        [unref(vClickOutside), handleHideAudioSettingTab]
+        [o(B), A]
       ]);
     };
   }
-});
-const AudioMediaControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e8255d7"]]);
+}), io = /* @__PURE__ */ W(z, [["__scopeId", "data-v-8e8255d7"]]);
 export {
-  AudioMediaControl as default
+  io as default
 };

package/dist/components/AudioSetting/AudioRequestDialog.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../AudioRequestDialog.vue_vue_type_script_setup_true_lang-BmX-qsat.js";
+import { _ as f } from "../../AudioRequestDialog.vue_vue_type_script_setup_true_lang-DESfuJPj.js";
 export {
-  _sfc_main as default
+  f as default
 };