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

package/dist/components/MessageList/ReadReceiptInfo/ReadReceiptInfo.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, createBlock, openBlock, unref, w
 import { TUIStore, TUIChatService } from "@tencentcloud/chat-uikit-engine";
 import { useUIKit, IconClose, IconLoading } from "@tencentcloud/uikit-base-component-vue3";
 import Modal from "../../../baseComp/Modal/Modal.js";
-import View from "../../../baseComp/View/View.js";
+import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
 import Avatar from "../../Avatar/Avatar.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -176,22 +176,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onOnClose: handleClose
       }, {
         default: withCtx(() => [
-          createVNode(unref(View), { class: "read-receipt-info__header" }, {
+          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__header" }, {
             default: withCtx(() => [
               createVNode(unref(IconClose), {
                 class: "read-receipt-info__close-icon",
                 onClick: handleClose
               }),
-              createVNode(unref(View), { class: "read-receipt-info__title" }, {
+              createVNode(unref(_sfc_main$1), { class: "read-receipt-info__title" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("TUIChat.Read Receipt Detail")), 1)
+                  createTextVNode(toDisplayString(unref(t)("MessageList.read_receipt_detail")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }),
-          createVNode(unref(View), { class: "read-receipt-info__tabs" }, {
+          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__tabs" }, {
             default: withCtx(() => [
               createElementVNode("button", {
                 class: normalizeClass([
@@ -199,20 +199,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   { "read-receipt-info__tab-button--active": activeTab.value === "read" }
                 ]),
                 onClick: _cache[0] || (_cache[0] = ($event) => setActiveTab("read"))
-              }, toDisplayString(unref(t)("TUIChat.Read")) + " (" + toDisplayString(_ctx.readCount) + ") ", 3),
+              }, toDisplayString(unref(t)("MessageList.read")) + " (" + toDisplayString(_ctx.readCount) + ") ", 3),
               createElementVNode("button", {
                 class: normalizeClass([
                   "read-receipt-info__tab-button",
                   { "read-receipt-info__tab-button--active": activeTab.value === "unread" }
                 ]),
                 onClick: _cache[1] || (_cache[1] = ($event) => setActiveTab("unread"))
-              }, toDisplayString(unref(t)("TUIChat.Unread")) + " (" + toDisplayString(_ctx.unreadCount) + ") ", 3)
+              }, toDisplayString(unref(t)("MessageList.unread")) + " (" + toDisplayString(_ctx.unreadCount) + ") ", 3)
             ]),
             _: 1
           }),
-          createVNode(unref(View), { class: "read-receipt-info__content" }, {
+          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__content" }, {
             default: withCtx(() => [
-              activeTab.value === "read" ? (openBlock(), createBlock(unref(View), {
+              activeTab.value === "read" ? (openBlock(), createBlock(unref(_sfc_main$1), {
                 key: 0,
                 ref_key: "readListRef",
                 ref: readListRef,
@@ -221,26 +221,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   readUsers.value.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    readLoading.value ? (openBlock(), createBlock(unref(View), {
+                    readLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 0,
                       class: "read-receipt-info__loading"
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(View), { class: "read-receipt-info__loading-text" }, {
+                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("TUIChat.Loading")), 1)
+                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
-                    })) : (openBlock(), createBlock(unref(View), {
+                    })) : (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 1,
                       class: "read-receipt-info__empty"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("TUIChat.No Read Members")), 1)
+                        createTextVNode(toDisplayString(unref(t)("MessageList.no_read_members")), 1)
                       ]),
                       _: 1
                     }))
@@ -252,7 +252,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(readUsers.value, (user) => {
-                      return openBlock(), createBlock(unref(View), {
+                      return openBlock(), createBlock(unref(_sfc_main$1), {
                         key: user.userID,
                         class: "read-receipt-info__user-item"
                       }, {
@@ -261,9 +261,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             src: user.avatar ?? "",
                             alt: user.nick || user.userID
                           }, null, 8, ["src", "alt"]),
-                          createVNode(unref(View), { class: "read-receipt-info__user-item-info" }, {
+                          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-info" }, {
                             default: withCtx(() => [
-                              createVNode(unref(View), { class: "read-receipt-info__user-item-name" }, {
+                              createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-name" }, {
                                 default: withCtx(() => [
                                   createTextVNode(toDisplayString(user.nick || user.userID), 1)
                                 ]),
@@ -276,27 +276,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 2
                       }, 1024);
                     }), 128)),
-                    readLoading.value ? (openBlock(), createBlock(unref(View), {
+                    readLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 0,
                       class: "read-receipt-info__loading"
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(View), { class: "read-receipt-info__loading-text" }, {
+                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("TUIChat.Loading")), 1)
+                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
-                    readCompleted.value ? (openBlock(), createBlock(unref(View), {
+                    readCompleted.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 1,
                       class: "read-receipt-info__list-end"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("TUIChat.No More")), 1)
+                        createTextVNode(toDisplayString(unref(t)("MessageList.no_more")), 1)
                       ]),
                       _: 1
                     })) : createCommentVNode("", true)
@@ -304,7 +304,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 512)) : createCommentVNode("", true),
-              activeTab.value === "unread" ? (openBlock(), createBlock(unref(View), {
+              activeTab.value === "unread" ? (openBlock(), createBlock(unref(_sfc_main$1), {
                 key: 1,
                 ref_key: "unreadListRef",
                 ref: unreadListRef,
@@ -313,26 +313,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   unreadUsers.value.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    unreadLoading.value ? (openBlock(), createBlock(unref(View), {
+                    unreadLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 0,
                       class: "read-receipt-info__loading"
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(View), { class: "read-receipt-info__loading-text" }, {
+                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("TUIChat.Loading")), 1)
+                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
-                    })) : (openBlock(), createBlock(unref(View), {
+                    })) : (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 1,
                       class: "read-receipt-info__empty"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("TUIChat.No Unread Members")), 1)
+                        createTextVNode(toDisplayString(unref(t)("MessageList.no_unread_members")), 1)
                       ]),
                       _: 1
                     }))
@@ -344,7 +344,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unreadUsers.value, (user) => {
-                      return openBlock(), createBlock(unref(View), {
+                      return openBlock(), createBlock(unref(_sfc_main$1), {
                         key: user.userID,
                         class: "read-receipt-info__user-item"
                       }, {
@@ -353,9 +353,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             src: user.avatar ?? "",
                             alt: user.nick || user.userID
                           }, null, 8, ["src", "alt"]),
-                          createVNode(unref(View), { class: "read-receipt-info__user-item-info" }, {
+                          createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-info" }, {
                             default: withCtx(() => [
-                              createVNode(unref(View), { class: "read-receipt-info__user-item-name" }, {
+                              createVNode(unref(_sfc_main$1), { class: "read-receipt-info__user-item-name" }, {
                                 default: withCtx(() => [
                                   createTextVNode(toDisplayString(user.nick || user.userID), 1)
                                 ]),
@@ -368,27 +368,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 2
                       }, 1024);
                     }), 128)),
-                    unreadLoading.value ? (openBlock(), createBlock(unref(View), {
+                    unreadLoading.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 0,
                       class: "read-receipt-info__loading"
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(IconLoading), { class: "read-receipt-info__loading-icon" }),
-                        createVNode(unref(View), { class: "read-receipt-info__loading-text" }, {
+                        createVNode(unref(_sfc_main$1), { class: "read-receipt-info__loading-text" }, {
                           default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("TUIChat.Loading")), 1)
+                            createTextVNode(toDisplayString(unref(t)("MessageList.loading")), 1)
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
                     })) : createCommentVNode("", true),
-                    unreadCompleted.value ? (openBlock(), createBlock(unref(View), {
+                    unreadCompleted.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
                       key: 1,
                       class: "read-receipt-info__list-end"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(t)("TUIChat.No More")), 1)
+                        createTextVNode(toDisplayString(unref(t)("MessageList.no_more")), 1)
                       ]),
                       _: 1
                     })) : createCommentVNode("", true)
@@ -405,7 +405,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ReadReceiptInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e28bb0e"]]);
+const ReadReceiptInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ecd91a73"]]);
 export {
   ReadReceiptInfo as default
 };

package/dist/components/MessageList/ScrollToBottom/ScrollToBottom.js

@@ -0,0 +1,32 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createVNode, unref } from "vue";
+import { IconArrowStrokeSelectDown } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ScrollToBottom",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(_ctx.$style["scroll-to-bottom__button"]),
+        onClick: _cache[0] || (_cache[0] = ($event) => emits("click"))
+      }, [
+        createVNode(unref(IconArrowStrokeSelectDown), {
+          customClass: _ctx.$style["scroll-to-bottom__button--icon"],
+          size: 18
+        }, null, 8, ["customClass"])
+      ], 2);
+    };
+  }
+});
+const style0 = {
+  "scroll-to-bottom__button": "_scroll-to-bottom__button_1dasy_1",
+  "scroll-to-bottom__button--icon": "_scroll-to-bottom__button--icon_1dasy_22"
+};
+const cssModules = {
+  "$style": style0
+};
+const ScrollToBottom = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ScrollToBottom as default
+};

package/dist/components/MessageList/ScrollToBottom/ScrollToBottom.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/MessageList/ScrollToBottom/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ScrollToBottom } from './ScrollToBottom.vue';
+
+export { ScrollToBottom, };

