tuikit-atomicx-vue3 3.3.1 → 3.3.2

package/dist/components/ChatSetting/GroupChatSetting/GroupActions/GroupActions.js

@@ -128,7 +128,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         })) : createCommentVNode("", true),
         createVNode(unref(TUIDialog), {
-          appendTo: "body",
           visible: isShowTransferDialog.value,
           title: unref(t)("ChatSetting.transfer_group_owner"),
           "custom-classes": ["user-picker-dialog"],
@@ -154,7 +153,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["visible", "title"]),
         createVNode(unref(TUIDialog), {
-          appendTo: "body",
           visible: isShowDismissDialog.value,
           title: unref(t)("ChatSetting.dismiss_group"),
           onClose: _cache[5] || (_cache[5] = () => isShowDismissDialog.value = false),
@@ -162,7 +160,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onConfirm: handleDismissGroup
         }, null, 8, ["visible", "title"]),
         createVNode(unref(TUIDialog), {
-          appendTo: "body",
           visible: isShowQuitDialog.value,
           title: unref(t)("ChatSetting.quit_group"),
           onClose: _cache[7] || (_cache[7] = () => isShowQuitDialog.value = false),
@@ -178,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21a17b84"]]);
+const GroupActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a8fcc66e"]]);
 export {
   GroupActions as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupChatSetting.js

@@ -227,7 +227,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(PersonalSettings)),
             createVNode(unref(GroupActions)),
             createVNode(unref(TUIDialog), {
-              appendTo: "body",
               visible: isShowUserPickerDialog.value,
               title: userPickerDialogTitle.value,
               "custom-classes": ["user-picker-dialog"],
@@ -256,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupChatSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-358c1266"]]);
+const GroupChatSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7374cfa4"]]);
 export {
   GroupChatSetting as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupManagement/GroupManagement.js

@@ -253,7 +253,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })) : createCommentVNode("", true),
             createVNode(unref(TUIDialog), {
-              appendTo: "body",
               "custom-classes": ["user-picker-dialog"],
               visible: isShowUserPickerDialog.value,
               title: userPickerTitle.value,
@@ -279,7 +278,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupManagement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91345f9d"]]);
+const GroupManagement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a5ebaab5"]]);
 export {
   GroupManagement as default
 };

package/dist/components/CoGuestPanel/CoGuestPanel.js

@@ -135,8 +135,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createTextVNode(toDisplayString(unref(t)("Accept")), 1)
                           ]),
-                          _: 2
-                        }, 1032, ["onClick"]),
+                          _: 1
+                        }, 8, ["onClick"]),
                         createVNode(unref(TUIButton), {
                           color: "red",
                           onClick: ($event) => handleRejectCoGuestRequest(user.userId)
@@ -144,8 +144,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createTextVNode(toDisplayString(unref(t)("Reject")), 1)
                           ]),
-                          _: 2
-                        }, 1032, ["onClick"])
+                          _: 1
+                        }, 8, ["onClick"])
                       ])
                     ])
                   ]);
@@ -187,8 +187,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           default: withCtx(() => [
                             createTextVNode(toDisplayString(unref(t)("Disconnect")), 1)
                           ]),
-                          _: 2
-                        }, 1032, ["onClick"])
+                          _: 1
+                        }, 8, ["onClick"])
                       ])) : createCommentVNode("", true)
                     ])
                   ]);

package/dist/components/ContactList/ContactInfo/GroupInfo/GroupInfo.js

