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

package/dist/chat/index.js

@@ -1,16 +1,13 @@
 import { View as _sfc_main } from "../baseComp/View/index.js";
-import "../components/ChatSetting/index.js";
+import { ChatSetting as ChatSetting$1 } from "../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 { ConversationList as ConversationList$1, ConversationActions as ConversationActions$1, ConversationListHeader as ConversationListHeader$1, ConversationListContent as ConversationListContent$1, ConversationPreview as ConversationPreview$1, ConversationPreviewUI as ConversationPreviewUI$1, ConversationSearch as ConversationSearch$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 { MessageList as MessageList$1, Message as Message$1 } from "../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";
@@ -28,13 +25,16 @@ const ConversationActions = ConversationActions$1;
 const ConversationListHeader = ConversationListHeader$1;
 const ConversationListContent = ConversationListContent$1;
 const ConversationPreview = ConversationPreview$1;
+const ConversationPreviewUI = ConversationPreviewUI$1;
+const ConversationSearch = ConversationSearch$1;
 const ContactList = ContactList$1;
 const ContactListItem = ContactListItem$1;
 const ContactInfo = ContactInfo$1;
-const MessageList = MessageListComponent;
+const MessageList = MessageList$1;
+const Message = Message$1;
 const MessageInput = MessageInput$1;
 const EmojiPicker = EmojiPicker$1;
-const ChatSetting = ChatSettingComponent;
+const ChatSetting = ChatSetting$1;
 const View = _sfc_main;
 const useMessageActions = useMessageActions$1;
 const useConversationListState = useConversationListState$1;
@@ -42,7 +42,6 @@ const useMessageActionState = useMessageActionState$1;
 const useMessageInputState = useMessageInputState$1;
 const useMessageListState = useMessageListState$1;
 const useSearchState = useSearchState$1;
