@matechat/core 1.1.0-alpha.0 → 1.1.0

package/Input/index.js

@@ -1,5 +1,5 @@
 import "./index.css";
-import { defineComponent as b, inject as M, computed as B, openBlock as a, createBlock as f, unref as o, isRef as I, normalizeClass as w, nextTick as V, createElementBlock as L, createElementVNode as p, withCtx as T, toDisplayString as y, ref as N, watch as P, provide as j, renderSlot as m, createVNode as _, createCommentVNode as g } from "vue";
+import { defineComponent as b, inject as M, computed as B, openBlock as a, createBlock as f, unref as o, isRef as I, normalizeClass as w, nextTick as V, createElementBlock as L, createElementVNode as p, withCtx as T, toDisplayString as g, ref as N, watch as P, provide as j, renderSlot as m, createVNode as y, createCommentVNode as _ } from "vue";
 import { Textarea as F } from "vue-devui/textarea";
 import "vue-devui/textarea/style.css";
 import { Button as z } from "vue-devui/button";
@@ -59,7 +59,7 @@ const D = {
     }, K = (r) => {
       if (t.submitShortKey === null)
         return;
-      (t.submitShortKey === C.Enter ? !r.shiftKey : t.submitShortKey === C.ShiftEnter ? r.shiftKey : !1) && r.code === "Enter" && (r.preventDefault(), l("submit", e.value), e.value = "");
+      (t.submitShortKey === C.Enter ? !r.shiftKey : t.submitShortKey === C.ShiftEnter ? r.shiftKey : !1) && r.key === "Enter" && !i && (r.preventDefault(), l("submit", e.value), e.value = "");
     };
     return (r, c) => (a(), f(o(F), {
       modelValue: o(e),
@@ -148,7 +148,7 @@ const W = /* @__PURE__ */ E(H, [["render", Q]]), X = /* @__PURE__ */ b({
         p(
           "span",
           null,
-          y(o(t).loading ? "暂停回答" : "发送"),
+          g(o(t).loading ? "暂停回答" : "发送"),
           1
           /* TEXT */
         )
@@ -186,10 +186,10 @@ const W = /* @__PURE__ */ E(H, [["render", Q]]), X = /* @__PURE__ */ b({
         m(s.$slots, "head"),
         p("div", Y, [
           m(s.$slots, "prefix"),
-          _(O),
+          y(O),
           s.displayType === o(h).Simple ? m(s.$slots, "button", { key: 0 }, () => [
-            _(k)
-          ]) : g("v-if", !0)
+            y(k)
+          ]) : _("v-if", !0)
         ]),
         s.displayType === o(h).Full ? (a(), L("div", t1, [
           p("div", e1, [
@@ -197,15 +197,15 @@ const W = /* @__PURE__ */ E(H, [["render", Q]]), X = /* @__PURE__ */ b({
             s.showCount ? (a(), L(
               "span",
               n1,
-              y(i.value.length) + y(s.maxLength ?? !1 ? `/${s.maxLength}` : ""),
+              g(i.value.length) + g(s.maxLength ?? !1 ? `/${s.maxLength}` : ""),
               1
               /* TEXT */
-            )) : g("v-if", !0)
+            )) : _("v-if", !0)
           ]),
           m(s.$slots, "button", {}, () => [
-            _(k)
+            y(k)
           ])
-        ])) : g("v-if", !0)
+        ])) : _("v-if", !0)
       ],
       2
       /* CLASS */

package/MarkdownCard/index.css

@@ -0,0 +1 @@
+.mc-code-block-light[data-v-83d11992] pre code.hljs{display:block;overflow-x:auto;padding:1em}.mc-code-block-light[data-v-83d11992] code.hljs{padding:3px 5px}.mc-code-block-light[data-v-83d11992] .hljs{background:#fefefe;color:#545454}.mc-code-block-light[data-v-83d11992] .hljs-comment,.mc-code-block-light[data-v-83d11992] .hljs-quote{color:#696969}.mc-code-block-light[data-v-83d11992] .hljs-variable,.mc-code-block-light[data-v-83d11992] .hljs-template-variable,.mc-code-block-light[data-v-83d11992] .hljs-tag,.mc-code-block-light[data-v-83d11992] .hljs-name,.mc-code-block-light[data-v-83d11992] .hljs-selector-id,.mc-code-block-light[data-v-83d11992] .hljs-selector-class,.mc-code-block-light[data-v-83d11992] .hljs-regexp,.mc-code-block-light[data-v-83d11992] .hljs-deletion{color:#d91e18}.mc-code-block-light[data-v-83d11992] .hljs-number,.mc-code-block-light[data-v-83d11992] .hljs-built_in,.mc-code-block-light[data-v-83d11992] .hljs-literal,.mc-code-block-light[data-v-83d11992] .hljs-type,.mc-code-block-light[data-v-83d11992] .hljs-params,.mc-code-block-light[data-v-83d11992] .hljs-meta,.mc-code-block-light[data-v-83d11992] .hljs-link,.mc-code-block-light[data-v-83d11992] .hljs-attribute{color:#aa5d00}.mc-code-block-light[data-v-83d11992] .hljs-string,.mc-code-block-light[data-v-83d11992] .hljs-symbol,.mc-code-block-light[data-v-83d11992] .hljs-bullet,.mc-code-block-light[data-v-83d11992] .hljs-addition{color:green}.mc-code-block-light[data-v-83d11992] .hljs-title,.mc-code-block-light[data-v-83d11992] .hljs-section{color:#007faa}.mc-code-block-light[data-v-83d11992] .hljs-keyword,.mc-code-block-light[data-v-83d11992] .hljs-selector-tag{color:#7928a1}.mc-code-block-light[data-v-83d11992] .hljs-emphasis{font-style:italic}.mc-code-block-light[data-v-83d11992] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.mc-code-block-light[data-v-83d11992] .hljs-addition,.mc-code-block-light[data-v-83d11992] .hljs-attribute,.mc-code-block-light[data-v-83d11992] .hljs-built_in,.mc-code-block-light[data-v-83d11992] .hljs-bullet,.mc-code-block-light[data-v-83d11992] .hljs-comment,.mc-code-block-light[data-v-83d11992] .hljs-link,.mc-code-block-light[data-v-83d11992] .hljs-literal,.mc-code-block-light[data-v-83d11992] .hljs-meta,.mc-code-block-light[data-v-83d11992] .hljs-number,.mc-code-block-light[data-v-83d11992] .hljs-params,.mc-code-block-light[data-v-83d11992] .hljs-string,.mc-code-block-light[data-v-83d11992] .hljs-symbol,.mc-code-block-light[data-v-83d11992] .hljs-type,.mc-code-block-light[data-v-83d11992] .hljs-quote{color:highlight}.mc-code-block-light[data-v-83d11992] .hljs-keyword,.mc-code-block-light[data-v-83d11992] .hljs-selector-tag{font-weight:700}}.mc-code-block-dark[data-v-83d11992] pre code.hljs{display:block;overflow-x:auto;padding:1em}.mc-code-block-dark[data-v-83d11992] code.hljs{padding:3px 5px}.mc-code-block-dark[data-v-83d11992] .hljs{background:#2b2b2b;color:#f8f8f2}.mc-code-block-dark[data-v-83d11992] .hljs-comment,.mc-code-block-dark[data-v-83d11992] .hljs-quote{color:#d4d0ab}.mc-code-block-dark[data-v-83d11992] .hljs-variable,.mc-code-block-dark[data-v-83d11992] .hljs-template-variable,.mc-code-block-dark[data-v-83d11992] .hljs-tag,.mc-code-block-dark[data-v-83d11992] .hljs-name,.mc-code-block-dark[data-v-83d11992] .hljs-selector-id,.mc-code-block-dark[data-v-83d11992] .hljs-selector-class,.mc-code-block-dark[data-v-83d11992] .hljs-regexp,.mc-code-block-dark[data-v-83d11992] .hljs-deletion{color:#ffa07a}.mc-code-block-dark[data-v-83d11992] .hljs-number,.mc-code-block-dark[data-v-83d11992] .hljs-built_in,.mc-code-block-dark[data-v-83d11992] .hljs-literal,.mc-code-block-dark[data-v-83d11992] .hljs-type,.mc-code-block-dark[data-v-83d11992] .hljs-params,.mc-code-block-dark[data-v-83d11992] .hljs-meta,.mc-code-block-dark[data-v-83d11992] .hljs-link{color:#f5ab35}.mc-code-block-dark[data-v-83d11992] .hljs-attribute{color:gold}.mc-code-block-dark[data-v-83d11992] .hljs-string,.mc-code-block-dark[data-v-83d11992] .hljs-symbol,.mc-code-block-dark[data-v-83d11992] .hljs-bullet,.mc-code-block-dark[data-v-83d11992] .hljs-addition{color:#abe338}.mc-code-block-dark[data-v-83d11992] .hljs-title,.mc-code-block-dark[data-v-83d11992] .hljs-section{color:#00e0e0}.mc-code-block-dark[data-v-83d11992] .hljs-keyword,.mc-code-block-dark[data-v-83d11992] .hljs-selector-tag{color:#dcc6e0}.mc-code-block-dark[data-v-83d11992] .hljs-emphasis{font-style:italic}.mc-code-block-dark[data-v-83d11992] .hljs-strong{font-weight:700}@media screen and (-ms-high-contrast: active){.mc-code-block-dark[data-v-83d11992] .hljs-addition,.mc-code-block-dark[data-v-83d11992] .hljs-attribute,.mc-code-block-dark[data-v-83d11992] .hljs-built_in,.mc-code-block-dark[data-v-83d11992] .hljs-bullet,.mc-code-block-dark[data-v-83d11992] .hljs-comment,.mc-code-block-dark[data-v-83d11992] .hljs-link,.mc-code-block-dark[data-v-83d11992] .hljs-literal,.mc-code-block-dark[data-v-83d11992] .hljs-meta,.mc-code-block-dark[data-v-83d11992] .hljs-number,.mc-code-block-dark[data-v-83d11992] .hljs-params,.mc-code-block-dark[data-v-83d11992] .hljs-string,.mc-code-block-dark[data-v-83d11992] .hljs-symbol,.mc-code-block-dark[data-v-83d11992] .hljs-type,.mc-code-block-dark[data-v-83d11992] .hljs-quote{color:highlight}.mc-code-block-dark[data-v-83d11992] .hljs-keyword,.mc-code-block-dark[data-v-83d11992] .hljs-selector-tag{font-weight:700}}.v-enter-active[data-v-83d11992],.v-leave-active[data-v-83d11992]{transition:opacity .5s ease}.v-enter-from[data-v-83d11992],.v-leave-to[data-v-83d11992]{opacity:0}.mc-code-block[data-v-83d11992]{margin:1rem 0;overflow:hidden;border-radius:14px}.mc-code-block pre[data-v-83d11992]{margin:0}.mc-code-block .mc-action-btn[data-v-83d11992]{width:24px;height:24px}.mc-code-block .mc-code-block-header[data-v-83d11992]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem}.mc-code-block .mc-code-block-header .mc-code-lang[data-v-83d11992]{font-size:var(--devui-font-size, 12px)}.mc-code-block .mc-code-block-actions[data-v-83d11992]{display:flex;align-items:center}.mc-code-block .mc-code-block-actions .mc-copy-btn[data-v-83d11992],.mc-code-block .mc-code-block-actions .mc-toggle-btn[data-v-83d11992]{cursor:pointer;border-radius:4px;font-size:18px;padding:4px}.mc-code-block-light[data-v-83d11992]{border:1px solid #d7d8da;background-color:#f5f5f5}.mc-code-block-light code.hljs[data-v-83d11992]{padding:1em}.mc-code-block-light .mc-code-lang[data-v-83d11992],.mc-code-block-light .mc-code-block-actions .mc-copy-btn[data-v-83d11992],.mc-code-block-light .mc-code-block-actions .mc-toggle-btn[data-v-83d11992]{color:#252b3a}.mc-code-block-light .mc-code-block-actions .mc-copy-btn[data-v-83d11992]:hover,.mc-code-block-light .mc-code-block-actions .mc-toggle-btn[data-v-83d11992]:hover{background-color:#ebebeb}.mc-code-block-dark[data-v-83d11992]{border:1px solid #4e5057;background-color:#34363a}.mc-code-block-dark code.hljs[data-v-83d11992]{padding:1em}.mc-code-block-dark .mc-code-lang[data-v-83d11992],.mc-code-block-dark .mc-code-block-actions .mc-copy-btn[data-v-83d11992],.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn[data-v-83d11992]{color:#ced1db}.mc-code-block-dark .mc-code-block-actions .mc-copy-btn[data-v-83d11992]:hover,.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn[data-v-83d11992]:hover{background-color:#393a3e}.mc-code-block-dark .mc-code-block-actions .mc-copy-btn img[data-v-83d11992],.mc-code-block-dark .mc-code-block-actions .mc-toggle-btn img[data-v-83d11992]{filter:brightness(1.5)}.collapse-transition-enter-from[data-v-83d11992],.collapse-transition-leave-to[data-v-83d11992]{opacity:0}.collapse-transition-enter-to[data-v-83d11992],.collapse-transition-leave-from[data-v-83d11992]{opacity:1}.collapse-transition-enter-active[data-v-83d11992],.collapse-transition-leave-active[data-v-83d11992]{transition:max-height .3s cubic-bezier(.5,.05,.5,.95),opacity .3s cubic-bezier(.5,.05,.5,.95)}.mc-markdown-render[data-v-a398f75b]{overflow-x:auto}.mc-markdown-render.mc-markdown-render-dark[data-v-a398f75b]{color:#ced1db}.mc-markdown-render.mc-markdown-render-light[data-v-a398f75b]{color:#252b3a}

package/MarkdownCard/index.js

@@ -0,0 +1,309 @@
+import "./index.css";
+var E = Object.defineProperty;
+var W = (n, t, s) => t in n ? E(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
+var T = (n, t, s) => W(n, typeof t != "symbol" ? t + "" : t, s);
+import { defineComponent as v, ref as x, computed as m, openBlock as d, createElementBlock as M, normalizeClass as k, createElementVNode as I, toDisplayString as _, renderSlot as j, unref as p, createVNode as z, Transition as Y, withCtx as Q, createCommentVNode as O, useSlots as G, h as w, watch as H, Fragment as Z, createBlock as P, resolveDynamicComponent as X } from "vue";
+import R from "markdown-it";
+import y from "highlight.js";
+import { debounce as F } from "lodash-es";
+import { getDefaultWhiteList as V, getDefaultCSSWhiteList as K, filterXSS as J } from "xss";
+const $ = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e全部收起%3c/title%3e%3cg%20id='全部收起'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cpath%20d='M4.715694,14.4114091%20C4.910563,14.5464051%205.179987,14.5271201%205.353553,14.3535531%20L5.353553,14.3535531%20L7.99999988,11.7070001%20L10.646447,14.3535531%20L10.715694,14.4114091%20C10.910563,14.5464051%2011.179987,14.5271201%2011.353553,14.3535531%20C11.548816,14.1582911%2011.548816,13.8417091%2011.353553,13.6464471%20L11.353553,13.6464471%20L8.353553,10.6464471%20L8.284306,10.5885911%20C8.089437,10.4535951%207.820013,10.4728801%207.646447,10.6464471%20L7.646447,10.6464471%20L4.646447,13.6464471%20L4.588591,13.7156941%20C4.453595,13.9105631%204.47288,14.1799871%204.646447,14.3535531%20L4.646447,14.3535531%20L4.715694,14.4114091%20Z%20M14.5,7.50000012%20C14.776142,7.50000012%2015,7.72385812%2015,8.00000012%20C15,8.27614212%2014.776142,8.50000012%2014.5,8.50000012%20L1.5,8.50000012%20C1.223858,8.50000012%201,8.27614212%201,8.00000012%20C1,7.72385812%201.223858,7.50000012%201.5,7.50000012%20L14.5,7.50000012%20Z%20M8.284306,5.41140912%20L8.353553,5.35355312%20L11.353553,2.35355312%20C11.548816,2.15829112%2011.548816,1.84170912%2011.353553,1.64644712%20C11.179987,1.47288012%2010.910563,1.45359512%2010.715694,1.58859112%20L10.646447,1.64644712%20L7.99999988,4.29300012%20L5.353553,1.64644712%20C5.179987,1.47288012%204.910563,1.45359512%204.715694,1.58859112%20L4.646447,1.64644712%20C4.47288,1.82001312%204.453595,2.08943712%204.588591,2.28430612%20L4.646447,2.35355312%20L7.646447,5.35355312%20C7.820013,5.52712012%208.089437,5.54640512%208.284306,5.41140912%20Z'%20id='形状结合'%20fill='%2371757F'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e", q = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZnVuY3Rpb24gaWNvbi9jb3B5PC90aXRsZT4KICAgIDxnIGlkPSLpobXpnaItMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFQSS1zdGFydGVyLeWbvuagh+WFpeW6kyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5Mi4wMDAwMDAsIC0yMDQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLmlrnmoLzlpIfku70tMTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2MC4wMDAwMDAsIDE4MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDx0ZXh0IGlkPSLlm77moIciIGZvbnQtZmFtaWx5PSJQaW5nRmFuZ1NDLVJlZ3VsYXIsIFBpbmdGYW5nIFNDIiBmb250LXNpemU9IjEyIiBmb250LXdlaWdodD0ibm9ybWFsIiBsaW5lLXNwYWNpbmc9IjE2IiBmaWxsPSIjNzE3NTdGIj4KICAgICAgICAgICAgICAgICAgICA8dHNwYW4geD0iMjcuMTM2IiB5PSI2MSI+5aSN5Yi2PC90c3Bhbj4KICAgICAgICAgICAgICAgIDwvdGV4dD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8cGF0aCBkPSJNNjA0LjUsMjA2IEM2MDUuMjc5Njk2LDIwNiA2MDUuOTIwNDQ5LDIwNi41OTQ4ODggNjA1Ljk5MzEzMywyMDcuMzU1NTQgTDYwNiwyMDcuNSBMNjA2LDIxNC41IEM2MDYsMjE1LjI3OTY5NiA2MDUuNDA1MTEyLDIxNS45MjA0NDkgNjA0LjY0NDQ2LDIxNS45OTMxMzMgTDYwNC41LDIxNiBMNjA0LDIxNiBMNjA0LDIxNi41IEM2MDQsMjE3LjI3OTY5NiA2MDMuNDA1MTEyLDIxNy45MjA0NDkgNjAyLjY0NDQ2LDIxNy45OTMxMzMgTDYwMi41LDIxOCBMNTk1LjUsMjE4IEM1OTQuNjcxNTczLDIxOCA1OTQsMjE3LjMyODQyNyA1OTQsMjE2LjUgTDU5NCwyMTYuNSBMNTk0LDIwOS41IEM1OTQsMjA4LjY3MTU3MyA1OTQuNjcxNTczLDIwOCA1OTUuNSwyMDggTDU5NS41LDIwOCBMNTk2LDIwOCBMNTk2LDIwNy41IEM1OTYsMjA2LjcyMDMwNCA1OTYuNTk0ODg4LDIwNi4wNzk1NTEgNTk3LjM1NTU0LDIwNi4wMDY4NjcgTDU5Ny41LDIwNiBMNjA0LjUsMjA2IFogTTYwMi41LDIwOSBMNTk1LjUsMjA5IEM1OTUuMjIzODU4LDIwOSA1OTUsMjA5LjIyMzg1OCA1OTUsMjA5LjUgTDU5NSwyMDkuNSBMNTk1LDIxNi41IEM1OTUsMjE2Ljc3NjE0MiA1OTUuMjIzODU4LDIxNyA1OTUuNSwyMTcgTDU5NS41LDIxNyBMNjAyLjUsMjE3IEM2MDIuNzc2MTQyLDIxNyA2MDMsMjE2Ljc3NjE0MiA2MDMsMjE2LjUgTDYwMywyMTYuNSBMNjAzLDIwOS41IEM2MDMsMjA5LjIyMzg1OCA2MDIuNzc2MTQyLDIwOSA2MDIuNSwyMDkgTDYwMi41LDIwOSBaIE02MDQuNSwyMDcgTDU5Ny41LDIwNyBDNTk3LjI1NDU0LDIwNyA1OTcuMDUwMzkyLDIwNy4xNzY4NzUgNTk3LjAwODA1NiwyMDcuNDEwMTI0IEw1OTcsMjA3LjUgTDU5NywyMDggTDYwMi41LDIwOCBDNjAzLjI3OTY5NiwyMDggNjAzLjkyMDQ0OSwyMDguNTk0ODg4IDYwMy45OTMxMzMsMjA5LjM1NTU0IEw2MDQsMjA5LjUgTDYwNCwyMTUgTDYwNC41LDIxNSBDNjA0Ljc0NTQ2LDIxNSA2MDQuOTQ5NjA4LDIxNC44MjMxMjUgNjA0Ljk5MTk0NCwyMTQuNTg5ODc2IEw2MDUsMjE0LjUgTDYwNSwyMDcuNSBDNjA1LDIwNy4yNTQ1NCA2MDQuODIzMTI1LDIwNy4wNTAzOTIgNjA0LjU4OTg3NiwyMDcuMDA4MDU2IEw2MDQuNSwyMDcgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzcxNzU3RiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=", ee = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3estatus/whiteBG/correct%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cpolygon%20id='path-1'%20points='6.53553391%209.77817459%2012.1923882%204.12132034%2013.6066017%205.53553391%206.53553391%2012.6066017%203%209.07106781%204.41421356%207.65685425%206.53553391%209.77817459'%3e%3c/polygon%3e%3c/defs%3e%3cg%20id='status/whiteBG/correct'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='mask-2'%20fill='white'%3e%3cuse%20xlink:href='%23path-1'%3e%3c/use%3e%3c/mask%3e%3cuse%20id='Mask'%20fill='%233DCCA6'%20xlink:href='%23path-1'%3e%3c/use%3e%3c/g%3e%3c/svg%3e";
+class S {
+  constructor() {
+    T(this, "xssWhiteList", V());
+    T(this, "cssWhiteList", K());
+    this.setDefaultXss();
+  }
+  setDefaultXss() {
+    this.xssWhiteList.input = ["type", "checked", "disabled", "class"], this.xssWhiteList.label = ["for"], this.xssWhiteList.ul = ["class"], this.xssWhiteList.div = ["class"], this.xssWhiteList.a = ["href", "class", "target", "name"], this.xssWhiteList.ol = ["start"], this.xssWhiteList.p = ["class"], this.xssWhiteList.span = ["style", "class", "title", "id"], this.xssWhiteList.svg = ["style", "class", "width", "height", "viewbox", "preserveaspectratio", "id", "fill", "stroke"], this.xssWhiteList.path = ["style", "class", "d", "id", "fill", "stroke"], this.xssWhiteList.th = ["style"], this.xssWhiteList.td = ["style"];
+  }
+  onIgnoreTagAttr(t, s, a, i) {
+    if (!i && (s === "id" || t === "span" && s === "style"))
+      return s + "=" + a;
+  }
+  getXssWhiteList() {
+    return this.xssWhiteList;
+  }
+  setXssWhiteList(t) {
+    this.xssWhiteList = t;
+  }
+  setCustomXssRules(t) {
+    t && t.forEach((s) => {
+      s.value === null ? delete this.xssWhiteList[s.key] : this.xssWhiteList[s.key] = s.value;
+    });
+  }
+  filterHtml(t) {
+    return J(t, {
+      whiteList: this.xssWhiteList,
+      onIgnoreTagAttr: this.onIgnoreTagAttr,
+      css: {
+        whiteList: Object.assign({}, this.cssWhiteList, {
+          top: !0,
+          left: !0,
+          bottom: !0,
+          right: !0
+        })
+      }
+    });
+  }
+}
+const te = {
+  key: 0,
+  class: "mc-code-block-header"
+}, se = { class: "mc-code-lang" }, ie = { class: "mc-code-block-actions" }, oe = {
+  key: 0,
+  src: q
+}, ne = {
+  key: 1,
+  src: ee
+}, ce = { key: 0 }, ae = { key: 0 }, re = ["innerHTML"], le = /* @__PURE__ */ v({
+  __name: "CodeBlock",
+  props: {
+    code: {
+      type: String,
+      required: !0
+    },
+    language: {
+      type: String,
+      default: ""
+    },
+    blockIndex: {
+      type: Number,
+      required: !0
+    },
+    theme: {
+      type: String,
+      default: "light"
+    }
+  },
+  setup(n) {
+    const t = n, s = new S(), a = x(!0), i = x(!1), h = m(() => {
+      if (t.language && y.getLanguage(t.language))
+        try {
+          return y.highlight(t.code, { language: t.language }).value;
+        } catch {
+        }
+      return s.filterHtml(t.code);
+    }), C = () => {
+      a.value = !a.value;
+    }, L = F((e) => {
+      const g = e.target;
+      navigator.clipboard.writeText(t.code), g.classList.remove("icon-copy-new"), i.value = !0, setTimeout(() => {
+        i.value = !1;
+      }, 1500);
+    }, 300), A = (e) => {
+      e.dataset || (e.dataset = {}), e.style.height && (e.dataset.height = e.style.height), e.style.maxHeight = 0;
+    }, r = (e) => {
+      requestAnimationFrame(() => {
+        e.dataset.oldOverflow = e.style.overflow, e.dataset.height ? e.style.maxHeight = e.dataset.height : e.scrollHeight !== 0 ? e.style.maxHeight = `${e.scrollHeight}px` : e.style.maxHeight = 0, e.style.overflow = "hidden";
+      });
+    }, o = (e) => {
+      e.style.maxHeight = "", e.style.overflow = e.dataset.oldOverflow;
+    }, D = (e) => {
+      e.dataset || (e.dataset = {}), e.dataset.oldOverflow = e.style.overflow, e.style.maxHeight = `${e.scrollHeight}px`, e.style.overflow = "hidden";
+    }, l = (e) => {
+      e.scrollHeight !== 0 && (e.style.maxHeight = 0);
+    }, c = (e) => {
+      e.style.maxHeight = "", e.style.overflow = e.dataset.oldOverflow;
+    }, u = m(() => t.theme === "dark" ? "mc-code-block-dark" : "mc-code-block-light");
+    return (e, g) => (d(), M(
+      "div",
+      {
+        class: k(["mc-code-block", u.value])
+      },
+      [
+        e.$slots.header ? j(e.$slots, "header", { key: 1 }, void 0, !0) : (d(), M("div", te, [
+          I(
+            "span",
+            se,
+            _(n.language),
+            1
+            /* TEXT */
+          ),
+          j(e.$slots, "actions", {}, () => [
+            I("div", ie, [
+              I("div", {
+                class: "mc-action-btn mc-toggle-btn",
+                onClick: C
+              }, g[1] || (g[1] = [
+                I(
+                  "img",
+                  { src: $ },
+                  null,
+                  -1
+                  /* HOISTED */
+                )
+              ])),
+              I("div", {
+                class: "mc-action-btn mc-copy-btn",
+                onClick: g[0] || (g[0] = //@ts-ignore
+                (...N) => p(L) && p(L)(...N))
+              }, [
+                i.value ? (d(), M("img", ne)) : (d(), M("img", oe))
+              ])
+            ])
+          ], !0)
+        ])),
+        z(Y, {
+          name: "collapse-transition",
+          onBeforeEnter: A,
+          onEnter: r,
+          onAfterEnter: o,
+          onBeforeLeave: D,
+          onLeave: l,
+          onAfterLeave: c
+        }, {
+          default: Q(() => [
+            a.value ? (d(), M("div", ce, [
+              e.$slots.content ? j(e.$slots, "content", { key: 1 }, void 0, !0) : (d(), M("pre", ae, [
+                I("code", {
+                  class: k(`hljs language-${n.language}`),
+                  innerHTML: h.value
+                }, null, 10, re)
+              ]))
+            ])) : O("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        })
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), b = (n, t) => {
+  const s = n.__vccOpts || n;
+  for (const [a, i] of t)
+    s[a] = i;
+  return s;
+}, ge = /* @__PURE__ */ b(le, [["__scopeId", "data-v-83d11992"]]), de = {
+  content: {
+    type: String,
+    default: ""
+  },
+  mdOptions: {
+    type: Object,
+    default: () => ({})
+  },
+  customXssRules: {
+    type: Array,
+    default: () => []
+  },
+  theme: {
+    type: String,
+    default: "light"
+  }
+}, Me = /* @__PURE__ */ v({
+  __name: "mdCard",
+  props: de,
+  setup(n, { expose: t }) {
+    const s = new S(), a = n, i = G(), h = R({
+      breaks: !0,
+      linkify: !0,
+      html: !0,
+      highlight: (r, o) => {
+        if (o && y.getLanguage(o))
+          try {
+            return y.highlight(r, { language: o }).value;
+          } catch {
+          }
+        return "";
+      },
+      ...a.mdOptions
+    });
+    h.renderer.rules.fence = (r, o) => `<!----MC_MARKDOWN_CODE_BLOCK_${o}---->`;
+    const C = (r, o, D) => {
+      const l = {
+        actions: () => {
+          var c;
+          return (c = i.actions) == null ? void 0 : c.call(i, {
+            codeBlockData: {
+              code: o,
+              language: r
+            }
+          });
+        }
+      };
+      return i.header && (l.header = () => {
+        var c;
+        return (c = i.header) == null ? void 0 : c.call(i, {
+          codeBlockData: {
+            code: o,
+            language: r
+          }
+        });
+      }), i.content && (l.content = () => {
+        var c;
+        return (c = i.content) == null ? void 0 : c.call(i, {
+          codeBlockData: {
+            code: o,
+            language: r
+          }
+        });
+      }), w(ge, {
+        language: r,
+        code: o,
+        blockIndex: D,
+        theme: a.theme
+      }, l);
+    }, L = m(() => {
+      const r = h.parse(a.content, {}), o = h.render(a.content);
+      return {
+        name: "MarkdownRenderer",
+        render() {
+          const D = document.createElement("div");
+          D.innerHTML = o;
+          const l = [];
+          let c = 0, u;
+          const e = /<!----MC_MARKDOWN_CODE_BLOCK_(\d+)---->/g;
+          let g = 0;
+          for (; (u = e.exec(o)) !== null; ) {
+            u.index > c && l.push(w(
+              "div",
+              {
+                innerHTML: o.slice(c, u.index)
+              }
+            ));
+            const N = r[parseInt(u[1])], B = N.info || "", U = N.content;
+            l.push(C(B, U, g)), g++, c = e.lastIndex;
+          }
+          return c < o.length && l.push(w("div", {
+            innerHTML: o.slice(c)
+          })), w("div", l);
+        }
+      };
+    });
+    H(() => a.customXssRules, (r) => {
+      s.setCustomXssRules(r);
+    });
+    const A = m(() => a.theme === "dark" ? "mc-markdown-render-dark" : "mc-markdown-render-light");
+    return t({
+      mdt: h
+    }), (r, o) => (d(), M(
+      Z,
+      null,
+      [
+        I(
+          "div",
+          {
+            class: k(["mc-markdown-render", A.value])
+          },
+          [
+            (d(), P(X(L.value)))
+          ],
+          2
+          /* CLASS */
+        ),
+        O("v-if", !0)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+}), f = /* @__PURE__ */ b(Me, [["__scopeId", "data-v-a398f75b"]]);
+f.install = (n) => {
+  n.component("McMarkdownCard", f);
+};
+export {
+  f as McMarkdownCard
+};

package/README.md

@@ -139,7 +139,7 @@ createApp(App).use(MateChat).mount('#app');
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import Button from 'vue-devui/button';
+import { Button } from 'vue-devui/button';
 import 'vue-devui/button/style.css';
 
 const description = [

package/mate-chat.js

@@ -4,6 +4,7 @@ import { McInput } from './Input';
 import { McIntroduction } from './Introduction';
 import { McLayoutAside, McLayoutContent, McLayoutHeader, McLayout, McLayoutSender } from './Layout';
 import { McList } from './List';
+import { McMarkdownCard } from './MarkdownCard';
 import { McMention } from './Mention';
 import { McPrompt } from './Prompt';
 
@@ -14,6 +15,7 @@ const installs = [
   McIntroduction,
   McLayout,
   McList,
+  McMarkdownCard,
   McMention,
   McPrompt
 ];
@@ -29,6 +31,7 @@ export {
   McLayout,
   McLayoutSender,
   McList,
+  McMarkdownCard,
   McMention,
   McPrompt
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matechat/core",
-  "version": "1.1.0-alpha.0",
+  "version": "1.1.0",
   "license": "MIT",
   "description": "前端智能化场景解决方案UI库，轻松构建你的AI应用。",
   "keywords": [
@@ -23,7 +23,10 @@
     "@vue/shared": "^3.5.13",
     "devui-theme": "^0.0.7",
     "lodash-es": "^4.17.21",
-    "vue-devui": "^1.6.29"
+    "vue-devui": "^1.6.29",
+    "highlight.js": "^11.11.0",
+    "markdown-it": "12.2.0",
+    "xss": "^1.0.15"
   },
   "peerDependencies": {
     "vue": "^3.5.13"