@alifd/chat 0.3.52-beta.2 → 0.3.52-beta.4

package/lib/mermaid-view/main.scss

@@ -1,144 +1,101 @@
 @use "../core/variables.scss" as *;
 
 .#{$prefix}mermaid-view {
-  margin-bottom: var(--s-2, 8px);
-  border-radius: var(--corner-2, 8px);
-  overflow: hidden;
-  background-color: var(--color-fill1-1);
-  border: 1px solid var(--color-line1-2);
-
-  &-wrapper {
-    display: flex;
-    flex-direction: column;
-  }
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: var(--s-2, 8px) var(--s-3, 12px);
-    line-height: 22px;
-    background-color: var(--color-fill1-2);
-    border-bottom: 1px solid var(--color-line1-2);
-  }
-
-  &-title {
-    font-weight: bold;
-    color: var(--color-text1-4);
-    font-size: var(--font-size-body-2);
-  }
-
-  &-copy {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
-    height: 24px;
-    border-radius: var(--corner-1, 4px);
-    cursor: pointer;
-    transition: all 0.2s ease;
-    color: var(--color-text1-3);
-
-    &:hover {
-      background-color: var(--color-fill1-3);
-      color: var(--color-text1-4);
+    &-wrapper {
+        border-radius: var(--corner-2, 8px);
+        overflow: hidden;
+        background-color: var(--color-fill1-1);
+        position: relative;
     }
 
-    &:active {
-      background-color: var(--color-fill1-4);
-    }
-  }
-
-  &-container {
-    position: relative;
-    min-height: 100px;
-  }
-
-  &-content {
-    padding: var(--s-3, 12px);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100px;
-
-    .mermaid-chart {
-      max-width: 100%;
-      overflow: auto;
-      
-      svg {
-        max-width: 100%;
-        height: auto;
-      }
+    &-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: var(--s-2, 8px) var(--s-3, 12px);
+        line-height: 24px;
+        background-color: var(--color-fill1-2);
     }
-  }
-
-  &-error {
-    padding: var(--s-3, 12px);
-    color: var(--color-error-6);
 
-    .error-message {
-      display: flex;
-      align-items: center;
-      gap: var(--s-1, 4px);
-      margin-bottom: var(--s-2, 8px);
-      font-size: var(--font-size-body-2);
+    &-title {
+        color: var(--color-text1-4);
+        font-size: 14px;
+        font-weight: 600;
     }
 
-    .error-details {
-      margin-top: var(--s-2, 8px);
-
-      summary {
+    &-copy {
         cursor: pointer;
-        color: var(--color-text1-3);
-        font-size: var(--font-size-body-1);
-        margin-bottom: var(--s-1, 4px);
-      }
-
-      .error-code {
-        background-color: var(--color-fill1-2);
-        border: 1px solid var(--color-line1-2);
-        border-radius: var(--corner-1, 4px);
-        padding: var(--s-2, 8px);
-        margin: 0;
-        overflow-x: auto;
-        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-        font-size: var(--font-size-body-1);
+        height: 22px;
         color: var(--color-text1-2);
-        white-space: pre-wrap;
-        word-break: break-all;
-      }
-    }
-  }
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
-  // 暗色主题
-  &-dark {
-    background-color: var(--color-fill1-2);
-    border-color: var(--color-line1-3);
-
-    .#{$prefix}mermaid-view-header {
-      background-color: var(--color-fill1-3);
-      border-bottom-color: var(--color-line1-3);
+        &:hover {
+            color: var(--color-text1-3);
+        }
     }
 
-    .#{$prefix}mermaid-view-title {
-      color: var(--color-text1-3);
+    &-container {
+        max-height: 500px;
+        overflow-y: auto;
+        position: relative;
+        min-height: 100px;
     }
 
-    .#{$prefix}mermaid-view-copy {
-      color: var(--color-text1-2);
-
-      &:hover {
-        background-color: var(--color-fill1-4);
-        color: var(--color-text1-3);
-      }
+    &-content {
+        padding: var(--s-3, 12px);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        min-height: 100px;
+
+        .mermaid-chart {
+            max-width: 100%;
+            overflow: auto;
+            
+            svg {
+                max-width: 100%;
+                height: auto;
+            }
+        }
     }
 
-    .#{$prefix}mermaid-view-error {
-      .error-details .error-code {
-        background-color: var(--color-fill1-3);
-        border-color: var(--color-line1-3);
-        color: var(--color-text1-1);
-      }
+    &-error {
+        padding: var(--s-3, 12px);
+        color: var(--color-error-6);
+
+        .error-message {
+            display: flex;
+            align-items: center;
+            gap: var(--s-1, 4px);
+            margin-bottom: var(--s-2, 8px);
+            font-size: var(--font-size-body-2);
+        }
+
+        .error-details {
+            margin-top: var(--s-2, 8px);
+
+            summary {
+                cursor: pointer;
+                color: var(--color-text1-3);
+                font-size: var(--font-size-body-1);
+                margin-bottom: var(--s-1, 4px);
+            }
+
+            .error-code {
+                background-color: var(--color-fill1-2);
+                border: 1px solid var(--color-line1-2);
+                border-radius: var(--corner-1, 4px);
+                padding: var(--s-2, 8px);
+                margin: 0;
+                overflow-x: auto;
+                font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+                font-size: var(--font-size-body-1);
+                color: var(--color-text1-2);
+                white-space: pre-wrap;
+                word-break: break-all;
+            }
+        }
     }
-  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.52-beta.2",
+  "version": "0.3.52-beta.4",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",

package/dist/docs/markdown/9690.css

@@ -1 +0,0 @@
-:root{--form-element-medium-height:34px;--form-element-medium-line-height:18px;--input-control-right:0px;--input-control-top:10px;--input-control-padding-right:20px}.ct-mermaid-view{margin-bottom:var(--s-2,8px);border-radius:var(--corner-2,8px);background-color:var(--color-fill1-1);border:1px solid var(--color-line1-2);overflow:hidden}.ct-mermaid-view-wrapper{flex-direction:column;display:flex}.ct-mermaid-view-header{padding:var(--s-2,8px)var(--s-3,12px);background-color:var(--color-fill1-2);border-bottom:1px solid var(--color-line1-2);justify-content:space-between;align-items:center;line-height:22px;display:flex}.ct-mermaid-view-title{color:var(--color-text1-4);font-weight:700;font-size:var(--font-size-body-2)}.ct-mermaid-view-copy{border-radius:var(--corner-1,4px);cursor:pointer;width:24px;height:24px;color:var(--color-text1-3);justify-content:center;align-items:center;transition:all .2s;display:flex}.ct-mermaid-view-copy:hover{background-color:var(--color-fill1-3);color:var(--color-text1-4)}.ct-mermaid-view-copy:active{background-color:var(--color-fill1-4)}.ct-mermaid-view-container{min-height:100px;position:relative}.ct-mermaid-view-content{padding:var(--s-3,12px);justify-content:center;align-items:center;min-height:100px;display:flex}.ct-mermaid-view-content .mermaid-chart{max-width:100%;overflow:auto}.ct-mermaid-view-content .mermaid-chart svg{max-width:100%;height:auto}.ct-mermaid-view-error{padding:var(--s-3,12px);color:var(--color-error-6)}.ct-mermaid-view-error .error-message{align-items:center;gap:var(--s-1,4px);margin-bottom:var(--s-2,8px);font-size:var(--font-size-body-2);display:flex}.ct-mermaid-view-error .error-details{margin-top:var(--s-2,8px)}.ct-mermaid-view-error .error-details summary{cursor:pointer;color:var(--color-text1-3);font-size:var(--font-size-body-1);margin-bottom:var(--s-1,4px)}.ct-mermaid-view-error .error-details .error-code{background-color:var(--color-fill1-2);border:1px solid var(--color-line1-2);border-radius:var(--corner-1,4px);padding:var(--s-2,8px);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-body-1);color:var(--color-text1-2);white-space:pre-wrap;word-break:break-all;margin:0;overflow-x:auto}.ct-mermaid-view-dark{background-color:var(--color-fill1-2);border-color:var(--color-line1-3)}.ct-mermaid-view-dark .ct-mermaid-view-header{background-color:var(--color-fill1-3);border-bottom-color:var(--color-line1-3)}.ct-mermaid-view-dark .ct-mermaid-view-title{color:var(--color-text1-3)}.ct-mermaid-view-dark .ct-mermaid-view-copy{color:var(--color-text1-2)}.ct-mermaid-view-dark .ct-mermaid-view-copy:hover{background-color:var(--color-fill1-4);color:var(--color-text1-3)}.ct-mermaid-view-dark .ct-mermaid-view-error .error-details .error-code{background-color:var(--color-fill1-3);border-color:var(--color-line1-3);color:var(--color-text1-1)}

package/dist/docs/markdown/9690.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["9690"],{46004:function(e,n,s){s.r(n),s(96196)},96196:function(e,n,s){e.exports={}}}]);