package/dist/components/MessageList/ScrollToBottom/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./ScrollToBottom.js";
+export {
+  default2 as ScrollToBottom
+};

package/dist/components/MessageList/i18n/en-US.d.ts

@@ -0,0 +1,42 @@
+declare const MessageList: {
+    administrator: string;
+    enabled_mute_all_members: string;
+    disabled_mute_all_members: string;
+    became_new_group_owner: string;
+    changed_group_name_to: string;
+    published_new_announcement: string;
+    joined_group: string;
+    group_member: string;
+    left_group: string;
+    was: string;
+    kicked_out_of_group: string;
+    became_admin: string;
+    admin_privileges_revoked: string;
+    was_muted: string;
+    was_unmuted: string;
+    group_tip_message: string;
+    download_failed: string;
+    create_group: string;
+    unread: string;
+    all_read: string;
+    read: string;
+    you: string;
+    recalled_a_message: string;
+    reedit: string;
+    origin_message_has_been_recalled: string;
+    forward: string;
+    copy: string;
+    recall: string;
+    quote: string;
+    delete: string;
+    max_count_exceed: string;
+    read_receipt_detail: string;
+    read_count: string;
+    unread_count: string;
+    loading: string;
+    no_read_members: string;
+    no_more: string;
+    no_unread_members: string;
+    yesterday: string;
+};
+export default MessageList;

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