@@ -131,7 +131,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createVNode(unref(TUIDialog), {
-            appendTo: "body",
             visible: visible.value,
             title: canDismissGroup.value ? unref(t)("TUIContact.Confirm dismiss group") : unref(t)("TUIContact.Confirm quit group"),
             "confirm-text": unref(t)("TUIContact.Submit"),
@@ -149,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce333195"]]);
+const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f45a224"]]);
 export {
   GroupInfo as default
 };

package/dist/components/ConversationList/ConversationCreate/ConversationCreate.js

@@ -180,7 +180,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(ConversationCreateButton, { onClick: openCreateConversation }),
         createVNode(unref(TUIDialog), {
-          appendTo: "body",
           visible: showCreateConversation.value,
           title: dialogTitles.value,
           "confirm-text": dialogConfirmText.value,
@@ -212,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87d3c1d2"]]);
+const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdcdab3b"]]);
 export {
   ConversationCreateComponent as default
 };

package/dist/components/ConversationList/ConversationSearch/ConversationSearch.js

@@ -139,7 +139,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 40, ["class", "variant", "SearchBar", "SearchResultsPresearch", "SearchResultsLoading", "SearchResultsEmpty", "SearchResultItem", "onSearchComplete", "onError"]))
           ], 2)) : createCommentVNode("", true),
           createVNode(unref(TUIDialog), {
-            appendTo: "body",
             customClasses: [_ctx.$style.conversationSearch__advanced],
             visible: isShowStandard.value,
             "show-close": false,

package/dist/components/LiveCoreView/PlayerControl/AudioControl.js

@@ -0,0 +1,252 @@
+import { defineComponent, ref, computed, onUnmounted, createElementBlock, openBlock, normalizeStyle, createElementVNode, withDirectives, unref, createBlock, normalizeClass, toDisplayString, vShow, toRaw } from "vue";
+import { useUIKit, IconSpeakerOff, IconSpeakerOn } from "@tencentcloud/uikit-base-component-vue3";
+import { isMobile } from "../../../utils/env.js";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = ["title"];
+const _hoisted_2 = { class: "volume-slider-container" };
+const _hoisted_3 = { class: "volume-slider-wrapper-inner" };
+const _hoisted_4 = { class: "slider-track" };
+const _hoisted_5 = { class: "volume-value" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AudioControl",
+  props: {
+    iconSize: { default: 20 },
+    enableVolumeControl: { type: Boolean, default: true }
+  },
+  emits: ["volume-change", "muted-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useUIKit();
+    const volumeState = ref({
+      current: 1,
+      previous: 1
+    });
+    const isMuted = ref(false);
+    const isVolumeSliderVisible = ref(false);
+    const isDragging = ref(false);
+    const volumeSliderElement = ref();
+    const volumeSliderAutoHideTimer = ref(null);
+    const AUTO_HIDE_DELAY = {
+      PC: 500,
+      // 0.5 seconds for PC
+      MOBILE: 3e3
+      // 3 seconds for mobile
+    };
+    const volumePercentage = computed(() => {
+      if (props.enableVolumeControl === false) {
+        return isMuted.value ? 0 : 100;
+      }
+      return Math.round(volumeState.value.current * 100);
+    });
+    const iconSizeStyle = computed(() => ({
+      width: `${props.iconSize || 20}px`,
+      height: `${props.iconSize || 20}px`
+    }));
+    const updateVolume = (newVolume) => {
+      volumeState.value.previous = toRaw(volumeState.value.current);
+      volumeState.value.current = newVolume;
+      isMuted.value = newVolume === 0;
+      emit("volume-change", newVolume);
+    };
+    const toggleMute = () => {
+      if (isMuted.value) {
+        isMuted.value = false;
+        volumeState.value.current = volumeState.value.previous || 0.2;
+        emit("muted-change", false);
+        emit("volume-change", volumeState.value.current);
+      } else {
+        isMuted.value = true;
+        volumeState.value.previous = volumeState.value.current;
+        volumeState.value.current = 0;
+        emit("muted-change", true);
+        emit("volume-change", volumeState.value.current);
+      }
+    };
+    const handleVolumeIconClick = () => {
+      if (props.enableVolumeControl === false) {
+        toggleMute();
+      } else {
+        if (isMobile) {
+          isVolumeSliderVisible.value = !isVolumeSliderVisible.value;
+          if (isVolumeSliderVisible.value) {
+            startVolumeSliderAutoHideTimer();
+          } else {
+            stopVolumeSliderAutoHideTimer();
+          }
+        } else {
+          toggleMute();
+        }
+      }
+    };
+    const startVolumeSliderAutoHideTimer = () => {
+      stopVolumeSliderAutoHideTimer();
+      const delay = isMobile ? AUTO_HIDE_DELAY.MOBILE : AUTO_HIDE_DELAY.PC;
+      volumeSliderAutoHideTimer.value = window.setTimeout(() => {
+        if (props.enableVolumeControl) {
+          isVolumeSliderVisible.value = false;
+        }
+      }, delay);
+    };
+    const stopVolumeSliderAutoHideTimer = () => {
+      if (volumeSliderAutoHideTimer.value) {
+        clearTimeout(volumeSliderAutoHideTimer.value);
+        volumeSliderAutoHideTimer.value = null;
+      }
+    };
+    const handleMouseEnter = () => {
+      if (props.enableVolumeControl === false) return;
+      if (isMobile) return;
+      isVolumeSliderVisible.value = true;
+      startVolumeSliderAutoHideTimer();
+    };
+    const handleMouseLeave = () => {
+      if (props.enableVolumeControl === false) return;
+      if (isMobile) return;
+      if (!isDragging.value) {
+        startVolumeSliderAutoHideTimer();
+      }
+    };
+    const calculateVolumeFromPosition = (clientY, target) => {
+      const rect = target.getBoundingClientRect();
+      const clickY = clientY - rect.top;
+      const height = rect.height;
+      return Math.max(0, Math.min(1, 1 - clickY / height));
+    };
+    const addGlobalEventListeners = () => {
+      document.addEventListener("mousemove", handleSliderMove);
+      document.addEventListener("mouseup", handleSliderEnd);
+      document.addEventListener("touchmove", handleSliderMove);
+      document.addEventListener("touchend", handleSliderEnd);
+    };
+    const removeGlobalEventListeners = () => {
+      document.removeEventListener("mousemove", handleSliderMove);
+      document.removeEventListener("mouseup", handleSliderEnd);
+      document.removeEventListener("touchmove", handleSliderMove);
+      document.removeEventListener("touchend", handleSliderEnd);
+    };
+    const startDragging = () => {
+      isDragging.value = true;
+      if (props.enableVolumeControl) {
+        stopVolumeSliderAutoHideTimer();
+      }
+      addGlobalEventListeners();
+    };
+    const handleSliderMove = (event) => {
+      if (!isDragging.value) return;
+      event.preventDefault();
+      let clientY;
+      if (event instanceof MouseEvent) {
+        clientY = event.clientY;
+      } else {
+        clientY = event.touches[0].clientY;
+      }
+      const volumeValue = calculateVolumeFromPosition(clientY, volumeSliderElement.value);
+      updateVolume(volumeValue);
+    };
+    const handleSliderEnd = () => {
+      isDragging.value = false;
+      if (props.enableVolumeControl && isVolumeSliderVisible.value) {
+        startVolumeSliderAutoHideTimer();
+      }
+      removeGlobalEventListeners();
+    };
+    const handleSliderMouseDown = (event) => {
+      if (props.enableVolumeControl === false) return;
+      startDragging();
+      event.preventDefault();
+    };
+    const handleSliderTouchStart = (event) => {
+      if (props.enableVolumeControl === false) return;
+      startDragging();
+      event.preventDefault();
+    };
+    const handleVolumeSliderAreaClick = () => {
+      if (props.enableVolumeControl === false) return;
+      if (isMobile) {
+        isVolumeSliderVisible.value = !isVolumeSliderVisible.value;
+        if (isVolumeSliderVisible.value) {
+          startVolumeSliderAutoHideTimer();
+        } else {
+          stopVolumeSliderAutoHideTimer();
+        }
+      }
+    };
+    const handleVolumeSliderMouseEnter = () => {
+      if (props.enableVolumeControl === false) return;
+      if (isMobile) return;
+      stopVolumeSliderAutoHideTimer();
+    };
+    const handleVolumeSliderMouseLeave = () => {
+      if (props.enableVolumeControl === false) return;
+      if (isMobile) return;
+      if (!isDragging.value) {
+        startVolumeSliderAutoHideTimer();
+      }
+    };
+    onUnmounted(() => {
+      removeGlobalEventListeners();
+      if (volumeSliderAutoHideTimer.value) {
+        clearTimeout(volumeSliderAutoHideTimer.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "audio-control",
+        style: normalizeStyle(iconSizeStyle.value),
+        onMouseenter: handleMouseEnter,
+        onMouseleave: handleMouseLeave
+      }, [
+        createElementVNode("span", {
+          class: "control-btn volume-btn",
+          title: isMuted.value ? unref(t)("Unmute") : unref(t)("Mute"),
+          onClick: handleVolumeIconClick
+        }, [
+          isMuted.value ? (openBlock(), createBlock(unref(IconSpeakerOff), {
+            key: 0,
+            size: "20"
+          })) : (openBlock(), createBlock(unref(IconSpeakerOn), {
+            key: 1,
+            size: "20"
+          }))
+        ], 8, _hoisted_1),
+        withDirectives(createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", {
+            class: "volume-slider-wrapper",
+            onMouseenter: handleVolumeSliderMouseEnter,
+            onMouseleave: handleVolumeSliderMouseLeave
+          }, [
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", {
+                ref_key: "volumeSliderElement",
+                ref: volumeSliderElement,
+                class: "custom-volume-slider",
+                onMousedown: handleSliderMouseDown,
+                onTouchstart: handleSliderTouchStart,
+                onClick: handleVolumeSliderAreaClick
+              }, [
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", {
+                    class: "slider-progress",
+                    style: normalizeStyle({ height: `${volumePercentage.value}%` })
+                  }, null, 4),
+                  createElementVNode("div", {
+                    class: normalizeClass(["slider-thumb", { "no-transition": isDragging.value }]),
+                    style: normalizeStyle({ bottom: `${volumePercentage.value}%` })
+                  }, null, 6)
+                ])
+              ], 544)
+            ]),
+            createElementVNode("div", _hoisted_5, toDisplayString(volumePercentage.value), 1)
+          ], 32)
+        ], 512), [
+          [vShow, isVolumeSliderVisible.value]
+        ])
+      ], 36);
+    };
+  }
+});
+const AudioControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-22bb0b88"]]);
+export {
+  AudioControl as default
+};

package/dist/components/LiveCoreView/PlayerControl/AudioControl.vue.d.ts

@@ -0,0 +1,38 @@
+interface AudioControlProps {
+    iconSize?: number;
+    enableVolumeControl?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AudioControlProps>, {
+    iconSize: number;
+    enableVolumeControl: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "volume-change": (value: number) => void;
+    "muted-change": (value: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<AudioControlProps>, {
+    iconSize: number;
+    enableVolumeControl: boolean;
+}>>> & Readonly<{
+    "onVolume-change"?: ((value: number) => any) | undefined;
+    "onMuted-change"?: ((value: boolean) => any) | undefined;
+}>, {
+    iconSize: number;
+    enableVolumeControl: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};