tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/components/Search/index.js

@@ -0,0 +1,28 @@
+import { addI18n } from "../../i18n/index.js";
+import { enResource } from "./i18n/en-US/index.js";
+import { zhResource } from "./i18n/zh-CN/index.js";
+import SearchComponent from "./Search.js";
+import SearchAdvancedComponent from "./SearchAdvanced/SearchAdvanced.js";
+import SearchBarComponent from "./SearchBar/SearchBar.js";
+import SearchResultsComponent from "./SearchResults/SearchResults.js";
+import UserAdvancedComponent from "./SearchAdvanced/UserAdvanced/UserAdvanced.js";
+import MessageAdvancedComponent from "./SearchAdvanced/MessageAdvanced/MessageAdvanced.js";
+import SearchResultItemComponent from "./SearchResults/SearchResultsItem/SearchResultsItem.js";
+const Search = SearchComponent;
+const SearchAdvanced = SearchAdvancedComponent;
+const SearchResults = SearchResultsComponent;
+const SearchBar = SearchBarComponent;
+const UserAdvanced = UserAdvancedComponent;
+const MessageAdvanced = MessageAdvancedComponent;
+const SearchResultItem = SearchResultItemComponent;
+addI18n("en-US", { translation: enResource });
+addI18n("zh-CN", { translation: zhResource });
+export {
+  MessageAdvanced,
+  Search,
+  SearchAdvanced,
+  SearchBar,
+  SearchResultItem,
+  SearchResults,
+  UserAdvanced
+};

package/dist/components/StreamMixer/LocalMixer/index.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, ref, watch, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode, toDisplayString } from "vue";
 import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
 import { useVideoMixerState } from "../../../states/VideoMixerState.js";
-import TUIRoomEngine, { TRTCVideoResolutionMode, TRTCVideoRotation, TUIVideoQuality } from "@tencentcloud/tuiroom-engine-js";
+import TUIRoomEngine, { TRTCVideoRotation, TUIVideoQuality, TRTCVideoResolutionMode } from "@tencentcloud/tuiroom-engine-js";
 import { useLiveState } from "../../../states/LiveState/index.js";
-import { LiveOrientation, LiveStatus } from "../../../types/live.js";
 import MixerControl from "./MixerControl.js";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { LiveOrientation, LiveStatus } from "../../../types/live.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {
   key: 1,

package/dist/components/StreamMixer/index.js

@@ -1,14 +1,14 @@
 import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, normalizeStyle } from "vue";
 import LocalMixer from "./LocalMixer/index.js";
-import { LiveStreamView } from "../LiveStreamView/index.js";
+import { LiveStreamView as LiveStreamViewComponent } from "../LiveStreamView/index.js";
 import { addI18n } from "../../i18n/index.js";
-import { resource as resource$1 } from "./i18n/zh-CN/index.js";
 import { resource } from "./i18n/en-US/index.js";
