st-comp 0.0.269 → 0.0.270

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.269",
+  "version": "0.0.270",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/packages/VarietyAiHelper/index.vue

@@ -404,12 +404,14 @@ defineExpose({
               <div
                 v-if="isJSONSerializable(message.content)"
                 class="message-json"
+                :class="{ 'result-animation': index === messageList.length - 1 && showFinalResult }"
                 v-html="renderJSONContent(formatJSONContent(message.content))"
               ></div>
 
               <div
                 v-else-if="message.content"
                 class="message-text"
+                :class="{ 'result-animation': index === messageList.length - 1 && showFinalResult }"
               >
                 {{ message.content }}
               </div>
@@ -539,22 +541,8 @@ defineExpose({
 
       .message-item {
         display: flex;
-        animation: fadeInUp 0.3s ease-out;
         margin-bottom: 20px;
 
-        &:nth-child(1) {
-          animation-delay: 0.05s;
-        }
-        &:nth-child(2) {
-          animation-delay: 0.1s;
-        }
-        &:nth-child(3) {
-          animation-delay: 0.15s;
-        }
-        &:nth-child(4) {
-          animation-delay: 0.2s;
-        }
-
         .avatar {
           flex-shrink: 0;
           :deep(.el-avatar) {
@@ -633,7 +621,6 @@ defineExpose({
         .node-status-icon {
           position: relative;
           z-index: 1;
-          background: white;
           border-radius: 50%;
           width: 20px;
           height: 20px;
@@ -720,18 +707,12 @@ defineExpose({
       border-radius: 18px 18px 18px 4px;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
       border: 1px solid rgba(102, 126, 234, 0.2);
-      background: white;
       transition: all 0.3s ease;
     }
 
-    .message-text {
-      animation: messageAppear 0.3s ease-out;
-    }
-
     .message-json {
       width: 100%;
       overflow: hidden;
-      animation: resultAppear 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
 
       :deep(.parsed-conditions) {
         margin: 0;
@@ -742,16 +723,10 @@ defineExpose({
           color: #f56c6c;
           margin-bottom: 8px;
           padding: 8px 12px;
-          background: linear-gradient(135deg, #fff5f5 0%, #ffebeb 100%);
+          background: linear-gradient(135deg, #ffebeb 0%, #ffe0e0 100%);
           border-radius: 12px;
           font-weight: 500;
           transition: all 0.2s ease;
-
-          &:hover {
-            transform: translateX(4px);
-            background: linear-gradient(135deg, #ffebeb 0%, #ffe0e0 100%);
-          }
-
           &:last-child {
             margin-bottom: 0;
           }
@@ -759,6 +734,10 @@ defineExpose({
       }
     }
 
+    .result-animation {
+      animation: resultAppear 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
+    }
+
     .message-createTime {
       font-size: 11px;
       color: #9ca3af;
@@ -875,17 +854,6 @@ defineExpose({
   }
 }
 
-@keyframes fadeInUp {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
 @keyframes slideIn {
   from {
     opacity: 0;
@@ -915,17 +883,6 @@ defineExpose({
   }
 }
 
-@keyframes messageAppear {
-  from {
-    opacity: 0;
-    transform: translateY(8px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
 @keyframes resultAppear {
   0% {
     opacity: 0;