-const useUIOpenControlState = useUIOpenControlState$1;
 export {
   ChatSetting,
   ContactInfo,
@@ -53,7 +52,10 @@ export {
   ConversationListContent,
   ConversationListHeader,
   ConversationPreview,
+  ConversationPreviewUI,
+  ConversationSearch,
   EmojiPicker,
+  Message,
   MessageAdvanced,
   MessageInput,
   MessageList,
@@ -69,6 +71,5 @@ export {
   useMessageActions,
   useMessageInputState,
   useMessageListState,
-  useSearchState,
-  useUIOpenControlState
+  useSearchState
 };

package/dist/components/BarrageInput/BarrageInputH5.js

@@ -1,12 +1,14 @@
-import { defineComponent, computed, ref, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, computed, ref, createElementBlock, openBlock, createCommentVNode, createBlock, normalizeStyle, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, nextTick } from "vue";
 import { useUIKit, TUIButton, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveAudienceState } from "../../states/LiveAudienceState.js";
 import { useLoginState } from "../../states/LoginState.js";
 import BarrageInputPC from "./BarrageInput.js";
+import EmojiPicker from "./EmojiPicker/EmojiPicker.js";
 import { ERROR_MESSAGE } from "./constants.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 _hoisted_2 = { class: "input-actions" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BarrageInputH5",
   props: {
@@ -24,7 +26,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["focus", "blur"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    const { t } = useUIKit();
     const props = __props;
+    const placeholderText = computed(() => props.placeholder || t("Say something"));
     const { loginUserInfo } = useLoginState();
     const { audienceList } = useLiveAudienceState();
     const inputClass = computed(() => ["message-input-container-h5", props.containerClass].join(" "));
@@ -35,9 +39,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
       return props.disabled || (localUser == null ? void 0 : localUser.isMessageDisabled);
     });
-    const { t } = useUIKit();
-    const { inputRawValue, setContent, sendMessage, blurEditor } = useMessageInputState();
+    const { inputRawValue, setContent, sendMessage, blurEditor, focusEditor } = useMessageInputState();
     const isFocus = ref(false);
+    const editorShow = ref(false);
     const isTouching = ref(false);
     const handleTouchStart = () => {
       isTouching.value = true;
@@ -71,9 +75,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isFocus.value = false;
       emit("blur");
     };
+    const handleShowEditor = async () => {
+      editorShow.value = true;
+      await nextTick();
+      focusEditor();
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(BarrageInputPC, {
+        !editorShow.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "placeholder-container",
+          style: normalizeStyle({ width: props.width }),
+          onClick: handleShowEditor
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(EmojiPicker, {
+              disabled: disabled.value,
+              "trigger-style": { display: "flex" }
+            }, null, 8, ["disabled"])
+          ]),
+          createElementVNode("span", null, toDisplayString(placeholderText.value), 1)
+        ], 4)) : createCommentVNode("", true),
+        editorShow.value ? (openBlock(), createBlock(BarrageInputPC, {
+          key: 1,
           autoFocus: props.autoFocus,
           containerClass: inputClass.value,
           containerStyle: props.containerStyle,
@@ -81,14 +105,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           height: props.height,
           minHeight: props.minHeight,
           maxHeight: props.maxHeight,
-          placeholder: props.placeholder,
+          placeholder: placeholderText.value,
           disabled: disabled.value,
           maxLength: props.maxLength,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 8, ["autoFocus", "containerClass", "containerStyle", "width", "height", "minHeight", "maxHeight", "placeholder", "disabled", "maxLength"]),
+        }, null, 8, ["autoFocus", "containerClass", "containerStyle", "width", "height", "minHeight", "maxHeight", "placeholder", "disabled", "maxLength"])) : createCommentVNode("", true),
         isFocus.value ? (openBlock(), createBlock(unref(TUIButton), {
-          key: 0,
+          key: 2,
           type: "primary",
           onTouchstart: handleTouchStart,
           onTouchend: handleTouchEnd
@@ -102,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BarrageInputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11c76a53"]]);
+const BarrageInputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9fd6640c"]]);
 export {
   BarrageInputH5 as default
 };

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

@@ -7,11 +7,15 @@ import { useMessageInputState } from "../../../states/MessageInputState/MessageI
 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_rc96r_1",
-  "emoji-picker__list": "_emoji-picker__list_rc96r_4",
-  "emoji-picker__list-item": "_emoji-picker__list-item_rc96r_15"
+  "emoji-picker__icon": "_emoji-picker__icon_77iku_1",
+  "emoji-picker__list": "_emoji-picker__list_77iku_4",
+  "emoji-picker__list-item": "_emoji-picker__list-item_77iku_16"
+};
+const _hoisted_1 = {
+  class: "flex flex-col gap-2.5",
+  tabindex: "-1",
+  style: { "outline": "none" }
 };
-const _hoisted_1 = { class: "flex flex-col gap-2.5" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -105,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79c138b3"]]);
+const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d8acff6"]]);
 export {
   EmojiPicker as default
 };

package/dist/components/BarrageInput/TextEditor/index.js

@@ -4,15 +4,15 @@ import { ERROR_MESSAGE } from "../constants.js";
 import { createEditor } from "./EditorCore.js";
 import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
-const disabled = "_disabled_3es4w_13";
-const editor = "_editor_3es4w_30";
+const disabled = "_disabled_jp6u3_13";
+const editor = "_editor_jp6u3_30";
 const styles = {
-  "input-wrapper": "_input-wrapper_3es4w_1",
+  "input-wrapper": "_input-wrapper_jp6u3_1",
   disabled,
-  "input-prefix": "_input-prefix_3es4w_17",
-  "input-suffix": "_input-suffix_3es4w_23",
+  "input-prefix": "_input-prefix_jp6u3_17",
+  "input-suffix": "_input-suffix_jp6u3_23",
   editor,
-  "disabled-editor": "_disabled-editor_3es4w_37"
+  "disabled-editor": "_disabled-editor_jp6u3_39"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextEditor",
@@ -60,11 +60,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }
           },
           onFocus: () => {
+            var _a;
             isFocused.value = true;
+            if (navigator && "virtualKeyboard" in navigator) {
+              (_a = navigator == null ? void 0 : navigator.virtualKeyboard) == null ? void 0 : _a.show();
+            }
             emit("focus");
           },
           onBlur: () => {
+            var _a;
             isFocused.value = false;
+            if (navigator && "virtualKeyboard" in navigator) {
+              (_a = navigator == null ? void 0 : navigator.virtualKeyboard) == null ? void 0 : _a.hide();
+            }
             emit("blur");
           }
         });

