tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/chat/index.js

@@ -0,0 +1,66 @@
+import { View as _sfc_main$1 } from "../baseComp/View/index.js";
+import ChatSettingComponent from "../components/ChatSetting/ChatSetting.js";
+import { ConversationList as ConversationList$1, ConversationActions as ConversationActions$1, ConversationListHeader as ConversationListHeader$1, ConversationListContent as ConversationListContent$1, ConversationPreview as ConversationPreview$1 } from "../components/ConversationList/index.js";
+import EmojiPickerComponent from "../components/MessageInput/EmojiPicker/EmojiPicker.js";
+import { MessageInput as _sfc_main } from "../components/MessageInput/index.js";
+import MessageListComponent from "../components/MessageList/MessageList.js";
+import { Search as Search$1, SearchAdvanced as SearchAdvanced$1, UserAdvanced as UserAdvanced$1, MessageAdvanced as MessageAdvanced$1, SearchResults as SearchResults$1, SearchResultItem as SearchResultItem$1, SearchBar as SearchBar$1 } from "../components/Search/index.js";
+import { useMessageActions as useMessageActions$1 } from "../hooks/useMessageActions.js";
+import { useSearchState as useSearchState$1 } from "../states/SearchState.js";
+import ChatLoginServer from "./server.js";
+import { useUIOpenControlState as useUIOpenControlState$1 } from "../states/UIOpenControlState/UIOpenControlState.js";
+import { useMessageListState as useMessageListState$1 } from "../states/MessageListState/MessageListState.js";
+import { useMessageInputState as useMessageInputState$1 } from "../states/MessageInputState/MessageInputState.js";
+import { useMessageActionState as useMessageActionState$1 } from "../states/MessageActionState/MessageActionState.js";
+import { useConversationListState as useConversationListState$1 } from "../states/ConversationListState/ConversationListState.js";
+ChatLoginServer.getInstance().init();
+const Search = Search$1;
+const SearchAdvanced = SearchAdvanced$1;
+const MessageAdvanced = MessageAdvanced$1;
+const UserAdvanced = UserAdvanced$1;
+const SearchBar = SearchBar$1;
+const SearchResults = SearchResults$1;
+const SearchResultItem = SearchResultItem$1;
+const ConversationList = ConversationList$1;
+const ConversationActions = ConversationActions$1;
+const ConversationListHeader = ConversationListHeader$1;
+const ConversationListContent = ConversationListContent$1;
+const ConversationPreview = ConversationPreview$1;
+const MessageList = MessageListComponent;
+const MessageInput = _sfc_main;
+const EmojiPicker = EmojiPickerComponent;
+const ChatSetting = ChatSettingComponent;
+const View = _sfc_main$1;
+const useMessageActions = useMessageActions$1;
+const useConversationListState = useConversationListState$1;
+const useMessageActionState = useMessageActionState$1;
+const useMessageInputState = useMessageInputState$1;
+const useMessageListState = useMessageListState$1;
+const useSearchState = useSearchState$1;
+const useUIOpenControlState = useUIOpenControlState$1;
+export {
+  ChatSetting,
+  ConversationActions,
+  ConversationList,
+  ConversationListContent,
+  ConversationListHeader,
+  ConversationPreview,
+  EmojiPicker,
+  MessageAdvanced,
+  MessageInput,
+  MessageList,
+  Search,
+  SearchAdvanced,
+  SearchBar,
+  SearchResultItem,
+  SearchResults,
+  UserAdvanced,
+  View,
+  useConversationListState,
+  useMessageActionState,
+  useMessageActions,
+  useMessageInputState,
+  useMessageListState,
+  useSearchState,
+  useUIOpenControlState
+};

package/dist/chat/server.d.ts

@@ -0,0 +1,19 @@
+import { Ref } from 'vue';
+
+export default class ChatLoginServer {
+    static instance: ChatLoginServer;
+    private isReady;
+    private isEngineLoggingIn;
+    isLogin: Ref<boolean>;
+    private resolveList;
+    private rejectList;
+    constructor();
+    static getInstance(): ChatLoginServer;
+    init(): void;
+    /**
+     * @param { TUIInitParam } params
+     */
+    onNotifyEvent(eventName: string, subKey: string): void;
+    login(): Promise<any>;
+    logout(): void;
+}

