@robot-admin/naive-ui-components 0.12.1 → 0.13.0

package/dist/C_Chat.css

@@ -1,54 +1,54 @@
-/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+/* unplugin-vue-components disabled */.c-icon[data-v-711aedcd] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   user-select: none;
   transition: all 0.2s ease-in-out;
 }
-.c-icon--clickable[data-v-d0d8dba0] {
+.c-icon--clickable[data-v-711aedcd] {
   cursor: pointer;
 }
-.c-icon--clickable[data-v-d0d8dba0]:hover {
+.c-icon--clickable[data-v-711aedcd]:hover {
   opacity: 0.8;
   transform: scale(1.05);
 }
-.c-icon--clickable[data-v-d0d8dba0]:active {
+.c-icon--clickable[data-v-711aedcd]:active {
   transform: scale(0.95);
 }
-.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+.c-icon--clickable[data-v-711aedcd]:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: 4px;
 }
-.c-icon--loading[data-v-d0d8dba0] {
+.c-icon--loading[data-v-711aedcd] {
   opacity: 0.6;
   cursor: wait;
 }
-.c-icon--error[data-v-d0d8dba0] {
+.c-icon--error[data-v-711aedcd] {
   opacity: 0.5;
 }
-.c-icon__loading[data-v-d0d8dba0] {
+.c-icon__loading[data-v-711aedcd] {
   position: relative;
 }
-.c-icon__spinner[data-v-d0d8dba0] {
+.c-icon__spinner[data-v-711aedcd] {
   width: 100%;
   height: 100%;
   border: 2px solid currentColor;
   border-radius: 50%;
   border-top-color: transparent;
-  animation: spin-d0d8dba0 1s linear infinite;
+  animation: spin-711aedcd 1s linear infinite;
 }
-.c-icon__error[data-v-d0d8dba0] {
+.c-icon__error[data-v-711aedcd] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.c-icon__rotatable[data-v-d0d8dba0] {
+.c-icon__rotatable[data-v-711aedcd] {
   transition: transform 0.3s ease-in-out;
 }
-.c-icon__flippable[data-v-d0d8dba0] {
+.c-icon__flippable[data-v-711aedcd] {
   transition: transform 0.3s ease-in-out;
 }
-@keyframes spin-d0d8dba0 {
+@keyframes spin-711aedcd {
 0% {
     transform: rotate(0deg);
 }
@@ -58,7 +58,7 @@
 }
 
 /* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */
-.c-chat[data-v-5b4bf8dc] {
+.c-chat[data-v-281bb0dd] {
   --chat-bg: var(--card-color);
   --chat-sidebar-bg: var(--body-color);
   --chat-sidebar-width: 280px;
@@ -96,7 +96,7 @@
 }
 
 /* ─── 联系人侧栏 ──────────────────────────────────────── */
-.c-chat__sidebar[data-v-5b4bf8dc] {
+.c-chat__sidebar[data-v-281bb0dd] {
   display: flex;
   flex-direction: column;
   width: var(--chat-sidebar-width);
@@ -105,7 +105,7 @@
   border-right: 1px solid var(--chat-border);
   box-shadow: 2px 0 8px var(--chat-shadow-light);
 }
-.c-chat__sidebar-header[data-v-5b4bf8dc] {
+.c-chat__sidebar-header[data-v-281bb0dd] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -115,22 +115,22 @@
   font-weight: 600;
   font-size: 15px;
 }
-.c-chat__search[data-v-5b4bf8dc] {
+.c-chat__search[data-v-281bb0dd] {
   padding: 8px 12px;
 }
-.c-chat__contact-list[data-v-5b4bf8dc] {
+.c-chat__contact-list[data-v-281bb0dd] {
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-.c-chat__contact-list[data-v-5b4bf8dc]::-webkit-scrollbar {
+.c-chat__contact-list[data-v-281bb0dd]::-webkit-scrollbar {
   width: 4px;
 }
-.c-chat__contact-list[data-v-5b4bf8dc]::-webkit-scrollbar-thumb {
+.c-chat__contact-list[data-v-281bb0dd]::-webkit-scrollbar-thumb {
   background: var(--chat-scrollbar-thumb);
   border-radius: 2px;
 }
-.c-chat__contact[data-v-5b4bf8dc] {
+.c-chat__contact[data-v-281bb0dd] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -138,24 +138,24 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-chat__contact[data-v-5b4bf8dc]:hover {
+.c-chat__contact[data-v-281bb0dd]:hover {
   background: color-mix(in srgb, var(--primary-color) 6%, transparent);
 }
-.c-chat__contact.is-active[data-v-5b4bf8dc] {
+.c-chat__contact.is-active[data-v-281bb0dd] {
   background: color-mix(in srgb, var(--primary-color) 12%, transparent);
 }
-.c-chat__contact-avatar[data-v-5b4bf8dc] {
+.c-chat__contact-avatar[data-v-281bb0dd] {
   position: relative;
   flex-shrink: 0;
 }
-.c-chat__avatar[data-v-5b4bf8dc] {
+.c-chat__avatar[data-v-281bb0dd] {
   width: var(--chat-avatar-size);
   height: var(--chat-avatar-size);
   border-radius: 50%;
   object-fit: cover;
   background: color-mix(in srgb, var(--border-color) 50%, transparent);
 }
-.c-chat__avatar-fallback[data-v-5b4bf8dc] {
+.c-chat__avatar-fallback[data-v-281bb0dd] {
   width: var(--chat-avatar-size);
   height: var(--chat-avatar-size);
   border-radius: 50%;
@@ -167,7 +167,7 @@
   font-weight: 600;
   color: var(--app-text-primary);
 }
-.c-chat__online-dot[data-v-5b4bf8dc] {
+.c-chat__online-dot[data-v-281bb0dd] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -177,24 +177,24 @@
   background: var(--chat-online-color);
   border: 2px solid var(--chat-sidebar-bg);
 }
-.c-chat__contact-info[data-v-5b4bf8dc] {
+.c-chat__contact-info[data-v-281bb0dd] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__contact-name[data-v-5b4bf8dc] {
+.c-chat__contact-name[data-v-281bb0dd] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 13px;
   font-weight: 500;
 }
-.c-chat__contact-time[data-v-5b4bf8dc] {
+.c-chat__contact-time[data-v-281bb0dd] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-left: 8px;
   flex-shrink: 0;
 }
-.c-chat__contact-last[data-v-5b4bf8dc] {
+.c-chat__contact-last[data-v-281bb0dd] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   white-space: nowrap;
@@ -202,7 +202,7 @@
   text-overflow: ellipsis;
   margin-top: 2px;
 }
-.c-chat__unread[data-v-5b4bf8dc] {
+.c-chat__unread[data-v-281bb0dd] {
   min-width: 18px;
   height: 18px;
   padding: 0 5px;
@@ -218,13 +218,13 @@
 }
 
 /* ─── 主聊天区域 ──────────────────────────────────────── */
-.c-chat__main[data-v-5b4bf8dc] {
+.c-chat__main[data-v-281bb0dd] {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__header[data-v-5b4bf8dc] {
+.c-chat__header[data-v-281bb0dd] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -236,14 +236,14 @@
   font-weight: 600;
   font-size: 15px;
 }
-.c-chat__header-status[data-v-5b4bf8dc] {
+.c-chat__header-status[data-v-281bb0dd] {
   font-size: 12px;
   font-weight: 400;
   color: var(--chat-text-secondary);
 }
 
 /* ─── 消息区域 ────────────────────────────────────────── */
-.c-chat__messages[data-v-5b4bf8dc] {
+.c-chat__messages[data-v-281bb0dd] {
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -253,18 +253,18 @@
   gap: 12px;
   background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));
 }
-.c-chat__messages[data-v-5b4bf8dc]::-webkit-scrollbar {
+.c-chat__messages[data-v-281bb0dd]::-webkit-scrollbar {
   width: 4px;
 }
-.c-chat__messages[data-v-5b4bf8dc]::-webkit-scrollbar-thumb {
+.c-chat__messages[data-v-281bb0dd]::-webkit-scrollbar-thumb {
   background: var(--chat-scrollbar-thumb);
   border-radius: 2px;
 }
-.c-chat__load-more[data-v-5b4bf8dc] {
+.c-chat__load-more[data-v-281bb0dd] {
   text-align: center;
   padding: 8px;
 }
-.c-chat__empty[data-v-5b4bf8dc] {
+.c-chat__empty[data-v-281bb0dd] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -274,129 +274,147 @@
 }
 
 /* ─── 消息气泡 ────────────────────────────────────────── */
-.c-chat__msg[data-v-5b4bf8dc] {
+.c-chat__msg[data-v-281bb0dd] {
   display: flex;
   gap: 8px;
   max-width: 75%;
 }
-.c-chat__msg.is-self[data-v-5b4bf8dc] {
+.c-chat__msg.is-self[data-v-281bb0dd] {
   margin-left: auto;
   flex-direction: row-reverse;
 }
-.c-chat__msg.is-system[data-v-5b4bf8dc] {
+.c-chat__msg.is-system[data-v-281bb0dd] {
   max-width: 100%;
   justify-content: center;
   align-self: center;
 }
-.c-chat__msg-avatar[data-v-5b4bf8dc] {
+.c-chat__msg-avatar[data-v-281bb0dd] {
   flex-shrink: 0;
   margin-top: 2px;
 }
-.c-chat__msg-body[data-v-5b4bf8dc] {
+.c-chat__msg-body[data-v-281bb0dd] {
   display: flex;
   flex-direction: column;
 }
-.c-chat__msg-username[data-v-5b4bf8dc] {
+.c-chat__msg-username[data-v-281bb0dd] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   margin-bottom: 2px;
 }
-.is-self .c-chat__msg-username[data-v-5b4bf8dc] {
+.is-self .c-chat__msg-username[data-v-281bb0dd] {
   text-align: right;
 }
-.c-chat__bubble[data-v-5b4bf8dc] {
+.c-chat__bubble[data-v-281bb0dd] {
   padding: 10px 14px;
   border-radius: 16px;
   line-height: 1.5;
   word-break: break-word;
   white-space: pre-wrap;
 }
-.is-other .c-chat__bubble[data-v-5b4bf8dc] {
+.is-other .c-chat__bubble[data-v-281bb0dd] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__bubble[data-v-5b4bf8dc] {
+.is-self .c-chat__bubble[data-v-281bb0dd] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.is-system .c-chat__bubble[data-v-5b4bf8dc] {
+.is-system .c-chat__bubble[data-v-281bb0dd] {
   background: var(--chat-bubble-system);
   color: var(--chat-text-secondary);
   font-size: 12px;
   padding: 4px 12px;
 }
-.c-chat__msg-image[data-v-5b4bf8dc] {
+.c-chat__msg-image-button[data-v-281bb0dd] {
+  display: inline-flex;
+  align-self: flex-start;
+  padding: 0;
+  border: 0;
+  background: none;
+  cursor: pointer;
+}
+.c-chat__msg-image[data-v-281bb0dd] {
   max-width: 240px;
   max-height: 180px;
   border-radius: 12px;
   cursor: pointer;
   object-fit: cover;
 }
-.is-self .c-chat__msg-image[data-v-5b4bf8dc] {
+.is-self .c-chat__msg-image[data-v-281bb0dd] {
   border-top-right-radius: 4px;
 }
-.is-other .c-chat__msg-image[data-v-5b4bf8dc] {
+.is-other .c-chat__msg-image[data-v-281bb0dd] {
   border-top-left-radius: 4px;
 }
-.c-chat__msg-file[data-v-5b4bf8dc] {
+.c-chat__msg-file[data-v-281bb0dd] {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 10px 14px;
   border-radius: 12px;
   cursor: pointer;
+  font: inherit;
+  text-align: left;
+  border: 0;
 }
-.is-other .c-chat__msg-file[data-v-5b4bf8dc] {
+.is-other .c-chat__msg-file[data-v-281bb0dd] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__msg-file[data-v-5b4bf8dc] {
+.is-self .c-chat__msg-file[data-v-281bb0dd] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.c-chat__file-info[data-v-5b4bf8dc] {
+.c-chat__file-info[data-v-281bb0dd] {
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__file-name[data-v-5b4bf8dc] {
+.c-chat__file-name[data-v-281bb0dd] {
   font-size: 13px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.c-chat__file-size[data-v-5b4bf8dc] {
+.c-chat__file-size[data-v-281bb0dd] {
   font-size: 11px;
   opacity: 0.6;
 }
-.c-chat__msg-time[data-v-5b4bf8dc] {
+.c-chat__msg-time[data-v-281bb0dd] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-top: 4px;
 }
-.is-self .c-chat__msg-time[data-v-5b4bf8dc] {
+.is-self .c-chat__msg-time[data-v-281bb0dd] {
   text-align: right;
 }
-.c-chat__msg-status[data-v-5b4bf8dc] {
+.c-chat__msg-status[data-v-281bb0dd] {
   font-size: 11px;
   margin-top: 2px;
   text-align: right;
 }
-.c-chat__msg-status.is-sending[data-v-5b4bf8dc] {
+.c-chat__msg-status[data-v-281bb0dd]:is(button) {
+  align-self: flex-end;
+  padding: 0;
+  border: 0;
+  background: none;
+  font-family: inherit;
+}
+.c-chat__msg-status.is-sending[data-v-281bb0dd] {
   color: var(--chat-text-secondary);
 }
-.c-chat__msg-status.is-failed[data-v-5b4bf8dc] {
+.c-chat__msg-status.is-failed[data-v-281bb0dd] {
   color: var(--chat-failed-color);
   cursor: pointer;
 }
 
 /* ─── 时间分割线 ──────────────────────────────────────── */
-.c-chat__time-divider[data-v-5b4bf8dc] {
+.c-chat__time-divider[data-v-281bb0dd] {
   text-align: center;
   font-size: 11px;
   color: var(--chat-text-secondary);
@@ -404,7 +422,7 @@
 }
 
 /* ─── 输入区域 ────────────────────────────────────────── */
-.c-chat__input-area[data-v-5b4bf8dc] {
+.c-chat__input-area[data-v-281bb0dd] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -413,21 +431,21 @@
   background: var(--chat-input-bg);
   border-top: 1px solid var(--chat-border);
 }
-.c-chat__input-actions[data-v-5b4bf8dc] {
+.c-chat__input-actions[data-v-281bb0dd] {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
 }
-.c-chat__input-wrap[data-v-5b4bf8dc] {
+.c-chat__input-wrap[data-v-281bb0dd] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__send-btn[data-v-5b4bf8dc] {
+.c-chat__send-btn[data-v-281bb0dd] {
   flex-shrink: 0;
 }
 
 /* ─── 空态 ────────────────────────────────────────────── */
-.c-chat__no-chat[data-v-5b4bf8dc] {
+.c-chat__no-chat[data-v-281bb0dd] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -436,22 +454,22 @@
   gap: 12px;
   color: var(--chat-text-secondary);
 }
-.c-chat__no-chat-icon[data-v-5b4bf8dc] {
+.c-chat__no-chat-icon[data-v-281bb0dd] {
   font-size: 48px;
   opacity: 0.3;
 }
 
 /* ─── 响应式 ──────────────────────────────────────────── */
 @media (max-width: 640px) {
-.c-chat[data-v-5b4bf8dc] {
+.c-chat[data-v-281bb0dd] {
     --chat-sidebar-width: 72px;
 }
-.c-chat__contact-info[data-v-5b4bf8dc],
-  .c-chat__search[data-v-5b4bf8dc],
-  .c-chat__unread[data-v-5b4bf8dc] {
+.c-chat__contact-info[data-v-281bb0dd],
+  .c-chat__search[data-v-281bb0dd],
+  .c-chat__unread[data-v-281bb0dd] {
     display: none;
 }
-.c-chat__contact[data-v-5b4bf8dc] {
+.c-chat__contact[data-v-281bb0dd] {
     justify-content: center;
     padding: 10px 8px;
 }

package/dist/C_Chat2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={placeholder:`输入消息...`,showContacts:!0,showTimestamp:!0,showSendBtn:!0,loadingHistory:!1,title:`聊天`},a={class:`c-chat`},o={key:0,class:`c-chat__sidebar`},s={class:`c-chat__sidebar-header`},c={class:`c-chat__search`},l={class:`c-chat__contact-list`},u=[`onClick`],d={class:`c-chat__contact-avatar`},f=[`src`,`alt`],p={key:1,class:`c-chat__avatar-fallback`},m={key:2,class:`c-chat__online-dot`},h={class:`c-chat__contact-info`},g={class:`c-chat__contact-name`},ee={key:0,class:`c-chat__contact-time`},te={key:0,class:`c-chat__contact-last`},ne={key:0,class:`c-chat__unread`},re={key:1,class:`c-chat__main`},ie={class:`c-chat__header`},_={key:0,class:`c-chat__header-status`},v={key:0,class:`c-chat__load-more`},y={key:1,class:`c-chat__empty`},b={key:0,class:`c-chat__time-divider`},x={key:0,class:`c-chat__msg-avatar`},S=[`src`],C={key:1,class:`c-chat__avatar-fallback`},w={class:`c-chat__msg-body`},T={key:0,class:`c-chat__msg-username`},E={key:1,class:`c-chat__bubble`},D=[`src`,`onClick`],O=[`onClick`],k={class:`c-chat__file-info`},A={class:`c-chat__file-name`},j={key:0,class:`c-chat__file-size`},M={key:4,class:`c-chat__msg-time`},N=[`onClick`],P={class:`c-chat__input-area`},F={class:`c-chat__input-actions`},I={class:`c-chat__input-wrap`},ae={class:`c-chat__main c-chat__no-chat`},L=(0,n.defineComponent)({__name:`index`,props:{contacts:{default:()=>[]},messages:{default:()=>[]},currentContactId:{default:``},placeholder:{default:i.placeholder},showContacts:{type:Boolean,default:i.showContacts},showTimestamp:{type:Boolean,default:i.showTimestamp},selfAvatar:{default:``},selfName:{default:``},showSendBtn:{type:Boolean,default:i.showSendBtn},loadingHistory:{type:Boolean,default:i.loadingHistory},title:{default:i.title}},emits:[`send`,`select-contact`,`load-more`,`image-preview`,`file-click`,`file-upload`,`emoji-click`,`resend`],setup(t,{expose:L,emit:R}){let z=t,B=R,V=(0,n.computed)(()=>({...i,...z})),H=(0,n.ref)(``),U=(0,n.ref)(``),W=(0,n.ref)(null),G=(0,n.computed)(()=>z.contacts??[]),K=(0,n.computed)(()=>z.messages??[]),q=(0,n.computed)(()=>z.currentContactId||G.value[0]?.id||``),J=(0,n.computed)(()=>G.value.find(e=>e.id===q.value)),oe=(0,n.computed)(()=>{if(!U.value)return G.value;let e=U.value.toLowerCase();return G.value.filter(t=>t.name.toLowerCase().includes(e))}),se=e=>{B(`select-contact`,e)},Y=()=>{let e=H.value.trim();e&&(B(`send`,e),H.value=``)},X=()=>{(0,n.nextTick)(()=>{W.value&&(W.value.scrollTop=W.value.scrollHeight)})};(0,n.watch)(()=>z.messages?.length,()=>X(),{flush:`post`});let ce=()=>{W.value&&W.value.scrollTop===0&&!V.value.loadingHistory&&B(`load-more`)},Z=e=>e.sender===`self`&&z.selfAvatar||e.avatar,le=e=>e.sender===`self`?z.selfName||e.username||`Me`:e.username||`未知`,Q=e=>{let t=new Date(e);return`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`},$=e=>{let t=new Date(e),n=new Date;return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()?Q(e):`${t.getMonth()+1}/${t.getDate()} ${Q(e)}`},ue=e=>{let t=new Date(e),n=new Date().getTime()-t.getTime();return n<6e4?`刚刚`:n<36e5?`${Math.floor(n/6e4)}分钟前`:n<864e5?Q(e):`${t.getMonth()+1}/${t.getDate()}`},de=e=>e<1024?`${e}B`:e<1048576?`${(e/1024).toFixed(1)}KB`:`${(e/1048576).toFixed(1)}MB`,fe=(e,t)=>{if(t===0)return!0;let n=K.value[t-1];return new Date(e.timestamp).getTime()-new Date(n.timestamp).getTime()>300*1e3};return L({scrollToBottom:X}),(t,i)=>{let L=r.NInput,R=r.NSpin,z=r.NButton;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createCommentVNode)(` ===== 联系人侧栏 ===== `),V.value.showContacts&&G.value.length?((0,n.openBlock)(),(0,n.createElementBlock)(`aside`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.createVNode)(e.t,{name:`mdi:chat-outline`,size:20}),i[4]||=(0,n.createTextVNode)(` 会话 `,-1)]),(0,n.createCommentVNode)(` 搜索框 `),(0,n.createElementVNode)(`div`,c,[(0,n.createVNode)(L,{value:U.value,"onUpdate:value":i[0]||=e=>U.value=e,placeholder:`搜索联系人`,clearable:``,size:`small`},{prefix:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`])]),(0,n.createCommentVNode)(` 联系人列表 `),(0,n.createElementVNode)(`div`,l,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(oe.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.id,class:(0,n.normalizeClass)([`c-chat__contact`,{"is-active":e.id===q.value}]),onClick:t=>se(e.id)},[(0,n.createElementVNode)(`div`,d,[e.avatar?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.avatar,alt:e.name,class:`c-chat__avatar`},null,8,f)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,p,(0,n.toDisplayString)(e.name.charAt(0)),1)),e.online?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,m)):(0,n.createCommentVNode)(`v-if`,!0)]),(0,n.createElementVNode)(`div`,h,[(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.name),1),e.lastTime?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ee,(0,n.toDisplayString)(ue(e.lastTime)),1)):(0,n.createCommentVNode)(`v-if`,!0)]),e.lastMessage?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,te,(0,n.toDisplayString)(e.lastMessage),1)):(0,n.createCommentVNode)(`v-if`,!0)]),e.unread?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ne,(0,n.toDisplayString)(e.unread>99?`99+`:e.unread),1)):(0,n.createCommentVNode)(`v-if`,!0)],10,u))),128))])])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` ===== 主聊天区域 ===== `),J.value||!V.value.showContacts?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,re,[(0,n.createCommentVNode)(` 顶栏 `),(0,n.createElementVNode)(`div`,ie,[(0,n.renderSlot)(t.$slots,`header`,{},()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(J.value?.name||V.value.title),1),J.value?.online?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,_,` 在线 `)):(0,n.createCommentVNode)(`v-if`,!0)],!0)]),(0,n.createCommentVNode)(` 消息列表 `),(0,n.createElementVNode)(`div`,{ref_key:`messagesRef`,ref:W,class:`c-chat__messages`,onScroll:ce},[(0,n.createCommentVNode)(` 加载更多 `),V.value.loadingHistory?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,v,[(0,n.createVNode)(R,{size:`small`})])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 消息为空 `),!K.value.length&&!V.value.loadingHistory?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,y,` 暂无消息，发送第一条吧 `)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 消息列表 `),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(K.value,(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:t.id},[(0,n.createCommentVNode)(` 时间分割 `),fe(t,r)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,b,(0,n.toDisplayString)($(t.timestamp)),1)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 消息条目 `),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`c-chat__msg`,`is-${t.sender}`])},[(0,n.createCommentVNode)(` 头像 `),t.sender===`system`?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[Z(t)?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:Z(t),class:`c-chat__avatar`},null,8,S)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,C,(0,n.toDisplayString)(le(t).charAt(0)),1))])),(0,n.createCommentVNode)(` 消息体 `),(0,n.createElementVNode)(`div`,w,[t.sender===`other`&&t.username?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,T,(0,n.toDisplayString)(t.username),1)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 文本消息 `),t.type===`text`||t.type===`system`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,(0,n.toDisplayString)(t.content),1)):t.type===`image`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.createCommentVNode)(` 图片消息 `),(0,n.createElementVNode)(`img`,{src:t.content,class:`c-chat__msg-image`,onClick:e=>B(`image-preview`,t.content)},null,8,D)],2112)):t.type===`file`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:3},[(0,n.createCommentVNode)(` 文件消息 `),(0,n.createElementVNode)(`div`,{class:`c-chat__msg-file`,onClick:e=>B(`file-click`,t)},[(0,n.createVNode)(e.t,{name:`mdi:file-document-outline`,size:28}),(0,n.createElementVNode)(`div`,k,[(0,n.createElementVNode)(`span`,A,(0,n.toDisplayString)(t.fileName||`文件`),1),t.fileSize?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,j,(0,n.toDisplayString)(de(t.fileSize)),1)):(0,n.createCommentVNode)(`v-if`,!0)])],8,O)],2112)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 时间戳 `),V.value.showTimestamp&&t.sender!==`system`?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,M,(0,n.toDisplayString)(Q(t.timestamp)),1)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 发送状态 `),t.sender===`self`&&t.status?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:5,class:(0,n.normalizeClass)([`c-chat__msg-status`,`is-${t.status}`]),onClick:e=>t.status===`failed`&&B(`resend`,t)},(0,n.toDisplayString)(t.status===`sending`?`发送中...`:t.status===`failed`?`发送失败，点击重试`:``),11,N)):(0,n.createCommentVNode)(`v-if`,!0)])],2)],64))),128))],544),(0,n.createCommentVNode)(` 输入区域 `),(0,n.createElementVNode)(`div`,P,[(0,n.createElementVNode)(`div`,F,[(0,n.renderSlot)(t.$slots,`input-actions`,{},()=>[(0,n.createVNode)(z,{quaternary:``,circle:``,size:`small`,onClick:i[1]||=e=>B(`emoji-click`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:emoticon-happy-outline`,size:18})]),_:1}),(0,n.createVNode)(z,{quaternary:``,circle:``,size:`small`,onClick:i[2]||=e=>B(`file-upload`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:paperclip`,size:18})]),_:1})],!0)]),(0,n.createElementVNode)(`div`,I,[(0,n.createVNode)(L,{value:H.value,"onUpdate:value":i[3]||=e=>H.value=e,placeholder:V.value.placeholder,type:`textarea`,autosize:{minRows:1,maxRows:4},onKeydown:(0,n.withKeys)((0,n.withModifiers)(Y,[`exact`,`prevent`]),[`enter`])},null,8,[`value`,`placeholder`,`onKeydown`])]),V.value.showSendBtn?((0,n.openBlock)(),(0,n.createBlock)(z,{key:0,type:`primary`,disabled:!H.value.trim(),class:`c-chat__send-btn`,onClick:Y},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:send`,size:16})]),_:1},8,[`disabled`])):(0,n.createCommentVNode)(`v-if`,!0)])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.createCommentVNode)(` ===== 未选中联系人空态 ===== `),(0,n.createElementVNode)(`div`,ae,[(0,n.createVNode)(e.t,{name:`mdi:chat-processing-outline`,size:48,class:`c-chat__no-chat-icon`}),i[5]||=(0,n.createElementVNode)(`span`,null,`选择一个会话开始聊天`,-1)])],2112))])}}});var R=t.t(L,[[`__scopeId`,`data-v-5b4bf8dc`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return R}});
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={placeholder:`输入消息...`,showContacts:!0,showTimestamp:!0,showSendBtn:!0,loadingHistory:!1,title:`聊天`},a={class:`c-chat`},o={key:0,class:`c-chat__sidebar`},s={class:`c-chat__sidebar-header`},c={class:`c-chat__search`},l={class:`c-chat__contact-list`},u=[`onClick`],d={class:`c-chat__contact-avatar`},f=[`src`,`alt`],p={key:1,class:`c-chat__avatar-fallback`},m={key:2,class:`c-chat__online-dot`},ee={class:`c-chat__contact-info`},te={class:`c-chat__contact-name`},ne={key:0,class:`c-chat__contact-time`},re={key:0,class:`c-chat__contact-last`},h={key:0,class:`c-chat__unread`},ie={key:1,class:`c-chat__main`},ae={class:`c-chat__header`},oe={key:0,class:`c-chat__header-status`},g={key:0,class:`c-chat__load-more`},_={key:1,class:`c-chat__empty`},v={key:0,class:`c-chat__time-divider`},y={key:0,class:`c-chat__msg-avatar`},b=[`src`],x={key:1,class:`c-chat__avatar-fallback`},S={class:`c-chat__msg-body`},C={key:0,class:`c-chat__msg-username`},w={key:1,class:`c-chat__bubble`},T=[`aria-label`,`onClick`],E=[`src`,`alt`],D=[`onClick`],O={class:`c-chat__file-info`},k={class:`c-chat__file-name`},A={key:0,class:`c-chat__file-size`},j={key:4,class:`c-chat__msg-time`},M=[`onClick`],N={key:6,class:`c-chat__msg-status is-sending`},P={class:`c-chat__input-area`},F={class:`c-chat__input-actions`},I={class:`c-chat__input-wrap`},L={class:`c-chat__main c-chat__no-chat`},R=(0,n.defineComponent)({__name:`index`,props:{contacts:{default:()=>[]},messages:{default:()=>[]},currentContactId:{default:``},placeholder:{default:i.placeholder},showContacts:{type:Boolean,default:i.showContacts},showTimestamp:{type:Boolean,default:i.showTimestamp},selfAvatar:{default:``},selfName:{default:``},showSendBtn:{type:Boolean,default:i.showSendBtn},loadingHistory:{type:Boolean,default:i.loadingHistory},title:{default:i.title}},emits:[`send`,`select-contact`,`load-more`,`image-preview`,`file-click`,`file-upload`,`emoji-click`,`resend`],setup(t,{expose:R,emit:z}){let B=t,V=z,H=(0,n.computed)(()=>({...i,...B})),U=(0,n.ref)(``),W=(0,n.ref)(``),G=(0,n.ref)(null),K=(0,n.computed)(()=>B.contacts??[]),q=(0,n.computed)(()=>B.messages??[]),J=(0,n.computed)(()=>B.currentContactId||K.value[0]?.id||``),Y=(0,n.computed)(()=>K.value.find(e=>e.id===J.value)),se=(0,n.computed)(()=>{if(!W.value)return K.value;let e=W.value.toLowerCase();return K.value.filter(t=>t.name.toLowerCase().includes(e))}),ce=e=>{V(`select-contact`,e)},X=()=>{let e=U.value.trim();e&&(V(`send`,e),U.value=``)},Z=()=>{(0,n.nextTick)(()=>{G.value&&(G.value.scrollTop=G.value.scrollHeight)})};(0,n.watch)(()=>B.messages?.length,()=>Z(),{flush:`post`});let le=()=>{G.value&&G.value.scrollTop===0&&!H.value.loadingHistory&&V(`load-more`)},Q=e=>e.sender===`self`&&B.selfAvatar||e.avatar,ue=e=>e.sender===`self`?B.selfName||e.username||`Me`:e.username||`未知`,$=e=>{let t=new Date(e);return`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`},de=e=>{let t=new Date(e),n=new Date;return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()?$(e):`${t.getMonth()+1}/${t.getDate()} ${$(e)}`},fe=e=>{let t=new Date(e),n=new Date().getTime()-t.getTime();return n<6e4?`刚刚`:n<36e5?`${Math.floor(n/6e4)}分钟前`:n<864e5?$(e):`${t.getMonth()+1}/${t.getDate()}`},pe=e=>e<1024?`${e}B`:e<1048576?`${(e/1024).toFixed(1)}KB`:`${(e/1048576).toFixed(1)}MB`,me=(e,t)=>{if(t===0)return!0;let n=q.value[t-1];return new Date(e.timestamp).getTime()-new Date(n.timestamp).getTime()>300*1e3};return R({scrollToBottom:Z}),(t,i)=>{let R=r.NInput,z=r.NSpin,B=r.NButton;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createCommentVNode)(` ===== 联系人侧栏 ===== `),H.value.showContacts&&K.value.length?((0,n.openBlock)(),(0,n.createElementBlock)(`aside`,o,[(0,n.createElementVNode)(`div`,s,[(0,n.createVNode)(e.t,{name:`mdi:chat-outline`,size:20}),i[4]||=(0,n.createTextVNode)(` 会话 `,-1)]),(0,n.createCommentVNode)(` 搜索框 `),(0,n.createElementVNode)(`div`,c,[(0,n.createVNode)(R,{value:W.value,"onUpdate:value":i[0]||=e=>W.value=e,placeholder:`搜索联系人`,clearable:``,size:`small`},{prefix:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`])]),(0,n.createCommentVNode)(` 联系人列表 `),(0,n.createElementVNode)(`div`,l,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(se.value,e=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:e.id,class:(0,n.normalizeClass)([`c-chat__contact`,{"is-active":e.id===J.value}]),onClick:t=>ce(e.id)},[(0,n.createElementVNode)(`div`,d,[e.avatar?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:e.avatar,alt:e.name,class:`c-chat__avatar`},null,8,f)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,p,(0,n.toDisplayString)(e.name.charAt(0)),1)),e.online?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,m)):(0,n.createCommentVNode)(`v-if`,!0)]),(0,n.createElementVNode)(`div`,ee,[(0,n.createElementVNode)(`div`,te,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(e.name),1),e.lastTime?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,ne,(0,n.toDisplayString)(fe(e.lastTime)),1)):(0,n.createCommentVNode)(`v-if`,!0)]),e.lastMessage?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,re,(0,n.toDisplayString)(e.lastMessage),1)):(0,n.createCommentVNode)(`v-if`,!0)]),e.unread?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,h,(0,n.toDisplayString)(e.unread>99?`99+`:e.unread),1)):(0,n.createCommentVNode)(`v-if`,!0)],10,u))),128))])])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` ===== 主聊天区域 ===== `),Y.value||!H.value.showContacts?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ie,[(0,n.createCommentVNode)(` 顶栏 `),(0,n.createElementVNode)(`div`,ae,[(0,n.renderSlot)(t.$slots,`header`,{},()=>[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(Y.value?.name||H.value.title),1),Y.value?.online?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,oe,` 在线 `)):(0,n.createCommentVNode)(`v-if`,!0)],!0)]),(0,n.createCommentVNode)(` 消息列表 `),(0,n.createElementVNode)(`div`,{ref_key:`messagesRef`,ref:G,class:`c-chat__messages`,onScroll:le},[(0,n.createCommentVNode)(` 加载更多 `),H.value.loadingHistory?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,g,[(0,n.createVNode)(z,{size:`small`})])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 消息为空 `),!q.value.length&&!H.value.loadingHistory?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,` 暂无消息，发送第一条吧 `)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 消息列表 `),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(q.value,(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:t.id},[(0,n.createCommentVNode)(` 时间分割 `),me(t,r)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,v,(0,n.toDisplayString)(de(t.timestamp)),1)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 消息条目 `),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`c-chat__msg`,`is-${t.sender}`])},[(0,n.createCommentVNode)(` 头像 `),t.sender===`system`?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,y,[Q(t)?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:Q(t),class:`c-chat__avatar`},null,8,b)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,(0,n.toDisplayString)(ue(t).charAt(0)),1))])),(0,n.createCommentVNode)(` 消息体 `),(0,n.createElementVNode)(`div`,S,[t.sender===`other`&&t.username?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,C,(0,n.toDisplayString)(t.username),1)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 文本消息 `),t.type===`text`||t.type===`system`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,(0,n.toDisplayString)(t.content),1)):t.type===`image`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.createCommentVNode)(` 图片消息 `),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-chat__msg-image-button`,"aria-label":`预览${t.username||`聊天`}的图片`,onClick:e=>V(`image-preview`,t.content)},[(0,n.createElementVNode)(`img`,{src:t.content,alt:t.fileName||`聊天图片`,class:`c-chat__msg-image`},null,8,E)],8,T)],2112)):t.type===`file`?((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:3},[(0,n.createCommentVNode)(` 文件消息 `),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-chat__msg-file`,onClick:e=>V(`file-click`,t)},[(0,n.createVNode)(e.t,{name:`mdi:file-document-outline`,size:28}),(0,n.createElementVNode)(`div`,O,[(0,n.createElementVNode)(`span`,k,(0,n.toDisplayString)(t.fileName||`文件`),1),t.fileSize?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,A,(0,n.toDisplayString)(pe(t.fileSize)),1)):(0,n.createCommentVNode)(`v-if`,!0)])],8,D)],2112)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 时间戳 `),H.value.showTimestamp&&t.sender!==`system`?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,j,(0,n.toDisplayString)($(t.timestamp)),1)):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createCommentVNode)(` 发送状态 `),t.sender===`self`&&t.status===`failed`?((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:5,type:`button`,class:`c-chat__msg-status is-failed`,onClick:e=>V(`resend`,t)},` 发送失败，点击重试 `,8,M)):t.sender===`self`&&t.status===`sending`?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,N,`发送中...`)):(0,n.createCommentVNode)(`v-if`,!0)])],2)],64))),128))],544),(0,n.createCommentVNode)(` 输入区域 `),(0,n.createElementVNode)(`div`,P,[(0,n.createElementVNode)(`div`,F,[(0,n.renderSlot)(t.$slots,`input-actions`,{},()=>[(0,n.createVNode)(B,{quaternary:``,circle:``,size:`small`,onClick:i[1]||=e=>V(`emoji-click`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:emoticon-happy-outline`,size:18})]),_:1}),(0,n.createVNode)(B,{quaternary:``,circle:``,size:`small`,onClick:i[2]||=e=>V(`file-upload`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:paperclip`,size:18})]),_:1})],!0)]),(0,n.createElementVNode)(`div`,I,[(0,n.createVNode)(R,{value:U.value,"onUpdate:value":i[3]||=e=>U.value=e,placeholder:H.value.placeholder,type:`textarea`,autosize:{minRows:1,maxRows:4},onKeydown:(0,n.withKeys)((0,n.withModifiers)(X,[`exact`,`prevent`]),[`enter`])},null,8,[`value`,`placeholder`,`onKeydown`])]),H.value.showSendBtn?((0,n.openBlock)(),(0,n.createBlock)(B,{key:0,type:`primary`,disabled:!U.value.trim(),class:`c-chat__send-btn`,onClick:X},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:send`,size:16})]),_:1},8,[`disabled`])):(0,n.createCommentVNode)(`v-if`,!0)])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:2},[(0,n.createCommentVNode)(` ===== 未选中联系人空态 ===== `),(0,n.createElementVNode)(`div`,L,[(0,n.createVNode)(e.t,{name:`mdi:chat-processing-outline`,size:48,class:`c-chat__no-chat-icon`}),i[5]||=(0,n.createElementVNode)(`span`,null,`选择一个会话开始聊天`,-1)])],2112))])}}});var z=t.t(R,[[`__scopeId`,`data-v-281bb0dd`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return z}});

package/dist/C_Chat2.js

@@ -1 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as ee,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as te,createVNode as s,defineComponent as c,nextTick as l,normalizeClass as u,openBlock as d,ref as f,renderList as p,renderSlot as m,resolveComponent as ne,toDisplayString as h,watch as re,withCtx as g,withKeys as ie,withModifiers as ae}from"vue";import{NButton as oe,NInput as se,NSpin as ce}from"naive-ui";const _={placeholder:`输入消息...`,showContacts:!0,showTimestamp:!0,showSendBtn:!0,loadingHistory:!1,title:`聊天`},le={class:`c-chat`},ue={key:0,class:`c-chat__sidebar`},de={class:`c-chat__sidebar-header`},fe={class:`c-chat__search`},pe={class:`c-chat__contact-list`},me=[`onClick`],he={class:`c-chat__contact-avatar`},v=[`src`,`alt`],y={key:1,class:`c-chat__avatar-fallback`},b={key:2,class:`c-chat__online-dot`},x={class:`c-chat__contact-info`},S={class:`c-chat__contact-name`},C={key:0,class:`c-chat__contact-time`},w={key:0,class:`c-chat__contact-last`},T={key:0,class:`c-chat__unread`},E={key:1,class:`c-chat__main`},D={class:`c-chat__header`},O={key:0,class:`c-chat__header-status`},k={key:0,class:`c-chat__load-more`},A={key:1,class:`c-chat__empty`},j={key:0,class:`c-chat__time-divider`},M={key:0,class:`c-chat__msg-avatar`},N=[`src`],P={key:1,class:`c-chat__avatar-fallback`},F={class:`c-chat__msg-body`},I={key:0,class:`c-chat__msg-username`},L={key:1,class:`c-chat__bubble`},R=[`src`,`onClick`],ge=[`onClick`],_e={class:`c-chat__file-info`},ve={class:`c-chat__file-name`},ye={key:0,class:`c-chat__file-size`},z={key:4,class:`c-chat__msg-time`},be=[`onClick`],xe={class:`c-chat__input-area`},Se={class:`c-chat__input-actions`},Ce={class:`c-chat__input-wrap`},we={class:`c-chat__main c-chat__no-chat`};var B=t(c({__name:`index`,props:{contacts:{default:()=>[]},messages:{default:()=>[]},currentContactId:{default:``},placeholder:{default:_.placeholder},showContacts:{type:Boolean,default:_.showContacts},showTimestamp:{type:Boolean,default:_.showTimestamp},selfAvatar:{default:``},selfName:{default:``},showSendBtn:{type:Boolean,default:_.showSendBtn},loadingHistory:{type:Boolean,default:_.loadingHistory},title:{default:_.title}},emits:[`send`,`select-contact`,`load-more`,`image-preview`,`file-click`,`file-upload`,`emoji-click`,`resend`],setup(t,{expose:c,emit:ne}){let B=t,V=ne,H=r(()=>({..._,...B})),U=f(``),W=f(``),G=f(null),K=r(()=>B.contacts??[]),q=r(()=>B.messages??[]),J=r(()=>B.currentContactId||K.value[0]?.id||``),Y=r(()=>K.value.find(e=>e.id===J.value)),Te=r(()=>{if(!W.value)return K.value;let e=W.value.toLowerCase();return K.value.filter(t=>t.name.toLowerCase().includes(e))}),Ee=e=>{V(`select-contact`,e)},X=()=>{let e=U.value.trim();e&&(V(`send`,e),U.value=``)},Z=()=>{l(()=>{G.value&&(G.value.scrollTop=G.value.scrollHeight)})};re(()=>B.messages?.length,()=>Z(),{flush:`post`});let De=()=>{G.value&&G.value.scrollTop===0&&!H.value.loadingHistory&&V(`load-more`)},Q=e=>e.sender===`self`&&B.selfAvatar||e.avatar,Oe=e=>e.sender===`self`?B.selfName||e.username||`Me`:e.username||`未知`,$=e=>{let t=new Date(e);return`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`},ke=e=>{let t=new Date(e),n=new Date;return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()?$(e):`${t.getMonth()+1}/${t.getDate()} ${$(e)}`},Ae=e=>{let t=new Date(e),n=new Date().getTime()-t.getTime();return n<6e4?`刚刚`:n<36e5?`${Math.floor(n/6e4)}分钟前`:n<864e5?$(e):`${t.getMonth()+1}/${t.getDate()}`},je=e=>e<1024?`${e}B`:e<1048576?`${(e/1024).toFixed(1)}KB`:`${(e/1048576).toFixed(1)}MB`,Me=(e,t)=>{if(t===0)return!0;let n=q.value[t-1];return new Date(e.timestamp).getTime()-new Date(n.timestamp).getTime()>300*1e3};return c({scrollToBottom:Z}),(t,r)=>{let c=se,l=ce,f=oe;return d(),a(`div`,le,[i(` ===== 联系人侧栏 ===== `),H.value.showContacts&&K.value.length?(d(),a(`aside`,ue,[o(`div`,de,[s(e,{name:`mdi:chat-outline`,size:20}),r[4]||=te(` 会话 `,-1)]),i(` 搜索框 `),o(`div`,fe,[s(c,{value:W.value,"onUpdate:value":r[0]||=e=>W.value=e,placeholder:`搜索联系人`,clearable:``,size:`small`},{prefix:g(()=>[s(e,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`])]),i(` 联系人列表 `),o(`div`,pe,[(d(!0),a(n,null,p(Te.value,e=>(d(),a(`div`,{key:e.id,class:u([`c-chat__contact`,{"is-active":e.id===J.value}]),onClick:t=>Ee(e.id)},[o(`div`,he,[e.avatar?(d(),a(`img`,{key:0,src:e.avatar,alt:e.name,class:`c-chat__avatar`},null,8,v)):(d(),a(`div`,y,h(e.name.charAt(0)),1)),e.online?(d(),a(`span`,b)):i(`v-if`,!0)]),o(`div`,x,[o(`div`,S,[o(`span`,null,h(e.name),1),e.lastTime?(d(),a(`span`,C,h(Ae(e.lastTime)),1)):i(`v-if`,!0)]),e.lastMessage?(d(),a(`div`,w,h(e.lastMessage),1)):i(`v-if`,!0)]),e.unread?(d(),a(`span`,T,h(e.unread>99?`99+`:e.unread),1)):i(`v-if`,!0)],10,me))),128))])])):i(`v-if`,!0),i(` ===== 主聊天区域 ===== `),Y.value||!H.value.showContacts?(d(),a(`div`,E,[i(` 顶栏 `),o(`div`,D,[m(t.$slots,`header`,{},()=>[o(`span`,null,h(Y.value?.name||H.value.title),1),Y.value?.online?(d(),a(`span`,O,` 在线 `)):i(`v-if`,!0)],!0)]),i(` 消息列表 `),o(`div`,{ref_key:`messagesRef`,ref:G,class:`c-chat__messages`,onScroll:De},[i(` 加载更多 `),H.value.loadingHistory?(d(),a(`div`,k,[s(l,{size:`small`})])):i(`v-if`,!0),i(` 消息为空 `),!q.value.length&&!H.value.loadingHistory?(d(),a(`div`,A,` 暂无消息，发送第一条吧 `)):i(`v-if`,!0),i(` 消息列表 `),(d(!0),a(n,null,p(q.value,(t,r)=>(d(),a(n,{key:t.id},[i(` 时间分割 `),Me(t,r)?(d(),a(`div`,j,h(ke(t.timestamp)),1)):i(`v-if`,!0),i(` 消息条目 `),o(`div`,{class:u([`c-chat__msg`,`is-${t.sender}`])},[i(` 头像 `),t.sender===`system`?i(`v-if`,!0):(d(),a(`div`,M,[Q(t)?(d(),a(`img`,{key:0,src:Q(t),class:`c-chat__avatar`},null,8,N)):(d(),a(`div`,P,h(Oe(t).charAt(0)),1))])),i(` 消息体 `),o(`div`,F,[t.sender===`other`&&t.username?(d(),a(`span`,I,h(t.username),1)):i(`v-if`,!0),i(` 文本消息 `),t.type===`text`||t.type===`system`?(d(),a(`div`,L,h(t.content),1)):t.type===`image`?(d(),a(n,{key:2},[i(` 图片消息 `),o(`img`,{src:t.content,class:`c-chat__msg-image`,onClick:e=>V(`image-preview`,t.content)},null,8,R)],2112)):t.type===`file`?(d(),a(n,{key:3},[i(` 文件消息 `),o(`div`,{class:`c-chat__msg-file`,onClick:e=>V(`file-click`,t)},[s(e,{name:`mdi:file-document-outline`,size:28}),o(`div`,_e,[o(`span`,ve,h(t.fileName||`文件`),1),t.fileSize?(d(),a(`span`,ye,h(je(t.fileSize)),1)):i(`v-if`,!0)])],8,ge)],2112)):i(`v-if`,!0),i(` 时间戳 `),H.value.showTimestamp&&t.sender!==`system`?(d(),a(`span`,z,h($(t.timestamp)),1)):i(`v-if`,!0),i(` 发送状态 `),t.sender===`self`&&t.status?(d(),a(`span`,{key:5,class:u([`c-chat__msg-status`,`is-${t.status}`]),onClick:e=>t.status===`failed`&&V(`resend`,t)},h(t.status===`sending`?`发送中...`:t.status===`failed`?`发送失败，点击重试`:``),11,be)):i(`v-if`,!0)])],2)],64))),128))],544),i(` 输入区域 `),o(`div`,xe,[o(`div`,Se,[m(t.$slots,`input-actions`,{},()=>[s(f,{quaternary:``,circle:``,size:`small`,onClick:r[1]||=e=>V(`emoji-click`)},{icon:g(()=>[s(e,{name:`mdi:emoticon-happy-outline`,size:18})]),_:1}),s(f,{quaternary:``,circle:``,size:`small`,onClick:r[2]||=e=>V(`file-upload`)},{icon:g(()=>[s(e,{name:`mdi:paperclip`,size:18})]),_:1})],!0)]),o(`div`,Ce,[s(c,{value:U.value,"onUpdate:value":r[3]||=e=>U.value=e,placeholder:H.value.placeholder,type:`textarea`,autosize:{minRows:1,maxRows:4},onKeydown:ie(ae(X,[`exact`,`prevent`]),[`enter`])},null,8,[`value`,`placeholder`,`onKeydown`])]),H.value.showSendBtn?(d(),ee(f,{key:0,type:`primary`,disabled:!U.value.trim(),class:`c-chat__send-btn`,onClick:X},{icon:g(()=>[s(e,{name:`mdi:send`,size:16})]),_:1},8,[`disabled`])):i(`v-if`,!0)])])):(d(),a(n,{key:2},[i(` ===== 未选中联系人空态 ===== `),o(`div`,we,[s(e,{name:`mdi:chat-processing-outline`,size:48,class:`c-chat__no-chat-icon`}),r[5]||=o(`span`,null,`选择一个会话开始聊天`,-1)])],2112))])}}}),[[`__scopeId`,`data-v-5b4bf8dc`]]);export{_ as n,B as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as ee,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as te,createVNode as s,defineComponent as c,nextTick as l,normalizeClass as u,openBlock as d,ref as f,renderList as p,renderSlot as m,resolveComponent as ne,toDisplayString as h,watch as re,withCtx as g,withKeys as ie,withModifiers as ae}from"vue";import{NButton as oe,NInput as se,NSpin as ce}from"naive-ui";const _={placeholder:`输入消息...`,showContacts:!0,showTimestamp:!0,showSendBtn:!0,loadingHistory:!1,title:`聊天`},le={class:`c-chat`},ue={key:0,class:`c-chat__sidebar`},de={class:`c-chat__sidebar-header`},fe={class:`c-chat__search`},pe={class:`c-chat__contact-list`},me=[`onClick`],he={class:`c-chat__contact-avatar`},v=[`src`,`alt`],y={key:1,class:`c-chat__avatar-fallback`},b={key:2,class:`c-chat__online-dot`},x={class:`c-chat__contact-info`},S={class:`c-chat__contact-name`},C={key:0,class:`c-chat__contact-time`},w={key:0,class:`c-chat__contact-last`},T={key:0,class:`c-chat__unread`},E={key:1,class:`c-chat__main`},D={class:`c-chat__header`},O={key:0,class:`c-chat__header-status`},k={key:0,class:`c-chat__load-more`},A={key:1,class:`c-chat__empty`},j={key:0,class:`c-chat__time-divider`},M={key:0,class:`c-chat__msg-avatar`},N=[`src`],P={key:1,class:`c-chat__avatar-fallback`},F={class:`c-chat__msg-body`},I={key:0,class:`c-chat__msg-username`},L={key:1,class:`c-chat__bubble`},R=[`aria-label`,`onClick`],ge=[`src`,`alt`],_e=[`onClick`],ve={class:`c-chat__file-info`},ye={class:`c-chat__file-name`},be={key:0,class:`c-chat__file-size`},xe={key:4,class:`c-chat__msg-time`},Se=[`onClick`],Ce={key:6,class:`c-chat__msg-status is-sending`},we={class:`c-chat__input-area`},Te={class:`c-chat__input-actions`},Ee={class:`c-chat__input-wrap`},De={class:`c-chat__main c-chat__no-chat`};var z=t(c({__name:`index`,props:{contacts:{default:()=>[]},messages:{default:()=>[]},currentContactId:{default:``},placeholder:{default:_.placeholder},showContacts:{type:Boolean,default:_.showContacts},showTimestamp:{type:Boolean,default:_.showTimestamp},selfAvatar:{default:``},selfName:{default:``},showSendBtn:{type:Boolean,default:_.showSendBtn},loadingHistory:{type:Boolean,default:_.loadingHistory},title:{default:_.title}},emits:[`send`,`select-contact`,`load-more`,`image-preview`,`file-click`,`file-upload`,`emoji-click`,`resend`],setup(t,{expose:c,emit:ne}){let z=t,B=ne,V=r(()=>({..._,...z})),H=f(``),U=f(``),W=f(null),G=r(()=>z.contacts??[]),K=r(()=>z.messages??[]),q=r(()=>z.currentContactId||G.value[0]?.id||``),J=r(()=>G.value.find(e=>e.id===q.value)),Oe=r(()=>{if(!U.value)return G.value;let e=U.value.toLowerCase();return G.value.filter(t=>t.name.toLowerCase().includes(e))}),ke=e=>{B(`select-contact`,e)},Y=()=>{let e=H.value.trim();e&&(B(`send`,e),H.value=``)},X=()=>{l(()=>{W.value&&(W.value.scrollTop=W.value.scrollHeight)})};re(()=>z.messages?.length,()=>X(),{flush:`post`});let Z=()=>{W.value&&W.value.scrollTop===0&&!V.value.loadingHistory&&B(`load-more`)},Q=e=>e.sender===`self`&&z.selfAvatar||e.avatar,Ae=e=>e.sender===`self`?z.selfName||e.username||`Me`:e.username||`未知`,$=e=>{let t=new Date(e);return`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`},je=e=>{let t=new Date(e),n=new Date;return t.getFullYear()===n.getFullYear()&&t.getMonth()===n.getMonth()&&t.getDate()===n.getDate()?$(e):`${t.getMonth()+1}/${t.getDate()} ${$(e)}`},Me=e=>{let t=new Date(e),n=new Date().getTime()-t.getTime();return n<6e4?`刚刚`:n<36e5?`${Math.floor(n/6e4)}分钟前`:n<864e5?$(e):`${t.getMonth()+1}/${t.getDate()}`},Ne=e=>e<1024?`${e}B`:e<1048576?`${(e/1024).toFixed(1)}KB`:`${(e/1048576).toFixed(1)}MB`,Pe=(e,t)=>{if(t===0)return!0;let n=K.value[t-1];return new Date(e.timestamp).getTime()-new Date(n.timestamp).getTime()>300*1e3};return c({scrollToBottom:X}),(t,r)=>{let c=se,l=ce,f=oe;return d(),a(`div`,le,[i(` ===== 联系人侧栏 ===== `),V.value.showContacts&&G.value.length?(d(),a(`aside`,ue,[o(`div`,de,[s(e,{name:`mdi:chat-outline`,size:20}),r[4]||=te(` 会话 `,-1)]),i(` 搜索框 `),o(`div`,fe,[s(c,{value:U.value,"onUpdate:value":r[0]||=e=>U.value=e,placeholder:`搜索联系人`,clearable:``,size:`small`},{prefix:g(()=>[s(e,{name:`mdi:magnify`,size:16})]),_:1},8,[`value`])]),i(` 联系人列表 `),o(`div`,pe,[(d(!0),a(n,null,p(Oe.value,e=>(d(),a(`div`,{key:e.id,class:u([`c-chat__contact`,{"is-active":e.id===q.value}]),onClick:t=>ke(e.id)},[o(`div`,he,[e.avatar?(d(),a(`img`,{key:0,src:e.avatar,alt:e.name,class:`c-chat__avatar`},null,8,v)):(d(),a(`div`,y,h(e.name.charAt(0)),1)),e.online?(d(),a(`span`,b)):i(`v-if`,!0)]),o(`div`,x,[o(`div`,S,[o(`span`,null,h(e.name),1),e.lastTime?(d(),a(`span`,C,h(Me(e.lastTime)),1)):i(`v-if`,!0)]),e.lastMessage?(d(),a(`div`,w,h(e.lastMessage),1)):i(`v-if`,!0)]),e.unread?(d(),a(`span`,T,h(e.unread>99?`99+`:e.unread),1)):i(`v-if`,!0)],10,me))),128))])])):i(`v-if`,!0),i(` ===== 主聊天区域 ===== `),J.value||!V.value.showContacts?(d(),a(`div`,E,[i(` 顶栏 `),o(`div`,D,[m(t.$slots,`header`,{},()=>[o(`span`,null,h(J.value?.name||V.value.title),1),J.value?.online?(d(),a(`span`,O,` 在线 `)):i(`v-if`,!0)],!0)]),i(` 消息列表 `),o(`div`,{ref_key:`messagesRef`,ref:W,class:`c-chat__messages`,onScroll:Z},[i(` 加载更多 `),V.value.loadingHistory?(d(),a(`div`,k,[s(l,{size:`small`})])):i(`v-if`,!0),i(` 消息为空 `),!K.value.length&&!V.value.loadingHistory?(d(),a(`div`,A,` 暂无消息，发送第一条吧 `)):i(`v-if`,!0),i(` 消息列表 `),(d(!0),a(n,null,p(K.value,(t,r)=>(d(),a(n,{key:t.id},[i(` 时间分割 `),Pe(t,r)?(d(),a(`div`,j,h(je(t.timestamp)),1)):i(`v-if`,!0),i(` 消息条目 `),o(`div`,{class:u([`c-chat__msg`,`is-${t.sender}`])},[i(` 头像 `),t.sender===`system`?i(`v-if`,!0):(d(),a(`div`,M,[Q(t)?(d(),a(`img`,{key:0,src:Q(t),class:`c-chat__avatar`},null,8,N)):(d(),a(`div`,P,h(Ae(t).charAt(0)),1))])),i(` 消息体 `),o(`div`,F,[t.sender===`other`&&t.username?(d(),a(`span`,I,h(t.username),1)):i(`v-if`,!0),i(` 文本消息 `),t.type===`text`||t.type===`system`?(d(),a(`div`,L,h(t.content),1)):t.type===`image`?(d(),a(n,{key:2},[i(` 图片消息 `),o(`button`,{type:`button`,class:`c-chat__msg-image-button`,"aria-label":`预览${t.username||`聊天`}的图片`,onClick:e=>B(`image-preview`,t.content)},[o(`img`,{src:t.content,alt:t.fileName||`聊天图片`,class:`c-chat__msg-image`},null,8,ge)],8,R)],2112)):t.type===`file`?(d(),a(n,{key:3},[i(` 文件消息 `),o(`button`,{type:`button`,class:`c-chat__msg-file`,onClick:e=>B(`file-click`,t)},[s(e,{name:`mdi:file-document-outline`,size:28}),o(`div`,ve,[o(`span`,ye,h(t.fileName||`文件`),1),t.fileSize?(d(),a(`span`,be,h(Ne(t.fileSize)),1)):i(`v-if`,!0)])],8,_e)],2112)):i(`v-if`,!0),i(` 时间戳 `),V.value.showTimestamp&&t.sender!==`system`?(d(),a(`span`,xe,h($(t.timestamp)),1)):i(`v-if`,!0),i(` 发送状态 `),t.sender===`self`&&t.status===`failed`?(d(),a(`button`,{key:5,type:`button`,class:`c-chat__msg-status is-failed`,onClick:e=>B(`resend`,t)},` 发送失败，点击重试 `,8,Se)):t.sender===`self`&&t.status===`sending`?(d(),a(`span`,Ce,`发送中...`)):i(`v-if`,!0)])],2)],64))),128))],544),i(` 输入区域 `),o(`div`,we,[o(`div`,Te,[m(t.$slots,`input-actions`,{},()=>[s(f,{quaternary:``,circle:``,size:`small`,onClick:r[1]||=e=>B(`emoji-click`)},{icon:g(()=>[s(e,{name:`mdi:emoticon-happy-outline`,size:18})]),_:1}),s(f,{quaternary:``,circle:``,size:`small`,onClick:r[2]||=e=>B(`file-upload`)},{icon:g(()=>[s(e,{name:`mdi:paperclip`,size:18})]),_:1})],!0)]),o(`div`,Ee,[s(c,{value:H.value,"onUpdate:value":r[3]||=e=>H.value=e,placeholder:V.value.placeholder,type:`textarea`,autosize:{minRows:1,maxRows:4},onKeydown:ie(ae(Y,[`exact`,`prevent`]),[`enter`])},null,8,[`value`,`placeholder`,`onKeydown`])]),V.value.showSendBtn?(d(),ee(f,{key:0,type:`primary`,disabled:!H.value.trim(),class:`c-chat__send-btn`,onClick:Y},{icon:g(()=>[s(e,{name:`mdi:send`,size:16})]),_:1},8,[`disabled`])):i(`v-if`,!0)])])):(d(),a(n,{key:2},[i(` ===== 未选中联系人空态 ===== `),o(`div`,De,[s(e,{name:`mdi:chat-processing-outline`,size:48,class:`c-chat__no-chat-icon`}),r[5]||=o(`span`,null,`选择一个会话开始聊天`,-1)])],2112))])}}}),[[`__scopeId`,`data-v-281bb0dd`]]);export{_ as n,z as t};