tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/VideoRequestDialog.vue_vue_type_script_setup_true_lang-DlROoquV.js

@@ -0,0 +1,89 @@
+import { defineComponent as U, ref as i, onUnmounted as h, createBlock as w, openBlock as k, unref as n, withCtx as u, createElementVNode as V, toDisplayString as m, createVNode as C, createTextVNode as I } from "vue";
+import b, { TUIRoomEvents as l, TUIRequestAction as x, TUIRole as E } from "@tencentcloud/tuiroom-engine-js";
+import O from "./baseComp/Dialog/DialogPC.js";
+import { useI18n as A } from "./locales/index.js";
+import { TUIButton as g } from "@tencentcloud/uikit-base-component-vue3";
+import { useUserState as D } from "./states/UserState/index.js";
+import { useRoomEngine as B } from "./hooks/useRoomEngine.js";
+const H = /* @__PURE__ */ U({
+  __name: "VideoRequestDialog",
+  setup(N) {
+    const a = B(), d = i(""), { getUserInfo: T } = D(), { t } = A(), s = i(!1), r = i("");
+    async function f(e) {
+      var v;
+      const { userId: o, requestAction: c, requestId: _ } = e.request;
+      if (c === x.kRequestToOpenRemoteCamera) {
+        const y = ((v = T({ userId: o })) == null ? void 0 : v.userRole) === E.kRoomOwner ? t("RoomOwner") : t("Admin");
+        d.value = t("Sb invites you to turn on the camera", {
+          role: y
+        }), r.value = _, s.value = !0;
+      }
+    }
+    async function p() {
+      var e;
+      await ((e = a.instance) == null ? void 0 : e.responseRemoteRequest({
+        requestId: r.value,
+        agree: !0
+      })), r.value = "", s.value = !1;
+    }
+    async function R() {
+      var e;
+      await ((e = a.instance) == null ? void 0 : e.responseRemoteRequest({
+        requestId: r.value,
+        agree: !1
+      })), r.value = "", s.value = !1;
+    }
+    async function q(e) {
+      const { requestId: o } = e;
+      r.value === o && (s.value = !1);
+    }
+    return b.once("ready", () => {
+      var e, o;
+      (e = a.instance) == null || e.on(l.onRequestReceived, f), (o = a.instance) == null || o.on(l.onRequestCancelled, q);
+    }), h(() => {
+      var e, o;
+      (e = a.instance) == null || e.off(l.onRequestReceived, f), (o = a.instance) == null || o.off(
+        l.onRequestCancelled,
+        q
+      );
+    }), (e, o) => (k(), w(n(O), {
+      modelValue: s.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (c) => s.value = c),
+      title: n(t)("Tips"),
+      modal: !0,
+      "show-close": !1,
+      "close-on-click-modal": !1,
+      width: "500px",
+      "append-to-room-container": !0,
+      "confirm-button": n(t)("Turn on the camera"),
+      "cancel-button": n(t)("Keep it closed"),
+      onConfirm: p,
+      onCancel: R
+    }, {
+      footer: u(() => [
+        C(n(g), {
+          onClick: p,
+          type: "primary"
+        }, {
+          default: u(() => [
+            I(m(n(t)("Turn on the camera")), 1)
+          ]),
+          _: 1
+        }),
+        C(n(g), { onClick: R }, {
+          default: u(() => [
+            I(m(n(t)("Keep it closed")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      default: u(() => [
+        V("span", null, m(d.value), 1)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "title", "confirm-button", "cancel-button"]));
+  }
+});
+export {
+  H as _
+};

package/dist/_commonjsHelpers-C6fGbg64.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as g
+};

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};

package/dist/baseComp/ActionSheep.js

@@ -1,22 +1,19 @@
-import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, withDirectives, createElementVNode, vShow, unref, normalizeStyle, createCommentVNode, renderSlot, createVNode, toDisplayString } from "vue";
-import { IconArrowDown } from "@tencentcloud/uikit-base-component-vue3";
-import vTap from "../directives/vTap.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "mask" };
-const _hoisted_2 = {
+import { defineComponent as w, ref as y, watch as u, resolveComponent as _, createElementBlock as n, openBlock as i, withDirectives as l, createElementVNode as d, vShow as m, unref as s, normalizeStyle as S, createCommentVNode as h, renderSlot as g, createVNode as k, toDisplayString as I } from "vue";
+import { IconArrowDown as B } from "@tencentcloud/uikit-base-component-vue3";
+import f from "../directives/vTap.js";
+import { _ as C } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = { class: "mask" }, D = {
   key: 0,
   class: "container-close"
-};
-const _hoisted_3 = {
+}, N = {
   key: 1,
   class: "container-header"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, T = /* @__PURE__ */ w({
   __name: "ActionSheep",
   props: {
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     title: {
       type: String,
@@ -24,11 +21,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     showClose: {
       type: Boolean,
-      default: true
+      default: !0
     },
     showMask: {
       type: Boolean,
-      default: true
+      default: !0
     },
     height: {
       type: String,
@@ -36,57 +33,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["input", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const show = ref(false);
-    watch(
-      () => props.visible,
-      (val) => show.value = val,
-      { immediate: true }
-    );
-    watch(
-      show,
-      (val) => {
-        emit("input", val);
+  setup(t, { emit: p }) {
+    const a = t, c = p, e = y(!1);
+    u(
+      () => a.visible,
+      (o) => e.value = o,
+      { immediate: !0 }
+    ), u(
+      e,
+      (o) => {
+        c("input", o);
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    const toggleShow = () => {
-      show.value = !show.value;
-      if (!show.value) {
-        emit("close");
-      }
+    const r = () => {
+      e.value = !e.value, e.value || c("close");
     };
-    return (_ctx, _cache) => {
-      const _component_TUIIcon = resolveComponent("TUIIcon");
-      return openBlock(), createElementBlock("div", null, [
-        withDirectives(createElementVNode("div", _hoisted_1, null, 512), [
-          [vShow, show.value && __props.showMask],
-          [unref(vTap), toggleShow]
+    return (o, V) => {
+      const v = _("TUIIcon");
+      return i(), n("div", null, [
+        l(d("div", A, null, 512), [
+          [m, e.value && t.showMask],
+          [s(f), r]
         ]),
-        withDirectives(createElementVNode("div", {
+        l(d("div", {
           class: "container",
-          style: normalizeStyle({ height: props.height })
+          style: S({ height: a.height })
         }, [
-          __props.showClose ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
-            createVNode(_component_TUIIcon, {
-              icon: unref(IconArrowDown),
+          t.showClose ? l((i(), n("div", D, [
+            k(v, {
+              icon: s(B),
               size: "28"
             }, null, 8, ["icon"])
           ])), [
-            [unref(vTap), toggleShow]
-          ]) : createCommentVNode("", true),
-          __props.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            [s(f), r]
+          ]) : h("", !0),
+          t.title ? (i(), n("div", N, I(t.title), 1)) : h("", !0),
+          g(o.$slots, "default", {}, void 0, !0)
         ], 4), [
-          [vShow, show.value]
+          [m, e.value]
         ])
       ]);
     };
   }
-});
-const ActionSheep = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e9f258e"]]);
+}), M = /* @__PURE__ */ C(T, [["__scopeId", "data-v-1e9f258e"]]);
 export {
-  ActionSheep as default
+  M as default
 };

package/dist/baseComp/AudioIcon.js

@@ -1,8 +1,7 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, normalizeStyle, unref } from "vue";
-import { IconMicOff, IconMicOn } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "audio-level-container" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as n, computed as c, createElementBlock as u, openBlock as o, normalizeClass as d, createElementVNode as s, createBlock as t, normalizeStyle as r, unref as a } from "vue";
+import { IconMicOff as m, IconMicOn as p } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const _ = { class: "audio-level-container" }, v = /* @__PURE__ */ n({
   __name: "AudioIcon",
   props: {
     userId: {},
@@ -11,38 +10,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     size: {},
     isDisabled: { type: Boolean }
   },
-  setup(__props) {
-    const props = __props;
-    const audioLevelStyle = computed(() => {
-      if (props.isMuted || !props.audioVolume) {
-        return "";
-      }
-      return `height: ${props.audioVolume * 4}%`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["audio-icon-container", `${_ctx.size == "small" && "small"}`])
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", {
-            class: "audio-level",
-            style: normalizeStyle(audioLevelStyle.value)
-          }, null, 4)
-        ]),
-        props.isMuted ? (openBlock(), createBlock(unref(IconMicOff), {
-          key: 0,
-          class: "audio-icon",
-          size: "24"
-        })) : (openBlock(), createBlock(unref(IconMicOn), {
-          key: 1,
-          class: "audio-icon",
-          size: "24"
-        }))
-      ], 2);
-    };
+  setup(i) {
+    const e = i, l = c(() => e.isMuted || !e.audioVolume ? "" : `height: ${e.audioVolume * 4}%`);
+    return (y, z) => (o(), u("div", {
+      class: d(["audio-icon-container", `${i.size == "small" && "small"}`])
+    }, [
+      s("div", _, [
+        s("div", {
+          class: "audio-level",
+          style: r(l.value)
+        }, null, 4)
+      ]),
+      e.isMuted ? (o(), t(a(m), {
+        key: 0,
+        class: "audio-icon",
+        size: "24"
+      })) : (o(), t(a(p), {
+        key: 1,
+        class: "audio-icon",
+        size: "24"
+      }))
+    ], 2));
   }
-});
-const AudioIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1854d402"]]);
+}), M = /* @__PURE__ */ f(v, [["__scopeId", "data-v-1854d402"]]);
 export {
-  AudioIcon as default
+  M as default
 };

package/dist/baseComp/Avatar.js

@@ -1,36 +1,24 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, createElementVNode } from "vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "avatar-container" };
-const _hoisted_2 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as c, computed as n, ref as s, createElementBlock as _, openBlock as i, createElementVNode as l } from "vue";
+import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const m = { class: "avatar-container" }, p = ["src"], u = /* @__PURE__ */ c({
   __name: "Avatar",
   props: {
     imgSrc: {}
   },
-  setup(__props) {
-    const props = __props;
-    const src = computed(() => {
-      if (isError.value) {
-        return "";
-      }
-      return props.imgSrc || "";
-    });
-    const isError = ref(false);
-    function handleError() {
-      isError.value = true;
+  setup(e) {
+    const t = e, o = n(() => r.value ? "" : t.imgSrc || ""), r = s(!1);
+    function a() {
+      r.value = !0;
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("img", {
-          class: "avatar",
-          src: src.value,
-          onerror: handleError
-        }, null, 8, _hoisted_2)
-      ]);
-    };
+    return (f, v) => (i(), _("div", m, [
+      l("img", {
+        class: "avatar",
+        src: o.value,
+        onerror: a
+      }, null, 8, p)
+    ]));
   }
-});
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bd0ddc4"]]);
+}), g = /* @__PURE__ */ d(u, [["__scopeId", "data-v-3bd0ddc4"]]);
 export {
-  Avatar as default
+  g as default
 };

package/dist/baseComp/Dialog/DialogH5.js

@@ -1,99 +1,73 @@
-import { defineComponent, ref, computed, watch, withDirectives, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, toDisplayString, renderSlot, vShow, unref } from "vue";
-import useZIndex from "../../hooks/useZIndex.js";
-import vTap from "../../directives/vTap.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "dialog-container" };
-const _hoisted_2 = { class: "dialog-title" };
-const _hoisted_3 = { class: "dialog-footer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as h, ref as i, computed as B, watch as f, withDirectives as k, createElementBlock as x, openBlock as T, normalizeStyle as I, normalizeClass as u, createElementVNode as t, toDisplayString as c, renderSlot as S, vShow as V, unref as b } from "vue";
+import D from "../../hooks/useZIndex.js";
+import R from "../../directives/vTap.js";
+import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const z = { class: "dialog-container" }, E = { class: "dialog-title" }, O = { class: "dialog-footer" }, H = /* @__PURE__ */ h({
   __name: "DialogH5",
   props: {
-    modelValue: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: !1 },
     title: { default: "" },
     confirmButton: { default: "" },
     cancelButton: { default: "" },
-    closeOnClickModal: { type: Boolean, default: true },
-    appendToBody: { type: Boolean, default: false },
-    appendToRoomContainer: { type: Boolean, default: false },
-    modal: { type: Boolean, default: false }
+    closeOnClickModal: { type: Boolean, default: !0 },
+    appendToBody: { type: Boolean, default: !1 },
+    appendToRoomContainer: { type: Boolean, default: !1 },
+    modal: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "close", "confirm", "cancel"],
-  setup(__props, { emit: __emit }) {
-    const visible = ref(false);
-    const overlayContainerStyle = ref({});
-    const { nextZIndex } = useZIndex();
-    const dialogRef = ref();
-    const hasTitle = computed(() => props.title !== "");
-    const props = __props;
-    const emit = __emit;
-    watch(
-      () => props.modelValue,
-      (val) => {
-        visible.value = val;
-      }
-    );
-    watch(visible, (val) => {
-      var _a;
-      if (val) {
-        overlayContainerStyle.value = { zIndex: nextZIndex() };
-        if (props.appendToRoomContainer) {
-          (_a = document.getElementById("roomContainer")) == null ? void 0 : _a.appendChild(dialogRef.value);
-        }
+  setup(s, { emit: m }) {
+    const l = i(!1), d = i({}), { nextZIndex: p } = D(), r = i(), v = B(() => o.title !== ""), o = s, a = m;
+    f(
+      () => o.modelValue,
+      (e) => {
+        l.value = e;
       }
+    ), f(l, (e) => {
+      var n;
+      e && (d.value = { zIndex: p() }, o.appendToRoomContainer && ((n = document.getElementById("roomContainer")) == null || n.appendChild(r.value)));
     });
-    function handleConfirm() {
-      emit("confirm");
+    function y() {
+      a("confirm");
     }
-    function handleCancel() {
-      emit("cancel");
+    function C() {
+      a("cancel");
     }
-    function handleClose() {
-      visible.value = false;
-      emit("update:modelValue", false);
-      emit("close");
+    function _() {
+      l.value = !1, a("update:modelValue", !1), a("close");
     }
-    function handleOverlayClick(event) {
-      if (!props.closeOnClickModal) {
-        return;
-      }
-      if (event.target !== event.currentTarget) {
-        return;
-      }
-      handleClose();
+    function g(e) {
+      o.closeOnClickModal && e.target === e.currentTarget && _();
     }
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "dialogRef",
-        ref: dialogRef,
-        class: normalizeClass(["overlay-container", [_ctx.modal && "overlay"]]),
-        style: normalizeStyle(overlayContainerStyle.value)
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("span", _hoisted_2, toDisplayString(props.title), 1),
-          createElementVNode("div", {
-            class: normalizeClass([hasTitle.value ? "dialog-content" : "dialog-content-notitle"])
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 2),
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", {
-              onClick: handleCancel,
-              class: "cancel-button"
-            }, toDisplayString(props.cancelButton), 1),
-            createElementVNode("div", {
-              onClick: handleConfirm,
-              class: "confirm-button"
-            }, toDisplayString(props.confirmButton), 1)
-          ])
+    return (e, n) => k((T(), x("div", {
+      ref_key: "dialogRef",
+      ref: r,
+      class: u(["overlay-container", [s.modal && "overlay"]]),
+      style: I(d.value)
+    }, [
+      t("div", z, [
+        t("span", E, c(o.title), 1),
+        t("div", {
+          class: u([v.value ? "dialog-content" : "dialog-content-notitle"])
+        }, [
+          S(e.$slots, "default", {}, void 0, !0)
+        ], 2),
+        t("div", O, [
+          t("div", {
+            onClick: C,
+            class: "cancel-button"
+          }, c(o.cancelButton), 1),
+          t("div", {
+            onClick: y,
+            class: "confirm-button"
+          }, c(o.confirmButton), 1)
         ])
-      ], 6)), [
-        [vShow, visible.value],
-        [unref(vTap), handleOverlayClick]
-      ]);
-    };
+      ])
+    ], 6)), [
+      [V, l.value],
+      [b(R), g]
+    ]);
   }
-});
-const DialogH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92cadebf"]]);
+}), j = /* @__PURE__ */ w(H, [["__scopeId", "data-v-92cadebf"]]);
 export {
-  DialogH5 as default
+  j as default
 };