@touchvue/chat 1.0.0-beta.47 → 1.0.0-beta.49

package/theme/components/index.css

@@ -290,6 +290,22 @@
   opacity: 0;
   overflow: hidden;
 }
+.touchchat-ai-may-like {
+  margin-top: 0.5em;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4em;
+}
+.touchchat-ai-may-like .touchchat-ai-may-like-item {
+  display: inline-block;
+  cursor: pointer;
+  background-color: #ededed;
+  padding: 0.5em 0.8em;
+  border-radius: 0.8em;
+}
+.touchchat-ai-may-like .touchchat-ai-may-like-item:hover {
+  background-color: #d6d6d6;
+}
 @keyframes loading {
   0% {
     transform: rotate(0deg);
@@ -776,6 +792,47 @@
   flex-direction: column;
   gap: 1em;
 }
+.touchchat-dialog-content .touchchat-list-box {
+  display: flex;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check {
+  padding: 0 1em;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox'] {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  cursor: pointer;
+  position: relative;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox']:checked {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox']:checked::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 4px;
+  height: 7px;
+  border: solid #fff;
+  /* 加粗线条 */
+  border-width: 0 2.5px 2.5px 0;
+  transform: translate(-50%, -65%) rotate(45deg);
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content {
+  flex: 1;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content.status-select {
+  background-color: #eee;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content.select-mode * {
+  pointer-events: none;
+}
 .touchchat-dialog-withDraw {
   text-align: center;
   color: #868686;
@@ -889,6 +946,8 @@ table.touchchat-table tr:hover {
   --user-read-content: '\ea42';
   --user-is-read-content: '\e63c';
   --quote-close-fill-content: '\e724';
+  --ai-may-like-item-icon-content: '\e72c';
+  --ai-may-like-item-icon-color: #000;
 }
 .touchchat-action-item {
   position: relative;
@@ -947,6 +1006,14 @@ table.touchchat-table tr:hover {
 .touchchat-action-item.value-close-fill {
   --action-icon-content: var(--quote-close-fill-content);
 }
+.touchchat-action-item.value-right-arrow {
+  --action-icon-content: var(--ai-may-like-item-icon-content);
+  color: var(--ai-may-like-item-icon-color);
+}
+.touchchat-action-item.value-right-arrow:hover {
+  background-color: transparent;
+  color: var(--ai-may-like-item-icon-color);
+}
 .touchchat-action-item.value-good.is-on {
   --action-icon-content: var(--action-good-on-content);
   color: var(--action-good-on-color);

package/theme/index.css

@@ -293,6 +293,22 @@
   opacity: 0;
   overflow: hidden;
 }
+.touchchat-ai-may-like {
+  margin-top: 0.5em;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4em;
+}
+.touchchat-ai-may-like .touchchat-ai-may-like-item {
+  display: inline-block;
+  cursor: pointer;
+  background-color: #ededed;
+  padding: 0.5em 0.8em;
+  border-radius: 0.8em;
+}
+.touchchat-ai-may-like .touchchat-ai-may-like-item:hover {
+  background-color: #d6d6d6;
+}
 @keyframes loading {
   0% {
     transform: rotate(0deg);
@@ -779,6 +795,47 @@
   flex-direction: column;
   gap: 1em;
 }
+.touchchat-dialog-content .touchchat-list-box {
+  display: flex;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check {
+  padding: 0 1em;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox'] {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  cursor: pointer;
+  position: relative;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox']:checked {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox']:checked::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 4px;
+  height: 7px;
+  border: solid #fff;
+  /* 加粗线条 */
+  border-width: 0 2.5px 2.5px 0;
+  transform: translate(-50%, -65%) rotate(45deg);
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content {
+  flex: 1;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content.status-select {
+  background-color: #eee;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content.select-mode * {
+  pointer-events: none;
+}
 .touchchat-dialog-withDraw {
   text-align: center;
   color: #868686;
@@ -892,6 +949,8 @@ table.touchchat-table tr:hover {
   --user-read-content: '\ea42';
   --user-is-read-content: '\e63c';
   --quote-close-fill-content: '\e724';
+  --ai-may-like-item-icon-content: '\e72c';
+  --ai-may-like-item-icon-color: #000;
 }
 .touchchat-action-item {
   position: relative;
@@ -950,6 +1009,14 @@ table.touchchat-table tr:hover {
 .touchchat-action-item.value-close-fill {
   --action-icon-content: var(--quote-close-fill-content);
 }
+.touchchat-action-item.value-right-arrow {
+  --action-icon-content: var(--ai-may-like-item-icon-content);
+  color: var(--ai-may-like-item-icon-color);
+}
+.touchchat-action-item.value-right-arrow:hover {
+  background-color: transparent;
+  color: var(--ai-may-like-item-icon-color);
+}
 .touchchat-action-item.value-good.is-on {
   --action-icon-content: var(--action-good-on-content);
   color: var(--action-good-on-color);

package/theme/skin/default.css

@@ -293,6 +293,22 @@
   opacity: 0;
   overflow: hidden;
 }
+.touchchat-ai-may-like {
+  margin-top: 0.5em;
+  display: flex;
+  flex-direction: column;
+  gap: 0.4em;
+}
+.touchchat-ai-may-like .touchchat-ai-may-like-item {
+  display: inline-block;
+  cursor: pointer;
+  background-color: #ededed;
+  padding: 0.5em 0.8em;
+  border-radius: 0.8em;
+}
+.touchchat-ai-may-like .touchchat-ai-may-like-item:hover {
+  background-color: #d6d6d6;
+}
 @keyframes loading {
   0% {
     transform: rotate(0deg);
@@ -779,6 +795,47 @@
   flex-direction: column;
   gap: 1em;
 }
+.touchchat-dialog-content .touchchat-list-box {
+  display: flex;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check {
+  padding: 0 1em;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox'] {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  cursor: pointer;
+  position: relative;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox']:checked {
+  background-color: #409eff;
+  border-color: #409eff;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-check input[type='checkbox']:checked::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 4px;
+  height: 7px;
+  border: solid #fff;
+  /* 加粗线条 */
+  border-width: 0 2.5px 2.5px 0;
+  transform: translate(-50%, -65%) rotate(45deg);
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content {
+  flex: 1;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content.status-select {
+  background-color: #eee;
+}
+.touchchat-dialog-content .touchchat-list-box .touchchat-list-content.select-mode * {
+  pointer-events: none;
+}
 .touchchat-dialog-withDraw {
   text-align: center;
   color: #868686;
@@ -892,6 +949,8 @@ table.touchchat-table tr:hover {
   --user-read-content: '\ea42';
   --user-is-read-content: '\e63c';
   --quote-close-fill-content: '\e724';
+  --ai-may-like-item-icon-content: '\e72c';
+  --ai-may-like-item-icon-color: #000;
 }
 .touchchat-action-item {
   position: relative;
@@ -950,6 +1009,14 @@ table.touchchat-table tr:hover {
 .touchchat-action-item.value-close-fill {
   --action-icon-content: var(--quote-close-fill-content);
 }
+.touchchat-action-item.value-right-arrow {
+  --action-icon-content: var(--ai-may-like-item-icon-content);
+  color: var(--ai-may-like-item-icon-color);
+}
+.touchchat-action-item.value-right-arrow:hover {
+  background-color: transparent;
+  color: var(--ai-may-like-item-icon-color);
+}
 .touchchat-action-item.value-good.is-on {
   --action-icon-content: var(--action-good-on-content);
   color: var(--action-good-on-color);