tuikit-atomicx-vue3 0.1.1 → 3.3.0

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

@@ -110,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7cdd355a"]]);
+const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd1d60a2"]]);
 export {
   MessageLayout as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, toDisplayString, createVNode } from "vue";
 import { c as cs } from "../../../../../index-BF6QB9jF.js";
 import { getTimeStampAuto } from "../../../../../utils/time.js";
 import MessageStatusIcon from "./MessageStatusIcon.js";
@@ -18,19 +18,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isShowSendStatus: { type: Boolean, default: false },
     isShowReadStatus: { type: Boolean, default: false },
     isShowTime: { type: Boolean, default: false },
-    status: { default: void 0 },
+    status: { default: "" },
     class: { default: void 0 },
     style: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
+    const showStatus = computed(() => props.status && props.isShowSendStatus || props.status === "fail");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs)("message-meta", props.class)),
         style: normalizeStyle(props.style)
       }, [
         props.isShowTime ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(getTimeStampAuto)(props.timestamp)), 1)) : createCommentVNode("", true),
-        props.status && props.isShowSendStatus ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        showStatus.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(MessageStatusIcon, {
             status: props.status
           }, null, 8, ["status"])
@@ -39,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a18686c"]]);
+const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fbbde202"]]);
 export {
   MessageMeta as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.vue.d.ts

@@ -16,14 +16,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isShowSendStatus: boolean;
     isShowReadStatus: boolean;
     isShowTime: boolean;
-    status: undefined;
+    status: string;
     class: undefined;
     style: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
     isShowSendStatus: boolean;
     isShowReadStatus: boolean;
     isShowTime: boolean;
-    status: undefined;
+    status: string;
     class: undefined;
     style: undefined;
 }>>> & Readonly<{}>, {

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, createCommentVNode, openBlock, unref } from "vue";
-import { IconLoading, IconSuccess } from "@tencentcloud/uikit-base-component-vue3";
+import { IconLoading, IconSuccess, IconErrorToast } from "@tencentcloud/uikit-base-component-vue3";
 import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageStatusIcon",
@@ -11,16 +11,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return _ctx.status === "unSend" ? (openBlock(), createBlock(unref(IconLoading), {
         key: 0,
         class: "message-meta__status--unSend",
-        size: 16
+        size: 14
       })) : _ctx.status === "success" ? (openBlock(), createBlock(unref(IconSuccess), {
         key: 1,
         name: "",
-        size: 16
+        size: 14
+      })) : _ctx.status === "fail" ? (openBlock(), createBlock(unref(IconErrorToast), {
+        key: 2,
+        size: 14
       })) : createCommentVNode("", true);
     };
   }
 });
-const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-570fe2c0"]]);
+const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4ba2853"]]);
 export {
   MessageStatusIcon as default
 };

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-df01dc37"]]);
+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/ChatSetting.js

@@ -1,33 +1,30 @@
-import { defineComponent, computed, createElementBlock, createCommentVNode, unref, openBlock, createBlock } from "vue";
+import { defineComponent, computed, createElementBlock, unref, openBlock, createBlock, createCommentVNode } from "vue";
 import { TUIChatEngine } from "@tencentcloud/chat-uikit-engine";
 import C2CChatSetting from "./C2CChatSetting/C2CChatSetting.js";
 import GroupChatSetting from "./GroupChatSetting/GroupChatSetting.js";
-import { useUIOpenControlState } from "../../states/UIOpenControlState/UIOpenControlState.js";
 import { useConversationListState } from "../../states/ConversationListState/ConversationListState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {
   key: 0,
   class: "chat-setting"
 };
+const _hoisted_2 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChatSetting",
   setup(__props) {
-    const { currentConversation: activeConversation } = useConversationListState();
-    const { isChatSettingOpen } = useUIOpenControlState();
-    const { TYPES } = TUIChatEngine;
-    const { CONV_C2C, CONV_GROUP } = TYPES;
+    const { activeConversation } = useConversationListState();
     const chatType = computed(() => {
       var _a;
-      return (_a = activeConversation == null ? void 0 : activeConversation.value) == null ? void 0 : _a.type;
+      return (_a = activeConversation.value) == null ? void 0 : _a.type;
     });
     return (_ctx, _cache) => {
-      return unref(activeConversation) && unref(isChatSettingOpen) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        chatType.value === unref(CONV_C2C) ? (openBlock(), createBlock(unref(C2CChatSetting), { key: 0 })) : chatType.value === unref(CONV_GROUP) ? (openBlock(), createBlock(unref(GroupChatSetting), { key: 1 })) : createCommentVNode("", true)
-      ])) : createCommentVNode("", true);
+      return Boolean(unref(activeConversation)) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        chatType.value === unref(TUIChatEngine).TYPES.CONV_C2C ? (openBlock(), createBlock(unref(C2CChatSetting), { key: 0 })) : chatType.value === unref(TUIChatEngine).TYPES.CONV_GROUP ? (openBlock(), createBlock(unref(GroupChatSetting), { key: 1 })) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("div", _hoisted_2, "没渲染"));
     };
   }
 });
-const ChatSettingComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a1f959d8"]]);
+const ChatSettingComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4b04ef29"]]);
 export {
   ChatSettingComponent as default
 };

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

@@ -1,6 +1,6 @@
 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 from "../../../UserPicker/UserPicker.js";
+import { UserPicker } from "../../../UserPicker/index.js";
 import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
 import { GroupPermission } from "../../../../states/GroupSettingState/types.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -128,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"],
@@ -153,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),
@@ -160,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),
@@ -175,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 from "../../UserPicker/UserPicker.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";
@@ -227,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"],
@@ -255,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

@@ -22,7 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hasPermission,
       updateGroupProfile
     } = useGroupSettingState();
-    const { currentConversation: activeConversation } = useConversationListState();
+    const { activeConversation } = useConversationListState();
     const getGroupTypeText = () => {
       if (!groupType.value) {
         return t("ChatSetting.group_type_unknown");
@@ -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-34eb1395"]]);
+const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b84a613"]]);
 export {
   GroupInfo as default
 };

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

@@ -1,7 +1,7 @@
 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 from "../../../UserPicker/UserPicker.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";
@@ -253,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,
@@ -278,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";
@@ -180,10 +180,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "group-members__item",
                 "group-members__item--skeleton"
               ])
-            }, _cache[0] || (_cache[0] = [
+            }, [..._cache[0] || (_cache[0] = [
               createElementVNode("div", { class: "group-members__skeleton-avatar" }, null, -1),
               createElementVNode("div", { class: "group-members__skeleton-name" }, null, -1)
-            ]));
+            ])]);
           }), 128)),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayMiniMembers.value, (member) => {
             return withDirectives((openBlock(), createElementBlock("div", {
@@ -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
 };