tuikit-atomicx-vue3 0.1.1 → 3.3.0

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

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

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

@@ -1,8 +1,8 @@
-import { IUserPickerResult } from '../../type';
+import { UserPickerResult } from '../../type';
 
 interface SelectedPanelProps {
     displayMode: 'list' | 'tree';
-    selectedItems: IUserPickerResult;
+    selectedItems: UserPickerResult;
     lockedKeys: Set<string>;
     onRemove: (key: string) => void;
     maxCount?: number;

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

@@ -1,14 +1,14 @@
-import { IUserPickerNode } from '../../type';
+import { UserPickerNode } from '../../type';
 
 interface TreeModeProps<T = unknown> {
-    dataSource: IUserPickerNode<T>[];
+    dataSource: UserPickerNode<T>[];
     selectedKeys: Set<string>;
     halfSelectedKeys: Set<string>;
     lockedKeys: Set<string>;
     expandedKeys: Set<string>;
     loadingKeys: Set<string>;
     onItemClick: (key: string) => void;
-    onExpand: (node: IUserPickerNode<T>) => void;
+    onExpand: (node: UserPickerNode<T>) => void;
     renderItem?: any;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TreeModeProps<unknown>>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TreeModeProps<unknown>>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/UserPicker/components/TreeMode/TreeNode.js

@@ -82,9 +82,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }
                 ])
               }, [
-                isHalfSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_2, _cache[2] || (_cache[2] = [
+                isHalfSelected.value ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[2] || (_cache[2] = [
                   createElementVNode("path", { d: "M19 13H5v-2h14v2z" }, null, -1)
-                ]))) : isSelected.value ? (openBlock(), createBlock(unref(IconCheckSm), {
+                ])])) : isSelected.value ? (openBlock(), createBlock(unref(IconCheckSm), {
                   key: 1,
                   name: "check"
                 })) : createCommentVNode("", true)

package/dist/components/UserPicker/components/TreeMode/TreeNode.vue.d.ts

