@matechat/core 1.11.1 → 1.12.0-alpha

package/Header/index.js

@@ -1,5 +1,5 @@
 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";
+import { defineComponent as d, openBlock as n, createElementBlock as r, createElementVNode as s, normalizeClass as m, createCommentVNode as g, toDisplayString as p, renderSlot as _ } from "vue";
 const k = {
   logoImg: {
     type: String,
@@ -18,24 +18,24 @@ const k = {
   props: k,
   emits: ["logoClicked"],
   setup(e, { emit: l }) {
-    const t = l, c = e, s = () => {
+    const t = l, c = e, a = () => {
       c.logoClickable && t("logoClicked");
     };
-    return (o, I) => (r(), n("div", f, [
-      a(
+    return (o, I) => (n(), r("div", f, [
+      s(
         "div",
         {
           class: m(["mc-header-logo-container", { clickable: o.logoClickable }]),
-          onClick: s
+          onClick: a
         },
         [
-          o.logoImg ? (r(), n("img", {
+          o.logoImg ? (n(), r("img", {
             key: 0,
             class: "mc-header-logo",
             src: o.logoImg,
             alt: o.logoImg
           }, null, 8, h)) : g("v-if", !0),
-          a(
+          s(
             "div",
             u,
             p(o.title),
@@ -46,17 +46,17 @@ const k = {
         2
         /* CLASS */
       ),
-      a("div", C, [
+      s("div", C, [
         _(o.$slots, "operationArea", {}, void 0, !0)
       ])
     ]));
   }
 }), y = (e, l) => {
   const t = e.__vccOpts || e;
-  for (const [c, s] of l)
-    t[c] = s;
+  for (const [c, a] of l)
+    t[c] = a;
   return t;
-}, i = /* @__PURE__ */ y(v, [["__scopeId", "data-v-05829e90"]]);
+}, i = /* @__PURE__ */ y(v, [["__scopeId", "data-v-a864dc89"]]);
 i.install = (e) => {
   e.component("McHeader", i);
 };

package/Input/components/EditableBlock.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
-import { FormatContentItem, SubmitShortKey } from "../input-types";
+import { type PropType } from 'vue';
+import { type FormatContentItem, SubmitShortKey } from '../input-types';
 declare var __VLS_6: {
     themeTag: {
         type: "themeTag";

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)}
+@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-de0a1464]{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-de0a1464]:after{color:var(--devui-placeholder, #babbc0);content:attr(placeholder);cursor:text}.inline-text[data-v-de0a1464]{display:inline;padding:2px 8px}.editable-container[data-v-92145e12]{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-92145e12]{min-height:32px}.editable-container.mc-input-disabled[data-v-92145e12]{background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.editable-container[data-v-92145e12]>*{text-indent:0}.editable-container[placeholder][data-v-92145e12]: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-92145e12]{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-92145e12]{text-indent:140px}.editable-container[data-v-92145e12]: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)}

package/Input/index.js

@@ -1,5 +1,5 @@
 import "./index.css";
-import { ref as w, defineComponent as X, inject as oe, computed as ae, watch as Y, onMounted as te, withDirectives as be, createElementBlock as x, openBlock as m, normalizeClass as q, normalizeStyle as ce, unref as g, isRef as ye, vModelText as xe, nextTick as pe, createElementVNode as $, withModifiers as le, toDisplayString as Z, resolveComponent as Ce, createCommentVNode as _, createBlock as O, withCtx as de, renderSlot as A, Fragment as ee, renderList as Te, createTextVNode as Le, reactive as Se, provide as _e, createVNode as ie } from "vue";
+import { ref as w, defineComponent as X, inject as oe, computed as ae, watch as Y, onMounted as te, withDirectives as be, openBlock as m, createElementBlock as x, normalizeClass as q, unref as g, normalizeStyle as ce, isRef as ye, vModelText as xe, nextTick as de, createElementVNode as $, withModifiers as le, toDisplayString as Z, resolveComponent as Ce, createCommentVNode as _, createBlock as O, withCtx as pe, renderSlot as A, Fragment as ee, renderList as Te, createTextVNode as Le, reactive as Se, provide as _e, createVNode as ie } from "vue";
 import { useMcI18n as fe } from "@matechat/core/Locale";
 var V = /* @__PURE__ */ ((n) => (n.Simple = "simple", n.Full = "full", n))(V || {}), me = /* @__PURE__ */ ((n) => (n.Bordered = "bordered", n.BorderLess = "borderless", n))(me || {}), ne = /* @__PURE__ */ ((n) => (n.Simple = "simple", n.Full = "full", n))(ne || {}), K = /* @__PURE__ */ ((n) => (n.Enter = "enter", n.ShiftEnter = "shiftEnter", n))(K || {});
 const we = {
@@ -113,12 +113,12 @@ function Ne(n, a = 1, s) {
     u.value = " ";
     const C = u.scrollHeight - l;
     if (a !== void 0) {
-      let p = C * a;
-      r === "border-box" && (p = p + l + i), f = Math.max(p, f), h.minHeight = `${p}px`;
+      let d = C * a;
+      r === "border-box" && (d = d + l + i), f = Math.max(d, f), h.minHeight = `${d}px`;
     }
     if (s !== void 0) {
-      let p = C * s;
-      r === "border-box" && (p = p + l + i), f > p ? (f = p, h.overflowY = "auto") : h.overflowY = "hidden";
+      let d = C * s;
+      r === "border-box" && (d = d + l + i), f > d ? (f = d, h.overflowY = "auto") : h.overflowY = "hidden";
     }
   }
   return h.height = `${f}px`, u.remove(), h;
@@ -147,9 +147,14 @@ function Me(n) {
 const De = ["placeholder", "disabled", "maxlength"], Re = /* @__PURE__ */ X({
   __name: "textarea",
   setup(n) {
-    const { t: a } = fe(), s = w(null), { inputValue: t, rootProps: l, rootEmits: i, clearInputAfterSubmit: r } = oe(Q), u = ae(() => {
+    const { t: a } = fe(), s = w(null), { inputValue: t, rootProps: l, rootEmits: i, clearInputAfterSubmit: r } = oe(
+      Q
+    ), u = ae(() => {
       let v = "", E = "";
-      return l.submitShortKey === K.Enter && (v = "Enter", E = "Shift + Enter"), l.submitShortKey === K.ShiftEnter && (v = "Shift + Enter", E = "Enter"), l.placeholder ?? (v ? a("Input.pleaseEnterPlaceholder", { enterKey: v, shiftEnterKey: E }) : a("Input.pleaseEnter"));
+      return l.submitShortKey === K.Enter && (v = "Enter", E = "Shift + Enter"), l.submitShortKey === K.ShiftEnter && (v = "Shift + Enter", E = "Enter"), l.placeholder ?? (v ? a("Input.pleaseEnterPlaceholder", {
+        enterKey: v,
+        shiftEnterKey: E
+      }) : a("Input.pleaseEnter"));
     }), { textareaStyle: f, updateTextareaStyle: h } = Me({
       textareaRef: s,
       autosize: l.autosize
@@ -163,17 +168,17 @@ const De = ["placeholder", "disabled", "maxlength"], Re = /* @__PURE__ */ X({
       h();
     });
     let C = !1;
-    const p = () => {
-      pe(() => {
+    const d = () => {
+      de(() => {
         i("change", t.value);
       });
     }, T = () => {
-      C || p();
+      C || d();
     }, b = () => {
       C = !0;
     }, B = () => {
       setTimeout(() => {
-        C = !1, p();
+        C = !1, d();
       }, 10);
     }, z = (v) => {
       if (l.submitShortKey === null)
@@ -247,21 +252,24 @@ const Ae = (n) => {
   emits: ["change"],
   setup(n, { emit: a }) {
     const s = a, t = n, l = w(!1), i = w(t.content), r = w(null);
-    Y(() => t.content, (p) => {
-      i.value = p;
-    });
+    Y(
+      () => t.content,
+      (d) => {
+        i.value = d;
+      }
+    );
     const u = () => {
       l.value = !t.disabled;
     }, f = () => {
       l.value = !1;
-    }, h = (p) => {
+    }, h = (d) => {
       var b;
       const T = ((b = r.value) == null ? void 0 : b.textContent) || "";
       i.value = T, s("change", T);
-    }, C = (p) => {
-      Ae(p), h();
+    }, C = (d) => {
+      Ae(d), h();
     };
-    return (p, T) => {
+    return (d, T) => {
       var b, B;
       return m(), x("span", Pe, [
         $("span", {
@@ -284,7 +292,7 @@ const Ae = (n) => {
   for (const [t, l] of a)
     s[t] = l;
   return s;
-}, Ve = /* @__PURE__ */ W(Fe, [["__scopeId", "data-v-967e21e0"]]), Ze = ["contenteditable", "placeholder"], Oe = { contenteditable: "false" }, He = {
+}, Ve = /* @__PURE__ */ W(Fe, [["__scopeId", "data-v-de0a1464"]]), Ze = ["contenteditable", "placeholder"], Oe = { contenteditable: "false" }, He = {
   id: "ai-input-prefix",
   class: "ai-input-prefix"
 }, Ue = /* @__PURE__ */ X({
@@ -315,7 +323,13 @@ const Ae = (n) => {
       default: !1
     }
   },
-  emits: ["send", "input", "blur", "focus", "onBlockKeyArrowUp"],
+  emits: [
+    "send",
+    "input",
+    "blur",
+    "focus",
+    "onBlockKeyArrowUp"
+  ],
   setup(n, { expose: a, emit: s }) {
     const { rootProps: t } = oe(Q), l = s, i = n, r = w({
       themeTagText: "",
@@ -323,17 +337,20 @@ const Ae = (n) => {
       popoverContent: "",
       type: "themeTag"
     }), u = w(null), f = w([...i.templateParts]);
-    Y(() => i.templateParts, (e) => {
-      f.value = [...e];
-    });
+    Y(
+      () => i.templateParts,
+      (e) => {
+        f.value = [...e];
+      }
+    );
     const h = () => {
       const e = u.value;
       e && (e.innerHTML = "", k());
     }, C = () => {
-      var d;
-      const e = (d = u.value) == null ? void 0 : d.textContent;
+      var p;
+      const e = (p = u.value) == null ? void 0 : p.textContent;
       e.length > i.maxLength || (l("send", e), h());
-    }, p = () => {
+    }, d = () => {
       var e;
       (e = u.value) == null || e.focus(), Ke(u.value);
     }, T = (e) => {
@@ -347,10 +364,12 @@ const Ae = (n) => {
     }, k = () => {
       B.value || E();
     }, v = () => {
-      var d, c;
-      let e = (d = u.value) == null ? void 0 : d.textContent;
+      var p, c;
+      let e = (p = u.value) == null ? void 0 : p.textContent;
       if (r.value.themeTagText) {
-        const y = (c = u.value) == null ? void 0 : c.querySelector(".ai-input-prefix-wrapper");
+        const y = (c = u.value) == null ? void 0 : c.querySelector(
+          ".ai-input-prefix-wrapper"
+        );
         if (y) {
           const D = y.textContent || "";
           e = e.replace(D, " ");
@@ -363,8 +382,8 @@ const Ae = (n) => {
         l("input", e);
       }, 50);
     }, H = (e) => {
-      const d = i.submitShortKey === K.Enter ? !e.shiftKey : i.submitShortKey === K.ShiftEnter ? e.shiftKey : !1;
-      if (e.key === "Enter" && d && (e.preventDefault(), C()), ["ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(e.key)) {
+      const p = i.submitShortKey === K.Enter ? !e.shiftKey : i.submitShortKey === K.ShiftEnter ? e.shiftKey : !1;
+      if (e.key === "Enter" && p && (e.preventDefault(), C()), ["ArrowLeft", "ArrowRight", "Backspace", "Delete"].includes(e.key)) {
         const c = window.getSelection();
         if (!(c != null && c.rangeCount) || !c.isCollapsed)
           return;
@@ -375,11 +394,17 @@ const Ae = (n) => {
             return;
           if (e.preventDefault(), N.contentEditable = "true", e.key === "ArrowLeft" || e.key === "ArrowRight") {
             const R = document.createRange();
-            R.setStart(N, S === "previous" ? N.childNodes.length : 0), R.collapse(!1), c.removeAllRanges(), c.addRange(R);
+            R.setStart(
+              N,
+              S === "previous" ? N.childNodes.length : 0
+            ), R.collapse(!1), c.removeAllRanges(), c.addRange(R);
           } else if (e.key === "Backspace" || e.key === "Delete")
             if (N.textContent.trim()) {
               const R = document.createRange();
-              R.setStart(N, S === "previous" ? N.childNodes.length : 0), R.collapse(!1), c.removeAllRanges(), c.addRange(R);
+              R.setStart(
+                N,
+                S === "previous" ? N.childNodes.length : 0
+              ), R.collapse(!1), c.removeAllRanges(), c.addRange(R);
             } else
               P.remove();
         }
@@ -391,10 +416,10 @@ const Ae = (n) => {
       const e = window.getSelection();
       if (!(e != null && e.rangeCount))
         return !0;
-      const d = e.getRangeAt(0);
-      if (d.startOffset !== 0)
+      const p = e.getRangeAt(0);
+      if (p.startOffset !== 0)
         return !1;
-      let c = d.startContainer;
+      let c = p.startContainer;
       for (; c && !((y = c.classList) != null && y.contains("editable-container")); ) {
         if (c.previousSibling)
           return !1;
@@ -402,17 +427,17 @@ const Ae = (n) => {
       }
       return !0;
     }
-    function L(e, d, c) {
+    function L(e, p, c) {
       var P;
       if (!e)
         return null;
       let y = e;
       const D = (P = e.classList) == null ? void 0 : P.contains("editable-container");
       if (D) {
-        const N = e.childNodes, R = Math.min(d, N.length - 1);
+        const N = e.childNodes, R = Math.min(p, N.length - 1);
         y = N[R];
       }
-      if (!D && c === "previous" && d !== 0 || !D && c === "next" && d !== e.textContent.length)
+      if (!D && c === "previous" && p !== 0 || !D && c === "next" && p !== e.textContent.length)
         return null;
       let J = null, S = y;
       for (; S; )
@@ -425,13 +450,13 @@ const Ae = (n) => {
     const I = (e) => {
       var c;
       e.preventDefault();
-      const d = (c = (e.originalEvent || e).clipboardData) == null ? void 0 : c.getData("text/plain");
-      he(d), k();
-    }, M = (e, d, c) => {
+      const p = (c = (e.originalEvent || e).clipboardData) == null ? void 0 : c.getData("text/plain");
+      he(p), k();
+    }, M = (e, p, c) => {
       i.disabled || (f.value.push({
         key: e,
         type: "input",
-        placeholder: d,
+        placeholder: p,
         content: c
       }), G(), k());
     }, U = (e) => {
@@ -441,11 +466,11 @@ const Ae = (n) => {
         type: "text",
         content: e
       }), G(), k());
-    }, ve = (e, d, c) => {
+    }, ve = (e, p, c) => {
       i.disabled || (r.value = {
         themeTagText: e,
         clearInput: c || !1,
-        popoverContent: d,
+        popoverContent: p,
         type: "themeTag"
       });
     }, se = () => {
@@ -456,8 +481,8 @@ const Ae = (n) => {
         type: "themeTag"
       }, E());
     }, G = () => {
-      pe(() => {
-        p();
+      de(() => {
+        d();
       });
     };
     return te(() => {
@@ -465,13 +490,13 @@ const Ae = (n) => {
     }), a({
       clearInput: h,
       getInput: v,
-      focusInput: p,
+      focusInput: d,
       setMixTags: U,
       setText: ge,
       setInputTag: M,
       openTipTag: ve,
       closeTipTag: se
-    }), (e, d) => {
+    }), (e, p) => {
       const c = Ce("d-popover");
       return m(), x("div", {
         ref_key: "editableDivRef",
@@ -494,7 +519,7 @@ const Ae = (n) => {
           trigger: "hover",
           content: r.value.popoverContent
         }, {
-          default: de(() => [
+          default: pe(() => [
             $("span", Oe, [
               r.value.themeTagText ? (m(), x("span", {
                 key: 0,
@@ -512,7 +537,7 @@ const Ae = (n) => {
                   )
                 ], !0)
               ])) : _("v-if", !0),
-              d[0] || (d[0] = $(
+              p[0] || (p[0] = $(
                 "span",
                 {
                   contenteditable: "false",
@@ -563,7 +588,7 @@ const Ae = (n) => {
       ], 42, Ze);
     };
   }
-}), je = /* @__PURE__ */ W(Ue, [["__scopeId", "data-v-86573c82"]]), Ye = {}, Xe = {
+}), je = /* @__PURE__ */ W(Ue, [["__scopeId", "data-v-92145e12"]]), Ye = {}, Xe = {
   width: "16px",
   height: "16px",
   viewBox: "0 0 16 16",
@@ -630,13 +655,13 @@ const et = /* @__PURE__ */ W(Ge, [["render", Qe]]), tt = ["disabled"], nt = { cl
       f.left = T.offsetX + "px", f.top = T.offsetY + "px", u.value = !0, setTimeout(() => {
         u.value = !1;
       }, 300);
-    }, p = (T) => {
+    }, d = (T) => {
       C(T), t.loading ? l("cancel") : (l("submit", s.value), i(), l("change", s.value));
     };
     return (T, b) => (m(), x("button", {
       disabled: g(t).disabled || !g(t).loading && !g(s),
       class: q(h.value),
-      onClick: p,
+      onClick: d,
       onMousedown: b[0] || (b[0] = () => r.value = !0),
       onMouseup: b[1] || (b[1] = () => r.value = !1)
     }, [
@@ -687,7 +712,7 @@ const et = /* @__PURE__ */ W(Ge, [["render", Qe]]), tt = ["disabled"], nt = { cl
       r.value ? (o = i.value) == null || o.clearInput() : u.value = "";
     }, C = () => {
       t.autoClear && h();
-    }, p = () => {
+    }, d = () => {
       var o;
       return r.value ? (o = i.value) == null ? void 0 : o.getInput() : u.value;
     }, T = (o, L, I) => {
@@ -739,7 +764,7 @@ const et = /* @__PURE__ */ W(Ge, [["render", Qe]]), tt = ["disabled"], nt = { cl
         B(M);
       },
       { deep: !0 }
-    ), a({ clearInput: h, getInput: p, setInputTag: T, setText: b, setMixTags: B, openTipTag: z, closeTipTag: F }), _e(Q, { inputValue: u, rootProps: t, rootEmits: l, clearInputAfterSubmit: C }), (o, L) => (m(), x(
+    ), a({ clearInput: h, getInput: d, setInputTag: T, setText: b, setMixTags: B, openTipTag: z, closeTipTag: F }), _e(Q, { inputValue: u, rootProps: t, rootEmits: l, clearInputAfterSubmit: C }), (o, L) => (m(), x(
       "div",
       {
         class: q(f.value)
@@ -765,7 +790,7 @@ const et = /* @__PURE__ */ W(Ge, [["render", Qe]]), tt = ["disabled"], nt = { cl
               onBlur: E,
               onFocus: H
             }, {
-              themeTag: de(({ themeTag: I }) => [
+              themeTag: pe(({ themeTag: I }) => [
                 A(o.$slots, "themeTag", { themeTag: I })
               ]),
               _: 3

package/Introduction/index.css

@@ -1 +1 @@
-.mc-introduction[data-v-31ff847b]{display:flex;gap:12px;flex-direction:column;color:var(--devui-text, #252b3a)}.mc-introduction .mc-introduction-logo-container[data-v-31ff847b]{display:flex;align-items:center;gap:8px}.mc-introduction .mc-introduction-logo-container .mc-introduction-title[data-v-31ff847b]{font-weight:700;font-size:32px;letter-spacing:1px}.mc-introduction .mc-introduction-sub-title[data-v-31ff847b]{font-weight:500;font-size:18px}.mc-introduction .mc-introduction-description[data-v-31ff847b]{font-size:var(--devui-font-size, 12px)}.mc-introduction .mc-introduction-description>div[data-v-31ff847b]{line-height:1.5}.mc-introduction.filled[data-v-31ff847b]{background-color:var(--devui-global-bg, #f6f6f8);border-radius:8px;padding:8px 12px}.mc-introduction.center[data-v-31ff847b]{align-items:center}.mc-introduction.center .mc-introduction-description[data-v-31ff847b]{text-align:center}.mc-introduction.left[data-v-31ff847b]{align-items:flex-start}.mc-introduction.left .mc-introduction-description[data-v-31ff847b]{text-align:left}.mc-introduction.right[data-v-31ff847b]{align-items:flex-end}.mc-introduction.right .mc-introduction-description[data-v-31ff847b]{text-align:right}
+.mc-introduction[data-v-fd242abc]{display:flex;gap:12px;flex-direction:column;color:var(--devui-text, #252b3a)}.mc-introduction .mc-introduction-logo-container[data-v-fd242abc]{display:flex;align-items:center;gap:8px}.mc-introduction .mc-introduction-logo-container .mc-introduction-title[data-v-fd242abc]{font-weight:700;font-size:32px;letter-spacing:1px}.mc-introduction .mc-introduction-sub-title[data-v-fd242abc]{font-weight:500;font-size:18px}.mc-introduction .mc-introduction-description[data-v-fd242abc]{font-size:var(--devui-font-size, 12px)}.mc-introduction .mc-introduction-description>div[data-v-fd242abc]{line-height:1.5}.mc-introduction.filled[data-v-fd242abc]{background-color:var(--devui-global-bg, #f6f6f8);border-radius:8px;padding:8px 12px}.mc-introduction.center[data-v-fd242abc]{align-items:center}.mc-introduction.center .mc-introduction-description[data-v-fd242abc]{text-align:center}.mc-introduction.left[data-v-fd242abc]{align-items:flex-start}.mc-introduction.left .mc-introduction-description[data-v-fd242abc]{text-align:left}.mc-introduction.right[data-v-fd242abc]{align-items:flex-end}.mc-introduction.right .mc-introduction-description[data-v-fd242abc]{text-align:right}

package/Introduction/index.js

@@ -1,6 +1,92 @@
 import "./index.css";
-import { defineComponent as c, createElementBlock as e, openBlock as o, normalizeClass as g, createElementVNode as a, createCommentVNode as s, renderSlot as p, normalizeStyle as m, toDisplayString as d, Fragment as f, renderList as y } from "vue";
-const h = {
+var m = Object.defineProperty;
+var y = (r, t, e) => t in r ? m(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var l = (r, t, e) => y(r, typeof t != "symbol" ? t + "" : t, e);
+import { defineComponent as S, openBlock as a, createElementBlock as i, normalizeClass as C, unref as u, createElementVNode as p, normalizeStyle as P, createCommentVNode as c, toDisplayString as d, Fragment as b, renderList as v, renderSlot as k } from "vue";
+const n = () => {
+};
+class g {
+  constructor(t) {
+    l(this, "_adapter");
+    this._adapter = { ...g.defaultAdapter, ...t };
+  }
+  static get cssClasses() {
+    return {};
+  }
+  static get strings() {
+    return {};
+  }
+  static get numbers() {
+    return {};
+  }
+  static get defaultAdapter() {
+    return {
+      getProp: n,
+      getProps: n,
+      getState: n,
+      getStates: n,
+      setState: n,
+      getContext: n,
+      getContexts: n,
+      getCache: n,
+      setCache: n,
+      getCaches: n,
+      stopPropagation: n
+    };
+  }
+  getProp(t) {
+    return this._adapter.getProp(t);
+  }
+  getProps() {
+    return this._adapter.getProps();
+  }
+  getState(t) {
+    return this._adapter.getState(t);
+  }
+  getStates() {
+    return this._adapter.getStates();
+  }
+  setState(t, e) {
+    return this._adapter.setState({ ...t }, e);
+  }
+  /* istanbul ignore next */
+  getCaches() {
+    return this._adapter.getCaches();
+  }
+  getCache(t) {
+    return this._adapter.getCache(t);
+  }
+  setCache(t, e) {
+    return t && this._adapter.setCache(t, e);
+  }
+  nextTick(t) {
+    return this._adapter.nextTick(t);
+  }
+  _isInProps(t) {
+    const e = this.getProps();
+    return t in e;
+  }
+  init(t) {
+  }
+  destroy() {
+  }
+}
+class I extends g {
+  constructor(t) {
+    super({ ...t });
+  }
+  getIntroductionClasses() {
+    const t = this._adapter.getProp("align"), e = this._adapter.getProp(
+      "background"
+    );
+    return [t, e].filter(Boolean).join(" ");
+  }
+  getLogoStyle() {
+    const t = this._adapter.getProp("logoWidth"), e = this._adapter.getProp("logoHeight"), s = {};
+    return t && (s.width = typeof t == "number" ? `${t}px` : t), e && (s.height = typeof e == "number" ? `${e}px` : e), s;
+  }
+}
+const T = {
   logoImg: {
     type: String,
     default: ""
@@ -33,74 +119,78 @@ const h = {
     type: String,
     default: "center"
   }
-}, v = { class: "mc-introduction-logo-container" }, b = ["src", "alt"], S = { class: "mc-introduction-title" }, k = {
+}, N = { class: "mc-introduction-logo-container" }, A = ["src", "alt"], B = { class: "mc-introduction-title" }, H = {
   key: 0,
   class: "mc-introduction-sub-title"
-}, I = {
+}, L = {
   key: 1,
   class: "mc-introduction-description"
-}, _ = /* @__PURE__ */ c({
+}, V = /* @__PURE__ */ S({
   __name: "Introduction",
-  props: h,
-  setup(i) {
-    return (t, n) => (o(), e(
+  props: T,
+  setup(r) {
+    const t = r, e = {
+      getProp: (o) => t[o],
+      getProps: () => t
+    }, s = new I(e);
+    return (o, $) => (a(), i(
       "div",
       {
-        class: g(["mc-introduction", [t.align, t.background]])
+        class: C(["mc-introduction", u(s).getIntroductionClasses()])
       },
       [
-        a("div", v, [
-          t.logoImg ? (o(), e("img", {
+        p("div", N, [
+          o.logoImg ? (a(), i("img", {
             key: 0,
-            src: t.logoImg,
-            alt: t.title,
-            style: m({ width: typeof t.logoWidth == "number" ? `${t.logoWidth}px` : t.logoWidth, height: typeof t.logoHeight == "number" ? `${t.logoHeight}px` : t.logoHeight })
-          }, null, 12, b)) : s("v-if", !0),
-          a(
+            src: o.logoImg,
+            alt: o.title,
+            style: P(u(s).getLogoStyle())
+          }, null, 12, A)) : c("v-if", !0),
+          p(
             "div",
-            S,
-            d(t.title),
+            B,
+            d(o.title),
             1
             /* TEXT */
           )
         ]),
-        t.subTitle ? (o(), e(
+        o.subTitle ? (a(), i(
           "div",
-          k,
-          d(t.subTitle),
+          H,
+          d(o.subTitle),
           1
           /* TEXT */
-        )) : s("v-if", !0),
-        t.description.length ? (o(), e("div", I, [
-          (o(!0), e(
-            f,
+        )) : c("v-if", !0),
+        o.description.length ? (a(), i("div", L, [
+          (a(!0), i(
+            b,
             null,
-            y(t.description, (r, l) => (o(), e(
+            v(o.description, (f, _) => (a(), i(
               "div",
-              { key: l },
-              d(r),
+              { key: _ },
+              d(f),
               1
               /* TEXT */
             ))),
             128
             /* KEYED_FRAGMENT */
           ))
-        ])) : s("v-if", !0),
-        p(t.$slots, "default", {}, void 0, !0)
+        ])) : c("v-if", !0),
+        k(o.$slots, "default", {}, void 0, !0)
       ],
       2
       /* CLASS */
     ));
   }
-}), H = (i, t) => {
-  const n = i.__vccOpts || i;
-  for (const [r, l] of t)
-    n[r] = l;
-  return n;
-}, u = /* @__PURE__ */ H(_, [["__scopeId", "data-v-31ff847b"]]);
-u.install = (i) => {
-  i.component("McIntroduction", u);
+}), W = (r, t) => {
+  const e = r.__vccOpts || r;
+  for (const [s, o] of t)
+    e[s] = o;
+  return e;
+}, h = /* @__PURE__ */ W(V, [["__scopeId", "data-v-fd242abc"]]);
+h.install = (r) => {
+  r.component("McIntroduction", h);
 };
 export {
-  u as McIntroduction
+  h as McIntroduction
 };