package/dist/chat/server.js

@@ -0,0 +1,108 @@
+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 { ref } from "vue";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUICore, { TUIConstants, TUILogin } from "@tencentcloud/tui-core";
+import { useLoginState } from "../states/LoginState.js";
+const _ChatLoginServer = class _ChatLoginServer {
+  constructor() {
+    __publicField(this, "isReady", false);
+    __publicField(this, "isEngineLoggingIn", false);
+    __publicField(this, "isLogin", ref(false));
+    __publicField(this, "resolveList", []);
+    __publicField(this, "rejectList", []);
+    this.init();
+  }
+  static getInstance() {
+    if (!_ChatLoginServer.instance) {
+      _ChatLoginServer.instance = new _ChatLoginServer();
+    }
+    return _ChatLoginServer.instance;
+  }
+  init() {
+    if (!this.isReady) {
+      this.isReady = true;
+      TUICore.registerEvent(
+        TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED,
+        TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
+        this
+      );
+    }
+  }
+  /**
+   * @param { TUIInitParam } params
+   */
+  onNotifyEvent(eventName, subKey) {
+    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
+      switch (subKey) {
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
+          this.login();
+          break;
+        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGOUT_SUCCESS:
+          this.logout();
+          break;
+      }
+    }
+  }
+  async login() {
+    const {
+      chat,
+      SDKAppID,
+      userID,
+      userSig
+    } = TUILogin.getContext();
+    if (this.isEngineLoggingIn) {
+      return new Promise((resolve, reject) => {
+        this.resolveList.push(resolve);
+        this.rejectList.push(reject);
+      });
+    }
+    try {
+      this.isEngineLoggingIn = true;
+      const res = await TUIChatEngine.login({
+        chat,
+        SDKAppID,
+        userID,
+        userSig
+      });
+      this.isLogin.value = true;
+      this.resolveList.forEach((resolve) => {
+        resolve();
+      });
+      this.rejectList = [];
+      this.resolveList = [];
+      const { loginUserInfo } = useLoginState();
+      const result = await chat.getUserProfile({ userIDList: [userID] });
+      const localUserInfo = result.data[0];
+      if (!localUserInfo.value) {
+        loginUserInfo.value = {
+          userId: localUserInfo.userID,
+          userName: localUserInfo.nick,
+          avatarUrl: localUserInfo.avatar,
+          customInfo: localUserInfo.profileCustomField
+        };
+      }
+      return res;
+    } catch (error) {
+      this.rejectList.forEach((reject) => {
+        reject(error);
+      });
+      this.rejectList = [];
+      this.resolveList = [];
+      throw error;
+    } finally {
+      this.isEngineLoggingIn = false;
+    }
+  }
+  logout() {
+    TUIChatEngine.logout();
+    this.isLogin.value = false;
+    this.isEngineLoggingIn = false;
+  }
+};
+__publicField(_ChatLoginServer, "instance");
+let ChatLoginServer = _ChatLoginServer;
+export {
+  ChatLoginServer as default
+};

package/dist/components/AudioSetting/AudioMediaControl.js

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

package/dist/components/AudioSetting/index.js

