@matechat/core 1.0.0 → 1.1.0-alpha.1

package/List/index.js

@@ -0,0 +1,143 @@
+import "./index.css";
+import { ref as E, onMounted as L, computed as p, defineComponent as w, openBlock as u, createElementBlock as f, normalizeClass as g, unref as c, Fragment as b, renderList as z, renderSlot as h, createTextVNode as C, toDisplayString as T } from "vue";
+var v = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(v || {}), k = /* @__PURE__ */ ((e) => (e.Transparent = "transparent", e.Filled = "filled", e.Bordered = "bordered", e.None = "none", e))(k || {});
+const A = {
+  direction: {
+    type: String,
+    default: "vertical"
+    /* Vertical */
+  },
+  autoWrap: {
+    type: Boolean,
+    default: !0
+  },
+  variant: {
+    type: String,
+    default: "transparent"
+    /* Transparent */
+  },
+  enableLazyLoad: {
+    type: Boolean,
+    default: !1
+  },
+  data: {
+    type: Array,
+    default: () => []
+  },
+  enableShortKey: {
+    type: Boolean,
+    default: !1
+  },
+  inputEl: {
+    type: Object
+  },
+  selectable: {
+    type: Boolean,
+    default: !0
+  }
+}, B = 50, H = ["TEXTAREA", "INPUT"], I = "ArrowUp", _ = "ArrowDown", N = "Enter";
+function M(e, o) {
+  const n = E(e.enableShortKey ? 0 : -1), i = (t) => {
+    if (!t.disabled) {
+      if (e.selectable)
+        for (let l = 0; l < e.data.length; l++)
+          e.data[l].active = e.data[l].value === t.value;
+      o("select", { ...t });
+    }
+  }, s = (t) => {
+    if (!e.enableLazyLoad || e.direction !== v.Vertical)
+      return;
+    const l = t.target, r = l.scrollHeight, d = l.clientHeight, a = l.scrollTop;
+    r - d - a < B && o("loadMore", t);
+  }, m = (t) => {
+    t.code === I && (n.value = n.value === 0 ? e.data.length - 1 : n.value - 1), t.code === _ && (n.value = n.value === e.data.length - 1 ? 0 : n.value + 1), t.code === N && (e.selectable && (e.data[n.value].active = !0), o("select", { ...e.data[n.value] }));
+  };
+  return L(() => {
+    let t;
+    if (e.inputEl) {
+      const l = e.inputEl.$el ?? e.inputEl;
+      H.includes(l.tagName) ? t = l : t = l.querySelector("textarea") || l.querySelector("input") || document;
+    } else
+      t = document;
+    e.enableShortKey && t.addEventListener("keydown", m);
+  }), { preSelectIndex: n, onItemClick: i, onListScroll: s };
+}
+function D(e) {
+  return { listClasses: p(() => ({
+    "mc-list": !0,
+    "mc-list-horizontal": e.direction === v.Horizontal,
+    "mc-list-nowrap": e.direction === v.Horizontal && !e.autoWrap
+  })) };
+}
+const K = ["onClick"], U = /* @__PURE__ */ w({
+  __name: "List",
+  props: A,
+  emits: ["select", "loadMore"],
+  setup(e, { emit: o }) {
+    const n = e, i = o, { listClasses: s } = D(n), { preSelectIndex: m, onItemClick: t, onListScroll: l } = M(n, i);
+    return (r, d) => (u(), f(
+      "div",
+      {
+        class: g(c(s)),
+        onScroll: d[0] || (d[0] = //@ts-ignore
+        (...a) => c(l) && c(l)(...a))
+      },
+      [
+        (u(!0), f(
+          b,
+          null,
+          z(r.data, (a, y) => (u(), f(
+            b,
+            { key: y },
+            [
+              r.variant === c(k).None ? h(r.$slots, "item", {
+                key: 0,
+                item: a
+              }, void 0, !0) : (u(), f("div", {
+                key: 1,
+                class: g([
+                  "mc-list-item",
+                  {
+                    "mc-list-item-disabled": a.disabled,
+                    "mc-list-item-active": a.active,
+                    "mc-list-item-pre-selection": y === c(m)
+                  },
+                  r.variant
+                ]),
+                onClick: () => c(t)(a)
+              }, [
+                h(r.$slots, "item", { item: a }, () => [
+                  C(
+                    T(a.label),
+                    1
+                    /* TEXT */
+                  )
+                ], !0)
+              ], 10, K))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))),
+          128
+          /* KEYED_FRAGMENT */
+        ))
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
+  }
+}), $ = (e, o) => {
+  const n = e.__vccOpts || e;
+  for (const [i, s] of o)
+    n[i] = s;
+  return n;
+}, S = /* @__PURE__ */ $(U, [["__scopeId", "data-v-adad50a4"]]);
+S.install = (e) => {
+  e.component("McList", S);
+};
+export {
+  v as ListDirection,
+  k as ListVariant,
+  S as McList,
+  A as listProps
+};

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/Mention/index.css

@@ -0,0 +1 @@
+.mc-mention[data-v-4ce5ce76]{position:fixed;max-height:300px;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));transform-origin:0% 100%;z-index:1000}.mc-mention-fade-enter-from[data-v-4ce5ce76],.mc-mention-fade-leave-to[data-v-4ce5ce76]{opacity:.8;transform:scaleY(.8) translateY(4px)}.mc-mention-fade-enter-to[data-v-4ce5ce76],.mc-mention-fade-leave-from[data-v-4ce5ce76]{opacity:1;transform:scaleY(.9999) translateY(0)}.mc-mention-fade-enter-active[data-v-4ce5ce76]{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.mc-mention-fade-leave-active[data-v-4ce5ce76]{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}

package/Mention/index.js

@@ -0,0 +1,172 @@
+import "./index.css";
+import { ref as T, reactive as F, watch as K, nextTick as U, onMounted as G, onBeforeUnmount as J, defineComponent as Q, openBlock as C, createElementBlock as O, Fragment as X, createVNode as P, unref as A, withCtx as $, renderSlot as R, createBlock as Y, Teleport as Z, Transition as ee, normalizeClass as te, normalizeStyle as ne, createCommentVNode as oe } from "vue";
+import { PopperTrigger as re } from "@matechat/core/PopperTrigger";
+import { computePosition as ie, offset as le } from "@floating-ui/dom";
+import { debounce as se, isObject as ae } from "lodash-es";
+const ce = {
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  prefix: {
+    type: Array,
+    default: () => []
+  },
+  fitHostWidth: {
+    type: Boolean,
+    default: !0
+  },
+  menuClass: {
+    type: String
+  }
+}, ue = ["update:modelValue", "searchChange", "toggleChange"], M = " ", de = "ArrowLeft", fe = "ArrowRight", me = "Escape";
+function pe(r, l) {
+  const s = T(), t = T(), a = T(), c = F({ top: "0px", left: "0px", width: "" });
+  let o, i, v, w, h = "", y, d;
+  const E = async () => {
+    if (!t.value || !a.value)
+      return;
+    const { x: e, y: n } = await ie(t.value, a.value, {
+      strategy: "fixed",
+      placement: "top-start",
+      middleware: [le(4)]
+    });
+    c.top = `${n}px`, c.left = `${e}px`;
+  }, D = () => {
+    const { width: e } = t.value.getBoundingClientRect();
+    c.width = `${e}px`, E();
+  }, W = () => {
+    r.fitHostWidth && typeof window < "u" && t.value && (d = new window.ResizeObserver(D), d.observe(t.value));
+  }, _ = () => {
+    t.value && (d == null || d.unobserve(t.value));
+  };
+  K(
+    () => r.modelValue,
+    (e, n) => {
+      e ? (U(E), W(), typeof window < "u" && window.addEventListener("scroll", x, !0)) : (_(), typeof window < "u" && window.removeEventListener("scroll", x, !0)), n !== void 0 && l("toggleChange", e);
+    },
+    { immediate: !0 }
+  );
+  const L = () => {
+    i = null, v = -1, w = -1, h = "";
+  }, f = (e) => {
+    l("update:modelValue", e);
+  }, q = () => {
+    if (!o)
+      return;
+    const e = o.value.replace(/[\r\n]/g, M) || "", n = o.selectionStart;
+    if (!e.trim() || !n) {
+      L();
+      return;
+    }
+    for (let u = 0; u < r.prefix.length; u++) {
+      const m = r.prefix[u];
+      let p = "", I = !1;
+      if (typeof m == "string")
+        p = m;
+      else if (ae(m))
+        p = m.key, I = !!m.onlyInputStart;
+      else
+        continue;
+      const g = e.lastIndexOf(p, n), N = e.lastIndexOf(M, n), S = e.substring(g, n), j = S.charAt(S.length - 1);
+      if (g < 0 || g > 0 && I || g < N || j === M)
+        L();
+      else {
+        i = p, v = g, w = n, h = S.slice(p.length);
+        return;
+      }
+    }
+  }, k = () => {
+    if (q(), !i) {
+      f(!1);
+      return;
+    }
+    l("searchChange", { value: h, trigger: i, triggerIndex: v, cursorIndex: w }), f(!0);
+  }, V = se(k, 300), b = (e) => {
+    (e.code === de || e.code === fe) && (y = setTimeout(() => {
+      k(), y && (y = void 0, clearTimeout(y));
+    })), e.code === me && f(!1);
+  }, B = (e) => {
+    var n, u;
+    r.modelValue ? (n = t.value) != null && n.contains(e.target) || f(!1) : (u = t.value) != null && u.contains(e.target) && k();
+  };
+  function x(e) {
+    const n = e.target;
+    n != null && n.contains(t.value) && E();
+  }
+  const H = () => {
+    t.value && (o = t.value.querySelector("textarea") || t.value.querySelector("input"), o && (o.addEventListener("input", V), o.addEventListener("keydown", b))), document.addEventListener("click", B);
+  };
+  return G(() => {
+    const e = s.value.triggerEl;
+    t.value = e.$el ?? e, H();
+  }), J(() => {
+    f(!1), o == null || o.removeEventListener("input", V), o == null || o.removeEventListener("keydown", b), document.removeEventListener("click", B), typeof window < "u" && window.removeEventListener("scroll", x, !0), _();
+  }), { popperTriggerEl: s, overlayEl: a, overlayStyle: c };
+}
+const ge = /* @__PURE__ */ Q({
+  __name: "Mention",
+  props: ce,
+  emits: ue,
+  setup(r, { emit: l }) {
+    const s = r, t = l, { popperTriggerEl: a, overlayEl: c, overlayStyle: o } = pe(s, t);
+    return (i, v) => (C(), O(
+      X,
+      null,
+      [
+        P(
+          A(re),
+          {
+            ref_key: "popperTriggerEl",
+            ref: a
+          },
+          {
+            default: $(() => [
+              R(i.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          },
+          512
+          /* NEED_PATCH */
+        ),
+        (C(), Y(Z, { to: "body" }, [
+          P(ee, { name: "mc-mention-fade" }, {
+            default: $(() => [
+              i.modelValue ? (C(), O(
+                "div",
+                {
+                  key: 0,
+                  ref_key: "overlayEl",
+                  ref: c,
+                  class: te(["mc-mention", i.menuClass]),
+                  style: ne(A(o))
+                },
+                [
+                  R(i.$slots, "menu", {}, void 0, !0)
+                ],
+                6
+                /* CLASS, STYLE */
+              )) : oe("v-if", !0)
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ]))
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+}), ve = (r, l) => {
+  const s = r.__vccOpts || r;
+  for (const [t, a] of l)
+    s[t] = a;
+  return s;
+}, z = /* @__PURE__ */ ve(ge, [["__scopeId", "data-v-4ce5ce76"]]);
+z.install = (r) => {
+  r.component("McMention", z);
+};
+export {
+  z as McMention
+};