package/dist/components/BarrageList/Message/GroupTipMessage/GroupTipMessage.vue.d.ts

@@ -1,9 +1,9 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
 
-interface IGroupTipMessageProps {
-    message: IMessageModel;
+interface GroupTipMessageProps {
+    message: MessageModel;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IGroupTipMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IGroupTipMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GroupTipMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GroupTipMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/BarrageList/Message/TextMessage/TextMessage.js

@@ -3,6 +3,7 @@ import { TUIStore } from "@tencentcloud/chat-uikit-engine";
 import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../../../index-BF6QB9jF.js";
 import { useScroll } from "../../../../hooks/useScroll.js";
+import { useLiveState } from "../../../../states/LiveState/index.js";
 import { safeJSONParse } from "../../../../utils/json.js";
 import { useMessageListContext } from "../../MessageListContext.js";
 import { useBarrageListState } from "../../../../states/BarrageListState/BarrageListState.js";
@@ -12,10 +13,14 @@ const _hoisted_2 = { class: "text-message__reference__header" };
 const _hoisted_3 = { class: "text-message__reference__content" };
 const _hoisted_4 = { class: "text-message__content" };
 const _hoisted_5 = {
+  key: 0,
+  class: "user-badge"
+};
+const _hoisted_6 = {
   key: 0,
   class: "text-message__content__text"
 };
-const _hoisted_6 = ["src", "alt"];
+const _hoisted_7 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextMessage",
   props: {
@@ -23,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isLastInChunk: { type: Boolean, default: false }
   },
   setup(__props) {
+    const { currentLive } = useLiveState();
     const context = useMessageListContext("");
     const props = __props;
     const { t } = useUIKit();
@@ -76,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
+      var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         referencedInfo.value.content ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -95,18 +102,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4, [
           (openBlock(), createBlock(resolveDynamicComponent(unref(context).slots["user-badge"]), { message: _ctx.message }, null, 8, ["message"])),
+          _ctx.message.from === ((_a = unref(currentLive)) == null ? void 0 : _a.liveOwner.userId) && !unref(context).slots["user-badge"] ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("Anchor")), 1)) : createCommentVNode("", true),
           createElementVNode("span", {
             class: "text-message__content__nick",
             onClick: handleNickClick
           }, toDisplayString(`${_ctx.message.nick || _ctx.message.from}: `), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(messageContent.value.text, (item, index) => {
             return openBlock(), createElementBlock(Fragment, { key: index }, [
-              item.name === "text" ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.text), 1)) : (openBlock(), createElementBlock("img", {
+              item.name === "text" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(item.text), 1)) : (openBlock(), createElementBlock("img", {
                 key: 1,
                 class: "text-message__content__img",
                 src: item.src,
                 alt: item.emojiKey || ""
-              }, null, 8, _hoisted_6))
+              }, null, 8, _hoisted_7))
             ], 64);
           }), 128))
         ])
@@ -114,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10eaf041"]]);
+const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1614054f"]]);
 export {
   TextMessage as default
 };

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

@@ -7,4 +7,5 @@ export declare const resource: {
     'Operation Successful': string;
     'Operation Failed': string;
     'This message contains risky content': string;
+    Anchor: string;
 };

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

