tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/hooks/useUserActions/useAudioAction.js

@@ -1,56 +1,52 @@
-import { reactive, computed } from "vue";
-import { TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine } from "../useRoomEngine.js";
-import { useI18n } from "../../locales/index.js";
-import { IconAudioOpen, IconAudioClose, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { useUserState } from "../../states/UserState/index.js";
-import { UserAction, RequestType } from "../../types/user.js";
-import { DeviceStatus } from "../../types/device.js";
-function useAudioControl(userInfo) {
-  const roomEngine = useRoomEngine();
-  const { t } = useI18n();
-  const { sendInvitationByAdmin } = useUserState();
-  async function muteUserAudio() {
-    var _a;
-    if (userInfo.microphoneStatus === DeviceStatus.On) {
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.closeRemoteDeviceByAdmin({
-        userId: userInfo.userId,
-        device: TUIMediaDevice.kMicrophone
+import { reactive as p, computed as n } from "vue";
+import { TUIMediaDevice as u } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as d } from "../useRoomEngine.js";
+import { useI18n as h } from "../../locales/index.js";
+import { IconAudioOpen as l, IconAudioClose as A, TUIToast as a, TOAST_TYPE as m } from "@tencentcloud/uikit-base-component-vue3";
+import { useUserState as y } from "../../states/UserState/index.js";
+import { UserAction as v, RequestType as S } from "../../types/user.js";
+import { DeviceStatus as o } from "../../types/device.js";
+function N(e) {
+  const r = d(), { t } = h(), { sendInvitationByAdmin: s } = y();
+  async function c() {
+    var i;
+    if (e.microphoneStatus === o.On)
+      await ((i = r.instance) == null ? void 0 : i.closeRemoteDeviceByAdmin({
+        userId: e.userId,
+        device: u.kMicrophone
       }));
-    } else {
-      if (userInfo.microphoneStatus === DeviceStatus.OffInvitationPending) {
-        TUIToast({
-          type: TOAST_TYPE.INFO,
-          message: `${t("An invitation to open the camera has been sent to sb.", { name: userInfo.displayName })}`
+    else {
+      if (e.microphoneStatus === o.OffInvitationPending) {
+        a({
+          type: m.INFO,
+          message: `${t("An invitation to open the camera has been sent to sb.", { name: e.displayName })}`
           // duration: MESSAGE_DURATION.NORMAL,
         });
         return;
       }
-      await sendInvitationByAdmin({
-        userId: userInfo.userId,
-        type: RequestType.Microphone,
+      await s({
+        userId: e.userId,
+        type: S.Microphone,
         timeout: 0
-      });
-      TUIToast({
-        type: TOAST_TYPE.INFO,
-        message: `${t("An invitation to open the camera has been sent to sb.", { name: userInfo.displayName })}`
+      }), a({
+        type: m.INFO,
+        message: `${t("An invitation to open the camera has been sent to sb.", { name: e.displayName })}`
         // duration: MESSAGE_DURATION.NORMAL,
       });
     }
   }
-  const audioControl = reactive({
-    microphoneStatus: userInfo.microphoneStatus,
-    key: UserAction.AudioAction,
-    icon: computed(
-      () => userInfo.microphoneStatus === DeviceStatus.On ? IconAudioOpen : IconAudioClose
+  return p({
+    microphoneStatus: e.microphoneStatus,
+    key: v.AudioAction,
+    icon: n(
+      () => e.microphoneStatus === o.On ? l : A
     ),
-    label: computed(
-      () => userInfo.microphoneStatus === DeviceStatus.On ? t("Mute") : t("Unmute")
+    label: n(
+      () => e.microphoneStatus === o.On ? t("Mute") : t("Unmute")
     ),
-    handler: muteUserAudio
+    handler: c
   });
-  return audioControl;
 }
 export {
-  useAudioControl as default
+  N as default
 };

package/dist/hooks/useUserActions/useChangeNameCardAction/changeNameCardDialog.js

@@ -1,79 +1,69 @@
-import { defineComponent, ref, computed, createBlock, openBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
-import DialogPC from "../../../baseComp/Dialog/DialogPC.js";
-import Input from "../../../baseComp/Input/index.js";
-import { TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../../locales/index.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "dialog-content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as _, ref as m, computed as g, createBlock as h, openBlock as I, unref as e, withCtx as r, createElementVNode as x, createVNode as u, createTextVNode as d, toDisplayString as c } from "vue";
+import y from "../../../baseComp/Dialog/DialogPC.js";
+import N from "../../../baseComp/Input/index.js";
+import { TUIButton as p } from "@tencentcloud/uikit-base-component-vue3";
+import { useI18n as w } from "../../../locales/index.js";
+import { _ as D } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const V = { class: "dialog-content" }, b = /* @__PURE__ */ _({
   __name: "changeNameCardDialog",
   props: {
     userInfo: {},
     confirmFunction: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useI18n();
-    const inputUserName = ref(props.userInfo.nameCard);
-    const isShowDialog = ref(true);
-    const isConfirmButtonDisable = computed(() => !inputUserName.value.trim());
-    async function handleConfirm() {
-      await props.confirmFunction(inputUserName.value);
-      isShowDialog.value = false;
+  setup(f) {
+    const t = f, { t: a } = w(), o = m(t.userInfo.nameCard), n = m(!0), C = g(() => !o.value.trim());
+    async function v() {
+      await t.confirmFunction(o.value), n.value = !1;
     }
-    function handleCancel() {
-      inputUserName.value = props.userInfo.nameCard || props.userInfo.userName || "";
-      isShowDialog.value = false;
+    function s() {
+      o.value = t.userInfo.nameCard || t.userInfo.userName || "", n.value = !1;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogPC), {
-        modelValue: isShowDialog.value,
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isShowDialog.value = $event),
-        title: unref(t)("change name"),
-        modal: true,
-        width: "480px",
-        "before-close": handleCancel,
-        "close-on-click-modal": true,
-        "append-to-room-container": true
-      }, {
-        footer: withCtx(() => [
-          createVNode(unref(TUIButton), {
-            type: "primary",
-            style: { "min-width": "88px" },
-            onClick: handleConfirm,
-            disabled: isConfirmButtonDisable.value
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("Confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          createVNode(unref(TUIButton), {
-            style: { "min-width": "88px" },
-            onClick: handleCancel
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-            ]),
-            _: 1
-          })
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(Input), {
-              "model-value": inputUserName.value,
-              onInput: _cache[0] || (_cache[0] = ($event) => inputUserName.value = $event),
-              class: "dialog-input",
-              placeholder: unref(t)("Please input user name")
-            }, null, 8, ["model-value", "placeholder"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "title"]);
-    };
+    return (k, l) => (I(), h(e(y), {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[1] || (l[1] = (i) => n.value = i),
+      title: e(a)("change name"),
+      modal: !0,
+      width: "480px",
+      "before-close": s,
+      "close-on-click-modal": !0,
+      "append-to-room-container": !0
+    }, {
+      footer: r(() => [
+        u(e(p), {
+          type: "primary",
+          style: { "min-width": "88px" },
+          onClick: v,
+          disabled: C.value
+        }, {
+          default: r(() => [
+            d(c(e(a)("Confirm")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        u(e(p), {
+          style: { "min-width": "88px" },
+          onClick: s
+        }, {
+          default: r(() => [
+            d(c(e(a)("Cancel")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      default: r(() => [
+        x("div", V, [
+          u(e(N), {
+            "model-value": o.value,
+            onInput: l[0] || (l[0] = (i) => o.value = i),
+            class: "dialog-input",
+            placeholder: e(a)("Please input user name")
+          }, null, 8, ["model-value", "placeholder"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "title"]));
   }
-});
-const ChangeNameCardDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62a1745b"]]);
+}), E = /* @__PURE__ */ D(b, [["__scopeId", "data-v-62a1745b"]]);
 export {
-  ChangeNameCardDialog as default
+  E as default
 };

package/dist/hooks/useUserActions/useChangeNameCardAction/changeNameCardInput.js

@@ -1,64 +1,55 @@
-import { defineComponent, ref, withDirectives, createCommentVNode, createElementBlock, openBlock, createElementVNode, createVNode, unref } from "vue";
-import Input from "../../../baseComp/Input/index.js";
-import { isWeChat } from "../../../utils/environment.js";
-import vTap from "../../../directives/vTap.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as m, ref as a, withDirectives as d, createCommentVNode as f, createElementBlock as v, openBlock as _, createElementVNode as i, createVNode as I, unref as s } from "vue";
+import h from "../../../baseComp/Input/index.js";
+import { isWeChat as C } from "../../../utils/environment.js";
+import N from "../../../directives/vTap.js";
+import { _ as y } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const g = {
   key: 0,
   class: "input-content-container",
   ref: "editorInputEleContainer"
-};
-const _hoisted_2 = { class: "input-content" };
-const _hoisted_3 = { class: "input" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, k = { class: "input-content" }, x = { class: "input" }, E = /* @__PURE__ */ m({
   __name: "changeNameCardInput",
   props: {
     userInfo: {},
     confirmFunction: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const isShowInput = ref(true);
-    const inputUserName = ref(props.userInfo.nameCard);
-    function handleCloseInput(event) {
-      if (isWeChat) {
-        isShowInput.value = false;
-      } else if (event.target !== event.currentTarget) {
-        return;
-      } else {
-        isShowInput.value = false;
+  setup(u) {
+    const o = u, e = a(!0), t = a(o.userInfo.nameCard);
+    function c(n) {
+      if (C)
+        e.value = !1;
+      else {
+        if (n.target !== n.currentTarget)
+          return;
+        e.value = !1;
       }
     }
-    async function handleConfirm() {
-      await props.confirmFunction(inputUserName.value);
-      isShowInput.value = false;
+    async function l() {
+      await o.confirmFunction(t.value), e.value = !1;
     }
-    return (_ctx, _cache) => {
-      return isShowInput.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(Input), {
-              ref: "editorInputEle",
-              "model-value": inputUserName.value,
-              type: "text",
-              enterkeyhint: "done",
-              onInput: _cache[0] || (_cache[0] = ($event) => inputUserName.value = $event),
-              onDone: handleConfirm
-            }, null, 8, ["model-value"])
-          ])
+    return (n, r) => e.value ? d((_(), v("div", g, [
+      i("div", k, [
+        i("div", x, [
+          I(s(h), {
+            ref: "editorInputEle",
+            "model-value": t.value,
+            type: "text",
+            enterkeyhint: "done",
+            onInput: r[0] || (r[0] = (p) => t.value = p),
+            onDone: l
+          }, null, 8, ["model-value"])
         ])
-      ])), [
-        [
-          unref(vTap),
-          handleCloseInput,
-          void 0,
-          { stop: true }
-        ]
-      ]) : createCommentVNode("", true);
-    };
+      ])
+    ])), [
+      [
+        s(N),
+        c,
+        void 0,
+        { stop: !0 }
+      ]
+    ]) : f("", !0);
   }
-});
-const changeNameCardInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cea4c43d"]]);
+}), T = /* @__PURE__ */ y(E, [["__scopeId", "data-v-cea4c43d"]]);
 export {
-  changeNameCardInput as default
+  T as default
 };

package/dist/hooks/useUserActions/useChangeNameCardAction/index.js

@@ -1,66 +1,58 @@
-import { reactive, markRaw, h, render } from "vue";
-import { IconEditNameCard, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomEngine } from "../../useRoomEngine.js";
-import { useI18n } from "../../../locales/index.js";
-import ChangeNameCardDialog from "./changeNameCardDialog.js";
-import changeNameCardInput from "./changeNameCardInput.js";
-import { calculateByteLength } from "../../../utils/utils.js";
-import { isMobile } from "../../../utils/environment.js";
-import { UserAction } from "../../../types/user.js";
-const roomEngine = useRoomEngine();
-const { t } = useI18n();
-function useNameCardAction(userInfo) {
-  const nameCardCheck = (inputUserName) => {
-    const result = calculateByteLength(inputUserName) <= 32;
-    !result && TUIToast({
-      type: TOAST_TYPE.WARNING,
-      message: t("The user name cannot exceed 32 characters")
+import { reactive as h, markRaw as C, h as g, render as u } from "vue";
+import { IconEditNameCard as l, TUIToast as o, TOAST_TYPE as t } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomEngine as p } from "../../useRoomEngine.js";
+import { useI18n as f } from "../../../locales/index.js";
+import N from "./changeNameCardDialog.js";
+import y from "./changeNameCardInput.js";
+import { calculateByteLength as E } from "../../../utils/utils.js";
+import { isMobile as I } from "../../../utils/environment.js";
+import { UserAction as T } from "../../../types/user.js";
+const U = p(), { t: n } = f();
+function O(m) {
+  const s = (a) => {
+    const e = E(a) <= 32;
+    return !e && o({
+      type: t.WARNING,
+      message: n("The user name cannot exceed 32 characters")
       // duration: MESSAGE_DURATION.NORMAL,
-    });
-    return result;
+    }), e;
   };
-  async function handleChangeUserNameCard(inputUserName) {
-    var _a;
-    if (!nameCardCheck(inputUserName)) {
+  async function i(a) {
+    var e;
+    if (!s(a))
       return Promise.reject("The user name cannot exceed 32 characters");
-    }
     try {
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserNameCard({
-        userId: userInfo.userId,
-        nameCard: inputUserName
-      }));
-      TUIToast({
-        type: TOAST_TYPE.SUCCESS,
-        message: t("Name changed successfully")
+      await ((e = U.instance) == null ? void 0 : e.changeUserNameCard({
+        userId: m.userId,
+        nameCard: a
+      })), o({
+        type: t.SUCCESS,
+        message: n("Name changed successfully")
         // duration: MESSAGE_DURATION.NORMAL,
       });
-    } catch (error) {
-      TUIToast({
-        type: TOAST_TYPE.ERROR,
-        message: t("change name failed, please try again."),
+    } catch {
+      o({
+        type: t.ERROR,
+        message: n("change name failed, please try again."),
         duration: 5e3
       });
     }
   }
-  function renderChangeNameCardDialog() {
-    var _a;
-    const Component = isMobile ? changeNameCardInput : ChangeNameCardDialog;
-    const vNode = h(Component, {
-      userInfo,
-      confirmFunction: handleChangeUserNameCard
-    });
-    const div = document.createElement("div");
-    render(vNode, div);
-    (_a = document.getElementById("roomContainer")) == null ? void 0 : _a.appendChild(div.childNodes[0]);
+  function d() {
+    var c;
+    const e = g(I ? y : N, {
+      userInfo: m,
+      confirmFunction: i
+    }), r = document.createElement("div");
+    u(e, r), (c = document.getElementById("roomContainer")) == null || c.appendChild(r.childNodes[0]);
   }
-  const changeUserNameCard = reactive({
-    key: UserAction.ChangeUserNameCardAction,
-    icon: markRaw(IconEditNameCard),
-    label: t("change name"),
-    handler: renderChangeNameCardDialog
+  return h({
+    key: T.ChangeUserNameCardAction,
+    icon: C(l),
+    label: n("change name"),
+    handler: d
   });
-  return changeUserNameCard;
 }
 export {
-  useNameCardAction as default
+  O as default
 };

package/dist/hooks/useUserActions/useChatAction.js

@@ -1,37 +1,35 @@
-import { reactive, computed, markRaw } from "vue";
-import { IconChatForbidden, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomEngine } from "../useRoomEngine.js";
-import { useI18n } from "../../locales/index.js";
-import { UserAction } from "../../types/user.js";
-const roomEngine = useRoomEngine();
-const { t } = useI18n();
-function useChatAction(userInfo) {
-  async function disableUserChat() {
-    var _a;
-    const { isMessageDisabled } = userInfo;
+import { reactive as i, computed as n, markRaw as r } from "vue";
+import { IconChatForbidden as c, TUIToast as m, TOAST_TYPE as d } from "@tencentcloud/uikit-base-component-vue3";
+import { useRoomEngine as l } from "../useRoomEngine.js";
+import { useI18n as h } from "../../locales/index.js";
+import { UserAction as b } from "../../types/user.js";
+const p = l(), { t } = h();
+function R(e) {
+  async function o() {
+    var a;
+    const { isMessageDisabled: s } = e;
     try {
-      await ((_a = roomEngine.instance) == null ? void 0 : _a.disableSendingMessageByAdmin({
-        userId: userInfo.userId,
-        isDisable: !isMessageDisabled
+      await ((a = p.instance) == null ? void 0 : a.disableSendingMessageByAdmin({
+        userId: e.userId,
+        isDisable: !s
       }));
-    } catch (error) {
-      TUIToast({
-        type: TOAST_TYPE.ERROR,
+    } catch {
+      m({
+        type: d.ERROR,
         message: t("Failed to disable chat")
         // duration: MESSAGE_DURATION.NORMAL,
       });
     }
   }
-  const chatControl = reactive({
-    key: UserAction.ChatAction,
-    icon: markRaw(IconChatForbidden),
-    label: computed(
-      () => userInfo.isMessageDisabled ? t("Enable chat") : t("Disable chat")
+  return i({
+    key: b.ChatAction,
+    icon: r(c),
+    label: n(
+      () => e.isMessageDisabled ? t("Enable chat") : t("Disable chat")
     ),
-    handler: disableUserChat
+    handler: o
   });
-  return chatControl;
 }
 export {
-  useChatAction as default
+  R as default
 };

package/dist/hooks/useUserActions/useKickUserAction.js

@@ -1,40 +1,35 @@
-import { reactive, markRaw } from "vue";
-import { useRoomEngine } from "../useRoomEngine.js";
-import { useI18n } from "../../locales/index.js";
-import MessageBox from "../../baseComp/MessageBox/index.js";
-import { IconKickOut } from "@tencentcloud/uikit-base-component-vue3";
-import { useUserState } from "../../states/UserState/index.js";
-import { UserAction } from "../../types/user.js";
-const roomEngine = useRoomEngine();
-const { t } = useI18n();
-const { getDisplayName } = useUserState();
-function useKickUserAction(userInfo) {
-  async function kickUserFunc() {
-    MessageBox({
-      title: t("Note"),
-      message: t("whether to kick sb off the room", {
-        name: getDisplayName(userInfo)
+import { reactive as c, markRaw as n } from "vue";
+import { useRoomEngine as m } from "../useRoomEngine.js";
+import { useI18n as s } from "../../locales/index.js";
+import a from "../../baseComp/MessageBox/index.js";
+import { IconKickOut as f } from "@tencentcloud/uikit-base-component-vue3";
+import { useUserState as k } from "../../states/UserState/index.js";
+import { UserAction as u } from "../../types/user.js";
+const l = m(), { t: o } = s(), { getDisplayName: p } = k();
+function K(t) {
+  async function r() {
+    a({
+      title: o("Note"),
+      message: o("whether to kick sb off the room", {
+        name: p(t)
       }),
-      confirmButtonText: t("Confirm"),
-      cancelButtonText: t("Cancel"),
-      callback: async (action) => {
-        var _a;
-        if (action === "confirm") {
-          await ((_a = roomEngine.instance) == null ? void 0 : _a.kickRemoteUserOutOfRoom({
-            userId: userInfo.userId
-          }));
-        }
+      confirmButtonText: o("Confirm"),
+      cancelButtonText: o("Cancel"),
+      callback: async (i) => {
+        var e;
+        i === "confirm" && await ((e = l.instance) == null ? void 0 : e.kickRemoteUserOutOfRoom({
+          userId: t.userId
+        }));
       }
     });
   }
-  const kickUser = reactive({
-    key: UserAction.KickOutOfRoomAction,
-    icon: markRaw(IconKickOut),
-    label: t("Kick out"),
-    handler: kickUserFunc
+  return c({
+    key: u.KickOutOfRoomAction,
+    icon: n(f),
+    label: o("Kick out"),
+    handler: r
   });
-  return kickUser;
 }
 export {
-  useKickUserAction as default
+  K as default
 };