@@ -1,36 +1,4 @@
-import { defineComponent, provide, reactive, createElementBlock, openBlock, createBlock, createCommentVNode, unref } from "vue";
-import AudioMediaControl from "./AudioMediaControl.js";
-import AudioSettingTab from "./AudioSettingTab.js";
-import { _ as _sfc_main$1 } from "../../AudioRequestDialog.vue_vue_type_script_setup_true_lang-BmX-qsat.js";
-import { MediaSettingDisplayMode } from "../../types/device.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    displayMode: {},
-    supportSwitchMicrophone: { type: Boolean, default: true },
-    supportSwitchSpeaker: { type: Boolean, default: true },
-    supportAudioLevel: { type: Boolean, default: true }
-  },
-  emits: ["click-icon"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    function handleAudioMediaClick() {
-      emits("click-icon");
-    }
-    const props = __props;
-    provide("audioSettingProps", reactive(props));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        _ctx.displayMode === unref(MediaSettingDisplayMode).Icon || _ctx.displayMode === unref(MediaSettingDisplayMode).IconWithPanel ? (openBlock(), createBlock(AudioMediaControl, {
-          key: 0,
-          onClickIcon: handleAudioMediaClick
-        })) : createCommentVNode("", true),
-        _ctx.displayMode === unref(MediaSettingDisplayMode).Panel ? (openBlock(), createBlock(AudioSettingTab, { key: 1 })) : createCommentVNode("", true),
-        _ctx.displayMode !== unref(MediaSettingDisplayMode).Panel ? (openBlock(), createBlock(_sfc_main$1, { key: 2 })) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
+import { _ as _sfc_main } from "../../index.vue_vue_type_script_setup_true_lang-EcKm3pYY.js";
 export {
   _sfc_main as AudioSetting,
   _sfc_main as default

package/dist/components/AudioSettingPanel/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, onMounted, watch, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, createVNode, withCtx, Fragment, renderList, createBlock } from "vue";
-import { useDeviceState } from "../../states/DeviceState.js";
 import { useUIKit, TUISelect, TUIOption, TUISlider } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState } from "../../states/DeviceState.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";
