@matechat/core 1.11.0-alpha.1 → 1.11.0

package/Bubble/index.css

@@ -1 +1 @@
-.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble[data-v-f104b241]{display:flex;gap:4px;font-size:var(--devui-font-size, 14px)}.mc-bubble .mc-bubble-content[data-v-f104b241]{word-wrap:break-word;word-break:break-all}.mc-bubble .mc-bubble-content.filled[data-v-f104b241],.mc-bubble .mc-bubble-content.bordered[data-v-f104b241]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-f104b241]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-f104b241]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-f104b241]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-f104b241]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-f104b241]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-f104b241]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-f104b241]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-f104b241]{flex-direction:column}.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-f104b241]{align-items:flex-start;flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-f104b241]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-f104b241]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-f104b241],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-f104b241]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-f104b241],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-f104b241]{align-items:flex-end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-f104b241]{flex-direction:row-reverse}
+.mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-7e509691]{display:flex;gap:4px}.mc-bubble .mc-bubble-content[data-v-7e509691]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-7e509691],.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-7e509691]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-7e509691]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-7e509691]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-7e509691]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-7e509691]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-7e509691]{flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-7e509691]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-7e509691]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-7e509691]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-7e509691]{justify-content:end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691]{flex-direction:row-reverse}

package/Bubble/index.js