@@ -0,0 +1,46 @@
+const MessageList = {
+  // GroupTipMessage
+  administrator: "Administrator",
+  enabled_mute_all_members: "enabled mute all members",
+  disabled_mute_all_members: "disabled mute all members",
+  became_new_group_owner: "became the new group owner",
+  changed_group_name_to: "changed group name to",
+  published_new_announcement: "published new group notification",
+  joined_group: "joined the group",
+  group_member: "Group member",
+  left_group: "left the group",
+  was: "was",
+  kicked_out_of_group: "kicked out of the group",
+  became_admin: "became admin",
+  admin_privileges_revoked: "admin privileges revoked",
+  was_muted: "was muted",
+  was_unmuted: "was unmuted",
+  group_tip_message: "Group tip message",
+  // TUIChat
+  download_failed: "Download failed",
+  create_group: "Create Group",
+  unread: "Unread",
+  all_read: "All Read",
+  read: "Read",
+  you: "You",
+  recalled_a_message: "recalled a message",
+  reedit: "Re-edit",
+  origin_message_has_been_recalled: "Original message has been recalled",
+  forward: "Forward",
+  copy: "Copy",
+  recall: "Recall",
+  quote: "Quote",
+  delete: "Delete",
+  max_count_exceed: "Max Count Exceed",
+  read_receipt_detail: "Read Receipt Detail",
+  read_count: "Read Count",
+  unread_count: "Unread Count",
+  loading: "Loading",
+  no_read_members: "No Read Members",
+  no_more: "No More",
+  no_unread_members: "No Unread Members",
+  yesterday: "Yesterday"
+};
+export {
+  MessageList as default
+};

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