@@ -45,8 +45,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(async () => {
       await getMicrophoneList();
       await getSpeakerList();
-      if (currentMicrophone.value) currentMicrophoneId.value = currentMicrophone.value.deviceId;
-      if (currentSpeaker.value) currentSpeakerId.value = currentSpeaker.value.deviceId;
+      if (currentMicrophone.value) {
+        currentMicrophoneId.value = currentMicrophone.value.deviceId;
+      }
+      if (currentSpeaker.value) {
+        currentSpeakerId.value = currentSpeaker.value.deviceId;
+      }
+    });
+    watch(currentMicrophone, (value) => {
+      if (value && value.deviceId !== currentMicrophoneId.value) {
+        currentMicrophoneId.value = value.deviceId;
+      }
+    });
+    watch(currentSpeaker, (value) => {
+      if (value && value.deviceId !== currentSpeakerId.value) {
+        currentSpeakerId.value = value.deviceId;
+      }
     });
     watch(captureVolumeValue, async (value) => {
       await setCaptureVolume(value);
@@ -131,9 +145,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75c7da54"]]);
+const AudioSettingPanelComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d773f311"]]);
 addI18n("en-US", { translation: resource });
 addI18n("zh-CN", { translation: resource$1 });
 export {
-  index as AudioSettingPanel
+  AudioSettingPanelComponent as AudioSettingPanel
 };

package/dist/components/Avatar/Avatar.js

@@ -2,8 +2,8 @@ import { defineComponent, useSlots, ref, computed, h, createBlock, openBlock, re
 import { Badge } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../index-BF6QB9jF.js";
 import AvatarOnlineBadge from "./AvatarBadge/AvatarBadge.js";
+import { DEFAULT_USER_AVATAR } from "./constants/avatar.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const DEFAULT_AVATAR_URL = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Avatar"
@@ -126,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           return h("img", {
             class: "avatar__image",
-            src: DEFAULT_AVATAR_URL,
+            src: DEFAULT_USER_AVATAR,
             alt: "default avatar",
             onLoad: () => setIsLoading(false),
             onError: () => setIsLoading(false)
@@ -161,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8ebafa8"]]);
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06122a77"]]);
 export {
   Avatar as default
 };

package/dist/components/Avatar/constants/avatar.d.ts

@@ -0,0 +1,7 @@
+declare const DEFAULT_USER_AVATAR = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_16.png";
+declare const DEFAULT_GROUP_AVATAR_WORK = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png";
+declare const DEFAULT_GROUP_AVATAR_PUBLIC = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png";
+declare const DEFAULT_GROUP_AVATAR_MEETING = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png";
+declare const DEFAULT_GROUP_AVATAR_AVCHATROOM = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png";
+declare const DEFAULT_GROUP_AVATAR_COMMON = "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.png";
+export { DEFAULT_USER_AVATAR, DEFAULT_GROUP_AVATAR_WORK, DEFAULT_GROUP_AVATAR_PUBLIC, DEFAULT_GROUP_AVATAR_MEETING, DEFAULT_GROUP_AVATAR_AVCHATROOM, DEFAULT_GROUP_AVATAR_COMMON, };

package/dist/components/Avatar/constants/avatar.js

@@ -0,0 +1,14 @@
+const DEFAULT_USER_AVATAR = "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_16.png";
+const DEFAULT_GROUP_AVATAR_WORK = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_work.png";
+const DEFAULT_GROUP_AVATAR_PUBLIC = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_public.png";
+const DEFAULT_GROUP_AVATAR_MEETING = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_meeting.png";
+const DEFAULT_GROUP_AVATAR_AVCHATROOM = "https://web.sdk.qcloud.com/im/demo/TUIkit/react-static/images/group_avatar_AVChatRoom.png";
+const DEFAULT_GROUP_AVATAR_COMMON = "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.png";
+export {
+  DEFAULT_GROUP_AVATAR_AVCHATROOM,
+  DEFAULT_GROUP_AVATAR_COMMON,
+  DEFAULT_GROUP_AVATAR_MEETING,
+  DEFAULT_GROUP_AVATAR_PUBLIC,
+  DEFAULT_GROUP_AVATAR_WORK,
+  DEFAULT_USER_AVATAR
+};

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

@@ -1,4 +1,5 @@
 import { default as Avatar } from './Avatar.vue';
+import { DEFAULT_USER_AVATAR, DEFAULT_GROUP_AVATAR_WORK, DEFAULT_GROUP_AVATAR_PUBLIC, DEFAULT_GROUP_AVATAR_MEETING, DEFAULT_GROUP_AVATAR_AVCHATROOM, DEFAULT_GROUP_AVATAR_COMMON } from './constants/avatar';
 
-export { Avatar };
+export { Avatar, DEFAULT_USER_AVATAR, DEFAULT_GROUP_AVATAR_WORK, DEFAULT_GROUP_AVATAR_PUBLIC, DEFAULT_GROUP_AVATAR_MEETING, DEFAULT_GROUP_AVATAR_AVCHATROOM, DEFAULT_GROUP_AVATAR_COMMON, };
 export type { AvatarSize, AvatarShape, AvatarProps } from './Avatar.vue';

package/dist/components/Avatar/index.js

@@ -1,4 +1,11 @@
 import { default as default2 } from "./Avatar.js";
+import { DEFAULT_GROUP_AVATAR_AVCHATROOM, DEFAULT_GROUP_AVATAR_COMMON, DEFAULT_GROUP_AVATAR_MEETING, DEFAULT_GROUP_AVATAR_PUBLIC, DEFAULT_GROUP_AVATAR_WORK, DEFAULT_USER_AVATAR } from "./constants/avatar.js";
 export {
-  default2 as Avatar
+  default2 as Avatar,
+  DEFAULT_GROUP_AVATAR_AVCHATROOM,
+  DEFAULT_GROUP_AVATAR_COMMON,
+  DEFAULT_GROUP_AVATAR_MEETING,
+  DEFAULT_GROUP_AVATAR_PUBLIC,
+  DEFAULT_GROUP_AVATAR_WORK,
+  DEFAULT_USER_AVATAR
 };

package/dist/components/BarrageInput/BarrageInput.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, normalizeClass, createVNode, withCtx, unref } from "vue";
-import EmojiPicker from "./EmojiPicker/EmojiPicker.js";
-import { _ as _sfc_main$1 } from "../../TextEditor.vue_vue_type_script_setup_true_lang-w_I4bsmJ.js";
-import { useLoginState } from "../../states/LoginState.js";
-import { useLiveAudienceState } from "../../states/LiveAudienceState.js";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { useLiveAudienceState } from "../../states/LiveAudienceState.js";
+import { useLoginState } from "../../states/LoginState.js";
+import EmojiPicker from "./EmojiPicker/EmojiPicker.js";
+import { TextEditor as _sfc_main$1 } from "./TextEditor/index.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "live-message-input" };
 const _hoisted_2 = { class: "input-actions" };
@@ -12,12 +12,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     containerClass: { default: "" },
     containerStyle: { default: () => ({}) },
+    width: {},
     height: { default: "" },
     minHeight: { default: "40px" },
     maxHeight: { default: "140px" },
     placeholder: {},
     disabled: { type: Boolean, default: false },
-    autoFocus: { type: Boolean, default: true }
+    autoFocus: { type: Boolean, default: true },
+    maxLength: { default: 80 }
   },
   emits: ["focus", "blur"],
   setup(__props, { emit: __emit }) {
@@ -34,6 +36,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.height) {
         defaultStyle.height = props.height;
       }
+      if (props.width) {
+        defaultStyle.width = props.width;
+      }
       return { ...defaultStyle, ...props.containerStyle };
     });
     const disabledAndPlaceholder = computed(() => {
@@ -57,6 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             placeholder: disabledAndPlaceholder.value.placeholder,
             disabled: disabledAndPlaceholder.value.disabled,
             autoFocus: _ctx.autoFocus,
+            maxLength: props.maxLength,
             onFocus: _cache[0] || (_cache[0] = ($event) => emit("focus")),
             onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur"))
           }, {
@@ -69,13 +75,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ]),
             _: 1
-          }, 8, ["placeholder", "disabled", "autoFocus"])
+          }, 8, ["placeholder", "disabled", "autoFocus", "maxLength"])
         ], 6)
       ]);
     };
   }
 });
