tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

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

@@ -0,0 +1,15 @@
+declare const resources: {
+    'en-US': {
+        search: string;
+        no_result: string;
+        no_data_available: string;
+        selected: string;
+    };
+    'zh-CN': {
+        search: string;
+        no_result: string;
+        no_data_available: string;
+        selected: string;
+    };
+};
+export { resources };

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

@@ -0,0 +1,9 @@
+import UserPicker$1 from "./en-US.js";
+import UserPicker from "./zh-CN.js";
+const resources = {
+  "en-US": UserPicker$1,
+  "zh-CN": UserPicker
+};
+export {
+  resources
+};

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/UserPicker/index.d.ts

@@ -3,4 +3,3 @@ import { IUserPickerProps, IUserPickerRef, IUserPickerRow, IUserPickerNode, IUse
 
 export type { IUserPickerProps, IUserPickerRef, IUserPickerRow, IUserPickerNode, IUserPickerDataSource, IUserPickerResult, };
 export { UserPicker };
-export default UserPicker;

package/dist/components/UserPicker/index.js

@@ -1,5 +1,8 @@
-import UserPicker from "./UserPicker.js";
+import { default as default2 } from "./UserPicker.js";
+import { addI18n } from "../../i18n/index.js";
+import { resources } from "./i18n/index.js";
+addI18n("en-US", { translation: { UserPicker: resources["en-US"] } });
+addI18n("zh-CN", { translation: { UserPicker: resources["zh-CN"] } });
 export {
-  UserPicker,
-  UserPicker as default
+  default2 as UserPicker
 };

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/VideoPreview.js

@@ -1,7 +1,6 @@
 import { defineComponent, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, unref, toDisplayString } from "vue";
-import { IconLoading } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../locales/index.js";
 import TUIRoomEngine from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit, IconLoading } from "@tencentcloud/uikit-base-component-vue3";
 import { useDeviceState } from "../../states/DeviceState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "video-preview-container" };