@@ -0,0 +1,85 @@
+declare const resources: {
+    'en-US': {
+        administrator: string;
+        enabled_mute_all_members: string;
+        disabled_mute_all_members: string;
+        became_new_group_owner: string;
+        changed_group_name_to: string;
+        published_new_announcement: string;
+        joined_group: string;
+        group_member: string;
+        left_group: string;
+        was: string;
+        kicked_out_of_group: string;
+        became_admin: string;
+        admin_privileges_revoked: string;
+        was_muted: string;
+        was_unmuted: string;
+        group_tip_message: string;
+        download_failed: string;
+        create_group: string;
+        unread: string;
+        all_read: string;
+        read: string;
+        you: string;
+        recalled_a_message: string;
+        reedit: string;
+        origin_message_has_been_recalled: string;
+        forward: string;
+        copy: string;
+        recall: string;
+        quote: string;
+        delete: string;
+        max_count_exceed: string;
+        read_receipt_detail: string;
+        read_count: string;
+        unread_count: string;
+        loading: string;
+        no_read_members: string;
+        no_more: string;
+        no_unread_members: string;
+        yesterday: string;
+    };
+    'zh-CN': {
+        administrator: string;
+        enabled_mute_all_members: string;
+        disabled_mute_all_members: string;
+        became_new_group_owner: string;
+        changed_group_name_to: string;
+        published_new_announcement: string;
+        joined_group: string;
+        group_member: string;
+        left_group: string;
+        was: string;
+        kicked_out_of_group: string;
+        became_admin: string;
+        admin_privileges_revoked: string;
+        was_muted: string;
+        was_unmuted: string;
+        group_tip_message: string;
+        download_failed: string;
+        create_group: string;
+        unread: string;
+        all_read: string;
+        read: string;
+        you: string;
+        recalled_a_message: string;
+        reedit: string;
+        origin_message_has_been_recalled: string;
+        forward: string;
+        copy: string;
+        recall: string;
+        quote: string;
+        delete: string;
+        max_count_exceed: string;
+        read_receipt_detail: string;
+        read_count: string;
+        unread_count: string;
+        loading: string;
+        no_read_members: string;
+        no_more: string;
+        no_unread_members: string;
+        yesterday: string;
+    };
+};
+export { resources };

package/dist/components/MessageList/i18n/index.js

@@ -0,0 +1,9 @@
+import MessageList from "./en-US.js";
+import MessageList$1 from "./zh-CN.js";
+const resources = {
+  "en-US": MessageList,
+  "zh-CN": MessageList$1
+};
+export {
+  resources
+};

package/dist/components/MessageList/i18n/zh-CN.d.ts

@@ -0,0 +1,42 @@
+declare const MessageList: {
+    administrator: string;
+    enabled_mute_all_members: string;
+    disabled_mute_all_members: string;
+    became_new_group_owner: string;
+    changed_group_name_to: string;
+    published_new_announcement: string;
+    joined_group: string;
+    group_member: string;
+    left_group: string;
+    was: string;
+    kicked_out_of_group: string;
+    became_admin: string;
+    admin_privileges_revoked: string;
+    was_muted: string;
+    was_unmuted: string;
+    group_tip_message: string;
+    download_failed: string;
+    create_group: string;
+    unread: string;
+    all_read: string;
+    read: string;
+    you: string;
+    recalled_a_message: string;
+    reedit: string;
+    origin_message_has_been_recalled: string;
+    forward: string;
+    copy: string;
+    recall: string;
+    quote: string;
+    delete: string;
+    max_count_exceed: string;
+    read_receipt_detail: string;
+    read_count: string;
+    unread_count: string;
+    loading: string;
+    no_read_members: string;
+    no_more: string;
+    no_unread_members: string;
+    yesterday: string;
+};
+export default MessageList;

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

