@opentiny/tiny-robot 0.4.0-alpha.5 → 0.4.0-alpha.7

package/dist/action-group/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as I, nextTick as W, createElementBlock as _, openBlock as o, createBlock as v, createCommentVNode as N, Fragment as R, renderList as G, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as x, renderSlot as L, createVNode as E, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, toDisplayString as Q, vShow as U } from "vue";
+import { defineComponent as $, useSlots as H, computed as i, ref as f, watch as I, nextTick as W, openBlock as o, createElementBlock as _, Fragment as N, renderList as R, createBlock as v, unref as h, withCtx as S, createElementVNode as w, resolveDynamicComponent as G, renderSlot as L, createVNode as x, Transition as j, withDirectives as q, normalizeClass as J, withModifiers as K, createCommentVNode as E, toDisplayString as Q, vShow as U } from "vue";
 import { IconMenu as Y } from "@opentiny/tiny-robot-svgs";
 import { TinyTooltip as M } from "@opentiny/vue";
 import { o as Z, d as ee } from "../index5.js";
@@ -45,7 +45,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
     }), I(D, () => {
       n.value && T();
     }), (e, a) => (o(), _("div", ne, [
-      (o(!0), _(R, null, G(V.value, (t, C) => {
+      (o(!0), _(N, null, R(V.value, (t, C) => {
         var c;
         return o(), v(h(M), {
           key: C,
@@ -63,7 +63,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                 return A((s = t.props) == null ? void 0 : s.name);
               }
             }, [
-              (o(), v(x(t)))
+              (o(), v(G(t)))
             ], 8, re)
           ]),
           _: 2
@@ -85,16 +85,16 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
             onClick: P
           }, [
             L(e.$slots, "moreBtn", {}, () => [
-              E(h(te), { icon: h(Y) }, null, 8, ["icon"])
+              x(h(te), { icon: h(Y) }, null, 8, ["icon"])
             ], !0),
-            E(j, { name: "tr-action-group-dropdown" }, {
+            x(j, { name: "tr-action-group-dropdown" }, {
               default: S(() => [
                 q(w("ul", {
                   ref_key: "dropDownRef",
                   ref: d,
                   class: J(["tr-action-group__dropdown", B.value])
                 }, [
-                  (o(!0), _(R, null, G(z.value, (t, C) => {
+                  (o(!0), _(N, null, R(z.value, (t, C) => {
                     var c;
                     return o(), _("li", {
                       class: "tr-action-group__dropdown-item",
@@ -104,7 +104,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
                         return A((s = t.props) == null ? void 0 : s.name);
                       }, ["stop"])
                     }, [
-                      l.dropDownShowLabelOnly ? N("", !0) : (o(), v(x(t), { key: 0 })),
+                      l.dropDownShowLabelOnly ? E("", !0) : (o(), v(G(t), { key: 0 })),
                       w("span", ae, Q((c = t.props) == null ? void 0 : c.label), 1)
                     ], 8, le);
                   }), 128))
@@ -117,7 +117,7 @@ const ne = { class: "tr-action-group" }, re = ["onClick"], le = ["onClick"], ae
           ], 512)
         ]),
         _: 3
-      }, 8, ["disabled"])) : N("", !0)
+      }, 8, ["disabled"])) : E("", !0)
     ]));
   }
 }), g = /* @__PURE__ */ oe(ce, [["__scopeId", "data-v-f0173895"]]), u = /* @__PURE__ */ $({

package/dist/attachments/index.js

@@ -1,4 +1,4 @@
-import { computed as C, ref as R, onUnmounted as Y, defineComponent as B, mergeModels as W, useModel as Z, createElementBlock as c, openBlock as s, withModifiers as P, createElementVNode as m, createVNode as x, unref as f, Fragment as z, renderList as D, normalizeClass as U, h as ee, createCommentVNode as k, createBlock as L, toDisplayString as F, withCtx as te, resolveDynamicComponent as O, watch as ne } from "vue";
+import { computed as C, ref as R, onUnmounted as Y, defineComponent as B, useModel as Z, openBlock as s, createElementBlock as c, withModifiers as P, createElementVNode as m, createVNode as x, unref as f, Fragment as z, renderList as D, normalizeClass as U, mergeModels as W, h as ee, createCommentVNode as k, toDisplayString as F, createBlock as L, withCtx as te, resolveDynamicComponent as O, watch as ne } from "vue";
 import { IconFileOther as ae, IconFileFolder as V, IconFilePpt as q, IconFileExcel as K, IconFileWord as G, IconFilePdf as H, IconFileImage as J, IconClose as re, IconArrowLeft as se, IconArrowRight as ie, IconFileRemove as oe, IconImageLoading as j, IconImageWarning as E } from "@opentiny/tiny-robot-svgs";
 import { _ as S } from "../_plugin-vue_export-helper.js";
 import { TinyTooltip as le } from "@opentiny/vue";

package/dist/bubble/index.js

@@ -1,9 +1,9 @@
-import { B as a, a as b, b as u, c as r, d as l, u as t, e as n, f as B, g as o, h as d, i } from "../index2.js";
+import { B as a, a as b, b as r, c as u, d as l, e as t, f as n, g as B, h as o, i as d, j as i } from "../index2.js";
 export {
   a as Bubble,
   b as BubbleList,
-  u as BubbleProvider,
-  r as BubbleRendererMatchPriority,
+  r as BubbleProvider,
+  u as BubbleRendererMatchPriority,
   l as BubbleRenderers,
   t as useBubbleBoxRenderer,
   n as useBubbleContentRenderer,

package/dist/container/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as g, mergeModels as c, useModel as u, computed as w, withDirectives as C, createElementBlock as B, openBlock as S, normalizeClass as y, createElementVNode as e, renderSlot as l, toDisplayString as I, createVNode as d, unref as i, vShow as z } from "vue";
+import { defineComponent as g, useModel as c, computed as w, withDirectives as C, openBlock as B, createElementBlock as S, normalizeClass as y, createElementVNode as e, renderSlot as l, toDisplayString as I, createVNode as u, unref as i, vShow as z, mergeModels as d } from "vue";
 import { IconCancelFullScreen as $, IconFullScreen as k, IconClose as M } from "@opentiny/tiny-robot-svgs";
 import f from "../icon-button/index.js";
 import { _ as b } from "../_plugin-vue_export-helper.js";
 const E = { class: "tr-container__header" }, F = { class: "tr-container__title" }, N = { class: "tr-container__header-operations" }, T = { class: "tr-container__footer" }, D = /* @__PURE__ */ g({
   __name: "index",
-  props: /* @__PURE__ */ c({
+  props: /* @__PURE__ */ d({
     show: { type: Boolean },
     fullscreen: { type: Boolean },
     title: { default: "OpenTiny NEXT" }
@@ -14,12 +14,12 @@ const E = { class: "tr-container__header" }, F = { class: "tr-container__title"
     fullscreen: { type: Boolean },
     fullscreenModifiers: {}
   }),
-  emits: /* @__PURE__ */ c(["close"], ["update:show", "update:fullscreen"]),
+  emits: /* @__PURE__ */ d(["close"], ["update:show", "update:fullscreen"]),
   setup(o, { emit: p }) {
-    const m = o, a = u(o, "show"), t = u(o, "fullscreen"), v = w(() => t.value ? $ : k), _ = p, h = () => {
+    const m = o, a = c(o, "show"), t = c(o, "fullscreen"), v = w(() => t.value ? $ : k), _ = p, h = () => {
       a.value = !1, _("close");
     };
-    return (n, s) => C((S(), B("div", {
+    return (n, s) => C((B(), S("div", {
       class: y(["tr-container", { fullscreen: t.value }])
     }, [
       s[1] || (s[1] = e("div", { class: "tr-container__dragging-bar-wrapper" }, [
@@ -31,13 +31,13 @@ const E = { class: "tr-container__header" }, F = { class: "tr-container__title"
         ], !0),
         e("div", N, [
           l(n.$slots, "operations", {}, void 0, !0),
-          d(i(f), {
+          u(i(f), {
             size: "28",
             "svg-size": "20",
             icon: v.value,
             onClick: s[0] || (s[0] = (q) => t.value = !t.value)
           }, null, 8, ["icon"]),
-          d(i(f), {
+          u(i(f), {
             size: "28",
             "svg-size": "20",
             icon: i(M),

package/dist/drag-overlay/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as y, createBlock as u, openBlock as t, Transition as F, withCtx as m, createElementBlock as a, createCommentVNode as h, normalizeStyle as x, normalizeClass as _, renderSlot as w, createElementVNode as l, toDisplayString as n, Fragment as D, renderList as B } from "vue";
+import { defineComponent as v, computed as y, openBlock as t, createBlock as u, Transition as F, withCtx as m, createElementBlock as a, normalizeStyle as h, normalizeClass as x, renderSlot as _, createElementVNode as l, toDisplayString as n, Fragment as w, renderList as D, createCommentVNode as B } from "vue";
 import { c as M } from "../index5.js";
 import { _ as Z } from "../_plugin-vue_export-helper.js";
 const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs/%3e%3crect%20width='80.000000'%20height='80.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014ZM10%2015L70%2015C71%2015%2071.75%2015.25%2072.25%2015.75C72.75%2016.25%2073%2017%2073%2018L73%2063C73%2064%2072.75%2064.75%2072.25%2065.25C71.75%2065.75%2071%2066%2070%2066L10%2066C9%2066%208.25%2065.75%207.75%2065.25C7.25%2064.75%207%2064%207%2063L7%2018C7%2017%207.25%2016.25%207.75%2015.75C8.25%2015.25%209%2015%2010%2015Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M6%2047.27L24.56%2029.06C25.73%2027.91%2027.6%2027.91%2028.77%2029.06L44.52%2044.51C45.69%2045.66%2047.56%2045.66%2048.72%2044.51L56.64%2036.75C57.8%2035.6%2059.67%2035.6%2060.84%2036.75L74%2049.67L74%2062C74%2064.76%2071.76%2067%2069%2067L11%2067C8.23%2067%206%2064.76%206%2062L6%2047.27Z'%20fill='%23F0F0F0'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d=''%20fill='%23808080'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cellipse%20cx='40.000000'%20cy='40.000000'%20rx='8.000001'%20ry='8.000002'%20fill='%231476FF'%20fill-opacity='1.000000'/%3e%3cpath%20d='M40%2035.5C40.27%2035.5%2040.5%2035.72%2040.5%2036L40.5%2039.49L44%2039.5C44.27%2039.5%2044.5%2039.72%2044.5%2040C44.5%2040.27%2044.27%2040.5%2044%2040.5L40.5%2040.5L40.5%2044C40.5%2044.27%2040.27%2044.5%2040%2044.5C39.72%2044.5%2039.5%2044.27%2039.5%2044L39.5%2040.5L36%2040.5C35.72%2040.5%2035.5%2040.27%2035.5%2040C35.5%2039.72%2035.72%2039.5%2036%2039.5L39.5%2039.5L39.5%2036C39.5%2035.72%2039.72%2035.5%2040%2035.5Z'%20fill='%23FFFFFF'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014Z'%20fill='%23FFFFFF'%20fill-opacity='0'%20fill-rule='evenodd'/%3e%3cpath%20d='M10%2014L70%2014C72.2%2014%2074%2015.79%2074%2018L74%2063C74%2065.2%2072.2%2067%2070%2067L10%2067C7.79%2067%206%2065.2%206%2063L6%2018C6%2015.79%207.79%2014%2010%2014ZM10%2015L70%2015C71%2015%2071.75%2015.25%2072.25%2015.75C72.75%2016.25%2073%2017%2073%2018L73%2063C73%2064%2072.75%2064.75%2072.25%2065.25C71.75%2065.75%2071%2066%2070%2066L10%2066C9%2066%208.25%2065.75%207.75%2065.25C7.25%2064.75%207%2064%207%2063L7%2018C7%2017%207.25%2016.25%207.75%2015.75C8.25%2015.25%209%2015%2010%2015Z'%20fill='%23808080'%20fill-opacity='1.000000'%20fill-rule='evenodd'/%3e%3ccircle%20cx='58.000000'%20cy='27.000000'%20r='5.000000'%20fill='%23DBDBDB'%20fill-opacity='1.000000'/%3e%3c/svg%3e", T = { class: "tr-drag-overlay__content" }, $ = { class: "tr-drag-overlay__text" }, S = { class: "tr-drag-overlay__title" }, E = { class: "tr-drag-overlay__description" }, z = /* @__PURE__ */ v({
@@ -22,10 +22,10 @@ const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20
       default: m(() => [
         e.isDragging ? (t(), a("div", {
           key: 0,
-          class: _(["tr-drag-overlay", { fullscreen: e.fullscreen }]),
-          style: x(f.value)
+          class: x(["tr-drag-overlay", { fullscreen: e.fullscreen }]),
+          style: h(f.value)
         }, [
-          w(g.$slots, "overlay", { isDragging: e.isDragging }, () => [
+          _(g.$slots, "overlay", { isDragging: e.isDragging }, () => [
             l("div", T, [
               o[0] || (o[0] = l("div", { class: "tr-drag-overlay__icon" }, [
                 l("img", {
@@ -36,12 +36,12 @@ const k = "data:image/svg+xml,%3csvg%20width='80.000000'%20height='80.000000'%20
               l("div", $, [
                 l("div", S, n(e.overlayTitle), 1),
                 l("div", E, [
-                  (t(!0), a(D, null, B(e.overlayDescription, (p, L) => (t(), a("span", { key: L }, n(p), 1))), 128))
+                  (t(!0), a(w, null, D(e.overlayDescription, (p, L) => (t(), a("span", { key: L }, n(p), 1))), 128))
                 ])
               ])
             ])
           ], !0)
-        ], 6)) : h("", !0)
+        ], 6)) : B("", !0)
       ]),
       _: 3
     }));

package/dist/dropdown-menu/index.js

@@ -1,5 +1,5 @@
-import { ref as k, onUnmounted as T, watch as C, defineComponent as E, mergeModels as y, useModel as H, computed as p, createBlock as I, openBlock as w, unref as X, withCtx as _, createElementVNode as j, createElementBlock as M, Fragment as D, renderList as L, toDisplayString as Y, renderSlot as O } from "vue";
-import { w as S, a as b, o as $ } from "../index5.js";
+import { ref as k, onUnmounted as T, watch as C, defineComponent as E, useModel as H, computed as p, openBlock as w, createBlock as I, unref as X, withCtx as y, createElementVNode as j, createElementBlock as _, Fragment as D, renderList as L, toDisplayString as Y, renderSlot as O, mergeModels as b } from "vue";
+import { w as S, b as M, o as $ } from "../index5.js";
 import { B as A } from "../index6.js";
 import { u as F } from "../utils.js";
 import { _ as G } from "../_plugin-vue_export-helper.js";
@@ -55,7 +55,7 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
   ), S(
     [V, q],
     ([n, i]) => {
-      const e = b(o), m = b(t), u = e == null ? void 0 : e.getBoundingClientRect(), h = m == null ? void 0 : m.getBoundingClientRect();
+      const e = M(o), m = M(t), u = e == null ? void 0 : e.getBoundingClientRect(), h = m == null ? void 0 : m.getBoundingClientRect();
       if (u && P({ x: n, y: i }, u)) {
         r.value = "trigger";
         return;
@@ -74,7 +74,7 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
   ), f;
 }, J = { class: "tr-dropdown-menu__list" }, K = ["onClick"], Q = /* @__PURE__ */ E({
   __name: "index",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ b({
     appendTo: {},
     items: {},
     show: { type: Boolean },
@@ -83,7 +83,7 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
     show: { type: Boolean, default: !1 },
     showModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["item-click", "click-outside"], ["update:show"]),
+  emits: /* @__PURE__ */ b(["item-click", "click-outside"], ["update:show"]),
   setup(o, { expose: t, emit: g }) {
     const l = o, d = g, f = H(o, "show"), r = p({
       get: () => l.trigger === "manual" ? l.show : f.value,
@@ -133,12 +133,12 @@ const P = (o, t) => o.x >= t.left && o.x <= t.right && o.y >= t.top && o.y <= t.
       "prevent-overflow": !0,
       "trigger-events": { onClick: n }
     }, {
-      trigger: _(() => [
+      trigger: y(() => [
         O(e.$slots, "trigger", {}, void 0, !0)
       ]),
-      content: _(() => [
+      content: y(() => [
         j("ul", J, [
-          (w(!0), M(D, null, L(l.items, (u) => (w(), M("li", {
+          (w(!0), _(D, null, L(l.items, (u) => (w(), _("li", {
             class: "tr-dropdown-menu__list-item",
             key: u.id,
             onClick: (h) => i(u)

package/dist/feedback/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as g, computed as P, onMounted as z, watch as O, createElementBlock as r, openBlock as t, createCommentVNode as k, Fragment as A, renderList as w, toDisplayString as y, createVNode as b, unref as l, nextTick as q, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as x } from "vue";
+import { defineComponent as V, ref as g, computed as P, onMounted as z, watch as O, openBlock as t, createElementBlock as r, Fragment as A, renderList as w, toDisplayString as y, createCommentVNode as k, createVNode as b, unref as l, nextTick as q, createElementVNode as d, createBlock as _, withCtx as f, createTextVNode as U, resolveDynamicComponent as x } from "vue";
 import { IconArrowUp as T, IconArrowDown as N, IconDislike as j, IconLike as H, IconRefresh as J, IconCopy as K } from "@opentiny/tiny-robot-svgs";
 import { TinyButton as G } from "@opentiny/vue";
 import $, { ActionGroupItem as D } from "../action-group/index.js";

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

@@ -1,4 +1,4 @@
-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 I, Fragment as C, renderList as D, createCommentVNode as _, normalizeClass as x, createBlock as B, resolveDynamicComponent as b, toDisplayString as S, nextTick as H } from "vue";
+import { defineComponent as q, useModel as G, watch as g, ref as i, computed as E, openBlock as l, createElementBlock as a, Fragment as I, renderList as $, normalizeClass as C, createBlock as x, resolveDynamicComponent as B, toDisplayString as D, createCommentVNode as _, createElementVNode as b, mergeModels as S, nextTick as H } from "vue";
 import { IconArrowDown as X } from "@opentiny/tiny-robot-svgs";
 import { e as j, o as J } from "../index5.js";
 import { _ as K } from "../_plugin-vue_export-helper.js";
@@ -7,7 +7,7 @@ const P = ["onClick"], Q = {
   class: "tr-flow-layout__item-label"
 }, U = { class: "tr-flow-layout__dropdown-wrapper" }, Y = ["onClick"], Z = { class: "tr-flow-layout__item-label" }, ee = /* @__PURE__ */ q({
   __name: "index",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ S({
     items: {},
     selected: {},
     linesLimit: { default: Number.MAX_SAFE_INTEGER },
@@ -17,7 +17,7 @@ const P = ["onClick"], Q = {
     selected: {},
     selectedModifiers: {}
   }),
-  emits: /* @__PURE__ */ E(["item-click"], ["update:selected"]),
+  emits: /* @__PURE__ */ S(["item-click"], ["update:selected"]),
   setup(d, { emit: A }) {
     const n = d, u = G(d, "selected");
     g(
@@ -47,7 +47,7 @@ const P = ["onClick"], Q = {
     g(W, (t) => {
       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) => {
+    const z = E(() => s.value !== null ? n.items.slice(s.value) : []), O = E(() => 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);
     }, V = () => {
       n.showMoreTrigger === "click" && (c.value = !c.value);
@@ -65,33 +65,33 @@ const P = ["onClick"], Q = {
       ref_key: "containerRef",
       ref: w
     }, [
-      (l(!0), a(C, null, D(n.items, (e, f) => (l(), a(C, {
+      (l(!0), a(I, null, $(n.items, (e, f) => (l(), a(I, {
         key: e.id
       }, [
         s.value === null || f < s.value ? (l(), a("button", {
           key: 0,
-          class: x(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
+          class: C(["tr-flow-layout__item", { "icon-only": !e.label }, { selected: e.id === u.value }]),
           ref_for: !0,
           ref: (r) => N(r, f),
           onClick: (r) => R(e.id)
         }, [
-          (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
-          e.label ? (l(), a("span", Q, S(e.label), 1)) : _("", !0)
+          (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
+          e.label ? (l(), a("span", Q, D(e.label), 1)) : _("", !0)
         ], 10, P)) : _("", !0)
       ], 64))), 128)),
-      I("div", U, [
+      b("div", U, [
         m.value ? _("", !0) : (l(), a("button", {
           key: 0,
-          class: x(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
+          class: C(["tr-flow-layout__item", "icon-only", { selected: O.value }]),
           ref_key: "moreButtonRef",
           ref: y,
           onClick: V,
           onMouseenter: o[0] || (o[0] = (e) => v(!0)),
           onMouseleave: o[1] || (o[1] = (e) => v(!1))
         }, [
-          (l(), B(b(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
+          (l(), x(B(n.moreIcon), { class: "tr-flow-layout__item-icon" }))
         ], 34)),
-        I("div", {
+        b("div", {
           class: "tr-flow-layout__dropdown-container",
           onMouseenter: o[2] || (o[2] = (e) => v(!0)),
           onMouseleave: o[3] || (o[3] = (e) => v(!1))
@@ -102,13 +102,13 @@ const P = ["onClick"], Q = {
             ref_key: "dropDownRef",
             ref: k
           }, [
-            (l(!0), a(C, null, D(z.value, (e) => (l(), a("button", {
-              class: x(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
+            (l(!0), a(I, null, $(z.value, (e) => (l(), a("button", {
+              class: C(["tr-flow-layout__dropdown_item", { selected: e.id === u.value }]),
               key: e.id,
               onClick: (f) => R(e.id)
             }, [
-              (l(), B(b(e.icon), { class: "tr-flow-layout__item-icon" })),
-              I("span", Z, S(e.label), 1)
+              (l(), x(B(e.icon), { class: "tr-flow-layout__item-icon" })),
+              b("span", Z, D(e.label), 1)
             ], 10, Y))), 128))
           ], 512)) : _("", !0)
         ], 32)

package/dist/icon-button/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, computed as a, createElementBlock as u, openBlock as l, normalizeStyle as c, normalizeClass as p, createBlock as m, resolveDynamicComponent as d } from "vue";
+import { defineComponent as r, computed as a, openBlock as l, createElementBlock as u, normalizeStyle as c, normalizeClass as p, createBlock as m, resolveDynamicComponent as d } from "vue";
 import { t as i } from "../utils.js";
 import { _ as f } from "../_plugin-vue_export-helper.js";
 const _ = /* @__PURE__ */ r({

package/dist/index.d.ts

@@ -39,14 +39,14 @@ declare const __VLS_component: DefineComponent<BubbleProps, {}, {}, {}, {}, Comp
 key: string;
 value: unknown;
 messageIndex: number;
-contentIndex?: number;
+contentIndex: number;
 }) => any;
 }, string, PublicProps, Readonly<BubbleProps> & Readonly<{
 "onState-change"?: ((payload: {
 key: string;
 value: unknown;
 messageIndex: number;
-contentIndex?: number;
+contentIndex: number;
 }) => any) | undefined;
 }>, {
 placement: "start" | "end";
@@ -286,14 +286,14 @@ scrollToBottom: (behavior?: ScrollBehavior) => Promise<void>;
 key: string;
 value: unknown;
 messageIndex: number;
-contentIndex?: number;
+contentIndex: number;
 }) => any;
 }, string, PublicProps, Readonly<BubbleListProps> & Readonly<{
 "onState-change"?: ((payload: {
 key: string;
 value: unknown;
 messageIndex: number;
-contentIndex?: number;
+contentIndex: number;
 }) => any) | undefined;
 }>, {
 contentResolver: (message: BubbleMessage) => ChatMessageContent | undefined;
@@ -2057,11 +2057,11 @@ export declare type BubbleBoxRendererMatch = {
     /**
      * 匹配函数，用于判断是否应该使用此渲染器
      * @param messages - 消息数组
-     * @param resolvedContents - 每个消息经过 contentResolver 解析后的内容数组，与 messages 一一对应
-     * @param contentIndex - 内容索引，用于指定要渲染的内容项（当 content 为数组时）
+     * @param content - 要渲染的内容项。仅在 `split` 模式下（contentIndex 为数字）才会传入；为当前消息（messages[0]）经过 `contentResolver` 解析后的内容；`messages[0].content` 一定是一个数组，`content` 则为对应索引的内容项，即 `messages[0].content[contentIndex]`；当 contentIndex 为 undefined 时，content 也为 undefined
+     * @param contentIndex - 内容索引，用于指定要渲染的内容项。仅在 split 模式下才会传入（为数字），此时 messages 数组长度为 1
      * @returns 如果匹配则返回 true，否则返回 false
      */
-    find: (messages: BubbleMessage[], resolvedContents: BubbleMessage['content'][], contentIndex: number | undefined) => boolean;
+    find: (messages: BubbleMessage[], content: ChatMessageContentItem | undefined, contentIndex: number | undefined) => boolean;
     renderer: Component<BubbleBoxRendererProps>;
     priority?: number;
     attributes?: Record<string, string>;
@@ -2073,11 +2073,11 @@ export declare type BubbleContentRendererMatch = {
     /**
      * 匹配函数，用于判断是否应该使用此渲染器
      * @param message - 消息对象
-     * @param resolvedContent - 消息经过 contentResolver 解析后的内容
-     * @param contentIndex - 内容索引，用于指定要渲染的内容项（当 content 为数组时）
+     * @param content - 要渲染的内容项。为当前消息经过 contentResolver 解析并统一化后的内容项：若解析结果为数组，则取对应索引的内容项（由 contentIndex 指定）；若为字符串，则转为 { type: 'text', text: string }。统一化为 ChatMessageContentItem 对象格式
+     * @param contentIndex - 内容索引。由 contentResolver 的解析结果为数组时使用。若 contentResolver 解析结果为字符串，content 会转换为对象，此时 contentIndex 为 0
      * @returns 如果匹配则返回 true，否则返回 false
      */
-    find: (message: BubbleMessage, resolvedContent: BubbleMessage['content'], contentIndex: number | undefined) => boolean;
+    find: (message: BubbleMessage, content: ChatMessageContentItem, contentIndex: number) => boolean;
     renderer: Component<BubbleContentRendererProps>;
     priority?: number;
     attributes?: Record<string, string>;
@@ -2085,7 +2085,7 @@ export declare type BubbleContentRendererMatch = {
 
 export declare type BubbleContentRendererProps<T extends ChatMessageContent = ChatMessageContent, S extends Record<string, unknown> = Record<string, unknown>> = {
     message: BubbleMessage<T, S>;
-    contentIndex?: number;
+    contentIndex: number;
 };
 
 /**
@@ -2233,46 +2233,46 @@ export declare const BubbleRenderers: {
     });
     Image: DefineComponent<    {
     message: BubbleMessage<ChatMessageContentItem[], Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<ChatMessageContentItem[], Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLImageElement>;
     Loading: DefineComponent<    {
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
     Markdown: DefineComponent<    {
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     Reasoning: DefineComponent<    {
     message: BubbleMessage<ChatMessageContent, {
     thinking?: boolean;
     open?: boolean;
     }>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<ChatMessageContent, {
     thinking?: boolean;
     open?: boolean;
     }>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     detailRef: HTMLParagraphElement;
     }, any>;
     Text: DefineComponent<    {
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     Tool: DefineComponent<BubbleContentRendererProps<ChatMessageContent, {
     toolCall?: Record<string, {
@@ -2293,17 +2293,17 @@ export declare const BubbleRenderers: {
     }, HTMLDivElement>;
     ToolRole: DefineComponent<    {
     message: BubbleMessage<string, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<string, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
     Tools: DefineComponent<    {
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
     message: BubbleMessage<ChatMessageContent, Record<string, unknown>>;
-    contentIndex?: number;
+    contentIndex: number;
     }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 };
 
@@ -3476,13 +3476,12 @@ export declare function useBubbleBoxRenderer(messages: MaybeRefOrGetter<BubbleMe
     attributes?: Record<string, string>;
 }>;
 
-export declare function useBubbleContentRenderer(message: MaybeRefOrGetter<BubbleMessage>, contentIndex?: number): ComputedRef<Component>;
+export declare function useBubbleContentRenderer(message: MaybeRefOrGetter<BubbleMessage>, contentIndex: number): ComputedRef<Component>;
 
 export declare function useBubbleStateChangeFn(): (key: string, _value: unknown) => void;
 
 export declare const useMessageContent: <T extends ChatMessageContent = ChatMessageContent>(props: Readonly<BubbleContentRendererProps<T>>) => {
-    content: ComputedRef<ChatMessageContent | undefined>;
-    contentItem: ComputedRef<ChatMessageContentItem | undefined>;
+    content: ComputedRef<ChatMessageContentItem>;
     contentText: ComputedRef<string>;
 };
 

package/dist/index.js

@@ -1,6 +1,6 @@
 import z from "./attachments/index.js";
 import { B as b, a as x, b as S } from "./index2.js";
-import { c as ve, d as fe, j as _e, u as ge, e as he, f as De, g as Te, h as Fe, i as ze } from "./index2.js";
+import { c as ve, d as fe, u as _e, e as ge, f as he, g as De, h as Te, i as Fe, j as ze } from "./index2.js";
 import E from "./container/index.js";
 import P from "./conversations/index.js";
 import B from "./drag-overlay/index.js";