-const BarrageInputPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-59fc67a0"]]);
+const BarrageInputPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-634306b9"]]);
 export {
   BarrageInputPC as default
 };

package/dist/components/BarrageInput/BarrageInput.vue.d.ts

@@ -1,12 +1,14 @@
 interface Props {
     containerClass?: string;
     containerStyle?: Record<string, any>;
+    width?: string;
     height?: string;
     minHeight?: string;
     maxHeight?: string;
     placeholder?: string;
     disabled?: boolean;
     autoFocus?: boolean;
+    maxLength?: number;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     containerClass: string;
@@ -16,6 +18,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxHeight: string;
     disabled: boolean;
     autoFocus: boolean;
+    maxLength: number;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     focus: () => void;
     blur: () => void;
@@ -27,17 +30,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxHeight: string;
     disabled: boolean;
     autoFocus: boolean;
+    maxLength: number;
 }>>> & Readonly<{
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
 }>, {
     height: string;
     disabled: boolean;
+    maxHeight: string;
+    minHeight: string;
     autoFocus: boolean;
+    maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
-    minHeight: string;
-    maxHeight: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/BarrageInput/BarrageInputH5.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
 import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
-import { useMessageInputState } from "../../states/MessageInputState/MessageInputState.js";
 import BarrageInputPC from "./BarrageInput.js";
+import { useMessageInputState } from "../../states/MessageInputState/MessageInputState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "live-message-input-h5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,13 +10,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     containerClass: { default: "" },
     containerStyle: { default: () => ({}) },
     height: { default: "" },
+    width: {},
     minHeight: { default: "40px" },
     maxHeight: { default: "140px" },
     placeholder: {},
     disabled: { type: Boolean, default: false },
-    autoFocus: { type: Boolean, default: false }
+    autoFocus: { type: Boolean, default: false },
+    maxLength: { default: 80 }
   },
