@matechat/core 0.0.1-alpha

package/index.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/mate-chat.css

@@ -0,0 +1 @@
+.mc-header[data-v-706d836c]{display:flex;justify-content:space-between;padding:8px 12px;align-items:center}.mc-header .mc-header-logo-container[data-v-706d836c]{display:flex;align-items:center;gap:4px}.mc-header .mc-header-logo-container.clickable[data-v-706d836c]{cursor:pointer}.mc-header .mc-header-logo-container .mc-header-title[data-v-706d836c]{letter-spacing:1px;font-weight:500;font-size:20px}.mc-bubble-loading[data-v-f976c7b6]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-f976c7b6]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-f976c7b6]{animation:dotFlashing-f976c7b6 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-f976c7b6]{animation:dotFlashing-f976c7b6 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-f976c7b6]{animation:dotFlashing-f976c7b6 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-f976c7b6{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-817ff41e]{display:flex;gap:4px}.mc-bubble .mc-bubble-content[data-v-817ff41e]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-817ff41e],.mc-bubble .mc-bubble-content.bordered[data-v-817ff41e]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-817ff41e]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-817ff41e]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-817ff41e]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-817ff41e]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-817ff41e]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-817ff41e]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-817ff41e]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-817ff41e]{flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-817ff41e]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-817ff41e]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-817ff41e],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-817ff41e]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-817ff41e],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-817ff41e]{justify-content:end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-817ff41e]{flex-direction:row-reverse}.mc-textarea.devui-textarea{height:64px;padding-left:0;padding-right:0;border:none}.mc-textarea.devui-textarea.mc-textarea-simple{height:32px}.mc-textarea.devui-textarea::placeholder{color:var(--devui-placeholder, #babbc0)}.mc-button.devui-button[data-v-75e80f2d]{border:none}.mc-button.devui-button.mc-button-loading[data-v-75e80f2d] i{animation:rotating-75e80f2d 1s linear infinite}@keyframes rotating-75e80f2d{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.mc-input{display:flex;flex-direction:column;width:100%;padding:4px 0;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:14px;box-sizing:border-box}.mc-input.mc-input-disabled{background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-input .mc-input-content{display:flex;align-items:flex-end;padding:0 8px}.mc-input .mc-input-foot{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 8px}.mc-input .mc-input-foot .mc-input-foot-left{flex:1;height:100%;display:flex;align-items:center}.mc-input .mc-input-foot .mc-input-foot-left .mc-input-foot-count{margin-left:8px;color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px)}.mc-introduction[data-v-48b255c7]{display:flex;gap:12px;flex-direction:column;color:var(--devui-text, #252b3a)}.mc-introduction .mc-introduction-logo-container[data-v-48b255c7]{display:flex;align-items:center;gap:8px}.mc-introduction .mc-introduction-logo-container .mc-introduction-title[data-v-48b255c7]{font-weight:700;font-size:32px;letter-spacing:1px}.mc-introduction .mc-introduction-sub-title[data-v-48b255c7]{font-weight:500;font-size:18px}.mc-introduction .mc-introduction-description[data-v-48b255c7]{font-size:var(--devui-font-size-sm, 12px)}.mc-introduction .mc-introduction-description>div[data-v-48b255c7]{line-height:1.5}.mc-introduction.filled[data-v-48b255c7]{background-color:var(--devui-global-bg, #f6f6f8);border-radius:8px;padding:8px 12px}.mc-introduction.center[data-v-48b255c7]{align-items:center}.mc-introduction.center .mc-introduction-description[data-v-48b255c7]{text-align:center}.mc-introduction.left[data-v-48b255c7]{align-items:flex-start}.mc-introduction.left .mc-introduction-description[data-v-48b255c7]{text-align:left}.mc-introduction.right[data-v-48b255c7]{align-items:flex-end}.mc-introduction.right .mc-introduction-description[data-v-48b255c7]{text-align:right}.mc-list[data-v-adad50a4]{width:100%;max-height:300px;box-sizing:border-box;overflow:auto}.mc-list.mc-list-horizontal .mc-list-item[data-v-adad50a4]{width:unset}.mc-list:not(.mc-list-horizontal) .mc-list-item[data-v-adad50a4]:not(:first-child){margin-top:4px}.mc-list .mc-list-item[data-v-adad50a4]{width:100%;line-height:20px;padding:8px;color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.mc-list .mc-list-item.filled[data-v-adad50a4]{background-color:var(--devui-gray-form-control-bg, #f5f5f5)}.mc-list .mc-list-item.bordered[data-v-adad50a4]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-list .mc-list-item[data-v-adad50a4]:hover,.mc-list .mc-list-item.mc-list-item-pre-selection[data-v-adad50a4]{color:var(--devui-list-item-hover-text, #252b3a);background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.mc-list .mc-list-item.mc-list-item-active[data-v-adad50a4]{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.mc-list .mc-list-item.mc-list-item-disabled[data-v-adad50a4]{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-list-horizontal[data-v-adad50a4]{display:flex;flex-wrap:wrap;gap:12px}.mc-list-horizontal.mc-list-nowrap[data-v-adad50a4]{flex-wrap:nowrap}.mc-list-horizontal.mc-list-nowrap .mc-list-item[data-v-adad50a4]{flex:none}.mc-prompt-item[data-v-5f016595]{display:flex;gap:8px}.mc-prompt-item .mc-prompt-item-icon.no-description[data-v-5f016595]{display:flex;align-items:center}.mc-prompt-item .mc-prompt-item-content[data-v-5f016595]{display:flex;flex-direction:column;gap:4px}.mc-prompt-item .mc-prompt-item-content .mc-prompt-item-label[data-v-5f016595]{font-weight:700}.mc-prompt-item .mc-prompt-item-content .mc-prompt-item-description[data-v-5f016595]{color:var(--devui-aide-text, #71757f)}.mc-mention[data-v-196371c8]{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-196371c8],.mc-mention-fade-leave-to[data-v-196371c8]{opacity:.8;transform:scaleY(.8) translateY(4px)}.mc-mention-fade-enter-to[data-v-196371c8],.mc-mention-fade-leave-from[data-v-196371c8]{opacity:1;transform:scaleY(.9999) translateY(0)}.mc-mention-fade-enter-active[data-v-196371c8]{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.mc-mention-fade-leave-active[data-v-196371c8]{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.mc-layout[data-v-f08e803e]{display:flex;flex:auto;flex-direction:column}.mc-layout-aside[data-v-f08e803e]{flex-direction:row}.mc-layout-content[data-v-74f98b9a]{flex:auto;min-height:0}.mc-layout-header[data-v-cfa1505b]{flex:0 0 auto;min-height:40px}

package/mate-chat.js

@@ -0,0 +1,725 @@
+import "./mate-chat.css";
+import { defineComponent as C, openBlock as l, createElementBlock as c, createElementVNode as S, normalizeClass as b, createCommentVNode as y, toDisplayString as k, renderSlot as v, useSlots as ve, computed as H, createVNode as E, unref as d, normalizeProps as te, guardReactiveProps as ge, createTextVNode as U, inject as oe, createBlock as R, isRef as ye, nextTick as ne, withCtx as O, ref as w, watch as se, provide as he, Fragment as V, renderList as ae, onMounted as re, mergeProps as _e, Comment as be, Text as $e, h as Se, withDirectives as ke, cloneVNode as Ce, reactive as Ee, onBeforeUnmount as Ie, Teleport as we, Transition as Le, normalizeStyle as Te } from "vue";
+import { Avatar as Ae } from "vue-devui/avatar";
+import "vue-devui/avatar/style.css";
+import { Textarea as Pe } from "vue-devui/textarea";
+import "vue-devui/textarea/style.css";
+import { Button as Me } from "vue-devui/button";
+import "vue-devui/button/style.css";
+import { Icon as Be } from "vue-devui/icon";
+import "vue-devui/icon/style.css";
+import { isObject as Ve } from "@vue/shared";
+import { computePosition as Ke, offset as He } from "@floating-ui/dom";
+import { debounce as Oe, isObject as Ne } from "lodash";
+const Re = {
+  logoImg: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  logoClickable: {
+    type: Boolean,
+    default: !1
+  }
+}, ze = { class: "mc-header" }, De = ["src", "alt"], je = { class: "mc-header-title" }, Fe = { class: "mc-header-operation" }, Ue = /* @__PURE__ */ C({
+  __name: "Header",
+  props: Re,
+  emits: ["logoClicked"],
+  setup(e, { emit: t }) {
+    const n = t, a = e, u = () => {
+      a.logoClickable && n("logoClicked");
+    };
+    return (o, s) => (l(), c("div", ze, [
+      S("div", {
+        class: b(["mc-header-logo-container", { clickable: o.logoClickable }]),
+        onClick: u
+      }, [
+        o.logoImg ? (l(), c("img", {
+          key: 0,
+          class: "mc-header-logo",
+          src: o.logoImg,
+          alt: o.logoImg
+        }, null, 8, De)) : y("", !0),
+        S("div", je, k(o.title), 1)
+      ], 2),
+      S("div", Fe, [
+        v(o.$slots, "operationArea", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), $ = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [a, u] of t)
+    n[a] = u;
+  return n;
+}, We = /* @__PURE__ */ $(Ue, [["__scopeId", "data-v-706d836c"]]), qe = {
+  content: {
+    type: String,
+    default: ""
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  avatarPosition: {
+    type: String,
+    default: "side"
+  },
+  variant: {
+    type: String,
+    default: "filled"
+  },
+  avatarConfig: {
+    type: Object
+  }
+}, Ge = 36, Xe = 36, Je = "name", Qe = "imgSrc", Ye = {}, Ze = { class: "mc-bubble-loading" };
+function xe(e, t) {
+  return l(), c("div", Ze, t[0] || (t[0] = [
+    S("div", { class: "loading-dot dot-start" }, null, -1),
+    S("div", { class: "loading-dot dot-middle" }, null, -1),
+    S("div", { class: "loading-dot dot-end" }, null, -1)
+  ]));
+}
+const et = /* @__PURE__ */ $(Ye, [["render", xe], ["__scopeId", "data-v-f976c7b6"]]), tt = {
+  key: 0,
+  class: "mc-bubble-avatar-name"
+}, ot = {
+  key: 1,
+  class: "loading-container"
+}, nt = /* @__PURE__ */ C({
+  __name: "Bubble",
+  props: qe,
+  setup(e) {
+    const t = ve(), n = e, a = H(() => [
+      `mc-bubble-avatar-${n.avatarPosition}`,
+      `mc-bubble-${n.align}`,
+      n.loading ? "mc-bubble-loading" : ""
+    ]), u = H(() => {
+      if (n.avatarConfig) {
+        const o = Object.keys(n.avatarConfig), s = o.some((r) => r === Je || r === Qe);
+        return o.length < 1 || !s;
+      } else
+        return !0;
+    });
+    return (o, s) => {
+      var r, i, p;
+      return l(), c("div", {
+        class: b(["mc-bubble", a.value])
+      }, [
+        o.avatarConfig ? (l(), c("div", {
+          key: 0,
+          class: b(["mc-bubble-avatar", { "empty-avatar": u.value }])
+        }, [
+          E(d(Ae), te(ge(
+            u.value ? {
+              width: ((r = o.avatarConfig) == null ? void 0 : r.width) || d(Ge),
+              height: ((i = o.avatarConfig) == null ? void 0 : i.height) || d(Xe)
+            } : o.avatarConfig
+          )), null, 16),
+          o.avatarPosition === "top" ? (l(), c("span", tt, k((p = o.avatarConfig) == null ? void 0 : p.displayName), 1)) : y("", !0)
+        ], 2)) : y("", !0),
+        S("div", {
+          class: b(["mc-bubble-content-container", { "with-avatar": o.avatarConfig }])
+        }, [
+          o.loading ? y("", !0) : v(o.$slots, "top", { key: 0 }, void 0, !0),
+          o.loading ? (l(), c("div", ot, [
+            v(o.$slots, "loadingTpl", {}, () => [
+              E(et)
+            ], !0)
+          ])) : y("", !0),
+          (d(t).default || o.content) && !o.loading ? (l(), c("div", {
+            key: 2,
+            class: b(["mc-bubble-content", [o.variant]])
+          }, [
+            v(o.$slots, "default", {}, () => [
+              U(k(o.content), 1)
+            ], !0)
+          ], 2)) : y("", !0),
+          o.loading ? y("", !0) : v(o.$slots, "bottom", { key: 3 }, void 0, !0)
+        ], 2)
+      ], 2);
+    };
+  }
+}), st = /* @__PURE__ */ $(nt, [["__scopeId", "data-v-817ff41e"]]);
+var N = /* @__PURE__ */ ((e) => (e.Simple = "simple", e.Full = "full", e))(N || {}), B = /* @__PURE__ */ ((e) => (e.Enter = "enter", e.ShiftEnter = "shiftEnter", e))(B || {});
+const at = {
+  value: {
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  displayType: {
+    type: String,
+    default: "full"
+    /* Full */
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  showCount: {
+    type: Boolean,
+    default: !1
+  },
+  maxLength: {
+    type: Number
+  },
+  submitShortKey: {
+    type: [String, null],
+    default: "enter"
+    /* Enter */
+  }
+}, rt = ["change", "submit", "cancel"], W = "mc-input", lt = /* @__PURE__ */ C({
+  __name: "textarea",
+  setup(e) {
+    const { inputValue: t, rootProps: n, rootEmits: a } = oe(W), u = H(() => {
+      let f = "", _ = "";
+      return n.submitShortKey === B.Enter && (f = "Enter", _ = "Shift + Enter"), n.submitShortKey === B.ShiftEnter && (f = "Shift + Enter", _ = "Enter"), n.placeholder ?? (f ? `请输入您的问题，并按${f}发送，按${_}换行` : "请输入您的问题...");
+    });
+    let o = !1;
+    const s = () => {
+      ne(() => {
+        a("change", t.value);
+      });
+    }, r = () => {
+      o || s();
+    }, i = () => {
+      o = !0;
+    }, p = () => {
+      o = !1, s();
+    }, g = (f) => {
+      if (n.submitShortKey === null)
+        return;
+      (n.submitShortKey === B.Enter ? !f.shiftKey : n.submitShortKey === B.ShiftEnter ? f.shiftKey : !1) && f.code === "Enter" && (f.preventDefault(), a("submit", t.value), t.value = "");
+    };
+    return (f, _) => (l(), R(d(Pe), {
+      modelValue: d(t),
+      "onUpdate:modelValue": _[0] || (_[0] = (L) => ye(t) ? t.value = L : null),
+      placeholder: u.value,
+      showGlowStyle: !1,
+      disabled: d(n).disabled,
+      maxlength: d(n).maxLength,
+      class: b(["mc-textarea", { "mc-textarea-simple": d(n).displayType === d(N).Simple }]),
+      onInput: r,
+      onCompositionstart: i,
+      onCompositionend: p,
+      onKeydown: g
+    }, null, 8, ["modelValue", "placeholder", "disabled", "maxlength", "class"]));
+  }
+}), it = /* @__PURE__ */ C({
+  __name: "button",
+  setup(e) {
+    const { inputValue: t, rootProps: n, rootEmits: a } = oe(W), u = () => {
+      n.loading ? a("cancel") : (a("submit", t.value), t.value = "");
+    };
+    return (o, s) => (l(), R(d(Me), {
+      variant: "solid",
+      icon: d(n).loading ? "icon-loading-2" : "publish-new",
+      shape: "round",
+      disabled: d(n).disabled || !d(n).loading && !d(t),
+      class: b(["mc-button", { "mc-button-loading": d(n).loading }]),
+      onClick: u
+    }, {
+      default: O(() => [
+        U(k(d(n).loading ? "暂停回答" : "发送"), 1)
+      ]),
+      _: 1
+    }, 8, ["icon", "disabled", "class"]));
+  }
+}), x = /* @__PURE__ */ $(it, [["__scopeId", "data-v-75e80f2d"]]), ct = { class: "mc-input-content" }, ut = {
+  key: 0,
+  class: "mc-input-foot"
+}, dt = { class: "mc-input-foot-left" }, mt = {
+  key: 0,
+  class: "mc-input-foot-count"
+}, pt = /* @__PURE__ */ C({
+  __name: "Input",
+  props: at,
+  emits: rt,
+  setup(e, { expose: t, emit: n }) {
+    const a = e, u = n, o = w(""), s = () => {
+      o.value = "";
+    }, r = () => o.value;
+    return se(
+      () => a.value,
+      () => {
+        o.value = a.value;
+      },
+      { immediate: !0 }
+    ), t({ clearInput: s, getInput: r }), he(W, { inputValue: o, rootProps: a, rootEmits: u }), (i, p) => (l(), c("div", {
+      class: b(["mc-input", { "mc-input-disabled": i.disabled }])
+    }, [
+      v(i.$slots, "head"),
+      S("div", ct, [
+        v(i.$slots, "prefix"),
+        E(lt),
+        i.displayType === d(N).Simple ? v(i.$slots, "button", { key: 0 }, () => [
+          E(x)
+        ]) : y("", !0)
+      ]),
+      i.displayType === d(N).Full ? (l(), c("div", ut, [
+        S("div", dt, [
+          v(i.$slots, "extra"),
+          i.showCount ? (l(), c("span", mt, k(o.value.length) + k(i.maxLength ?? !1 ? `/${i.maxLength}` : ""), 1)) : y("", !0)
+        ]),
+        v(i.$slots, "button", {}, () => [
+          E(x)
+        ])
+      ])) : y("", !0)
+    ], 2));
+  }
+}), ft = {
+  logoImg: {
+    type: String,
+    default: ""
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  subTitle: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: Array,
+    default: () => []
+  },
+  background: {
+    type: String,
+    default: "transparent"
+  },
+  align: {
+    type: String,
+    default: "center"
+  }
+}, vt = { class: "mc-introduction-logo-container" }, gt = ["src", "alt"], yt = { class: "mc-introduction-title" }, ht = {
+  key: 0,
+  class: "mc-introduction-sub-title"
+}, _t = {
+  key: 1,
+  class: "mc-introduction-description"
+}, bt = /* @__PURE__ */ C({
+  __name: "Introduction",
+  props: ft,
+  setup(e) {
+    return (t, n) => (l(), c("div", {
+      class: b(["mc-introduction", [t.align, t.background]])
+    }, [
+      S("div", vt, [
+        t.logoImg ? (l(), c("img", {
+          key: 0,
+          src: t.logoImg,
+          alt: t.title
+        }, null, 8, gt)) : y("", !0),
+        S("div", yt, k(t.title), 1)
+      ]),
+      t.subTitle ? (l(), c("div", ht, k(t.subTitle), 1)) : y("", !0),
+      t.description.length ? (l(), c("div", _t, [
+        (l(!0), c(V, null, ae(t.description, (a, u) => (l(), c("div", { key: u }, k(a), 1))), 128))
+      ])) : y("", !0),
+      v(t.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), $t = /* @__PURE__ */ $(bt, [["__scopeId", "data-v-48b255c7"]]);
+var K = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(K || {}), q = /* @__PURE__ */ ((e) => (e.Transparent = "transparent", e.Filled = "filled", e.Bordered = "bordered", e.None = "none", e))(q || {});
+const St = {
+  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
+  }
+}, kt = 50, Ct = ["TEXTAREA", "INPUT"], Et = "ArrowUp", It = "ArrowDown", wt = "Enter";
+function Lt(e, t) {
+  const n = w(e.enableShortKey ? 0 : -1), a = (s) => {
+    if (!s.disabled) {
+      if (e.selectable)
+        for (let r = 0; r < e.data.length; r++)
+          e.data[r].active = e.data[r].value === s.value;
+      t("select", { ...s });
+    }
+  }, u = (s) => {
+    if (!e.enableLazyLoad || e.direction !== K.Vertical)
+      return;
+    const r = s.target, i = r.scrollHeight, p = r.clientHeight, g = r.scrollTop;
+    i - p - g < kt && t("loadMore", s);
+  }, o = (s) => {
+    s.code === Et && (n.value = n.value === 0 ? e.data.length - 1 : n.value - 1), s.code === It && (n.value = n.value === e.data.length - 1 ? 0 : n.value + 1), s.code === wt && (e.selectable && (e.data[n.value].active = !0), t("select", { ...e.data[n.value] }));
+  };
+  return re(() => {
+    let s;
+    if (e.inputEl) {
+      const r = e.inputEl.$el ?? e.inputEl;
+      Ct.includes(r.tagName) ? s = r : s = r.querySelector("textarea") || r.querySelector("input") || document;
+    } else
+      s = document;
+    e.enableShortKey && s.addEventListener("keydown", o);
+  }), { preSelectIndex: n, onItemClick: a, onListScroll: u };
+}
+function Tt(e) {
+  return { listClasses: H(() => ({
+    "mc-list": !0,
+    "mc-list-horizontal": e.direction === K.Horizontal,
+    "mc-list-nowrap": e.direction === K.Horizontal && !e.autoWrap
+  })) };
+}
+const At = ["onClick"], Pt = /* @__PURE__ */ C({
+  __name: "List",
+  props: St,
+  emits: ["select", "loadMore"],
+  setup(e, { emit: t }) {
+    const n = e, a = t, { listClasses: u } = Tt(n), { preSelectIndex: o, onItemClick: s, onListScroll: r } = Lt(n, a);
+    return (i, p) => (l(), c("div", {
+      class: b(d(u)),
+      onScroll: p[0] || (p[0] = //@ts-ignore
+      (...g) => d(r) && d(r)(...g))
+    }, [
+      (l(!0), c(V, null, ae(i.data, (g, f) => (l(), c(V, { key: f }, [
+        i.variant === d(q).None ? v(i.$slots, "item", {
+          key: 0,
+          item: g
+        }, void 0, !0) : (l(), c("div", {
+          key: 1,
+          class: b([
+            "mc-list-item",
+            {
+              "mc-list-item-disabled": g.disabled,
+              "mc-list-item-active": g.active,
+              "mc-list-item-pre-selection": f === d(o)
+            },
+            i.variant
+          ]),
+          onClick: () => d(s)(g)
+        }, [
+          v(i.$slots, "item", { item: g }, () => [
+            U(k(g.label), 1)
+          ], !0)
+        ], 10, At))
+      ], 64))), 128))
+    ], 34));
+  }
+}), le = /* @__PURE__ */ $(Pt, [["__scopeId", "data-v-adad50a4"]]), Mt = {
+  direction: {
+    type: String,
+    default: K.Vertical
+  },
+  list: {
+    type: Array,
+    default: () => []
+  },
+  variant: {
+    type: String,
+    default: q.Filled
+  }
+}, Bt = {
+  prompt: {
+    type: Object
+  }
+}, Vt = { class: "mc-prompt-item" }, Kt = {
+  key: 0,
+  class: "mc-prompt-item-content"
+}, Ht = {
+  key: 0,
+  class: "mc-prompt-item-label"
+}, Ot = {
+  key: 1,
+  class: "mc-prompt-item-description"
+}, Nt = /* @__PURE__ */ C({
+  __name: "PromptItem",
+  props: Bt,
+  setup(e) {
+    return (t, n) => {
+      var a, u, o, s, r, i, p, g, f;
+      return l(), c("div", Vt, [
+        S("div", {
+          class: b(["mc-prompt-item-icon", { "no-description": !((a = t.prompt) != null && a.desc) }])
+        }, [
+          (u = t.prompt) != null && u.iconConfig ? (l(), R(d(Be), te(_e({ key: 0 }, (o = t.prompt) == null ? void 0 : o.iconConfig)), null, 16)) : y("", !0)
+        ], 2),
+        (s = t.prompt) != null && s.label || (r = t.prompt) != null && r.desc ? (l(), c("div", Kt, [
+          (i = t.prompt) != null && i.label ? (l(), c("div", Ht, k((p = t.prompt) == null ? void 0 : p.label), 1)) : y("", !0),
+          (g = t.prompt) != null && g.desc ? (l(), c("div", Ot, k((f = t.prompt) == null ? void 0 : f.desc), 1)) : y("", !0)
+        ])) : y("", !0)
+      ]);
+    };
+  }
+}), Rt = /* @__PURE__ */ $(Nt, [["__scopeId", "data-v-5f016595"]]), zt = { class: "mc-prompt" }, Dt = /* @__PURE__ */ C({
+  __name: "Prompt",
+  props: Mt,
+  emits: ["itemClick"],
+  setup(e, { emit: t }) {
+    const n = t, a = e;
+    return (u, o) => (l(), c("div", zt, [
+      E(le, {
+        data: a.list,
+        direction: a.direction,
+        variant: a.variant,
+        selectable: !1
+      }, {
+        item: O(({ item: s }) => [
+          E(Rt, {
+            prompt: s,
+            onClick: (r) => n("itemClick", s)
+          }, null, 8, ["prompt", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["data", "direction", "variant"])
+    ]));
+  }
+});
+function ee(e) {
+  return Se("span", {}, e);
+}
+function ie(e) {
+  for (const t of e) {
+    if (Ve(t)) {
+      if (t.type === be)
+        continue;
+      return t.type === "svg" || t.type === $e ? ee(t) : t.type === V ? ie(t.children) : t;
+    }
+    return ee(t);
+  }
+  return null;
+}
+const jt = /* @__PURE__ */ C({
+  setup(e, t) {
+    const {
+      slots: n,
+      attrs: a,
+      expose: u
+    } = t, o = w();
+    return u({
+      triggerEl: o
+    }), () => {
+      var i;
+      const s = (i = n.default) == null ? void 0 : i.call(n, a);
+      if (!s)
+        return null;
+      const r = ie(s);
+      return r ? ke(Ce(r, a), [[{
+        mounted(p) {
+          o.value = p;
+        },
+        updated(p) {
+          o.value = p;
+        },
+        unmounted() {
+          o.value = null;
+        }
+      }]]) : null;
+    };
+  }
+}), Ft = {
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  prefix: {
+    type: Array,
+    default: () => []
+  },
+  fitHostWidth: {
+    type: Boolean,
+    default: !0
+  },
+  menuClass: {
+    type: String
+  }
+}, Ut = ["update:modelValue", "searchChange", "toggleChange"], F = " ", Wt = "ArrowLeft", qt = "ArrowRight", Gt = "Escape";
+function Xt(e, t) {
+  const n = w(), a = w(), u = w(), o = Ee({ top: "0px", left: "0px", width: "" });
+  let s, r, i, p, g = "", f, _;
+  const L = async () => {
+    if (!a.value || !u.value)
+      return;
+    const { x: m, y: h } = await Ke(a.value, u.value, {
+      strategy: "fixed",
+      placement: "top-start",
+      middleware: [He(4)]
+    });
+    o.top = `${h}px`, o.left = `${m}px`;
+  }, ce = () => {
+    const { width: m } = a.value.getBoundingClientRect();
+    o.width = `${m}px`, L();
+  }, ue = () => {
+    e.fitHostWidth && typeof window < "u" && a.value && (_ = new window.ResizeObserver(ce), _.observe(a.value));
+  }, G = () => {
+    a.value && (_ == null || _.unobserve(a.value));
+  };
+  se(
+    () => e.modelValue,
+    (m, h) => {
+      m ? (ne(L), ue(), window.addEventListener("scroll", D, !0)) : (G(), window.removeEventListener("scroll", D, !0)), h !== void 0 && t("toggleChange", m);
+    },
+    { immediate: !0 }
+  );
+  const X = () => {
+    r = null, i = -1, p = -1, g = "";
+  }, T = (m) => {
+    t("update:modelValue", m);
+  }, de = () => {
+    if (!s)
+      return;
+    const m = s.value.replace(/[\r\n]/g, F) || "", h = s.selectionStart;
+    if (!m.trim() || !h) {
+      X();
+      return;
+    }
+    for (let I = 0; I < e.prefix.length; I++) {
+      const A = e.prefix[I];
+      let P = "", Z = !1;
+      if (typeof A == "string")
+        P = A;
+      else if (Ne(A))
+        P = A.key, Z = !!A.onlyInputStart;
+      else
+        continue;
+      const M = m.lastIndexOf(P, h), pe = m.lastIndexOf(F, h), j = m.substring(M, h), fe = j.charAt(j.length - 1);
+      if (M < 0 || M > 0 && Z || M < pe || fe === F)
+        X();
+      else {
+        r = P, i = M, p = h, g = j.slice(P.length);
+        return;
+      }
+    }
+  }, z = () => {
+    if (de(), !r) {
+      T(!1);
+      return;
+    }
+    t("searchChange", { value: g, trigger: r, triggerIndex: i, cursorIndex: p }), T(!0);
+  }, J = Oe(z, 300), Q = (m) => {
+    (m.code === Wt || m.code === qt) && (f = setTimeout(() => {
+      z(), f && (f = void 0, clearTimeout(f));
+    })), m.code === Gt && T(!1);
+  }, Y = (m) => {
+    var h, I;
+    e.modelValue ? (h = a.value) != null && h.contains(m.target) || T(!1) : (I = a.value) != null && I.contains(m.target) && z();
+  };
+  function D(m) {
+    const h = m.target;
+    h != null && h.contains(a.value) && L();
+  }
+  const me = () => {
+    a.value && (s = a.value.querySelector("textarea") || a.value.querySelector("input"), s && (s.addEventListener("input", J), s.addEventListener("keydown", Q))), document.addEventListener("click", Y);
+  };
+  return re(() => {
+    const m = n.value.triggerEl;
+    a.value = m.$el ?? m, me();
+  }), Ie(() => {
+    T(!1), s == null || s.removeEventListener("input", J), s == null || s.removeEventListener("keydown", Q), document.removeEventListener("click", Y), window.removeEventListener("scroll", D, !0), G();
+  }), { popperTriggerEl: n, overlayEl: u, overlayStyle: o };
+}
+const Jt = /* @__PURE__ */ C({
+  __name: "Mention",
+  props: Ft,
+  emits: Ut,
+  setup(e, { emit: t }) {
+    const n = e, a = t, { popperTriggerEl: u, overlayEl: o, overlayStyle: s } = Xt(n, a);
+    return (r, i) => (l(), c(V, null, [
+      E(d(jt), {
+        ref_key: "popperTriggerEl",
+        ref: u
+      }, {
+        default: O(() => [
+          v(r.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 512),
+      (l(), R(we, { to: "body" }, [
+        E(Le, { name: "mc-mention-fade" }, {
+          default: O(() => [
+            r.modelValue ? (l(), c("div", {
+              key: 0,
+              ref_key: "overlayEl",
+              ref: o,
+              class: b(["mc-mention", r.menuClass]),
+              style: Te(d(s))
+            }, [
+              v(r.$slots, "menu", {}, void 0, !0)
+            ], 6)) : y("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+}), Qt = /* @__PURE__ */ $(Jt, [["__scopeId", "data-v-196371c8"]]), Yt = {}, Zt = { class: "mc-layout" };
+function xt(e, t) {
+  return l(), c("div", Zt, [
+    v(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const eo = /* @__PURE__ */ $(Yt, [["render", xt], ["__scopeId", "data-v-f08e803e"]]), to = {}, oo = { class: "mc-layout-content" };
+function no(e, t) {
+  return l(), c("div", oo, [
+    v(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const so = /* @__PURE__ */ $(to, [["render", no], ["__scopeId", "data-v-74f98b9a"]]), ao = {}, ro = { class: "mc-layout-header" };
+function lo(e, t) {
+  return l(), c("div", ro, [
+    v(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const io = /* @__PURE__ */ $(ao, [["render", lo], ["__scopeId", "data-v-cfa1505b"]]), co = {}, uo = { class: "mc-layout-aside" };
+function mo(e, t) {
+  return l(), c("div", uo, [
+    v(e.$slots, "default")
+  ]);
+}
+const po = /* @__PURE__ */ $(co, [["render", mo]]), fo = {}, vo = { class: "mc-layout-sender" };
+function go(e, t) {
+  return l(), c("div", vo, [
+    v(e.$slots, "default")
+  ]);
+}
+const yo = /* @__PURE__ */ $(fo, [["render", go]]), Ao = {
+  install(e) {
+    e.component("McHeader", We), e.component("McBubble", st), e.component("McInput", pt), e.component("McIntroduction", $t), e.component("McPrompt", Dt), e.component("McList", le), e.component("McMention", Qt), e.component("McLayout", eo), e.component("McLayoutContent", so), e.component("McLayoutHeader", io), e.component("McLayoutAside", po), e.component("McLayoutSender", yo);
+  }
+};
+export {
+  Ao as default
+};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@matechat/core",
+  "version": "0.0.1-alpha",
+  "module": "mate-chat.js",
+  "style": "mate-chat.css",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@devui-design/icons": "^1.4.0",
+    "@floating-ui/dom": "^1.6.12",
+    "@vue/shared": "^3.5.13",
+    "devui-theme": "^0.0.7",
+    "lodash": "^4.17.21",
+    "vue-devui": "^1.6.29"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.13"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}