@opentiny/tiny-robot 0.3.0-alpha.1 → 0.3.0-alpha.3

package/dist/container/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as w, openBlock as g, createElementVNode as n, renderSlot as r, createVNode as c, unref as a } from "vue";
-import { l as h, w as $, s as C } from "../tiny-robot-svgs.js";
+import { defineComponent as m, useCssVars as v, useModel as d, computed as _, createElementBlock as w, openBlock as g, createElementVNode as n, renderSlot as r, createVNode as c, unref as i } from "vue";
+import { r as h, a as $, f as C } from "../tiny-robot-svgs.js";
 import u from "../icon-button/index.js";
 import { _ as b } from "../_plugin-vue_export-helper.js";
 const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k = { class: "tr-container__header-operations" }, y = { class: "tr-container__footer" }, E = /* @__PURE__ */ m({
@@ -29,16 +29,16 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
         ]),
         n("div", k, [
           r(t.$slots, "operations"),
-          c(a(u), {
+          c(i(u), {
             size: "28",
             "svg-size": "20",
             icon: f.value,
             onClick: e[0] || (e[0] = (p) => t.$emit("update:fullscreen", !s.value))
           }, null, 8, ["icon"]),
-          c(a(u), {
+          c(i(u), {
             size: "28",
             "svg-size": "20",
-            icon: a(C),
+            icon: i(C),
             onClick: e[1] || (e[1] = (p) => t.$emit("update:show", !1))
           }, null, 8, ["icon"])
         ])
@@ -49,12 +49,12 @@ const z = { class: "tr-container" }, B = { class: "tr-container__header" }, k =
       ])
     ]));
   }
-}), i = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
-i.name = "TrContainer";
+}), a = /* @__PURE__ */ b(E, [["__scopeId", "data-v-6a9b9126"]]);
+a.name = "TrContainer";
 const I = function(o) {
-  o.component(i.name, i);
+  o.component(a.name, a);
 };
-i.install = I;
+a.install = I;
 export {
-  i as default
+  a as default
 };

package/dist/feedback/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as X, ref as A, computed as z, onMounted as D, watch as O, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as E, renderList as S, toDisplayString as y, createVNode as h, unref as l, nextTick as q, createElementVNode as p, createBlock as d, withCtx as f, createTextVNode as j, resolveDynamicComponent as C } from "vue";
-import { f as T, A as N, c as H, a as J, b as K, v as Q } from "../tiny-robot-svgs.js";
+import { defineComponent as X, ref as E, computed as z, onMounted as D, watch as O, createElementBlock as a, openBlock as t, createCommentVNode as k, Fragment as I, renderList as S, toDisplayString as y, createVNode as b, unref as l, nextTick as q, createElementVNode as _, createBlock as p, withCtx as f, createTextVNode as j, resolveDynamicComponent as C } from "vue";
+import { l as T, n as N, c as H, h as J, y as K, d as Q } from "../tiny-robot-svgs.js";
 import { B as R } from "../index3.js";
 import $, { ActionGroupItem as V } from "../action-group/index.js";
 import U from "../icon-button/index.js";
