yx-web-sdk 0.0.18 → 0.0.19

package/dist/style.css

@@ -89,6 +89,12 @@
   margin-right: 10px;
   margin-left: 0;
 }
+.yx-chatCardWrapper .chat-withdraw-msg {
+  flex: 1;
+  text-align: center;
+  font-size: 14px;
+  color: var(--theme-placeholder, #9c9db4);
+}
 .yx-chatCardWrapper .chatCardContent {
   flex: 1;
   margin-left: 12px;
@@ -141,7 +147,7 @@
   width: fit-content;
 }
 .yx-chatCardWrapper .textMsg a {
-  color: var(--theme-link, #2951e0) !important;
+  color: var(--theme-text, #252b3a) !important;
 }
 .yx-chatCardWrapper .chatCardQuoteMsg {
   margin-top: 8px;
@@ -683,18 +689,18 @@
   margin-bottom: 6px;
   border-radius: 8px;
   background-color: #282a2f;
-}.sidebar-container[data-v-aa044ccf] {
+}.sidebar-container[data-v-2f397ece] {
   display: flex;
   height: 100%;
   position: relative;
 }
-.sidebar-container.is-switching .server-item[data-v-aa044ccf],
-.sidebar-container.is-switching .channel-item[data-v-aa044ccf] {
+.sidebar-container.is-switching .server-item[data-v-2f397ece],
+.sidebar-container.is-switching .channel-item[data-v-2f397ece] {
   cursor: not-allowed;
   opacity: 0.6;
   pointer-events: none;
 }
-.user-panel-float[data-v-aa044ccf] {
+.user-panel-float[data-v-2f397ece] {
   position: absolute;
   bottom: 12px;
   left: 12px;
@@ -708,11 +714,11 @@
   border-radius: 8px;
   box-shadow: 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431);
 }
-.user-panel-float .user-avatar[data-v-aa044ccf] {
+.user-panel-float .user-avatar[data-v-2f397ece] {
   position: relative;
   flex-shrink: 0;
 }
-.user-panel-float .user-avatar .online-indicator[data-v-aa044ccf] {
+.user-panel-float .user-avatar .online-indicator[data-v-2f397ece] {
   position: absolute;
   bottom: 0;
   right: 0;
@@ -722,12 +728,12 @@
   border: 3px solid #1a1b1e;
   border-radius: 50%;
 }
-.user-panel-float .user-info[data-v-aa044ccf] {
+.user-panel-float .user-info[data-v-2f397ece] {
   flex: 1;
   overflow: hidden;
   min-width: 0;
 }
-.user-panel-float .user-info .user-name[data-v-aa044ccf] {
+.user-panel-float .user-info .user-name[data-v-2f397ece] {
   font-size: 14px;
   font-weight: 600;
   color: var(--theme-text);
@@ -735,25 +741,25 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.user-panel-float .user-info .user-status[data-v-aa044ccf] {
+.user-panel-float .user-info .user-status[data-v-2f397ece] {
   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-aa044ccf] {
+.user-panel-float .user-info .user-status .status-dot[data-v-2f397ece] {
   width: 8px;
   height: 8px;
   background-color: var(--theme-success-text);
   border-radius: 50%;
 }
-.user-panel-float .user-actions[data-v-aa044ccf] {
+.user-panel-float .user-actions[data-v-2f397ece] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.user-panel-float .user-actions .action-btn[data-v-aa044ccf] {
+.user-panel-float .user-actions .action-btn[data-v-2f397ece] {
   width: 20px;
   height: 20px;
   display: flex;
@@ -766,14 +772,14 @@
   font-size: 16px;
   outline: none;
 }
-.user-panel-float .user-actions .action-btn[data-v-aa044ccf]:hover {
+.user-panel-float .user-actions .action-btn[data-v-2f397ece]:hover {
   background-color: var(--theme-icon-hover);
   color: var(--theme-text);
 }
-.user-panel-float .user-actions .action-btn[data-v-aa044ccf]:focus {
+.user-panel-float .user-actions .action-btn[data-v-2f397ece]:focus {
   outline: none;
 }
-.server-sidebar[data-v-aa044ccf] {
+.server-sidebar[data-v-2f397ece] {
   display: flex;
   flex-direction: column;
   width: 72px;
@@ -781,23 +787,23 @@
   padding: 0 0 16px;
   padding-bottom: 73px;
 }
-.server-sidebar .server-list[data-v-aa044ccf] {
+.server-sidebar .server-list[data-v-2f397ece] {
   flex: 1;
   overflow-y: auto;
   overflow-x: hidden;
   border-right: 1px solid var(--theme-line);
   padding-top: 16px;
 }
-.server-sidebar .server-list[data-v-aa044ccf]::-webkit-scrollbar {
+.server-sidebar .server-list[data-v-2f397ece]::-webkit-scrollbar {
   width: 0;
 }
-.server-sidebar .logo-wrap[data-v-aa044ccf] {
+.server-sidebar .logo-wrap[data-v-2f397ece] {
   margin: 0 16px;
   border-bottom: 1px solid var(--theme-line-split);
   padding-bottom: 12px;
   margin-bottom: 12px;
 }
-.server-sidebar .logo-wrap .logo[data-v-aa044ccf] {
+.server-sidebar .logo-wrap .logo[data-v-2f397ece] {
   width: 40px;
   height: 40px;
   border-radius: 8px;
@@ -808,7 +814,7 @@
   overflow: hidden;
   transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
 }
-.server-sidebar .server-item[data-v-aa044ccf] {
+.server-sidebar .server-item[data-v-2f397ece] {
   position: relative;
   display: flex;
   align-items: center;
@@ -816,7 +822,7 @@
   margin: 0 16px 16px;
   cursor: pointer;
 }
-.server-sidebar .server-item .server-icon[data-v-aa044ccf] {
+.server-sidebar .server-item .server-icon[data-v-2f397ece] {
   width: 40px;
   height: 40px;
   border-radius: 8px;
@@ -827,35 +833,35 @@
   overflow: hidden;
   transition: border-radius 0.15s ease-out, background-color 0.15s ease-out;
 }
-.server-sidebar .server-item .server-icon img[data-v-aa044ccf] {
+.server-sidebar .server-item .server-icon img[data-v-2f397ece] {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.server-sidebar .server-item .server-icon .server-initial[data-v-aa044ccf] {
+.server-sidebar .server-item .server-icon .server-initial[data-v-2f397ece] {
   font-size: 18px;
   font-weight: 500;
   color: var(--theme-text);
 }
-.server-sidebar .server-item:hover .server-icon[data-v-aa044ccf], .server-sidebar .server-item.active .server-icon[data-v-aa044ccf] {
+.server-sidebar .server-item:hover .server-icon[data-v-2f397ece], .server-sidebar .server-item.active .server-icon[data-v-2f397ece] {
   border-radius: 16px;
   background-color: var(--theme-form-control-line-active);
 }
-.server-sidebar .server-item:hover .server-icon .server-initial[data-v-aa044ccf], .server-sidebar .server-item.active .server-icon .server-initial[data-v-aa044ccf] {
+.server-sidebar .server-item:hover .server-icon .server-initial[data-v-2f397ece], .server-sidebar .server-item.active .server-icon .server-initial[data-v-2f397ece] {
   color: var(--theme-light-text);
 }
-.server-sidebar .server-item .unread-badge[data-v-aa044ccf] {
+.server-sidebar .server-item .unread-badge[data-v-2f397ece] {
   position: absolute;
   bottom: -4px;
   right: 4px;
 }
-.server-sidebar .server-item.add-server[data-v-aa044ccf] {
+.server-sidebar .server-item.add-server[data-v-2f397ece] {
   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-aa044ccf] {
+.server-sidebar .server-item.add-server .add-server-btn[data-v-2f397ece] {
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -868,12 +874,12 @@
   color: var(--theme-success-text);
   font-size: 20px;
 }
-.server-sidebar .server-item.add-server .add-server-btn[data-v-aa044ccf]:hover {
+.server-sidebar .server-item.add-server .add-server-btn[data-v-2f397ece]:hover {
   border-radius: 16px;
   background-color: var(--theme-success-text);
   color: var(--theme-text);
 }
-.channel-sidebar[data-v-aa044ccf] {
+.channel-sidebar[data-v-2f397ece] {
   display: flex;
   flex-direction: column;
   width: 294px;
@@ -885,7 +891,7 @@
   padding-bottom: 73px;
   position: relative;
 }
-.channel-sidebar .resize-handle[data-v-aa044ccf] {
+.channel-sidebar .resize-handle[data-v-2f397ece] {
   position: absolute;
   top: 0;
   right: -3px;
@@ -895,17 +901,17 @@
   z-index: 20;
   transition: background-color 0.15s ease;
 }
-.channel-sidebar .resize-handle[data-v-aa044ccf]:hover, .channel-sidebar .resize-handle[data-v-aa044ccf]:active {
+.channel-sidebar .resize-handle[data-v-2f397ece]:hover, .channel-sidebar .resize-handle[data-v-2f397ece]:active {
   background-color: var(--theme-form-control-line-active);
 }
-.channel-sidebar .server-header[data-v-aa044ccf] {
+.channel-sidebar .server-header[data-v-2f397ece] {
   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-aa044ccf] {
+.channel-sidebar .server-header .server-name[data-v-2f397ece] {
   font-size: 15px;
   font-weight: 600;
   color: var(--theme-stress-text);
@@ -913,26 +919,26 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.channel-sidebar .server-header .server-setting[data-v-aa044ccf] {
+.channel-sidebar .server-header .server-setting[data-v-2f397ece] {
   color: #b9bbbe;
   cursor: pointer;
   font-size: 16px;
 }
-.channel-sidebar .server-header .server-setting[data-v-aa044ccf]:hover {
+.channel-sidebar .server-header .server-setting[data-v-2f397ece]:hover {
   color: #dcddde;
 }
-.channel-sidebar .channel-list[data-v-aa044ccf] {
+.channel-sidebar .channel-list[data-v-2f397ece] {
   flex: 1;
   overflow-y: auto;
 }
-.channel-sidebar .channel-list[data-v-aa044ccf]::-webkit-scrollbar {
+.channel-sidebar .channel-list[data-v-2f397ece]::-webkit-scrollbar {
   width: 4px;
 }
-.channel-sidebar .channel-list[data-v-aa044ccf]::-webkit-scrollbar-thumb {
+.channel-sidebar .channel-list[data-v-2f397ece]::-webkit-scrollbar-thumb {
   background-color: var(--theme-line);
   border-radius: 2px;
 }
-.channel-sidebar .channel-item[data-v-aa044ccf] {
+.channel-sidebar .channel-item[data-v-2f397ece] {
   display: flex;
   align-items: center;
   padding: 16px 22px;
@@ -940,39 +946,39 @@
   cursor: pointer;
   color: var(--theme-icon-fill-weak);
 }
-.channel-sidebar .channel-item[data-v-aa044ccf]:not(:last-child) {
+.channel-sidebar .channel-item[data-v-2f397ece]:not(:last-child) {
   margin-bottom: 2px;
 }
-.channel-sidebar .channel-item[data-v-aa044ccf]:hover {
+.channel-sidebar .channel-item[data-v-2f397ece]:hover {
   background-color: var(--theme-select-bg);
   color: var(--theme-text);
 }
-.channel-sidebar .channel-item:hover .channel-setting[data-v-aa044ccf] {
+.channel-sidebar .channel-item:hover .channel-setting[data-v-2f397ece] {
   opacity: 1;
 }
-.channel-sidebar .channel-item.active[data-v-aa044ccf] {
+.channel-sidebar .channel-item.active[data-v-2f397ece] {
   background-color: var(--theme-select-bg);
   color: var(--theme-text);
   font-weight: 500;
   font-size: 16px;
 }
-.channel-sidebar .channel-item .channel-icon[data-v-aa044ccf] {
+.channel-sidebar .channel-item .channel-icon[data-v-2f397ece] {
   margin-right: 6px;
   font-size: 20px;
   font-weight: 400;
   color: #8e9297;
 }
-.channel-sidebar .channel-item .channel-name[data-v-aa044ccf] {
+.channel-sidebar .channel-item .channel-name[data-v-2f397ece] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
 }
-.channel-sidebar .channel-item .channel-unread[data-v-aa044ccf] {
+.channel-sidebar .channel-item .channel-unread[data-v-2f397ece] {
   margin-left: 4px;
 }
-.channel-sidebar .channel-item .channel-setting[data-v-aa044ccf] {
+.channel-sidebar .channel-item .channel-setting[data-v-2f397ece] {
   opacity: 0;
   margin-left: 8px;
   font-size: 14px;
@@ -981,10 +987,10 @@
   transition: opacity 0.15s ease, color 0.15s ease;
   flex-shrink: 0;
 }
-.channel-sidebar .channel-item .channel-setting[data-v-aa044ccf]:hover {
+.channel-sidebar .channel-item .channel-setting[data-v-2f397ece]:hover {
   color: var(--theme-text);
 }
-.channel-sidebar .add-channel-item[data-v-aa044ccf] {
+.channel-sidebar .add-channel-item[data-v-2f397ece] {
   display: flex;
   align-items: center;
   padding: 12px 22px;
@@ -993,7 +999,7 @@
   margin-top: 4px;
   color: var(--theme-link);
 }
-.channel-sidebar .add-channel-item .channel-icon[data-v-aa044ccf] {
+.channel-sidebar .add-channel-item .channel-icon[data-v-2f397ece] {
   margin-right: 6px;
   font-size: 16px;
   color: var(--theme-link);
@@ -1002,64 +1008,64 @@
   align-items: center;
   justify-content: center;
 }
-.channel-sidebar .add-channel-item .channel-name[data-v-aa044ccf] {
+.channel-sidebar .add-channel-item .channel-name[data-v-2f397ece] {
   font-size: 14px;
 }
-[data-v-aa044ccf] .ant-modal .ant-modal-content {
+[data-v-2f397ece] .ant-modal .ant-modal-content {
   background-color: var(--theme-global-bg);
   border-radius: 8px;
 }
-[data-v-aa044ccf] .ant-modal .ant-modal-header {
+[data-v-2f397ece] .ant-modal .ant-modal-header {
   background-color: var(--theme-global-bg);
   border-bottom: none;
 }
-[data-v-aa044ccf] .ant-modal .ant-modal-title {
+[data-v-2f397ece] .ant-modal .ant-modal-title {
   color: var(--theme-text);
 }
-[data-v-aa044ccf] .ant-modal .ant-modal-close-x {
+[data-v-2f397ece] .ant-modal .ant-modal-close-x {
   color: #b9bbbe;
 }
-[data-v-aa044ccf] .ant-modal .ant-form-item-label > label {
+[data-v-2f397ece] .ant-modal .ant-form-item-label > label {
   color: #b9bbbe;
 }
-[data-v-aa044ccf] .ant-modal .ant-input {
+[data-v-2f397ece] .ant-modal .ant-input {
   background-color: var(--theme-line);
   border-color: #040405;
   color: #dcddde;
 }
-[data-v-aa044ccf] .ant-modal .ant-input::-moz-placeholder {
+[data-v-2f397ece] .ant-modal .ant-input::-moz-placeholder {
   color: #72767d;
 }
-[data-v-aa044ccf] .ant-modal .ant-input:-ms-input-placeholder {
+[data-v-2f397ece] .ant-modal .ant-input:-ms-input-placeholder {
   color: #72767d;
 }
-[data-v-aa044ccf] .ant-modal .ant-input::placeholder {
+[data-v-2f397ece] .ant-modal .ant-input::placeholder {
   color: #72767d;
 }
-[data-v-aa044ccf] .ant-modal .ant-input:hover,[data-v-aa044ccf] .ant-modal .ant-input:focus {
+[data-v-2f397ece] .ant-modal .ant-input:hover,[data-v-2f397ece] .ant-modal .ant-input:focus {
   border-color: #5865f2;
 }
-[data-v-aa044ccf] .ant-modal .ant-tabs-tab {
+[data-v-2f397ece] .ant-modal .ant-tabs-tab {
   color: #b9bbbe;
 }
-[data-v-aa044ccf] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+[data-v-2f397ece] .ant-modal .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
   color: var(--theme-text);
 }
-[data-v-aa044ccf] .ant-modal .ant-tabs-ink-bar {
+[data-v-2f397ece] .ant-modal .ant-tabs-ink-bar {
   background-color: #5865f2;
 }
-.footer-container[data-v-aa044ccf] {
+.footer-container[data-v-2f397ece] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
 }
-.invite-btn[data-v-aa044ccf] {
+.invite-btn[data-v-2f397ece] {
   cursor: pointer;
   color: var(--theme-icon-fill-weak);
   transition: color 0.15s ease;
 }
-.invite-btn[data-v-aa044ccf]:hover {
+.invite-btn[data-v-2f397ece]:hover {
   color: var(--theme-text);
 }.channel-modal .ant-modal-header {
   background-color: var(--theme-table-header-bg);
@@ -1336,41 +1342,41 @@ body.resizing * {
   justify-content: center;
   align-items: center;
   padding: 12px 0;
-}.qchat-container[data-v-40788bbc] {
+}.qchat-container[data-v-240f366f] {
   display: flex;
   height: 100%;
   width: 100%;
   color: var(--theme-text);
   font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
-.loading-wrap[data-v-40788bbc],
-.error-wrap[data-v-40788bbc],
-.init-wrap[data-v-40788bbc] {
+.loading-wrap[data-v-240f366f],
+.error-wrap[data-v-240f366f],
+.init-wrap[data-v-240f366f] {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
 }
-.loading-wrap[data-v-40788bbc] .ant-spin-text,
-.error-wrap[data-v-40788bbc] .ant-spin-text,
-.init-wrap[data-v-40788bbc] .ant-spin-text {
+.loading-wrap[data-v-240f366f] .ant-spin-text,
+.error-wrap[data-v-240f366f] .ant-spin-text,
+.init-wrap[data-v-240f366f] .ant-spin-text {
   color: #dcddde;
 }
-.loading-wrap[data-v-40788bbc] .ant-result-title,
-.loading-wrap[data-v-40788bbc] .ant-result-subtitle,
-.error-wrap[data-v-40788bbc] .ant-result-title,
-.error-wrap[data-v-40788bbc] .ant-result-subtitle,
-.init-wrap[data-v-40788bbc] .ant-result-title,
-.init-wrap[data-v-40788bbc] .ant-result-subtitle {
+.loading-wrap[data-v-240f366f] .ant-result-title,
+.loading-wrap[data-v-240f366f] .ant-result-subtitle,
+.error-wrap[data-v-240f366f] .ant-result-title,
+.error-wrap[data-v-240f366f] .ant-result-subtitle,
+.init-wrap[data-v-240f366f] .ant-result-title,
+.init-wrap[data-v-240f366f] .ant-result-subtitle {
   color: #dcddde;
 }
-.loading-wrap[data-v-40788bbc] .ant-empty-description,
-.error-wrap[data-v-40788bbc] .ant-empty-description,
-.init-wrap[data-v-40788bbc] .ant-empty-description {
+.loading-wrap[data-v-240f366f] .ant-empty-description,
+.error-wrap[data-v-240f366f] .ant-empty-description,
+.init-wrap[data-v-240f366f] .ant-empty-description {
   color: #72767d;
 }
-.chat-main[data-v-40788bbc] {
+.chat-main[data-v-240f366f] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -1378,12 +1384,12 @@ body.resizing * {
   overflow: hidden;
   min-width: 300px;
 }
-.chat-main .no-channel[data-v-40788bbc] {
+.chat-main .no-channel[data-v-240f366f] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
 }
-.chat-main .no-channel[data-v-40788bbc] .ant-empty-description {
+.chat-main .no-channel[data-v-240f366f] .ant-empty-description {
   color: #72767d;
 }

package/dist/types/qchat-server.d.ts

@@ -3,5 +3,5 @@ export interface QChatServerMember extends MemberInfo {
     /** 昵称 后端添加 */
     nickname?: string;
     /** 用户名 后端添加 */
-    username: string;
+    username?: string;
 }