@@ -6,7 +6,8 @@ const resource = {
   Unmute: "Unmute",
   "Operation Successful": "Operation successful",
   "Operation Failed": "Operation failed",
-  "This message contains risky content": "This message contains risky content"
+  "This message contains risky content": "This message contains risky content",
+  "Anchor": "ANCHOR"
 };
 export {
   resource

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

@@ -9,4 +9,5 @@ export declare const resource: {
     'Mute Success': string;
     'Unmute Success': string;
     'This message contains risky content': string;
+    Anchor: string;
 };

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

@@ -8,7 +8,8 @@ const resource = {
   "Operation Failed": "操作失败",
   "Mute Success": "禁言成功",
   "Unmute Success": "解除禁言成功",
-  "This message contains risky content": "该消息包含风险内容"
+  "This message contains risky content": "该消息包含风险内容",
+  "Anchor": "主播"
 };
 export {
   resource

package/dist/components/ChatSetting/GroupChatSetting/GroupActions/GroupActions.js

@@ -1,9 +1,8 @@
 import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode } from "vue";
 import { useUIKit, TUIButton, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import "../../../UserPicker/index.js";
+import { UserPicker } from "../../../UserPicker/index.js";
 import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
 import { GroupPermission } from "../../../../states/GroupSettingState/types.js";
-import UserPicker from "../../../UserPicker/UserPicker.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {
   class: /* @__PURE__ */ normalizeClass([
@@ -129,6 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         })) : createCommentVNode("", true),
         createVNode(unref(TUIDialog), {
+          appendTo: "body",
           visible: isShowTransferDialog.value,
           title: unref(t)("ChatSetting.transfer_group_owner"),
           "custom-classes": ["user-picker-dialog"],
@@ -154,6 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["visible", "title"]),
         createVNode(unref(TUIDialog), {
+          appendTo: "body",
           visible: isShowDismissDialog.value,
           title: unref(t)("ChatSetting.dismiss_group"),
           onClose: _cache[5] || (_cache[5] = () => isShowDismissDialog.value = false),
@@ -161,6 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onConfirm: handleDismissGroup
         }, null, 8, ["visible", "title"]),
         createVNode(unref(TUIDialog), {
+          appendTo: "body",
           visible: isShowQuitDialog.value,
           title: unref(t)("ChatSetting.quit_group"),
           onClose: _cache[7] || (_cache[7] = () => isShowQuitDialog.value = false),
@@ -176,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-52ab1c35"]]);
+const GroupActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-21a17b84"]]);
 export {
   GroupActions as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupChatSetting.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, onMounted, watch, computed, createBlock, createCommentVNode, openBlock, unref, normalizeClass, withCtx, createVNode, createElementBlock, Fragment } from "vue";
 import { useUIKit, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
 import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
-import "../../UserPicker/index.js";
+import { UserPicker } from "../../UserPicker/index.js";
 import GroupActions from "./GroupActions/GroupActions.js";
 import GroupInfo from "./GroupInfo/GroupInfo.js";
 import GroupManagement from "./GroupManagement/GroupManagement.js";
@@ -10,7 +10,6 @@ import GroupMembers from "./GroupMembers/GroupMembers.js";
 import PersonalSettings from "./PersonalSettings/PersonalSettings.js";
 import { useGroupSettingState } from "../../../states/GroupSettingState/GroupSettingState.js";
 import { GroupPermission, GroupInviteType, GroupMemberRole } from "../../../states/GroupSettingState/types.js";
-import UserPicker from "../../UserPicker/UserPicker.js";
 import { useContactListState } from "../../../states/ContactListState/ContactListState.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -228,6 +227,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(PersonalSettings)),
             createVNode(unref(GroupActions)),
             createVNode(unref(TUIDialog), {
+              appendTo: "body",
               visible: isShowUserPickerDialog.value,
               title: userPickerDialogTitle.value,
               "custom-classes": ["user-picker-dialog"],
@@ -256,7 +256,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupChatSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d23cd9b4"]]);
+const GroupChatSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-358c1266"]]);
 export {
   GroupChatSetting as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupInfo/GroupInfo.js

@@ -43,7 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (value.length === 0) {
         return t("ChatSetting.group_name_required");
       }
-      if (value.length > 25) {
+      if (value.length > 30) {
         return t("ChatSetting.group_name_max_length");
       }
       if (value === (originalValue || "")) {
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (typeof value !== "string") {
         return t("ChatSetting.group_notification_required_string");
       }
-      if (value.length > 100) {
+      if (value.length > 130) {
         return t("ChatSetting.group_notification_max_length");
       }
       if (value === (originalValue || "")) {
@@ -187,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-24700623"]]);
+const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b84a613"]]);
 export {
   GroupInfo as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupManagement/GroupManagement.js

@@ -1,12 +1,11 @@
 import { defineComponent, ref, computed, createBlock, createCommentVNode, unref, openBlock, normalizeClass, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
 import { useUIKit, IconArrowStrokeBack, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
 import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
-import "../../../UserPicker/index.js";
+import { UserPicker } from "../../../UserPicker/index.js";
 import SettingItem from "../../SettingItem/SettingItem.js";
 import GroupMembers from "../GroupMembers/GroupMembers.js";
 import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
 import { GroupMemberRole, GroupPermission } from "../../../../states/GroupSettingState/types.js";
-import UserPicker from "../../../UserPicker/UserPicker.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "group-management__title" };
 const _hoisted_2 = { class: "group-management__mute-all-desc" };
@@ -254,6 +253,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })) : createCommentVNode("", true),
             createVNode(unref(TUIDialog), {
+              appendTo: "body",
               "custom-classes": ["user-picker-dialog"],
               visible: isShowUserPickerDialog.value,
               title: userPickerTitle.value,
@@ -279,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupManagement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-273493c6"]]);
+const GroupManagement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91345f9d"]]);
 export {
   GroupManagement as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupMembers/GroupMembers.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createElementVNode, createBlock, createTextVNode, toDisplayString, Fragment, renderList, withDirectives, createVNode, vShow } from "vue";
-import { useUIKit, IconArrowStrokeRight, IconAdd, IconMinus } from "@tencentcloud/uikit-base-component-vue3";
+import { useUIKit, IconArrowStrokeRight, IconPlus, IconMinus } from "@tencentcloud/uikit-base-component-vue3";
 import Avatar from "../../../Avatar/Avatar.js";
 import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
 import { GroupPermission, GroupMemberRole } from "../../../../states/GroupSettingState/types.js";
@@ -210,7 +210,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: handleAddMember
           }, [
             createElementVNode("div", _hoisted_6, [
-              createVNode(unref(IconAdd))
+              createVNode(unref(IconPlus))
             ]),
             createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("ChatSetting.add")), 1)
           ])) : createCommentVNode("", true),
@@ -244,7 +244,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupMembers = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c615369a"]]);
+const GroupMembers = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bb019f4"]]);
 export {
   GroupMembers as default
 };

package/dist/components/ChatSetting/SettingItem/SettingItem.js

@@ -1,6 +1,6 @@
 import { defineComponent, useCssModule, ref, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, Fragment, createVNode, withCtx, createTextVNode, createBlock, normalizeStyle, nextTick } from "vue";
-import { c as cs } from "../../../index-BF6QB9jF.js";
 import { useUIKit, TUIButton, IconEditNameCard } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../index-BF6QB9jF.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = ["checked", "disabled"];
 const _hoisted_2 = ["value", "placeholder", "disabled"];
@@ -265,26 +265,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const style0 = {
-  "setting-item": "_setting-item_bjdj6_1",
-  "setting-item--disabled": "_setting-item--disabled_bjdj6_13",
-  "setting-item__switch-slider": "_setting-item__switch-slider_bjdj6_17",
-  "setting-item--switch": "_setting-item--switch_bjdj6_20",
-  "setting-item__label": "_setting-item__label_bjdj6_25",
-  "setting-item__content-wrapper": "_setting-item__content-wrapper_bjdj6_30",
-  "setting-item__content": "_setting-item__content_bjdj6_30",
-  "setting-item__value": "_setting-item__value_bjdj6_43",
-  "setting-item__value--placeholder": "_setting-item__value--placeholder_bjdj6_49",
-  "setting-item__switch": "_setting-item__switch_bjdj6_17",
-  "setting-item__switch-input": "_setting-item__switch-input_bjdj6_60",
-  "setting-item__edit-container": "_setting-item__edit-container_bjdj6_97",
-  "setting-item__input": "_setting-item__input_bjdj6_103",
-  "setting-item__textarea": "_setting-item__textarea_bjdj6_103",
-  "setting-item__input--error": "_setting-item__input--error_bjdj6_120",
-  "setting-item__textarea--error": "_setting-item__textarea--error_bjdj6_120",
-  "setting-item__error": "_setting-item__error_bjdj6_127",
-  "setting-item__actions": "_setting-item__actions_bjdj6_132",
-  "setting-item__btn--cancel": "_setting-item__btn--cancel_bjdj6_137",
-  "setting-item__btn--confirm": "_setting-item__btn--confirm_bjdj6_137"
+  "setting-item": "_setting-item_j0ui4_1",
+  "setting-item--disabled": "_setting-item--disabled_j0ui4_13",
+  "setting-item__switch-slider": "_setting-item__switch-slider_j0ui4_17",
+  "setting-item--switch": "_setting-item--switch_j0ui4_20",
+  "setting-item__label": "_setting-item__label_j0ui4_25",
+  "setting-item__content-wrapper": "_setting-item__content-wrapper_j0ui4_30",
+  "setting-item__content": "_setting-item__content_j0ui4_30",
+  "setting-item__value": "_setting-item__value_j0ui4_43",
+  "setting-item__value--placeholder": "_setting-item__value--placeholder_j0ui4_49",
+  "setting-item__switch": "_setting-item__switch_j0ui4_17",
+  "setting-item__switch-input": "_setting-item__switch-input_j0ui4_60",
+  "setting-item__edit-container": "_setting-item__edit-container_j0ui4_97",
+  "setting-item__input": "_setting-item__input_j0ui4_103",
+  "setting-item__textarea": "_setting-item__textarea_j0ui4_103",
+  "setting-item__input--error": "_setting-item__input--error_j0ui4_120",
+  "setting-item__textarea--error": "_setting-item__textarea--error_j0ui4_120",
+  "setting-item__error": "_setting-item__error_j0ui4_130",
+  "setting-item__actions": "_setting-item__actions_j0ui4_135",
+  "setting-item__btn--cancel": "_setting-item__btn--cancel_j0ui4_140",
+  "setting-item__btn--confirm": "_setting-item__btn--confirm_j0ui4_140"
 };
 const cssModules = {
   "$style": style0

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

@@ -40,13 +40,13 @@ const ChatSetting = {
   // Validation messages
   group_name_required_string: "Group name must be a string",
   group_name_required: "Group name cannot be empty",
-  group_name_max_length: "Group name cannot exceed 25 characters",
+  group_name_max_length: "Group name cannot exceed 30 characters",
   group_name_unchanged: "Please modify the group name before submitting",
   group_introduction_required_string: "Group introduction must be a string",
-  group_introduction_max_length: "Group introduction cannot exceed 100 characters",
+  group_introduction_max_length: "Group introduction cannot exceed 130 characters",
   group_introduction_unchanged: "Please modify the group introduction before submitting",
   group_notification_required_string: "Group notification must be a string",
-  group_notification_max_length: "Group notification cannot exceed 100 characters",
+  group_notification_max_length: "Group notification cannot exceed 130 characters",
   group_notification_unchanged: "Please modify the group notification before submitting",
   group_name_card_required_string: "Name card must be a string",
   group_name_card_unchanged: "Please modify the name card before submitting",

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

@@ -40,13 +40,13 @@ const ChatSetting = {
   // Validation messages
   group_name_required_string: "群名称必须是字符串",
   group_name_required: "群名称不能为空",
-  group_name_max_length: "群名称不能超过25个字符",
+  group_name_max_length: "群名称不能超过30个字符",
   group_name_unchanged: "请修改群名称后再提交",
   group_introduction_required_string: "群简介必须是字符串",
-  group_introduction_max_length: "群简介不能超过100个字符",
+  group_introduction_max_length: "群简介不能超过130个字符",
   group_introduction_unchanged: "请修改群简介后再提交",
   group_notification_required_string: "群公告必须是字符串",
-  group_notification_max_length: "群公告不能超过100个字符",
+  group_notification_max_length: "群公告不能超过130个字符",
   group_notification_unchanged: "请修改群公告后再提交",
   group_name_card_required_string: "群名片必须是字符串",
   group_name_card_unchanged: "请修改群名片后再提交",

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

@@ -1,5 +1,2 @@
-import { default as ChatSetting } from './ChatSetting.vue';
-
+declare const ChatSetting: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { ChatSetting };
-export { C2CChatSetting } from './C2CChatSetting';
-export { GroupChatSetting } from './GroupChatSetting';