@@ -1,61 +1,5 @@
-import "./index.css";
-import { createElementBlock as o, openBlock as r, createElementVNode as v, defineComponent as Z, normalizeStyle as h, ref as f, watch as N, createCommentVNode as u, normalizeClass as L, toDisplayString as A, createVNode as M, useSlots as B, computed as $, unref as w, renderSlot as p, normalizeProps as R, guardReactiveProps as _, createTextVNode as E } from "vue";
-const k = (i, a) => {
-  const s = i.__vccOpts || i;
-  for (const [n, c] of a)
-    s[n] = c;
-  return s;
-}, F = {}, T = { class: "mc-bubble-loading" };
-function D(i, a) {
-  return r(), o("div", T, a[0] || (a[0] = [
-    v(
-      "div",
-      { class: "loading-dot dot-start" },
-      null,
-      -1
-      /* HOISTED */
-    ),
-    v(
-      "div",
-      { class: "loading-dot dot-middle" },
-      null,
-      -1
-      /* HOISTED */
-    ),
-    v(
-      "div",
-      { class: "loading-dot dot-end" },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
-}
-const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]), z = 36, P = 36, U = "name", H = "imgSrc", O = {
-  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
-  }
-}, j = {
+import { defineComponent as M, createElementBlock as l, openBlock as r, normalizeStyle as h, createElementVNode as v, ref as p, watch as N, createCommentVNode as d, normalizeClass as b, toDisplayString as A, createVNode as w, useSlots as B, computed as $, normalizeProps as R, guardReactiveProps as E, unref as Z, renderSlot as y, createTextVNode as F } from "vue";
+const T = {
   name: {
     type: String,
     default: ""
@@ -79,7 +23,7 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
     type: String,
     default: ""
   }
-}, G = /* @__PURE__ */ Z({
+}, _ = /* @__PURE__ */ M({
   __name: "AvatarBodyIcon",
   props: {
     width: {
@@ -92,7 +36,7 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
     }
   },
   setup(i) {
-    return (a, s) => (r(), o(
+    return (a, s) => (r(), l(
       "svg",
       {
         style: h({
@@ -134,7 +78,7 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
       /* STYLE */
     ));
   }
-}), W = /* @__PURE__ */ Z({
+}), D = /* @__PURE__ */ M({
   __name: "AvatarNoBodyIcon",
   props: {
     width: {
@@ -147,7 +91,7 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
     }
   },
   setup(i) {
-    return (a, s) => (r(), o(
+    return (a, s) => (r(), l(
       "svg",
       {
         style: h({
@@ -266,56 +210,56 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
       /* STYLE */
     ));
   }
-}), q = { class: "mc-bubble-avatar-wrapper" }, J = ["src"], K = /* @__PURE__ */ Z({
+}), I = { class: "mc-bubble-avatar-wrapper" }, z = ["src"], P = /* @__PURE__ */ M({
   __name: "Avatar",
-  props: j,
+  props: T,
   setup(i) {
-    const a = i, s = f(!1), n = f(!0), c = f(1), t = f(12), l = f(), g = (e) => {
+    const a = i, s = p(!1), n = p(!0), g = p(1), t = p(12), o = p(), C = (e) => {
       if (a.gender) {
-        a.gender.toLowerCase() === "male" ? c.value = 1 : a.gender.toLowerCase() === "female" && (c.value = 0);
+        a.gender.toLowerCase() === "male" ? g.value = 1 : a.gender.toLowerCase() === "female" && (g.value = 0);
         return;
       }
-      const d = e.charCodeAt(0);
-      c.value = d % 2;
-    }, m = (e, d) => {
+      const u = e.charCodeAt(0);
+      g.value = u % 2;
+    }, L = (e, u) => {
       if (e.length < 2)
-        l.value = e;
+        o.value = e;
       else if (/^[\u4e00-\u9fa5]/.test(e))
-        l.value = e.substr(e.length - 2, 2);
+        o.value = e.substr(e.length - 2, 2);
       else if (/^[A-Za-z]/.test(e))
         if (/[_ -]/.test(e)) {
-          const C = e.split(/_|-|\s+/)[0], y = e.split(/_|-|\s+/)[1];
-          l.value = C.substr(0, 1).toUpperCase() + y.substr(0, 1).toUpperCase();
+          const c = e.split(/_|-|\s+/)[0], m = e.split(/_|-|\s+/)[1];
+          o.value = c.substr(0, 1).toUpperCase() + m.substr(0, 1).toUpperCase();
         } else
-          l.value = e.substr(0, 2).toUpperCase();
+          o.value = e.substr(0, 2).toUpperCase();
       else
-        l.value = e.substr(0, 2);
-      d < 30 && (l.value = e.substr(0, 1).toUpperCase()), g(e.substr(0, 1));
-    }, b = (e) => {
-      const d = e, C = Math.min(a.width, a.height);
-      d ? (n.value = !1, m(d, C)) : d === "" ? (n.value = !1, l.value = "") : n.value = !0, t.value = C / 4 + 3;
+        o.value = e.substr(0, 2);
+      u < 30 && (o.value = e.substr(0, 1).toUpperCase()), C(e.substr(0, 1));
+    }, f = (e) => {
+      const u = e, c = Math.min(a.width, a.height);
+      u ? (n.value = !1, L(u, c)) : u === "" ? (n.value = !1, o.value = "") : n.value = !0, t.value = c / 4 + 3;
     };
-    return b(a.name), N([() => a.name, () => a.width, () => a.height, () => a.gender], () => {
-      b(a.name);
-    }), (e, d) => {
-      var C, y;
-      return r(), o("span", q, [
-        e.imgSrc && !s.value ? (r(), o("img", {
+    return f(a.name), N([() => a.name, () => a.width, () => a.height, () => a.gender], () => {
+      f(a.name);
+    }), (e, u) => {
+      var c, m;
+      return r(), l("span", I, [
+        e.imgSrc && !s.value ? (r(), l("img", {
           key: 0,
           src: e.imgSrc,
           alt: "",
-          onError: d[0] || (d[0] = () => s.value = !0),
+          onError: u[0] || (u[0] = () => s.value = !0),
           style: h({
             height: `${e.height}px`,
             width: `${e.width}px`,
             borderRadius: e.isRound ? "100%" : "0"
           })
-        }, null, 44, J)) : u("v-if", !0),
-        !e.imgSrc && !n.value && ((C = l.value) == null ? void 0 : C.length) !== 0 ? (r(), o(
+        }, null, 44, z)) : d("v-if", !0),
+        !e.imgSrc && !n.value && ((c = o.value) == null ? void 0 : c.length) !== 0 ? (r(), l(
           "span",
           {
             key: 1,
-            class: L(["mc-bubble-avatar-style", `mc-bubble-avatar-background-${c.value}`]),
+            class: b(["mc-bubble-avatar-style", `mc-bubble-avatar-background-${g.value}`]),
             style: h({
               height: `${e.height}px`,
               width: `${e.width}px`,
@@ -324,11 +268,11 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
               borderRadius: e.isRound ? "100%" : "0"
             })
           },
-          A(l.value),
+          A(o.value),
           7
           /* TEXT, CLASS, STYLE */
-        )) : u("v-if", !0),
-        !e.imgSrc && !n.value && ((y = l.value) == null ? void 0 : y.length) === 0 ? (r(), o(
+        )) : d("v-if", !0),
+        !e.imgSrc && !n.value && ((m = o.value) == null ? void 0 : m.length) === 0 ? (r(), l(
           "span",
           {
             key: 2,
@@ -336,15 +280,15 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
             style: h({ borderRadius: e.isRound ? "100%" : "0" })
           },
           [
-            M(G, {
+            w(_, {
               width: e.width,
               height: e.height
             }, null, 8, ["width", "height"])
           ],
           4
           /* STYLE */
-        )) : u("v-if", !0),
-        !e.imgSrc && n.value || e.imgSrc && s.value ? (r(), o(
+        )) : d("v-if", !0),
+        !e.imgSrc && n.value || e.imgSrc && s.value ? (r(), l(
           "span",
           {
             key: 3,
@@ -352,102 +296,152 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
             style: h({ borderRadius: e.isRound ? "100%" : "0" })
           },
           [
-            M(W, {
+            w(D, {
               width: e.width,
               height: e.height
             }, null, 8, ["width", "height"])
           ],
           4
           /* STYLE */
-        )) : u("v-if", !0)
+        )) : d("v-if", !0)
       ]);
     };
   }
-}), Q = {
-  key: 0,
-  class: "mc-bubble-avatar"
-}, X = {
+}), U = {
+  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
+  }
+}, H = 36, O = 36, j = "name", G = "imgSrc", k = (i, a) => {
+  const s = i.__vccOpts || i;
+  for (const [n, g] of a)
+    s[n] = g;
+  return s;
+}, W = {}, q = { class: "mc-bubble-loading" };
+function J(i, a) {
+  return r(), l("div", q, a[0] || (a[0] = [
+    v(
+      "div",
+      { class: "loading-dot dot-start" },
+      null,
+      -1
+      /* HOISTED */
+    ),
+    v(
+      "div",
+      { class: "loading-dot dot-middle" },
+      null,
+      -1
+      /* HOISTED */
+    ),
+    v(
+      "div",
+      { class: "loading-dot dot-end" },
+      null,
+      -1
+      /* HOISTED */
+    )
+  ]));
+}
+const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-395fc568"]]), Q = {
   key: 0,
   class: "mc-bubble-avatar-name"
-}, Y = {
+}, X = {
   key: 1,
   class: "loading-container"
-}, V = /* @__PURE__ */ Z({
+}, Y = /* @__PURE__ */ M({
   __name: "Bubble",
-  props: O,
+  props: U,
   setup(i) {
     const a = B(), s = i, n = $(() => [
       `mc-bubble-avatar-${s.avatarPosition}`,
       `mc-bubble-${s.align}`,
       s.loading ? "mc-bubble-loading" : ""
-    ]), c = $(() => {
+    ]), g = $(() => {
       if (s.avatarConfig) {
-        const t = Object.keys(s.avatarConfig), l = t.some((g) => g === U || g === H);
-        return t.length < 1 || !l;
-      }
-      return !0;
+        const t = Object.keys(s.avatarConfig), o = t.some((C) => C === j || C === G);
+        return t.length < 1 || !o;
+      } else
+        return !0;
     });
-    return (t, l) => {
-      var g, m, b;
-      return r(), o(
+    return (t, o) => {
+      var C, L, f;
+      return r(), l(
         "div",
         {
-          class: L(["mc-bubble", n.value])
+          class: b(["mc-bubble", n.value])
         },
         [
-          w(a).avatar ? (r(), o("div", Q, [
-            p(t.$slots, "avatar", {}, void 0, !0)
-          ])) : t.avatarConfig ? (r(), o(
+          t.avatarConfig ? (r(), l(
             "div",
             {
-              key: 1,
-              class: L(["mc-bubble-avatar", { "empty-avatar": c.value }])
+              key: 0,
+              class: b(["mc-bubble-avatar", { "empty-avatar": g.value }])
             },
             [
-              M(
-                K,
-                R(_(
-                  c.value ? {
-                    width: ((g = t.avatarConfig) == null ? void 0 : g.width) || w(z),
-                    height: ((m = t.avatarConfig) == null ? void 0 : m.height) || w(P)
+              w(
+                P,
+                R(E(
+                  g.value ? {
+                    width: ((C = t.avatarConfig) == null ? void 0 : C.width) || Z(H),
+                    height: ((L = t.avatarConfig) == null ? void 0 : L.height) || Z(O)
                   } : t.avatarConfig
                 )),
                 null,
                 16
                 /* FULL_PROPS */
               ),
-              t.avatarPosition === "top" ? (r(), o(
+              t.avatarPosition === "top" ? (r(), l(
                 "span",
-                X,
-                A((b = t.avatarConfig) == null ? void 0 : b.displayName),
+                Q,
+                A((f = t.avatarConfig) == null ? void 0 : f.displayName),
                 1
                 /* TEXT */
-              )) : u("v-if", !0)
+              )) : d("v-if", !0)
             ],
             2
             /* CLASS */
-          )) : u("v-if", !0),
+          )) : d("v-if", !0),
           v(
             "div",
             {
-              class: L(["mc-bubble-content-container", { "with-avatar": t.avatarConfig }])
+              class: b(["mc-bubble-content-container", { "with-avatar": t.avatarConfig }])
             },
             [
-              t.loading ? u("v-if", !0) : p(t.$slots, "top", { key: 0 }, void 0, !0),
-              t.loading ? (r(), o("div", Y, [
-                p(t.$slots, "loadingTpl", {}, () => [
-                  M(I)
+              t.loading ? d("v-if", !0) : y(t.$slots, "top", { key: 0 }, void 0, !0),
+              t.loading ? (r(), l("div", X, [
+                y(t.$slots, "loadingTpl", {}, () => [
+                  w(K)
                 ], !0)
-              ])) : u("v-if", !0),
-              (w(a).default || t.content) && !t.loading ? (r(), o(
+              ])) : d("v-if", !0),
+              (Z(a).default || t.content) && !t.loading ? (r(), l(
                 "div",
                 {
                   key: 2,
-                  class: L(["mc-bubble-content", [t.variant]])
+                  class: b(["mc-bubble-content", [t.variant]])
                 },
                 [
-                  p(t.$slots, "default", {}, () => [
-                    E(
+                  y(t.$slots, "default", {}, () => [
+                    F(
                       A(t.content),
                       1
                       /* TEXT */
@@ -456,8 +450,8 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
                 ],
                 2
                 /* CLASS */
-              )) : u("v-if", !0),
-              t.loading ? u("v-if", !0) : p(t.$slots, "bottom", { key: 3 }, void 0, !0)
+              )) : d("v-if", !0),
+              t.loading ? d("v-if", !0) : y(t.$slots, "bottom", { key: 3 }, void 0, !0)
             ],
             2
             /* CLASS */
@@ -468,7 +462,7 @@ const I = /* @__PURE__ */ k(F, [["render", D], ["__scopeId", "data-v-395fc568"]]
       );
     };
   }
-}), S = /* @__PURE__ */ k(V, [["__scopeId", "data-v-f104b241"]]);
+}), S = /* @__PURE__ */ k(Y, [["__scopeId", "data-v-7e509691"]]);
 S.install = (i) => {
   i.component("McBubble", S);
 };

package/Header/index.js

@@ -1,4 +1,3 @@
-import "./index.css";
 import { defineComponent as d, createElementBlock as n, openBlock as r, createElementVNode as a, normalizeClass as m, createCommentVNode as g, toDisplayString as p, renderSlot as _ } from "vue";
 const k = {
   logoImg: {

package/Input/index.css

@@ -1 +1 @@
-@charset "UTF-8";.mc-textarea{width:100%;height:64px;padding:4px 0;color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 14px);background-color:var(--devui-form-control-bg, #ffffff);vertical-align:middle;outline:none;box-sizing:border-box;resize:none;border:none}.mc-textarea.mc-textarea-simple{height:32px}.mc-textarea.mc-textarea-disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-textarea::placeholder{color:var(--devui-placeholder, #babbc0)}.input-custom-item[data-v-967e21e0]{display:inline-block;border:none;padding:0 8px;outline:none;width:auto;max-width:100%;border-radius:8px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 14px);font-weight:400;line-height:22px;letter-spacing:0px;text-align:left;margin:0 2px}.input-custom-placeholder[data-v-967e21e0]:after{color:var(--devui-placeholder, #babbc0);content:attr(placeholder);cursor:text}.inline-text[data-v-967e21e0]{display:inline;padding:2px 8px}.editable-container[data-v-86573c82]{outline:unset;min-height:64px;line-height:24px;padding-top:4px;word-break:break-all;white-space:pre-wrap;font-size:14px;caret-color:var(--devui-text, #252b3a);background:var(--devui-form-control-bg, #ffffff);color:var(--devui-text, #252b3a)}.editable-container.mc-input-simple[data-v-86573c82]{min-height:32px}.editable-container.mc-input-disabled[data-v-86573c82]{background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.editable-container[data-v-86573c82]>*{text-indent:0}.editable-container[placeholder][data-v-86573c82]:empty:before{content:attr(placeholder);color:var(--devui-placeholder, #babbc0);position:absolute;pointer-events:none;left:8px}.editable-container .ai-input-prefix-wrapper[data-v-86573c82]{border-radius:8px;background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-primary, #5e7ce0);height:24px;padding:0 8px;font-size:14px;font-weight:600;line-height:24px;z-index:10;position:sticky;display:inline-block;cursor:pointer}.en-editable-container[data-v-86573c82]{text-indent:140px}.editable-container[data-v-86573c82]:focus{border-color:#409eff}.mc-button[data-v-dbbf3b38]{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:32px;line-height:1.5;color:var(--devui-light-text, #ffffff);font-size:var(--devui-font-size, 14px);padding:0 12px;border-radius:20px;background-color:var(--devui-primary, #5e7ce0);overflow:hidden;border:none;cursor:pointer;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.mc-button.mc-button-loading svg[data-v-dbbf3b38]{animation:rotating-dbbf3b38 1s linear infinite}.mc-button.mousedown[data-v-dbbf3b38]:not(:disabled){transform:scale(.95)}.mc-button.mc-button-simple[data-v-dbbf3b38]{width:32px;padding:6px;flex-shrink:0;border-radius:100%}.mc-button.mc-button-simple svg[data-v-dbbf3b38]{margin-right:0}.mc-button[data-v-dbbf3b38]:hover{background-color:var(--devui-primary-hover, #7693f5)}.mc-button[data-v-dbbf3b38]:active{background-color:var(--devui-primary-active, #344899)}.mc-button[data-v-dbbf3b38]:disabled{color:var(--devui-light-text, #ffffff);background-color:var(--devui-primary-disabled, #beccfa);cursor:not-allowed}.mc-button .mc-button-content[data-v-dbbf3b38]{display:inline-flex;align-items:center;font-size:var(--devui-font-size, 14px)}.mc-button .mc-button-water-wave[data-v-dbbf3b38]{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave-dbbf3b38 var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}.mc-button svg[data-v-dbbf3b38]{margin-right:4px}.mc-button svg[data-v-dbbf3b38] path{fill:var(--devui-light-text, #ffffff)}@keyframes rotating-dbbf3b38{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes waterWave-dbbf3b38{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}body[ui-theme=infinity-theme]{--mc-text: #aeaeae;--mc-box-shadow: rgba(25, 25, 25, .06)}body[ui-theme=galaxy-theme]{--mc-text: #4e5057;--mc-box-shadow: rgba(206, 209, 219, .06)}.mc-input{display:flex;flex-direction:column;width:100%;padding:12px 0;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:16px;box-sizing:border-box;background-color:var(--devui-base-bg, #ffffff)}.mc-input.mc-input-simple{border-radius:24px}.mc-input.mc-input-simple .mc-input-content{padding:0 20px}.mc-input.mc-input-borderless{border:none;box-shadow:0 1px 8px 0 var(--mc-box-shadow, rgba(25, 25, 25, .06))}.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 16px}.mc-input .mc-input-content .editable-block-container{width:100%}.mc-input .mc-input-foot{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 16px}.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{color:var(--mc-text, #aeaeae);font-size:var(--devui-font-size-sm, 12px)}
+.mc-textarea{width:100%;height:64px;padding:4px 0;color:var(--devui-text, #252b3a);background-color:var(--devui-form-control-bg, #ffffff);vertical-align:middle;outline:none;box-sizing:border-box;resize:none;border:none}.mc-textarea.mc-textarea-simple{height:32px}.mc-textarea.mc-textarea-disabled{color:var(--devui-disabled-text, #cfd0d3);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.mc-textarea::placeholder{color:var(--devui-placeholder, #babbc0)}.mc-button[data-v-8051c2d3]{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:64px;height:32px;line-height:1.5;color:var(--devui-light-text, #ffffff);font-size:var(--devui-font-size-md, 12px);padding:0 16px;border-radius:20px;background-color:var(--devui-primary, #5e7ce0);overflow:hidden;border:none;cursor:pointer;transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),border-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.mc-button.mc-button-loading svg[data-v-8051c2d3]{animation:rotating-8051c2d3 1s linear infinite}.mc-button.mousedown[data-v-8051c2d3]:not(:disabled){transform:scale(.95)}.mc-button[data-v-8051c2d3]:hover{background-color:var(--devui-primary-hover, #7693f5)}.mc-button[data-v-8051c2d3]:active{background-color:var(--devui-primary-active, #344899)}.mc-button[data-v-8051c2d3]:disabled{color:var(--devui-light-text, #ffffff);background-color:var(--devui-primary-disabled, #beccfa);cursor:not-allowed}.mc-button .mc-button-content[data-v-8051c2d3]{display:inline-flex;align-items:center}.mc-button .mc-button-water-wave[data-v-8051c2d3]{position:absolute;background-color:var(--devui-base-bg, #ffffff);border-radius:50%;opacity:0;width:20px;height:20px;transform:translate(-50%,-50%);animation:waterWave-8051c2d3 var(--devui-animation-duration-slow, .3s) var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1))}.mc-button svg[data-v-8051c2d3]{margin-right:4px}.mc-button svg[data-v-8051c2d3] path{fill:var(--devui-light-text, #ffffff)}@keyframes rotating-8051c2d3{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes waterWave-8051c2d3{0%{opacity:.2;width:30px;height:30px}to{opacity:0;width:200px;height:200px}}.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{color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px)}