@@ -0,0 +1,46 @@
+const MessageList = {
+  // GroupTipMessage
+  administrator: "管理员",
+  enabled_mute_all_members: "开启全员禁言",
+  disabled_mute_all_members: "取消全员禁言",
+  became_new_group_owner: "成为新的群主",
+  changed_group_name_to: "修改群名为",
+  published_new_announcement: "发布新公告",
+  joined_group: "加入群组",
+  group_member: "群成员",
+  left_group: "退出群组",
+  was: "被",
+  kicked_out_of_group: "踢出群组",
+  became_admin: "成为管理员",
+  admin_privileges_revoked: "被撤销管理员",
+  was_muted: "被禁言",
+  was_unmuted: "被取消禁言",
+  group_tip_message: "群提示消息",
+  // TUIChat
+  download_failed: "下载失败",
+  create_group: "创建群组",
+  unread: "未读",
+  all_read: "全部已读",
+  read: "已读",
+  you: "你",
+  recalled_a_message: "撤回了一条消息",
+  reedit: "重新编辑",
+  origin_message_has_been_recalled: "原消息已被撤回",
+  forward: "转发",
+  copy: "复制",
+  recall: "撤回",
+  quote: "引用",
+  delete: "删除",
+  max_count_exceed: "超过最大数量限制",
+  read_receipt_detail: "已读详情",
+  read_count: "已读人数",
+  unread_count: "未读人数",
+  loading: "加载中",
+  no_read_members: "暂无已读成员",
+  no_more: "已加载全部",
+  no_unread_members: "暂无未读成员",
+  yesterday: "昨天"
+};
+export {
+  MessageList as default
+};

package/dist/components/MessageList/index.js

@@ -1,8 +1,12 @@
-import { _ } from "../../Message.vue_vue_type_script_setup_true_lang-BV0PxtjX.js";
+import { Message } from "./Message/index.js";
 import { default as default2 } from "./Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js";
 import { default as default3 } from "./MessageList.js";
+import { addI18n } from "../../i18n/index.js";
+import { resources } from "./i18n/index.js";
+addI18n("en-US", { translation: { MessageList: resources["en-US"] } });
+addI18n("zh-CN", { translation: { MessageList: resources["zh-CN"] } });
 export {
-  _ as Message,
+  Message,
   default2 as MessageActionDropdown,
   default3 as MessageList
 };

package/dist/components/MicButton/index.js

@@ -1,4 +1,58 @@
-import { i } from "../../index-NFANFVi5.js";
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, normalizeClass, unref, createVNode, createBlock, createCommentVNode } from "vue";
+import { IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState } from "../../states/DeviceState.js";
+import AudioIcon from "./AudioIcon.js";
+import { DeviceStatus, DeviceError } from "../../types/device.js";
+import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "mic-button-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      audioVolume,
+      hasPublishAudioPermission,
+      microphoneStatus,
+      microphoneLastError,
+      muteLocalAudio,
+      openLocalMicrophone,
+      unmuteLocalAudio
+    } = useDeviceState();
+    const isMuted = computed(() => {
+      return microphoneStatus.value !== DeviceStatus.On;
+    });
+    async function handleClick() {
+      if (!hasPublishAudioPermission.value) {
+        return;
+      }
+      if (microphoneStatus.value === DeviceStatus.On) {
+        await muteLocalAudio();
+      } else {
+        await openLocalMicrophone();
+        await unmuteLocalAudio();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["mic-button", { "disabled": !unref(hasPublishAudioPermission) }]),
+          onClick: handleClick
+        }, [
+          createVNode(AudioIcon, {
+            "audio-volume": unref(audioVolume),
+            "is-muted": isMuted.value,
+            "is-disabled": !unref(hasPublishAudioPermission)
+          }, null, 8, ["audio-volume", "is-muted", "is-disabled"]),
+          unref(microphoneLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
+            key: 0,
+            class: "unsupport-icon",
+            size: "14"
+          })) : createCommentVNode("", true)
+        ], 2)
+      ]);
+    };
+  }
+});
+const MicButtonComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-672ec588"]]);
 export {
-  i as MicButton
+  MicButtonComponent as MicButton
 };