tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/StreamView/common/ArrowStroke.js

@@ -1,7 +1,7 @@
-import { defineComponent, computed, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, withCtx, unref } from "vue";
-import { IconArrowStrokeLeft } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as k, computed as m, resolveComponent as w, createElementBlock as d, openBlock as p, normalizeClass as e, createElementVNode as r, createVNode as s, withCtx as f, unref as h } from "vue";
+import { IconArrowStrokeLeft as u } from "@tencentcloud/uikit-base-component-vue3";
+import { _ } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const v = /* @__PURE__ */ k({
   __name: "ArrowStroke",
   props: {
     strokePosition: {},
@@ -9,36 +9,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasStroke: { type: Boolean }
   },
   emits: ["click-arrow"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const arrowStrokeClass = computed(
-      () => `arrow-stroke-container-${props.strokePosition}`
+  setup(o, { emit: c }) {
+    const n = o, a = c, i = m(
+      () => `arrow-stroke-container-${n.strokePosition}`
     );
-    function handleClickArrow() {
-      emits("click-arrow");
+    function t() {
+      a("click-arrow");
     }
-    return (_ctx, _cache) => {
-      const _component_svg_icon = resolveComponent("svg-icon");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(arrowStrokeClass.value)
+    return (C, S) => {
+      const l = w("svg-icon");
+      return p(), d("div", {
+        class: e(i.value)
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["stroke-content", { "has-stroke": _ctx.hasStroke }])
+        r("div", {
+          class: e(["stroke-content", { "has-stroke": o.hasStroke }])
         }, [
-          createElementVNode("div", {
+          r("div", {
             class: "arrow-content",
-            onClick: handleClickArrow
+            onClick: t
           })
         ], 2),
-        createVNode(_component_svg_icon, {
-          class: normalizeClass(["arrow", { "has-stroke": _ctx.hasStroke }]),
-          onClick: handleClickArrow
+        s(l, {
+          class: e(["arrow", { "has-stroke": o.hasStroke }]),
+          onClick: t
         }, {
-          default: withCtx(() => [
-            createVNode(unref(IconArrowStrokeLeft), {
-              class: normalizeClass(_ctx.arrowDirection),
-              style: { "width": "8px", "height": "12px" }
+          default: f(() => [
+            s(h(u), {
+              class: e(o.arrowDirection),
+              style: { width: "8px", height: "12px" }
             }, null, 8, ["class"])
           ]),
           _: 1
@@ -46,8 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ], 2);
     };
   }
-});
-const ArrowStroke = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8a011231"]]);
+}), B = /* @__PURE__ */ _(v, [["__scopeId", "data-v-8a011231"]]);
 export {
-  ArrowStroke as default
+  B as default
 };

package/dist/components/StreamView/common/LocalScreenView/index.js

@@ -1,101 +1,91 @@
-import { defineComponent, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, normalizeClass, createVNode, unref, toDisplayString, withCtx, createTextVNode } from "vue";
-import { IconScreenSharing, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import DialogPC from "../../../../baseComp/Dialog/DialogPC.js";
-import { useI18n } from "../../../../locales/index.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "local-screen-info" };
-const _hoisted_2 = { class: "text" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as g, ref as u, onMounted as y, onBeforeUnmount as x, createElementBlock as C, openBlock as S, createElementVNode as t, normalizeClass as w, createVNode as r, unref as e, toDisplayString as a, withCtx as l, createTextVNode as d } from "vue";
+import { IconScreenSharing as k, TUIButton as f } from "@tencentcloud/uikit-base-component-vue3";
+import V from "../../../../baseComp/Dialog/DialogPC.js";
+import { useI18n as E } from "../../../../locales/index.js";
+import { _ as R } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = { class: "local-screen-info" }, z = { class: "text" }, B = /* @__PURE__ */ g({
   __name: "index",
-  setup(__props) {
-    const { t } = useI18n();
-    const showStopShareRegion = ref(false);
-    const localScreenContainerRef = ref();
-    const isMiniRegion = ref(false);
-    function openStopConfirmDialog() {
-      showStopShareRegion.value = true;
+  setup(I) {
+    const { t: o } = E(), n = u(!1), s = u(), p = u(!1);
+    function _() {
+      n.value = !0;
     }
-    function stopScreenSharing() {
-      showStopShareRegion.value = false;
+    function h() {
+      n.value = !1;
     }
-    const resizeObserver = new ResizeObserver(() => {
-      var _a;
-      isMiniRegion.value = ((_a = localScreenContainerRef.value) == null ? void 0 : _a.offsetHeight) <= 200;
+    const m = new ResizeObserver(() => {
+      var c;
+      p.value = ((c = s.value) == null ? void 0 : c.offsetHeight) <= 200;
     });
-    onMounted(() => {
-      resizeObserver.observe(localScreenContainerRef.value);
-    });
-    onBeforeUnmount(() => {
-      resizeObserver.unobserve(localScreenContainerRef.value);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "local-screen-container",
-        ref_key: "localScreenContainerRef",
-        ref: localScreenContainerRef
+    return y(() => {
+      m.observe(s.value);
+    }), x(() => {
+      m.unobserve(s.value);
+    }), (c, i) => (S(), C("div", {
+      class: "local-screen-container",
+      ref_key: "localScreenContainerRef",
+      ref: s
+    }, [
+      t("div", {
+        class: w(["local-screen-control-container", { mini: p.value }])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["local-screen-control-container", { mini: isMiniRegion.value }])
-        }, [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(IconScreenSharing), { size: "44" }),
-            createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("You are sharing the screen...")), 1)
+        t("div", b, [
+          r(e(k), { size: "44" }),
+          t("span", z, a(e(o)("You are sharing the screen...")), 1)
+        ]),
+        r(e(f), {
+          color: "red",
+          onClick: _,
+          type: "primary"
+        }, {
+          default: l(() => [
+            d(a(e(o)("End sharing")), 1)
+          ]),
+          _: 1
+        }),
+        r(e(V), {
+          modelValue: n.value,
+          "onUpdate:modelValue": i[1] || (i[1] = (v) => n.value = v),
+          width: "420px",
+          title: e(o)("End sharing"),
+          modal: !0,
+          "close-on-click-modal": !0,
+          "append-to-room-container": !0
+        }, {
+          footer: l(() => [
+            t("span", null, [
+              r(e(f), {
+                onClick: h,
+                type: "primary",
+                style: { "min-width": "88px" }
+              }, {
+                default: l(() => [
+                  d(a(e(o)("End sharing")), 1)
+                ]),
+                _: 1
+              }),
+              r(e(f), {
+                onClick: i[0] || (i[0] = (v) => n.value = !1),
+                style: { "min-width": "88px" }
+              }, {
+                default: l(() => [
+                  d(a(e(o)("Cancel")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: l(() => [
+            t("span", null, a(e(o)(
+              "Others will no longer see your screen after you stop sharing. Are you sure you want to stop?"
+            )), 1)
           ]),
-          createVNode(unref(TUIButton), {
-            color: "red",
-            onClick: openStopConfirmDialog,
-            type: "primary"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(t)("End sharing")), 1)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(DialogPC), {
-            modelValue: showStopShareRegion.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showStopShareRegion.value = $event),
-            width: "420px",
-            title: unref(t)("End sharing"),
-            modal: true,
-            "close-on-click-modal": true,
-            "append-to-room-container": true
-          }, {
-            footer: withCtx(() => [
-              createElementVNode("span", null, [
-                createVNode(unref(TUIButton), {
-                  onClick: stopScreenSharing,
-                  type: "primary",
-                  style: { "min-width": "88px" }
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("End sharing")), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(TUIButton), {
-                  onClick: _cache[0] || (_cache[0] = ($event) => showStopShareRegion.value = false),
-                  style: { "min-width": "88px" }
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(t)("Cancel")), 1)
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            default: withCtx(() => [
-              createElementVNode("span", null, toDisplayString(unref(t)(
-                "Others will no longer see your screen after you stop sharing. Are you sure you want to stop?"
-              )), 1)
-            ]),
-            _: 1
-          }, 8, ["modelValue", "title"])
-        ], 2)
-      ], 512);
-    };
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 2)
+    ], 512));
   }
-});
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48a8f402"]]);
+}), T = /* @__PURE__ */ R(B, [["__scopeId", "data-v-48a8f402"]]);
 export {
-  index as default
+  T as default
 };

package/dist/components/StreamView/common/StreamCover/index.js

@@ -1,74 +1,45 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, toDisplayString, normalizeClass } from "vue";
-import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { DeviceStatus } from "../../../../types/device.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "stream-cover" };
-const _hoisted_2 = {
+import { defineComponent as p, computed as r, createElementBlock as t, openBlock as s, createCommentVNode as f, createElementVNode as o, toDisplayString as l, normalizeClass as v } from "vue";
+import { TUIVideoStreamType as a } from "@tencentcloud/tuiroom-engine-js";
+import { DeviceStatus as S } from "../../../../types/device.js";
+import { _ } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = { class: "stream-cover" }, y = {
   key: 0,
   class: "avatar-container"
-};
-const _hoisted_3 = ["src", "alt"];
-const _hoisted_4 = {
+}, I = ["src", "alt"], k = {
   key: 1,
   class: "avatar avatar-placeholder"
-};
-const _hoisted_5 = { class: "user-details" };
-const _hoisted_6 = { class: "username" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, h = { class: "user-details" }, T = { class: "username" }, N = /* @__PURE__ */ p({
   __name: "index",
   props: {
     userInfo: {},
     streamType: {}
   },
-  setup(__props) {
-    const props = __props;
-    computed(() => {
-      if (props.streamType === TUIVideoStreamType.kCameraStream) {
-        return "摄像头";
-      } else if (props.streamType === TUIVideoStreamType.kScreenStream) {
-        return "屏幕分享";
-      } else if (props.streamType === TUIVideoStreamType.kCameraStreamLow) {
-        return "低清摄像头";
-      }
-      return "";
-    });
-    const showAvatar = computed(() => {
-      const hasNoCameraStream = props.streamType === TUIVideoStreamType.kCameraStream && props.userInfo.cameraStatus !== DeviceStatus.On;
-      return hasNoCameraStream;
-    });
-    const displayName = computed(() => {
-      return props.userInfo.nameCard || props.userInfo.userName || props.userInfo.userId;
-    });
-    computed(() => {
-      const isCamera = props.streamType === TUIVideoStreamType.kCameraStream || props.streamType === TUIVideoStreamType.kCameraStreamLow;
-      return isCamera ? props.userInfo.cameraStatus === "On" : props.userInfo.screenStatus === "On";
-    });
-    const isAudioAvailable = computed(() => {
-      return props.userInfo.microphoneStatus === "On";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        showAvatar.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          _ctx.userInfo.avatarUrl ? (openBlock(), createElementBlock("img", {
-            key: 0,
-            class: "avatar",
-            src: _ctx.userInfo.avatarUrl,
-            alt: displayName.value
-          }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(displayName.value.slice(0, 1).toUpperCase()), 1))
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_5, [
-          createElementVNode("span", {
-            class: normalizeClass(["audio-status", { "audio-on": isAudioAvailable.value, "audio-off": !isAudioAvailable.value }])
-          }, [..._cache[0] || (_cache[0] = [
-            createElementVNode("i", { class: "audio-icon" }, null, -1)
-          ])], 2),
-          createElementVNode("div", _hoisted_6, toDisplayString(displayName.value), 1)
-        ])
-      ]);
-    };
+  setup(n) {
+    const e = n;
+    r(() => e.streamType === a.kCameraStream ? "摄像头" : e.streamType === a.kScreenStream ? "屏幕分享" : e.streamType === a.kCameraStreamLow ? "低清摄像头" : "");
+    const d = r(() => e.streamType === a.kCameraStream && e.userInfo.cameraStatus !== S.On), m = r(() => e.userInfo.nameCard || e.userInfo.userName || e.userInfo.userId);
+    r(() => e.streamType === a.kCameraStream || e.streamType === a.kCameraStreamLow ? e.userInfo.cameraStatus === "On" : e.userInfo.screenStatus === "On");
+    const u = r(() => e.userInfo.microphoneStatus === "On");
+    return (c, i) => (s(), t("div", C, [
+      d.value ? (s(), t("div", y, [
+        n.userInfo.avatarUrl ? (s(), t("img", {
+          key: 0,
+          class: "avatar",
+          src: n.userInfo.avatarUrl,
+          alt: m.value
+        }, null, 8, I)) : (s(), t("div", k, l(m.value.slice(0, 1).toUpperCase()), 1))
+      ])) : f("", !0),
+      o("div", h, [
+        o("span", {
+          class: v(["audio-status", { "audio-on": u.value, "audio-off": !u.value }])
+        }, [...i[0] || (i[0] = [
+          o("i", { class: "audio-icon" }, null, -1)
+        ])], 2),
+        o("div", T, l(m.value), 1)
+      ])
+    ]));
   }
-});
-const StreamCover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f5cb3fe7"]]);
+}), A = /* @__PURE__ */ _(N, [["__scopeId", "data-v-f5cb3fe7"]]);
 export {
-  StreamCover as default
+  A as default
 };