@@ -1,7 +1,7 @@
-import { IUserPickerNode } from '../../type';
+import { UserPickerNode } from '../../type';
 
 interface TreeNodeProps<T = unknown> {
-    node: IUserPickerNode<T>;
+    node: UserPickerNode<T>;
     level: number;
     selectedKeys: Set<string>;
     halfSelectedKeys: Set<string>;
@@ -12,10 +12,10 @@ interface TreeNodeProps<T = unknown> {
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TreeNodeProps<unknown>>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "item-click": (key: string) => void;
-    expand: (node: IUserPickerNode<any>) => void;
+    expand: (node: UserPickerNode<any>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TreeNodeProps<unknown>>>> & Readonly<{
     "onItem-click"?: ((key: string) => any) | undefined;
-    onExpand?: ((node: IUserPickerNode<any>) => any) | undefined;
+    onExpand?: ((node: UserPickerNode<any>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/UserPicker/hooks/useSearchFilter.d.ts

@@ -1,8 +1,8 @@
 import { Ref } from 'vue';
-import { IUserPickerDataSource } from '../type';
+import { UserPickerDataSource } from '../type';
 
 interface UseSearchFilterOptions<T = unknown> {
-    dataSource: Ref<IUserPickerDataSource<T>>;
+    dataSource: Ref<UserPickerDataSource<T>>;
     isTreeMode?: boolean;
     onSearch?: (value: string) => void;
     debounceTime?: number;
@@ -10,7 +10,7 @@ interface UseSearchFilterOptions<T = unknown> {
 interface UseSearchFilterReturn<T = unknown> {
     searchValue: Ref<string>;
     setSearchValue: (value: string) => void;
-    filteredData: Ref<IUserPickerDataSource<T>>;
+    filteredData: Ref<UserPickerDataSource<T>>;
     isSearching: Ref<boolean>;
     handleSearch: (value: string) => void;
     clearSearch: () => void;

package/dist/components/UserPicker/hooks/useSelection.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { IUserPickerNode, IUserPickerDataSource, IUserPickerResult } from '../type';
+import { UserPickerNode, UserPickerDataSource, UserPickerResult } from '../type';
 
 interface UseSelectionOptions<T = unknown> {
     defaultSelectedKeys?: string[];
@@ -7,9 +7,9 @@ interface UseSelectionOptions<T = unknown> {
     maxCount?: number;
     minCount?: number;
     isTreeMode?: boolean;
-    dataSource: Ref<IUserPickerDataSource<T>>;
-    onSelectedChange?: (selectedItems: IUserPickerResult<T>) => void;
-    onMaxCountExceed?: (selectedItems: IUserPickerResult<T>) => void;
+    dataSource: Ref<UserPickerDataSource<T>>;
+    onSelectedChange?: (selectedItems: UserPickerResult<T>) => void;
+    onMaxCountExceed?: (selectedItems: UserPickerResult<T>) => void;
 }
 interface UseSelectionReturn<T = unknown> {
     selectedKeys: Ref<Set<string>>;
@@ -19,14 +19,14 @@ interface UseSelectionReturn<T = unknown> {
     isHalfSelected: (key: string) => boolean;
     isLocked: (key: string) => boolean;
     toggle: (key: string) => void;
-    getSelectedItems: () => IUserPickerResult<T>;
-    getNodeChildKeys: (node: IUserPickerNode<T>) => string[];
+    getSelectedItems: () => UserPickerResult<T>;
+    getNodeChildKeys: (node: UserPickerNode<T>) => string[];
     getNodeParentChildrenMap: () => Map<string, string[]>;
     canSelectMore: Ref<boolean>;
     reachMaxCount: Ref<boolean>;
     allSelectedCount: Ref<number>;
-    getSelectableLeafNodes: (nodeKey: string) => IUserPickerNode<T>[];
-    getCancelableLeafNodes: (nodeKey: string) => IUserPickerNode<T>[];
+    getSelectableLeafNodes: (nodeKey: string) => UserPickerNode<T>[];
+    getCancelableLeafNodes: (nodeKey: string) => UserPickerNode<T>[];
 }
 export declare function useSelection<T = unknown>({ defaultSelectedKeys, lockedKeys, maxCount, minCount, isTreeMode, dataSource, onSelectedChange, onMaxCountExceed, }: UseSelectionOptions<T>): UseSelectionReturn<T>;
 export {};

package/dist/components/UserPicker/hooks/useTreeState.d.ts

@@ -1,15 +1,15 @@
 import { Ref } from 'vue';
-import { IUserPickerNode } from '../type';
+import { UserPickerNode } from '../type';
 
 interface UseTreeStateOptions<T = unknown> {
-    onExpand?: (node: IUserPickerNode<T>) => void;
+    onExpand?: (node: UserPickerNode<T>) => void;
 }
 interface UseTreeStateReturn<T = unknown> {
     expandedKeys: Ref<Set<string>>;
     loadingKeys: Ref<Set<string>>;
     checkNodeIsExpanded: (key: string) => boolean;
     checkNodeIsLoading: (key: string) => boolean;
-    toggleExpand: (node: IUserPickerNode<T>) => void;
+    toggleExpand: (node: UserPickerNode<T>) => void;
     setNodeLoading: (key: string, loading: boolean) => void;
 }
 export declare function useTreeState<T = unknown>({ onExpand }?: UseTreeStateOptions<T>): UseTreeStateReturn<T>;

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

@@ -1 +1,15 @@
-export {};
+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

@@ -1,10 +1,9 @@
-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);
-});
+export {
+  resources
+};

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

@@ -1,6 +1,136 @@
-import { default as UserPicker } from './UserPicker.vue';
-import { IUserPickerProps, IUserPickerRef, IUserPickerRow, IUserPickerNode, IUserPickerDataSource, IUserPickerResult } from './type';
+import { UserPickerProps, UserPickerRef, UserPickerRow, UserPickerNode, UserPickerDataSource, UserPickerResult } from './type';
 
-export type { IUserPickerProps, IUserPickerRef, IUserPickerRow, IUserPickerNode, IUserPickerDataSource, IUserPickerResult, };
+declare const UserPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    displayMode: {
+        type: import('vue').PropType<"list" | "tree">;
+        required: true;
+    };
+    dataSource: {
+        type: import('vue').PropType<UserPickerDataSource<unknown>>;
+        required: true;
+        default: () => never[];
+    };
+    onReachEnd: {
+        type: import('vue').PropType<() => void>;
+    };
+    renderItem: {
+        type: import('vue').PropType<(data: UserPickerRow<unknown> | UserPickerNode<unknown>) => any>;
+    };
+    onSearch: {
+        type: import('vue').PropType<(value: string) => void>;
+    };
+    maxCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onExpand: {
+        type: import('vue').PropType<(node: UserPickerNode<unknown>) => void>;
+    };
+    minCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onSelectedChange: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    onMaxCountExceed: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    defaultSelectedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    lockedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import('vue').PropType<string>;
+    };
+}>, {
+    getSelectedItems: () => UserPickerResult<any>;
+    updateListData: (newDataSource: UserPickerRow<any>[]) => void;
+    updateTreeData: (key: string, partialNewNode: Partial<UserPickerNode<any>>) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    displayMode: {
+        type: import('vue').PropType<"list" | "tree">;
+        required: true;
+    };
+    dataSource: {
+        type: import('vue').PropType<UserPickerDataSource<unknown>>;
+        required: true;
+        default: () => never[];
+    };
+    onReachEnd: {
+        type: import('vue').PropType<() => void>;
+    };
+    renderItem: {
+        type: import('vue').PropType<(data: UserPickerRow<unknown> | UserPickerNode<unknown>) => any>;
+    };
+    onSearch: {
+        type: import('vue').PropType<(value: string) => void>;
+    };
+    maxCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onExpand: {
+        type: import('vue').PropType<(node: UserPickerNode<unknown>) => void>;
+    };
+    minCount: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    onSelectedChange: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    onMaxCountExceed: {
+        type: import('vue').PropType<(selectedItems: UserPickerResult<unknown>) => void>;
+    };
+    defaultSelectedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    lockedItems: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            key: string;
+        }[]>;
+        default: () => never[];
+    };
+    enableSearch: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import('vue').PropType<string>;
+    };
+}>> & Readonly<{}>, {
+    dataSource: UserPickerDataSource<unknown>;
+    maxCount: number;
+    minCount: number;
+    defaultSelectedItems: Array<{
+        key: string;
+        [key: string]: any;
+    }>;
+    lockedItems: Array<{
+        key: string;
+        [key: string]: any;
+    }>;
+    enableSearch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { UserPicker };
-export default UserPicker;
+export type { UserPickerProps, UserPickerRef, UserPickerRow, UserPickerNode, UserPickerDataSource, UserPickerResult, };

package/dist/components/UserPicker/index.js

@@ -1,5 +1,9 @@
-import UserPicker from "./UserPicker.js";
+import UserPickerComponent 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"] } });
+const UserPicker = UserPickerComponent;
 export {
-  UserPicker,
-  UserPicker as default
+  UserPicker
 };

package/dist/components/UserPicker/type.d.ts

@@ -1,20 +1,20 @@
-export interface IUserPickerRow<T = unknown> {
+export interface UserPickerRow<T = unknown> {
     key: string;
     label: string;
     avatarUrl?: string | undefined;
     extraData?: T | undefined;
 }
-export interface IUserPickerNode<T = unknown> {
+export interface UserPickerNode<T = unknown> {
     key: string;
     label: string;
     isLeafNode: boolean;
     avatarUrl?: string | undefined;
     lazyLoad?: boolean;
-    children?: Array<IUserPickerNode<T>>;
+    children?: Array<UserPickerNode<T>>;
     extraData?: T | undefined;
 }
-export type IUserPickerDataSource<T = unknown> = Array<IUserPickerRow<T>> | Array<IUserPickerNode<T>>;
-export interface IUserPickerResultItem<T = unknown> {
+export type UserPickerDataSource<T = unknown> = Array<UserPickerRow<T>> | Array<UserPickerNode<T>>;
+export interface UserPickerResultItem<T = unknown> {
     key: string;
     label: string;
     avatarUrl?: string | undefined;
@@ -22,10 +22,10 @@ export interface IUserPickerResultItem<T = unknown> {
     extraData?: T | undefined;
     path?: string[] | undefined;
 }
-export type IUserPickerResult<T = unknown> = Array<IUserPickerResultItem<T>>;
-export interface IUserPickerProps<T = unknown> {
+export type UserPickerResult<T = unknown> = Array<UserPickerResultItem<T>>;
+export interface UserPickerProps<T = unknown> {
     displayMode: 'list' | 'tree';
-    dataSource: IUserPickerDataSource<T>;
+    dataSource: UserPickerDataSource<T>;
     defaultSelectedItems?: Array<{
         key: string;
         [key: string]: any;
@@ -36,25 +36,25 @@ export interface IUserPickerProps<T = unknown> {
     }>;
     maxCount?: number | undefined;
     minCount?: number | undefined;
-    onMaxCountExceed?: (selectedItems: IUserPickerResult<T>) => void;
+    onMaxCountExceed?: (selectedItems: UserPickerResult<T>) => void;
     enableSearch?: boolean;
     searchPlaceholder?: string;
     onSearch?: (value: string) => void;
-    renderItem?: (data: IUserPickerRow<T> | IUserPickerNode<T>) => any;
-    onSelectedChange?: (selectedItems: IUserPickerResult<T>) => void;
+    renderItem?: (data: UserPickerRow<T> | UserPickerNode<T>) => any;
+    onSelectedChange?: (selectedItems: UserPickerResult<T>) => void;
     onReachEnd?: () => void;
-    onExpand?: (node: IUserPickerNode<T>) => void;
+    onExpand?: (node: UserPickerNode<T>) => void;
 }
-export interface IUserPickerRef<T = unknown> {
-    getSelectedItems: () => IUserPickerResult<T>;
-    updateListData: (newDataSource: Array<IUserPickerRow<T>>) => void;
-    updateTreeData: (key: string, partialNewNode: Partial<IUserPickerNode<T>>) => void;
+export interface UserPickerRef<T = unknown> {
+    getSelectedItems: () => UserPickerResult<T>;
+    updateListData: (newDataSource: Array<UserPickerRow<T>>) => void;
+    updateTreeData: (key: string, partialNewNode: Partial<UserPickerNode<T>>) => void;
 }
-export interface ISelectionState {
+export interface SelectionState {
     selectedKeys: Set<string>;
     halfSelectedKeys?: Set<string>;
 }
-export interface ITreeState {
+export interface TreeState {
     expandedKeys: Set<string>;
     loadingKeys: Set<string>;
 }

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.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,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VideoSettingPanelPC = /* @__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;

package/dist/hooks/useLongPress.d.ts

@@ -6,10 +6,10 @@ interface UseLongPressOptions {
     onContextMenu?: (event: PointerEvent) => void;
 }
 /**
- * Vue3长按事件hook
- * @param onLongPress - 长按触发时的回调函数
- * @param options - 长按配置选项
- * @returns 事件处理器对象
+ * 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>;

package/dist/hooks/useMessageActions.js

@@ -6,31 +6,31 @@ import { useMessageActionState } from "../states/MessageActionState/MessageActio
 const DEFAULT_ACTIONS = {
   copy: {
     key: "copy",
-    label: "Copy",
+    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

@@ -1,9 +1,11 @@
 /**
- * Vue3鼠标悬停检测hook
- * @param elementRef - 目标元素的ref
- * @returns 是否悬停的状态
+ * 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 | null;
-}): import('vue').Ref<boolean, boolean>;
+    value: T | undefined;
+}): {
+    isHovered: import('vue').Ref<boolean, boolean>;
+};
 export default useMouseHover;

package/dist/hooks/useMouseHover.js

@@ -21,7 +21,9 @@ function useMouseHover(elementRef) {
       element.removeEventListener("mouseleave", handleMouseLeave);
     }
   });
-  return isHovered;
+  return {
+    isHovered
+  };
 }
 export {
   useMouseHover as default,