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

package/dist/chat/index.js

@@ -0,0 +1,74 @@
+import { View as _sfc_main } from "../baseComp/View/index.js";
+import "../components/ChatSetting/index.js";
+import { ContactList as ContactList$1, ContactListItem as ContactListItem$1, ContactInfo as ContactInfo$1 } from "../components/ContactList/index.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 { MessageInput as MessageInput$1, EmojiPicker as EmojiPicker$1 } from "../components/MessageInput/index.js";
+import "../components/MessageList/index.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 MessageListComponent from "../components/MessageList/MessageList.js";
+import ChatSettingComponent from "../components/ChatSetting/ChatSetting.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 ContactList = ContactList$1;
+const ContactListItem = ContactListItem$1;
+const ContactInfo = ContactInfo$1;
+const MessageList = MessageListComponent;
+const MessageInput = MessageInput$1;
+const EmojiPicker = EmojiPicker$1;
+const ChatSetting = ChatSettingComponent;
+const View = _sfc_main;
+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,
+  ContactInfo,
+  ContactList,
+  ContactListItem,
+  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

@@ -1,9 +1,9 @@
-import { defineComponent, useSlots, ref, computed, h, createBlock, openBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, useSlots, useCssModule, ref, computed, h, createBlock, openBlock, resolveDynamicComponent } from "vue";
 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"
@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const slots = useSlots();
+    const classes = useCssModule();
     const imageError = ref(false);
     const isLoading = ref(!!props.src);
     const children = computed(() => slots.default);
@@ -91,9 +92,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const avatarClasses = computed(() => cs(
-      "avatar",
-      `avatar--shape-${props.shape}`,
-      typeof props.size !== "number" && `size-${props.size}`,
+      classes["avatar"],
+      classes[`avatar--shape-${props.shape}`],
+      typeof props.size !== "number" && classes[`size-${props.size}`],
       props.className
     ));
     const baseAvatar = computed(() => h(
@@ -110,11 +111,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // Render avatar content
         (() => {
           if (children.value) {
-            return h("div", { class: "avatar__fallback" }, children.value);
+            return h("div", { class: classes["avatar__fallback"] }, children.value);
           }
           if (props.src && !imageError.value) {
             return h("img", {
-              class: cs("avatar__image"),
+              class: classes["avatar__image"],
               src: props.src,
               alt: props.alt || "avatar",
               onLoad: handleImageLoad,
@@ -122,18 +123,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             });
           }
           if (props.alt) {
-            return h("div", { class: "avatar__fallback" }, getAltText());
+            return h("div", { class: classes["avatar__fallback"] }, getAltText());
           }
           return h("img", {
-            class: "avatar__image",
-            src: DEFAULT_AVATAR_URL,
+            class: classes["avatar__image"],
+            src: DEFAULT_USER_AVATAR,
             alt: "default avatar",
             onLoad: () => setIsLoading(false),
             onError: () => setIsLoading(false)
           });
         })(),
         // Loading skeleton
-        isLoading.value && h("div", { class: "avatar__skeleton" })
+        isLoading.value && h("div", { class: classes["avatar__skeleton"] })
       ]
     ));
     const avatarWithBadges = computed(() => {
@@ -161,7 +162,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8ebafa8"]]);
+const avatar = "_avatar_bq44a_1";
+const avatar__image = "_avatar__image_bq44a_61";
+const avatar__fallback = "_avatar__fallback_bq44a_67";
+const avatar__skeleton = "_avatar__skeleton_bq44a_78";
+const shimmer = "_shimmer_bq44a_1";
+const style0 = {
+  avatar,
+  "avatar--shape-circular": "_avatar--shape-circular_bq44a_10",
+  "avatar--shape-square": "_avatar--shape-square_bq44a_13",
+  "size-xs": "_size-xs_bq44a_16",
+  "size-sm": "_size-sm_bq44a_20",
+  "size-md": "_size-md_bq44a_24",
+  "size-lg": "_size-lg_bq44a_28",
+  "size-xl": "_size-xl_bq44a_32",
+  "size-xxl": "_size-xxl_bq44a_36",
+  "avatar--shape-rounded": "_avatar--shape-rounded_bq44a_40",
+  avatar__image,
+  avatar__fallback,
+  avatar__skeleton,
+  shimmer
+};
+const cssModules = {
+  "$style": style0
+};
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   Avatar as default
 };

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

@@ -68,12 +68,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isDotUnreadCount: boolean;
 }>>> & Readonly<{}>, {
     size: AvatarSize;
-    shape: AvatarShape;
     isShowOnlineStatus: boolean;
     isOnline: boolean;
     unreadCount: number;
     maxUnreadCount: number;
     isDotUnreadCount: boolean;
+    shape: AvatarShape;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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,6 +30,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxHeight: string;
     disabled: boolean;
     autoFocus: boolean;
+    maxLength: number;
 }>>> & Readonly<{
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
@@ -34,6 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     height: string;
     disabled: boolean;
     autoFocus: boolean;
+    maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
     minHeight: string;