+import { resource as resource$1 } from "./i18n/zh-CN/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(LiveStreamView), { "ignore-local-video": true }, {
+      return openBlock(), createBlock(unref(LiveStreamViewComponent), { "ignore-local-video": true }, {
         localVideo: withCtx(({ style }) => [
           createVNode(LocalMixer, {
             style: normalizeStyle(style)

package/dist/components/StreamView/Layout/FloatLayout.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, computed, onMounted, onBeforeUnmount, watch, createElementBlock, openBlock, createElementVNode, normalizeStyle, createCommentVNode, createVNode, unref, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import StreamRegion from "../common/StreamRegion/StreamRegionPC.js";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { DeviceStatus } from "../../../types/device.js";
-import { SeatStatus } from "../../../types/user.js";
-import { LiveStatus } from "../../../types/live.js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { useLiveState } from "../../../states/LiveState/index.js";
 import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
+import { DeviceStatus } from "../../../types/device.js";
+import { LiveStatus } from "../../../types/live.js";
+import { SeatStatus } from "../../../types/user.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "main-view" };
 const encodeWidth = 1920;
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     var _a, _b;
-    const { userList, localUser, userListWithVideo } = useUserState();
+    const { localUser, userListWithVideo } = useUserState();
     const { currentLive, localLiveStatus } = useLiveState();
     const roomEngine = useRoomEngine();
     const props = __props;

package/dist/components/StreamView/Layout/GridLayout.js

@@ -1,7 +1,6 @@
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, createBlock, unref, withCtx, renderSlot, mergeProps } from "vue";
 import StreamRegion from "../common/StreamRegion/StreamRegionPC.js";
 import { getContentSize } from "../../../utils/domOperation.js";
-import { LocalRoomStatus } from "../../../types/room.js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
 import { safelyParse } from "../../../utils/utils.js";
@@ -9,6 +8,7 @@ import { useRoomState } from "../../../states/RoomState.js";
 import { useDeviceState } from "../../../states/DeviceState.js";
 import { useLoginState } from "../../../states/LoginState.js";
 import { getNewUserInfo } from "../../../states/UserState/store.js";
+import { LocalRoomStatus } from "../../../types/room.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const aspectRatio = "16:9";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/StreamView/Layout/MeetingLayout.js

@@ -3,10 +3,10 @@ import ArrowStroke from "../common/ArrowStroke.js";
 import StreamRegion from "../common/StreamRegion/StreamRegionPC.js";
 import StreamList from "../common/StreamList/index.js";
 import { TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-js";
-import { DeviceStatus } from "../../../types/device.js";
-import { StreamPlayQuality, StreamPlayMode } from "../../../types/stream.js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { useRoomState } from "../../../states/RoomState.js";
+import { StreamPlayQuality, StreamPlayMode } from "../../../types/stream.js";
+import { DeviceStatus } from "../../../types/device.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MeetingLayout",

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

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     streamPlayMode: { default: StreamPlayMode.PLAY }
   },
   setup(__props) {
-    const { localUser, getUserInfo } = useUserState();
+    const { localUser } = useUserState();
     const mediaManager = new MediaManager();
     const props = __props;
     const playRegionDomRef = ref();

package/dist/components/StreamView/manager/mediaManager.js

@@ -4,12 +4,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import TUIRoomEngine, { TUIVideoStreamType, TRTCVideoStreamType, TRTCVideoFillMode, TRTCVideoRotation, TRTCVideoMirrorType, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-js";
 import { useUserState } from "../../../states/UserState/index.js";
 import { innerUserStore } from "../../../states/UserState/store.js";
-import { StreamPlayStatus } from "../../../types/user.js";
-import { LiveStatus } from "../../../types/live.js";
 import { useRoomEngine } from "../../../hooks/useRoomEngine.js";
 import { useLiveState } from "../../../states/LiveState/index.js";
 import { useVideoMixerState } from "../../../states/VideoMixerState.js";
 import { watch } from "vue";
+import { LiveStatus } from "../../../types/live.js";
+import { StreamPlayStatus } from "../../../types/user.js";
 const { localUser } = useUserState();
 const { isVideoMixerEnabled } = useVideoMixerState();
 const { localLiveStatus } = useLiveState();
@@ -61,7 +61,6 @@ class MediaManager {
     __publicField(this, "observerDataMap", /* @__PURE__ */ new Map());
     __publicField(this, "observerRoot", null);
     __publicField(this, "onUserVideoStateChanged", (eventInfo) => {
-      const { userId, streamType, hasVideo, reason } = eventInfo;
     });
     this.bindRoomEngineEvents();
   }
@@ -256,7 +255,6 @@ class MediaManager {
     }
   }
   onUserAudioStateChanged(eventInfo) {
-    const { userId, hasAudio, reason } = eventInfo;
   }
   dispose() {
     this.intersectionObserver = null;

package/dist/components/UserList/UserItem/UserAction/indexPC.js

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return props.userInfo.userId === ((_a = localUser.value) == null ? void 0 : _a.userId);
       }
     );
-    const { userActions, isTargetUserAnchor, isTargetUserAudience, isUserApplyingToAnchor, agreeOrDenyStageList, inviteStageList, onStageControlList } = useUserActions({
+    const { userActions } = useUserActions({
       userInfo: props.userInfo
     });
     watch(() => JSON.stringify(userActions.value), (newVal) => {

package/dist/components/UserList/UserItem/UserInfo/index.js

@@ -4,10 +4,10 @@ import Avatar from "../../../../baseComp/Avatar.js";
 import { IconScreenOpen, IconAudioOpen, IconAudioClose, IconVideoOpen, IconVideoClose, IconApplyActive, IconUser } from "@tencentcloud/uikit-base-component-vue3";
 import { useI18n } from "../../../../locales/index.js";
 import { isMobile } from "../../../../utils/environment.js";
-import { DeviceStatus } from "../../../../types/device.js";
-import { SeatStatus } from "../../../../types/user.js";
 import { useRoomState } from "../../../../states/RoomState.js";
 import { useUserState } from "../../../../states/UserState/index.js";
+import { SeatStatus } from "../../../../types/user.js";
+import { DeviceStatus } from "../../../../types/device.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "user-name" };
 const _hoisted_2 = { class: "role-info" };

package/dist/components/UserList/UserItem/indexPC.js

@@ -1,8 +1,8 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, createVNode, withDirectives, unref, vShow } from "vue";
 import UserInfoComp from "./UserInfo/index.js";
 import UserActionPC from "./UserAction/indexPC.js";
-import { UserRoomStatus } from "../../../types/user.js";
 import { useUserActions } from "../../../hooks/useUserActions/index.js";
+import { UserRoomStatus } from "../../../types/user.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "indexPC",

package/dist/components/UserPicker/UserPicker.js

@@ -129,7 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.enableSearch ? (openBlock(), createBlock(unref(SearchBar), {
           key: 0,
-          placeholder: _ctx.searchPlaceholder || unref(t)("TUIConversation.Search"),
+          placeholder: _ctx.searchPlaceholder || unref(t)("UserPicker.search"),
           "on-search": unref(searchManager).handleSearch
         }, null, 8, ["placeholder", "on-search"])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -139,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           unref(searchManager).isSearchEmpty.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: normalizeClass(_ctx.$style["empty-search"])
-          }, toDisplayString(unref(t)("TUIChat.No Result")), 3)) : !isTreeMode.value ? (openBlock(), createBlock(unref(ListMode), {
+          }, toDisplayString(unref(t)("UserPicker.no_result")), 3)) : !isTreeMode.value ? (openBlock(), createBlock(unref(ListMode), {
             key: 1,
             "data-source": unref(searchManager).filteredData.value,
             "selected-keys": unref(selectionManager).selectedKeys.value,

package/dist/components/UserPicker/components/ListMode/ListMode.js

@@ -37,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return _ctx.dataSource.length === 0 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.list__empty)
-      }, toDisplayString(unref(t)("TUIChat.No Data Available")), 3)) : (openBlock(), createElementBlock("div", {
+      }, toDisplayString(unref(t)("UserPicker.no_data_available")), 3)) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: normalizeClass(_ctx.$style.list__container),
         onScroll: handleScroll

package/dist/components/UserPicker/components/ListMode/ListMode.vue.d.ts

@@ -1,7 +1,7 @@
 import { IUserPickerRow } from '../../type';
 
 interface ListModeProps<T = unknown> {
-    dataSource: Array<IUserPickerRow<T>>;
+    dataSource: IUserPickerRow<T>[];
     selectedKeys: Set<string>;
     lockedKeys: Set<string>;
     onItemClick: (key: string) => void;

package/dist/components/UserPicker/components/SelectedPanel/SelectedPanel.js

@@ -35,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("span", {
             class: normalizeClass(_ctx.$style.selected__title)
-          }, toDisplayString(unref(t)("TUIChat.Selected")), 3),
+          }, toDisplayString(unref(t)("UserPicker.selected")), 3),
           createElementVNode("span", {
             class: normalizeClass(_ctx.$style.selected__count)
           }, [

package/dist/components/UserPicker/i18n/en-US.d.ts

@@ -0,0 +1,7 @@
+declare const UserPicker: {
+    search: string;
+    no_result: string;
+    no_data_available: string;
+    selected: string;
+};
+export default UserPicker;

package/dist/components/UserPicker/i18n/en-US.js

@@ -0,0 +1,9 @@
+const UserPicker = {
+  search: "Search",
+  no_result: "No result",
+  no_data_available: "No data available",
+  selected: "Selected"
+};
+export {
+  UserPicker as default
+};

package/dist/components/UserPicker/i18n/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/UserPicker/i18n/index.js

@@ -0,0 +1,10 @@
+import { i18next } from "@tencentcloud/uikit-base-component-vue3";
+import UserPicker$1 from "./en-US.js";
+import UserPicker from "./zh-CN.js";
+const resources = {
+  "en-US": UserPicker$1,
+  "zh-CN": UserPicker
+};
+Object.entries(resources).forEach(([lng, resource]) => {
+  i18next.addResourceBundle(lng, "translation", { UserPicker: resource }, true, false);
+});

package/dist/components/UserPicker/i18n/zh-CN.d.ts

@@ -0,0 +1,7 @@
+declare const UserPicker: {
+    search: string;
+    no_result: string;
+    no_data_available: string;
+    selected: string;
+};
+export default UserPicker;

package/dist/components/UserPicker/i18n/zh-CN.js

@@ -0,0 +1,9 @@
+const UserPicker = {
+  search: "搜索",
+  no_result: "没有结果",
+  no_data_available: "无数据",
+  selected: "已选择"
+};
+export {
+  UserPicker as default
+};

package/dist/components/VideoSetting/VideoMediaControl.js

@@ -4,10 +4,10 @@ import IconButton from "../../baseComp/IconButton.js";
 import VideoSettingTab from "./VideoSettingTab.js";
 import { useI18n } from "../../locales/index.js";
 import vClickOutside from "../../directives/vClickOutside.js";
-import { DeviceError, DeviceStatus, MediaSettingDisplayMode } from "../../types/device.js";
 import { useDeviceState } from "../../states/DeviceState.js";
 import { useUserState } from "../../states/UserState/index.js";
 import { useRoomState } from "../../states/RoomState.js";
+import { DeviceError, DeviceStatus, MediaSettingDisplayMode } from "../../types/device.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "video-control-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/VideoSetting/index.js

@@ -1,39 +1,5 @@
-import { defineComponent, provide, reactive, createElementBlock, openBlock, createBlock, createCommentVNode } from "vue";
-import VideoMediaControl from "./VideoMediaControl.js";
-import { _ as _sfc_main$1 } from "../../VideoRequestDialog.vue_vue_type_script_setup_true_lang-CnE-LwNh.js";
-import VideoSettingTab from "./VideoSettingTab.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    displayMode: {},
-    supportSwitchCamera: { type: Boolean, default: true },
-    supportSwitchResolution: { type: Boolean, default: true },
-    supportVideoPreview: { type: Boolean, default: true },
-    supportSwitchMirror: { type: Boolean, default: true }
-  },
-  emits: ["click-icon"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    function handleVideoMediaClick() {
-      emits("click-icon");
-    }
-    const props = __props;
-    provide("videoSettingProps", reactive(props));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        _ctx.displayMode === "Icon" || _ctx.displayMode === "IconWithPanel" ? (openBlock(), createBlock(VideoMediaControl, {
-          key: 0,
-          onClickIcon: handleVideoMediaClick
-        })) : createCommentVNode("", true),
-        _ctx.displayMode === "Panel" ? (openBlock(), createBlock(VideoSettingTab, { key: 1 })) : createCommentVNode("", true),
-        _ctx.displayMode !== "Panel" ? (openBlock(), createBlock(_sfc_main$1, { key: 2 })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const VideoSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ea3e0b27"]]);
+import { V as VideoSettingComponent } from "../../index-DRcLhqhU.js";
 export {
-  VideoSetting,
-  VideoSetting as default
+  VideoSettingComponent as VideoSetting,
+  VideoSettingComponent as default
 };

package/dist/components/VideoSettingPanel/index.d.ts

@@ -1,3 +1,32 @@
-import { default as VideoSettingPanel } from './index.vue';
-
+declare const VideoSettingPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    cameraSelectVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    videoPreviewVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    videoProfileVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    cameraSelectVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    videoPreviewVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    videoProfileVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    cameraSelectVisible: boolean;
+    videoPreviewVisible: boolean;
+    videoProfileVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { VideoSettingPanel };

package/dist/components/VideoSettingPanel/index.js

@@ -72,9 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01c8fe83"]]);
+const VideoSettingPanelPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-01c8fe83"]]);
 addI18n("en-US", { translation: resource });
 addI18n("zh-CN", { translation: resource$1 });
+const VideoSettingPanel = VideoSettingPanelPC;
 export {
-  index as VideoSettingPanel
+  VideoSettingPanel
 };

package/dist/constants/avatar.js

@@ -0,0 +1 @@
+

package/dist/handler/translator.js

@@ -1,7 +1,7 @@
 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 ChatEngine, { TUIStore, TUIChatService, TUIUserService } from "@tencentcloud/chat-uikit-engine";
+import TUIChatEngine, { TUIStore, TUIChatService, TUIUserService } from "@tencentcloud/chat-uikit-engine";
 const _Translator = class _Translator {
   constructor() {
     __publicField(this, "translationCache", /* @__PURE__ */ new Map());
@@ -78,7 +78,7 @@ const _Translator = class _Translator {
   async getNickList(message) {
     const splittingList = [];
     const { atUserList = [] } = message;
-    const atAllID = ChatEngine.TYPES.MSG_AT_ALL;
+    const atAllID = TUIChatEngine.TYPES.MSG_AT_ALL;
     if (atUserList.includes(atAllID)) {
       splittingList.push("@所有人");
     }

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useLongPress } from './useLongPress';
+export type { UseLongPressOptions } from './useLongPress';
+export { useMouseHover } from './useMouseHover';

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+import { useLongPress } from "./useLongPress.js";
+import { useMouseHover } from "./useMouseHover.js";
+export {
+  useLongPress,
+  useMouseHover
+};

package/dist/hooks/useLongPress.d.ts

@@ -0,0 +1,18 @@
+interface UseLongPressOptions {
+    delay?: number;
+    preventDefault?: boolean;
+    cancelOutsideElement?: boolean;
+    cancelOnMove?: boolean | number;
+    onContextMenu?: (event: PointerEvent) => void;
+}
+/**
+ * Vue3长按事件hook
+ * @param onLongPress - 长按触发时的回调函数
+ * @param options - 长按配置选项
+ * @returns 事件处理器对象
+ */
+export declare function useLongPress(onLongPress: ((event: PointerEvent) => void) | null, options?: UseLongPressOptions): {
+    getEventHandlers: () => Record<string, (event: PointerEvent) => void>;
+    isLongPressActive: import('vue').Ref<boolean, boolean>;
+};
+export type { UseLongPressOptions };

package/dist/hooks/useLongPress.js

@@ -0,0 +1,82 @@
+import { ref, onUnmounted } from "vue";
+const noop = () => {
+};
+function useLongPress(onLongPress, options) {
+  const effectiveCallback = onLongPress ?? noop;
+  const {
+    delay = 500,
+    preventDefault = true,
+    cancelOutsideElement = true,
+    cancelOnMove = true,
+    onContextMenu
+  } = options || {};
+  let fixedThreshold = 5;
+  if (typeof cancelOnMove === "number") {
+    fixedThreshold = cancelOnMove;
+  }
+  const isLongPressActive = ref(false);
+  let timer = null;
+  let startCoords = null;
+  const clear = (event) => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+    startCoords = null;
+    isLongPressActive.value = false;
+  };
+  const start = (event) => {
+    clear();
+    if (preventDefault) {
+      event.preventDefault();
+    }
+    startCoords = { x: event.clientX, y: event.clientY };
+    timer = setTimeout(() => {
+      effectiveCallback(event);
+      isLongPressActive.value = true;
+      clear();
+    }, delay);
+  };
+  const move = (event) => {
+    if (!startCoords || !cancelOnMove) {
+      return;
+    }
+    const diffX = Math.abs(event.clientX - startCoords.x);
+    const diffY = Math.abs(event.clientY - startCoords.y);
+    if (diffX > fixedThreshold || diffY > fixedThreshold) {
+      clear();
+    }
+  };
+  const end = (event) => {
+    clear();
+  };
+  onUnmounted(() => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+  });
+  const getEventHandlers = () => {
+    if (onLongPress === null) {
+      return {};
+    }
+    const handlers = {
+      onPointerdown: start,
+      onPointermove: move,
+      onPointerup: end
+    };
+    if (onContextMenu) {
+      handlers.onContextmenu = onContextMenu;
+    }
+    if (cancelOutsideElement) {
+      handlers.onPointerleave = end;
+    }
+    return handlers;
+  };
+  return {
+    getEventHandlers,
+    isLongPressActive
+  };
+}
+export {
+  useLongPress
+};

package/dist/hooks/useMessageActions.js

@@ -1,13 +1,13 @@
 import { computed } from "vue";
-import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import { IconMsgDel, IconMsgForward, IconMsgQuote, IconMsgRevoke, IconCopy, TUIToast, i18next } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageActionState } from "../states/MessageActionState/MessageActionState.js";
 import { isCallMessage } from "../utils/call.js";
+import { useMessageActionState } from "../states/MessageActionState/MessageActionState.js";
 const DEFAULT_ACTIONS = {
   copy: {
     key: "copy",
     label: "Copy",
-    visible: (message) => message.type === ChatEngine.TYPES.MSG_TEXT,
+    visible: (message) => message.type === TUIChatEngine.TYPES.MSG_TEXT,
     icon: IconCopy
   },
   recall: {

package/dist/hooks/useMouseHover.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Vue3鼠标悬停检测hook
+ * @param elementRef - 目标元素的ref
+ * @returns 是否悬停的状态
+ */
+export declare function useMouseHover<T extends HTMLElement = HTMLElement>(elementRef: {
+    value: T | null;
+}): import('vue').Ref<boolean, boolean>;
+export default useMouseHover;

package/dist/hooks/useMouseHover.js

@@ -0,0 +1,29 @@
+import { ref, onMounted, onUnmounted } from "vue";
+function useMouseHover(elementRef) {
+  const isHovered = ref(false);
+  const handleMouseEnter = () => {
+    isHovered.value = true;
+  };
+  const handleMouseLeave = () => {
+    isHovered.value = false;
+  };
+  onMounted(() => {
+    const element = elementRef.value;
+    if (element) {
+      element.addEventListener("mouseenter", handleMouseEnter);
+      element.addEventListener("mouseleave", handleMouseLeave);
+    }
+  });
+  onUnmounted(() => {
+    const element = elementRef.value;
+    if (element) {
+      element.removeEventListener("mouseenter", handleMouseEnter);
+      element.removeEventListener("mouseleave", handleMouseLeave);
+    }
+  });
+  return isHovered;
+}
+export {
+  useMouseHover as default,
+  useMouseHover
+};

package/dist/hooks/useRoomActions/useRoomAudioAction.js

@@ -1,11 +1,11 @@
 import { TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
-import { RoomAction } from "../../types/room.js";
 import { useI18n } from "../../locales/index.js";
 import MessageBox from "../../baseComp/MessageBox/index.js";
 import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
 import { useRoomEngine } from "../useRoomEngine.js";
 import { reactive, computed, defineComponent } from "vue";
 import { useRoomState } from "../../states/RoomState.js";
+import { RoomAction } from "../../types/room.js";
 const { currentRoom } = useRoomState();
 function useRoomAudioAction() {
   const { t } = useI18n();

package/dist/hooks/useRoomActions/useRoomScreenAction.js

@@ -1,11 +1,11 @@
 import { reactive, computed } from "vue";
 import { TUIRole, TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
 import { IconAllMembersShareScreen, IconHostShareScreen } from "@tencentcloud/uikit-base-component-vue3";
-import { RoomAction } from "../../types/room.js";
 import { useI18n } from "../../locales/index.js";
 import { useRoomEngine } from "../useRoomEngine.js";
 import { useUserState } from "../../states/UserState/index.js";
 import { useRoomState } from "../../states/RoomState.js";
+import { RoomAction } from "../../types/room.js";
 const { userWithScreenOn } = useUserState();
 const { currentRoom } = useRoomState();
 function useRoomScreenAction() {