yx-web-sdk 0.0.4

package/dist/index/style2.css

@@ -0,0 +1,175 @@
+.yx-chatroomWrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.yx-chatroomWrapper .chatroomContent {
+  flex: 1;
+  padding: 24px;
+  overflow-y: auto;
+}
+.yx-chatroomWrapper .chatroomContent.is-scroll-locked {
+  overflow: hidden;
+}
+.yx-chatroomWrapper .chatroomContentNoMore {
+  text-align: center;
+  height: 21px;
+  line-height: 21px;
+}
+.yx-chatroomWrapper .emptyChatroomContent {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-end;
+}
+.yx-chatroomWrapper .emptyChatroomContent h1 {
+  color: var(--theme-text);
+  margin: 0;
+  font-size: 24px;
+}
+.yx-chatroomWrapper .emptyChatroomContent div {
+  font-size: 16px;
+  color: #b3b7bc;
+}
+.yx-chatroomWrapper .chatroomControllerContainer {
+  padding: 0px 12px 12px;
+  width: 100%;
+}
+.yx-chatroomWrapper .chatroomInputQuoteWrapper {
+  font-size: 16px;
+  color: var(--theme-text-secondary, #9c9db4);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  border-bottom: 1px solid var(--theme-line, #e3e3ee);
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  position: relative;
+}
+.yx-chatroomWrapper .chatroomInputQuoteWrapper .chatroomInputQuoteDeleteBtn {
+  position: absolute;
+  right: 0;
+  top: 0;
+  color: var(--theme-text, #252b3a);
+}
+.yx-chatroomWrapper .chatroomInputQuoteWrapper .chatroomInputQuoteText {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.yx-chatroomWrapper .chatroomInputQuoteWrapper .chatroomInputQuoteText .chatroomInputQuoteTextName {
+  color: var(--theme-text, #252b3a);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+}
+.yx-chatroomWrapper .chatroomInputQuoteWrapper .chatroomInputQuoteText .chatroomInputQuoteTextBody {
+  color: var(--theme-text, #252b3a);
+  word-break: break-all;
+  white-space: pre-wrap;
+  text-align: left;
+  max-width: 100%;
+  width: -moz-fit-content;
+  width: fit-content;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+}
+.yx-chatroomWrapper .chatroomInputQuoteWrapper .quoteImg {
+  user-drag: none;
+  -webkit-user-drag: none;
+  pointer-events: none;
+}
+.yx-chatroomWrapper {
+  --input-controller-height: 34px;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper {
+  padding: 12px;
+  border-radius: 8px;
+  background-color: var(--theme-default-bg, #fff);
+  width: 100%;
+  color: var(--theme-line, #e3e3ee);
+  border: 1px solid var(--theme-line, #e3e3ee);
+  box-shadow: var(--theme-chat-input-shadow, 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431), 0px 2px 6px 0px rgba(29, 31, 58, 0.0196078431), 0px 4px 12px 0px rgba(29, 31, 58, 0.0196078431), 0px 8px 24px 0px rgba(29, 31, 58, 0.0392156863));
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInputWrapper {
+  display: flex;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInputLeft {
+  align-self: flex-end;
+  min-height: var(--input-controller-height);
+  display: flex;
+  align-items: center;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInputLeft .chatroomButtonSmile {
+  width: 28px;
+  height: 28px;
+  padding: 0;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .lineSeparator {
+  width: 1px;
+  height: 24px;
+  background-color: var(--theme-line, #e3e3ee);
+  margin-top: auto;
+  margin-bottom: auto;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomButtonArrowUp {
+  width: var(--input-controller-height);
+  height: var(--input-controller-height);
+  padding: 0;
+  background-color: var(--theme-btn-primary, #000);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomButtonArrowUp[disabled] {
+  background-color: var(--theme-disabled-tag-border1, #cccccc);
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomButtonArrowUp [aria-label=arrow-up] {
+  color: var(--theme-light-text, #fff);
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInput {
+  align-self: center;
+  flex: 1;
+  height: 100%;
+  line-height: 100%;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  resize: none;
+  color: var(--theme-text, #252b3a);
+  background-color: var(--theme-default-bg, #fff);
+  font-size: 16px;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInput::-moz-placeholder {
+  color: var(--theme-placeholder, #9c9db4);
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInput:-ms-input-placeholder {
+  color: var(--theme-placeholder, #9c9db4);
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInput::placeholder {
+  color: var(--theme-placeholder, #9c9db4);
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomInput:active, .yx-chatroomWrapper .chatroomControllerWrapper .chatroomInput:focus {
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+.yx-chatroomWrapper .chatroomControllerWrapper .chatroomController {
+  min-height: var(--input-controller-height);
+  display: flex;
+  align-items: flex-end;
+  gap: 12px;
+}

package/dist/index/style3.css

@@ -0,0 +1,36 @@
+@charset "UTF-8";
+/* @ 提及弹框：位置由 @floating-ui/dom 计算并应用 */
+.yx-ait-person-popover[data-v-11993b55] {
+  position: fixed;
+  z-index: 1050;
+  min-width: 200px;
+  max-height: 280px;
+  overflow-y: auto;
+  background: var(--theme-default-bg, #fff);
+  border-radius: 4px;
+  border: 1px solid var(--theme-dividing-line, #f1f1f8);
+  box-shadow: var(--theme-chat-input-shadow, 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431), 0px 2px 6px 0px rgba(29, 31, 58, 0.0196078431), 0px 4px 12px 0px rgba(29, 31, 58, 0.0196078431), 0px 8px 24px 0px rgba(29, 31, 58, 0.0392156863));
+}
+.yx-ait-person-popover .ait-person-popover-content[data-v-11993b55] {
+  padding: 4px 0;
+}
+.yx-ait-person-popover .ait-person-item[data-v-11993b55] {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  cursor: pointer;
+  gap: 8px;
+}
+.yx-ait-person-popover .ait-person-item[data-v-11993b55]:hover {
+  background-color: var(--theme-area, #f1f1f8);
+}
+.yx-ait-person-popover .ait-person-item--selected[data-v-11993b55] {
+  background-color: var(--theme-area, #f1f1f8);
+}
+.yx-ait-person-popover .ait-person-item-name[data-v-11993b55] {
+  font-size: 14px;
+  color: var(--theme-text, #252b3a);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/dist/index/style4.css

@@ -0,0 +1,168 @@
+@charset "UTF-8";
+.yx-chatCardWrapper {
+  width: 100%;
+  display: flex;
+  align-items: flex-start;
+}
+.yx-chatCardWrapper:not(:first-child) {
+  margin-top: 10px;
+}
+.yx-chatCardWrapper.reverse {
+  flex-direction: row-reverse;
+}
+.yx-chatCardWrapper.reverse .chatCardContent {
+  flex-direction: row-reverse;
+  margin-left: 0;
+  margin-right: 12px;
+}
+.yx-chatCardWrapper.reverse .chatCardInfo {
+  display: flex;
+  flex-direction: row-reverse;
+}
+.yx-chatCardWrapper.reverse .chatCardMainContent {
+  display: flex;
+  flex-direction: row-reverse;
+}
+.yx-chatCardWrapper.reverse .chatCardStatus {
+  margin-right: 10px;
+  margin-left: 0;
+}
+.yx-chatCardWrapper .chatCardContent {
+  flex: 1;
+  margin-left: 12px;
+  display: flex;
+  align-items: center;
+}
+.yx-chatCardWrapper .chatCardInfo {
+  font-size: 12px;
+  color: var(--theme-text, #252b3a);
+  text-align: left;
+  margin-bottom: 3px;
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+}
+.yx-chatCardWrapper .chatCardInfo .chatCardInfoName {
+  color: var(--theme-text, #252b3a);
+  font-weight: 500;
+  font-size: 16px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+  max-width: 375px;
+}
+.yx-chatCardWrapper .chatCardInfo .chatCardInfoTime {
+  color: var(--theme-placeholder, #9c9db4);
+  font-size: 14px;
+}
+.yx-chatCardWrapper .chatCardStatus {
+  margin-left: 10px;
+}
+.yx-chatCardWrapper .chatCardMainContent.myMsg .textMsg {
+  color: var(--theme-light-text, #fff);
+  background-color: var(--theme-btn-primary, #000);
+}
+.yx-chatCardWrapper .chatCardMainContent.otherMsg .textMsg {
+  background-color: var(--theme-area, #f1f1f8);
+}
+.yx-chatCardWrapper .textMsg {
+  font-size: 16px;
+  padding: 12px 16px;
+  color: var(--theme-text, #252b3a);
+  word-break: break-all;
+  white-space: pre-wrap;
+  text-align: left;
+  border-radius: 8px;
+  max-width: 100%;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.yx-chatCardWrapper .textMsg a {
+  color: var(--theme-link, #2951e0) !important;
+}
+.yx-chatCardWrapper .chatCardQuoteMsg {
+  margin-top: 8px;
+  font-size: 16px;
+  padding: 12px 16px;
+  background-color: var(--theme-home-tab-bg-color, #f2f2f2);
+  border-radius: 8px;
+}
+.yx-chatCardWrapper .chatCardQuoteMsg .quoteMsgText {
+  color: var(--theme-text, #252b3a);
+  word-break: break-all;
+  white-space: pre-wrap;
+  text-align: left;
+  max-width: 100%;
+  width: -moz-fit-content;
+  width: fit-content;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  overflow: hidden;
+}
+.yx-chatCardWrapper .chatCardQuoteMsg .quoteMsgImg {
+  user-drag: none;
+  -webkit-user-drag: none;
+}
+.yx-chatCardWrapper .fileMsg {
+  width: -moz-fit-content;
+  width: fit-content;
+  background-color: #23252c;
+  display: flex;
+  align-items: center;
+  padding: 12px 16px;
+  border-radius: 8px;
+}
+.yx-chatCardWrapper .fileMsg .fileMsgContent {
+  min-width: 175px;
+  margin-left: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.yx-chatCardWrapper .fileMsg .fileMsgName {
+  color: var(--theme-text);
+}
+.yx-chatCardWrapper .fileMsg .fileMsgSize {
+  color: #6e6f74;
+}
+
+/* 文本消息自定义右键菜单（Teleport 到 body，根节点 yx- 前缀，不嵌套以便选中 body 下节点） */
+.yx-chatCardTextMsgContextMenu {
+  position: fixed;
+  z-index: 9999;
+  min-width: 100px;
+  padding: 4px 0;
+  background: var(--theme-default-bg, #fff);
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  border: 1px solid var(--theme-line, #e3e3ee);
+}
+.yx-chatCardTextMsgContextMenu .yx-chatCardTextMsgContextMenu-item {
+  padding: 6px 12px;
+  font-size: 14px;
+  color: var(--theme-text, #252b3a);
+  cursor: pointer;
+  white-space: nowrap;
+}
+.yx-chatCardTextMsgContextMenu .yx-chatCardTextMsgContextMenu-item:hover {
+  background: var(--theme-area, #f5f5f5);
+}
+
+/* 闪烁动画：只执行一次 */
+.yx-flash-a-moment .flash-target {
+  animation: flash-a-moment 1s ease-in-out 1 forwards;
+}
+@keyframes flash-a-moment {
+0% {
+    opacity: 1;
+}
+50% {
+    opacity: 0.6;
+}
+100% {
+    opacity: 1;
+}
+}

package/dist/index/style5.css

@@ -0,0 +1,147 @@
+.yx-members-sidebar[data-v-472a2fa7] {
+  display: flex;
+  flex-direction: column;
+  width: 240px;
+  background-color: var(--theme-table-header-bg);
+  border-left: 1px solid var(--theme-dividing-line, #f1f1f8);
+  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+}
+.yx-members-sidebar.collapsed[data-v-472a2fa7] {
+  width: 50px;
+}
+.yx-members-sidebar.collapsed .members-header[data-v-472a2fa7] {
+  justify-content: center;
+  border-bottom: 1px solid var(--theme-dividing-line, #f1f1f8);
+}
+.yx-members-sidebar.collapsed .members-list[data-v-472a2fa7] {
+  padding: 8px 6px;
+}
+.yx-members-sidebar.collapsed .member-item[data-v-472a2fa7] {
+  justify-content: center;
+  padding: 6px 0;
+}
+.yx-members-sidebar.collapsed .member-item .member-avatar[data-v-472a2fa7] {
+  margin-right: 0;
+}
+.yx-members-sidebar .members-header[data-v-472a2fa7] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 22px 20px;
+  border-bottom: 1px solid var(--theme-dividing-line, #f1f1f8);
+  gap: 8px;
+}
+.yx-members-sidebar .members-header .members-title[data-v-472a2fa7] {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--theme-icon-fill-weak);
+  flex: 1;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+.yx-members-sidebar .members-header .members-count[data-v-472a2fa7] {
+  font-size: 12px;
+  color: var(--theme-icon-fill-weak);
+  background-color: var(--theme-global-bg);
+  padding: 2px 8px;
+  border-radius: 10px;
+}
+.yx-members-sidebar .members-header .toggle-btn[data-v-472a2fa7] {
+  width: 22px;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--theme-icon-fill-weak);
+  transition: all 0.15s ease;
+  flex-shrink: 0;
+}
+.yx-members-sidebar .members-header .toggle-btn[data-v-472a2fa7]:hover {
+  background-color: var(--theme-icon-hover);
+  color: var(--theme-text);
+}
+.yx-members-sidebar .members-list[data-v-472a2fa7] {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+.yx-members-sidebar .members-list[data-v-472a2fa7]::-webkit-scrollbar {
+  width: 4px;
+}
+.yx-members-sidebar .members-list[data-v-472a2fa7]::-webkit-scrollbar-thumb {
+  background-color: var(--theme-line);
+  border-radius: 2px;
+}
+.yx-members-sidebar .member-item[data-v-472a2fa7] {
+  display: flex;
+  align-items: center;
+  padding: 6px 8px;
+  border-radius: 6px;
+  cursor: default;
+  transition: background-color 0.15s ease, opacity 0.15s ease;
+  margin-bottom: 2px;
+}
+.yx-members-sidebar .member-item[data-v-472a2fa7]:hover {
+  background-color: var(--theme-icon-hover);
+}
+.yx-members-sidebar .member-item.offline[data-v-472a2fa7] {
+  opacity: 0.5;
+}
+.yx-members-sidebar .member-item.offline[data-v-472a2fa7]:hover {
+  opacity: 0.8;
+}
+.yx-members-sidebar .member-item.offline .member-name[data-v-472a2fa7] {
+  color: var(--theme-icon-fill-weak);
+}
+.yx-members-sidebar .member-item .member-avatar[data-v-472a2fa7] {
+  position: relative;
+  margin-right: 10px;
+  flex-shrink: 0;
+}
+.yx-members-sidebar .member-item .member-avatar .online-dot[data-v-472a2fa7] {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 10px;
+  height: 10px;
+  background-color: #52c41a;
+  border: 2px solid var(--theme-table-header-bg);
+  border-radius: 50%;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+}
+.yx-members-sidebar .member-item .member-avatar .owner-badge[data-v-472a2fa7] {
+  position: absolute;
+  bottom: -2px;
+  right: -2px;
+  width: 16px;
+  height: 16px;
+  background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 9px;
+  color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+}
+.yx-members-sidebar .member-item .member-info[data-v-472a2fa7] {
+  flex: 1;
+  overflow: hidden;
+}
+.yx-members-sidebar .member-item .member-info .member-name[data-v-472a2fa7] {
+  font-size: 14px;
+  color: var(--theme-text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  transition: color 0.15s ease;
+}
+.yx-members-sidebar .loading-more[data-v-472a2fa7] {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 12px 0;
+}

package/dist/index/style6.css

@@ -0,0 +1,43 @@
+@charset "UTF-8";
+.yx-channel-notice {
+  background: var(--theme-im-n-bg, #dbe2fa);
+  border-radius: 6px;
+  padding: 13px 16px;
+  color: var(--theme-primary, #000);
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  max-width: 100%;
+  width: 100%;
+}
+.yx-channel-notice .yx-channel-notice-icon {
+  width: 20px;
+  height: 20px;
+  margin-right: 16px;
+  flex-shrink: 0;
+}
+.yx-channel-notice .yx-channel-notice-text {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+.yx-channel-notice .yx-channel-notice-text-inner {
+  line-height: 22px;
+  display: inline-flex;
+  white-space: nowrap;
+}
+.yx-channel-notice .yx-channel-notice-text-inner.yx-channel-notice-text--scroll {
+  animation: yx-notice-scroll var(--yx-notice-duration, 15s) linear infinite;
+}
+.yx-channel-notice .yx-channel-notice-text-item {
+  flex-shrink: 0;
+  padding-right: 2em; /* 两段文字之间的间隔 */
+}
+@keyframes yx-notice-scroll {
+0% {
+    transform: translateX(0);
+}
+100% {
+    transform: translateX(-50%);
+}
+}