@robot-admin/naive-ui-components 0.6.29 → 0.6.31

package/dist/C_Chat.css

@@ -1,5 +1,5 @@
 /* unplugin-vue-components disabled *//* ─── CSS 变量（基于项目主题变量，自动适配明暗） ───────────────────────── */
-.c-chat[data-v-2bbae884] {
+.c-chat[data-v-5e7f3fe9] {
   --chat-bg: var(--card-color);
   --chat-sidebar-bg: var(--body-color);
   --chat-sidebar-width: 280px;
@@ -14,6 +14,12 @@
   --chat-text-secondary: var(--text-color-3);
   --chat-text-self: #fff;
   --chat-border: var(--border-color);
+  --chat-online-color: #22c55e;
+  --chat-unread-bg: #ef4444;
+  --chat-unread-color: #fff;
+  --chat-failed-color: #ef4444;
+  --chat-shadow: rgba(0, 0, 0, 0.06);
+  --chat-shadow-light: rgba(0, 0, 0, 0.03);
   --chat-radius: 12px;
   --chat-avatar-size: 36px;
   --chat-scrollbar-thumb: var(--border-color);
@@ -27,20 +33,20 @@
   color: var(--chat-text-primary);
   font-size: 14px;
   border: 1px solid var(--chat-border);
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 12px var(--chat-shadow);
 }
 
 /* ─── 联系人侧栏 ──────────────────────────────────────── */
-.c-chat__sidebar[data-v-2bbae884] {
+.c-chat__sidebar[data-v-5e7f3fe9] {
   display: flex;
   flex-direction: column;
   width: var(--chat-sidebar-width);
   min-width: var(--chat-sidebar-width);
   background: var(--chat-sidebar-bg);
   border-right: 1px solid var(--chat-border);
-  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.03);
+  box-shadow: 2px 0 8px var(--chat-shadow-light);
 }
-.c-chat__sidebar-header[data-v-2bbae884] {
+.c-chat__sidebar-header[data-v-5e7f3fe9] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -50,22 +56,22 @@
   font-weight: 600;
   font-size: 15px;
 }
-.c-chat__search[data-v-2bbae884] {
+.c-chat__search[data-v-5e7f3fe9] {
   padding: 8px 12px;
 }
-.c-chat__contact-list[data-v-2bbae884] {
+.c-chat__contact-list[data-v-5e7f3fe9] {
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
 }
-.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar {
+.c-chat__contact-list[data-v-5e7f3fe9]::-webkit-scrollbar {
   width: 4px;
 }
-.c-chat__contact-list[data-v-2bbae884]::-webkit-scrollbar-thumb {
+.c-chat__contact-list[data-v-5e7f3fe9]::-webkit-scrollbar-thumb {
   background: var(--chat-scrollbar-thumb);
   border-radius: 2px;
 }
-.c-chat__contact[data-v-2bbae884] {
+.c-chat__contact[data-v-5e7f3fe9] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -73,24 +79,24 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-chat__contact[data-v-2bbae884]:hover {
+.c-chat__contact[data-v-5e7f3fe9]:hover {
   background: color-mix(in srgb, var(--primary-color) 6%, transparent);
 }
-.c-chat__contact.is-active[data-v-2bbae884] {
+.c-chat__contact.is-active[data-v-5e7f3fe9] {
   background: color-mix(in srgb, var(--primary-color) 12%, transparent);
 }
-.c-chat__contact-avatar[data-v-2bbae884] {
+.c-chat__contact-avatar[data-v-5e7f3fe9] {
   position: relative;
   flex-shrink: 0;
 }
-.c-chat__avatar[data-v-2bbae884] {
+.c-chat__avatar[data-v-5e7f3fe9] {
   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-2bbae884] {
+.c-chat__avatar-fallback[data-v-5e7f3fe9] {
   width: var(--chat-avatar-size);
   height: var(--chat-avatar-size);
   border-radius: 50%;
@@ -102,34 +108,34 @@
   font-weight: 600;
   color: var(--app-text-primary);
 }
-.c-chat__online-dot[data-v-2bbae884] {
+.c-chat__online-dot[data-v-5e7f3fe9] {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 10px;
   height: 10px;
   border-radius: 50%;
-  background: #22c55e;
+  background: var(--chat-online-color);
   border: 2px solid var(--chat-sidebar-bg);
 }
-.c-chat__contact-info[data-v-2bbae884] {
+.c-chat__contact-info[data-v-5e7f3fe9] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__contact-name[data-v-2bbae884] {
+.c-chat__contact-name[data-v-5e7f3fe9] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 13px;
   font-weight: 500;
 }
-.c-chat__contact-time[data-v-2bbae884] {
+.c-chat__contact-time[data-v-5e7f3fe9] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-left: 8px;
   flex-shrink: 0;
 }
-.c-chat__contact-last[data-v-2bbae884] {
+.c-chat__contact-last[data-v-5e7f3fe9] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   white-space: nowrap;
@@ -137,13 +143,13 @@
   text-overflow: ellipsis;
   margin-top: 2px;
 }
-.c-chat__unread[data-v-2bbae884] {
+.c-chat__unread[data-v-5e7f3fe9] {
   min-width: 18px;
   height: 18px;
   padding: 0 5px;
   border-radius: 9px;
-  background: #ef4444;
-  color: #fff;
+  background: var(--chat-unread-bg);
+  color: var(--chat-unread-color);
   font-size: 11px;
   font-weight: 600;
   display: flex;
@@ -153,13 +159,13 @@
 }
 
 /* ─── 主聊天区域 ──────────────────────────────────────── */
-.c-chat__main[data-v-2bbae884] {
+.c-chat__main[data-v-5e7f3fe9] {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__header[data-v-2bbae884] {
+.c-chat__header[data-v-5e7f3fe9] {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -167,18 +173,18 @@
   padding: 0 20px;
   background: var(--chat-header-bg);
   border-bottom: 1px solid var(--chat-border);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
+  box-shadow: 0 1px 4px var(--chat-shadow-light);
   font-weight: 600;
   font-size: 15px;
 }
-.c-chat__header-status[data-v-2bbae884] {
+.c-chat__header-status[data-v-5e7f3fe9] {
   font-size: 12px;
   font-weight: 400;
   color: var(--chat-text-secondary);
 }
 
 /* ─── 消息区域 ────────────────────────────────────────── */
-.c-chat__messages[data-v-2bbae884] {
+.c-chat__messages[data-v-5e7f3fe9] {
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
@@ -188,18 +194,18 @@
   gap: 12px;
   background: color-mix(in srgb, var(--body-color) 50%, var(--card-color));
 }
-.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar {
+.c-chat__messages[data-v-5e7f3fe9]::-webkit-scrollbar {
   width: 4px;
 }
-.c-chat__messages[data-v-2bbae884]::-webkit-scrollbar-thumb {
+.c-chat__messages[data-v-5e7f3fe9]::-webkit-scrollbar-thumb {
   background: var(--chat-scrollbar-thumb);
   border-radius: 2px;
 }
-.c-chat__load-more[data-v-2bbae884] {
+.c-chat__load-more[data-v-5e7f3fe9] {
   text-align: center;
   padding: 8px;
 }
-.c-chat__empty[data-v-2bbae884] {
+.c-chat__empty[data-v-5e7f3fe9] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -209,73 +215,73 @@
 }
 
 /* ─── 消息气泡 ────────────────────────────────────────── */
-.c-chat__msg[data-v-2bbae884] {
+.c-chat__msg[data-v-5e7f3fe9] {
   display: flex;
   gap: 8px;
   max-width: 75%;
 }
-.c-chat__msg.is-self[data-v-2bbae884] {
+.c-chat__msg.is-self[data-v-5e7f3fe9] {
   margin-left: auto;
   flex-direction: row-reverse;
 }
-.c-chat__msg.is-system[data-v-2bbae884] {
+.c-chat__msg.is-system[data-v-5e7f3fe9] {
   max-width: 100%;
   justify-content: center;
   align-self: center;
 }
-.c-chat__msg-avatar[data-v-2bbae884] {
+.c-chat__msg-avatar[data-v-5e7f3fe9] {
   flex-shrink: 0;
   margin-top: 2px;
 }
-.c-chat__msg-body[data-v-2bbae884] {
+.c-chat__msg-body[data-v-5e7f3fe9] {
   display: flex;
   flex-direction: column;
 }
-.c-chat__msg-username[data-v-2bbae884] {
+.c-chat__msg-username[data-v-5e7f3fe9] {
   font-size: 12px;
   color: var(--chat-text-secondary);
   margin-bottom: 2px;
 }
-.is-self .c-chat__msg-username[data-v-2bbae884] {
+.is-self .c-chat__msg-username[data-v-5e7f3fe9] {
   text-align: right;
 }
-.c-chat__bubble[data-v-2bbae884] {
+.c-chat__bubble[data-v-5e7f3fe9] {
   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-2bbae884] {
+.is-other .c-chat__bubble[data-v-5e7f3fe9] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__bubble[data-v-2bbae884] {
+.is-self .c-chat__bubble[data-v-5e7f3fe9] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.is-system .c-chat__bubble[data-v-2bbae884] {
+.is-system .c-chat__bubble[data-v-5e7f3fe9] {
   background: var(--chat-bubble-system);
   color: var(--chat-text-secondary);
   font-size: 12px;
   padding: 4px 12px;
 }
-.c-chat__msg-image[data-v-2bbae884] {
+.c-chat__msg-image[data-v-5e7f3fe9] {
   max-width: 240px;
   max-height: 180px;
   border-radius: 12px;
   cursor: pointer;
   object-fit: cover;
 }
-.is-self .c-chat__msg-image[data-v-2bbae884] {
+.is-self .c-chat__msg-image[data-v-5e7f3fe9] {
   border-top-right-radius: 4px;
 }
-.is-other .c-chat__msg-image[data-v-2bbae884] {
+.is-other .c-chat__msg-image[data-v-5e7f3fe9] {
   border-top-left-radius: 4px;
 }
-.c-chat__msg-file[data-v-2bbae884] {
+.c-chat__msg-file[data-v-5e7f3fe9] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -283,55 +289,55 @@
   border-radius: 12px;
   cursor: pointer;
 }
-.is-other .c-chat__msg-file[data-v-2bbae884] {
+.is-other .c-chat__msg-file[data-v-5e7f3fe9] {
   background: var(--chat-bubble-other);
   border: 1px solid var(--chat-border);
   border-top-left-radius: 4px;
 }
-.is-self .c-chat__msg-file[data-v-2bbae884] {
+.is-self .c-chat__msg-file[data-v-5e7f3fe9] {
   background: var(--chat-bubble-self);
   color: var(--chat-text-self);
   border-top-right-radius: 4px;
 }
-.c-chat__file-info[data-v-2bbae884] {
+.c-chat__file-info[data-v-5e7f3fe9] {
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
-.c-chat__file-name[data-v-2bbae884] {
+.c-chat__file-name[data-v-5e7f3fe9] {
   font-size: 13px;
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.c-chat__file-size[data-v-2bbae884] {
+.c-chat__file-size[data-v-5e7f3fe9] {
   font-size: 11px;
   opacity: 0.6;
 }
-.c-chat__msg-time[data-v-2bbae884] {
+.c-chat__msg-time[data-v-5e7f3fe9] {
   font-size: 11px;
   color: var(--chat-text-secondary);
   margin-top: 4px;
 }
-.is-self .c-chat__msg-time[data-v-2bbae884] {
+.is-self .c-chat__msg-time[data-v-5e7f3fe9] {
   text-align: right;
 }
-.c-chat__msg-status[data-v-2bbae884] {
+.c-chat__msg-status[data-v-5e7f3fe9] {
   font-size: 11px;
   margin-top: 2px;
   text-align: right;
 }
-.c-chat__msg-status.is-sending[data-v-2bbae884] {
+.c-chat__msg-status.is-sending[data-v-5e7f3fe9] {
   color: var(--chat-text-secondary);
 }
-.c-chat__msg-status.is-failed[data-v-2bbae884] {
-  color: #ef4444;
+.c-chat__msg-status.is-failed[data-v-5e7f3fe9] {
+  color: var(--chat-failed-color);
   cursor: pointer;
 }
 
 /* ─── 时间分割线 ──────────────────────────────────────── */
-.c-chat__time-divider[data-v-2bbae884] {
+.c-chat__time-divider[data-v-5e7f3fe9] {
   text-align: center;
   font-size: 11px;
   color: var(--chat-text-secondary);
@@ -339,7 +345,7 @@
 }
 
 /* ─── 输入区域 ────────────────────────────────────────── */
-.c-chat__input-area[data-v-2bbae884] {
+.c-chat__input-area[data-v-5e7f3fe9] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -348,21 +354,21 @@
   background: var(--chat-input-bg);
   border-top: 1px solid var(--chat-border);
 }
-.c-chat__input-actions[data-v-2bbae884] {
+.c-chat__input-actions[data-v-5e7f3fe9] {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
 }
-.c-chat__input-wrap[data-v-2bbae884] {
+.c-chat__input-wrap[data-v-5e7f3fe9] {
   flex: 1;
   min-width: 0;
 }
-.c-chat__send-btn[data-v-2bbae884] {
+.c-chat__send-btn[data-v-5e7f3fe9] {
   flex-shrink: 0;
 }
 
 /* ─── 空态 ────────────────────────────────────────────── */
-.c-chat__no-chat[data-v-2bbae884] {
+.c-chat__no-chat[data-v-5e7f3fe9] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -371,25 +377,25 @@
   gap: 12px;
   color: var(--chat-text-secondary);
 }
-.c-chat__no-chat-icon[data-v-2bbae884] {
+.c-chat__no-chat-icon[data-v-5e7f3fe9] {
   font-size: 48px;
   opacity: 0.3;
 }
 
 /* ─── 响应式 ──────────────────────────────────────────── */
 @media (max-width: 640px) {
-.c-chat[data-v-2bbae884] {
+.c-chat[data-v-5e7f3fe9] {
     --chat-sidebar-width: 72px;
 }
-.c-chat__contact-info[data-v-2bbae884],
-  .c-chat__search[data-v-2bbae884],
-  .c-chat__unread[data-v-2bbae884] {
+.c-chat__contact-info[data-v-5e7f3fe9],
+  .c-chat__search[data-v-5e7f3fe9],
+  .c-chat__unread[data-v-5e7f3fe9] {
     display: none;
 }
-.c-chat__contact[data-v-2bbae884] {
+.c-chat__contact[data-v-5e7f3fe9] {
     justify-content: center;
     padding: 10px 8px;
 }
 }
 
-/*# sourceMappingURL=C_Chat-CcjZdAwu.css.map*/
+/*# sourceMappingURL=C_Chat-CJ8KESTM.css.map*/