@@ -13,7 +12,7 @@ const _hoisted_3 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VideoPreview",
   setup(__props) {
-    const { t } = useI18n();
+    const { t } = useUIKit();
     const { isCameraTesting, isCameraTestLoading, startCameraDeviceTest, stopCameraDeviceTest } = useDeviceState();
     onMounted(async () => {
       TUIRoomEngine.once("ready", () => {
@@ -41,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-33b33ca9"]]);
+const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-773a253c"]]);
 export {
   VideoPreview as default
 };

package/dist/components/VideoSettingPanel/VideoProfile.js

@@ -1,13 +1,12 @@
 import { defineComponent, computed, watch, createBlock, openBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
-import { TUISelect, TUIOption } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n } from "../../locales/index.js";
 import { TUIVideoQuality } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit, TUISelect, TUIOption } from "@tencentcloud/uikit-base-component-vue3";
 import { useDeviceState } from "../../states/DeviceState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VideoProfile",
   setup(__props) {
-    const { t } = useI18n();
+    const { t } = useUIKit();
     const videoQualityList = computed(() => [
       { label: t("Low Definition"), value: TUIVideoQuality.kVideoQuality_360p },
       {
@@ -47,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoProfile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a2b6951d"]]);
+const VideoProfile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbbcc0aa"]]);
 export {
   VideoProfile as default
 };

package/dist/components/VideoSettingPanel/i18n/en-US/index.d.ts

@@ -4,4 +4,9 @@ export declare const resource: {
     Preview: string;
     'Video profile': string;
     Resolution: string;
+    'Low Definition': string;
+    'Standard Definition': string;
+    'High Definition': string;
+    'Super Definition': string;
+    'Off Camera': string;
 };

package/dist/components/VideoSettingPanel/i18n/en-US/index.js

@@ -1,9 +1,14 @@
 const resource = {
-  Camera: "Camera",
+  "Camera": "Camera",
   "Select device": "Select device",
-  Preview: "Preview",
+  "Preview": "Preview",
   "Video profile": "Video profile",
-  Resolution: "Resolution"
+  "Resolution": "Resolution",
+  "Low Definition": "Low Definition",
+  "Standard Definition": "Standard Definition",
+  "High Definition": "High Definition",
+  "Super Definition": "Super Definition",
+  "Off Camera": "Off Camera"
 };
 export {
   resource

package/dist/components/VideoSettingPanel/i18n/zh-CN/index.d.ts

@@ -4,4 +4,9 @@ export declare const resource: {
     Preview: string;
     'Video profile': string;
     Resolution: string;
+    'Low Definition': string;
+    'Standard Definition': string;
+    'High Definition': string;
+    'Super Definition': string;
+    'Off Camera': string;
 };

package/dist/components/VideoSettingPanel/i18n/zh-CN/index.js

@@ -1,9 +1,14 @@
 const resource = {
-  Camera: "摄像头",
+  "Camera": "摄像头",
   "Select device": "选择设备",
-  Preview: "预览",
+  "Preview": "预览",
   "Video profile": "视频设置",
-  Resolution: "分辨率"
+  "Resolution": "分辨率",
+  "Low Definition": "流畅",
+  "Standard Definition": "标清",
+  "High Definition": "高清",
+  "Super Definition": "超清",
+  "Off Camera": "摄像头已关闭"
 };
 export {
   resource

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

@@ -1,8 +1,8 @@
 import { defineComponent, createElementBlock, openBlock, createCommentVNode, Fragment, createElementVNode, toDisplayString, unref, createVNode } from "vue";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import CameraSelect from "./CameraSelect.js";
-import VideoProfile from "./VideoProfile.js";
 import VideoPreview from "./VideoPreview.js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import VideoProfile from "./VideoProfile.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 import { addI18n } from "../../i18n/index.js";
 import { resource } from "./i18n/en-US/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-c4df466f"]]);
 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 long press hook
+ * @param onLongPress - long press callback function
+ * @param options - configuration options for long press behavior
+ * @returns event handlers and state for long press
+ */
+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,36 +1,36 @@
 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,
+    label: "copy",
+    visible: (message) => message.type === TUIChatEngine.TYPES.MSG_TEXT,
     icon: IconCopy
   },
   recall: {
     key: "recall",
-    label: "Recall",
+    label: "recall",
     visible: (message) => !isCallMessage(message) && message.flow === "out" && message.status === "success" && Date.now() - message.time * 1e3 < 60 * 2 * 1e3,
     icon: IconMsgRevoke
   },
   quote: {
     key: "quote",
-    label: "Quote",
+    label: "quote",
     visible: (message) => !isCallMessage(message),
     icon: IconMsgQuote
   },
   forward: {
     key: "forward",
-    label: "Forward",
+    label: "forward",
     visible: (message) => !isCallMessage(message),
     icon: IconMsgForward
   },
   delete: {
     key: "delete",
-    label: "Delete",
+    label: "delete",
     icon: IconMsgDel,
     visible: true,
     style: {

package/dist/hooks/useMouseHover.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Vue3 mouse hover hook
+ * @param elementRef - ref of the target element to monitor hover state
+ * @returns isHovered - reactive state indicating whether the mouse is hovering over the element
+ */
+export declare function useMouseHover<T extends HTMLElement = HTMLElement>(elementRef: {
+    value: T | undefined;
+}): {
+    isHovered: import('vue').Ref<boolean, boolean>;
+};
+export default useMouseHover;

package/dist/hooks/useMouseHover.js

@@ -0,0 +1,31 @@
+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() {

package/dist/hooks/useRoomActions/useRoomVideoAction.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 { useRoomState } from "../../states/RoomState.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 { RoomAction } from "../../types/room.js";
 function useRoomVideoAction() {
   const { t } = useI18n();
   const { currentRoom } = useRoomState();

package/dist/hooks/useUserActions/index.js

@@ -8,13 +8,13 @@ import useNameCardAction from "./useChangeNameCardAction/index.js";
 import useKickUserAction from "./useKickUserAction.js";
 import useSeatAction from "./useSeatAction.js";
 import useAdminAction from "./useAdminAction.js";
-import { SeatStatus, UserRoomStatus } from "../../types/user.js";
 import { useRoomState } from "../../states/RoomState.js";
 import { useUserState } from "../../states/UserState/index.js";
+import { SeatStatus, UserRoomStatus } from "../../types/user.js";
 const { currentRoom } = useRoomState();
 const { localUser } = useUserState();
 function useUserActions(option) {
-  const { userInfo, actionList } = option;
+  const { userInfo } = option;
   const isTargetUserMySelf = computed(
     () => {
       var _a;

package/dist/hooks/useUserActions/useAdminAction.js

@@ -3,9 +3,9 @@ import { TUIRole, TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
 import { IconRevokeAdmin, IconSetAdmin, TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
 import { useRoomEngine } from "../useRoomEngine.js";
 import { useI18n } from "../../locales/index.js";
-import { DeviceStatus } from "../../types/device.js";
-import { UserAction } from "../../types/user.js";
 import { useUserState } from "../../states/UserState/index.js";
+import { UserAction } from "../../types/user.js";
+import { DeviceStatus } from "../../types/device.js";
 const roomEngine = useRoomEngine();
 const { t } = useI18n();
 const { getDisplayName } = useUserState();

package/dist/hooks/useUserActions/useAudioAction.js

@@ -2,10 +2,10 @@ import { reactive, computed } from "vue";
 import { TUIMediaDevice } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine } from "../useRoomEngine.js";
 import { useI18n } from "../../locales/index.js";
-import { DeviceStatus } from "../../types/device.js";
-import { UserAction, RequestType } from "../../types/user.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();

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

@@ -5,8 +5,8 @@ import { useI18n } from "../../../locales/index.js";
 import ChangeNameCardDialog from "./changeNameCardDialog.js";
 import changeNameCardInput from "./changeNameCardInput.js";
 import { calculateByteLength } from "../../../utils/utils.js";
-import { UserAction } from "../../../types/user.js";
 import { isMobile } from "../../../utils/environment.js";
+import { UserAction } from "../../../types/user.js";
 const roomEngine = useRoomEngine();
 const { t } = useI18n();
 function useNameCardAction(userInfo) {

package/dist/hooks/useUserActions/useKickUserAction.js

@@ -2,9 +2,9 @@ import { reactive, markRaw } from "vue";
 import { useRoomEngine } from "../useRoomEngine.js";
 import { useI18n } from "../../locales/index.js";
 import MessageBox from "../../baseComp/MessageBox/index.js";
-import { UserAction } from "../../types/user.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();

package/dist/hooks/useUserActions/useMemberInviteAction.js

@@ -1,8 +1,8 @@
 import { computed, reactive, watch } from "vue";
 import { TUIInvitationStatus } from "@tencentcloud/tuiroom-engine-js";
 import { TUIToast, TOAST_TYPE } from "@tencentcloud/uikit-base-component-vue3";
-import { UserAction } from "../../types/user.js";
 import { useI18n } from "../../locales/index.js";
+import { UserAction } from "../../types/user.js";
 const { t } = useI18n();
 function useMemberInviteAction(userInfo) {
   const handleInvite = () => {