yx-web-sdk 0.0.24 → 0.0.26

package/dist/{index.vue_vue_type_style_index_0_lang-BbUB5thF.mjs → index.vue_vue_type_style_index_0_lang-D8SCARR2.mjs}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, h, watch, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
 import { List, Typography } from "ant-design-vue";
-import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-DMbIuIqy.mjs";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-BpYIybBN.mjs";
 import { a as useServerStore, u as useChannelStore } from "./index.vue_vue_type_style_index_0_lang-Bb0HV9Zp.mjs";
 import "./index-L_drmZir.mjs";
 import { useLocalStorage } from "@vueuse/core";
-import { L as LoadingOutlined } from "./index.vue_vue_type_style_index_0_lang-DqdPSiTV.mjs";
+import { L as LoadingOutlined } from "./index.vue_vue_type_style_index_0_lang-DectxdQg.mjs";
 const _hoisted_1 = { class: "yx-chat-page-container" };
 const _hoisted_2 = { class: "header-wrap" };
 const _hoisted_3 = { class: "left" };

package/dist/{index.vue_vue_type_style_index_0_lang-DqdPSiTV.mjs → index.vue_vue_type_style_index_0_lang-DectxdQg.mjs}

@@ -366,13 +366,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attachImageSize = computed(
       () => {
         var _a;
-        return getImageMsgDisplaySize((_a = props.msg) == null ? void 0 : _a.attach, { imgMsgSideMax: 250 - 12 * 2, imgMsgSideMin: 80 - 12 * 2 });
+        return getImageMsgDisplaySize((_a = props.msg) == null ? void 0 : _a.attach, { imgMsgSideMax: 250 - 16 * 2, imgMsgSideMin: 80 - 16 * 2 });
       }
     );
     const quoteImageMsgSize = computed(
       () => {
         var _a, _b;
-        return getImageMsgDisplaySize((_b = (_a = msgExt.value) == null ? void 0 : _a.quoteMsg) == null ? void 0 : _b.attach, { imgMsgSideMax: 250 - 12 * 2, imgMsgSideMin: 80 - 12 * 2 });
+        return getImageMsgDisplaySize((_b = (_a = msgExt.value) == null ? void 0 : _a.quoteMsg) == null ? void 0 : _b.attach, { imgMsgSideMax: 250 - 16 * 2, imgMsgSideMin: 80 - 16 * 2 });
       }
     );
     const resendHandler = () => {
@@ -400,9 +400,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               avatar: myAvatar.value,
               nick: __props.msg.fromNick,
               accid: __props.msg.fromAccount,
-              width: 32,
+              width: 36,
               border: 0,
-              style: { "min-width": "32px" }
+              style: { "min-width": "36px" }
             }, null, 8, ["avatar", "nick", "accid"])
           ]),
           createElementVNode("div", _hoisted_4, [

package/dist/server-channel-sidebar/index.js

@@ -1,4 +1,4 @@
-import { S as ServerChannelSidebar } from "../index-Cemc8VjO.mjs";
+import { S as ServerChannelSidebar } from "../index-BvfJ77uD.mjs";
 export {
   ServerChannelSidebar,
   ServerChannelSidebar as default

package/dist/style.css

@@ -97,9 +97,12 @@
 .yx-chatCardWrapper.reverse .attach-box {
   margin-left: auto;
 }
+.yx-chatCardWrapper .chatCardMainContent {
+  line-height: 22px;
+}
 .yx-chatCardWrapper .chatCardMainContent.attach-box {
   margin-top: 12px;
-  padding: 12px;
+  padding: 10px 16px;
   border-radius: 8px;
   background-color: var(--theme-home-tab-bg-color, #f2f2f2);
   width: -moz-fit-content;
@@ -155,7 +158,7 @@
 }
 .yx-chatCardWrapper .textMsg {
   font-size: 16px;
-  padding: 12px 16px;
+  padding: 10px 16px;
   color: var(--theme-text, #252b3a);
   word-break: break-all;
   white-space: pre-wrap;
@@ -171,7 +174,7 @@
 .yx-chatCardWrapper .chatCardQuoteMsg {
   margin-top: 12px;
   font-size: 16px;
-  padding: 12px 16px;
+  padding: 10px 16px;
   background-color: var(--theme-home-tab-bg-color, #f2f2f2);
   border-radius: 8px;
 }
@@ -213,7 +216,7 @@
   background-color: #23252c;
   display: flex;
   align-items: center;
-  padding: 12px 16px;
+  padding: 10px 16px;
   border-radius: 8px;
 }
 .yx-chatCardWrapper .fileMsg .fileMsgContent {
@@ -393,6 +396,7 @@
 }
 .yx-chatroomWrapper .chatroomInputQuoteWrapper {
   font-size: 16px;
+  line-height: 22px;
   color: var(--theme-text-secondary, #9c9db4);
   display: flex;
   flex-direction: column;
@@ -777,18 +781,18 @@
   margin-bottom: 6px;
   border-radius: 8px;
   background-color: #282a2f;
-}.sidebar-container[data-v-f63a486d] {
+}.sidebar-container[data-v-04cfb3a7] {
   display: flex;
   height: 100%;
   position: relative;
 }
-.sidebar-container.is-switching .server-item[data-v-f63a486d],
-.sidebar-container.is-switching .channel-item[data-v-f63a486d] {
+.sidebar-container.is-switching .server-item[data-v-04cfb3a7],
+.sidebar-container.is-switching .channel-item[data-v-04cfb3a7] {
   cursor: not-allowed;
   opacity: 0.6;
   pointer-events: none;
 }
-.user-panel-float[data-v-f63a486d] {
+.user-panel-float[data-v-04cfb3a7] {
   position: absolute;
   bottom: 12px;
   left: 12px;
@@ -802,11 +806,11 @@
   border-radius: 8px;
   box-shadow: 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431);
 }
-.user-panel-float .user-avatar[data-v-f63a486d] {
+.user-panel-float .user-avatar[data-v-04cfb3a7] {
   position: relative;
   flex-shrink: 0;
 }
-.user-panel-float .user-avatar .online-indicator[data-v-f63a486d] {
+.user-panel-float .user-avatar .online-indicator[data-v-04cfb3a7] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -816,12 +820,12 @@
   border: 3px solid #1a1b1e;
   border-radius: 50%;
 }
-.user-panel-float .user-info[data-v-f63a486d] {
+.user-panel-float .user-info[data-v-04cfb3a7] {
   flex: 1;
   overflow: hidden;
   min-width: 0;
 }
-.user-panel-float .user-info .user-name[data-v-f63a486d] {
+.user-panel-float .user-info .user-name[data-v-04cfb3a7] {
   font-size: 14px;
   font-weight: 600;
   color: var(--theme-text);
@@ -829,25 +833,25 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.user-panel-float .user-info .user-status[data-v-f63a486d] {
+.user-panel-float .user-info .user-status[data-v-04cfb3a7] {
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   color: var(--theme-success-text);
 }
-.user-panel-float .user-info .user-status .status-dot[data-v-f63a486d] {
+.user-panel-float .user-info .user-status .status-dot[data-v-04cfb3a7] {
   width: 8px;
   height: 8px;
   background-color: var(--theme-success-text);
   border-radius: 50%;
 }
-.user-panel-float .user-actions[data-v-f63a486d] {
+.user-panel-float .user-actions[data-v-04cfb3a7] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.user-panel-float .user-actions .action-btn[data-v-f63a486d] {
+.user-panel-float .user-actions .action-btn[data-v-04cfb3a7] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -860,14 +864,14 @@
   font-size: 16px;
   outline: none;
 }
-.user-panel-float .user-actions .action-btn[data-v-f63a486d]:hover {
+.user-panel-float .user-actions .action-btn[data-v-04cfb3a7]:hover {
   background-color: var(--theme-icon-hover);
   color: var(--theme-text);
 }
-.user-panel-float .user-actions .action-btn[data-v-f63a486d]:focus {
+.user-panel-float .user-actions .action-btn[data-v-04cfb3a7]:focus {
   outline: none;
 }
-.server-sidebar[data-v-f63a486d] {
+.server-sidebar[data-v-04cfb3a7] {
   display: flex;
   flex-direction: column;
   width: 76px;
@@ -875,23 +879,23 @@
   padding: 0 0 16px;
   padding-bottom: 73px;
 }
-.server-sidebar .server-list[data-v-f63a486d] {
+.server-sidebar .server-list[data-v-04cfb3a7] {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
   border-right: 1px solid var(--theme-line);
   padding-top: 16px;
 }
-.server-sidebar .server-list[data-v-f63a486d]::-webkit-scrollbar {
+.server-sidebar .server-list[data-v-04cfb3a7]::-webkit-scrollbar {
   width: 0;
 }
-.server-sidebar .logo-wrap[data-v-f63a486d] {
+.server-sidebar .logo-wrap[data-v-04cfb3a7] {
   margin: 0 16px;
   border-bottom: 1px solid var(--theme-line-split);
   padding-bottom: 11px;
   margin-bottom: 4px;
 }
-.server-sidebar .logo-wrap .logo[data-v-f63a486d] {
+.server-sidebar .logo-wrap .logo[data-v-04cfb3a7] {
   width: 40px;
   height: 40px;
   border-radius: 8px;
@@ -902,7 +906,7 @@
   overflow: hidden;
   transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
 }
-.server-sidebar .server-item[data-v-f63a486d] {
+.server-sidebar .server-item[data-v-04cfb3a7] {
   position: relative;
   display: flex;
   align-items: center;
@@ -910,7 +914,7 @@
   padding: 8px 18px;
   cursor: pointer;
 }
-.server-sidebar .server-item .server-icon[data-v-f63a486d] {
+.server-sidebar .server-item .server-icon[data-v-04cfb3a7] {
   min-width: 40px;
   min-height: 40px;
   width: 40px;
@@ -923,7 +927,7 @@
   overflow: hidden;
   transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
 }
-.server-sidebar .server-item .server-icon img[data-v-f63a486d] {
+.server-sidebar .server-item .server-icon img[data-v-04cfb3a7] {
   width: 40px;
   height: 40px;
   min-width: 40px;
@@ -931,19 +935,19 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
-.server-sidebar .server-item .server-icon .server-initial[data-v-f63a486d] {
+.server-sidebar .server-item .server-icon .server-initial[data-v-04cfb3a7] {
   font-size: 18px;
   font-weight: 500;
   color: var(--theme-text);
 }
-.server-sidebar .server-item:hover .server-icon[data-v-f63a486d], .server-sidebar .server-item.active .server-icon[data-v-f63a486d] {
+.server-sidebar .server-item:hover .server-icon[data-v-04cfb3a7], .server-sidebar .server-item.active .server-icon[data-v-04cfb3a7] {
   border: 1px solid var(--theme-default-bg);
   box-shadow: var(--theme-shadow-2, 0px 1px 3px 0px rgba(29, 31, 58, 0.0588235294), 0px 2px 6px 0px rgba(29, 31, 58, 0.0588235294), 0px 4px 12px 0px rgba(29, 31, 58, 0.0588235294), 0px 8px 24px 0px rgba(29, 31, 58, 0.0588235294));
 }
-.server-sidebar .server-item:hover .server-icon .server-initial[data-v-f63a486d], .server-sidebar .server-item.active .server-icon .server-initial[data-v-f63a486d] {
+.server-sidebar .server-item:hover .server-icon .server-initial[data-v-04cfb3a7], .server-sidebar .server-item.active .server-icon .server-initial[data-v-04cfb3a7] {
   color: var(--theme-light-text);
 }
-.server-sidebar .server-item[data-v-f63a486d]::before {
+.server-sidebar .server-item[data-v-04cfb3a7]::before {
   content: "";
   position: absolute;
   top: 50%;
@@ -956,20 +960,20 @@
   border-bottom-right-radius: 8px;
   transition: height 0.15s ease-out;
 }
-.server-sidebar .server-item.active[data-v-f63a486d]::before {
+.server-sidebar .server-item.active[data-v-04cfb3a7]::before {
   height: 40px;
 }
-.server-sidebar .server-item .unread-badge[data-v-f63a486d] {
+.server-sidebar .server-item .unread-badge[data-v-04cfb3a7] {
   position: absolute;
   bottom: -4px;
   right: 4px;
 }
-.server-sidebar .server-item.add-server[data-v-f63a486d] {
+.server-sidebar .server-item.add-server[data-v-04cfb3a7] {
   margin-top: 8px;
   padding-top: 8px;
   border-top: 2px solid var(--theme-global-bg);
 }
-.server-sidebar .server-item.add-server .add-server-btn[data-v-f63a486d] {
+.server-sidebar .server-item.add-server .add-server-btn[data-v-04cfb3a7] {
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -982,12 +986,12 @@
   color: var(--theme-success-text);
   font-size: 20px;
 }
-.server-sidebar .server-item.add-server .add-server-btn[data-v-f63a486d]:hover {
+.server-sidebar .server-item.add-server .add-server-btn[data-v-04cfb3a7]:hover {
   border-radius: 16px;
   background-color: var(--theme-success-text);
   color: var(--theme-text);
 }
-.channel-sidebar[data-v-f63a486d] {
+.channel-sidebar[data-v-04cfb3a7] {
   display: flex;
   flex-direction: column;
   width: 294px;
@@ -999,7 +1003,7 @@
   padding-bottom: 73px;
   position: relative;
 }
-.channel-sidebar .resize-handle[data-v-f63a486d] {
+.channel-sidebar .resize-handle[data-v-04cfb3a7] {
   position: absolute;
   top: 0;
   right: -3px;
@@ -1009,17 +1013,17 @@
   z-index: 20;
   transition: background-color 0.15s ease;
 }
-.channel-sidebar .resize-handle[data-v-f63a486d]:hover, .channel-sidebar .resize-handle[data-v-f63a486d]:active {
+.channel-sidebar .resize-handle[data-v-04cfb3a7]:hover, .channel-sidebar .resize-handle[data-v-04cfb3a7]:active {
   background-color: var(--theme-form-control-line-active);
 }
-.channel-sidebar .server-header[data-v-f63a486d] {
+.channel-sidebar .server-header[data-v-04cfb3a7] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 22px 20px;
   border-bottom: 1px solid var(--theme-line);
 }
-.channel-sidebar .server-header .server-name[data-v-f63a486d] {
+.channel-sidebar .server-header .server-name[data-v-04cfb3a7] {
   font-size: 15px;
   font-weight: 600;
   color: var(--theme-stress-text);
@@ -1027,26 +1031,26 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.channel-sidebar .server-header .server-setting[data-v-f63a486d] {
+.channel-sidebar .server-header .server-setting[data-v-04cfb3a7] {
   color: #b9bbbe;
   cursor: pointer;
   font-size: 16px;
 }
-.channel-sidebar .server-header .server-setting[data-v-f63a486d]:hover {
+.channel-sidebar .server-header .server-setting[data-v-04cfb3a7]:hover {
   color: #dcddde;
 }
-.channel-sidebar .channel-list[data-v-f63a486d] {
+.channel-sidebar .channel-list[data-v-04cfb3a7] {
   flex: 1;
   overflow-y: auto;
 }
-.channel-sidebar .channel-list[data-v-f63a486d]::-webkit-scrollbar {
+.channel-sidebar .channel-list[data-v-04cfb3a7]::-webkit-scrollbar {
   width: 4px;
 }
-.channel-sidebar .channel-list[data-v-f63a486d]::-webkit-scrollbar-thumb {
+.channel-sidebar .channel-list[data-v-04cfb3a7]::-webkit-scrollbar-thumb {
   background-color: var(--theme-line);
   border-radius: 2px;
 }
-.channel-sidebar .channel-item[data-v-f63a486d] {
+.channel-sidebar .channel-item[data-v-04cfb3a7] {
   display: flex;
   align-items: center;
   padding: 0 20px;
@@ -1056,39 +1060,39 @@
   cursor: pointer;
   color: var(--theme-icon-fill-weak);
 }
-.channel-sidebar .channel-item[data-v-f63a486d]:not(:last-child) {
+.channel-sidebar .channel-item[data-v-04cfb3a7]:not(:last-child) {
   margin-bottom: 2px;
 }
-.channel-sidebar .channel-item[data-v-f63a486d]:hover {
+.channel-sidebar .channel-item[data-v-04cfb3a7]:hover {
   background-color: var(--theme-select-bg);
   color: var(--theme-text);
 }
-.channel-sidebar .channel-item:hover .channel-setting[data-v-f63a486d] {
+.channel-sidebar .channel-item:hover .channel-setting[data-v-04cfb3a7] {
   opacity: 1;
 }
-.channel-sidebar .channel-item.active[data-v-f63a486d] {
+.channel-sidebar .channel-item.active[data-v-04cfb3a7] {
   background-color: var(--theme-select-bg);
   color: var(--theme-text);
   font-weight: 500;
   font-size: 16px;
 }
-.channel-sidebar .channel-item .channel-icon[data-v-f63a486d] {
+.channel-sidebar .channel-item .channel-icon[data-v-04cfb3a7] {
   margin-right: 6px;
   font-size: 20px;
   font-weight: 400;
   color: #8e9297;
 }
-.channel-sidebar .channel-item .channel-name[data-v-f63a486d] {
+.channel-sidebar .channel-item .channel-name[data-v-04cfb3a7] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
 }
-.channel-sidebar .channel-item .channel-unread[data-v-f63a486d] {
+.channel-sidebar .channel-item .channel-unread[data-v-04cfb3a7] {
   margin-left: 4px;
 }
-.channel-sidebar .channel-item .channel-setting[data-v-f63a486d] {
+.channel-sidebar .channel-item .channel-setting[data-v-04cfb3a7] {
   opacity: 0;
   margin-left: 8px;
   font-size: 14px;
@@ -1097,10 +1101,10 @@
   transition: opacity 0.15s ease, color 0.15s ease;
   flex-shrink: 0;
 }
-.channel-sidebar .channel-item .channel-setting[data-v-f63a486d]:hover {
+.channel-sidebar .channel-item .channel-setting[data-v-04cfb3a7]:hover {
   color: var(--theme-text);
 }
-.channel-sidebar .add-channel-item[data-v-f63a486d] {
+.channel-sidebar .add-channel-item[data-v-04cfb3a7] {
   display: flex;
   align-items: center;
   padding: 12px 22px;
@@ -1109,7 +1113,7 @@
   margin-top: 4px;
   color: var(--theme-link);
 }
-.channel-sidebar .add-channel-item .channel-icon[data-v-f63a486d] {
+.channel-sidebar .add-channel-item .channel-icon[data-v-04cfb3a7] {
   margin-right: 6px;
   font-size: 16px;
   color: var(--theme-link);
@@ -1118,64 +1122,64 @@
   align-items: center;
   justify-content: center;
 }
-.channel-sidebar .add-channel-item .channel-name[data-v-f63a486d] {
+.channel-sidebar .add-channel-item .channel-name[data-v-04cfb3a7] {
   font-size: 14px;
 }
-[data-v-f63a486d] .ant-modal .ant-modal-content {
+[data-v-04cfb3a7] .ant-modal .ant-modal-content {
   background-color: var(--theme-global-bg);
   border-radius: 8px;
 }
-[data-v-f63a486d] .ant-modal .ant-modal-header {
+[data-v-04cfb3a7] .ant-modal .ant-modal-header {
   background-color: var(--theme-global-bg);
   border-bottom: none;
 }
-[data-v-f63a486d] .ant-modal .ant-modal-title {
+[data-v-04cfb3a7] .ant-modal .ant-modal-title {
   color: var(--theme-text);
 }
-[data-v-f63a486d] .ant-modal .ant-modal-close-x {
+[data-v-04cfb3a7] .ant-modal .ant-modal-close-x {
   color: #b9bbbe;
 }
-[data-v-f63a486d] .ant-modal .ant-form-item-label > label {
+[data-v-04cfb3a7] .ant-modal .ant-form-item-label > label {
   color: #b9bbbe;
 }
-[data-v-f63a486d] .ant-modal .ant-input {
+[data-v-04cfb3a7] .ant-modal .ant-input {
   background-color: var(--theme-line);
   border-color: #040405;
   color: #dcddde;
 }
-[data-v-f63a486d] .ant-modal .ant-input::-moz-placeholder {
+[data-v-04cfb3a7] .ant-modal .ant-input::-moz-placeholder {
   color: #72767d;
 }
-[data-v-f63a486d] .ant-modal .ant-input:-ms-input-placeholder {
+[data-v-04cfb3a7] .ant-modal .ant-input:-ms-input-placeholder {
   color: #72767d;
 }
-[data-v-f63a486d] .ant-modal .ant-input::placeholder {
+[data-v-04cfb3a7] .ant-modal .ant-input::placeholder {
   color: #72767d;
 }
-[data-v-f63a486d] .ant-modal .ant-input:hover,[data-v-f63a486d] .ant-modal .ant-input:focus {
+[data-v-04cfb3a7] .ant-modal .ant-input:hover,[data-v-04cfb3a7] .ant-modal .ant-input:focus {
   border-color: #5865f2;
 }
-[data-v-f63a486d] .ant-modal .ant-tabs-tab {
+[data-v-04cfb3a7] .ant-modal .ant-tabs-tab {
   color: #b9bbbe;
 }
-[data-v-f63a486d] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+[data-v-04cfb3a7] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
   color: var(--theme-text);
 }
-[data-v-f63a486d] .ant-modal .ant-tabs-ink-bar {
+[data-v-04cfb3a7] .ant-modal .ant-tabs-ink-bar {
   background-color: #5865f2;
 }
-.footer-container[data-v-f63a486d] {
+.footer-container[data-v-04cfb3a7] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
 }
-.invite-btn[data-v-f63a486d] {
+.invite-btn[data-v-04cfb3a7] {
   cursor: pointer;
   color: var(--theme-icon-fill-weak);
   transition: color 0.15s ease;
 }
-.invite-btn[data-v-f63a486d]:hover {
+.invite-btn[data-v-04cfb3a7]:hover {
   color: var(--theme-text);
 }.channel-modal .ant-modal-header {
   background-color: var(--theme-table-header-bg);
@@ -1452,41 +1456,41 @@ body.resizing * {
   justify-content: center;
   align-items: center;
   padding: 12px 0;
-}.qchat-container[data-v-b498b67b] {
+}.qchat-container[data-v-5f91c398] {
   display: flex;
   height: 100%;
   width: 100%;
   color: var(--theme-text);
   font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
-.loading-wrap[data-v-b498b67b],
-.error-wrap[data-v-b498b67b],
-.init-wrap[data-v-b498b67b] {
+.loading-wrap[data-v-5f91c398],
+.error-wrap[data-v-5f91c398],
+.init-wrap[data-v-5f91c398] {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
 }
-.loading-wrap[data-v-b498b67b] .ant-spin-text,
-.error-wrap[data-v-b498b67b] .ant-spin-text,
-.init-wrap[data-v-b498b67b] .ant-spin-text {
+.loading-wrap[data-v-5f91c398] .ant-spin-text,
+.error-wrap[data-v-5f91c398] .ant-spin-text,
+.init-wrap[data-v-5f91c398] .ant-spin-text {
   color: #dcddde;
 }
-.loading-wrap[data-v-b498b67b] .ant-result-title,
-.loading-wrap[data-v-b498b67b] .ant-result-subtitle,
-.error-wrap[data-v-b498b67b] .ant-result-title,
-.error-wrap[data-v-b498b67b] .ant-result-subtitle,
-.init-wrap[data-v-b498b67b] .ant-result-title,
-.init-wrap[data-v-b498b67b] .ant-result-subtitle {
+.loading-wrap[data-v-5f91c398] .ant-result-title,
+.loading-wrap[data-v-5f91c398] .ant-result-subtitle,
+.error-wrap[data-v-5f91c398] .ant-result-title,
+.error-wrap[data-v-5f91c398] .ant-result-subtitle,
+.init-wrap[data-v-5f91c398] .ant-result-title,
+.init-wrap[data-v-5f91c398] .ant-result-subtitle {
   color: #dcddde;
 }
-.loading-wrap[data-v-b498b67b] .ant-empty-description,
-.error-wrap[data-v-b498b67b] .ant-empty-description,
-.init-wrap[data-v-b498b67b] .ant-empty-description {
+.loading-wrap[data-v-5f91c398] .ant-empty-description,
+.error-wrap[data-v-5f91c398] .ant-empty-description,
+.init-wrap[data-v-5f91c398] .ant-empty-description {
   color: #72767d;
 }
-.chat-main[data-v-b498b67b] {
+.chat-main[data-v-5f91c398] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -1494,12 +1498,12 @@ body.resizing * {
   overflow: hidden;
   min-width: 300px;
 }
-.chat-main .no-channel[data-v-b498b67b] {
+.chat-main .no-channel[data-v-5f91c398] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
-.chat-main .no-channel[data-v-b498b67b] .ant-empty-description {
+.chat-main .no-channel[data-v-5f91c398] .ant-empty-description {
   color: #72767d;
 }

package/dist/yx-web-sdk.es.js

@@ -39054,13 +39054,13 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const attachImageSize = computed(
       () => {
         var _a;
-        return getImageMsgDisplaySize((_a = props.msg) == null ? void 0 : _a.attach, { imgMsgSideMax: 250 - 12 * 2, imgMsgSideMin: 80 - 12 * 2 });
+        return getImageMsgDisplaySize((_a = props.msg) == null ? void 0 : _a.attach, { imgMsgSideMax: 250 - 16 * 2, imgMsgSideMin: 80 - 16 * 2 });
       }
     );
     const quoteImageMsgSize = computed(
       () => {
         var _a, _b;
-        return getImageMsgDisplaySize((_b = (_a = msgExt.value) == null ? void 0 : _a.quoteMsg) == null ? void 0 : _b.attach, { imgMsgSideMax: 250 - 12 * 2, imgMsgSideMin: 80 - 12 * 2 });
+        return getImageMsgDisplaySize((_b = (_a = msgExt.value) == null ? void 0 : _a.quoteMsg) == null ? void 0 : _b.attach, { imgMsgSideMax: 250 - 16 * 2, imgMsgSideMin: 80 - 16 * 2 });
       }
     );
     const resendHandler = () => {
@@ -39088,9 +39088,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               avatar: myAvatar.value,
               nick: __props.msg.fromNick,
               accid: __props.msg.fromAccount,
-              width: 32,
+              width: 36,
               border: 0,
-              style: { "min-width": "32px" }
+              style: { "min-width": "36px" }
             }, null, 8, ["avatar", "nick", "accid"])
           ]),
           createElementVNode("div", _hoisted_4$7, [
@@ -40280,6 +40280,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     };
     const uploadImgHandler = async (file) => {
+      if (!file.type.startsWith("image/")) {
+        message.error("请上传图片");
+        return false;
+      }
       if (!isLt(file.size, MAX_IMG_SIZE)) {
         message.error(`图片大小最大支持${MAX_IMG_SIZE}MB`);
         return false;
@@ -41708,7 +41712,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f63a486d"]]);
+const ServerChannelSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-04cfb3a7"]]);
 const _hoisted_1$1 = { class: "members-header" };
 const _hoisted_2$1 = {
   key: 0,
@@ -41999,6 +42003,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         emit("message", msg);
       });
+      qchat.on("messageUpdate", (msg) => {
+        var _a, _b;
+        if (msg.channelId === ((_a = currentChannel.value) == null ? void 0 : _a.channelId) && ((_b = msg.updateContent) == null ? void 0 : _b.status) === 1) {
+          channelStore.updateCurChannelMsgs(msg);
+        }
+      });
       qchat.on("unreadInfo", (info) => {
         console.log("[QChat] 未读信息更新:", info);
         channelStore.setUnReadNum(info);
@@ -42218,7 +42228,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const IndexEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b498b67b"]]);
+const IndexEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f91c398"]]);
 const componentList = [
   "chat-card",
   "chat-content",