@@ -10,8 +10,8 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     sources: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
-  setup(b) {
-    const m = b, e = A(!1), g = A([]), c = A(null), L = () => {
+  setup(h) {
+    const m = h, e = E(!1), g = E([]), c = E(null), L = () => {
       q(() => {
         const u = g.value.slice(0, m.sources.length).map((o) => (o == null ? void 0 : o.offsetTop) || 0), n = Array.from(new Set(u));
         if (n.length > m.linesLimit) {
@@ -20,33 +20,33 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
         } else
           c.value = null;
       });
-    }, x = z(() => m.sources.length - (c.value || 0));
+    }, A = z(() => m.sources.length - (c.value || 0));
     D(L), O(() => m.sources, L);
-    const _ = (u, n) => {
+    const d = (u, n) => {
       u && (g.value[n] = u);
     };
     return (u, n) => (t(), a("div", W, [
-      (t(!0), a(E, null, S(m.sources, (o, s) => (t(), a(E, { key: s }, [
+      (t(!0), a(I, null, S(m.sources, (o, s) => (t(), a(I, { key: s }, [
         !c.value || e.value || s < c.value ? (t(), a("a", {
           key: 0,
           class: "pill",
           href: o.link,
           target: "_blank",
           ref_for: !0,
-          ref: (r) => _(r, s)
+          ref: (r) => d(r, s)
         }, y(o.label), 9, Y)) : k("", !0),
         c.value && !e.value && s === c.value ? (t(), a("span", {
           key: 1,
           class: "pill",
           onClick: n[0] || (n[0] = (r) => e.value = !0)
-        }, y(x.value) + "+ ", 1)) : k("", !0)
+        }, y(A.value) + "+ ", 1)) : k("", !0)
       ], 64))), 128)),
       e.value ? (t(), a("span", {
         key: 0,
         class: "pill collapse-pill",
         onClick: n[1] || (n[1] = (o) => e.value = !1)
       }, [
-        h(l(T))
+        b(l(T))
       ])) : k("", !0)
     ]));
   }
@@ -64,8 +64,8 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     sourcesLinesLimit: { default: Number.MAX_SAFE_INTEGER }
   },
   emits: ["operation", "action"],
-  setup(b, { emit: m }) {
-    const e = b, g = {
+  setup(h, { emit: m }) {
+    const e = h, g = {
       copy: Q,
       refresh: K,
       like: J,
@@ -73,18 +73,18 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
     }, c = m, L = (n) => {
       var o, s, r;
       (r = (s = (o = e.operations) == null ? void 0 : o.find((v) => v.name === n)) == null ? void 0 : s.onClick) == null || r.call(s), c("operation", n);
-    }, x = (n) => {
+    }, A = (n) => {
       var o, s, r;
       (r = (s = (o = e.actions) == null ? void 0 : o.find((v) => v.name === n)) == null ? void 0 : s.onClick) == null || r.call(s), c("action", n);
-    }, _ = A(!1), u = () => {
-      _.value = !_.value;
+    }, d = E(!1), u = () => {
+      d.value = !d.value;
     };
     return (n, o) => {
       var s, r, v, w, B, F, M, G;
       return t(), a("div", te, [
-        p("div", se, [
-          p("div", oe, [
-            (s = e.operations) != null && s.length ? (t(), d(l($), {
+        _("div", se, [
+          _("div", oe, [
+            (s = e.operations) != null && s.length ? (t(), p(l($), {
               key: 0,
               "max-num": e.operationsLimit,
               "drop-down-show-label-only": !0,
@@ -92,28 +92,28 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               class: "tr-feedback__operations-left-action-group"
             }, {
               moreBtn: f(() => [
-                h(l(R), {
+                b(l(R), {
                   round: "",
                   size: "mini",
                   "reset-time": 0,
                   class: "tr-feedback__operations-more-btn"
                 }, {
                   default: f(() => [
-                    o[0] || (o[0] = p("span", null, "更多", -1)),
-                    h(l(N))
+                    o[0] || (o[0] = _("span", null, "更多", -1)),
+                    b(l(N))
                   ]),
                   _: 1,
                   __: [0]
                 })
               ]),
               default: f(() => [
-                (t(!0), a(E, null, S(e.operations, (i) => (t(), d(l(V), {
+                (t(!0), a(I, null, S(e.operations, (i) => (t(), p(l(V), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    h(l(R), {
+                    b(l(R), {
                       round: "",
                       "reset-time": 0,
                       size: "mini"
@@ -129,32 +129,32 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
               ]),
               _: 1
             }, 8, ["max-num"])) : (r = e.sources) != null && r.length ? (t(), a("div", ne, [
-              p("span", {
+              _("span", {
                 class: "tr-feedback__source",
                 onClick: u
               }, [
-                p("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
-                (t(), d(C(_.value ? l(T) : l(N))))
+                _("span", null, y((v = e.sources) == null ? void 0 : v.length) + "条来源", 1),
+                (t(), p(C(d.value ? l(T) : l(N))))
               ])
             ])) : k("", !0)
           ]),
-          p("div", le, [
-            h(l($), {
+          _("div", le, [
+            b(l($), {
               "max-num": e.actionsLimit,
               "show-tooltip": !0,
-              onItemClick: x
+              onItemClick: A
             }, {
               default: f(() => [
-                (t(!0), a(E, null, S(e.actions, (i) => (t(), d(l(V), {
+                (t(!0), a(I, null, S(e.actions, (i) => (t(), p(l(V), {
                   key: i.name,
                   name: i.name,
                   label: i.label
                 }, {
                   default: f(() => [
-                    typeof i.icon == "string" ? (t(), d(l(U), {
+                    typeof i.icon == "string" ? (t(), p(l(U), {
                       key: 0,
                       icon: g[i.icon]
-                    }, null, 8, ["icon"])) : (t(), d(C(i.icon), { key: 1 }))
+                    }, null, 8, ["icon"])) : (t(), p(C(i.icon), { key: 1 }))
                   ]),
                   _: 2
                 }, 1032, ["name", "label"]))), 128))
@@ -163,17 +163,17 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
             }, 8, ["max-num"])
           ])
         ]),
-        (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || _.value && e.sources ? (t(), a("div", ae, [
+        (w = e.operations) != null && w.length && ((B = e.sources) != null && B.length) || d.value && e.sources ? (t(), a("div", ae, [
           (F = e.operations) != null && F.length && ((M = e.sources) != null && M.length) ? (t(), a("div", re, [
-            p("span", {
+            _("span", {
               class: "tr-feedback__source",
               onClick: u
             }, [
-              p("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
-              (t(), d(C(_.value ? l(T) : l(N))))
+              _("span", null, y((G = e.sources) == null ? void 0 : G.length) + "条来源", 1),
+              (t(), p(C(d.value ? l(T) : l(N))))
             ])
           ])) : k("", !0),
-          _.value && e.sources ? (t(), d(l(ee), {
+          d.value && e.sources ? (t(), p(l(ee), {
             key: 1,
             sources: e.sources,
             "lines-limit": e.sourcesLinesLimit
@@ -182,12 +182,12 @@ const W = { class: "tr-feedback__source-list" }, Y = ["href"], Z = /* @__PURE__
       ]);
     };
   }
-}), I = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
-I.name = "TrFeedback";
-const ce = function(b) {
-  b.component(I.name, I);
+}), x = /* @__PURE__ */ P(ie, [["__scopeId", "data-v-cc6ef316"]]);
+x.name = "TrFeedback";
+const ce = function(h) {
+  h.component(x.name, x);
 };
-I.install = ce;
+x.install = ce;
 export {
-  I as default
+  x as default
 };

package/dist/flow-layout-buttons/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as q, mergeModels as E, useModel as G, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as A, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as S, nextTick as H } from "vue";
-import { A as X } from "../tiny-robot-svgs.js";
+import { defineComponent as q, mergeModels as E, useModel as G, watch as g, ref as i, computed as $, createElementBlock as a, openBlock as l, createElementVNode as C, Fragment as I, renderList as S, createCommentVNode as _, normalizeClass as b, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, nextTick as H } from "vue";
+import { n as X } from "../tiny-robot-svgs.js";
 import { b as j, o as J } from "../index2.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
 const P = ["onClick"], Q = {
@@ -18,7 +18,7 @@ const P = ["onClick"], Q = {
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
-  setup(d, { emit: D }) {
+  setup(d, { emit: F }) {
     const n = d, u = G(d, "selected");
     g(
       () => n.items,
@@ -27,7 +27,7 @@ const P = ["onClick"], Q = {
       },
       { immediate: !0 }
     );
-    const F = D, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), N = (t, o) => {
+    const N = F, y = i(null), w = i(null), k = i(null), M = i([]), s = i(null), m = i(!1), c = i(!1), A = (t, o) => {
       t && (M.value[o] = t);
     }, L = () => {
       s.value = null, m.value = !1, H(() => {
@@ -48,7 +48,7 @@ const P = ["onClick"], Q = {
       t > 0 && L();
     });
     const z = $(() => s.value !== null ? n.items.slice(s.value) : []), O = $(() => s.value === null ? !1 : n.items.findIndex((o) => o.id === u.value) >= s.value), R = (t) => {
-      u.value = t, c.value = !1, F("item-click", t);
+      u.value = t, c.value = !1, N("item-click", t);
     }, V = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
     }, v = (t) => {
@@ -62,18 +62,18 @@ const P = ["onClick"], Q = {
       ref_key: "containerRef",
       ref: y
     }, [
-      (l(!0), a(I, null, A(n.items, (e, f) => (l(), a(I, {
+      (l(!0), a(I, null, S(n.items, (e, f) => (l(), a(I, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
           class: b(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
-          ref: (r) => N(r, f),
+          ref: (r) => A(r, f),
           onClick: (r) => R(e.id)
         }, [
           (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", Q, S(e.label), 1)) : _("", !0)
+          e.label ? (l(), a("span", Q, D(e.label), 1)) : _("", !0)
         ], 10, P)) : _("", !0)
       ], 64))), 128)),
       C("div", U, [
@@ -99,13 +99,13 @@ const P = ["onClick"], Q = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(I, null, A(z.value, (e) => (l(), a("button", {
+            (l(!0), a(I, null, S(z.value, (e) => (l(), a("button", {
               class: b(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
               (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
-              C("span", Z, S(e.label), 1)
+              C("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)

package/dist/history/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as V, createElementBlock as u, openBlock as n, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as h, unref as e, ref as G, watchEffect as Y, nextTick as Z, mergeModels as N, useCssVars as q, computed as m, useModel as P, createCommentVNode as E, Fragment as T, renderList as $, createBlock as R, withDirectives as ee, mergeProps as te, withCtx as H, withModifiers as S, vModelText as re } from "vue";
-import { u as oe, m as se, p as ae, o as ne, s as ie } from "../tiny-robot-svgs.js";
+import { defineComponent as V, createElementBlock as u, openBlock as n, normalizeStyle as X, normalizeClass as D, createElementVNode as p, toDisplayString as k, createVNode as m, unref as e, ref as G, watchEffect as Y, nextTick as Z, mergeModels as N, useCssVars as q, computed as h, useModel as P, createCommentVNode as E, Fragment as T, renderList as $, createBlock as R, withDirectives as ee, mergeProps as te, withCtx as H, withModifiers as S, vModelText as re } from "vue";
+import { w as oe, b as se, p as ae, A as ne, f as ie } from "../tiny-robot-svgs.js";
 import { I as le } from "../index5.js";
 import { T as U } from "../index4.js";
 import B from "../icon-button/index.js";
 import { o as ce } from "../index2.js";
-import { _ as M } from "../_plugin-vue_export-helper.js";
+import { _ as A } from "../_plugin-vue_export-helper.js";
 const ue = /* @__PURE__ */ V({
   __name: "item-tag",
   props: {
@@ -21,7 +21,7 @@ const ue = /* @__PURE__ */ V({
       p("span", null, k(t.text), 1)
     ], 6));
   }
-}), de = /* @__PURE__ */ M(ue, [["__scopeId", "data-v-346767bb"]]), _e = { class: "tr-history__empty" }, pe = { class: "tr-history__empty-icon" }, me = { class: "tr-history__empty-text" }, he = /* @__PURE__ */ V({
+}), de = /* @__PURE__ */ A(ue, [["__scopeId", "data-v-346767bb"]]), _e = { class: "tr-history__empty" }, pe = { class: "tr-history__empty-icon" }, he = { class: "tr-history__empty-text" }, me = /* @__PURE__ */ V({
   __name: "search-empty",
   props: {
     text: { default: "暂无内容" }
@@ -30,25 +30,25 @@ const ue = /* @__PURE__ */ V({
     const t = i;
     return (a, _) => (n(), u("div", _e, [
       p("span", pe, [
-        h(e(oe))
+        m(e(oe))
       ]),
-      p("span", me, k(t.text), 1)
+      p("span", he, k(t.text), 1)
     ]));
   }
-}), ve = /* @__PURE__ */ M(he, [["__scopeId", "data-v-b21f5bc0"]]), ye = (i) => {
+}), fe = /* @__PURE__ */ A(me, [["__scopeId", "data-v-b21f5bc0"]]), ve = (i) => {
   const t = G(), a = (l) => {
     t.value = {
       id: l.id,
       title: l.title,
       rawData: l
     };
-  }, _ = G(null), v = (l) => {
+  }, _ = G(null), f = (l) => {
     l && Z(() => {
       _.value = l, _.value.focus();
     });
   };
   let r;
-  const y = () => {
+  const v = () => {
     if (t.value) {
       if (t.value.title !== t.value.rawData.title) {
         const { title: l, rawData: I } = t.value;
@@ -60,19 +60,19 @@ const ue = /* @__PURE__ */ V({
   }, g = () => {
     t.value = void 0, r == null || r(), r = void 0;
   }, b = (l) => {
-    l.key === "Enter" ? y() : l.key === "Escape" && g();
+    l.key === "Enter" ? v() : l.key === "Escape" && g();
   };
   return Y(() => {
     _.value && (r == null || r(), r = ce(_, () => {
-      y();
+      v();
     }));
   }), {
     editingItem: t,
     handleEdit: a,
-    handleEditorInputRef: v,
+    handleEditorInputRef: f,
     handleKeyDown: b
   };
-}, fe = { class: "tr-history" }, ke = { class: "tr-history__tabs" }, ge = ["onClick"], be = {
+}, ye = { class: "tr-history" }, ke = { class: "tr-history__tabs" }, ge = ["onClick"], be = {
   key: 0,
   class: "tr-history__search"
 }, xe = { class: "tr-history__content" }, Ce = {
@@ -102,36 +102,36 @@ const ue = /* @__PURE__ */ V({
       d4b77bae: b.value ? "1px solid rgb(240, 240, 240)" : "none",
       "659130e6": b.value ? "2px solid rgb(25, 25, 25)" : "none"
     }));
-    const a = i, _ = P(i, "activeTab"), v = P(i, "searchQuery"), r = t, y = m(() => Array.isArray(a.tabs) ? a.tabs : [{ title: a.tabTitle, id: "0" }]), g = m(() => _.value || y.value[0].id), b = m(() => y.value.length > 1), l = (c) => {
+    const a = i, _ = P(i, "activeTab"), f = P(i, "searchQuery"), r = t, v = h(() => Array.isArray(a.tabs) ? a.tabs : [{ title: a.tabTitle, id: "0" }]), g = h(() => _.value || v.value[0].id), b = h(() => v.value.length > 1), l = (c) => {
       var s;
       const o = typeof ((s = c[0]) == null ? void 0 : s.group);
       return o === "string" || o === "symbol";
-    }, I = m(() => Array.isArray(a.data) ? a.data || [] : a.data[g.value] || []), w = Symbol("NO_GROUP"), O = m(() => {
+    }, I = h(() => Array.isArray(a.data) ? a.data || [] : a.data[g.value] || []), w = Symbol("NO_GROUP"), M = h(() => {
       const c = I.value;
       return l(c) ? c : [{ group: w, items: c }];
-    }), x = m(() => a.searchBar ? O.value.map((o) => ({
+    }), x = h(() => a.searchBar ? M.value.map((o) => ({
       ...o,
-      items: o.items.filter((s) => a.searchFn(v.value || "", s))
-    })).filter((o) => o.items.length > 0) : O.value), L = m(() => x.value.length === 0 ? !1 : x.value[0].group === w ? x.value[0].items.length > 0 : !0), z = (c) => {
+      items: o.items.filter((s) => a.searchFn(f.value || "", s))
+    })).filter((o) => o.items.length > 0) : M.value), L = h(() => x.value.length === 0 ? !1 : x.value[0].group === w ? x.value[0].items.length > 0 : !0), z = (c) => {
       var o;
       c.id !== ((o = C.value) == null ? void 0 : o.id) && r("item-click", c);
     }, W = () => {
       r("close");
     }, F = (c) => {
       r("item-delete", c);
-    }, { editingItem: C, handleEdit: j, handleEditorInputRef: J, handleKeyDown: Q } = ye(r);
-    return (c, o) => (n(), u("div", fe, [
+    }, { editingItem: C, handleEdit: j, handleEditorInputRef: J, handleKeyDown: O } = ve(r);
+    return (c, o) => (n(), u("div", ye, [
       p("div", ke, [
-        (n(!0), u(T, null, $(y.value, (s) => (n(), u("div", {
+        (n(!0), u(T, null, $(v.value, (s) => (n(), u("div", {
           key: s.id,
           class: D(["tr-history__tab", { active: g.value === s.id }]),
           onClick: (d) => _.value = s.id
         }, k(s.title), 11, ge))), 128))
       ]),
       a.searchBar ? (n(), u("div", be, [
-        h(e(le), {
-          modelValue: v.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (s) => v.value = s),
+        m(e(le), {
+          modelValue: f.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => f.value = s),
           placeholder: a.searchPlaceholder || "搜索对话名称",
           "prefix-icon": e(se),
           clearable: ""
@@ -146,43 +146,43 @@ const ue = /* @__PURE__ */ V({
             p("span", null, k(s.group), 1)
           ])) : E("", !0),
           (n(!0), u(T, null, $(s.items, (d) => {
-            var A;
+            var Q;
             return n(), u("div", {
               key: `${d.id}-${d.title}`,
               class: D(["tr-history__item", { selected: a.selected === d.id }]),
-              onClick: (f) => z(d)
+              onClick: (y) => z(d)
             }, [
-              ((A = e(C)) == null ? void 0 : A.id) !== d.id ? (n(), u(T, { key: 0 }, [
+              ((Q = e(C)) == null ? void 0 : Q.id) !== d.id ? (n(), u(T, { key: 0 }, [
                 p("span", Ie, k(d.title), 1),
                 d.tag ? (n(), R(e(de), te({
                   key: 0,
                   class: "tr-history__item-tag"
                 }, { ref_for: !0 }, d.tag), null, 16)) : E("", !0),
                 p("div", we, [
-                  h(e(U), {
+                  m(e(U), {
                     content: "编辑",
                     effect: "dark",
                     placement: "top",
                     "open-delay": 500
                   }, {
                     default: H(() => [
-                      h(e(B), {
+                      m(e(B), {
                         icon: e(ae),
-                        onClick: S((f) => e(j)(d), ["stop"])
+                        onClick: S((y) => e(j)(d), ["stop"])
                       }, null, 8, ["icon", "onClick"])
                     ]),
                     _: 2
                   }, 1024),
-                  h(e(U), {
+                  m(e(U), {
                     content: "删除",
                     effect: "dark",
                     placement: "top",
                     "open-delay": 500
                   }, {
                     default: H(() => [
-                      h(e(B), {
+                      m(e(B), {
                         icon: e(ne),
-                        onClick: S((f) => F(d), ["stop"])
+                        onClick: S((y) => F(d), ["stop"])
                       }, null, 8, ["icon", "onClick"])
                     ]),
                     _: 2
@@ -190,24 +190,24 @@ const ue = /* @__PURE__ */ V({
                 ])
               ], 64)) : ee((n(), u("input", {
                 key: 1,
-                "onUpdate:modelValue": o[1] || (o[1] = (f) => e(C).title = f),
+                "onUpdate:modelValue": o[1] || (o[1] = (y) => e(C).title = y),
                 class: "tr-history__item-edit",
                 ref_for: !0,
                 ref: e(J),
                 onKeydown: o[2] || (o[2] = //@ts-ignore
-                (...f) => e(Q) && e(Q)(...f))
+                (...y) => e(O) && e(O)(...y))
               }, null, 544)), [
                 [re, e(C).title]
               ])
             ], 10, Te);
           }), 128))
-        ]))), 128)) : (n(), R(e(ve), {
+        ]))), 128)) : (n(), R(e(fe), {
           key: 1,
-          text: v.value ? "暂无搜索结果" : "暂无内容"
+          text: f.value ? "暂无搜索结果" : "暂无内容"
         }, null, 8, ["text"]))
       ]),
       p("div", Ee, [
-        h(e(B), {
+        m(e(B), {
           icon: e(ie),
           rounded: "",
           onClick: W
@@ -215,7 +215,7 @@ const ue = /* @__PURE__ */ V({
       ])
     ]));
   }
-}), K = /* @__PURE__ */ M($e, [["__scopeId", "data-v-8aa5fd59"]]), Be = function(i) {
+}), K = /* @__PURE__ */ A($e, [["__scopeId", "data-v-8aa5fd59"]]), Be = function(i) {
   i.component("TrHistory", K);
 }, Ne = {
   ...K,

package/dist/index.d.ts

@@ -1832,10 +1832,12 @@ export declare const BubbleChainMessageRenderer: DefineComponent<    {
 items: ChainItem[];
 html?: boolean;
 contentClass?: string;
+contentRenderer?: (content: string) => string;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 items: ChainItem[];
 html?: boolean;
 contentClass?: string;
+contentRenderer?: (content: string) => string;
 }> & Readonly<{}>, {
 html: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -1892,14 +1894,15 @@ export declare interface BubbleListProps {
 }
 
 export declare class BubbleMarkdownMessageRenderer extends BubbleMessageClassRenderer {
+    readonly md: default_2;
     readonly mdConfig: Options;
-    readonly dompurifyConfig: Config & {
-        disable?: boolean;
+    readonly dompurifyConfig: Config;
+    readonly sanitizeDisabled: boolean;
+    readonly styleOptions: {
+        class?: string;
+        style?: string;
     };
-    readonly md: default_2;
-    constructor(mdConfig?: Options, dompurifyConfig?: Config & {
-        disable?: boolean;
-    });
+    constructor({ mdConfig, dompurifyConfig, sanitizeDisabled, styleOptions }?: BubbleMarkdownRendererOptions);
     render(options: {
         content?: string;
     }): VNode<RendererNode, RendererElement, {
@@ -1907,6 +1910,16 @@ export declare class BubbleMarkdownMessageRenderer extends BubbleMessageClassRen
     }>;
 }
 
+declare interface BubbleMarkdownRendererOptions {
+    mdConfig?: Options;
+    dompurifyConfig?: Config;
+    sanitizeDisabled?: boolean;
+    styleOptions?: {
+        class?: string;
+        style?: string;
+    };
+}
+
 export declare abstract class BubbleMessageClassRenderer {
     abstract render(options: {
         [key: string]: any;
@@ -1922,7 +1935,10 @@ export declare interface BubbleMessageProps {
     [key: string]: any;
 }
 
-export declare type BubbleMessageRenderer = BubbleMessageFunctionRenderer | BubbleMessageClassRenderer | Component;
+export declare type BubbleMessageRenderer = BubbleMessageFunctionRenderer | BubbleMessageClassRenderer | Component | {
+    component: Component;
+    defaultProps: Record<string, unknown>;
+};
 
 export declare interface BubbleProps extends BubbleCommonProps {
     /**