-  setup(__props) {
+  emits: ["focus", "blur"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const { t } = useUIKit();
     const { inputRawValue, setContent, sendMessage, blurEditor } = useMessageInputState();
@@ -41,9 +45,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleFocus = async () => {
       isFocus.value = true;
+      emit("focus");
     };
     const handleBlur = () => {
       isFocus.value = false;
+      emit("blur");
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -51,14 +57,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           autoFocus: props.autoFocus,
           containerClass: props.containerClass,
           containerStyle: props.containerStyle,
+          width: props.width,
           height: props.height,
           minHeight: props.minHeight,
           maxHeight: props.maxHeight,
           placeholder: props.placeholder,
           disabled: props.disabled,
+          maxLength: props.maxLength,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 8, ["autoFocus", "containerClass", "containerStyle", "height", "minHeight", "maxHeight", "placeholder", "disabled"]),
+        }, null, 8, ["autoFocus", "containerClass", "containerStyle", "width", "height", "minHeight", "maxHeight", "placeholder", "disabled", "maxLength"]),
         isFocus.value ? (openBlock(), createBlock(unref(TUIButton), {
           key: 0,
           type: "primary",
@@ -74,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BarrageInputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ea9f5b3"]]);
+const BarrageInputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-995197ec"]]);
 export {
   BarrageInputH5 as default
 };

package/dist/components/BarrageInput/BarrageInputH5.vue.d.ts

@@ -2,11 +2,13 @@ interface Props {
     containerClass?: string;
     containerStyle?: Record<string, any>;
     height?: string;
+    width?: string;
     minHeight?: string;
     maxHeight?: string;
     placeholder?: string;
     disabled?: boolean;
     autoFocus?: boolean;
+    maxLength?: number;
 }
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     containerClass: string;
@@ -16,7 +18,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxHeight: string;
     disabled: boolean;
     autoFocus: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    maxLength: number;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: () => void;
+    blur: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     containerClass: string;
     containerStyle: () => {};
     height: string;
@@ -24,14 +30,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxHeight: string;
     disabled: boolean;
     autoFocus: boolean;
-}>>> & Readonly<{}>, {
+    maxLength: number;
+}>>> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+}>, {
     height: string;
     disabled: boolean;
+    maxHeight: string;
+    minHeight: string;
     autoFocus: boolean;
+    maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
-    minHeight: string;
-    maxHeight: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js

@@ -1,14 +1,15 @@
 import { defineComponent, onMounted, createElementBlock, openBlock, createVNode, unref, withCtx, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList } from "vue";
 import { useUIKit, IconEmoji } from "@tencentcloud/uikit-base-component-vue3";
-import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-BhQt39dx.js";
+import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-ByOI-vdB.js";
 import { emojiUrlMap, emojiBaseUrl } from "../../../constants/emoji.js";
 import { transformTextWithEmojiKeyToName } from "../../../utils/emoji.js";
-import { useMessageInputState, MessageContentType } from "../../../states/MessageInputState/MessageInputState.js";
+import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType } from "../../../states/MessageInputState/type.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const styles = {
-  "emoji-picker__icon": "_emoji-picker__icon_qv6nf_1",
-  "emoji-picker__list": "_emoji-picker__list_qv6nf_4",
-  "emoji-picker__list-item": "_emoji-picker__list-item_qv6nf_15"
+  "emoji-picker__icon": "_emoji-picker__icon_rc96r_1",
+  "emoji-picker__list": "_emoji-picker__list_rc96r_4",
+  "emoji-picker__list-item": "_emoji-picker__list-item_rc96r_15"
 };
 const _hoisted_1 = { class: "flex flex-col gap-2.5" };
 const _hoisted_2 = ["onClick"];
@@ -67,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(PopoverContent_default), {
                   side: "top",
-                  align: "start",
-                  "side-offset": 5,
+                  align: "center",
+                  "side-offset": 8,
                   style: { "box-sizing": "border-box", "z-index": "1000" }
                 }, {
                   default: withCtx(() => [
@@ -104,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5db30dda"]]);
+const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79c138b3"]]);
 export {
   EmojiPicker as default
 };

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.d.ts

@@ -0,0 +1,18 @@
+import { Extension } from '@tiptap/vue-3';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+
+export interface CharacterCountOptions {
+    limit: number | null | undefined;
+    textCounter: (text: string) => number;
+    wordCounter: (text: string) => number;
+}
+export interface CharacterCountStorage {
+    characters: (options?: {
+        node?: ProseMirrorNode;
+        mode?: 'textSize' | 'nodeSize';
+    }) => number;
+    words: (options?: {
+        node?: ProseMirrorNode;
+    }) => number;
+}
+export declare const CharacterCount: Extension<CharacterCountOptions, CharacterCountStorage>;